[ { "text": "# A page presenting the customer's testimonial for a company.# The page should have the title \"TESTIMONIALS\", a testimonial, and a facebook icon, a quote, and the lable\nof author.", "region_id": "7671", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'testimonials'] ] [el:icon [attr:value 'facebook'] ] [el:description] [el:title] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 8 21 103 6 | icon 58 16 2 2 | title 8 31 103 2 | title 6 6 107 2", "layout_seq_without_completion": "description 8 21 103 6 | icon 58 16 2 2 | title 8 31 103 2 | title 6 6 107 2", "plain_layout_seq": "description 8 21 103 6 | icon 58 16 2 2 | title 8 31 103 2 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "icon", "position": [ 502, 141, 20, 20 ], "completed": false }, { "type": "description", "position": [ 70, 183, 884, 59 ], "completed": false }, { "type": "title", "position": [ 70, 273, 884, 24 ], "completed": false } ] }, { "text": "#A page for the introduction of AmericaMall.#The page should have a logo and a description to introduce the company.", "region_id": "4704", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description] ]", "execution": "singleinfo : description undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 0 2 118 11 | logo 0 0 16 2 | complete text 0 13 115 2", "layout_seq_without_completion": "description 0 2 118 11 | logo 0 0 16 2 | text 0 13 115 2", "plain_layout_seq": "description 0 2 118 11 | logo 0 0 16 2 | text 0 13 115 2", "canvas_width": 882, "canvas_height": 113, "elements": [ { "type": "logo", "position": [ 0, 0, 124, 21 ], "completed": false }, { "type": "description", "position": [ 0, 17, 869, 81 ], "completed": false }, { "type": "text", "position": [ 0, 97, 850, 15 ], "completed": true } ] }, { "text": "# A page showing the review of a Videostream user. # The page should have an orange background image, a small image on the top, a customer's review, and a user name. Then, four paginations at the bottom are needed for the user to switch pages to view more.", "region_id": "3013", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:image [attr:size 'small'][attr:position'top'] ] [el:text][el:title] [el:pagination [attr:position 'bottom'] [attr:repeat '4'] ] ]", "execution": "singleinfo : background undefined undefined | image top small | pagination bottom undefined | pagination bottom undefined | pagination bottom undefined | pagination bottom undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 55 3 9 9 | text 23 16 72 10 | title 23 29 72 2 | \" [ complete button 54 36 1 1 ] | [ complete button 57 36 1 1 ] | [ complete button 60 36 1 1 ] | [ complete button 63 36 1 1 ] \"", "layout_seq_without_completion": "image 55 3 9 9 | text 23 16 72 10 | title 23 29 72 2 | \" [ button 54 36 1 1 ] | [ button 57 36 1 1 ] | [ button 60 36 1 1 ] | [ button 63 36 1 1 ] \"", "plain_layout_seq": "button 54 36 1 1 | button 57 36 1 1 | button 60 36 1 1 | button 63 36 1 1 | image 55 3 9 9 | text 23 16 72 10 | title 23 29 72 2", "canvas_width": 1024, "canvas_height": 340, "elements": [ { "type": "image", "position": [ 470, 28, 84, 84 ], "completed": false }, { "type": "text", "position": [ 204, 143, 617, 90 ], "completed": false }, { "type": "title", "position": [ 204, 252, 617, 24 ], "completed": false }, { "type": "button", "position": [ 467, 315, 12, 12 ], "completed": true }, { "type": "button", "position": [ 493, 315, 12, 12 ], "completed": true }, { "type": "button", "position": [ 519, 315, 12, 12 ], "completed": true }, { "type": "button", "position": [ 545, 315, 12, 12 ], "completed": true } ] }, { "text": "#A page showing the cookies of the website to users.#The page should have one brief description, one link for users to click to learn more fastly, and one close button.", "region_id": "3897", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'close'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined", "layout_seq_with_completion": "button 99 0 1 2 | description 16 0 69 1 | link 86 0 8 1", "layout_seq_without_completion": "button 99 0 1 2 | description 16 0 69 1 | link 86 0 8 1", "plain_layout_seq": "button 99 0 1 2 | description 16 0 69 1 | link 86 0 8 1", "canvas_width": 1024, "canvas_height": 32, "elements": [ { "type": "button", "position": [ 850, 6, 13, 19 ], "completed": false }, { "type": "description", "position": [ 137, 7, 593, 16 ], "completed": false }, { "type": "link", "position": [ 735, 7, 72, 16 ], "completed": false } ] }, { "text": "#A page for attracting users to sign up.# The page should have a title, a text to attract users to sign up for the newsletter, an input for users to enter an email address, and a button for users to click to submit.", "region_id": "8214", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:input [attr:value 'enter your email address']] [el:button [attr:value 'submit'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 9 14 5 | input 1 9 45 5 | text 1 5 50 2 | title 1 0 23 2", "layout_seq_without_completion": "button 48 9 14 5 | input 1 9 45 5 | text 1 5 50 2 | title 1 0 23 2", "plain_layout_seq": "button 48 9 14 5 | input 1 9 45 5 | text 1 5 50 2 | title 1 0 23 2", "canvas_width": 970, "canvas_height": 161, "elements": [ { "type": "title", "position": [ 10, 0, 192, 23 ], "completed": false }, { "type": "text", "position": [ 10, 41, 408, 22 ], "completed": false }, { "type": "input", "position": [ 10, 78, 369, 43 ], "completed": false }, { "type": "button", "position": [ 389, 78, 121, 43 ], "completed": false } ] }, { "text": "# A page for marketing DigitalOcean.# The page should have the title \"A cloud for your entire journey\", a short description, and a link \"View the docs\" for the user to view the DigitalOcean documentation. Also, it will be better to have an image.", "region_id": "4677", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'a cloud for your entire journey'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'view the docs'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 1 7 116 28 | description 9 19 64 5 | image 70 14 47 21 | link 9 29 17 2 | title 9 11 59 4", "layout_seq_without_completion": "background 1 7 116 28 | description 9 19 64 5 | image 70 14 47 21 | link 9 29 17 2 | title 9 11 59 4", "plain_layout_seq": "background 1 7 116 28 | description 9 19 64 5 | image 70 14 47 21 | link 9 29 17 2 | title 9 11 59 4", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "background", "position": [ 16, 64, 992, 241 ], "completed": true }, { "type": "title", "position": [ 80, 96, 505, 40 ], "completed": false }, { "type": "image", "position": [ 605, 122, 403, 183 ], "completed": false }, { "type": "description", "position": [ 80, 168, 550, 48 ], "completed": false }, { "type": "link", "position": [ 80, 249, 150, 24 ], "completed": false } ] }, { "text": "#A page for showing the product.# The page involves an image of the product, a label named \"NEW\", a title showing the product name, a description, and a button named \"Get the Add-in\" for users to click to get the product.", "region_id": "4971", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'new'] ] [el:title] [el:description] [el:button [attr:value 'get the Add-in'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 72 46 21 7 | description 72 35 35 6 | image 3 16 58 40 | title 72 20 6 3 | title 72 25 44 9", "layout_seq_without_completion": "button 72 46 21 7 | description 72 35 35 6 | image 3 16 58 40 | title 72 20 6 3 | title 72 25 44 9", "plain_layout_seq": "button 72 46 21 7 | description 72 35 35 6 | image 3 16 58 40 | title 72 20 6 3 | title 72 25 44 9", "canvas_width": 1024, "canvas_height": 628, "elements": [ { "type": "image", "position": [ 32, 140, 503, 347 ], "completed": false }, { "type": "title", "position": [ 615, 175, 54, 26 ], "completed": false }, { "type": "title", "position": [ 615, 221, 377, 77 ], "completed": false }, { "type": "description", "position": [ 615, 305, 300, 56 ], "completed": false }, { "type": "button", "position": [ 615, 393, 186, 60 ], "completed": false } ] }, { "text": "#A page for users to sign up.# There is one background image, one title\"Reach your goals anywhere\", and one slogan. Below is one button for users to sign up.", "region_id": "4155", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'Reach your goals anywhere'] ] [el:text] [el:button [attr:position 'bottom'] [attr:value 'sign up'] ] ]", "execution": "singleinfo : background undefined undefined | button bottom undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 74 | button 51 41 16 4 | text 29 33 58 5 | title 27 24 64 6", "layout_seq_without_completion": "background 0 0 120 74 | button 51 41 16 4 | text 29 33 58 5 | title 27 24 64 6", "plain_layout_seq": "background 0 0 120 74 | button 51 41 16 4 | text 29 33 58 5 | title 27 24 64 6", "canvas_width": 1024, "canvas_height": 633, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 633 ], "completed": false }, { "type": "title", "position": [ 238, 207, 547, 52 ], "completed": false }, { "type": "text", "position": [ 254, 284, 500, 45 ], "completed": false }, { "type": "button", "position": [ 440, 354, 143, 40 ], "completed": false } ] }, { "text": "#A page for introducing a performance food group to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1964", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | button 4 42 17 4 | description 4 35 110 3 | complete image 0 0 47 67 | title 4 28 22 4 | title 27 28 46 4 | \" [ complete button 4 57 2 2 ] | [ complete button 7 57 2 2 ] | [ complete button 9 57 2 2 ] | [ complete button 11 57 2 2 ] | [ complete button 14 57 2 2 ] | [ complete button 16 57 2 2 ] | [ complete button 18 57 2 2 ] | [ complete button 21 57 2 2 ] \"", "layout_seq_without_completion": "background 0 0 120 67 | button 4 42 17 4 | description 4 35 110 3 | image 0 0 47 67 | title 4 28 22 4 | title 27 28 46 4 | \" [ button 4 57 2 2 ] | [ button 7 57 2 2 ] | [ button 9 57 2 2 ] | [ button 11 57 2 2 ] | [ button 14 57 2 2 ] | [ button 16 57 2 2 ] | [ button 18 57 2 2 ] | [ button 21 57 2 2 ] \"", "plain_layout_seq": "background 0 0 120 67 | button 4 42 17 4 | button 4 57 2 2 | button 7 57 2 2 | button 9 57 2 2 | button 11 57 2 2 | button 14 57 2 2 | button 16 57 2 2 | button 18 57 2 2 | button 21 57 2 2 | description 4 35 110 3 | image 0 0 47 67 | title 4 28 22 4 | title 27 28 46 4", "canvas_width": 1024, "canvas_height": 578, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 578 ], "completed": true }, { "type": "image", "position": [ 0, 0, 406, 578 ], "completed": true }, { "type": "title", "position": [ 40, 246, 191, 38 ], "completed": false }, { "type": "title", "position": [ 231, 246, 397, 38 ], "completed": false }, { "type": "description", "position": [ 40, 304, 944, 27 ], "completed": false }, { "type": "button", "position": [ 40, 362, 147, 39 ], "completed": false }, { "type": "button", "position": [ 40, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 60, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 80, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 100, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 120, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 140, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 160, 493, 20, 20 ], "completed": true }, { "type": "button", "position": [ 180, 493, 20, 20 ], "completed": true } ] }, { "text": "#A page persuades people to accept the emails of AT&T.# There is a title and a tagline, a short introduction, an email input, and a sign-up button.", "region_id": "726", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:description [attr:size'small'] ] [el:input [attr:value'email'] ] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "layout_seq_without_completion": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "plain_layout_seq": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "canvas_width": 1003, "canvas_height": 293, "elements": [ { "type": "title", "position": [ 16, 24, 971, 41 ], "completed": false }, { "type": "title", "position": [ 16, 80, 971, 27 ], "completed": false }, { "type": "input", "position": [ 276, 124, 234, 48 ], "completed": false }, { "type": "button", "position": [ 526, 124, 200, 48 ], "completed": false }, { "type": "description", "position": [ 200, 222, 603, 29 ], "completed": false } ] }, { "text": "#A page persuades people to accept the emails of AT&T.# There is a title and a tagline, a short introduction, an email input box, and a sign-up button.", "region_id": "726_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description [attr:size'small'] ] [el:input [attr:value'email'] ] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "layout_seq_without_completion": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "plain_layout_seq": "button 62 14 23 5 | description 23 26 72 3 | input 33 14 27 5 | title 1 2 116 4 | title 1 9 116 3", "canvas_width": 1003, "canvas_height": 293, "elements": [ { "type": "title", "position": [ 16, 24, 971, 41 ], "completed": false }, { "type": "title", "position": [ 16, 80, 971, 27 ], "completed": false }, { "type": "input", "position": [ 276, 124, 234, 48 ], "completed": false }, { "type": "button", "position": [ 526, 124, 200, 48 ], "completed": false }, { "type": "description", "position": [ 200, 222, 603, 29 ], "completed": false } ] }, { "text": "#A page showing the information of the law admissions for users.#The page should have one picture about the law admissions, one text heading, and one brief description. And there also should have one button for users to click to read more information fastly.", "region_id": "4633", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 34 13 2 | description 0 26 120 3 | image 0 0 32 18 | title 0 22 120 2", "layout_seq_without_completion": "button 0 34 13 2 | description 0 26 120 3 | image 0 0 32 18 | title 0 22 120 2", "plain_layout_seq": "button 0 34 13 2 | description 0 26 120 3 | image 0 0 32 18 | title 0 22 120 2", "canvas_width": 930, "canvas_height": 286, "elements": [ { "type": "image", "position": [ 0, 0, 255, 146 ], "completed": false }, { "type": "title", "position": [ 0, 176, 930, 18 ], "completed": false }, { "type": "description", "position": [ 0, 209, 930, 25 ], "completed": false }, { "type": "button", "position": [ 0, 269, 108, 17 ], "completed": false } ] }, { "text": "# A page to introduce the company NTT Group.# The page should be a title \"About NTT\" and a brief introduction of the company. There should be an image.", "region_id": "225", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about ntt'] ] [el:description [attr:size 'small']] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 39 118 5 | image 0 0 120 33 | title 0 35 118 3", "layout_seq_without_completion": "description 0 39 118 5 | image 0 0 120 33 | title 0 35 118 3", "plain_layout_seq": "description 0 39 118 5 | image 0 0 120 33 | title 0 35 118 3", "canvas_width": 1220, "canvas_height": 463, "elements": [ { "type": "image", "position": [ 0, 0, 1220, 343 ], "completed": false }, { "type": "title", "position": [ 10, 363, 1200, 34 ], "completed": false }, { "type": "description", "position": [ 10, 406, 1200, 56 ], "completed": false } ] }, { "text": "#A page for introducing one financial idea.# There should be a title named \"Successful lending to the Missing Middle\", followed by a short description and a link, where users can tap to watch now. Also, on the left, there is one picture.", "region_id": "1837", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'successful lending to the missing middle'] ] [el:description [attr:size'small'] ] [el:link [attr:value'watch now'] ] [el:image [attr:position'left'] ] ]", "execution": "singleinfo : description undefined small | image left undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 119 46 | description 65 20 46 11 | image 4 8 54 30 | link 65 36 9 2 | complete text 65 17 8 0 | title 65 9 46 5", "layout_seq_without_completion": "background 0 0 119 46 | description 65 20 46 11 | image 4 8 54 30 | link 65 36 9 2 | text 65 17 8 0 | title 65 9 46 5", "plain_layout_seq": "background 0 0 119 46 | description 65 20 46 11 | image 4 8 54 30 | link 65 36 9 2 | text 65 17 8 0 | title 65 9 46 5", "canvas_width": 1164, "canvas_height": 449, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 449 ], "completed": true }, { "type": "image", "position": [ 40, 87, 530, 295 ], "completed": false }, { "type": "title", "position": [ 634, 90, 450, 55 ], "completed": false }, { "type": "text", "position": [ 634, 170, 80, 4 ], "completed": true }, { "type": "description", "position": [ 634, 198, 450, 115 ], "completed": false }, { "type": "link", "position": [ 634, 356, 90, 21 ], "completed": false } ] }, { "text": "# A page for guiding the user to subscribe to the service. # On the page, there should be a title named \"GET NEW TESTED \uff06 PERFECTED RECIPES\" followed by a description. Two inputs and a button \"SUBSCRIBE\" are on the page. There is a background image.", "region_id": "2905", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'get new tested \uff06 perfected recipes'] ] [el:description] [el:input [attr:repeat '2'] ] [el:button [attr:value 'subscribe'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 86 0 33 21 | button 75 12 11 3 | description 60 8 16 2 | description 43 8 13 2 | complete icon 56 9 3 1 | input 47 12 26 3 | input 33 12 12 3 | title 14 5 91 2", "layout_seq_without_completion": "background 86 0 33 21 | button 75 12 11 3 | description 60 8 16 2 | description 43 8 13 2 | icon 56 9 3 1 | input 47 12 26 3 | input 33 12 12 3 | title 14 5 91 2", "plain_layout_seq": "background 86 0 33 21 | button 75 12 11 3 | description 60 8 16 2 | description 43 8 13 2 | icon 56 9 3 1 | input 47 12 26 3 | input 33 12 12 3 | title 14 5 91 2", "canvas_width": 1575, "canvas_height": 280, "elements": [ { "type": "background", "position": [ 1131, 0, 444, 280 ], "completed": false }, { "type": "title", "position": [ 188, 67, 1200, 28 ], "completed": false }, { "type": "description", "position": [ 566, 113, 179, 27 ], "completed": false }, { "type": "description", "position": [ 792, 113, 218, 27 ], "completed": false }, { "type": "icon", "position": [ 744, 119, 47, 14 ], "completed": true }, { "type": "input", "position": [ 438, 163, 160, 48 ], "completed": false }, { "type": "input", "position": [ 618, 163, 354, 48 ], "completed": false }, { "type": "button", "position": [ 992, 163, 146, 48 ], "completed": false } ] }, { "text": "#A page for advertising. # The page should have a background image and two buttons for users to click to request a demo and contact the company.", "region_id": "1792", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:button [attr:value'request a demo'] ] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined", "layout_seq_with_completion": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | complete title 5 35 108 14", "layout_seq_without_completion": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | title 5 35 108 14", "plain_layout_seq": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | title 5 35 108 14", "canvas_width": 1024, "canvas_height": 724, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 724 ], "completed": false }, { "type": "title", "position": [ 47, 300, 930, 123 ], "completed": true }, { "type": "button", "position": [ 345, 423, 173, 35 ], "completed": false }, { "type": "button", "position": [ 546, 423, 133, 35 ], "completed": false } ] }, { "text": "#A page for advertising. # The page should have a big and corresponding background image, a short introduction to represent the pros of the company, and two buttons for users to click to request a demo and contact the company.", "region_id": "1792_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | description undefined small", "layout_seq_with_completion": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | description 5 35 108 14", "layout_seq_without_completion": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | description 5 35 108 14", "plain_layout_seq": "background 0 0 120 84 | button 40 49 20 4 | button 63 49 15 4 | description 5 35 108 14", "canvas_width": 1024, "canvas_height": 724, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 724 ], "completed": false }, { "type": "description", "position": [ 47, 300, 930, 123 ], "completed": false }, { "type": "button", "position": [ 345, 423, 173, 35 ], "completed": false }, { "type": "button", "position": [ 546, 423, 133, 35 ], "completed": false } ] }, { "text": "# A page for advertising an online shop selling kitchen faucets. # On the page, there should have a background image and an image about the facets, a phrase \"BRAND ON\", a title \"Kitchen Faucet\" and a further description. What's more, it is necessary to have a button \"Shop now\" for the user to enter to shop.", "region_id": "8587", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:image] [el:title [attr:value 'BRAND ON'] ] [el:title[attr:value 'Kitchen Faucet']] [el:description][el:button [attr:value 'Shop now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 77 34 13 5 | description 77 17 39 14 | image 19 7 32 32 | title 77 6 39 3 | title 77 10 39 5", "layout_seq_without_completion": "button 77 34 13 5 | description 77 17 39 14 | image 19 7 32 32 | title 77 6 39 3 | title 77 10 39 5", "plain_layout_seq": "button 77 34 13 5 | description 77 17 39 14 | image 19 7 32 32 | title 77 6 39 3 | title 77 10 39 5", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 658, 58, 336, 27 ], "completed": false }, { "type": "image", "position": [ 169, 60, 280, 280 ], "completed": false }, { "type": "title", "position": [ 658, 89, 336, 45 ], "completed": false }, { "type": "description", "position": [ 658, 153, 336, 122 ], "completed": false }, { "type": "button", "position": [ 658, 294, 117, 47 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one image of the platform on the right side, and one label \"OUR MISSION\", one text box showing the content. Users can learn more by clicking one button.", "region_id": "273", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'right'] ] [el:title [attr:value 'our mission'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 4 53 13 2 | description 4 14 63 33 | image 71 10 44 45 | title 4 9 63 3", "layout_seq_without_completion": "button 4 53 13 2 | description 4 14 63 33 | image 71 10 44 45 | title 4 9 63 3", "plain_layout_seq": "button 4 53 13 2 | description 4 14 63 33 | image 71 10 44 45 | title 4 9 63 3", "canvas_width": 1003, "canvas_height": 552, "elements": [ { "type": "title", "position": [ 36, 80, 530, 30 ], "completed": false }, { "type": "image", "position": [ 596, 84, 370, 384 ], "completed": false }, { "type": "description", "position": [ 36, 125, 530, 280 ], "completed": false }, { "type": "button", "position": [ 36, 447, 113, 22 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one image of the platform on the right side, and two text boxes showing its mission. Users can learn more by clicking one text button.", "region_id": "273_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'right'] ] [el:text [attr:repeat '2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image right undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 4 53 13 2 | image 71 10 44 45 | text 4 9 63 3 | text 4 14 63 33", "layout_seq_without_completion": "button 4 53 13 2 | image 71 10 44 45 | text 4 9 63 3 | text 4 14 63 33", "plain_layout_seq": "button 4 53 13 2 | image 71 10 44 45 | text 4 9 63 3 | text 4 14 63 33", "canvas_width": 1003, "canvas_height": 552, "elements": [ { "type": "text", "position": [ 36, 80, 530, 30 ], "completed": false }, { "type": "image", "position": [ 596, 84, 370, 384 ], "completed": false }, { "type": "text", "position": [ 36, 125, 530, 280 ], "completed": false }, { "type": "button", "position": [ 36, 447, 113, 22 ], "completed": false } ] }, { "text": "#A page guiding users to agree to the privacy policy of the website.#The page should have one small description, one link to the privacy policy, and one button for users to click to agree to it.", "region_id": "2614", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:link [attr:value 'privacy policy'] ] [el:button [attr:value 'agree'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined", "layout_seq_with_completion": "button 54 4 10 3 | description 26 1 56 1 | link 83 1 10 1", "layout_seq_without_completion": "button 54 4 10 3 | description 26 1 56 1 | link 83 1 10 1", "plain_layout_seq": "button 54 4 10 3 | description 26 1 56 1 | link 83 1 10 1", "canvas_width": 1009, "canvas_height": 82, "elements": [ { "type": "description", "position": [ 223, 14, 476, 16 ], "completed": false }, { "type": "link", "position": [ 699, 14, 87, 16 ], "completed": false }, { "type": "button", "position": [ 460, 35, 90, 31 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be one image and two text boxes, one for the title\"Our Purpose Is Making Home Possible\", and the other for the detail. Users can learn more by clicking one button.", "region_id": "1261", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'our purpose is making home possible'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "layout_seq_without_completion": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "plain_layout_seq": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "canvas_width": 1024, "canvas_height": 537, "elements": [ { "type": "image", "position": [ 399, 50, 585, 437 ], "completed": false }, { "type": "title", "position": [ 72, 170, 303, 62 ], "completed": false }, { "type": "description", "position": [ 72, 242, 303, 76 ], "completed": false }, { "type": "button", "position": [ 72, 342, 143, 40 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one image and two text boxes, one for the title and the other for the detail. Users can learn more by clicking one text button.", "region_id": "1261_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "layout_seq_without_completion": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "plain_layout_seq": "button 8 40 16 4 | description 8 28 35 8 | image 46 5 68 51 | title 8 19 35 7", "canvas_width": 1024, "canvas_height": 537, "elements": [ { "type": "image", "position": [ 399, 50, 585, 437 ], "completed": false }, { "type": "title", "position": [ 72, 170, 303, 62 ], "completed": false }, { "type": "description", "position": [ 72, 242, 303, 76 ], "completed": false }, { "type": "button", "position": [ 72, 342, 143, 40 ], "completed": false } ] }, { "text": "#A page for introducing a balcony to users.# The page should include one title and a button for users to click for further information.", "region_id": "1642", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 47 21 5 | complete image 34 35 46 19 | title 46 35 24 8", "layout_seq_without_completion": "button 47 47 21 5 | image 34 35 46 19 | title 46 35 24 8", "plain_layout_seq": "button 47 47 21 5 | image 34 35 46 19 | title 46 35 24 8", "canvas_width": 1003, "canvas_height": 755, "elements": [ { "type": "image", "position": [ 292, 294, 391, 167 ], "completed": true }, { "type": "title", "position": [ 386, 294, 201, 74 ], "completed": false }, { "type": "button", "position": [ 396, 398, 180, 44 ], "completed": false } ] }, { "text": "# A page to introduce Crazy Bull.# The page should have an image, the title \"Service is our priority\" and a further introduction.", "region_id": "6608", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'service is our priority'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 64 16 49 15 | image 6 9 53 20 | title 64 10 49 3", "layout_seq_without_completion": "description 64 16 49 15 | image 6 9 53 20 | title 64 10 49 3", "plain_layout_seq": "description 64 16 49 15 | image 6 9 53 20 | title 64 10 49 3", "canvas_width": 1024, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 55, 83, 457, 177 ], "completed": false }, { "type": "title", "position": [ 547, 90, 422, 30 ], "completed": false }, { "type": "description", "position": [ 547, 137, 422, 135 ], "completed": false } ] }, { "text": "#This page is to guide users to understand the product. #This page has a description on the left and three buttons on the right: Accept All, Deny All, and Do Not Sell My Information.", "region_id": "6182", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:position 'left'] ] [el:button [attr:position 'right'] [attr:value 'Accept All'] ] [el:button [attr:position 'right'] [attr:value 'Deny All'] ] [el:button [attr:value 'Do Not Sell My Information'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | button right undefined | button right undefined | description left undefined", "layout_seq_with_completion": "description 11 4 58 9 | complete icon 116 0 2 2 | \" [ button 86 1 22 4 ] | [ button 86 6 22 4 ] | [ button 86 11 22 4 ] \"", "layout_seq_without_completion": "description 11 4 58 9 | icon 116 0 2 2 | \" [ button 86 1 22 4 ] | [ button 86 6 22 4 ] | [ button 86 11 22 4 ] \"", "plain_layout_seq": "button 86 1 22 4 | button 86 6 22 4 | button 86 11 22 4 | description 11 4 58 9 | icon 116 0 2 2", "canvas_width": 1024, "canvas_height": 148, "elements": [ { "type": "icon", "position": [ 998, 8, 21, 21 ], "completed": true }, { "type": "button", "position": [ 736, 10, 193, 40 ], "completed": false }, { "type": "description", "position": [ 95, 35, 500, 78 ], "completed": false }, { "type": "button", "position": [ 736, 54, 193, 40 ], "completed": false }, { "type": "button", "position": [ 736, 98, 193, 40 ], "completed": false } ] }, { "text": "#A page for attracting users to subscribe.# The page should have a slogan and a text to show the promise of the Movement, and also an input for users to enter an email, and a button for users to click to subscribe.", "region_id": "6589", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'subscribe']] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 18 17 5 | input 2 10 114 5 | text 2 5 114 2 | title 2 0 114 2", "layout_seq_without_completion": "button 2 18 17 5 | input 2 10 114 5 | text 2 5 114 2 | title 2 0 114 2", "plain_layout_seq": "button 2 18 17 5 | input 2 10 114 5 | text 2 5 114 2 | title 2 0 114 2", "canvas_width": 1004, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 25, 0, 954, 25 ], "completed": false }, { "type": "text", "position": [ 25, 44, 954, 25 ], "completed": false }, { "type": "input", "position": [ 25, 87, 954, 44 ], "completed": false }, { "type": "button", "position": [ 25, 151, 146, 50 ], "completed": false } ] }, { "text": "#A page for guiding users to download an application.# The page has an image showing the product, a link named \"Download YouTube Videos\", and a brief description.", "region_id": "3289", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:link [attr:value 'download youtube videos'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 9 4 50 3 | image 1 1 6 6 | link 9 1 50 3", "layout_seq_without_completion": "description 9 4 50 3 | image 1 1 6 6 | link 9 1 50 3", "plain_layout_seq": "description 9 4 50 3 | image 1 1 6 6 | link 9 1 50 3", "canvas_width": 900, "canvas_height": 73, "elements": [ { "type": "image", "position": [ 10, 10, 50, 50 ], "completed": false }, { "type": "link", "position": [ 70, 10, 380, 26 ], "completed": false }, { "type": "description", "position": [ 70, 35, 380, 27 ], "completed": false } ] }, { "text": "# A page for guiding the user to subscribe to the weekly newsletter of a company. # On the page, there should be a slogan named \"Let's keep in touch!\" followed by a sentence for attracting the user to subscribe weekly newsletter. Besides, it must have an input box for the user to enter an email and a button for the user to confirm to subscribe.", "region_id": "8325", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'let s keep in touch!'] ] [el:description] [el:input [attr:value 'your email'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 76 16 15 5 | description 27 5 64 7 | input 27 16 47 5 | complete text 29 16 8 5 | title 27 0 64 3", "layout_seq_without_completion": "button 76 16 15 5 | description 27 5 64 7 | input 27 16 47 5 | text 29 16 8 5 | title 27 0 64 3", "plain_layout_seq": "button 76 16 15 5 | description 27 5 64 7 | input 27 16 47 5 | text 29 16 8 5 | title 27 0 64 3", "canvas_width": 1024, "canvas_height": 185, "elements": [ { "type": "title", "position": [ 237, 0, 550, 33 ], "completed": false }, { "type": "description", "position": [ 237, 47, 550, 60 ], "completed": false }, { "type": "input", "position": [ 237, 137, 405, 48 ], "completed": false }, { "type": "text", "position": [ 250, 137, 75, 48 ], "completed": true }, { "type": "button", "position": [ 654, 137, 133, 48 ], "completed": false } ] }, { "text": "# A page to introduce Motorsports. # On the page, there should be two text boxes as the slogan to appeal the user to explore Motorsports. It is necessary to have a button to view Motorsports by clicking it. There should also be a background image of the motorsports for beauty.", "region_id": "1959", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:button [attr:value'view motorsports'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 72 | button 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "layout_seq_without_completion": "background 0 0 120 72 | button 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "plain_layout_seq": "background 0 0 120 72 | button 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "canvas_width": 1024, "canvas_height": 618, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 616 ], "completed": false }, { "type": "title", "position": [ 137, 100, 750, 24 ], "completed": false }, { "type": "title", "position": [ 137, 124, 750, 94 ], "completed": false }, { "type": "button", "position": [ 720, 256, 131, 25 ], "completed": false } ] }, { "text": "# A page to introduce Motorsports. # On the page, there should be two text boxes as the slogan to appeal the user to explore Motorsports. It is necessary to have a click to view Motorsports by clicking it. There should also be a background image of the motorsports for beauty.", "region_id": "1959_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:link [attr:value'view motorsports'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 72 | link 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "layout_seq_without_completion": "background 0 0 120 72 | link 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "plain_layout_seq": "background 0 0 120 72 | link 84 30 15 2 | title 16 14 87 11 | title 16 11 87 2", "canvas_width": 1024, "canvas_height": 618, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 616 ], "completed": false }, { "type": "title", "position": [ 137, 100, 750, 24 ], "completed": false }, { "type": "title", "position": [ 137, 124, 750, 94 ], "completed": false }, { "type": "link", "position": [ 720, 256, 131, 25 ], "completed": false } ] }, { "text": "#A page introducing the sustainability of a company. # The page should have a title, two text boxes to show the commitments of the company, and a button for users to click to learn more. There should also be an area to show a corresponding video clip and a button to play it.", "region_id": "1744", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat '2'] ] [el:button [attr:value'read more'] ] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 81 84 28 7 | button 25 11 13 13 | image 3 0 58 32 | text 81 55 38 21 | text 81 7 38 43 | title 81 0 38 2", "layout_seq_without_completion": "button 81 84 28 7 | button 25 11 13 13 | image 3 0 58 32 | text 81 55 38 21 | text 81 7 38 43 | title 81 0 38 2", "plain_layout_seq": "button 81 84 28 7 | button 25 11 13 13 | image 3 0 58 32 | text 81 55 38 21 | text 81 7 38 43 | title 81 0 38 2", "canvas_width": 989, "canvas_height": 761, "elements": [ { "type": "image", "position": [ 30, 0, 480, 270 ], "completed": false }, { "type": "title", "position": [ 670, 0, 319, 21 ], "completed": false }, { "type": "text", "position": [ 670, 61, 319, 360 ], "completed": false }, { "type": "button", "position": [ 212, 94, 115, 115 ], "completed": false }, { "type": "text", "position": [ 670, 456, 319, 180 ], "completed": false }, { "type": "button", "position": [ 670, 696, 233, 65 ], "completed": false } ] }, { "text": "# A page for the user to view the trends in the app. # The page should have the title \"What's trending for spring in the app\", four images, and a text button \"SEE THE TRENDS\" for the user to click to know the trends in the app.", "region_id": "6271", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'What is trending for spring in the app'] ] [el:image [attr:repeat '4'] ] [el:button [attr:value 'SEE THE TRENDS'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 13 24 5 | title 7 1 42 9 | \" [ image 52 2 12 15 ] | [ image 68 2 12 15 ] | [ image 83 2 12 15 ] | [ image 99 2 12 15 ] \"", "layout_seq_without_completion": "button 7 13 24 5 | title 7 1 42 9 | \" [ image 52 2 12 15 ] | [ image 68 2 12 15 ] | [ image 83 2 12 15 ] | [ image 99 2 12 15 ] \"", "plain_layout_seq": "button 7 13 24 5 | image 52 2 12 15 | image 68 2 12 15 | image 83 2 12 15 | image 99 2 12 15 | title 7 1 42 9", "canvas_width": 1009, "canvas_height": 177, "elements": [ { "type": "title", "position": [ 62, 12, 359, 77 ], "completed": false }, { "type": "image", "position": [ 442, 21, 107, 134 ], "completed": false }, { "type": "image", "position": [ 573, 21, 107, 134 ], "completed": false }, { "type": "image", "position": [ 704, 21, 107, 134 ], "completed": false }, { "type": "image", "position": [ 835, 21, 107, 134 ], "completed": false }, { "type": "button", "position": [ 62, 117, 208, 48 ], "completed": false } ] }, { "text": "#A page for introducing a medicare-plan-covering area.# The page should have the title \"find a plan in users area\", a short text for describing the plan, an input where users can input their zip codes, and a button for finding the plan after entering the zip codes. There is an image that matches the content to fill in the blanks.", "region_id": "1092", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'find a plan in users area'] ] [el:description [attr:size'small'] ] [el:input [attr:value'input the zip code'] ] [el:button [attr:value'find a plan'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | complete text 7 37 22 3 | title 7 8 105 8", "layout_seq_without_completion": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | text 7 37 22 3 | title 7 8 105 8", "plain_layout_seq": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | text 7 37 22 3 | title 7 8 105 8", "canvas_width": 1024, "canvas_height": 581, "elements": [ { "type": "title", "position": [ 60, 70, 904, 72 ], "completed": false }, { "type": "description", "position": [ 60, 172, 452, 109 ], "completed": false }, { "type": "image", "position": [ 542, 251, 452, 328 ], "completed": false }, { "type": "text", "position": [ 60, 321, 196, 29 ], "completed": true }, { "type": "input", "position": [ 60, 365, 400, 64 ], "completed": false }, { "type": "button", "position": [ 60, 459, 176, 50 ], "completed": false } ] }, { "text": "#A page for introducing a medicare-plan-covering area.# The page should have the title \"find a plan in users area\", a short text for describing the plan, an input where users can input their zip codes, and a button for finding the plan after entering the zip codes. It's better to have an image as a layout.", "region_id": "1092_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo[el:title [attr:value'find a plan in users area'] ] [el:description [attr:size'small'] ] [el:input] [el:button [attr:value'find a plan'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | complete text 7 37 22 3 | title 7 8 105 8", "layout_seq_without_completion": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | text 7 37 22 3 | title 7 8 105 8", "plain_layout_seq": "button 7 53 20 5 | description 7 20 52 12 | image 63 29 52 38 | input 7 42 46 7 | text 7 37 22 3 | title 7 8 105 8", "canvas_width": 1024, "canvas_height": 581, "elements": [ { "type": "title", "position": [ 60, 70, 904, 72 ], "completed": false }, { "type": "description", "position": [ 60, 172, 452, 109 ], "completed": false }, { "type": "image", "position": [ 542, 251, 452, 328 ], "completed": false }, { "type": "text", "position": [ 60, 321, 196, 29 ], "completed": true }, { "type": "input", "position": [ 60, 365, 400, 64 ], "completed": false }, { "type": "button", "position": [ 60, 459, 176, 50 ], "completed": false } ] }, { "text": "#A page for users to learn about their financial fitness.# There should be one title\"Your personal trainer for financial fitness\" and one detailed info. Users can click one link to visit the blog. On the right, there is one logo.", "region_id": "738", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'your personal trainer for financial fitness'] ] [el:description] [el:link [attr:value'visit the blog'] ] [el:logo [attr:position'right'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | logo right undefined | title undefined undefined", "layout_seq_with_completion": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "layout_seq_without_completion": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "plain_layout_seq": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "canvas_width": 1024, "canvas_height": 250, "elements": [ { "type": "logo", "position": [ 624, 0, 358, 250 ], "completed": false }, { "type": "title", "position": [ 32, 16, 487, 130 ], "completed": false }, { "type": "description", "position": [ 32, 178, 487, 56 ], "completed": false } ] }, { "text": "#A page for users to learn about their financial fitness.# There should be two text boxes, one for the title and the other for the detailed info. One image is used to show the logo.", "region_id": "738_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:logo] ]", "execution": "singleinfo : description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "layout_seq_without_completion": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "plain_layout_seq": "description 3 20 57 6 | logo 73 0 41 29 | title 3 1 57 15", "canvas_width": 1024, "canvas_height": 250, "elements": [ { "type": "logo", "position": [ 624, 0, 358, 250 ], "completed": false }, { "type": "title", "position": [ 32, 16, 487, 130 ], "completed": false }, { "type": "description", "position": [ 32, 178, 487, 56 ], "completed": false } ] }, { "text": "#A page for advertising some smart buildings.# There should be one image showing the buildings, one title, and one detailed description. One button is used for users to explore smart buildings.", "region_id": "951", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'explore smart buildings'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 49 28 6 | description 10 38 38 5 | image 62 3 57 33 | title 10 15 38 19", "layout_seq_without_completion": "button 10 49 28 6 | description 10 38 38 5 | image 62 3 57 33 | title 10 15 38 19", "plain_layout_seq": "button 10 49 28 6 | description 10 38 38 5 | image 62 3 57 33 | title 10 15 38 19", "canvas_width": 1003, "canvas_height": 496, "elements": [ { "type": "image", "position": [ 524, 30, 479, 281 ], "completed": false }, { "type": "title", "position": [ 87, 130, 325, 160 ], "completed": false }, { "type": "description", "position": [ 87, 322, 325, 48 ], "completed": false }, { "type": "button", "position": [ 87, 410, 241, 56 ], "completed": false } ] }, { "text": "#A page for introducing the huge selection of ski race equipment for users.# This page should include one title on the top. Below, there should be two groups of the detailed description of the ski race equipment for users.", "region_id": "7860", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title top undefined", "layout_seq_with_completion": "description 13 7 93 7 | description 13 17 93 5 | title 13 0 93 4", "layout_seq_without_completion": "description 13 7 93 7 | description 13 17 93 5 | title 13 0 93 4", "plain_layout_seq": "description 13 7 93 7 | description 13 17 93 5 | title 13 0 93 4", "canvas_width": 1009, "canvas_height": 283, "elements": [ { "type": "title", "position": [ 112, 0, 786, 36 ], "completed": false }, { "type": "description", "position": [ 112, 65, 786, 67 ], "completed": false }, { "type": "description", "position": [ 112, 148, 786, 45 ], "completed": false } ] }, { "text": "# A page to introduce one service provided by a tool software.# On the page, there should have a background image, a title \"Image with text\", and a further introduction to the service.", "region_id": "8653", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'image with text'] ] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 3 0 112 50 | description 72 24 33 15 | complete image 65 3 47 43 | title 72 10 33 11", "layout_seq_without_completion": "background 3 0 112 50 | description 72 24 33 15 | image 65 3 47 43 | title 72 10 33 11", "plain_layout_seq": "background 3 0 112 50 | description 72 24 33 15 | image 65 3 47 43 | title 72 10 33 11", "canvas_width": 1009, "canvas_height": 456, "elements": [ { "type": "background", "position": [ 30, 0, 949, 426 ], "completed": false }, { "type": "image", "position": [ 549, 30, 400, 366 ], "completed": true }, { "type": "title", "position": [ 609, 90, 280, 96 ], "completed": false }, { "type": "description", "position": [ 609, 206, 280, 130 ], "completed": false } ] }, { "text": "# A page for marketing an online shop. # The page should have the title \"Shop The Collection\", a slogan \"JOIN THE VITAE FAMILY TODAY!\", and a button \"SHOP NOW\" for the user to enter the shop to purchase goods. Besides, it is necessary to have two paginations to switch pages to know more info.", "region_id": "7199", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'shop the collection'] ] [el:title [attr:value 'join the vitae family today!'] ] [el:button [attr:value 'SHOP NOW'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | pagination undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 11 43 14 4 | complete button 2 31 4 4 | complete button 113 31 4 4 | title 11 26 50 7 | title 11 36 50 2", "layout_seq_without_completion": "button 11 43 14 4 | button 2 31 4 4 | button 113 31 4 4 | title 11 26 50 7 | title 11 36 50 2", "plain_layout_seq": "button 11 43 14 4 | button 2 31 4 4 | button 113 31 4 4 | title 11 26 50 7 | title 11 36 50 2", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "title", "position": [ 102, 226, 434, 65 ], "completed": false }, { "type": "button", "position": [ 22, 270, 36, 36 ], "completed": true }, { "type": "button", "position": [ 966, 270, 36, 36 ], "completed": true }, { "type": "title", "position": [ 102, 311, 434, 20 ], "completed": false }, { "type": "button", "position": [ 102, 367, 127, 38 ], "completed": false } ] }, { "text": "# A page for introducing Quip to the user.# The page should have the title \"What is Quip?\", an introduction to Quip, and two buttons \"Contact Sales\" and \"Learn More\" for the user to contact sales and learn more info about Quip.", "region_id": "3711", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'what is quip?'] ] [el:description] [el:button [attr:value 'contact sales'] ] [el:button [attr:value 'Learn more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 42 15 4 | button 43 42 16 4 | description 17 24 84 14 | title 17 16 84 5", "layout_seq_without_completion": "button 61 42 15 4 | button 43 42 16 4 | description 17 24 84 14 | title 17 16 84 5", "plain_layout_seq": "button 61 42 15 4 | button 43 42 16 4 | description 17 24 84 14 | title 17 16 84 5", "canvas_width": 1024, "canvas_height": 404, "elements": [ { "type": "title", "position": [ 152, 140, 720, 46 ], "completed": false }, { "type": "description", "position": [ 152, 206, 720, 126 ], "completed": false }, { "type": "button", "position": [ 370, 362, 144, 42 ], "completed": false }, { "type": "button", "position": [ 524, 362, 130, 42 ], "completed": false } ] }, { "text": "#A page for introducing some info on the web.# The page should have a title, and two texts for users to click to learn more and get it.", "region_id": "8293", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:value 'Learn More'] ] [el:link [attr:value 'Get It'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 98 1 12 3 | text 76 2 9 2 | title 4 2 71 2", "layout_seq_without_completion": "link 98 1 12 3 | text 76 2 9 2 | title 4 2 71 2", "plain_layout_seq": "link 98 1 12 3 | text 76 2 9 2 | title 4 2 71 2", "canvas_width": 1024, "canvas_height": 62, "elements": [ { "type": "link", "position": [ 842, 15, 110, 32 ], "completed": false }, { "type": "title", "position": [ 42, 20, 609, 21 ], "completed": false }, { "type": "text", "position": [ 651, 20, 81, 21 ], "completed": false } ] }, { "text": "# A page to introduce the number of accounts of the company called Starling. # On the page, there should be a text box number of accounts of the company called Starling, and five images showing the honor of the company gains. Below, there should be a text box with a description of how the statistics are formed.", "region_id": "2220", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:image [attr:repeat'5'] ] [el:description [attr:position'bottom'] ] ]", "execution": "singleinfo : description bottom undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 20 57 78 5 | image 29 31 14 11 | image 70 31 16 11 | image 5 31 18 11 | image 95 31 21 11 | image 50 31 11 10 | text 19 9 80 15", "layout_seq_without_completion": "description 20 57 78 5 | image 29 31 14 11 | image 70 31 16 11 | image 5 31 18 11 | image 95 31 21 11 | image 50 31 11 10 | text 19 9 80 15", "plain_layout_seq": "description 20 57 78 5 | image 29 31 14 11 | image 70 31 16 11 | image 5 31 18 11 | image 95 31 21 11 | image 50 31 11 10 | text 19 9 80 15", "canvas_width": 1024, "canvas_height": 626, "elements": [ { "type": "text", "position": [ 168, 85, 688, 130 ], "completed": false }, { "type": "image", "position": [ 604, 266, 140, 100 ], "completed": false }, { "type": "image", "position": [ 43, 268, 158, 96 ], "completed": false }, { "type": "image", "position": [ 249, 268, 120, 96 ], "completed": false }, { "type": "image", "position": [ 816, 268, 180, 96 ], "completed": false }, { "type": "image", "position": [ 434, 272, 94, 86 ], "completed": false }, { "type": "description", "position": [ 175, 492, 674, 48 ], "completed": false } ] }, { "text": "# A page for marketing Hyperbeam.# The page should have the title \"Explore the web in perfect sync\", a further introduction, and three images.", "region_id": "3160", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'explore the web in perfect sync'] ] [el:description] [el:image [attr:repeat '3'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 11 15 97 11 | title 11 7 97 6 | \" [ image 11 32 97 28 ] | [ image 6 46 18 18 ] | [ image 94 46 18 18 ] \"", "layout_seq_without_completion": "description 11 15 97 11 | title 11 7 97 6 | \" [ image 11 32 97 28 ] | [ image 6 46 18 18 ] | [ image 94 46 18 18 ] \"", "plain_layout_seq": "description 11 15 97 11 | image 11 32 97 28 | image 6 46 18 18 | image 94 46 18 18 | title 11 7 97 6", "canvas_width": 1009, "canvas_height": 623, "elements": [ { "type": "title", "position": [ 96, 64, 817, 54 ], "completed": false }, { "type": "description", "position": [ 96, 134, 817, 99 ], "completed": false }, { "type": "image", "position": [ 96, 273, 817, 239 ], "completed": false }, { "type": "image", "position": [ 55, 393, 159, 159 ], "completed": false }, { "type": "image", "position": [ 795, 393, 159, 159 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should be a title instructing the user to check out more, followed by a short introduction. It is better to include a link\"SEE HOW IT WORKS\".", "region_id": "976", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'see how it works'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 14 113 3 | complete icon 68 21 3 3 | link 47 22 21 2 | title 3 7 113 5", "layout_seq_without_completion": "description 3 14 113 3 | icon 68 21 3 3 | link 47 22 21 2 | title 3 7 113 5", "plain_layout_seq": "description 3 14 113 3 | icon 68 21 3 3 | link 47 22 21 2 | title 3 7 113 5", "canvas_width": 1003, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 26, 60, 950, 42 ], "completed": false }, { "type": "description", "position": [ 26, 122, 950, 28 ], "completed": false }, { "type": "icon", "position": [ 574, 181, 32, 32 ], "completed": true }, { "type": "link", "position": [ 397, 186, 176, 19 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should be a textbox instructing the user to check out more, followed by a short introduction. It is better to include a link for obtaining information about its working principles.", "region_id": "976_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:description [attr:size'small'] ] [el:link] ]", "execution": "singleinfo : description undefined small | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 3 14 113 3 | complete icon 68 21 3 3 | link 47 22 21 2 | text 3 7 113 5", "layout_seq_without_completion": "description 3 14 113 3 | icon 68 21 3 3 | link 47 22 21 2 | text 3 7 113 5", "plain_layout_seq": "description 3 14 113 3 | icon 68 21 3 3 | link 47 22 21 2 | text 3 7 113 5", "canvas_width": 1003, "canvas_height": 272, "elements": [ { "type": "text", "position": [ 26, 60, 950, 42 ], "completed": false }, { "type": "description", "position": [ 26, 122, 950, 28 ], "completed": false }, { "type": "icon", "position": [ 574, 181, 32, 32 ], "completed": true }, { "type": "link", "position": [ 397, 186, 176, 19 ], "completed": false } ] }, { "text": "#A page for introducing a software named \"Ivalua\" to users.# The page should include one title and a slogan of Ivalua that can accelerate the procurement transformation.", "region_id": "1516", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] ]", "execution": "singleinfo : title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 21 12 7 5 | title 29 12 69 4 | title 1 3 117 7", "layout_seq_without_completion": "image 21 12 7 5 | title 29 12 69 4 | title 1 3 117 7", "plain_layout_seq": "image 21 12 7 5 | title 29 12 69 4 | title 1 3 117 7", "canvas_width": 1024, "canvas_height": 171, "elements": [ { "type": "title", "position": [ 12, 32, 1000, 64 ], "completed": false }, { "type": "image", "position": [ 181, 106, 67, 46 ], "completed": true }, { "type": "title", "position": [ 252, 106, 591, 41 ], "completed": false } ] }, { "text": "#A page introducing a novel. # The page should have a title and a short introduction of the novel, and one button for users to click to read the novel. A corresponding image is needed.", "region_id": "2019", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read the novel'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 23 18 3 | description 3 12 54 8 | image 73 7 46 26 | title 3 7 54 3", "layout_seq_without_completion": "button 3 23 18 3 | description 3 12 54 8 | image 73 7 46 26 | title 3 7 54 3", "plain_layout_seq": "button 3 23 18 3 | description 3 12 54 8 | image 73 7 46 26 | title 3 7 54 3", "canvas_width": 1012, "canvas_height": 284, "elements": [ { "type": "title", "position": [ 32, 64, 462, 29 ], "completed": false }, { "type": "image", "position": [ 618, 64, 394, 220 ], "completed": false }, { "type": "description", "position": [ 32, 105, 462, 72 ], "completed": false }, { "type": "button", "position": [ 32, 201, 160, 32 ], "completed": false } ] }, { "text": "#A page for introducing one tool.#There should be one text including one image, two text boxes, one for the title and the other one for the function of the tool, and one button for users to find out more.", "region_id": "1919", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 118 74 | button 2 69 13 2 | image 0 0 114 57 | text 2 64 114 3 | title 2 59 114 3", "layout_seq_without_completion": "background 0 0 118 74 | button 2 69 13 2 | image 0 0 114 57 | text 2 64 114 3 | title 2 59 114 3", "plain_layout_seq": "background 0 0 118 74 | button 2 69 13 2 | image 0 0 114 57 | text 2 64 114 3 | title 2 59 114 3", "canvas_width": 940, "canvas_height": 594, "elements": [ { "type": "image", "position": [ 4, 0, 900, 450 ], "completed": false }, { "type": "background", "position": [ 4, 0, 930, 584 ], "completed": true }, { "type": "title", "position": [ 20, 466, 898, 30 ], "completed": false }, { "type": "text", "position": [ 20, 508, 898, 24 ], "completed": false }, { "type": "button", "position": [ 20, 545, 105, 22 ], "completed": false } ] }, { "text": "#A page for helping users to start a store.# The page should have 3 links for users to click to start a store, find products, and buy an existing store.", "region_id": "8557", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value ' Start A Store']] [el:link [attr:value 'Find Products']][el:link [attr:value 'Buy An Existing Store']] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for users to download one app or pay one's bill.# There should be one logo, and two text boxes showing the slogan and tips. Two buttons are used for users to choose to pay your bill or download the app.", "region_id": "1602", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:text] [el:button [attr:value'pay your bill'] ] [el:button [attr:value'download the app'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 60 57 30 5 | button 60 51 30 5 | logo 8 17 44 33 | text 60 46 50 3 | title 60 9 50 33", "layout_seq_without_completion": "button 60 57 30 5 | button 60 51 30 5 | logo 8 17 44 33 | text 60 46 50 3 | title 60 9 50 33", "plain_layout_seq": "button 60 57 30 5 | button 60 51 30 5 | logo 8 17 44 33 | text 60 46 50 3 | title 60 9 50 33", "canvas_width": 1024, "canvas_height": 577, "elements": [ { "type": "title", "position": [ 520, 80, 434, 288 ], "completed": false }, { "type": "logo", "position": [ 70, 149, 381, 287 ], "completed": false }, { "type": "text", "position": [ 520, 398, 434, 26 ], "completed": false }, { "type": "button", "position": [ 520, 440, 256, 45 ], "completed": false }, { "type": "button", "position": [ 520, 492, 256, 45 ], "completed": false } ] }, { "text": "#A page for introducing the ICCB charging cable.# There should be three text boxes and each of them is on the right of one icon. One text box shows the detail and users can view more by clicking one button.", "region_id": "605", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] [el:icon [attr:repeat '3'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 3 29 5 2 | description 3 13 112 15 | icon 64 4 2 2 | icon 0 4 2 2 | icon 31 4 2 2 | text 4 4 19 3 | text 68 4 15 3 | text 35 4 21 3", "layout_seq_without_completion": "button 3 29 5 2 | description 3 13 112 15 | icon 64 4 2 2 | icon 0 4 2 2 | icon 31 4 2 2 | text 4 4 19 3 | text 68 4 15 3 | text 35 4 21 3", "plain_layout_seq": "button 3 29 5 2 | description 3 13 112 15 | icon 64 4 2 2 | icon 0 4 2 2 | icon 31 4 2 2 | text 4 4 19 3 | text 68 4 15 3 | text 35 4 21 3", "canvas_width": 1003, "canvas_height": 295, "elements": [ { "type": "text", "position": [ 37, 35, 164, 32 ], "completed": false }, { "type": "text", "position": [ 293, 36, 183, 32 ], "completed": false }, { "type": "text", "position": [ 569, 36, 131, 32 ], "completed": false }, { "type": "icon", "position": [ 5, 40, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 261, 41, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 537, 41, 22, 22 ], "completed": false }, { "type": "description", "position": [ 30, 109, 943, 128 ], "completed": false }, { "type": "button", "position": [ 30, 247, 45, 18 ], "completed": false } ] }, { "text": "# A page for the company Hinge Health.# The page should have a background image, a slogan and a text box to have a brief introduction to the company. Then two text buttons are needed for the user to visit the website as employees or indiiduals.", "region_id": "1407", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'as employees'] ] [el:button [attr:value'as individuals'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 11 47 23 6 | button 37 47 23 6 | description 11 37 104 4 | title 11 27 104 7", "layout_seq_without_completion": "button 11 47 23 6 | button 37 47 23 6 | description 11 37 104 4 | title 11 27 104 7", "plain_layout_seq": "button 11 47 23 6 | button 37 47 23 6 | description 11 37 104 4 | title 11 27 104 7", "canvas_width": 1003, "canvas_height": 640, "elements": [ { "type": "title", "position": [ 100, 232, 873, 66 ], "completed": false }, { "type": "description", "position": [ 100, 310, 873, 36 ], "completed": false }, { "type": "button", "position": [ 100, 396, 195, 52 ], "completed": false }, { "type": "button", "position": [ 311, 396, 195, 52 ], "completed": false } ] }, { "text": "#A page for showing one news.# There should be two text boxes, one for the title\"26 nonprofits\" and the other for the detail.", "region_id": "572", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'26 nonprofits'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 13 27 93 10 | title 13 17 93 9 | \" [ complete text 51 50 4 0 ] | [ complete text 57 50 4 0 ] | [ complete text 63 50 4 0 ] \"", "layout_seq_without_completion": "description 13 27 93 10 | title 13 17 93 9 | \" [ text 51 50 4 0 ] | [ text 57 50 4 0 ] | [ text 63 50 4 0 ] \"", "plain_layout_seq": "description 13 27 93 10 | text 51 50 4 0 | text 57 50 4 0 | text 63 50 4 0 | title 13 17 93 9", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "title", "position": [ 114, 150, 795, 77 ], "completed": false }, { "type": "description", "position": [ 114, 232, 795, 90 ], "completed": false }, { "type": "text", "position": [ 438, 435, 39, 7 ], "completed": true }, { "type": "text", "position": [ 490, 435, 39, 7 ], "completed": true }, { "type": "text", "position": [ 543, 435, 39, 7 ], "completed": true } ] }, { "text": "#A page for showing one news.# There should be two text boxes, one for the title and the other for the detail. Three buttons are used to show the progress bars.", "region_id": "572_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:pagination] ]", "execution": "singleinfo : description undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 13 27 93 10 | title 13 17 93 9 | \" [ complete button 51 50 4 0 ] | [ complete button 57 50 4 0 ] | [ complete button 63 50 4 0 ] \"", "layout_seq_without_completion": "description 13 27 93 10 | title 13 17 93 9 | \" [ button 51 50 4 0 ] | [ button 57 50 4 0 ] | [ button 63 50 4 0 ] \"", "plain_layout_seq": "button 51 50 4 0 | button 57 50 4 0 | button 63 50 4 0 | description 13 27 93 10 | title 13 17 93 9", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "title", "position": [ 114, 150, 795, 77 ], "completed": false }, { "type": "description", "position": [ 114, 232, 795, 90 ], "completed": false }, { "type": "button", "position": [ 438, 435, 39, 7 ], "completed": true }, { "type": "button", "position": [ 490, 435, 39, 7 ], "completed": true }, { "type": "button", "position": [ 543, 435, 39, 7 ], "completed": true } ] }, { "text": "#A page introducing a platform where users can connect with other people.# There are a title and an explanation showing the function of the platform. And a link for learning about Houndify.", "region_id": "2199", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'learn about houndigy'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 22 21 73 7 | link 46 32 27 6 | title 22 0 73 17", "layout_seq_without_completion": "description 22 21 73 7 | link 46 32 27 6 | title 22 0 73 17", "plain_layout_seq": "description 22 21 73 7 | link 46 32 27 6 | title 22 0 73 17", "canvas_width": 1003, "canvas_height": 378, "elements": [ { "type": "title", "position": [ 192, 0, 618, 147 ], "completed": false }, { "type": "description", "position": [ 192, 179, 618, 64 ], "completed": false }, { "type": "link", "position": [ 386, 275, 230, 51 ], "completed": false } ] }, { "text": "# A page for showing the photos.# There is one background and one title \"Capturing the Heart of the Boreal Forest\" with one slogan \"One Image at a Time!\"", "region_id": "6798", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'capturing the heart of the boreal forest'] ] [el:text [attr:value 'one image at a time!'] ] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 90 | text 19 46 80 3 | title 6 40 107 5", "layout_seq_without_completion": "background 0 0 120 90 | text 19 46 80 3 | title 6 40 107 5", "plain_layout_seq": "background 0 0 120 90 | text 19 46 80 3 | title 6 40 107 5", "canvas_width": 1024, "canvas_height": 830, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 775 ], "completed": false }, { "type": "title", "position": [ 55, 345, 914, 44 ], "completed": false }, { "type": "text", "position": [ 169, 396, 686, 33 ], "completed": false } ] }, { "text": "# A page to introduce Indigo Biologicals. # The page should have a slogan, a text box with a brief introduction of Indigo Biologicals, and an image of the topics. A text button is necessary for the user to explore Biologicals.", "region_id": "1461", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] [el:button [attr:value'explore biologicals'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 46 31 5 | description 2 29 47 14 | image 55 5 62 50 | title 2 10 47 16", "layout_seq_without_completion": "button 2 46 31 5 | description 2 29 47 14 | image 55 5 62 50 | title 2 10 47 16", "plain_layout_seq": "button 2 46 31 5 | description 2 29 47 14 | image 55 5 62 50 | title 2 10 47 16", "canvas_width": 1024, "canvas_height": 527, "elements": [ { "type": "image", "position": [ 474, 50, 530, 427 ], "completed": false }, { "type": "title", "position": [ 20, 90, 404, 144 ], "completed": false }, { "type": "description", "position": [ 20, 254, 404, 120 ], "completed": false }, { "type": "button", "position": [ 20, 394, 268, 43 ], "completed": false } ] }, { "text": "#A page for the clients' access to a company.# The page should have one title and some links to the countries related to clients' access to the company.", "region_id": "779", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:repeat'several'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 4 2 110 2 | \" [ link 4 7 27 16 ] | [ link 32 7 27 16 ] | [ link 60 7 27 12 ] | [ link 87 7 27 12 ] \"", "layout_seq_without_completion": "title 4 2 110 2 | \" [ link 4 7 27 16 ] | [ link 32 7 27 16 ] | [ link 60 7 27 12 ] | [ link 87 7 27 12 ] \"", "plain_layout_seq": "link 4 7 27 16 | link 32 7 27 16 | link 60 7 27 12 | link 87 7 27 12 | title 4 2 110 2", "canvas_width": 1024, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 42, 25, 940, 24 ], "completed": false }, { "type": "link", "position": [ 42, 67, 235, 140 ], "completed": false }, { "type": "link", "position": [ 277, 67, 235, 140 ], "completed": false }, { "type": "link", "position": [ 512, 67, 235, 105 ], "completed": false }, { "type": "link", "position": [ 747, 67, 235, 105 ], "completed": false } ] }, { "text": "#A page for the clients' access to a company.# The page should have one title and some text boxes to show the countries related to clients' access to the company.", "region_id": "779_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat'several'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 4 2 110 2 | \" [ text 4 7 27 16 ] | [ text 32 7 27 16 ] | [ text 60 7 27 12 ] | [ text 87 7 27 12 ] \"", "layout_seq_without_completion": "title 4 2 110 2 | \" [ text 4 7 27 16 ] | [ text 32 7 27 16 ] | [ text 60 7 27 12 ] | [ text 87 7 27 12 ] \"", "plain_layout_seq": "text 4 7 27 16 | text 32 7 27 16 | text 60 7 27 12 | text 87 7 27 12 | title 4 2 110 2", "canvas_width": 1024, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 42, 25, 940, 24 ], "completed": false }, { "type": "text", "position": [ 42, 67, 235, 140 ], "completed": false }, { "type": "text", "position": [ 277, 67, 235, 140 ], "completed": false }, { "type": "text", "position": [ 512, 67, 235, 105 ], "completed": false }, { "type": "text", "position": [ 747, 67, 235, 105 ], "completed": false } ] }, { "text": "#A page for introducing Lilly Insulin affordability solutions to users.# The page should include an image on the left, one title, and a link for users to click for further information.", "region_id": "1612", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : image left undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 2 0 116 29 | image 0 0 59 29 | link 75 18 28 3 | title 64 8 51 9", "layout_seq_without_completion": "background 2 0 116 29 | image 0 0 59 29 | link 75 18 28 3 | title 64 8 51 9", "plain_layout_seq": "background 2 0 116 29 | image 0 0 59 29 | link 75 18 28 3 | title 64 8 51 9", "canvas_width": 960, "canvas_height": 238, "elements": [ { "type": "background", "position": [ 16, 0, 928, 237 ], "completed": true }, { "type": "image", "position": [ 1, 1, 479, 235 ], "completed": false }, { "type": "title", "position": [ 512, 65, 415, 76 ], "completed": false }, { "type": "link", "position": [ 605, 149, 229, 24 ], "completed": false } ] }, { "text": "#A page for users to buy one stock.# The page should have two text boxes on the left and two on the right for showing the stock info. On the far right, there is one button for users to buy.", "region_id": "3511", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text[attr:repeat'2'] [attr:position 'left'] ] [el:text [attr:repeat'2'][attr:position 'right'] ] [el:button [attr:position 'right'][attr:value'buy'] ] ]", "execution": "singleinfo : button right undefined | text left undefined | text left undefined | text right undefined | text right undefined", "layout_seq_with_completion": "button 112 0 7 6 | text 0 2 21 2 | text 32 2 7 2 | text 90 0 19 7 | text 76 0 14 7", "layout_seq_without_completion": "button 112 0 7 6 | text 0 2 21 2 | text 32 2 7 2 | text 90 0 19 7 | text 76 0 14 7", "plain_layout_seq": "button 112 0 7 6 | text 0 2 21 2 | text 32 2 7 2 | text 90 0 19 7 | text 76 0 14 7", "canvas_width": 940, "canvas_height": 62, "elements": [ { "type": "text", "position": [ 600, 0, 110, 61 ], "completed": false }, { "type": "text", "position": [ 710, 0, 150, 61 ], "completed": false }, { "type": "button", "position": [ 879, 5, 56, 50 ], "completed": false }, { "type": "text", "position": [ 5, 23, 165, 16 ], "completed": false }, { "type": "text", "position": [ 253, 23, 60, 16 ], "completed": false } ] }, { "text": "#A page of information to lead the customer to join an account.# There is a title\"Create Your FREE Account\", two sentences, and a \"Join Now\" button.", "region_id": "5202", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'create your free account'] ] [el:description [attr:repeat '2'] ] [el:button [attr:value 'join now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 50 30 19 6 | description 26 16 67 3 | description 26 23 67 3 | title 26 9 67 4", "layout_seq_without_completion": "button 50 30 19 6 | description 26 16 67 3 | description 26 23 67 3 | title 26 9 67 4", "plain_layout_seq": "button 50 30 19 6 | description 26 16 67 3 | description 26 23 67 3 | title 26 9 67 4", "canvas_width": 1024, "canvas_height": 396, "elements": [ { "type": "title", "position": [ 222, 80, 580, 37 ], "completed": false }, { "type": "description", "position": [ 222, 141, 580, 30 ], "completed": false }, { "type": "description", "position": [ 222, 201, 580, 30 ], "completed": false }, { "type": "button", "position": [ 430, 261, 163, 53 ], "completed": false } ] }, { "text": "#A page showing a job opportunity.# There must be a title under a text named \"Careers\", and also a button for reading more.", "region_id": "1530", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:value'careers'] [attr:position'top'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | text top undefined | title undefined undefined", "layout_seq_with_completion": "button 74 47 10 2 | complete description 74 29 38 14 | complete icon 86 47 1 3 | complete image 1 6 58 49 | text 74 7 7 4 | title 74 10 38 13", "layout_seq_without_completion": "button 74 47 10 2 | description 74 29 38 14 | icon 86 47 1 3 | image 1 6 58 49 | text 74 7 7 4 | title 74 10 38 13", "plain_layout_seq": "button 74 47 10 2 | description 74 29 38 14 | icon 86 47 1 3 | image 1 6 58 49 | text 74 7 7 4 | title 74 10 38 13", "canvas_width": 992, "canvas_height": 510, "elements": [ { "type": "image", "position": [ 15, 50, 481, 410 ], "completed": true }, { "type": "text", "position": [ 616, 60, 62, 35 ], "completed": false }, { "type": "title", "position": [ 616, 86, 321, 110 ], "completed": false }, { "type": "description", "position": [ 616, 246, 321, 120 ], "completed": true }, { "type": "button", "position": [ 617, 395, 85, 24 ], "completed": false }, { "type": "icon", "position": [ 713, 396, 15, 25 ], "completed": true } ] }, { "text": "#A page showing a job opportunity.# There must be two text boxes under a link named \"Careers\", and also a button for more information.", "region_id": "1530_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value'careers'] ] [el:title] [el:text] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 74 47 10 2 | complete icon 86 47 1 3 | complete image 1 6 58 49 | link 74 7 7 4 | text 74 29 38 14 | title 74 10 38 13", "layout_seq_without_completion": "button 74 47 10 2 | icon 86 47 1 3 | image 1 6 58 49 | link 74 7 7 4 | text 74 29 38 14 | title 74 10 38 13", "plain_layout_seq": "button 74 47 10 2 | icon 86 47 1 3 | image 1 6 58 49 | link 74 7 7 4 | text 74 29 38 14 | title 74 10 38 13", "canvas_width": 992, "canvas_height": 510, "elements": [ { "type": "image", "position": [ 15, 50, 481, 410 ], "completed": true }, { "type": "link", "position": [ 616, 60, 62, 35 ], "completed": false }, { "type": "title", "position": [ 616, 86, 321, 110 ], "completed": false }, { "type": "text", "position": [ 616, 246, 321, 120 ], "completed": false }, { "type": "button", "position": [ 617, 395, 85, 24 ], "completed": false }, { "type": "icon", "position": [ 713, 396, 15, 25 ], "completed": true } ] }, { "text": "#A page for introducing neurotransmitter support.# The page should have a title, a text to show the support, and 5 short descriptions of the support. An image as an extra layout.", "region_id": "7584", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description][gp:InfoGroup [gattr:repeat '5'] [item [el:description [attr:size 'small'] ] ] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined | { [ description undefined small ] | [ description undefined small ] | [ description undefined small ] | [ description undefined small ] | [ description undefined small ] }", "layout_seq_with_completion": "description 61 74 50 13 | description 57 13 40 3 | image 5 16 27 27 | title 57 7 43 4 | \" [ description 61 19 50 10 ] | [ description 61 31 50 13 ] | [ description 61 46 50 13 ] | [ description 61 61 50 10 ] \"", "layout_seq_without_completion": "description 61 74 50 13 | description 57 13 40 3 | image 5 16 27 27 | title 57 7 43 4 | \" [ description 61 19 50 10 ] | [ description 61 31 50 13 ] | [ description 61 46 50 13 ] | [ description 61 61 50 10 ] \"", "plain_layout_seq": "description 61 74 50 13 | description 57 13 40 3 | description 61 19 50 10 | description 61 31 50 13 | description 61 46 50 13 | description 61 61 50 10 | image 5 16 27 27 | title 57 7 43 4", "canvas_width": 1024, "canvas_height": 774, "elements": [ { "type": "title", "position": [ 487, 60, 370, 38 ], "completed": false }, { "type": "description", "position": [ 487, 111, 345, 26 ], "completed": false }, { "type": "image", "position": [ 45, 145, 238, 238 ], "completed": false }, { "type": "description", "position": [ 528, 170, 431, 89 ], "completed": false }, { "type": "description", "position": [ 528, 268, 431, 118 ], "completed": false }, { "type": "description", "position": [ 528, 396, 431, 118 ], "completed": false }, { "type": "description", "position": [ 528, 523, 431, 89 ], "completed": false }, { "type": "description", "position": [ 528, 632, 431, 118 ], "completed": false } ] }, { "text": "# A page to introduce COVID-19 response at Fortum Group. # The page should include one title and a text box with short description. Then, there should be a text button that the user can click it to read more info. There should also be an image of the topic.", "region_id": "1260", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 40 29 6 | description 64 26 41 9 | image 9 9 50 43 | title 65 13 40 7", "layout_seq_without_completion": "button 70 40 29 6 | description 64 26 41 9 | image 9 9 50 43 | title 65 13 40 7", "plain_layout_seq": "button 70 40 29 6 | description 64 26 41 9 | image 9 9 50 43 | title 65 13 40 7", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "image", "position": [ 80, 80, 432, 370 ], "completed": false }, { "type": "title", "position": [ 557, 118, 342, 66 ], "completed": false }, { "type": "description", "position": [ 552, 224, 352, 78 ], "completed": false }, { "type": "button", "position": [ 603, 342, 250, 56 ], "completed": false } ] }, { "text": "#A page for showing one info.# There should be two text boxes, one showing partners and the other showing the title. One button is needed for users to learn more info.", "region_id": "730", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'partners'] ] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 94 9 18 6 | complete button 61 29 2 2 | complete button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "layout_seq_without_completion": "button 94 9 18 6 | button 61 29 2 2 | button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "plain_layout_seq": "button 94 9 18 6 | button 61 29 2 2 | button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "canvas_width": 1024, "canvas_height": 292, "elements": [ { "type": "text", "position": [ 64, 40, 627, 23 ], "completed": false }, { "type": "title", "position": [ 64, 80, 627, 96 ], "completed": false }, { "type": "button", "position": [ 804, 82, 156, 52 ], "completed": false }, { "type": "button", "position": [ 482, 254, 18, 18 ], "completed": true }, { "type": "button", "position": [ 524, 254, 18, 18 ], "completed": true } ] }, { "text": "#A page for showing one info.# There should be two text boxes, one showing partners and the other showing the title. And at the bottom, there should be two small text boxes. One text button is needed for users to learn more info.", "region_id": "730_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'partners'] ] [el:title] [el:button [attr:repeat'2'] [attr:position'bottom'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button bottom undefined | button bottom undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 94 9 18 6 | button 61 29 2 2 | button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "layout_seq_without_completion": "button 94 9 18 6 | button 61 29 2 2 | button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "plain_layout_seq": "button 94 9 18 6 | button 61 29 2 2 | button 56 29 2 2 | text 7 4 73 2 | title 7 9 73 11", "canvas_width": 1024, "canvas_height": 292, "elements": [ { "type": "text", "position": [ 64, 40, 627, 23 ], "completed": false }, { "type": "title", "position": [ 64, 80, 627, 96 ], "completed": false }, { "type": "button", "position": [ 804, 82, 156, 52 ], "completed": false }, { "type": "button", "position": [ 482, 254, 18, 18 ], "completed": false }, { "type": "button", "position": [ 524, 254, 18, 18 ], "completed": false } ] }, { "text": "#A page for users to get started on an app. # The page should have a title, one short tip to introduce some info, and one button for users to click to get started.", "region_id": "15", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 26 18 7 | description 26 18 67 2 | title 6 9 107 6", "layout_seq_without_completion": "button 50 26 18 7 | description 26 18 67 2 | title 6 9 107 6", "plain_layout_seq": "button 50 26 18 7 | description 26 18 67 2 | title 6 9 107 6", "canvas_width": 1024, "canvas_height": 370, "elements": [ { "type": "title", "position": [ 52, 80, 920, 58 ], "completed": false }, { "type": "description", "position": [ 222, 162, 580, 24 ], "completed": false }, { "type": "button", "position": [ 431, 226, 162, 64 ], "completed": false } ] }, { "text": "#A page introducing \"hydrogen projects\" of a company.# There is an image. There is a title \"Find out about our hydrogen projects\". There is an explanation and a button for obtaining more info.", "region_id": "1172", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'find out about our hydrogen projects'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "layout_seq_without_completion": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "plain_layout_seq": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "canvas_width": 1024, "canvas_height": 497, "elements": [ { "type": "image", "position": [ 216, 90, 109, 109 ], "completed": false }, { "type": "title", "position": [ 403, 90, 459, 96 ], "completed": false }, { "type": "description", "position": [ 403, 211, 459, 96 ], "completed": false }, { "type": "button", "position": [ 403, 332, 450, 40 ], "completed": false } ] }, { "text": "#A page introducing \"hydrogen projects\" of a company.# There is an image. There is a text box titled \"Find out about our hydrogen projects\". There is another text box giving a short introduction. There is a button for obtaining more info.", "region_id": "1172_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'find out about our hydrogen projects'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "layout_seq_without_completion": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "plain_layout_seq": "button 47 38 52 4 | description 47 24 53 11 | image 25 10 12 12 | title 47 10 53 11", "canvas_width": 1024, "canvas_height": 497, "elements": [ { "type": "image", "position": [ 216, 90, 109, 109 ], "completed": false }, { "type": "title", "position": [ 403, 90, 459, 96 ], "completed": false }, { "type": "description", "position": [ 403, 211, 459, 96 ], "completed": false }, { "type": "button", "position": [ 403, 332, 450, 40 ], "completed": false } ] }, { "text": "#A page for telling what is cryptocurrency.# There is one title \"WHAT IS CRYPTOCURRENCY\", one description, and one video. At the bottom, there are three labels for showing the sources.", "region_id": "3667", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'what is cryptocurrency'] ] [el:description] [el:image] [el:text [attr:position 'bottom'] [attr:repeat '3'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text bottom undefined | text bottom undefined | text bottom undefined | title undefined undefined", "layout_seq_with_completion": "description 1 4 116 23 | image 30 28 58 33 | title 49 2 20 1 | \" [ text 46 62 6 1 ] | [ text 52 62 6 1 ] | [ text 58 62 0 1 ] | [ text 59 62 14 1 ] \"", "layout_seq_without_completion": "description 1 4 116 23 | image 30 28 58 33 | title 49 2 20 1 | \" [ text 46 62 6 1 ] | [ text 52 62 6 1 ] | [ text 58 62 0 1 ] | [ text 59 62 14 1 ] \"", "plain_layout_seq": "description 1 4 116 23 | image 30 28 58 33 | text 46 62 6 1 | text 52 62 6 1 | text 58 62 0 1 | text 59 62 14 1 | title 49 2 20 1", "canvas_width": 1140, "canvas_height": 615, "elements": [ { "type": "title", "position": [ 474, 23, 192, 16 ], "completed": false }, { "type": "description", "position": [ 16, 44, 1107, 226 ], "completed": false }, { "type": "image", "position": [ 290, 273, 560, 315 ], "completed": false }, { "type": "text", "position": [ 437, 596, 59, 16 ], "completed": false }, { "type": "text", "position": [ 496, 596, 59, 16 ], "completed": false }, { "type": "text", "position": [ 555, 596, 7, 16 ], "completed": false }, { "type": "text", "position": [ 562, 596, 141, 16 ], "completed": false } ] }, { "text": "# A page to introduce Naoki Kato. # The page should contain the title \"NAOKI KATO\", an image, and a button \"LEARN MORE\" where the user can know more info by clicking it.", "region_id": "7422", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'NAOKI KATO'] ] [el:image] [el:button [attr:value 'LEARN MORE'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 21 31 16 5 | image 60 0 60 60 | complete image 0 0 60 60 | title 8 23 43 6", "layout_seq_without_completion": "button 21 31 16 5 | image 60 0 60 60 | image 0 0 60 60 | title 8 23 43 6", "plain_layout_seq": "button 21 31 16 5 | image 60 0 60 60 | image 0 0 60 60 | title 8 23 43 6", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "image", "position": [ 0, 0, 512, 512 ], "completed": true }, { "type": "image", "position": [ 512, 0, 512, 512 ], "completed": false }, { "type": "title", "position": [ 71, 201, 370, 52 ], "completed": false }, { "type": "button", "position": [ 187, 267, 138, 45 ], "completed": false } ] }, { "text": "#A page for showing one store's opening hours.# There is one title \"OPENING HOURS\". Three labels show the contact way, email address, and location. Seven labels show the opening hours. One button for users to know the directions.''", "region_id": "8135", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'opening hours'] ][el:text[attr:repeat'10']] [el:button [attr:value 'directions'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 60 3 60 73 | button 21 66 17 5 | complete image 0 3 60 73 | text 3 12 52 3 | text 3 56 52 3 | text 3 61 52 3 | text 3 35 52 3 | text 3 40 52 3 | text 3 17 52 3 | text 3 30 52 3 | text 3 45 52 3 | text 3 51 52 3 | text 3 22 52 6 | title 3 7 52 3", "layout_seq_without_completion": "background 60 3 60 73 | button 21 66 17 5 | image 0 3 60 73 | text 3 12 52 3 | text 3 56 52 3 | text 3 61 52 3 | text 3 35 52 3 | text 3 40 52 3 | text 3 17 52 3 | text 3 30 52 3 | text 3 45 52 3 | text 3 51 52 3 | text 3 22 52 6 | title 3 7 52 3", "plain_layout_seq": "background 60 3 60 73 | button 21 66 17 5 | image 0 3 60 73 | text 3 12 52 3 | text 3 56 52 3 | text 3 61 52 3 | text 3 35 52 3 | text 3 40 52 3 | text 3 17 52 3 | text 3 30 52 3 | text 3 45 52 3 | text 3 51 52 3 | text 3 22 52 6 | title 3 7 52 3", "canvas_width": 964, "canvas_height": 649, "elements": [ { "type": "image", "position": [ 0, 27, 482, 593 ], "completed": true }, { "type": "background", "position": [ 482, 27, 482, 593 ], "completed": true }, { "type": "title", "position": [ 30, 57, 422, 29 ], "completed": false }, { "type": "text", "position": [ 30, 101, 422, 25 ], "completed": false }, { "type": "text", "position": [ 30, 141, 422, 26 ], "completed": false }, { "type": "text", "position": [ 30, 182, 422, 51 ], "completed": false }, { "type": "text", "position": [ 30, 248, 422, 25 ], "completed": false }, { "type": "text", "position": [ 30, 288, 422, 26 ], "completed": false }, { "type": "text", "position": [ 30, 329, 422, 25 ], "completed": false }, { "type": "text", "position": [ 30, 369, 422, 26 ], "completed": false }, { "type": "text", "position": [ 30, 410, 422, 25 ], "completed": false }, { "type": "text", "position": [ 30, 450, 422, 26 ], "completed": false }, { "type": "text", "position": [ 30, 491, 422, 25 ], "completed": false }, { "type": "button", "position": [ 172, 531, 138, 44 ], "completed": false } ] }, { "text": "#A page introducing a company selling houses. # The page should have a background image, a slogan to shortly introduce the pros of the company to entice users to use the service, and a button for users to click to use the calculators.", "region_id": "12", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:description [attr:size'small'] ] [el:button [attr:value'use the calculators'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small", "layout_seq_with_completion": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "layout_seq_without_completion": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "plain_layout_seq": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "background", "position": [ 82, 120, 860, 420 ], "completed": false }, { "type": "description", "position": [ 182, 220, 450, 116 ], "completed": false }, { "type": "button", "position": [ 182, 384, 222, 64 ], "completed": false } ] }, { "text": "#A page introducing a company selling houses. # The page should have a big background image, a slogan to shortly introduce the pros of the company to entice users to use the service, and a button for users to click to use the calculators.", "region_id": "12_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:description [attr:size'small'] ] [el:button [attr:value'use the calculators'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small", "layout_seq_with_completion": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "layout_seq_without_completion": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "plain_layout_seq": "background 9 14 100 49 | button 21 45 26 7 | description 21 25 52 13", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "background", "position": [ 82, 120, 860, 420 ], "completed": false }, { "type": "description", "position": [ 182, 220, 450, 116 ], "completed": false }, { "type": "button", "position": [ 182, 384, 222, 64 ], "completed": false } ] }, { "text": "#A page introducing an app. # The page should have an image to show the logo of the app, a slogan, and 4 texts to list the pros of the app to entice users to use the app. And a button is needed for users to click to explore now.", "region_id": "811", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:text [attr:repeat'4'] ] [el:button [attr:value'explore now'] ] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 56 18 6 | complete icon 8 3 3 3 | logo 6 1 16 7 | complete text 13 4 7 2 | title 6 11 106 6 | \" [ text 6 21 56 6 ] | [ text 6 29 56 6 ] | [ text 6 37 56 6 ] | [ text 6 46 56 6 ] \"", "layout_seq_without_completion": "button 6 56 18 6 | icon 8 3 3 3 | logo 6 1 16 7 | text 13 4 7 2 | title 6 11 106 6 | \" [ text 6 21 56 6 ] | [ text 6 29 56 6 ] | [ text 6 37 56 6 ] | [ text 6 46 56 6 ] \"", "plain_layout_seq": "button 6 56 18 6 | icon 8 3 3 3 | logo 6 1 16 7 | text 13 4 7 2 | text 6 21 56 6 | text 6 29 56 6 | text 6 37 56 6 | text 6 46 56 6 | title 6 11 106 6", "canvas_width": 1024, "canvas_height": 550, "elements": [ { "type": "logo", "position": [ 56, 16, 138, 64 ], "completed": false }, { "type": "icon", "position": [ 72, 32, 32, 32 ], "completed": true }, { "type": "text", "position": [ 114, 36, 64, 25 ], "completed": true }, { "type": "title", "position": [ 56, 100, 912, 52 ], "completed": false }, { "type": "text", "position": [ 57, 183, 486, 56 ], "completed": false }, { "type": "text", "position": [ 57, 253, 486, 56 ], "completed": false }, { "type": "text", "position": [ 57, 323, 486, 56 ], "completed": false }, { "type": "text", "position": [ 57, 393, 486, 56 ], "completed": false }, { "type": "button", "position": [ 56, 480, 155, 54 ], "completed": false } ] }, { "text": "# A page for introducing a company, the user can know the talented people of the company. # The page should have three text boxes to tell the number of talented people of the company. There should be a background image.", "region_id": "2065", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 10 4 98 50 | background 0 0 120 59 | text 16 42 87 7 | text 16 17 87 24 | text 16 10 87 7", "layout_seq_without_completion": "background 10 4 98 50 | background 0 0 120 59 | text 16 42 87 7 | text 16 17 87 24 | text 16 10 87 7", "plain_layout_seq": "background 10 4 98 50 | background 0 0 120 59 | text 16 42 87 7 | text 16 17 87 24 | text 16 10 87 7", "canvas_width": 1003, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 500 ], "completed": false }, { "type": "background", "position": [ 88, 39, 827, 422 ], "completed": true }, { "type": "text", "position": [ 136, 87, 731, 62 ], "completed": false }, { "type": "text", "position": [ 136, 148, 731, 203 ], "completed": false }, { "type": "text", "position": [ 136, 352, 731, 61 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"NEWSLETTER\" followed by a description of the service of the subscription, an input box for the user to enter the email address, and a button where the user can click to subscribe.", "region_id": "7728", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'NEWSLETTER'] ] [el:description] [el:input [attr:value 'enter your email address']] [el:button [attr:value 'subscribe']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 16 16 5 | description 0 4 115 2 | input 0 9 115 4 | title 0 0 115 2", "layout_seq_without_completion": "button 0 16 16 5 | description 0 4 115 2 | input 0 9 115 4 | title 0 0 115 2", "plain_layout_seq": "button 0 16 16 5 | description 0 4 115 2 | input 0 9 115 4 | title 0 0 115 2", "canvas_width": 1024, "canvas_height": 189, "elements": [ { "type": "title", "position": [ 0, 0, 984, 21 ], "completed": false }, { "type": "description", "position": [ 0, 42, 984, 23 ], "completed": false }, { "type": "input", "position": [ 0, 83, 984, 42 ], "completed": false }, { "type": "button", "position": [ 0, 145, 145, 44 ], "completed": false } ] }, { "text": "# A page to guide the user to subscribe to join the HAYAH Tribe. # On the page, there should contain a slogan \"Join our HAYAH Tribe\" followed by a short description of the subscription. Then, an input for entering an email and a button used to click to subscribe are needed.", "region_id": "6662", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Join our HAYAH Tribe'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'enter an email']] [el:button[attr:value 'subscribe']] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 18 17 5 | description 4 5 110 2 | input 4 10 110 5 | title 4 0 110 2", "layout_seq_without_completion": "button 4 18 17 5 | description 4 5 110 2 | input 4 10 110 5 | title 4 0 110 2", "plain_layout_seq": "button 4 18 17 5 | description 4 5 110 2 | input 4 10 110 5 | title 4 0 110 2", "canvas_width": 1004, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 40, 0, 924, 25 ], "completed": false }, { "type": "description", "position": [ 40, 45, 924, 25 ], "completed": false }, { "type": "input", "position": [ 40, 88, 924, 44 ], "completed": false }, { "type": "button", "position": [ 40, 152, 144, 49 ], "completed": false } ] }, { "text": "#A page for searching for one insurance agent.# There should be one title\"Find a local insurance agent\" and one input box for inputting the zip code.", "region_id": "1603", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'find a local insurance agent'] ] [el:input [attr:value'zip code'] ] ]", "execution": "singleinfo : input undefined undefined | title undefined undefined", "layout_seq_with_completion": "input 46 20 26 5 | complete text 47 22 7 1 | title 31 8 57 5", "layout_seq_without_completion": "input 46 20 26 5 | text 47 22 7 1 | title 31 8 57 5", "plain_layout_seq": "input 46 20 26 5 | text 47 22 7 1 | title 31 8 57 5", "canvas_width": 1024, "canvas_height": 294, "elements": [ { "type": "title", "position": [ 268, 74, 488, 48 ], "completed": false }, { "type": "input", "position": [ 397, 174, 230, 50 ], "completed": false }, { "type": "text", "position": [ 405, 192, 62, 17 ], "completed": true } ] }, { "text": "#A page for searching for one insurance agent.# There should be one text box and one input text for inputting the zip code.", "region_id": "1603_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:input [attr:value'zip code'] ] ]", "execution": "singleinfo : input undefined undefined | text undefined undefined", "layout_seq_with_completion": "input 46 20 26 5 | complete text 47 22 7 1 | text 31 8 57 5", "layout_seq_without_completion": "input 46 20 26 5 | text 47 22 7 1 | text 31 8 57 5", "plain_layout_seq": "input 46 20 26 5 | text 47 22 7 1 | text 31 8 57 5", "canvas_width": 1024, "canvas_height": 294, "elements": [ { "type": "text", "position": [ 268, 74, 488, 48 ], "completed": false }, { "type": "input", "position": [ 397, 174, 230, 50 ], "completed": false }, { "type": "text", "position": [ 405, 192, 62, 17 ], "completed": true } ] }, { "text": "#A page introducing Uplight, a service of a company for connecting a complex network of dots.# There must be a title named \"Connecting the dots\" and an explanation about the service. It has to have an associated picture.", "region_id": "539", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'connecting the dots'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 20 14 79 8 | image 0 23 120 62 | title 0 2 120 8", "layout_seq_without_completion": "description 20 14 79 8 | image 0 23 120 62 | title 0 2 120 8", "plain_layout_seq": "description 20 14 79 8 | image 0 23 120 62 | title 0 2 120 8", "canvas_width": 1024, "canvas_height": 733, "elements": [ { "type": "title", "position": [ 0, 25, 1024, 70 ], "completed": false }, { "type": "description", "position": [ 172, 120, 680, 72 ], "completed": false }, { "type": "image", "position": [ 0, 200, 1024, 533 ], "completed": false } ] }, { "text": "#A page introducing Uplight, a service of a company for connecting a complex network of dots.# There must be a long text box titled \"Connecting the dots\" and another for introducing the service.", "region_id": "539_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'connecting the dots.'] ] [el:description] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 23 120 62 | description 20 14 79 8 | title 0 2 120 8", "layout_seq_without_completion": "background 0 23 120 62 | description 20 14 79 8 | title 0 2 120 8", "plain_layout_seq": "background 0 23 120 62 | description 20 14 79 8 | title 0 2 120 8", "canvas_width": 1024, "canvas_height": 733, "elements": [ { "type": "title", "position": [ 0, 25, 1024, 70 ], "completed": false }, { "type": "description", "position": [ 172, 120, 680, 72 ], "completed": false }, { "type": "background", "position": [ 0, 200, 1024, 533 ], "completed": false } ] }, { "text": "#A page for introducing the Content Providers.# On the left, there is one title \"For Content Providers\", one description, and one button for learning more. On the right, there is one image.", "region_id": "5703", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'For Content Providers'] [attr:position 'left'] ] [el:description[attr:position 'left']] [el:button [attr:value 'Learn More'][attr:position 'left'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button left undefined | description left undefined | image right undefined | title left undefined", "layout_seq_with_completion": "button 62 18 13 3 | description 7 9 67 9 | image 80 3 33 20 | title 7 4 67 3", "layout_seq_without_completion": "button 62 18 13 3 | description 7 9 67 9 | image 80 3 33 20 | title 7 4 67 3", "plain_layout_seq": "button 62 18 13 3 | description 7 9 67 9 | image 80 3 33 20 | title 7 4 67 3", "canvas_width": 1024, "canvas_height": 229, "elements": [ { "type": "image", "position": [ 683, 28, 288, 173 ], "completed": false }, { "type": "title", "position": [ 67, 41, 576, 28 ], "completed": false }, { "type": "description", "position": [ 67, 77, 576, 84 ], "completed": false }, { "type": "button", "position": [ 530, 161, 113, 28 ], "completed": false } ] }, { "text": "#A page for alerting users about the website error.# The page should have the company's logo and four sentences for informing users of current problems, apologies, and contact information.", "region_id": "3670", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:text [attr:repeat '4']] ]", "execution": "singleinfo : logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "logo 31 1 56 8 | text 3 20 112 2 | text 3 24 112 2 | text 3 28 112 2 | text 3 16 112 2", "layout_seq_without_completion": "logo 31 1 56 8 | text 3 20 112 2 | text 3 24 112 2 | text 3 28 112 2 | text 3 16 112 2", "plain_layout_seq": "logo 31 1 56 8 | text 3 20 112 2 | text 3 24 112 2 | text 3 28 112 2 | text 3 16 112 2", "canvas_width": 1024, "canvas_height": 289, "elements": [ { "type": "logo", "position": [ 272, 15, 480, 76 ], "completed": false }, { "type": "text", "position": [ 32, 138, 960, 23 ], "completed": false }, { "type": "text", "position": [ 32, 175, 960, 18 ], "completed": false }, { "type": "text", "position": [ 32, 208, 960, 18 ], "completed": false }, { "type": "text", "position": [ 32, 241, 960, 18 ], "completed": false } ] }, { "text": "# A page for the user to contact the company.# The page should have the title \"Reach Us Here\", and four input boxes for the user to enter the name, email address, phone number, and comment. Also, it is necessary to have a button \"Send\" for the user to send.", "region_id": "6744", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'reach us here'] ] [el:input [attr:value 'name'] ] [el:input [attr:value 'email address'] ] [el:input [attr:value 'phone number'] ] [el:input [attr:value 'comment'] ] [el:button [attr:value 'send'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 17 38 14 5 | input 17 7 41 5 | input 61 7 41 5 | input 17 14 85 5 | input 17 22 85 11 | complete text 19 8 5 2 | complete text 62 8 6 2 | complete text 19 23 8 2 | complete text 19 16 13 2 | title 17 0 85 3", "layout_seq_without_completion": "button 17 38 14 5 | input 17 7 41 5 | input 61 7 41 5 | input 17 14 85 5 | input 17 22 85 11 | text 19 8 5 2 | text 62 8 6 2 | text 19 23 8 2 | text 19 16 13 2 | title 17 0 85 3", "plain_layout_seq": "button 17 38 14 5 | input 17 7 41 5 | input 61 7 41 5 | input 17 14 85 5 | input 17 22 85 11 | text 19 8 5 2 | text 62 8 6 2 | text 19 23 8 2 | text 19 16 13 2 | title 17 0 85 3", "canvas_width": 1024, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 149, 0, 726, 32 ], "completed": false }, { "type": "input", "position": [ 149, 62, 353, 45 ], "completed": false }, { "type": "input", "position": [ 522, 62, 353, 45 ], "completed": false }, { "type": "text", "position": [ 164, 72, 43, 24 ], "completed": true }, { "type": "text", "position": [ 537, 72, 54, 24 ], "completed": true }, { "type": "input", "position": [ 149, 127, 726, 45 ], "completed": false }, { "type": "text", "position": [ 164, 137, 112, 24 ], "completed": true }, { "type": "input", "position": [ 149, 192, 726, 100 ], "completed": false }, { "type": "text", "position": [ 164, 202, 73, 24 ], "completed": true }, { "type": "button", "position": [ 149, 332, 120, 45 ], "completed": false } ] }, { "text": "# A page to introduce the company Valere. # On the page, there should be a background image, and two text boxes with the slogans. Then one text button should be needed to learn more info about the company.", "region_id": "2374", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 85 | button 28 54 31 6 | title 7 18 45 17 | title 7 36 45 9", "layout_seq_without_completion": "background 0 0 120 85 | button 28 54 31 6 | title 7 18 45 17 | title 7 36 45 9", "plain_layout_seq": "background 0 0 120 85 | button 28 54 31 6 | title 7 18 45 17 | title 7 36 45 9", "canvas_width": 1024, "canvas_height": 726, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 726 ], "completed": false }, { "type": "title", "position": [ 60, 160, 392, 150 ], "completed": false }, { "type": "title", "position": [ 60, 315, 392, 84 ], "completed": false }, { "type": "button", "position": [ 243, 467, 269, 59 ], "completed": false } ] }, { "text": "#A page for showing a piece of news.# There should have a news title with two buttons \"CNCE\" and \"PACW\" on the right.", "region_id": "6136", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'CNCE'] [attr:position 'right'] ] [el:button [attr:value 'PACW'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | button right undefined | title undefined undefined", "layout_seq_with_completion": "button 114 2 5 1 | button 107 2 5 1 | title 0 0 55 2", "layout_seq_without_completion": "button 114 2 5 1 | button 107 2 5 1 | title 0 0 55 2", "plain_layout_seq": "button 114 2 5 1 | button 107 2 5 1 | title 0 0 55 2", "canvas_width": 974, "canvas_height": 48, "elements": [ { "type": "title", "position": [ 0, 0, 447, 20 ], "completed": false }, { "type": "button", "position": [ 872, 24, 46, 15 ], "completed": false }, { "type": "button", "position": [ 926, 24, 48, 15 ], "completed": false } ] }, { "text": "# This page provides information for the user. #There is a product map on the right side of this page, a title and description of \"Make Matcha Part of Your Routing\" on the left, and a subscribe+save 15% button below.", "region_id": "8745", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'right'] ] [el:title [attr:value 'Make Matcha Part of Your Routing'] [attr:position 'left'] ] [el:description [attr:position 'left']] [el:button [attr:value 'subscribe+save 15%'] ] ]", "execution": "singleinfo : button undefined undefined | description left undefined | image right undefined | title left undefined", "layout_seq_with_completion": "button 10 48 32 6 | description 7 26 40 19 | title 7 6 40 18", "layout_seq_without_completion": "button 10 48 32 6 | description 7 26 40 19 | title 7 6 40 18", "plain_layout_seq": "button 10 48 32 6 | description 7 26 40 19 | title 7 6 40 18", "canvas_width": 1024, "canvas_height": 538, "elements": [ { "type": "title", "position": [ 60, 56, 346, 157 ], "completed": false }, { "type": "description", "position": [ 60, 224, 346, 169 ], "completed": false }, { "type": "button", "position": [ 93, 413, 279, 55 ], "completed": false } ] }, { "text": "#A page for showing one company's business.# There should be one title\"A solution fit for you\" and two buttons for users to know what the company serves and what it does. Next, on the right, there are three images and on the left, there is one detailed description. Five text boxes show its business types.", "region_id": "471", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'a solution fit for you'] ] [el:button [attr:value'what the company serves'] ] [el:button [attr:value'what the company do'] ] [el:image [attr:repeat'3'] [attr:position 'right'] ] [el:description [attr:position'left'] ] [el:text [attr:repeat'5'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description left undefined | image right undefined | image right undefined | image right undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 89 | button 63 24 18 6 | button 37 23 20 6 | description 12 34 37 12 | image 56 34 51 41 | title 12 14 94 5 | \" [ text 16 51 9 3 ] | [ text 16 56 12 3 ] | [ text 17 61 16 3 ] | [ text 17 67 14 3 ] | [ text 16 72 14 3 ] \"", "layout_seq_without_completion": "background 0 0 120 89 | button 63 24 18 6 | button 37 23 20 6 | description 12 34 37 12 | image 56 34 51 41 | title 12 14 94 5 | \" [ text 16 51 9 3 ] | [ text 16 56 12 3 ] | [ text 17 61 16 3 ] | [ text 17 67 14 3 ] | [ text 16 72 14 3 ] \"", "plain_layout_seq": "background 0 0 120 89 | button 63 24 18 6 | button 37 23 20 6 | description 12 34 37 12 | image 56 34 51 41 | text 16 51 9 3 | text 16 56 12 3 | text 17 61 16 3 | text 17 67 14 3 | text 16 72 14 3 | title 12 14 94 5", "canvas_width": 1025, "canvas_height": 768, "elements": [ { "type": "background", "position": [ 0, 0, 1025, 768 ], "completed": true }, { "type": "title", "position": [ 107, 120, 811, 44 ], "completed": false }, { "type": "button", "position": [ 324, 205, 178, 56 ], "completed": false }, { "type": "button", "position": [ 546, 206, 155, 54 ], "completed": false }, { "type": "image", "position": [ 481, 291, 437, 357 ], "completed": false }, { "type": "description", "position": [ 107, 292, 324, 104 ], "completed": false }, { "type": "text", "position": [ 142, 436, 83, 26 ], "completed": false }, { "type": "text", "position": [ 144, 482, 103, 26 ], "completed": false }, { "type": "text", "position": [ 146, 528, 137, 26 ], "completed": false }, { "type": "text", "position": [ 148, 574, 122, 26 ], "completed": false }, { "type": "text", "position": [ 142, 621, 126, 26 ], "completed": false } ] }, { "text": "#A page for introducing the peak originals to users.# This page should include one title \"Peak Originals\" and a brief description under it. Below, there should contain a button for users to click to try it free.", "region_id": "5978", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Peak Originals'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'try it free'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 9 25 9 1 | description 4 12 45 7 | title 4 0 45 10", "layout_seq_without_completion": "button 9 25 9 1 | description 4 12 45 7 | title 4 0 45 10", "plain_layout_seq": "button 9 25 9 1 | description 4 12 45 7 | title 4 0 45 10", "canvas_width": 1024, "canvas_height": 251, "elements": [ { "type": "title", "position": [ 40, 0, 388, 91 ], "completed": false }, { "type": "description", "position": [ 40, 107, 388, 66 ], "completed": false }, { "type": "button", "position": [ 80, 220, 83, 16 ], "completed": false } ] }, { "text": "#A page for users to explore careers. # The page should have a background image, two slogans to entice users to use it, and a button for users to click to use it for exploring opportunities.", "region_id": "608", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image ] [el:title [attr:repeat '2'] ] [el:button [attr:value'explore opportunities'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "layout_seq_without_completion": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "plain_layout_seq": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "canvas_width": 1059, "canvas_height": 312, "elements": [ { "type": "background", "position": [ 0, 0, 1059, 311 ], "completed": false }, { "type": "title", "position": [ 40, 62, 979, 64 ], "completed": false }, { "type": "title", "position": [ 40, 150, 979, 32 ], "completed": false }, { "type": "button", "position": [ 410, 206, 240, 48 ], "completed": false } ] }, { "text": "#A page for users to explore careers. # The page should have a big background image, two slogans to entice users to use it, and a button for users to click to use it for exploring opportunities.", "region_id": "608_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large'] ] [el:title [attr:repeat '2'] ] [el:button [attr:value'explore opportunities'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "layout_seq_without_completion": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "plain_layout_seq": "background 0 0 120 35 | button 46 23 27 5 | title 4 16 110 3 | title 4 7 110 7", "canvas_width": 1059, "canvas_height": 312, "elements": [ { "type": "background", "position": [ 0, 0, 1059, 311 ], "completed": false }, { "type": "title", "position": [ 40, 62, 979, 64 ], "completed": false }, { "type": "title", "position": [ 40, 150, 979, 32 ], "completed": false }, { "type": "button", "position": [ 410, 206, 240, 48 ], "completed": false } ] }, { "text": "#A page marketing the service of a company. Users can get help regarding fraud protection.# There should be a title and an explanation highlighting the service of the company. It has a little image.", "region_id": "2288", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image [attr:size'small'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined small | title undefined undefined", "layout_seq_with_completion": "description 51 4 46 5 | image 21 0 26 17 | complete text 85 0 8 2 | title 51 0 33 2", "layout_seq_without_completion": "description 51 4 46 5 | image 21 0 26 17 | text 85 0 8 2 | title 51 0 33 2", "plain_layout_seq": "description 51 4 46 5 | image 21 0 26 17 | text 85 0 8 2 | title 51 0 33 2", "canvas_width": 1024, "canvas_height": 151, "elements": [ { "type": "image", "position": [ 186, 0, 226, 151 ], "completed": false }, { "type": "title", "position": [ 442, 2, 285, 18 ], "completed": false }, { "type": "text", "position": [ 727, 2, 70, 18 ], "completed": true }, { "type": "description", "position": [ 442, 35, 397, 48 ], "completed": false } ] }, { "text": "#A page for introducing a product.# The page should have an image of the product, text to show the title of the product, and a button for users to click to learn more info.", "region_id": "7085", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value 'more info']] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 26 20 7 | image 7 0 52 52 | complete image 53 4 58 39 | title 64 13 37 9", "layout_seq_without_completion": "button 73 26 20 7 | image 7 0 52 52 | image 53 4 58 39 | title 64 13 37 9", "plain_layout_seq": "button 73 26 20 7 | image 7 0 52 52 | image 53 4 58 39 | title 64 13 37 9", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "image", "position": [ 65, 0, 447, 447 ], "completed": false }, { "type": "image", "position": [ 460, 39, 499, 337 ], "completed": true }, { "type": "title", "position": [ 551, 117, 317, 81 ], "completed": false }, { "type": "button", "position": [ 623, 224, 173, 61 ], "completed": false } ] }, { "text": "#A page introducing a service of a company.# There should be a long title and an explanation giving an introduction to that service. It has a link \"requesting a demo\". There's a picture to fill in the blanks.", "region_id": "642", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] ] [el:description] [el:link [attr:value'requesting a demo'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined large", "layout_seq_with_completion": "description 8 51 48 9 | image 62 6 48 55 | link 8 66 24 5 | title 8 10 48 35", "layout_seq_without_completion": "description 8 51 48 9 | image 62 6 48 55 | link 8 66 24 5 | title 8 10 48 35", "plain_layout_seq": "description 8 51 48 9 | image 62 6 48 55 | link 8 66 24 5 | title 8 10 48 35", "canvas_width": 1024, "canvas_height": 641, "elements": [ { "type": "image", "position": [ 535, 54, 415, 474 ], "completed": false }, { "type": "title", "position": [ 74, 93, 415, 300 ], "completed": false }, { "type": "description", "position": [ 74, 436, 415, 81 ], "completed": false }, { "type": "link", "position": [ 74, 564, 209, 46 ], "completed": false } ] }, { "text": "#A page introducing a service of a company.# There should be two text boxes giving an introduction to that service. A link has to be in place for \"requesting a demo\".", "region_id": "642_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat '2'] ] [el:link [attr:value'requesting a demo'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 8 51 48 9 | description 8 10 48 35 | complete image 62 6 48 55 | link 8 66 24 5", "layout_seq_without_completion": "description 8 51 48 9 | description 8 10 48 35 | image 62 6 48 55 | link 8 66 24 5", "plain_layout_seq": "description 8 51 48 9 | description 8 10 48 35 | image 62 6 48 55 | link 8 66 24 5", "canvas_width": 1024, "canvas_height": 641, "elements": [ { "type": "image", "position": [ 535, 54, 415, 474 ], "completed": true }, { "type": "description", "position": [ 74, 93, 415, 300 ], "completed": false }, { "type": "description", "position": [ 74, 436, 415, 81 ], "completed": false }, { "type": "link", "position": [ 74, 564, 209, 46 ], "completed": false } ] }, { "text": "#A page introducing \"The Pendo Product Adoption Platform\".# A long title and a description. There are four buttons \"Analytics\", \"in-app guides\", \"Feedback\", \"Mobile\" for different options.", "region_id": "1947", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] ] [el:description] [el:button [attr:value'analytics'] ] [el:button [attr:value'in-app guides'] ] [el:button [attr:value'feedback'] ] [el:button [attr:value'mobile'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | title undefined large", "layout_seq_with_completion": "description 1 17 116 3 | title 1 9 116 5 | \" [ button 33 24 11 3 ] | [ button 46 24 14 3 ] | [ button 63 24 11 3 ] | [ button 77 24 9 3 ] \"", "layout_seq_without_completion": "description 1 17 116 3 | title 1 9 116 5 | \" [ button 33 24 11 3 ] | [ button 46 24 14 3 ] | [ button 63 24 11 3 ] | [ button 77 24 9 3 ] \"", "plain_layout_seq": "button 33 24 11 3 | button 46 24 14 3 | button 63 24 11 3 | button 77 24 9 3 | description 1 17 116 3 | title 1 9 116 5", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 15, 80, 994, 45 ], "completed": false }, { "type": "description", "position": [ 15, 149, 994, 32 ], "completed": false }, { "type": "button", "position": [ 288, 205, 97, 30 ], "completed": false }, { "type": "button", "position": [ 400, 205, 127, 30 ], "completed": false }, { "type": "button", "position": [ 543, 205, 99, 30 ], "completed": false }, { "type": "button", "position": [ 658, 205, 78, 30 ], "completed": false } ] }, { "text": "#A page introducing \"The Pendo Product Adoption Platform\".# There are two long text boxes. The first one is a title, and the other is a description. There are four buttons for different options like \"Feedback\".", "region_id": "1947_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:repeat'4'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 17 116 3 | title 1 9 116 5 | \" [ button 33 24 11 3 ] | [ button 46 24 14 3 ] | [ button 63 24 11 3 ] | [ button 77 24 9 3 ] \"", "layout_seq_without_completion": "description 1 17 116 3 | title 1 9 116 5 | \" [ button 33 24 11 3 ] | [ button 46 24 14 3 ] | [ button 63 24 11 3 ] | [ button 77 24 9 3 ] \"", "plain_layout_seq": "button 33 24 11 3 | button 46 24 14 3 | button 63 24 11 3 | button 77 24 9 3 | description 1 17 116 3 | title 1 9 116 5", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 15, 80, 994, 45 ], "completed": false }, { "type": "description", "position": [ 15, 149, 994, 32 ], "completed": false }, { "type": "button", "position": [ 288, 205, 97, 30 ], "completed": false }, { "type": "button", "position": [ 400, 205, 127, 30 ], "completed": false }, { "type": "button", "position": [ 543, 205, 99, 30 ], "completed": false }, { "type": "button", "position": [ 658, 205, 78, 30 ], "completed": false } ] }, { "text": "#A page for introducing better outcomes to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. On the right side, there should be an image of the author.", "region_id": "388", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 5 54 36 9 | description 5 25 42 24 | image 60 0 60 75 | title 5 11 42 6", "layout_seq_without_completion": "button 5 54 36 9 | description 5 25 42 24 | image 60 0 60 75 | title 5 11 42 6", "plain_layout_seq": "button 5 54 36 9 | description 5 25 42 24 | image 60 0 60 75 | title 5 11 42 6", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "image", "position": [ 512, 0, 512, 640 ], "completed": false }, { "type": "title", "position": [ 46, 100, 362, 54 ], "completed": false }, { "type": "description", "position": [ 46, 220, 362, 210 ], "completed": false }, { "type": "button", "position": [ 46, 462, 314, 78 ], "completed": false } ] }, { "text": "# A page for showing one news.# There is one label \"News\", one title, and one description. Users can read more by clicking one button. One label shows the date.", "region_id": "5980", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'news'] ] [el:title] [el:description] [el:button [attr:value 'read more'] ] [el:text] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | button 0 61 10 2 | description 0 10 120 51 | text 0 0 4 2 | text 0 63 10 2 | title 0 4 120 3", "layout_seq_without_completion": "background 0 0 120 7 | button 0 61 10 2 | description 0 10 120 51 | text 0 0 4 2 | text 0 63 10 2 | title 0 4 120 3", "plain_layout_seq": "background 0 0 120 7 | button 0 61 10 2 | description 0 10 120 51 | text 0 0 4 2 | text 0 63 10 2 | title 0 4 120 3", "canvas_width": 1069, "canvas_height": 590, "elements": [ { "type": "background", "position": [ 0, 0, 1069, 70 ], "completed": true }, { "type": "text", "position": [ 0, 0, 40, 20 ], "completed": false }, { "type": "title", "position": [ 0, 40, 1069, 30 ], "completed": false }, { "type": "description", "position": [ 0, 90, 1069, 460 ], "completed": false }, { "type": "button", "position": [ 0, 550, 90, 20 ], "completed": false }, { "type": "text", "position": [ 0, 570, 96, 20 ], "completed": false } ] }, { "text": "#A page for introducing a video about clean energy to users.# The page should include one title and a button for users to play the video. On the right side, there should be an image of the country.", "region_id": "537", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'play the video'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 4 57 17 6 | image 60 29 60 63 | complete logo 102 71 11 16 | title 4 29 62 24", "layout_seq_without_completion": "button 4 57 17 6 | image 60 29 60 63 | logo 102 71 11 16 | title 4 29 62 24", "plain_layout_seq": "button 4 57 17 6 | image 60 29 60 63 | logo 102 71 11 16 | title 4 29 62 24", "canvas_width": 1024, "canvas_height": 796, "elements": [ { "type": "title", "position": [ 40, 250, 530, 210 ], "completed": false }, { "type": "image", "position": [ 512, 250, 512, 546 ], "completed": false }, { "type": "button", "position": [ 40, 490, 148, 56 ], "completed": false }, { "type": "logo", "position": [ 877, 609, 97, 137 ], "completed": true } ] }, { "text": "# A page for providing help for the user. # The page should have a background image, a question \"Need Help?\" and a Q & A \"Any questions? We're here to help!\". Then a link \"Ask Us Anything\" for the user to seek help by clicking.", "region_id": "2712", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'Need Help?'] ] [el:text [attr:value 'any questions? we are here to help!']] [el:link [attr:value 'Ask Us Anything'] ] ]", "execution": "singleinfo : background undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 75 | complete icon 59 72 1 2 | complete image 13 9 93 38 | link 44 34 31 5 | text 18 25 82 2 | title 18 16 82 3", "layout_seq_without_completion": "background 0 0 120 75 | icon 59 72 1 2 | image 13 9 93 38 | link 44 34 31 5 | text 18 25 82 2 | title 18 16 82 3", "plain_layout_seq": "background 0 0 120 75 | icon 59 72 1 2 | image 13 9 93 38 | link 44 34 31 5 | text 18 25 82 2 | title 18 16 82 3", "canvas_width": 1024, "canvas_height": 648, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 648 ], "completed": false }, { "type": "image", "position": [ 112, 80, 800, 327 ], "completed": true }, { "type": "title", "position": [ 160, 144, 704, 28 ], "completed": false }, { "type": "text", "position": [ 160, 220, 704, 24 ], "completed": false }, { "type": "link", "position": [ 376, 292, 273, 51 ], "completed": false }, { "type": "icon", "position": [ 504, 617, 15, 22 ], "completed": true } ] }, { "text": "#A page for introducing the environment commitment to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1878", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 1 36 16 4 | description 1 22 55 7 | complete image 61 0 57 32 | title 1 7 55 9", "layout_seq_without_completion": "button 1 36 16 4 | description 1 22 55 7 | image 61 0 57 32 | title 1 7 55 9", "plain_layout_seq": "button 1 36 16 4 | description 1 22 55 7 | image 61 0 57 32 | title 1 7 55 9", "canvas_width": 1024, "canvas_height": 396, "elements": [ { "type": "image", "position": [ 522, 0, 492, 277 ], "completed": true }, { "type": "title", "position": [ 10, 64, 473, 83 ], "completed": false }, { "type": "description", "position": [ 10, 194, 470, 63 ], "completed": false }, { "type": "button", "position": [ 10, 308, 142, 36 ], "completed": false } ] }, { "text": "#A page for showing the podcast.# There is one image, one label \"PODCAST\", and one title \"Title IX changed women's sports forever. Our latest podcast explores its effect on golf\".", "region_id": "2946", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:value 'podcast'] ] [el:title [attr:value 'Title IX changed women s sports forever. Our latest podcast explores its effect on golf']]]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 38 26 | text 41 2 76 1 | title 41 4 76 5", "layout_seq_without_completion": "image 0 0 38 26 | text 41 2 76 1 | title 41 4 76 5", "plain_layout_seq": "image 0 0 38 26 | text 41 2 76 1 | title 41 4 76 5", "canvas_width": 994, "canvas_height": 223, "elements": [ { "type": "image", "position": [ 1, 0, 322, 222 ], "completed": false }, { "type": "text", "position": [ 343, 20, 630, 10 ], "completed": false }, { "type": "title", "position": [ 343, 40, 630, 42 ], "completed": false } ] }, { "text": "#A page for introducing one business insurance.# One background image is needed as one extra layout. It includes two text boxes, one for the title and the other for the detail. A text button is needed too for business insurance.", "region_id": "2319", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:button [attr:value'business insurance'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 5 117 49 | button 69 41 32 5 | description 69 16 43 22 | complete image 65 10 50 40 | title 69 13 43 2", "layout_seq_without_completion": "background 1 5 117 49 | button 69 41 32 5 | description 69 16 43 22 | image 65 10 50 40 | title 69 13 43 2", "plain_layout_seq": "background 1 5 117 49 | button 69 41 32 5 | description 69 16 43 22 | image 65 10 50 40 | title 69 13 43 2", "canvas_width": 1034, "canvas_height": 497, "elements": [ { "type": "background", "position": [ 10, 50, 1014, 427 ], "completed": false }, { "type": "image", "position": [ 567, 87, 432, 352 ], "completed": true }, { "type": "title", "position": [ 597, 117, 372, 19 ], "completed": false }, { "type": "description", "position": [ 597, 142, 372, 195 ], "completed": false }, { "type": "button", "position": [ 597, 361, 280, 48 ], "completed": false } ] }, { "text": "#A page for introducing one business insurance.# One image is needed as one extra layout. One small image within it includes two text boxes, one for the title and the other for the detail. A text button is needed too.", "region_id": "2319_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:image [attr:size'small'] ] [el:title] [el:description] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 69 41 32 5 | description 69 16 43 22 | image 1 5 117 49 | image 65 10 50 40 | title 69 13 43 2", "layout_seq_without_completion": "button 69 41 32 5 | description 69 16 43 22 | image 1 5 117 49 | image 65 10 50 40 | title 69 13 43 2", "plain_layout_seq": "button 69 41 32 5 | description 69 16 43 22 | image 1 5 117 49 | image 65 10 50 40 | title 69 13 43 2", "canvas_width": 1034, "canvas_height": 497, "elements": [ { "type": "image", "position": [ 10, 50, 1014, 427 ], "completed": false }, { "type": "image", "position": [ 567, 87, 432, 352 ], "completed": false }, { "type": "title", "position": [ 597, 117, 372, 19 ], "completed": false }, { "type": "description", "position": [ 597, 142, 372, 195 ], "completed": false }, { "type": "button", "position": [ 597, 361, 280, 48 ], "completed": false } ] }, { "text": "# A page used to start an application. # The page should contain a text box appealing to the user to apply for an account and start the app. Besides, a text button is needed to start the application by clicking it.", "region_id": "2221", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value'start the application'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 63 | button 46 25 26 4 | text 23 11 72 5", "layout_seq_without_completion": "background 0 0 120 63 | button 46 25 26 4 | text 23 11 72 5", "plain_layout_seq": "background 0 0 120 63 | button 46 25 26 4 | text 23 11 72 5", "canvas_width": 1024, "canvas_height": 546, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 546 ], "completed": true }, { "type": "text", "position": [ 202, 96, 620, 48 ], "completed": false }, { "type": "button", "position": [ 398, 216, 228, 40 ], "completed": false } ] }, { "text": "#A page showing the professionalism of the company.# \"We Are \"The Head Lice Specialist\" \" is a title on the page. The page should also have a picture and a description.", "region_id": "7101", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'We Are \"The Head Lice Specialist'] ] [el:image] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 64 16 49 32 | image 6 13 53 33 | title 64 10 49 3", "layout_seq_without_completion": "description 64 16 49 32 | image 6 13 53 33 | title 64 10 49 3", "plain_layout_seq": "description 64 16 49 32 | image 6 13 53 33 | title 64 10 49 3", "canvas_width": 1009, "canvas_height": 499, "elements": [ { "type": "title", "position": [ 540, 90, 415, 31 ], "completed": false }, { "type": "image", "position": [ 55, 110, 450, 278 ], "completed": false }, { "type": "description", "position": [ 540, 139, 415, 270 ], "completed": false } ] }, { "text": "#A page for introducing a company.# The page should have one background image to show the photo of Earth, a title, and one short introduction to express what the company does. One button is needed for users to click to discover more about the company.", "region_id": "618", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "layout_seq_without_completion": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "plain_layout_seq": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "canvas_width": 952, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 12, 0, 928, 350 ], "completed": false }, { "type": "title", "position": [ 32, 91, 410, 32 ], "completed": false }, { "type": "description", "position": [ 32, 139, 410, 64 ], "completed": false }, { "type": "button", "position": [ 32, 219, 125, 40 ], "completed": false } ] }, { "text": "#A page for introducing a company.# The page should have one big background image to show the photo of Earth, a title, and one short introduction to express what the company does. One button is needed for users to click to discover more about the company.", "region_id": "618_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "layout_seq_without_completion": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "plain_layout_seq": "background 1 0 116 44 | button 4 27 15 5 | description 4 17 51 8 | title 4 11 51 4", "canvas_width": 952, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 12, 0, 928, 350 ], "completed": false }, { "type": "title", "position": [ 32, 91, 410, 32 ], "completed": false }, { "type": "description", "position": [ 32, 139, 410, 64 ], "completed": false }, { "type": "button", "position": [ 32, 219, 125, 40 ], "completed": false } ] }, { "text": "#A page to introduce Seesaw.# There is a title on top followed by a brief description. A link is also provided for teachers to sign up for free.", "region_id": "3108", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'Teachers sign up free'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title top undefined", "layout_seq_with_completion": "description 7 21 82 1 | link 90 21 21 2 | title 2 2 115 14", "layout_seq_without_completion": "description 7 21 82 1 | link 90 21 21 2 | title 2 2 115 14", "plain_layout_seq": "description 7 21 82 1 | link 90 21 21 2 | title 2 2 115 14", "canvas_width": 971, "canvas_height": 210, "elements": [ { "type": "title", "position": [ 17, 17, 937, 117 ], "completed": false }, { "type": "description", "position": [ 64, 170, 665, 16 ], "completed": false }, { "type": "link", "position": [ 729, 170, 178, 18 ], "completed": false } ] }, { "text": "# A page for the company to hire employees. # On the page, there should be a title \"Work with us\" and a text button. The user can click the button to find careers the company hires.", "region_id": "1291", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'work with us'] ] [el:button [attr:value'find careers'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 50 | button 47 37 25 7 | title 1 31 116 4", "layout_seq_without_completion": "background 0 0 120 50 | button 47 37 25 7 | title 1 31 116 4", "plain_layout_seq": "background 0 0 120 50 | button 47 37 25 7 | title 1 31 116 4", "canvas_width": 1024, "canvas_height": 430, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 430 ], "completed": true }, { "type": "title", "position": [ 15, 268, 994, 42 ], "completed": false }, { "type": "button", "position": [ 402, 320, 220, 60 ], "completed": false } ] }, { "text": "#A page advertising \"Coles Group\". # There is a large image in the background. There is a large title showing the welcome Coles Group.", "region_id": "996", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title [attr:size'large'] ] ]", "execution": "singleinfo : background undefined large | title undefined large", "layout_seq_with_completion": "background 0 0 120 58 | complete image 2 17 49 22 | title 7 22 38 6 | title 7 29 40 6", "layout_seq_without_completion": "background 0 0 120 58 | image 2 17 49 22 | title 7 22 38 6 | title 7 29 40 6", "plain_layout_seq": "background 0 0 120 58 | image 2 17 49 22 | title 7 22 38 6 | title 7 29 40 6", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 500 ], "completed": false }, { "type": "image", "position": [ 20, 152, 426, 195 ], "completed": true }, { "type": "title", "position": [ 60, 194, 331, 56 ], "completed": false }, { "type": "title", "position": [ 60, 254, 346, 56 ], "completed": false } ] }, { "text": "#A page advertising \"Coles Group\". # There is a large image. There is another small image and two groups of text boxes showing the welcome sign.", "region_id": "996_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:image [attr:size'small'] ] [el:text [attr:repeat'2'] ] ]", "execution": "singleinfo : image undefined small | image undefined large | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 0 0 120 58 | image 2 17 49 22 | text 7 22 38 6 | text 7 29 40 6", "layout_seq_without_completion": "image 0 0 120 58 | image 2 17 49 22 | text 7 22 38 6 | text 7 29 40 6", "plain_layout_seq": "image 0 0 120 58 | image 2 17 49 22 | text 7 22 38 6 | text 7 29 40 6", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 500 ], "completed": false }, { "type": "image", "position": [ 20, 152, 426, 195 ], "completed": false }, { "type": "text", "position": [ 60, 194, 331, 56 ], "completed": false }, { "type": "text", "position": [ 60, 254, 346, 56 ], "completed": false } ] }, { "text": "# A page to introduce Omnichannel DSP. # The page should have the title \"Omnichannel DSP Platform\" and a text box with a short introduction. A text button is needed to get started by clicking it. It would be better to have a background image.", "region_id": "1698", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'omnichannel dsp platform'] ] [el:description [attr:size'small'] ] [el:button [attr:value'get started'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 64 | button 4 48 19 4 | description 4 36 64 6 | title 4 21 64 12", "layout_seq_without_completion": "background 0 0 120 64 | button 4 48 19 4 | description 4 36 64 6 | title 4 21 64 12", "plain_layout_seq": "background 0 0 120 64 | button 4 48 19 4 | description 4 36 64 6 | title 4 21 64 12", "canvas_width": 1024, "canvas_height": 551, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 551 ], "completed": false }, { "type": "title", "position": [ 42, 185, 547, 106 ], "completed": false }, { "type": "description", "position": [ 42, 315, 547, 58 ], "completed": false }, { "type": "button", "position": [ 42, 418, 164, 39 ], "completed": false } ] }, { "text": "#A page for showing a product.# The page includes a background, a title of the product, a brief description, a picture, one pagination, and a link named \u201cCHECK YOUR OFFER\u201d for users to click to get further information.", "region_id": "3681", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size 'small'] ] [el:image] [el:pagination][el:link [attr:value 'check your offer'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 45 | complete button 106 32 3 3 | complete button 110 32 3 3 | description 5 13 52 6 | complete icon 25 23 1 2 | image 61 5 52 26 | link 5 23 18 2 | title 5 3 52 6", "layout_seq_without_completion": "background 0 0 120 45 | button 106 32 3 3 | button 110 32 3 3 | description 5 13 52 6 | icon 25 23 1 2 | image 61 5 52 26 | link 5 23 18 2 | title 5 3 52 6", "plain_layout_seq": "background 0 0 120 45 | button 106 32 3 3 | button 110 32 3 3 | description 5 13 52 6 | icon 25 23 1 2 | image 61 5 52 26 | link 5 23 18 2 | title 5 3 52 6", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 390 ], "completed": false }, { "type": "title", "position": [ 47, 34, 450, 57 ], "completed": false }, { "type": "image", "position": [ 527, 44, 450, 222 ], "completed": false }, { "type": "description", "position": [ 47, 116, 450, 58 ], "completed": false }, { "type": "icon", "position": [ 214, 199, 15, 20 ], "completed": true }, { "type": "link", "position": [ 47, 200, 162, 19 ], "completed": false }, { "type": "button", "position": [ 910, 278, 30, 30 ], "completed": true }, { "type": "button", "position": [ 947, 278, 30, 30 ], "completed": true } ] }, { "text": "# A page to join Glovo as the partner. # On the page, there should contain one title and a description of the advantage of becoming a partner. It must include a button for users to click to join Glovo. It is better to have an image of the company.", "region_id": "194", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'join glovo'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 38 21 7 | description 9 33 100 2 | image 44 0 30 26 | title 46 29 26 3", "layout_seq_without_completion": "button 49 38 21 7 | description 9 33 100 2 | image 44 0 30 26 | title 46 29 26 3", "plain_layout_seq": "button 49 38 21 7 | description 9 33 100 2 | image 44 0 30 26 | title 46 29 26 3", "canvas_width": 1004, "canvas_height": 385, "elements": [ { "type": "image", "position": [ 375, 0, 254, 220 ], "completed": false }, { "type": "title", "position": [ 393, 244, 218, 28 ], "completed": false }, { "type": "description", "position": [ 81, 280, 842, 20 ], "completed": false }, { "type": "button", "position": [ 410, 324, 184, 61 ], "completed": false } ] }, { "text": "#A page introducing a company that sells food. # The page should have four images to show the photos of selling, delivering, and buying the goods of the company, and two texts to introduce the pros of the company. And a button is needed for users to click to learn more.", "region_id": "2346", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat'4'] ] [el:description [attr:repeat '2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 73 51 32 6 | description 63 23 52 9 | description 60 3 60 15 | image 0 0 30 30 | image 29 30 30 30 | image 0 30 30 30 | image 29 0 30 30 | complete image 85 36 9 9 | complete text 53 19 5 10 | complete text 23 49 5 10", "layout_seq_without_completion": "button 73 51 32 6 | description 63 23 52 9 | description 60 3 60 15 | image 0 0 30 30 | image 29 30 30 30 | image 0 30 30 30 | image 29 0 30 30 | image 85 36 9 9 | text 53 19 5 10 | text 23 49 5 10", "plain_layout_seq": "button 73 51 32 6 | description 63 23 52 9 | description 60 3 60 15 | image 0 0 30 30 | image 29 30 30 30 | image 0 30 30 30 | image 29 0 30 30 | image 85 36 9 9 | text 53 19 5 10 | text 23 49 5 10", "canvas_width": 932, "canvas_height": 541, "elements": [ { "type": "image", "position": [ 0, 0, 233, 233 ], "completed": false }, { "type": "image", "position": [ 232, 0, 233, 233 ], "completed": false }, { "type": "description", "position": [ 466, 30, 466, 120 ], "completed": false }, { "type": "text", "position": [ 417, 148, 44, 85 ], "completed": true }, { "type": "description", "position": [ 496, 180, 406, 75 ], "completed": false }, { "type": "image", "position": [ 0, 233, 233, 233 ], "completed": false }, { "type": "image", "position": [ 232, 233, 233, 233 ], "completed": false }, { "type": "image", "position": [ 664, 285, 70, 74 ], "completed": true }, { "type": "text", "position": [ 184, 381, 44, 85 ], "completed": true }, { "type": "button", "position": [ 574, 399, 250, 54 ], "completed": false } ] }, { "text": "#The page for users to introduce Meet AMP email.#The page should include an attractive title on the top. Under it, there should be one text to introduce the product to users and one picture makes it easier to understand.", "region_id": "5987", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 0 42 120 67 | description 15 26 88 15 | complete image 0 61 34 47 | image 12 42 94 67 | title 20 11 78 15", "layout_seq_without_completion": "background 0 42 120 67 | description 15 26 88 15 | image 0 61 34 47 | image 12 42 94 67 | title 20 11 78 15", "plain_layout_seq": "background 0 42 120 67 | description 15 26 88 15 | image 0 61 34 47 | image 12 42 94 67 | title 20 11 78 15", "canvas_width": 1089, "canvas_height": 1044, "elements": [ { "type": "title", "position": [ 186, 100, 716, 139 ], "completed": false }, { "type": "description", "position": [ 144, 239, 800, 144 ], "completed": false }, { "type": "background", "position": [ 0, 383, 1089, 611 ], "completed": true }, { "type": "image", "position": [ 114, 383, 860, 611 ], "completed": false }, { "type": "image", "position": [ 0, 560, 310, 434 ], "completed": true } ] }, { "text": "# A page for case studies of a company. # On the page, there should include a title \"Case studies\", an image, and a text box with a short description. There should also be a text button for the user to click to explore.", "region_id": "1777", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'case studies'] ] [el:image] [el:description [attr:size'small'] ] [el:button [attr:value'explore'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | complete image 4 41 115 28 | title 7 45 18 4", "layout_seq_without_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 18 4", "plain_layout_seq": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 18 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 237 ], "completed": true }, { "type": "title", "position": [ 60, 385, 157, 40 ], "completed": false }, { "type": "description", "position": [ 60, 455, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 499, 137, 43 ], "completed": false } ] }, { "text": "#A page showing information about a company.# There should be a title labeled \"Our Strategy\", followed by an introduction. Also, a link is needed for our strategy.", "region_id": "912", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Our Strategy'] ] [el:description] [el:link [attr:value'our strategy']] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | complete background 1 1 117 44 | description 7 17 93 7 | link 7 33 12 4 | title 7 8 104 5", "layout_seq_without_completion": "background 0 0 120 46 | background 1 1 117 44 | description 7 17 93 7 | link 7 33 12 4 | title 7 8 104 5", "plain_layout_seq": "background 0 0 120 46 | background 1 1 117 44 | description 7 17 93 7 | link 7 33 12 4 | title 7 8 104 5", "canvas_width": 945, "canvas_height": 370, "elements": [ { "type": "background", "position": [ 0, 0, 945, 370 ], "completed": true }, { "type": "background", "position": [ 10, 10, 925, 350 ], "completed": true }, { "type": "title", "position": [ 60, 65, 825, 40 ], "completed": false }, { "type": "description", "position": [ 60, 134, 737, 56 ], "completed": false }, { "type": "link", "position": [ 60, 262, 97, 32 ], "completed": false } ] }, { "text": "#A page for introducing mission-critical enterprise to users.# The page should include one title and a brief description of the platform. A button is needed for users to click for further information. On the right side, there should be an interface of the app.", "region_id": "1901", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 5 56 13 3 | description 5 28 33 26 | image 43 0 71 40 | complete text 5 10 27 15 | title 4 0 28 16", "layout_seq_without_completion": "button 5 56 13 3 | description 5 28 33 26 | image 43 0 71 40 | text 5 10 27 15 | title 4 0 28 16", "plain_layout_seq": "button 5 56 13 3 | description 5 28 33 26 | image 43 0 71 40 | text 5 10 27 15 | title 4 0 28 16", "canvas_width": 1024, "canvas_height": 620, "elements": [ { "type": "title", "position": [ 38, 0, 244, 137 ], "completed": false }, { "type": "image", "position": [ 367, 2, 610, 343 ], "completed": false }, { "type": "text", "position": [ 47, 91, 234, 132 ], "completed": true }, { "type": "description", "position": [ 47, 242, 290, 223 ], "completed": false }, { "type": "button", "position": [ 47, 483, 114, 29 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be three text boxes. One includes the title. The else includes the slogan. And the last one is for a link by which users can click to contact sales. A text button is needed for users to get started.", "region_id": "243", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:link [attr:value'contact sales'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "layout_seq_without_completion": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "plain_layout_seq": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 24, 100, 976, 54 ], "completed": false }, { "type": "title", "position": [ 24, 178, 976, 38 ], "completed": false }, { "type": "button", "position": [ 417, 257, 190, 53 ], "completed": false }, { "type": "link", "position": [ 24, 358, 976, 26 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be three text boxes. One includes the title. The else includes the slogan. And the last one which users can click to learn more info. A text button is needed for users to get started.", "region_id": "243_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:link [attr:value'read more'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "layout_seq_without_completion": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "plain_layout_seq": "button 48 30 22 6 | link 2 41 114 3 | title 2 20 114 4 | title 2 11 114 6", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 24, 100, 976, 54 ], "completed": false }, { "type": "title", "position": [ 24, 178, 976, 38 ], "completed": false }, { "type": "button", "position": [ 417, 257, 190, 53 ], "completed": false }, { "type": "link", "position": [ 24, 358, 976, 26 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"SUBSCRIBE TO OUR NEWSLETTER\", and a short description. Then an input box and a button are needed for the user to enter the email address and click to subscribe.", "region_id": "7110", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our newsletter'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 78 29 11 2 | description 6 18 107 3 | input 27 28 49 5 | title 6 12 107 3", "layout_seq_without_completion": "button 78 29 11 2 | description 6 18 107 3 | input 27 28 49 5 | title 6 12 107 3", "plain_layout_seq": "button 78 29 11 2 | description 6 18 107 3 | input 27 28 49 5 | title 6 12 107 3", "canvas_width": 1024, "canvas_height": 412, "elements": [ { "type": "title", "position": [ 55, 108, 914, 31 ], "completed": false }, { "type": "description", "position": [ 55, 155, 914, 30 ], "completed": false }, { "type": "input", "position": [ 232, 240, 422, 46 ], "completed": false }, { "type": "button", "position": [ 673, 252, 100, 25 ], "completed": false } ] }, { "text": "#A page for introducing a blog named \"Multi-Modal Fusion AI for Real-time Event Detection\" for users.# The page should include one title and a brief description of this blog. And a button is needed for users to get further information.", "region_id": "1066", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 55 | button 55 41 8 1 | description 2 30 115 6 | complete text 56 15 6 2 | title 2 20 115 5", "layout_seq_without_completion": "background 0 0 120 55 | button 55 41 8 1 | description 2 30 115 6 | text 56 15 6 2 | title 2 20 115 5", "plain_layout_seq": "background 0 0 120 55 | button 55 41 8 1 | description 2 30 115 6 | text 56 15 6 2 | title 2 20 115 5", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 477 ], "completed": true }, { "type": "text", "position": [ 485, 133, 54, 25 ], "completed": true }, { "type": "title", "position": [ 20, 174, 984, 48 ], "completed": false }, { "type": "description", "position": [ 20, 262, 984, 59 ], "completed": false }, { "type": "button", "position": [ 476, 354, 72, 17 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the HR daily newsletter. # There should have a slogan \"HR DAILY NEWSLETTER\", a description, an input box for the user to enter an email address, and a button where the user can click to subscribe.", "region_id": "5211", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'hr daily newsletter'] ] [el:description] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 9 11 42 7 | input 57 8 53 8 | title 9 7 43 3", "layout_seq_without_completion": "description 9 11 42 7 | input 57 8 53 8 | title 9 7 43 3", "plain_layout_seq": "description 9 11 42 7 | input 57 8 53 8 | title 9 7 43 3", "canvas_width": 1024, "canvas_height": 222, "elements": [ { "type": "title", "position": [ 82, 60, 374, 26 ], "completed": false }, { "type": "input", "position": [ 487, 73, 460, 75 ], "completed": false }, { "type": "description", "position": [ 82, 97, 361, 64 ], "completed": false } ] }, { "text": "# A page about a product advertisement.. # On the page, there should have a slogan of this product and a brief description of its pros.", "region_id": "2642", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined", "layout_seq_with_completion": "description 15 10 90 5 | \" [ complete title 11 0 36 7 ] | [ title 47 0 23 6 ] | [ complete title 70 0 38 7 ] \"", "layout_seq_without_completion": "description 15 10 90 5 | \" [ title 11 0 36 7 ] | [ title 47 0 23 6 ] | [ title 70 0 38 7 ] \"", "plain_layout_seq": "description 15 10 90 5 | title 11 0 36 7 | title 47 0 23 6 | title 70 0 38 7", "canvas_width": 960, "canvas_height": 121, "elements": [ { "type": "title", "position": [ 91, 0, 289, 59 ], "completed": true }, { "type": "title", "position": [ 566, 0, 304, 59 ], "completed": true }, { "type": "title", "position": [ 376, 3, 186, 48 ], "completed": false }, { "type": "description", "position": [ 120, 81, 720, 40 ], "completed": false } ] }, { "text": "# A page to introduce the sustainability of NTT Group. # The page should contain an image of the topic. There should be a title \"Sustainability\" and a text boxes", "region_id": "215", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'sustainability'] ] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 33 | text 0 40 118 2 | title 0 35 118 3", "layout_seq_without_completion": "image 0 0 120 33 | text 0 40 118 2 | title 0 35 118 3", "plain_layout_seq": "image 0 0 120 33 | text 0 40 118 2 | title 0 35 118 3", "canvas_width": 1220, "canvas_height": 435, "elements": [ { "type": "image", "position": [ 0, 0, 1220, 343 ], "completed": false }, { "type": "title", "position": [ 10, 363, 1200, 34 ], "completed": false }, { "type": "text", "position": [ 10, 407, 1200, 28 ], "completed": false } ] }, { "text": "#A page to show the announcement from a user.# There is an image showing the head portrait. There is a title and a description. On the right side of the page are two icons and two words.", "region_id": "3425", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:icon [attr:position 'right'][attr:repeat '2'] ] [el:text [attr:repeat '2'][attr:position 'right'] ] ]", "execution": "singleinfo : description undefined undefined | icon right undefined | icon right undefined | image undefined undefined | text right undefined | text right undefined | title undefined undefined", "layout_seq_with_completion": "complete background 1 1 118 16 | description 1 6 117 8 | icon 94 3 2 1 | icon 109 2 3 3 | image 0 0 6 6 | text 97 3 5 2 | text 106 2 3 3 | title 8 2 74 4", "layout_seq_without_completion": "background 1 1 118 16 | description 1 6 117 8 | icon 94 3 2 1 | icon 109 2 3 3 | image 0 0 6 6 | text 97 3 5 2 | text 106 2 3 3 | title 8 2 74 4", "plain_layout_seq": "background 1 1 118 16 | description 1 6 117 8 | icon 94 3 2 1 | icon 109 2 3 3 | image 0 0 6 6 | text 97 3 5 2 | text 106 2 3 3 | title 8 2 74 4", "canvas_width": 864, "canvas_height": 129, "elements": [ { "type": "image", "position": [ 0, 0, 50, 50 ], "completed": false }, { "type": "background", "position": [ 14, 11, 850, 118 ], "completed": true }, { "type": "title", "position": [ 60, 20, 535, 30 ], "completed": false }, { "type": "text", "position": [ 765, 20, 24, 27 ], "completed": false }, { "type": "icon", "position": [ 788, 20, 24, 24 ], "completed": false }, { "type": "text", "position": [ 702, 27, 38, 16 ], "completed": false }, { "type": "icon", "position": [ 678, 28, 19, 12 ], "completed": false }, { "type": "description", "position": [ 14, 50, 848, 62 ], "completed": false } ] }, { "text": "# A page for marketing the BuddyBoss App. # There should have a title \"BuddyBoss App\", a description, a slogan, and two buttons \"Publish your app\" and \"Learn More\" to guide the user to use the app and learn more info about the app.", "region_id": "4144", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'buddyboss app'] ] [el:description] [el:title] [el:button [attr:value 'publish your app'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 34 46 26 6 | button 63 46 21 7 | description 2 20 115 3 | complete icon 55 48 1 0 | complete icon 78 49 1 0 | complete text 39 48 15 2 | complete text 67 48 11 2 | title 2 27 115 13 | title 2 10 115 6", "layout_seq_without_completion": "button 34 46 26 6 | button 63 46 21 7 | description 2 20 115 3 | icon 55 48 1 0 | icon 78 49 1 0 | text 39 48 15 2 | text 67 48 11 2 | title 2 27 115 13 | title 2 10 115 6", "plain_layout_seq": "button 34 46 26 6 | button 63 46 21 7 | description 2 20 115 3 | icon 55 48 1 0 | icon 78 49 1 0 | text 39 48 15 2 | text 67 48 11 2 | title 2 27 115 13 | title 2 10 115 6", "canvas_width": 1009, "canvas_height": 739, "elements": [ { "type": "title", "position": [ 20, 85, 969, 58 ], "completed": false }, { "type": "description", "position": [ 20, 169, 969, 32 ], "completed": false }, { "type": "title", "position": [ 20, 231, 969, 110 ], "completed": false }, { "type": "button", "position": [ 294, 387, 222, 57 ], "completed": false }, { "type": "button", "position": [ 531, 387, 184, 59 ], "completed": false }, { "type": "text", "position": [ 333, 404, 130, 21 ], "completed": true }, { "type": "text", "position": [ 569, 406, 94, 21 ], "completed": true }, { "type": "icon", "position": [ 463, 412, 14, 8 ], "completed": true }, { "type": "icon", "position": [ 663, 414, 14, 8 ], "completed": true } ] }, { "text": "#A page introducing the news on Forbes. # The page should have a logo of Forbes, one title to show the new launches, and a link for users to click to learn more.", "region_id": "1336", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 4 33 110 3 | logo 4 4 7 5 | title 4 14 110 3", "layout_seq_without_completion": "link 4 33 110 3 | logo 4 4 7 5 | title 4 14 110 3", "plain_layout_seq": "link 4 33 110 3 | logo 4 4 7 5 | title 4 14 110 3", "canvas_width": 896, "canvas_height": 310, "elements": [ { "type": "logo", "position": [ 35, 35, 57, 40 ], "completed": false }, { "type": "title", "position": [ 35, 111, 826, 29 ], "completed": false }, { "type": "link", "position": [ 35, 249, 826, 26 ], "completed": false } ] }, { "text": "#A page introducing the news on Forbes. # The page should have a small image to show the logo of Forbes, one text box to show the new launches, and a button for users to click to learn more.", "region_id": "1336_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:size'small'] ] [el:text] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | logo undefined small | text undefined undefined", "layout_seq_with_completion": "button 4 33 110 3 | logo 4 4 7 5 | text 4 14 110 3", "layout_seq_without_completion": "button 4 33 110 3 | logo 4 4 7 5 | text 4 14 110 3", "plain_layout_seq": "button 4 33 110 3 | logo 4 4 7 5 | text 4 14 110 3", "canvas_width": 896, "canvas_height": 310, "elements": [ { "type": "logo", "position": [ 35, 35, 57, 40 ], "completed": false }, { "type": "text", "position": [ 35, 111, 826, 29 ], "completed": false }, { "type": "button", "position": [ 35, 249, 826, 26 ], "completed": false } ] }, { "text": "#A page for users to buy a service.# The page comprises a title \"Service\", a title \"Price $\", the price \"$120\", and a button \"Add to cart\".", "region_id": "5602", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'service'] ] [el:title [attr:value 'price $'] ] [el:text [attr:value '$120'] ] [el:button [attr:value 'add to cart'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 91 3 26 6 | text 61 3 26 6 | title 1 0 6 1 | title 61 0 6 1", "layout_seq_without_completion": "button 91 3 26 6 | text 61 3 26 6 | title 1 0 6 1 | title 61 0 6 1", "plain_layout_seq": "button 91 3 26 6 | text 61 3 26 6 | title 1 0 6 1 | title 61 0 6 1", "canvas_width": 964, "canvas_height": 80, "elements": [ { "type": "title", "position": [ 15, 8, 55, 16 ], "completed": false }, { "type": "title", "position": [ 497, 8, 52, 16 ], "completed": false }, { "type": "text", "position": [ 497, 30, 211, 50 ], "completed": false }, { "type": "button", "position": [ 738, 30, 211, 50 ], "completed": false } ] }, { "text": "#A page introducing a program envisaged by a company. # The page should have a background image, a title, and a short introduction to let users know more about the program and cooperate with the company. And two buttons are needed for users to watch its brand video and discover more.", "region_id": "126", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'watch the brand video'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "layout_seq_without_completion": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "plain_layout_seq": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "canvas_width": 1024, "canvas_height": 433, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 427 ], "completed": false }, { "type": "title", "position": [ 32, 40, 464, 97 ], "completed": false }, { "type": "description", "position": [ 32, 161, 464, 144 ], "completed": false }, { "type": "button", "position": [ 32, 385, 200, 48 ], "completed": false }, { "type": "button", "position": [ 248, 385, 200, 48 ], "completed": false } ] }, { "text": "#A page introducing a program envisaged by a company. # The page should have a big background image, a title, and a short introduction to let users know more about the program and cooperate with the company. And two buttons are needed for users to watch its brand video and discover more.", "region_id": "126_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'watch the brand video'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "layout_seq_without_completion": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "plain_layout_seq": "background 0 0 120 50 | button 3 45 23 5 | button 29 45 23 5 | description 3 18 54 16 | title 3 4 54 11", "canvas_width": 1024, "canvas_height": 433, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 427 ], "completed": false }, { "type": "title", "position": [ 32, 40, 464, 97 ], "completed": false }, { "type": "description", "position": [ 32, 161, 464, 144 ], "completed": false }, { "type": "button", "position": [ 32, 385, 200, 48 ], "completed": false }, { "type": "button", "position": [ 248, 385, 200, 48 ], "completed": false } ] }, { "text": "#A page for users to order online.# There should be one image as an extra layout and one image showing the item. Two text boxes show the title and below is one text box showing the hint and one input box with two icons for the users to input their location.", "region_id": "190", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat'2'] ] [el:title] [el:text] [el:icon [attr:repeat '2'] ] [el:input [attr:value'input your location'] ] ]", "execution": "singleinfo : icon undefined undefined | icon undefined undefined | image undefined undefined | image undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 59 | icon 28 30 1 2 | icon 88 29 3 3 | complete image 26 29 66 4 | image 103 8 16 16 | image 25 24 68 11 | input 31 30 56 1 | text 25 17 68 4 | title 25 13 32 4 | complete title 26 25 66 2", "layout_seq_without_completion": "background 0 0 120 59 | icon 28 30 1 2 | icon 88 29 3 3 | image 26 29 66 4 | image 103 8 16 16 | image 25 24 68 11 | input 31 30 56 1 | text 25 17 68 4 | title 25 13 32 4 | title 26 25 66 2", "plain_layout_seq": "background 0 0 120 59 | icon 28 30 1 2 | icon 88 29 3 3 | image 26 29 66 4 | image 103 8 16 16 | image 25 24 68 11 | input 31 30 56 1 | text 25 17 68 4 | title 25 13 32 4 | title 26 25 66 2", "canvas_width": 1024, "canvas_height": 507, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 507 ], "completed": true }, { "type": "image", "position": [ 884, 70, 140, 140 ], "completed": false }, { "type": "title", "position": [ 218, 117, 278, 36 ], "completed": false }, { "type": "text", "position": [ 218, 150, 588, 40 ], "completed": false }, { "type": "image", "position": [ 218, 206, 588, 101 ], "completed": false }, { "type": "title", "position": [ 230, 218, 564, 25 ], "completed": true }, { "type": "image", "position": [ 230, 251, 564, 40 ], "completed": true }, { "type": "icon", "position": [ 753, 255, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 243, 260, 16, 22 ], "completed": false }, { "type": "input", "position": [ 267, 263, 486, 16 ], "completed": false } ] }, { "text": "#A page is a recruiting AD for Australia's sporting organizations.#There should be one lifeful background picture, and one small text. Under it, there should be one button for users to click to know more detailed information.", "region_id": "2572", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:size 'small'] ] [el:button [attr:value 'get playHQ today']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined small", "layout_seq_with_completion": "button 1 41 23 5 | complete icon 20 43 1 1 | complete text 4 43 14 2 | text 1 20 63 17", "layout_seq_without_completion": "button 1 41 23 5 | icon 20 43 1 1 | text 4 43 14 2 | text 1 20 63 17", "plain_layout_seq": "button 1 41 23 5 | icon 20 43 1 1 | text 4 43 14 2 | text 1 20 63 17", "canvas_width": 1024, "canvas_height": 583, "elements": [ { "type": "text", "position": [ 16, 176, 546, 149 ], "completed": false }, { "type": "button", "position": [ 16, 357, 200, 49 ], "completed": false }, { "type": "text", "position": [ 40, 371, 120, 19 ], "completed": true }, { "type": "icon", "position": [ 176, 375, 16, 16 ], "completed": true } ] }, { "text": "# A page to introduce Inside Energy. # On the page, there should include a title and a text box with a brief introduction to the Inside Energy. A text button is necessary for the user to read stories in Inside Energy by clicking it. There should be an image about the topic.", "region_id": "2158", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read stories'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 20 52 8 | description 3 10 52 7 | image 60 0 59 33 | title 3 4 52 4", "layout_seq_without_completion": "button 3 20 52 8 | description 3 10 52 7 | image 60 0 59 33 | title 3 4 52 4", "plain_layout_seq": "button 3 20 52 8 | description 3 10 52 7 | image 60 0 59 33 | title 3 4 52 4", "canvas_width": 1003, "canvas_height": 282, "elements": [ { "type": "image", "position": [ 502, 0, 501, 282 ], "completed": false }, { "type": "title", "position": [ 30, 39, 442, 39 ], "completed": false }, { "type": "description", "position": [ 30, 88, 442, 63 ], "completed": false }, { "type": "button", "position": [ 30, 171, 442, 72 ], "completed": false } ] }, { "text": "# A page for the user to contact a company.# The page should have a small image, the title \"Send e-mail\", an email address, and a button \"CONTACT FORM\" for the user to click to contact the company.", "region_id": "5521", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'small'] ] [el:title [attr:value 'send e-mail'] ] [el:text] [el:button [attr:value 'CONTACT FORM'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 54 5 23 4 | image 2 5 4 4 | text 9 7 25 2 | title 9 5 25 2", "layout_seq_without_completion": "button 54 5 23 4 | image 2 5 4 4 | text 9 7 25 2 | title 9 5 25 2", "plain_layout_seq": "button 54 5 23 4 | image 2 5 4 4 | text 9 7 25 2 | title 9 5 25 2", "canvas_width": 866, "canvas_height": 112, "elements": [ { "type": "image", "position": [ 15, 37, 32, 35 ], "completed": false }, { "type": "title", "position": [ 66, 37, 184, 15 ], "completed": false }, { "type": "button", "position": [ 390, 43, 172, 31 ], "completed": false }, { "type": "text", "position": [ 66, 52, 184, 19 ], "completed": false } ] }, { "text": "#A page for showing the members page.# The page should have a title, and 3 buttons for users to click to check the account, register, or log in.", "region_id": "3044", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'account'] ] [el:button [attr:value 'register'] ][el:button [attr:value 'log in'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 0 0 120 3 | \" [ button 56 5 6 2 ] | [ button 56 9 6 2 ] | [ button 57 13 4 2 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ button 56 5 6 2 ] | [ button 56 9 6 2 ] | [ button 57 13 4 2 ] \"", "plain_layout_seq": "button 56 5 6 2 | button 56 9 6 2 | button 57 13 4 2 | title 0 0 120 3", "canvas_width": 1014, "canvas_height": 134, "elements": [ { "type": "title", "position": [ 0, 0, 1014, 28 ], "completed": false }, { "type": "button", "position": [ 477, 44, 54, 19 ], "completed": false }, { "type": "button", "position": [ 477, 77, 54, 19 ], "completed": false }, { "type": "button", "position": [ 487, 110, 34, 19 ], "completed": false } ] }, { "text": "#A page introducing TV plays. # The page should include one title and one introduction of the place the TV play can be seen, such as Apple TV, Smart TVs, and so on. In addition, one image is needed to show the cover of many TV plays and movies.", "region_id": "1787", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 22 54 10 | complete image 64 3 52 39 | image 71 10 38 21 | title 5 14 54 6", "layout_seq_without_completion": "description 5 22 54 10 | image 64 3 52 39 | image 71 10 38 21 | title 5 14 54 6", "plain_layout_seq": "description 5 22 54 10 | image 64 3 52 39 | image 71 10 38 21 | title 5 14 54 6", "canvas_width": 1024, "canvas_height": 423, "elements": [ { "type": "image", "position": [ 554, 27, 447, 335 ], "completed": true }, { "type": "image", "position": [ 614, 92, 326, 183 ], "completed": false }, { "type": "title", "position": [ 45, 121, 461, 55 ], "completed": false }, { "type": "description", "position": [ 45, 195, 461, 93 ], "completed": false } ] }, { "text": "#A page that encourages users to download Video ROI calculator.# The page contains two titles, an introduction, an image, and a button.", "region_id": "5537", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2']] [el:description] [el:image] [el:button]]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 42 | button 0 34 21 6 | description 0 23 42 8 | complete icon 1 36 3 3 | image 50 0 60 42 | complete text 6 37 13 1 | title 0 3 60 11 | title 0 14 60 5", "layout_seq_without_completion": "background 0 0 120 42 | button 0 34 21 6 | description 0 23 42 8 | icon 1 36 3 3 | image 50 0 60 42 | text 6 37 13 1 | title 0 3 60 11 | title 0 14 60 5", "plain_layout_seq": "background 0 0 120 42 | button 0 34 21 6 | description 0 23 42 8 | icon 1 36 3 3 | image 50 0 60 42 | text 6 37 13 1 | title 0 3 60 11 | title 0 14 60 5", "canvas_width": 1059, "canvas_height": 378, "elements": [ { "type": "background", "position": [ 0, 0, 1059, 378 ], "completed": true }, { "type": "image", "position": [ 446, 0, 530, 372 ], "completed": false }, { "type": "title", "position": [ 0, 31, 530, 100 ], "completed": false }, { "type": "title", "position": [ 0, 131, 530, 50 ], "completed": false }, { "type": "description", "position": [ 0, 211, 376, 72 ], "completed": false }, { "type": "button", "position": [ 0, 308, 190, 55 ], "completed": false }, { "type": "icon", "position": [ 11, 320, 30, 30 ], "completed": true }, { "type": "text", "position": [ 56, 328, 119, 15 ], "completed": true } ] }, { "text": "#A page for introducing the Outreach Sales Execution Platform to users.# The page should include one title named \"Improve Sales Execution\" and a brief description under it. Besides, a button is needed for users to click to request a demo. Two boxes show the edge of the image.", "region_id": "1893", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'improve sales execution'] [attr:position'top'] ] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | image undefined undefined | title top undefined", "layout_seq_with_completion": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "layout_seq_without_completion": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "plain_layout_seq": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 66 ], "completed": false }, { "type": "title", "position": [ 24, 144, 976, 48 ], "completed": false }, { "type": "description", "position": [ 112, 232, 800, 57 ], "completed": false }, { "type": "button", "position": [ 416, 359, 191, 48 ], "completed": false }, { "type": "image", "position": [ 0, 597, 1024, 66 ], "completed": false } ] }, { "text": "#A page for introducing the Outreach Sales Execution Platform to users.# The page should include one title named \"Improve Sales Execution\" and a brief description under it. Besides, a button is needed for users to click to request a demo. Two more images are needed.", "region_id": "1893_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'improve sales execution'] ] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "layout_seq_without_completion": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "plain_layout_seq": "button 48 42 22 5 | description 13 27 93 6 | image 0 0 120 7 | image 0 69 120 7 | title 2 16 114 5", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 66 ], "completed": false }, { "type": "title", "position": [ 24, 144, 976, 48 ], "completed": false }, { "type": "description", "position": [ 112, 232, 800, 57 ], "completed": false }, { "type": "button", "position": [ 416, 359, 191, 48 ], "completed": false }, { "type": "image", "position": [ 0, 597, 1024, 66 ], "completed": false } ] }, { "text": "#This page is an advertisement promoting the company. #This page has a title of \"Never miss your favorite moments!\", two descriptions below it, and a Signup button at the very bottom.", "region_id": "4774", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Never miss your favorite moments! '] ] [el:description[attr:repeat'2']] [el:button [attr:position 'bottom'] [attr:value 'sign up'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 41 17 5 | description 11 21 97 3 | description 11 29 97 7 | title 11 11 97 5", "layout_seq_without_completion": "button 51 41 17 5 | description 11 21 97 3 | description 11 29 97 7 | title 11 11 97 5", "plain_layout_seq": "button 51 41 17 5 | description 11 21 97 3 | description 11 29 97 7 | title 11 11 97 5", "canvas_width": 984, "canvas_height": 456, "elements": [ { "type": "title", "position": [ 92, 96, 800, 48 ], "completed": false }, { "type": "description", "position": [ 92, 176, 800, 30 ], "completed": false }, { "type": "description", "position": [ 92, 242, 800, 60 ], "completed": false }, { "type": "button", "position": [ 420, 339, 143, 46 ], "completed": false } ] }, { "text": "#A page for introducing Diversity, Equity & Inclusion to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. One image is used as an extra layout.", "region_id": "2110", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 20 30 13 3 | image 10 2 99 41 | title 20 14 48 14", "layout_seq_without_completion": "button 20 30 13 3 | image 10 2 99 41 | title 20 14 48 14", "plain_layout_seq": "button 20 30 13 3 | image 10 2 99 41 | title 20 14 48 14", "canvas_width": 1024, "canvas_height": 423, "elements": [ { "type": "image", "position": [ 89, 24, 845, 351 ], "completed": false }, { "type": "title", "position": [ 176, 121, 411, 120 ], "completed": false }, { "type": "button", "position": [ 176, 257, 119, 29 ], "completed": false } ] }, { "text": "#Page for guiding users to accept the term of service.# The page includes a description of the service term, a button named \u201cPrivacy Settings\u201d for users to click to set the privacy term, and another button for users to click to accept the term of the service.", "region_id": "7437", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:button [attr:value 'Privacy Settings'] ] [el:button [attr:value 'accept'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined", "layout_seq_with_completion": "button 2 12 19 5 | button 21 12 11 5 | description 2 5 115 6", "layout_seq_without_completion": "button 2 12 19 5 | button 21 12 11 5 | description 2 5 115 6", "plain_layout_seq": "button 2 12 19 5 | button 21 12 11 5 | description 2 5 115 6", "canvas_width": 1009, "canvas_height": 162, "elements": [ { "type": "description", "position": [ 20, 45, 969, 51 ], "completed": false }, { "type": "button", "position": [ 20, 106, 160, 45 ], "completed": false }, { "type": "button", "position": [ 184, 106, 97, 45 ], "completed": false } ] }, { "text": "# A page for marketing TPT. # The page should have a background image, a title \"EASEL BY TPT\", a description, and a button \"Start Searching\" for the user to get started.", "region_id": "4992", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'easel by tpt'] ] [el:description] [el:button [attr:value 'Start Searching'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 49 | button 5 37 21 6 | description 5 9 43 25 | title 5 5 45 2", "layout_seq_without_completion": "background 0 0 120 49 | button 5 37 21 6 | description 5 9 43 25 | title 5 5 45 2", "plain_layout_seq": "background 0 0 120 49 | button 5 37 21 6 | description 5 9 43 25 | title 5 5 45 2", "canvas_width": 896, "canvas_height": 374, "elements": [ { "type": "background", "position": [ 0, 1, 896, 373 ], "completed": false }, { "type": "title", "position": [ 41, 39, 343, 20 ], "completed": false }, { "type": "description", "position": [ 41, 69, 323, 194 ], "completed": false }, { "type": "button", "position": [ 41, 281, 164, 48 ], "completed": false } ] }, { "text": "#A page for \"getting a demo\". # There is a long title asking the user if a CDP is needed. There is another long instruction the user to talk to a CDP expert. There is a button \"Get a demo\".", "region_id": "500", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'if a cdp is needed'] ] [el:description [attr:size'large'] [attr:value'talk to a cdp expert'] ] [el:button [attr:value'get a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined large | title undefined large", "layout_seq_with_completion": "complete background 3 0 112 26 | button 49 16 20 5 | description 12 9 95 3 | title 29 3 60 3", "layout_seq_without_completion": "background 3 0 112 26 | button 49 16 20 5 | description 12 9 95 3 | title 29 3 60 3", "plain_layout_seq": "background 3 0 112 26 | button 49 16 20 5 | description 12 9 95 3 | title 29 3 60 3", "canvas_width": 1024, "canvas_height": 224, "elements": [ { "type": "background", "position": [ 32, 0, 960, 224 ], "completed": true }, { "type": "title", "position": [ 253, 32, 517, 34 ], "completed": false }, { "type": "description", "position": [ 106, 81, 812, 28 ], "completed": false }, { "type": "button", "position": [ 425, 141, 174, 50 ], "completed": false } ] }, { "text": "#A page for \"getting a demo\". # There is a long text asking the user if a CDP is needed. There is another long text instructing the user to talk to a CDP expert. There is a text button \"Get a demo\".", "region_id": "500_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'if a cdp is needed'] ] [el:text [attr:value'talk to a cdp expert'] ] [el:button [attr:value'get a demo'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 3 0 112 26 | button 49 16 20 5 | text 29 3 60 3 | text 12 9 95 3", "layout_seq_without_completion": "background 3 0 112 26 | button 49 16 20 5 | text 29 3 60 3 | text 12 9 95 3", "plain_layout_seq": "background 3 0 112 26 | button 49 16 20 5 | text 29 3 60 3 | text 12 9 95 3", "canvas_width": 1024, "canvas_height": 224, "elements": [ { "type": "background", "position": [ 32, 0, 960, 224 ], "completed": true }, { "type": "text", "position": [ 253, 32, 517, 34 ], "completed": false }, { "type": "text", "position": [ 106, 81, 812, 28 ], "completed": false }, { "type": "button", "position": [ 425, 141, 174, 50 ], "completed": false } ] }, { "text": "# A page to have a brief introduction to the Challenge Your Own Belief Course.# The page should have an image, a title, and a further introduction. Also, a link is necessary for the user to learn more info about the Challenge Your Own Belief Course.", "region_id": "6094", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:link [attr:value 'Chck here to learn more about the Challenge Your Own Belief Course'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 48 11 72 22 | image 0 6 38 20 | link 48 36 71 6 | title 48 5 72 4", "layout_seq_without_completion": "description 48 11 72 22 | image 0 6 38 20 | link 48 36 71 6 | title 48 5 72 4", "plain_layout_seq": "description 48 11 72 22 | image 0 6 38 20 | link 48 36 71 6 | title 48 5 72 4", "canvas_width": 960, "canvas_height": 364, "elements": [ { "type": "title", "position": [ 384, 41, 576, 35 ], "completed": false }, { "type": "image", "position": [ 0, 51, 307, 161 ], "completed": false }, { "type": "description", "position": [ 384, 89, 576, 182 ], "completed": false }, { "type": "link", "position": [ 384, 293, 570, 49 ], "completed": false } ] }, { "text": "#A page for guiding users to confirm some information.# The page contains a description, a link named \u201cPrivacy Policy\u201d for users to click to know details, and a button named \u201cGot it!\u201d for users to click to confirm the information.", "region_id": "6598", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'Privacy Policy'] ] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 103 1 14 3 | description 2 2 74 2 | link 76 2 9 2", "layout_seq_without_completion": "button 103 1 14 3 | description 2 2 74 2 | link 76 2 9 2", "plain_layout_seq": "button 103 1 14 3 | description 2 2 74 2 | link 76 2 9 2", "canvas_width": 1024, "canvas_height": 59, "elements": [ { "type": "button", "position": [ 881, 13, 120, 33 ], "completed": false }, { "type": "description", "position": [ 23, 20, 632, 19 ], "completed": false }, { "type": "link", "position": [ 655, 20, 84, 19 ], "completed": false } ] }, { "text": "# A page for marketing Icon Folder.# The page should have the title \"Icon Folder\", a brief introduction to Icon Folder, and an image showing the Icon folder.", "region_id": "6072", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'icon folder'] ] [el:description [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 11 115 2 | image 0 27 120 51 | title 2 0 115 9", "layout_seq_without_completion": "description 2 11 115 2 | image 0 27 120 51 | title 2 0 115 9", "plain_layout_seq": "description 2 11 115 2 | image 0 27 120 51 | title 2 0 115 9", "canvas_width": 1024, "canvas_height": 676, "elements": [ { "type": "title", "position": [ 18, 0, 988, 84 ], "completed": false }, { "type": "description", "position": [ 18, 94, 988, 22 ], "completed": false }, { "type": "image", "position": [ 0, 237, 1024, 439 ], "completed": false } ] }, { "text": "# A page to introduce the leadership team of a company. # On the page, there should have a title and a text box with a short description. And then a text link is needed for the user to see more corporate information.", "region_id": "2289", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'see more corporate information'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 22 9 74 5 | link 48 17 12 1 | link 60 17 11 1 | title 22 3 74 3", "layout_seq_without_completion": "description 22 9 74 5 | link 48 17 12 1 | link 60 17 11 1 | title 22 3 74 3", "plain_layout_seq": "description 22 9 74 5 | link 48 17 12 1 | link 60 17 11 1 | title 22 3 74 3", "canvas_width": 1024, "canvas_height": 198, "elements": [ { "type": "title", "position": [ 196, 30, 633, 31 ], "completed": false }, { "type": "description", "position": [ 196, 79, 633, 46 ], "completed": false }, { "type": "link", "position": [ 410, 149, 106, 15 ], "completed": false }, { "type": "link", "position": [ 515, 149, 99, 15 ], "completed": false } ] }, { "text": "# A page to introduce an online store Prismhype to attract the user to shop in it. # The page should have a slogan followed by a long description to have an introduction to the store such as the passion and aims. Then, a button \"Shop all\" is needed for the user to click to purchase the product.", "region_id": "8264", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'large'] ] [el:button [attr:value 'shop all'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined large | title undefined undefined", "layout_seq_with_completion": "button 52 38 14 5 | description 14 10 91 24 | title 14 4 91 3", "layout_seq_without_completion": "button 52 38 14 5 | description 14 10 91 24 | title 14 4 91 3", "plain_layout_seq": "button 52 38 14 5 | description 14 10 91 24 | title 14 4 91 3", "canvas_width": 1024, "canvas_height": 373, "elements": [ { "type": "title", "position": [ 122, 39, 780, 32 ], "completed": false }, { "type": "description", "position": [ 122, 92, 780, 205 ], "completed": false }, { "type": "button", "position": [ 451, 326, 122, 47 ], "completed": false } ] }, { "text": "#A page for users to search things.#The page should have an input box \"enhanced by Google\" and a button \"search\".", "region_id": "4082", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input [attr:value 'enhanced by google'] ] [el:button [attr:value 'search'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined", "layout_seq_with_completion": "button 37 4 6 2 | complete image 36 0 46 7 | input 37 1 44 2", "layout_seq_without_completion": "button 37 4 6 2 | image 36 0 46 7 | input 37 1 44 2", "plain_layout_seq": "button 37 4 6 2 | image 36 0 46 7 | input 37 1 44 2", "canvas_width": 1008, "canvas_height": 72, "elements": [ { "type": "image", "position": [ 308, 5, 393, 62 ], "completed": true }, { "type": "input", "position": [ 318, 15, 373, 21 ], "completed": false }, { "type": "button", "position": [ 318, 36, 58, 21 ], "completed": false } ] }, { "text": "#The page shows some food for the user to select by market sector.# There is one title named\"FIND BY MARKET SECTOR\", and one list, which includes eleven options for the user to choose, one picture, and one button for the user to click on to find the food.", "region_id": "5041", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'find by market sector'] ] [el:text[attr:repeat'11']][el:image] [el:button [attr:value 'find'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 28 64 10 4 | complete icon 4 22 1 1 | complete icon 4 32 1 1 | complete icon 4 37 1 1 | complete icon 4 46 1 1 | complete icon 4 56 1 1 | complete icon 4 12 1 1 | complete icon 4 17 1 1 | complete icon 4 27 1 1 | complete icon 4 41 1 1 | complete icon 4 51 1 1 | complete icon 4 61 1 1 | image 42 11 72 41 | text 6 22 4 2 | text 6 12 4 2 | text 6 56 18 2 | text 6 27 3 2 | text 6 31 12 2 | text 6 36 18 2 | text 6 41 14 2 | text 6 46 8 2 | text 6 17 8 2 | text 6 51 20 2 | text 6 60 25 2 | title 4 7 110 3", "layout_seq_without_completion": "button 28 64 10 4 | icon 4 22 1 1 | icon 4 32 1 1 | icon 4 37 1 1 | icon 4 46 1 1 | icon 4 56 1 1 | icon 4 12 1 1 | icon 4 17 1 1 | icon 4 27 1 1 | icon 4 41 1 1 | icon 4 51 1 1 | icon 4 61 1 1 | image 42 11 72 41 | text 6 22 4 2 | text 6 12 4 2 | text 6 56 18 2 | text 6 27 3 2 | text 6 31 12 2 | text 6 36 18 2 | text 6 41 14 2 | text 6 46 8 2 | text 6 17 8 2 | text 6 51 20 2 | text 6 60 25 2 | title 4 7 110 3", "plain_layout_seq": "button 28 64 10 4 | icon 4 22 1 1 | icon 4 32 1 1 | icon 4 37 1 1 | icon 4 46 1 1 | icon 4 56 1 1 | icon 4 12 1 1 | icon 4 17 1 1 | icon 4 27 1 1 | icon 4 41 1 1 | icon 4 51 1 1 | icon 4 61 1 1 | image 42 11 72 41 | text 6 22 4 2 | text 6 12 4 2 | text 6 56 18 2 | text 6 27 3 2 | text 6 31 12 2 | text 6 36 18 2 | text 6 41 14 2 | text 6 46 8 2 | text 6 17 8 2 | text 6 51 20 2 | text 6 60 25 2 | title 4 7 110 3", "canvas_width": 1024, "canvas_height": 649, "elements": [ { "type": "title", "position": [ 40, 60, 944, 26 ], "completed": false }, { "type": "image", "position": [ 365, 96, 619, 358 ], "completed": false }, { "type": "text", "position": [ 58, 106, 40, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 109, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 148, 72, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 151, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 189, 39, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 192, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 231, 31, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 234, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 272, 110, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 275, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 313, 160, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 316, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 355, 122, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 358, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 396, 69, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 399, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 438, 173, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 441, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 479, 155, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 482, 13, 13 ], "completed": true }, { "type": "text", "position": [ 58, 520, 216, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 523, 13, 13 ], "completed": true }, { "type": "button", "position": [ 246, 551, 89, 38 ], "completed": false } ] }, { "text": "#A page for showing a piece of news about the Apple Watch.# The page should have a title, a short slogan of the Apple Watch, two texts to show the publish time and author, and a related image.", "region_id": "5013", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:size 'small'] ] [el:text [attr:repeat '2']] [el:image] ]", "execution": "singleinfo : image undefined undefined | text undefined small | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 81 0 26 15 | text 11 7 8 2 | text 0 7 7 2 | text 9 7 2 2 | text 0 3 79 2 | title 0 0 79 3", "layout_seq_without_completion": "image 81 0 26 15 | text 11 7 8 2 | text 0 7 7 2 | text 9 7 2 2 | text 0 3 79 2 | title 0 0 79 3", "plain_layout_seq": "image 81 0 26 15 | text 11 7 8 2 | text 0 7 7 2 | text 9 7 2 2 | text 0 3 79 2 | title 0 0 79 3", "canvas_width": 992, "canvas_height": 134, "elements": [ { "type": "title", "position": [ 0, 0, 660, 28 ], "completed": false }, { "type": "image", "position": [ 677, 1, 218, 132 ], "completed": false }, { "type": "text", "position": [ 0, 28, 660, 24 ], "completed": false }, { "type": "text", "position": [ 0, 64, 66, 18 ], "completed": false }, { "type": "text", "position": [ 82, 64, 17, 17 ], "completed": false }, { "type": "text", "position": [ 98, 64, 67, 17 ], "completed": false } ] }, { "text": "#A page that lets users know company information and facilitates their login.#This page has a title and description of \"Best and Cheapest SMM Panel Services For Resellers.\"On the right side of the page, there are input boxes for Username and Password, as well as a Sign in button, which is convenient for users to log in.", "region_id": "5588", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:value 'Best and Cheapest SMM Panel Services For Resellers.']] [el:input [attr:repeat '2'] [attr:position 'right'] [attr:value 'username,psaaword'] ] [el:button [attr:value 'sign in'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | description undefined undefined | input right undefined | input right undefined | title undefined undefined", "layout_seq_with_completion": "button 74 34 38 5 | description 4 25 63 34 | complete image 71 7 44 39 | input 74 22 38 5 | input 74 12 38 5 | complete link 97 24 13 2 | complete link 99 41 6 2 | complete text 74 9 8 2 | complete text 74 19 7 2 | complete text 77 30 12 2 | complete text 74 30 1 1 | complete text 80 41 19 2 | title 4 7 63 17", "layout_seq_without_completion": "button 74 34 38 5 | description 4 25 63 34 | image 71 7 44 39 | input 74 22 38 5 | input 74 12 38 5 | link 97 24 13 2 | link 99 41 6 2 | text 74 9 8 2 | text 74 19 7 2 | text 77 30 12 2 | text 74 30 1 1 | text 80 41 19 2 | title 4 7 63 17", "plain_layout_seq": "button 74 34 38 5 | description 4 25 63 34 | image 71 7 44 39 | input 74 22 38 5 | input 74 12 38 5 | link 97 24 13 2 | link 99 41 6 2 | text 74 9 8 2 | text 74 19 7 2 | text 77 30 12 2 | text 74 30 1 1 | text 80 41 19 2 | title 4 7 63 17", "canvas_width": 1009, "canvas_height": 560, "elements": [ { "type": "title", "position": [ 40, 59, 530, 151 ], "completed": false }, { "type": "image", "position": [ 599, 59, 370, 333 ], "completed": true }, { "type": "text", "position": [ 623, 83, 71, 21 ], "completed": true }, { "type": "input", "position": [ 623, 108, 322, 48 ], "completed": false }, { "type": "text", "position": [ 623, 168, 67, 21 ], "completed": true }, { "type": "input", "position": [ 623, 193, 322, 48 ], "completed": false }, { "type": "link", "position": [ 816, 206, 117, 21 ], "completed": true }, { "type": "description", "position": [ 40, 217, 530, 294 ], "completed": false }, { "type": "text", "position": [ 651, 253, 102, 21 ], "completed": true }, { "type": "text", "position": [ 623, 256, 16, 16 ], "completed": true }, { "type": "button", "position": [ 623, 290, 322, 45 ], "completed": false }, { "type": "text", "position": [ 674, 347, 164, 21 ], "completed": true }, { "type": "link", "position": [ 838, 347, 57, 21 ], "completed": true } ] }, { "text": "#A page for introducing one digital insurance.# There should be one title\"digital insurance\" and one slogan. One button is used for users to discover.", "region_id": "2257", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'digital insurance'] ] [el:title] [el:button [attr:value'discover'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 0 3 120 4 ] | [ title 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "layout_seq_without_completion": "\" [ title 0 3 120 4 ] | [ title 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "plain_layout_seq": "button 56 22 7 2 | title 0 3 120 4 | title 0 12 120 3", "canvas_width": 964, "canvas_height": 244, "elements": [ { "type": "title", "position": [ 0, 30, 964, 38 ], "completed": false }, { "type": "title", "position": [ 0, 98, 964, 27 ], "completed": false }, { "type": "button", "position": [ 451, 177, 62, 20 ], "completed": false } ] }, { "text": "#A page for introducing one digital insurance.# There should be two text boxes, one for the title and the other for the slogan. One text button is used for users to learn more infor.", "region_id": "2257_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 0 3 120 4 ] | [ title 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "layout_seq_without_completion": "\" [ title 0 3 120 4 ] | [ title 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "plain_layout_seq": "button 56 22 7 2 | title 0 3 120 4 | title 0 12 120 3", "canvas_width": 964, "canvas_height": 244, "elements": [ { "type": "title", "position": [ 0, 30, 964, 38 ], "completed": false }, { "type": "title", "position": [ 0, 98, 964, 27 ], "completed": false }, { "type": "button", "position": [ 451, 177, 62, 20 ], "completed": false } ] }, { "text": "#A page for introducing the blog content to users.# The page should include a label\" From The Blog\", one background image, one title, and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "199", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'from the blog'] ] [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 75 | button 22 51 12 3 | description 22 42 49 8 | complete icon 35 51 2 2 | complete icon 101 40 3 3 | title 22 29 49 2 | title 22 32 49 8", "layout_seq_without_completion": "background 0 0 120 75 | button 22 51 12 3 | description 22 42 49 8 | icon 35 51 2 2 | icon 101 40 3 3 | title 22 29 49 2 | title 22 32 49 8", "plain_layout_seq": "background 0 0 120 75 | button 22 51 12 3 | description 22 42 49 8 | icon 35 51 2 2 | icon 101 40 3 3 | title 22 29 49 2 | title 22 32 49 8", "canvas_width": 1024, "canvas_height": 720, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 644 ], "completed": false }, { "type": "title", "position": [ 192, 252, 424, 20 ], "completed": false }, { "type": "title", "position": [ 192, 280, 424, 72 ], "completed": false }, { "type": "icon", "position": [ 864, 344, 32, 32 ], "completed": true }, { "type": "description", "position": [ 192, 360, 424, 72 ], "completed": false }, { "type": "button", "position": [ 192, 440, 105, 26 ], "completed": false }, { "type": "icon", "position": [ 301, 443, 20, 20 ], "completed": true } ] }, { "text": "#A page for showing the Hebridean seaweed.#The page should have one title and a link for users to jump to a specified page to discover the fragrance.", "region_id": "6570", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value 'discover the fragrance'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 54 | link 77 34 32 4 | title 57 14 52 16", "layout_seq_without_completion": "background 0 0 120 54 | link 77 34 32 4 | title 57 14 52 16", "plain_layout_seq": "background 0 0 120 54 | link 77 34 32 4 | title 57 14 52 16", "canvas_width": 1024, "canvas_height": 461, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 461 ], "completed": true }, { "type": "title", "position": [ 492, 122, 452, 138 ], "completed": false }, { "type": "link", "position": [ 664, 292, 280, 42 ], "completed": false } ] }, { "text": "#A page for users to buy one festival ticket.# There should be two text boxes, one for the title\"Get Festival Ready\" and the other for the detail. Users can choose to shop now or see the guide by clicking two buttons.", "region_id": "1366", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'get festival ready'] ] [el:description] [el:button [attr:value'shop now'] ] [el:button [attr:value'see the guide'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "layout_seq_without_completion": "background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "plain_layout_seq": "background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "canvas_width": 1024, "canvas_height": 458, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 458 ], "completed": true }, { "type": "title", "position": [ 350, 155, 324, 135 ], "completed": false }, { "type": "description", "position": [ 350, 310, 324, 18 ], "completed": false }, { "type": "button", "position": [ 350, 353, 139, 45 ], "completed": false }, { "type": "button", "position": [ 509, 353, 165, 45 ], "completed": false } ] }, { "text": "#A page for users to buy one festival ticket.# There should be two text boxes, one for the title and the other for the detail. Users can choose to shop now or see the guide by clicking two text buttons.", "region_id": "1366_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'shop now'] ] [el:button [attr:value'see the guide'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "layout_seq_without_completion": "background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "plain_layout_seq": "background 0 0 120 53 | button 59 41 19 5 | button 41 41 16 5 | description 41 36 37 2 | title 41 18 37 15", "canvas_width": 1024, "canvas_height": 458, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 458 ], "completed": true }, { "type": "title", "position": [ 350, 155, 324, 135 ], "completed": false }, { "type": "description", "position": [ 350, 310, 324, 18 ], "completed": false }, { "type": "button", "position": [ 350, 353, 139, 45 ], "completed": false }, { "type": "button", "position": [ 509, 353, 165, 45 ], "completed": false } ] }, { "text": "#A page advertising \"GLOBAL SALES ENABLEMENT LEADER\".# On the left, there should be a title, followed by a description, highlighting the advantages of the enablement. It is better to have a link so that users can learn more. There should be an image on the right.", "region_id": "438", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:position'left'] ] [el:link [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description left undefined | image right undefined | link undefined undefined | title left undefined", "layout_seq_with_completion": "description 2 11 57 31 | image 60 15 56 31 | link 2 48 18 5 | title 2 7 56 2", "layout_seq_without_completion": "description 2 11 57 31 | image 60 15 56 31 | link 2 48 18 5 | title 2 7 56 2", "plain_layout_seq": "description 2 11 57 31 | image 60 15 56 31 | link 2 48 18 5 | title 2 7 56 2", "canvas_width": 1024, "canvas_height": 469, "elements": [ { "type": "title", "position": [ 24, 64, 486, 18 ], "completed": false }, { "type": "description", "position": [ 24, 98, 490, 272 ], "completed": false }, { "type": "image", "position": [ 514, 132, 482, 270 ], "completed": false }, { "type": "link", "position": [ 24, 418, 155, 51 ], "completed": false } ] }, { "text": "#A page advertising \"GLOBAL SALES ENABLEMENT LEADER\".# There should be a title, followed by a descriptive text box, highlighting the advantages of the enablement. It is better to have a link so that users can get detailed information. There should be a corresponding, attractive image.", "region_id": "438_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 7 56 2 | image 60 15 56 31 | link 2 48 18 5 | title 2 11 57 31", "layout_seq_without_completion": "description 2 7 56 2 | image 60 15 56 31 | link 2 48 18 5 | title 2 11 57 31", "plain_layout_seq": "description 2 7 56 2 | image 60 15 56 31 | link 2 48 18 5 | title 2 11 57 31", "canvas_width": 1024, "canvas_height": 469, "elements": [ { "type": "description", "position": [ 24, 64, 486, 18 ], "completed": false }, { "type": "title", "position": [ 24, 98, 490, 272 ], "completed": false }, { "type": "image", "position": [ 514, 132, 482, 270 ], "completed": false }, { "type": "link", "position": [ 24, 418, 155, 51 ], "completed": false } ] }, { "text": "#A page introducing a resource center. # The page should have a title on the left and a short introduction to show the info of a resource paper, and a link is needed for users to click to explore the resource center.", "region_id": "1791", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:size'small'] ] [el:link [attr:value'explore the resource center'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title left undefined", "layout_seq_with_completion": "description 41 0 66 13 | link 41 14 30 2 | title 1 0 26 22", "layout_seq_without_completion": "description 41 0 66 13 | link 41 14 30 2 | title 1 0 26 22", "plain_layout_seq": "description 41 0 66 13 | link 41 14 30 2 | title 1 0 26 22", "canvas_width": 960, "canvas_height": 216, "elements": [ { "type": "title", "position": [ 15, 0, 210, 176 ], "completed": false }, { "type": "description", "position": [ 335, 0, 530, 111 ], "completed": false }, { "type": "link", "position": [ 335, 114, 247, 19 ], "completed": false } ] }, { "text": "#A page introducing a resource center. # The page should have a title and a short introduction to show the info of a resource paper, and a button is needed for users to click to explore the resource center.", "region_id": "1791_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore the resource center'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 41 14 30 2 | description 41 0 66 13 | title 1 0 26 22", "layout_seq_without_completion": "button 41 14 30 2 | description 41 0 66 13 | title 1 0 26 22", "plain_layout_seq": "button 41 14 30 2 | description 41 0 66 13 | title 1 0 26 22", "canvas_width": 960, "canvas_height": 216, "elements": [ { "type": "title", "position": [ 15, 0, 210, 176 ], "completed": false }, { "type": "description", "position": [ 335, 0, 530, 111 ], "completed": false }, { "type": "button", "position": [ 335, 114, 247, 19 ], "completed": false } ] }, { "text": "#A page for users to sign up for the newsletter.#The page should have a title and a description under it. There is an input box for users to import the email, and a button \"subscribe\" next to it. on the rightmost of the page, there are three icons for users to get more information.", "region_id": "5723", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description] [el:input [attr:value 'john@email.com'] ] [el:button [attr:value 'subscribe'] ] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | icon right undefined | icon right undefined | icon right undefined | input undefined undefined | title top undefined", "layout_seq_with_completion": "button 72 4 15 6 | description 1 7 36 6 | input 41 4 31 6 | title 1 0 36 5 | \" [ icon 96 4 6 6 ] | [ icon 104 4 6 6 ] | [ icon 111 4 6 6 ] \"", "layout_seq_without_completion": "button 72 4 15 6 | description 1 7 36 6 | input 41 4 31 6 | title 1 0 36 5 | \" [ icon 96 4 6 6 ] | [ icon 104 4 6 6 ] | [ icon 111 4 6 6 ] \"", "plain_layout_seq": "button 72 4 15 6 | description 1 7 36 6 | icon 96 4 6 6 | icon 104 4 6 6 | icon 111 4 6 6 | input 41 4 31 6 | title 1 0 36 5", "canvas_width": 960, "canvas_height": 129, "elements": [ { "type": "title", "position": [ 15, 1, 290, 45 ], "completed": false }, { "type": "input", "position": [ 335, 39, 249, 51 ], "completed": false }, { "type": "button", "position": [ 583, 39, 122, 51 ], "completed": false }, { "type": "icon", "position": [ 775, 39, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 833, 39, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 891, 39, 50, 50 ], "completed": false }, { "type": "description", "position": [ 15, 62, 290, 50 ], "completed": false } ] }, { "text": "#A page notifies users of new releases and guides them to purchase them.#The page should include one text heading, one description to stimulate users' desire to buy, one button for users to click for buy now, and a picture of this book.", "region_id": "6984", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'buy now'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 44 12 5 | description 3 36 52 6 | image 60 0 56 79 | title 3 30 52 4", "layout_seq_without_completion": "button 3 44 12 5 | description 3 36 52 6 | image 60 0 56 79 | title 3 30 52 4", "plain_layout_seq": "button 3 44 12 5 | description 3 36 52 6 | image 60 0 56 79 | title 3 30 52 4", "canvas_width": 1024, "canvas_height": 680, "elements": [ { "type": "image", "position": [ 512, 0, 482, 679 ], "completed": false }, { "type": "title", "position": [ 30, 256, 447, 41 ], "completed": false }, { "type": "description", "position": [ 30, 311, 447, 53 ], "completed": false }, { "type": "button", "position": [ 30, 379, 108, 44 ], "completed": false } ] }, { "text": "#A page to introduce The Great Grain Rally.# There should be one title 'The Great Grain Rally' and a description of the rally. A 'LEARN MORE' button is required to click for learning more information. An image about the grain rally is needed for the beauty.", "region_id": "2239", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the great grain rally'] ] [el:description] [el:button [attr:value'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 21 29 16 4 | description 7 16 45 11 | image 60 0 59 45 | title 7 11 45 3", "layout_seq_without_completion": "button 21 29 16 4 | description 7 16 45 11 | image 60 0 59 45 | title 7 11 45 3", "plain_layout_seq": "button 21 29 16 4 | description 7 16 45 11 | image 60 0 59 45 | title 7 11 45 3", "canvas_width": 1003, "canvas_height": 380, "elements": [ { "type": "image", "position": [ 502, 0, 501, 380 ], "completed": false }, { "type": "title", "position": [ 60, 94, 382, 33 ], "completed": false }, { "type": "description", "position": [ 60, 135, 382, 96 ], "completed": false }, { "type": "button", "position": [ 182, 247, 137, 37 ], "completed": false } ] }, { "text": "#A page showing information about a store.# The page contains a background image and an information set. The group includes a title \"STORE INFORMATION\", a paragraph showing the address, telephone and opening hours of the store, and a link with an icon for users to view the store on the map.", "region_id": "6481", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'store information'] ] [el:description] [el:link [attr:value 'view on map']] [el:icon] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 6 120 89 | description 10 22 27 57 | icon 17 83 2 1 | link 16 82 16 3 | complete text 20 83 10 1 | title 10 16 27 3", "layout_seq_without_completion": "background 0 6 120 89 | description 10 22 27 57 | icon 17 83 2 1 | link 16 82 16 3 | text 20 83 10 1 | title 10 16 27 3", "plain_layout_seq": "background 0 6 120 89 | description 10 22 27 57 | icon 17 83 2 1 | link 16 82 16 3 | text 20 83 10 1 | title 10 16 27 3", "canvas_width": 1024, "canvas_height": 821, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 766 ], "completed": false }, { "type": "title", "position": [ 90, 145, 232, 26 ], "completed": false }, { "type": "description", "position": [ 90, 189, 232, 491 ], "completed": false }, { "type": "link", "position": [ 137, 700, 138, 31 ], "completed": false }, { "type": "text", "position": [ 172, 709, 92, 14 ], "completed": true }, { "type": "icon", "position": [ 148, 710, 20, 12 ], "completed": false } ] }, { "text": "# A page for advertising stem tees.# The page should have the title \"EMPOWERMENT APPAREL\", a sentence, and a button that is used to click to shop stem tees.", "region_id": "7394", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'empowerment apparel'] ] [el:description] [el:button [attr:value 'shop stem tees'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 20 23 6 | description 5 8 109 7 | title 5 0 109 6", "layout_seq_without_completion": "button 5 20 23 6 | description 5 8 109 7 | title 5 0 109 6", "plain_layout_seq": "button 5 20 23 6 | description 5 8 109 7 | title 5 0 109 6", "canvas_width": 909, "canvas_height": 203, "elements": [ { "type": "title", "position": [ 40, 0, 828, 53 ], "completed": false }, { "type": "description", "position": [ 40, 65, 828, 59 ], "completed": false }, { "type": "button", "position": [ 40, 152, 176, 51 ], "completed": false } ] }, { "text": "# A page for marketing a company. # On the page, there should be a slogan and a text box showing the mission of the company. A text button \"About Us\" is necessary for the user to click for more info.", "region_id": "1197", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'about us'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 41 7 2 | description 8 23 58 15 | title 8 8 58 11", "layout_seq_without_completion": "button 8 41 7 2 | description 8 23 58 15 | title 8 8 58 11", "plain_layout_seq": "button 8 41 7 2 | description 8 23 58 15 | title 8 8 58 11", "canvas_width": 1024, "canvas_height": 442, "elements": [ { "type": "title", "position": [ 72, 72, 500, 100 ], "completed": false }, { "type": "description", "position": [ 72, 204, 500, 130 ], "completed": false }, { "type": "button", "position": [ 72, 350, 61, 20 ], "completed": false } ] }, { "text": "#A page introducing custom leases.# The page should include an image, a label, and the title \"Custom Leases\". In addition, there should also be three texts and a button for users to learn more.", "region_id": "5231", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:title [attr:value 'custom leases'] ] [el:text [attr:repeat '3'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 71 38 39 5 | image 1 23 16 2 | text 75 12 42 6 | text 75 19 42 6 | text 75 26 42 6 | title 71 0 15 3 | title 71 4 46 4", "layout_seq_without_completion": "button 71 38 39 5 | image 1 23 16 2 | text 75 12 42 6 | text 75 19 42 6 | text 75 26 42 6 | title 71 0 15 3 | title 71 4 46 4", "plain_layout_seq": "button 71 38 39 5 | image 1 23 16 2 | text 75 12 42 6 | text 75 19 42 6 | text 75 26 42 6 | title 71 0 15 3 | title 71 4 46 4", "canvas_width": 960, "canvas_height": 348, "elements": [ { "type": "title", "position": [ 575, 0, 124, 30 ], "completed": false }, { "type": "title", "position": [ 575, 38, 370, 38 ], "completed": false }, { "type": "text", "position": [ 605, 96, 340, 48 ], "completed": false }, { "type": "text", "position": [ 605, 154, 340, 48 ], "completed": false }, { "type": "image", "position": [ 15, 190, 130, 16 ], "completed": false }, { "type": "text", "position": [ 605, 212, 340, 48 ], "completed": false }, { "type": "button", "position": [ 575, 308, 315, 40 ], "completed": false } ] }, { "text": "#A page introducing the DevOps Platform.# There should be a title and an explanation. Two links\"Get free trial\" and \"Watch demo\" should also be included. It has a little image.", "region_id": "2", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'get free trial'] ] [el:link [attr:value'watch demo'] ] [el:image [attr:size'small'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined small | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | description 2 37 53 13 | image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6 | title 2 11 53 23", "layout_seq_without_completion": "background 0 0 120 67 | description 2 37 53 13 | image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6 | title 2 11 53 23", "plain_layout_seq": "background 0 0 120 67 | description 2 37 53 13 | image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6 | title 2 11 53 23", "canvas_width": 972, "canvas_height": 548, "elements": [ { "type": "background", "position": [ 0, 0, 972, 548 ], "completed": true }, { "type": "title", "position": [ 17, 97, 437, 192 ], "completed": false }, { "type": "image", "position": [ 518, 140, 437, 315 ], "completed": false }, { "type": "description", "position": [ 17, 305, 437, 108 ], "completed": false }, { "type": "link", "position": [ 153, 429, 128, 54 ], "completed": false }, { "type": "link", "position": [ 17, 430, 125, 52 ], "completed": false } ] }, { "text": "#A page introducing the DevOps Platform.# There should be two text boxes showing the introductions on the platform. Two links should also be included: one for a free trial and another for watching a demo.", "region_id": "2_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat '2'] ] [el:link [attr:value'free trial'] ] [el:link [attr:value'watch a demo'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | description 2 11 53 23 | description 2 37 53 13 | complete image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6", "layout_seq_without_completion": "background 0 0 120 67 | description 2 11 53 23 | description 2 37 53 13 | image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6", "plain_layout_seq": "background 0 0 120 67 | description 2 11 53 23 | description 2 37 53 13 | image 63 17 53 38 | link 2 53 15 6 | link 18 52 15 6", "canvas_width": 972, "canvas_height": 548, "elements": [ { "type": "background", "position": [ 0, 0, 972, 548 ], "completed": true }, { "type": "description", "position": [ 17, 97, 437, 192 ], "completed": false }, { "type": "image", "position": [ 518, 140, 437, 315 ], "completed": true }, { "type": "description", "position": [ 17, 305, 437, 108 ], "completed": false }, { "type": "link", "position": [ 153, 429, 128, 54 ], "completed": false }, { "type": "link", "position": [ 17, 430, 125, 52 ], "completed": false } ] }, { "text": "# A page for an online search tool to search drugs. # The page should have a title \"Looking up your prescription\" and a text box with a brief introduction to the search tool. There should be an image of drug and a text button for the user to search drugs by clicking it.", "region_id": "1095", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'looking up your prescription'] ] [el:description [attr:size'small'] ] [el:image] [el:button [attr:value'search drugs'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 30 21 5 | description 0 11 76 15 | image 76 1 39 39 | title 0 5 76 6", "layout_seq_without_completion": "button 0 30 21 5 | description 0 11 76 15 | image 76 1 39 39 | title 0 5 76 6", "plain_layout_seq": "button 0 30 21 5 | description 0 11 76 15 | image 76 1 39 39 | title 0 5 76 6", "canvas_width": 984, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 624, 16, 320, 320 ], "completed": false }, { "type": "title", "position": [ 0, 41, 624, 52 ], "completed": false }, { "type": "description", "position": [ 0, 93, 624, 126 ], "completed": false }, { "type": "button", "position": [ 0, 249, 180, 46 ], "completed": false } ] }, { "text": "#A page introducing commercial insurance. # The page should have a title and one short introduction of the commercial insurance, and a button for users to click to discover.", "region_id": "2256", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'discover'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "\" [ title 0 3 120 4 ] | [ description 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "layout_seq_without_completion": "\" [ title 0 3 120 4 ] | [ description 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "plain_layout_seq": "button 56 22 7 2 | description 0 12 120 3 | title 0 3 120 4", "canvas_width": 964, "canvas_height": 243, "elements": [ { "type": "title", "position": [ 0, 30, 964, 38 ], "completed": false }, { "type": "description", "position": [ 0, 98, 964, 27 ], "completed": false }, { "type": "button", "position": [ 451, 177, 62, 20 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the company's email and follow the company on social platforms. # The page should have the title \"Subscribe to our email\" with an input for the user to enter email and a small icon for confirming to subscribe. Also, there should have two small icons, where the user can follow the company on Facebook and Instagram.", "region_id": "6742", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Subscribe to our email'] ] [el:input [attr:value 'email']] [el:icon [attr:size 'small'] [attr:value 'subscribe'] ] [el:icon [attr:repeat '2'] [attr:size 'small'] [attr:value 'Facebook , Instagram'] ] ]", "execution": "singleinfo : icon undefined small | icon undefined small | icon undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 42 6 1 3 | icon 110 7 2 2 | icon 115 7 2 2 | input 0 5 46 5 | complete text 1 6 5 3 | title 0 0 60 2", "layout_seq_without_completion": "icon 42 6 1 3 | icon 110 7 2 2 | icon 115 7 2 2 | input 0 5 46 5 | text 1 6 5 3 | title 0 0 60 2", "plain_layout_seq": "icon 42 6 1 3 | icon 110 7 2 2 | icon 115 7 2 2 | input 0 5 46 5 | text 1 6 5 3 | title 0 0 60 2", "canvas_width": 924, "canvas_height": 89, "elements": [ { "type": "title", "position": [ 0, 0, 462, 23 ], "completed": false }, { "type": "input", "position": [ 0, 43, 360, 45 ], "completed": false }, { "type": "text", "position": [ 15, 53, 42, 24 ], "completed": true }, { "type": "icon", "position": [ 330, 53, 15, 25 ], "completed": false }, { "type": "icon", "position": [ 849, 57, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 893, 57, 18, 18 ], "completed": false } ] }, { "text": "#A page for introducing a Europe company named \"HashiConf\" to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1374", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 112 20 3 3 | description 44 10 71 7 | complete image 0 0 40 29 | title 44 5 28 3", "layout_seq_without_completion": "button 112 20 3 3 | description 44 10 71 7 | image 0 0 40 29 | title 44 5 28 3", "plain_layout_seq": "button 112 20 3 3 | description 44 10 71 7 | image 0 0 40 29 | title 44 5 28 3", "canvas_width": 864, "canvas_height": 215, "elements": [ { "type": "image", "position": [ 0, 0, 288, 215 ], "completed": true }, { "type": "title", "position": [ 320, 40, 203, 27 ], "completed": false }, { "type": "description", "position": [ 320, 75, 512, 52 ], "completed": false }, { "type": "button", "position": [ 808, 151, 24, 24 ], "completed": false } ] }, { "text": "#A page for introducing independent service quality survey results to users.# The page should include one title and a brief description of the results. On the right side, there should be a button for users to click for more survey results.", "region_id": "2216", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:position'right'] [attr:value'Survey results'] ] ]", "execution": "singleinfo : button right undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 93 16 21 4 | description 20 13 70 15 | complete image 4 13 14 11 | title 20 9 70 2", "layout_seq_without_completion": "button 93 16 21 4 | description 20 13 70 15 | image 4 13 14 11 | title 20 9 70 2", "plain_layout_seq": "button 93 16 21 4 | description 20 13 70 15 | image 4 13 14 11 | title 20 9 70 2", "canvas_width": 1024, "canvas_height": 322, "elements": [ { "type": "title", "position": [ 176, 79, 605, 24 ], "completed": false }, { "type": "image", "position": [ 40, 111, 120, 100 ], "completed": true }, { "type": "description", "position": [ 176, 113, 605, 130 ], "completed": false }, { "type": "button", "position": [ 797, 140, 187, 41 ], "completed": false } ] }, { "text": "#A page for guiding users to choose an answer.# The page includes a logo, a title, and a link named \u201cWhat this means to you\u201d for users to click to choose an answer.", "region_id": "3777", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:link [attr:value 'What this means to you'] ] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 65 0 18 1 | logo 33 0 1 1 | title 36 0 28 2", "layout_seq_without_completion": "link 65 0 18 1 | logo 33 0 1 1 | title 36 0 28 2", "plain_layout_seq": "link 65 0 18 1 | logo 33 0 1 1 | title 36 0 28 2", "canvas_width": 1024, "canvas_height": 27, "elements": [ { "type": "link", "position": [ 562, 3, 158, 16 ], "completed": false }, { "type": "title", "position": [ 314, 4, 239, 19 ], "completed": false }, { "type": "logo", "position": [ 290, 6, 16, 16 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Rubrik\" to users.# The page should include one title named \"Threat Hunting\" and a brief description of the Rubrik. Besides, a button is needed for users to click for further information. On the right side, there should be an interface of the app.", "region_id": "2116", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Threat Hunting'] ] [el:description [attr:size 'small']] [el:button [attr:value'further information'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 1 50 13 4 | description 1 30 51 15 | complete icon 0 53 17 17 | image 60 15 58 41 | complete text 1 16 56 1 | title 1 21 56 6", "layout_seq_without_completion": "button 1 50 13 4 | description 1 30 51 15 | icon 0 53 17 17 | image 60 15 58 41 | text 1 16 56 1 | title 1 21 56 6", "plain_layout_seq": "button 1 50 13 4 | description 1 30 51 15 | icon 0 53 17 17 | image 60 15 58 41 | text 1 16 56 1 | title 1 21 56 6", "canvas_width": 1027, "canvas_height": 612, "elements": [ { "type": "image", "position": [ 514, 130, 499, 352 ], "completed": false }, { "type": "text", "position": [ 15, 140, 480, 13 ], "completed": true }, { "type": "title", "position": [ 15, 184, 480, 58 ], "completed": false }, { "type": "description", "position": [ 15, 262, 440, 135 ], "completed": false }, { "type": "button", "position": [ 15, 432, 117, 40 ], "completed": false }, { "type": "icon", "position": [ 0, 462, 150, 150 ], "completed": true } ] }, { "text": "#A page for users to connect with the company.# The page has an icon, a title named \u201cStay Connected\u201d, a description, and an input with a button named \u201cSUBSCRIBE\u201d for users to click to connect with the company.", "region_id": "6590", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title [attr:value 'stay connected'] ] [el:description] [el:input] [el:button [attr:value 'SUBSCRIBE'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 85 26 11 2 | description 1 19 116 3 | icon 57 5 4 5 | input 21 24 62 5 | title 1 13 116 4", "layout_seq_without_completion": "button 85 26 11 2 | description 1 19 116 3 | icon 57 5 4 5 | input 21 24 62 5 | title 1 13 116 4", "plain_layout_seq": "button 85 26 11 2 | description 1 19 116 3 | icon 57 5 4 5 | input 21 24 62 5 | title 1 13 116 4", "canvas_width": 964, "canvas_height": 293, "elements": [ { "type": "icon", "position": [ 462, 45, 40, 45 ], "completed": false }, { "type": "title", "position": [ 15, 107, 934, 38 ], "completed": false }, { "type": "description", "position": [ 15, 160, 934, 26 ], "completed": false }, { "type": "input", "position": [ 171, 200, 499, 48 ], "completed": false }, { "type": "button", "position": [ 684, 214, 94, 19 ], "completed": false } ] }, { "text": "# A page for advertising wetsuits in an online shop. # There should be an image with the title \"WETSUITS\" and a button \"DISCOVER\" on it. So the user can click the button to enter to view the product.", "region_id": "4654", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'wetsuits'] ] [el:button [attr:value 'DISCOVER'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 50 33 18 5 | image 0 0 120 64 | title 48 24 22 4", "layout_seq_without_completion": "button 50 33 18 5 | image 0 0 120 64 | title 48 24 22 4", "plain_layout_seq": "button 50 33 18 5 | image 0 0 120 64 | title 48 24 22 4", "canvas_width": 1024, "canvas_height": 550, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 550 ], "completed": false }, { "type": "title", "position": [ 416, 205, 191, 36 ], "completed": false }, { "type": "button", "position": [ 432, 286, 159, 50 ], "completed": false } ] }, { "text": "# A page to introduce the response to the COVID-19 of the company. # There should contain two text boxes. One is the title and another is the attitude of the company to responding to COVID-19. A text button is needed for the user to click to find out more. Besides, it is better to have a background image of the topic.", "region_id": "705", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value 'Find out more']] [el:image] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 75 | button 9 53 15 5 | image 0 0 58 75 | text 9 32 38 18 | title 9 14 38 13", "layout_seq_without_completion": "background 0 0 120 75 | button 9 53 15 5 | image 0 0 58 75 | text 9 32 38 18 | title 9 14 38 13", "plain_layout_seq": "background 0 0 120 75 | button 9 53 15 5 | image 0 0 58 75 | text 9 32 38 18 | title 9 14 38 13", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 640 ], "completed": false }, { "type": "image", "position": [ 0, 0, 499, 640 ], "completed": false }, { "type": "title", "position": [ 85, 126, 328, 111 ], "completed": false }, { "type": "text", "position": [ 85, 281, 328, 158 ], "completed": false }, { "type": "button", "position": [ 85, 459, 129, 45 ], "completed": false } ] }, { "text": "#A page for introducing how to discover customer intent and friction rapidly to users.# The page should include one title and a brief description under it. At the bottom, there should be an input for users.", "region_id": "2057", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] ] [el:input [attr:position'bottom'] ] ]", "execution": "singleinfo : description undefined small | input bottom undefined | title top undefined", "layout_seq_with_completion": "description 8 26 99 5 | input 8 34 103 51 | title 8 11 103 13", "layout_seq_without_completion": "description 8 26 99 5 | input 8 34 103 51 | title 8 11 103 13", "plain_layout_seq": "description 8 26 99 5 | input 8 34 103 51 | title 8 11 103 13", "canvas_width": 1024, "canvas_height": 791, "elements": [ { "type": "title", "position": [ 70, 96, 884, 112 ], "completed": false }, { "type": "description", "position": [ 70, 227, 847, 46 ], "completed": false }, { "type": "input", "position": [ 70, 294, 884, 442 ], "completed": false } ] }, { "text": "# A page to advertise a map. # The page should contain the title \"Hand Painted Mountain Maps\" to have a brief introduction to the type of the map. And it is necessary to have a button \"SHOP MAPS\" for the user to buy it.", "region_id": "8372", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Hand Painted Mountain Maps'] ] [el:description [attr:size 'small']] [el:button [attr:value 'SHOP MAPS'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 18 18 6 | description 5 9 109 4 | title 5 0 109 7", "layout_seq_without_completion": "button 50 18 18 6 | description 5 9 109 4 | title 5 0 109 7", "plain_layout_seq": "button 50 18 18 6 | description 5 9 109 4 | title 5 0 109 7", "canvas_width": 909, "canvas_height": 185, "elements": [ { "type": "title", "position": [ 40, 0, 828, 58 ], "completed": false }, { "type": "description", "position": [ 40, 72, 828, 32 ], "completed": false }, { "type": "button", "position": [ 383, 137, 143, 48 ], "completed": false } ] }, { "text": "# A page to advertise a product. # On the page, a background image, a slogan and a text box are needed to attract the user. And it is necessary to have a text button for the user to explore the product.", "region_id": "1475", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text] [el:button [attr:value'explore the product'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 53 19 4 | text 4 43 56 6 | title 4 29 56 12", "layout_seq_without_completion": "button 4 53 19 4 | text 4 43 56 6 | title 4 29 56 12", "plain_layout_seq": "button 4 53 19 4 | text 4 43 56 6 | title 4 29 56 12", "canvas_width": 1024, "canvas_height": 501, "elements": [ { "type": "title", "position": [ 40, 250, 481, 104 ], "completed": false }, { "type": "text", "position": [ 40, 374, 481, 56 ], "completed": false }, { "type": "button", "position": [ 40, 460, 168, 41 ], "completed": false } ] }, { "text": "# A page for marketing an app.# The page should have an app logo, a brief introduction to the app, and two buttons \"WATCH VIDEO\" and \"LEARN MORE\" for the user to watch the video about the app and learn more info.", "region_id": "2620", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description [attr:size 'small'] ] [el:button [attr:value 'watch video'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | logo undefined undefined", "layout_seq_with_completion": "button 43 21 17 6 | button 64 21 16 6 | description 69 7 48 10 | logo 43 7 23 10", "layout_seq_without_completion": "button 43 21 17 6 | button 64 21 16 6 | description 69 7 48 10 | logo 43 7 23 10", "plain_layout_seq": "button 43 21 17 6 | button 64 21 16 6 | description 69 7 48 10 | logo 43 7 23 10", "canvas_width": 1024, "canvas_height": 321, "elements": [ { "type": "logo", "position": [ 371, 68, 200, 88 ], "completed": false }, { "type": "description", "position": [ 591, 68, 413, 92 ], "completed": false }, { "type": "button", "position": [ 371, 180, 148, 53 ], "completed": false }, { "type": "button", "position": [ 550, 180, 141, 53 ], "completed": false } ] }, { "text": "# A page for marketing a tool. # The page should have an image showing the honor that the tool gets, a slogan, and a link for the user to see all G2 reviews.", "region_id": "3991", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:link [attr:value 'see all g2 reviews'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 61 | image 51 3 16 14 | link 47 43 24 3 | title 28 21 62 18", "layout_seq_without_completion": "background 0 0 120 61 | image 51 3 16 14 | link 47 43 24 3 | title 28 21 62 18", "plain_layout_seq": "background 0 0 120 61 | image 51 3 16 14 | link 47 43 24 3 | title 28 21 62 18", "canvas_width": 1024, "canvas_height": 529, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 529 ], "completed": true }, { "type": "image", "position": [ 440, 30, 145, 126 ], "completed": false }, { "type": "title", "position": [ 247, 185, 530, 160 ], "completed": false }, { "type": "link", "position": [ 406, 369, 213, 30 ], "completed": false } ] }, { "text": "#A page for showing one interface.# There should be two text boxes, one for the title\"Simple User Interface\" and the other for the slogan. One image is used to show the content.", "region_id": "163", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'simple user interface'] ] [el:title] [el:image] ]", "execution": "singleinfo : image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 29 11 61 77 | title 3 5 112 3 | title 3 0 112 4", "layout_seq_without_completion": "image 29 11 61 77 | title 3 5 112 3 | title 3 0 112 4", "plain_layout_seq": "image 29 11 61 77 | title 3 5 112 3 | title 3 0 112 4", "canvas_width": 930, "canvas_height": 717, "elements": [ { "type": "title", "position": [ 30, 0, 870, 36 ], "completed": false }, { "type": "title", "position": [ 30, 46, 870, 26 ], "completed": false }, { "type": "image", "position": [ 225, 87, 480, 600 ], "completed": false } ] }, { "text": "#A page for showing one interface.# There should be two text boxes, one for the title and the other for the detail. One image is used to show the content.", "region_id": "163_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 5 112 3 | image 29 11 61 77 | title 3 0 112 4", "layout_seq_without_completion": "description 3 5 112 3 | image 29 11 61 77 | title 3 0 112 4", "plain_layout_seq": "description 3 5 112 3 | image 29 11 61 77 | title 3 0 112 4", "canvas_width": 930, "canvas_height": 717, "elements": [ { "type": "title", "position": [ 30, 0, 870, 36 ], "completed": false }, { "type": "description", "position": [ 30, 46, 870, 26 ], "completed": false }, { "type": "image", "position": [ 225, 87, 480, 600 ], "completed": false } ] }, { "text": "# A page is used to try Cloud for free. # On the page, an image and a slogan are needed to attract the user. It is necessary to have a text button to try Cloud for free.", "region_id": "1371", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value'try cloud for free'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 50 74 20 5 | image 34 6 50 48 | title 24 58 71 11", "layout_seq_without_completion": "button 50 74 20 5 | image 34 6 50 48 | title 24 58 71 11", "plain_layout_seq": "button 50 74 20 5 | image 34 6 50 48 | title 24 58 71 11", "canvas_width": 1003, "canvas_height": 817, "elements": [ { "type": "image", "position": [ 292, 52, 420, 402 ], "completed": false }, { "type": "title", "position": [ 202, 489, 600, 100 ], "completed": false }, { "type": "button", "position": [ 418, 621, 168, 48 ], "completed": false } ] }, { "text": "# A page to download the Rover app. # On the page, there should be a slogan \"Connect anywhere with the Rover app\", an image showing the app, and a text \"Available on IOS and Android\". And there should be two buttons for the user to download in Apple Store and Google Play.", "region_id": "4525", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Connect anywhere with the Rover app'] ] [el:image] [el:text [attr:value 'Available on IOS and Android'] ] [el:button [attr:value 'Apple Store'] ] [el:button [attr:value 'Google Play'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 56 16 4 | button 43 56 14 4 | image 35 12 49 36 | text 46 51 26 2 | title 1 0 116 4", "layout_seq_without_completion": "button 61 56 16 4 | button 43 56 14 4 | image 35 12 49 36 | text 46 51 26 2 | title 1 0 116 4", "plain_layout_seq": "button 61 56 16 4 | button 43 56 14 4 | image 35 12 49 36 | text 46 51 26 2 | title 1 0 116 4", "canvas_width": 970, "canvas_height": 497, "elements": [ { "type": "title", "position": [ 15, 0, 940, 36 ], "completed": false }, { "type": "image", "position": [ 285, 97, 400, 293 ], "completed": false }, { "type": "text", "position": [ 379, 413, 212, 20 ], "completed": false }, { "type": "button", "position": [ 350, 457, 120, 40 ], "completed": false }, { "type": "button", "position": [ 500, 457, 135, 40 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter. # There should have a title \"Sign Up\", a description, and an input box with an icon for the user to enter an email address and click to sign up.", "region_id": "6822", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up'] ] [el:description] [el:input [attr:value 'enter an email address'] ][el:icon]]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 27 | description 7 14 38 5 | icon 108 10 3 2 | input 64 9 46 5 | title 7 7 50 4", "layout_seq_without_completion": "background 0 0 120 27 | description 7 14 38 5 | icon 108 10 3 2 | input 64 9 46 5 | title 7 7 50 4", "plain_layout_seq": "background 0 0 120 27 | description 7 14 38 5 | icon 108 10 3 2 | input 64 9 46 5 | title 7 7 50 4", "canvas_width": 1024, "canvas_height": 233, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 233 ], "completed": true }, { "type": "title", "position": [ 60, 60, 432, 41 ], "completed": false }, { "type": "input", "position": [ 548, 80, 400, 44 ], "completed": false }, { "type": "icon", "position": [ 922, 91, 26, 24 ], "completed": false }, { "type": "description", "position": [ 60, 122, 332, 50 ], "completed": false } ] }, { "text": "# A page for the user to enter the title, keywords, and author to search the thesis in Scientific Research Publishing.# The page should have the title \"Scientific Research Publishing\", an input box with a search icon. So the user can enter the title, keywords, and author in the input box, and click the icon to search.", "region_id": "3708", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'scientific research publishing'] ] [el:input [attr:value 'search title,keywords,author,etc.']] [el:icon [attr:value 'search']] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 34 | icon 86 20 4 4 | complete image 28 20 63 5 | input 29 20 55 5 | title 7 5 105 9", "layout_seq_without_completion": "background 0 0 120 34 | icon 86 20 4 4 | image 28 20 63 5 | input 29 20 55 5 | title 7 5 105 9", "plain_layout_seq": "background 0 0 120 34 | icon 86 20 4 4 | image 28 20 63 5 | input 29 20 55 5 | title 7 5 105 9", "canvas_width": 970, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 0, 0, 970, 275 ], "completed": true }, { "type": "title", "position": [ 60, 48, 850, 74 ], "completed": false }, { "type": "image", "position": [ 227, 162, 515, 45 ], "completed": true }, { "type": "input", "position": [ 237, 163, 450, 45 ], "completed": false }, { "type": "icon", "position": [ 699, 164, 40, 40 ], "completed": false } ] }, { "text": "#A page for introducing an activity of KK supermarket 21st anniversary to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. On the right side, there should be two interfaces of the activity.", "region_id": "300", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 4 34 14 5 | description 4 20 61 9 | image 94 5 19 27 | image 72 5 19 28 | complete title 4 4 61 2 | title 4 9 61 7", "layout_seq_without_completion": "button 4 34 14 5 | description 4 20 61 9 | image 94 5 19 27 | image 72 5 19 28 | title 4 4 61 2 | title 4 9 61 7", "plain_layout_seq": "button 4 34 14 5 | description 4 20 61 9 | image 94 5 19 27 | image 72 5 19 28 | title 4 4 61 2 | title 4 9 61 7", "canvas_width": 1024, "canvas_height": 381, "elements": [ { "type": "title", "position": [ 40, 40, 526, 20 ], "completed": true }, { "type": "image", "position": [ 616, 50, 169, 239 ], "completed": false }, { "type": "image", "position": [ 805, 50, 166, 234 ], "completed": false }, { "type": "title", "position": [ 40, 80, 526, 62 ], "completed": false }, { "type": "description", "position": [ 40, 178, 526, 84 ], "completed": false }, { "type": "button", "position": [ 40, 298, 124, 43 ], "completed": false } ] }, { "text": "#A page for introducing one WorldShopping cart.# On the top, there is one label, one title \"To the users living overseas\", and two slogans. Next, there is one image and one prompt following with one icon of the cart.", "region_id": "4289", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:position 'top'] ] [el:title [attr:value 'To the users living overseas'] [attr:position 'top'] ] [el:text [attr:position 'top'] [attr:repeat '2'] ] [el:image] [el:text] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | text top undefined | text top undefined | text top undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "icon 56 61 5 4 | image 33 37 50 8 | text 15 31 86 2 | text 30 5 56 4 | text 17 57 83 2 | text 2 20 114 7 | title 2 9 114 10", "layout_seq_without_completion": "icon 56 61 5 4 | image 33 37 50 8 | text 15 31 86 2 | text 30 5 56 4 | text 17 57 83 2 | text 2 20 114 7 | title 2 9 114 10", "plain_layout_seq": "icon 56 61 5 4 | image 33 37 50 8 | text 15 31 86 2 | text 30 5 56 4 | text 17 57 83 2 | text 2 20 114 7 | title 2 9 114 10", "canvas_width": 900, "canvas_height": 670, "elements": [ { "type": "text", "position": [ 230, 43, 425, 37 ], "completed": false }, { "type": "title", "position": [ 15, 73, 855, 78 ], "completed": false }, { "type": "text", "position": [ 15, 151, 855, 59 ], "completed": false }, { "type": "text", "position": [ 118, 233, 649, 20 ], "completed": false }, { "type": "image", "position": [ 252, 279, 380, 66 ], "completed": false }, { "type": "text", "position": [ 129, 432, 627, 20 ], "completed": false }, { "type": "icon", "position": [ 422, 458, 40, 37 ], "completed": false } ] }, { "text": "#A page for helping users to start a store.# The page should have 3 links for users to click to start a store, buy the products, and buy an existing store.", "region_id": "7096", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value 'start a store'] ] [el:link [attr:value 'buy the products'] ] [el:link [attr:value 'buy an existing store'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for introducing the latest news to users.# The page should include one title and three text boxes showing the title of news. Besides, a button is needed for users to click for further information. It's better to have an image of Madrid.", "region_id": "782", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat'3'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 25 34 10 2 | image 64 6 47 33 | title 7 9 47 1 | \" [ text 7 14 47 2 ] | [ text 7 19 47 2 ] | [ text 7 24 47 2 ] \"", "layout_seq_without_completion": "button 25 34 10 2 | image 64 6 47 33 | title 7 9 47 1 | \" [ text 7 14 47 2 ] | [ text 7 19 47 2 ] | [ text 7 24 47 2 ] \"", "plain_layout_seq": "button 25 34 10 2 | image 64 6 47 33 | text 7 14 47 2 | text 7 19 47 2 | text 7 24 47 2 | title 7 9 47 1", "canvas_width": 1024, "canvas_height": 372, "elements": [ { "type": "image", "position": [ 551, 56, 407, 282 ], "completed": false }, { "type": "title", "position": [ 66, 80, 407, 16 ], "completed": false }, { "type": "text", "position": [ 66, 126, 407, 24 ], "completed": false }, { "type": "text", "position": [ 66, 166, 407, 24 ], "completed": false }, { "type": "text", "position": [ 66, 206, 407, 24 ], "completed": false }, { "type": "button", "position": [ 220, 294, 86, 24 ], "completed": false } ] }, { "text": "#A page for introducing the latest news to users.# The page should include one title and three text boxes showing the title of news. Besides, a button is needed for users to click for further information. It's better to have a page of Madrid.", "region_id": "782_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title [attr:repeat'3'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 25 34 10 2 | image 64 6 47 33 | title 7 9 47 1 | \" [ title 7 14 47 2 ] | [ title 7 19 47 2 ] | [ title 7 24 47 2 ] \"", "layout_seq_without_completion": "button 25 34 10 2 | image 64 6 47 33 | title 7 9 47 1 | \" [ title 7 14 47 2 ] | [ title 7 19 47 2 ] | [ title 7 24 47 2 ] \"", "plain_layout_seq": "button 25 34 10 2 | image 64 6 47 33 | title 7 9 47 1 | title 7 14 47 2 | title 7 19 47 2 | title 7 24 47 2", "canvas_width": 1024, "canvas_height": 372, "elements": [ { "type": "image", "position": [ 551, 56, 407, 282 ], "completed": false }, { "type": "title", "position": [ 66, 80, 407, 16 ], "completed": false }, { "type": "title", "position": [ 66, 126, 407, 24 ], "completed": false }, { "type": "title", "position": [ 66, 166, 407, 24 ], "completed": false }, { "type": "title", "position": [ 66, 206, 407, 24 ], "completed": false }, { "type": "button", "position": [ 220, 294, 86, 24 ], "completed": false } ] }, { "text": "# A page to introduce the platform ironSource. # On the page, there should have a title \"About ironSource\" and a text box with a brief introduction to the platform. Then a text button is needed to get to know more info by clicking it. There should also be an image of the topic.", "region_id": "1503", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about ironsource'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 26 19 5 | description 70 10 40 12 | image 8 0 49 33 | title 70 0 40 7", "layout_seq_without_completion": "button 70 26 19 5 | description 70 10 40 12 | image 8 0 49 33 | title 70 0 40 7", "plain_layout_seq": "button 70 26 19 5 | description 70 10 40 12 | image 8 0 49 33 | title 70 0 40 7", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "image", "position": [ 75, 0, 422, 286 ], "completed": false }, { "type": "title", "position": [ 602, 7, 347, 68 ], "completed": false }, { "type": "description", "position": [ 602, 90, 347, 104 ], "completed": false }, { "type": "button", "position": [ 602, 224, 163, 47 ], "completed": false } ] }, { "text": "# A page for the user to sign up for an app in different ways. # On the page, there should have a slogan to attract the user, and a short description with a link \"Sign in\" for the user to create a free account or sign in. Besides, there should have four buttons for the user to sign up with email, Facebook, Google, and Apple. Then, a video for introducing the app is needed.", "region_id": "2439", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'Sign in'] ] [el:button [attr:value 'sign up with email'] ][el:button [attr:value 'sign up with Facebook'] ][el:button [attr:value 'sign up with Google'] ][el:button [attr:value 'sign up with Apple'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 37 35 5 | button 1 25 35 5 | complete button 78 16 9 9 | button 1 19 35 5 | button 1 31 35 5 | description 1 15 16 2 | image 48 0 69 39 | link 32 15 5 1 | complete text 30 15 1 1 | title 1 3 42 9", "layout_seq_without_completion": "button 1 37 35 5 | button 1 25 35 5 | button 78 16 9 9 | button 1 19 35 5 | button 1 31 35 5 | description 1 15 16 2 | image 48 0 69 39 | link 32 15 5 1 | text 30 15 1 1 | title 1 3 42 9", "plain_layout_seq": "button 1 37 35 5 | button 1 25 35 5 | button 78 16 9 9 | button 1 19 35 5 | button 1 31 35 5 | description 1 15 16 2 | image 48 0 69 39 | link 32 15 5 1 | text 30 15 1 1 | title 1 3 42 9", "canvas_width": 1024, "canvas_height": 363, "elements": [ { "type": "image", "position": [ 413, 0, 595, 337 ], "completed": false }, { "type": "title", "position": [ 16, 27, 360, 80 ], "completed": false }, { "type": "description", "position": [ 16, 134, 137, 21 ], "completed": false }, { "type": "text", "position": [ 259, 136, 16, 16 ], "completed": true }, { "type": "link", "position": [ 275, 136, 43, 16 ], "completed": false }, { "type": "button", "position": [ 670, 141, 80, 80 ], "completed": true }, { "type": "button", "position": [ 16, 163, 302, 44 ], "completed": false }, { "type": "button", "position": [ 16, 215, 302, 44 ], "completed": false }, { "type": "button", "position": [ 16, 267, 302, 44 ], "completed": false }, { "type": "button", "position": [ 16, 319, 302, 44 ], "completed": false } ] }, { "text": "#A page that encourages users to use Help Scout.# The page should include two background images, a title, and an image.", "region_id": "4356", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:repeat '2'] ] [el:title] [el:image] ]", "execution": "singleinfo : background undefined undefined | background undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 30 48 | background 89 0 30 48 | image 29 22 61 15 | title 24 8 70 10", "layout_seq_without_completion": "background 0 0 30 48 | background 89 0 30 48 | image 29 22 61 15 | title 24 8 70 10", "plain_layout_seq": "background 0 0 30 48 | background 89 0 30 48 | image 29 22 61 15 | title 24 8 70 10", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "background", "position": [ 0, 0, 260, 413 ], "completed": false }, { "type": "background", "position": [ 764, 0, 260, 413 ], "completed": false }, { "type": "title", "position": [ 212, 76, 600, 86 ], "completed": false }, { "type": "image", "position": [ 248, 193, 529, 130 ], "completed": false } ] }, { "text": "#A page showing the products and the services of a company.# There should be a title labeled \"Products & Services\", followed by two links to view \"products&services\" and \"contact\".", "region_id": "1415", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'products & services'] ] [el:link [attr:value'products&services'] ] [el:link [attr:value'contact'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 1 9 78 7 | complete image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "layout_seq_without_completion": "image 1 9 78 7 | image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "plain_layout_seq": "image 1 9 78 7 | image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "canvas_width": 988, "canvas_height": 239, "elements": [ { "type": "title", "position": [ 15, 40, 973, 21 ], "completed": false }, { "type": "image", "position": [ 15, 81, 645, 59 ], "completed": true }, { "type": "image", "position": [ 680, 81, 308, 59 ], "completed": true }, { "type": "link", "position": [ 45, 102, 130, 16 ], "completed": false }, { "type": "link", "position": [ 710, 102, 50, 16 ], "completed": false } ] }, { "text": "#A page showing the products and the services of a company.# There should be a text box labeled \"Products & Services\", followed by two links to view options on these services.", "region_id": "1415_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'products & services'] ] [el:link [attr:repeat '2'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 1 9 78 7 | complete image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "layout_seq_without_completion": "image 1 9 78 7 | image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "plain_layout_seq": "image 1 9 78 7 | image 82 9 37 7 | link 86 12 6 1 | link 5 12 15 1 | title 1 4 118 2", "canvas_width": 988, "canvas_height": 239, "elements": [ { "type": "title", "position": [ 15, 40, 973, 21 ], "completed": false }, { "type": "image", "position": [ 15, 81, 645, 59 ], "completed": true }, { "type": "image", "position": [ 680, 81, 308, 59 ], "completed": true }, { "type": "link", "position": [ 45, 102, 130, 16 ], "completed": false }, { "type": "link", "position": [ 710, 102, 50, 16 ], "completed": false } ] }, { "text": "#This page introduces a site to the user. #On the left of this page is a picture, on the right, there is a title and description of \"A little bit about Us\", and there is a button for shopping with us.", "region_id": "8419", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] ] [el:description [attr:value 'A little bit about Us'] [attr:position 'right'] ] [el:button [attr:value 'shop with us'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | description right undefined | image left undefined | title right undefined", "layout_seq_with_completion": "button 64 47 21 4 | description 64 22 49 22 | image 6 6 53 53 | title 64 16 49 3", "layout_seq_without_completion": "button 64 47 21 4 | description 64 22 49 22 | image 6 6 53 53 | title 64 16 49 3", "plain_layout_seq": "button 64 47 21 4 | description 64 22 49 22 | image 6 6 53 53 | title 64 16 49 3", "canvas_width": 1024, "canvas_height": 531, "elements": [ { "type": "image", "position": [ 55, 55, 457, 457 ], "completed": false }, { "type": "title", "position": [ 547, 142, 422, 31 ], "completed": false }, { "type": "description", "position": [ 547, 191, 422, 192 ], "completed": false }, { "type": "button", "position": [ 547, 402, 183, 42 ], "completed": false } ] }, { "text": "# A page for the user to preorder a book. # The page should have an image of the book, the title \"Net Leased Investor's Handbook\", a further introduction to the book, and a button for the user to preorder the book now.", "region_id": "6649", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'net leased investors handbook'] ] [el:description] [el:button [attr:value 'preorder the book now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 45 29 4 | description 64 16 49 26 | image 6 11 53 35 | title 64 10 49 3", "layout_seq_without_completion": "button 64 45 29 4 | description 64 16 49 26 | image 6 11 53 35 | title 64 10 49 3", "plain_layout_seq": "button 64 45 29 4 | description 64 16 49 26 | image 6 11 53 35 | title 64 10 49 3", "canvas_width": 1024, "canvas_height": 519, "elements": [ { "type": "title", "position": [ 547, 90, 422, 31 ], "completed": false }, { "type": "image", "position": [ 55, 98, 457, 305 ], "completed": false }, { "type": "description", "position": [ 547, 139, 422, 230 ], "completed": false }, { "type": "button", "position": [ 547, 388, 250, 42 ], "completed": false } ] }, { "text": "#A page for introducing one new data house.#There should be one image and one text box showing the description. Users can discover more by clicking one button.", "region_id": "90", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 61 43 20 2 | description 61 18 51 21 | image 6 6 51 51", "layout_seq_without_completion": "button 61 43 20 2 | description 61 18 51 21 | image 6 6 51 51", "plain_layout_seq": "button 61 43 20 2 | description 61 18 51 21 | image 6 6 51 51", "canvas_width": 873, "canvas_height": 466, "elements": [ { "type": "image", "position": [ 44, 48, 378, 378 ], "completed": false }, { "type": "description", "position": [ 451, 135, 378, 160 ], "completed": false }, { "type": "button", "position": [ 451, 316, 147, 21 ], "completed": false } ] }, { "text": "#A page for introducing one new data house.#There should be one image and one text box showing the title. Users can discover more by clicking one text button.", "region_id": "90_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 43 20 2 | image 6 6 51 51 | title 61 18 51 21", "layout_seq_without_completion": "button 61 43 20 2 | image 6 6 51 51 | title 61 18 51 21", "plain_layout_seq": "button 61 43 20 2 | image 6 6 51 51 | title 61 18 51 21", "canvas_width": 873, "canvas_height": 466, "elements": [ { "type": "image", "position": [ 44, 48, 378, 378 ], "completed": false }, { "type": "title", "position": [ 451, 135, 378, 160 ], "completed": false }, { "type": "button", "position": [ 451, 316, 147, 21 ], "completed": false } ] }, { "text": "#A web for users to subscribe.#The page should have a description and an input box for users to import email. Besides this, there is a button to subscribe.", "region_id": "5633", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:input [attr:value 'email'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined", "layout_seq_with_completion": "button 91 3 16 5 | description 11 4 35 3 | input 51 3 37 5", "layout_seq_without_completion": "button 91 3 16 5 | description 11 4 35 3 | input 51 3 37 5", "plain_layout_seq": "button 91 3 16 5 | description 11 4 35 3 | input 51 3 37 5", "canvas_width": 1024, "canvas_height": 108, "elements": [ { "type": "input", "position": [ 437, 30, 320, 48 ], "completed": false }, { "type": "button", "position": [ 782, 30, 144, 48 ], "completed": false }, { "type": "description", "position": [ 98, 39, 299, 30 ], "completed": false } ] }, { "text": "# A page for introducing the service of the app to make the user get started. # On the page, there should be a title \"Ready to get started?\" and a text box with a short description. Then there should have two text buttons for the user to try free and get started.", "region_id": "1946", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'ready to get started?'] ] [el:description [attr:size'small'] ] [el:button [attr:value'try free'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 43 | button 45 27 11 4 | button 59 27 14 4 | description 3 19 112 3 | title 33 11 52 5", "layout_seq_without_completion": "background 0 0 120 43 | button 45 27 11 4 | button 59 27 14 4 | description 3 19 112 3 | title 33 11 52 5", "plain_layout_seq": "background 0 0 120 43 | button 45 27 11 4 | button 59 27 14 4 | description 3 19 112 3 | title 33 11 52 5", "canvas_width": 1024, "canvas_height": 370, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 370 ], "completed": true }, { "type": "title", "position": [ 286, 97, 452, 51 ], "completed": false }, { "type": "description", "position": [ 30, 169, 964, 27 ], "completed": false }, { "type": "button", "position": [ 388, 232, 102, 38 ], "completed": false }, { "type": "button", "position": [ 509, 232, 127, 38 ], "completed": false } ] }, { "text": "#A page introducing Pillips 66. # The page should have a background image, a slogan, and a short introduction of the pros of Pillips 66 to entice users to use it, and a button for users to click to check investor relations.", "region_id": "1988", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'investor relations'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 39 | button 9 30 28 6 | description 9 20 60 5 | title 9 3 60 15", "layout_seq_without_completion": "background 0 0 120 39 | button 9 30 28 6 | description 9 20 60 5 | title 9 3 60 15", "plain_layout_seq": "background 0 0 120 39 | button 9 30 28 6 | description 9 20 60 5 | title 9 3 60 15", "canvas_width": 1024, "canvas_height": 342, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 341 ], "completed": false }, { "type": "title", "position": [ 85, 30, 512, 132 ], "completed": false }, { "type": "description", "position": [ 85, 177, 512, 50 ], "completed": false }, { "type": "button", "position": [ 85, 257, 245, 56 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page use exciting advertising slogans nd one background imageto call on people in the foodservice industry to use the company's services. Three buttons are needed for users to click to learn more and turn the page.", "region_id": "2264", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:background_image] [el:button [attr:value'read more'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 105 | button 39 84 39 5 | complete description 24 63 70 15 | complete icon 1 50 3 3 | complete icon 114 50 3 3 | title 24 26 70 33", "layout_seq_without_completion": "background 0 0 120 105 | button 39 84 39 5 | description 24 63 70 15 | icon 1 50 3 3 | icon 114 50 3 3 | title 24 26 70 33", "plain_layout_seq": "background 0 0 120 105 | button 39 84 39 5 | description 24 63 70 15 | icon 1 50 3 3 | icon 114 50 3 3 | title 24 26 70 33", "canvas_width": 1024, "canvas_height": 898, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 898 ], "completed": false }, { "type": "title", "position": [ 210, 225, 604, 288 ], "completed": false }, { "type": "icon", "position": [ 14, 434, 34, 34 ], "completed": true }, { "type": "icon", "position": [ 976, 434, 34, 34 ], "completed": true }, { "type": "description", "position": [ 210, 545, 604, 130 ], "completed": true }, { "type": "button", "position": [ 341, 718, 341, 45 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Unilever\" to users.# The page should include one image\uff0cone title \"Unilever Case Study\", and a brief description of Unilever. A \"read more\" button should be provided for users to click for further information about Unilever Case Study.", "region_id": "1477", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'Unilever case study'] ] [el:description [attr:size'small']] [el:button [attr:value'Read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 36 14 5 | description 70 13 49 10 | image 0 0 64 48 | complete text 70 26 49 6 | title 70 5 49 4", "layout_seq_without_completion": "button 70 36 14 5 | description 70 13 49 10 | image 0 0 64 48 | text 70 26 49 6 | title 70 5 49 4", "plain_layout_seq": "button 70 36 14 5 | description 70 13 49 10 | image 0 0 64 48 | text 70 26 49 6 | title 70 5 49 4", "canvas_width": 944, "canvas_height": 378, "elements": [ { "type": "image", "position": [ 0, 0, 508, 378 ], "completed": false }, { "type": "title", "position": [ 558, 47, 386, 37 ], "completed": false }, { "type": "description", "position": [ 558, 105, 386, 80 ], "completed": false }, { "type": "text", "position": [ 558, 205, 386, 54 ], "completed": true }, { "type": "button", "position": [ 558, 289, 112, 41 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Unilever\" to users.# The page should include one title \"Unilever Case Study\", and a brief description of Unilever. A button should be provided for users to click for further information about Unilever Case Study.", "region_id": "1477_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Unilever case study'] ] [el:description [attr:size'small']] [el:button [attr:value'Read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 70 36 14 5 | description 70 13 49 10 | complete image 0 0 64 48 | complete text 70 26 49 6 | title 70 5 49 4", "layout_seq_without_completion": "button 70 36 14 5 | description 70 13 49 10 | image 0 0 64 48 | text 70 26 49 6 | title 70 5 49 4", "plain_layout_seq": "button 70 36 14 5 | description 70 13 49 10 | image 0 0 64 48 | text 70 26 49 6 | title 70 5 49 4", "canvas_width": 944, "canvas_height": 378, "elements": [ { "type": "image", "position": [ 0, 0, 508, 378 ], "completed": true }, { "type": "title", "position": [ 558, 47, 386, 37 ], "completed": false }, { "type": "description", "position": [ 558, 105, 386, 80 ], "completed": false }, { "type": "text", "position": [ 558, 205, 386, 54 ], "completed": true }, { "type": "button", "position": [ 558, 289, 112, 41 ], "completed": false } ] }, { "text": "#A page for users to know the advantages of the products.#\"MADE WITH LOVE\" and \"HAND-CRAFTED JEWELRY\" are two titles on the page. There is a description showing the advantages of the products.", "region_id": "8464", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'made with love'] ] [el:title [attr:value 'hand-crafted jewelry'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 10 18 37 19 | complete image 7 7 44 34 | title 10 13 37 3 | title 10 10 37 2", "layout_seq_without_completion": "description 10 18 37 19 | image 7 7 44 34 | title 10 13 37 3 | title 10 10 37 2", "plain_layout_seq": "description 10 18 37 19 | image 7 7 44 34 | title 10 13 37 3 | title 10 10 37 2", "canvas_width": 1024, "canvas_height": 750, "elements": [ { "type": "image", "position": [ 60, 60, 380, 297 ], "completed": true }, { "type": "title", "position": [ 90, 90, 320, 22 ], "completed": false }, { "type": "title", "position": [ 90, 119, 320, 28 ], "completed": false }, { "type": "description", "position": [ 90, 161, 320, 166 ], "completed": false } ] }, { "text": "#A page for introducing one app.# There should be one QR image and one button for users to download this app. Three text boxes are used to show the title and slogan.", "region_id": "973", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:button [attr:value'download the app'] ] [el:title [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 30 30 9 | complete image 77 33 4 4 | image 80 7 16 16 | complete text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "layout_seq_without_completion": "button 73 30 30 9 | image 77 33 4 4 | image 80 7 16 16 | text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "plain_layout_seq": "button 73 30 30 9 | image 77 33 4 4 | image 80 7 16 16 | text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "canvas_width": 1054, "canvas_height": 479, "elements": [ { "type": "image", "position": [ 706, 69, 144, 144 ], "completed": false }, { "type": "title", "position": [ 24, 84, 503, 108 ], "completed": false }, { "type": "title", "position": [ 24, 192, 503, 108 ], "completed": false }, { "type": "button", "position": [ 646, 269, 266, 84 ], "completed": false }, { "type": "image", "position": [ 680, 291, 40, 40 ], "completed": true }, { "type": "text", "position": [ 740, 299, 138, 24 ], "completed": true }, { "type": "title", "position": [ 24, 340, 503, 27 ], "completed": false } ] }, { "text": "#A page for introducing one app.# There should be one image and one text button for users to download this app. Three text boxes are used to show the title and slogan.", "region_id": "973_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:button [attr:value'download the app'] ] [el:title] [el:title] [el:title] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 30 30 9 | complete icon 77 33 4 4 | image 80 7 16 16 | complete text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "layout_seq_without_completion": "button 73 30 30 9 | icon 77 33 4 4 | image 80 7 16 16 | text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "plain_layout_seq": "button 73 30 30 9 | icon 77 33 4 4 | image 80 7 16 16 | text 84 34 15 2 | title 2 38 57 3 | title 2 9 57 12 | title 2 21 57 12", "canvas_width": 1054, "canvas_height": 479, "elements": [ { "type": "image", "position": [ 706, 69, 144, 144 ], "completed": false }, { "type": "title", "position": [ 24, 84, 503, 108 ], "completed": false }, { "type": "title", "position": [ 24, 192, 503, 108 ], "completed": false }, { "type": "button", "position": [ 646, 269, 266, 84 ], "completed": false }, { "type": "icon", "position": [ 680, 291, 40, 40 ], "completed": true }, { "type": "text", "position": [ 740, 299, 138, 24 ], "completed": true }, { "type": "title", "position": [ 24, 340, 503, 27 ], "completed": false } ] }, { "text": "#A page introducing Darlene Zschech.# The page contains an image, a title written \"Darlene Zschech\", a brief introduction of Darlene Zschech and a link for users to find sheet music by Darlene Zschech.", "region_id": "5256", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'darlene zschech'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'find sheet music by Darlene Zschech'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 14 7 29 5 | complete icon 38 14 0 1 | image 3 4 8 8 | link 14 13 22 1 | title 14 4 16 3", "layout_seq_without_completion": "description 14 7 29 5 | icon 38 14 0 1 | image 3 4 8 8 | link 14 13 22 1 | title 14 4 16 3", "plain_layout_seq": "description 14 7 29 5 | icon 38 14 0 1 | image 3 4 8 8 | link 14 13 22 1 | title 14 4 16 3", "canvas_width": 1024, "canvas_height": 179, "elements": [ { "type": "title", "position": [ 127, 39, 141, 26 ], "completed": false }, { "type": "image", "position": [ 27, 40, 70, 70 ], "completed": false }, { "type": "description", "position": [ 127, 67, 251, 44 ], "completed": false }, { "type": "link", "position": [ 127, 119, 196, 15 ], "completed": false }, { "type": "icon", "position": [ 328, 121, 7, 11 ], "completed": true } ] }, { "text": "# A page for guiding the user to learn free courses on a website.# The page should have the title \"100% Free\", a slogan \"Start Learning with Free Courses\", and a short description.", "region_id": "4688", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value '100% free'] ] [el:title [attr:value 'start learning with free courses'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "layout_seq_without_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "plain_layout_seq": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "canvas_width": 969, "canvas_height": 136, "elements": [ { "type": "title", "position": [ 0, 0, 969, 28 ], "completed": false }, { "type": "title", "position": [ 0, 44, 969, 48 ], "completed": false }, { "type": "description", "position": [ 0, 108, 969, 28 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"wistron\" to users.# The page should include a background image, two buttons for users to browse the information of the company.", "region_id": "2407", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined", "layout_seq_with_completion": "background 0 0 120 36 | button 1 15 3 5 | button 115 15 3 5 | \" [ complete button 54 34 1 1 ] | [ complete button 57 34 1 1 ] | [ complete button 59 34 1 1 ] | [ complete button 61 34 1 1 ] | [ complete button 63 34 1 1 ] | [ complete button 66 34 1 1 ] \"", "layout_seq_without_completion": "background 0 0 120 36 | button 1 15 3 5 | button 115 15 3 5 | \" [ button 54 34 1 1 ] | [ button 57 34 1 1 ] | [ button 59 34 1 1 ] | [ button 61 34 1 1 ] | [ button 63 34 1 1 ] | [ button 66 34 1 1 ] \"", "plain_layout_seq": "background 0 0 120 36 | button 1 15 3 5 | button 115 15 3 5 | button 54 34 1 1 | button 57 34 1 1 | button 59 34 1 1 | button 61 34 1 1 | button 63 34 1 1 | button 66 34 1 1", "canvas_width": 1280, "canvas_height": 394, "elements": [ { "type": "background", "position": [ 0, 0, 1280, 394 ], "completed": false }, { "type": "button", "position": [ 13, 165, 35, 57 ], "completed": false }, { "type": "button", "position": [ 1233, 165, 36, 57 ], "completed": false }, { "type": "button", "position": [ 585, 371, 14, 11 ], "completed": true }, { "type": "button", "position": [ 609, 371, 14, 11 ], "completed": true }, { "type": "button", "position": [ 633, 371, 14, 11 ], "completed": true }, { "type": "button", "position": [ 657, 371, 14, 11 ], "completed": true }, { "type": "button", "position": [ 681, 371, 14, 11 ], "completed": true }, { "type": "button", "position": [ 705, 371, 14, 11 ], "completed": true } ] }, { "text": "#A page introducing a company. # The page should have a background image, an exciting slogan, and a short introduction to entice users to use its service.", "region_id": "1254", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "layout_seq_without_completion": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "plain_layout_seq": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "canvas_width": 1024, "canvas_height": 1021, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 1021 ], "completed": false }, { "type": "title", "position": [ 143, 128, 738, 99 ], "completed": false }, { "type": "description", "position": [ 143, 243, 738, 22 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a big background image, an exciting slogan, and a short introduction to entice users to use its service.", "region_id": "1254_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : background undefined large | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "layout_seq_without_completion": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "plain_layout_seq": "background 0 0 120 119 | description 16 28 86 2 | title 16 15 86 11", "canvas_width": 1024, "canvas_height": 1021, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 1021 ], "completed": false }, { "type": "title", "position": [ 143, 128, 738, 99 ], "completed": false }, { "type": "description", "position": [ 143, 243, 738, 22 ], "completed": false } ] }, { "text": "#A page for introducing a premier global alternative asset manager.# There should be a conspicuous title \"Pioneers of long-term impact\" and a brief introduction under it. At the bottom, users can click a button to get further information.", "region_id": "847", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'pioneers of long-term impact'] [attr:position'top'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | title top undefined", "layout_seq_with_completion": "button 2 24 24 5 | description 2 14 83 5 | complete text 2 0 83 2 | title 2 4 83 6", "layout_seq_without_completion": "button 2 24 24 5 | description 2 14 83 5 | text 2 0 83 2 | title 2 4 83 6", "plain_layout_seq": "button 2 24 24 5 | description 2 14 83 5 | text 2 0 83 2 | title 2 4 83 6", "canvas_width": 1003, "canvas_height": 247, "elements": [ { "type": "text", "position": [ 24, 0, 700, 20 ], "completed": true }, { "type": "title", "position": [ 24, 35, 700, 56 ], "completed": false }, { "type": "description", "position": [ 24, 119, 700, 42 ], "completed": false }, { "type": "button", "position": [ 24, 201, 201, 46 ], "completed": false } ] }, { "text": "# A page for the user to read the eCommerce shipping and packaging blog. # There should be an image, a title, an unfinished description, and a button for the user to read now by clicking it.", "region_id": "7256", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value 'read now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 40 14 5 | description 64 28 49 9 | image 6 6 53 48 | title 64 18 49 8", "layout_seq_without_completion": "button 64 40 14 5 | description 64 28 49 9 | image 6 6 53 48 | title 64 18 49 8", "plain_layout_seq": "button 64 40 14 5 | description 64 28 49 9 | image 6 6 53 48 | title 64 18 49 8", "canvas_width": 1024, "canvas_height": 545, "elements": [ { "type": "image", "position": [ 55, 55, 457, 415 ], "completed": false }, { "type": "title", "position": [ 547, 156, 422, 72 ], "completed": false }, { "type": "description", "position": [ 547, 245, 422, 81 ], "completed": false }, { "type": "button", "position": [ 547, 346, 123, 43 ], "completed": false } ] }, { "text": "#A page introducing the services of a company, which is dedicated to Bitcoin services.#It has a little image to fill in the blanks. There should be a title and an explanation. It also has to have a link \"Learn more\".", "region_id": "1831", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'small'] ] [el:title] [el:description] [el:link [attr:value'learn more'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 30 13 80 8 | image 8 9 14 11 | link 30 21 11 3 | complete text 41 22 0 2 | title 30 5 80 3", "layout_seq_without_completion": "description 30 13 80 8 | image 8 9 14 11 | link 30 21 11 3 | text 41 22 0 2 | title 30 5 80 3", "plain_layout_seq": "description 30 13 80 8 | image 8 9 14 11 | link 30 21 11 3 | text 41 22 0 2 | title 30 5 80 3", "canvas_width": 920, "canvas_height": 240, "elements": [ { "type": "title", "position": [ 236, 45, 620, 30 ], "completed": false }, { "type": "image", "position": [ 64, 75, 108, 86 ], "completed": false }, { "type": "description", "position": [ 236, 101, 619, 65 ], "completed": false }, { "type": "link", "position": [ 236, 168, 85, 23 ], "completed": false }, { "type": "text", "position": [ 321, 170, 4, 19 ], "completed": true } ] }, { "text": "# A page for the user to sign in to a website. # The page should have a background image, two input boxes for respectively entering email and password, and a button for the user to click to sign in. Besides, there should have two links for the user who forgets the password and needs an account.", "region_id": "7942", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:input [attr:value'enter email']][el:input [attr:value'enter password']] [el:button[attr:value 'sign in']] [el:link [attr:value 'forgets the password'] ] [el:link [attr:value 'needs an account'] ]]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "background 3 1 113 44 | button 33 27 15 5 | input 33 11 52 5 | input 33 19 52 5 | link 51 30 13 1 | link 51 27 18 1 | complete text 35 13 4 2 | complete text 35 21 7 2", "layout_seq_without_completion": "background 3 1 113 44 | button 33 27 15 5 | input 33 11 52 5 | input 33 19 52 5 | link 51 30 13 1 | link 51 27 18 1 | text 35 13 4 2 | text 35 21 7 2", "plain_layout_seq": "background 3 1 113 44 | button 33 27 15 5 | input 33 11 52 5 | input 33 19 52 5 | link 51 30 13 1 | link 51 27 18 1 | text 35 13 4 2 | text 35 21 7 2", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "background", "position": [ 26, 15, 972, 380 ], "completed": false }, { "type": "input", "position": [ 288, 95, 448, 49 ], "completed": false }, { "type": "text", "position": [ 302, 112, 37, 21 ], "completed": true }, { "type": "input", "position": [ 288, 163, 448, 49 ], "completed": false }, { "type": "text", "position": [ 302, 180, 61, 21 ], "completed": true }, { "type": "button", "position": [ 288, 231, 130, 47 ], "completed": false }, { "type": "link", "position": [ 442, 232, 158, 17 ], "completed": false }, { "type": "link", "position": [ 442, 260, 119, 17 ], "completed": false } ] }, { "text": "#A page for introducing a magazine named \"The ONside Magazine: Climate Special Edition\" for users.# The page should include one title and a brief description of this magazine. Also, an image of its cover should be placed on the right side. A button is needed for users to read the content.", "region_id": "1835", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read the content'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 119 42 | button 8 30 17 5 | description 8 17 46 8 | image 71 5 34 34 | title 8 8 46 5", "layout_seq_without_completion": "background 0 0 119 42 | button 8 30 17 5 | description 8 17 46 8 | image 71 5 34 34 | title 8 8 46 5", "plain_layout_seq": "background 0 0 119 42 | button 8 30 17 5 | description 8 17 46 8 | image 71 5 34 34 | title 8 8 46 5", "canvas_width": 1164, "canvas_height": 410, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 410 ], "completed": true }, { "type": "image", "position": [ 694, 50, 330, 330 ], "completed": false }, { "type": "title", "position": [ 80, 86, 450, 55 ], "completed": false }, { "type": "description", "position": [ 80, 166, 450, 86 ], "completed": false }, { "type": "button", "position": [ 80, 292, 170, 51 ], "completed": false } ] }, { "text": "# A page to introduce AppDirect. # There should include two text boxes. One is the slogan and another is a brief description. Besides, a text button is necessary for the user to learn more by clicking it. It would be better to have an image of the topic.", "region_id": "681", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 21 9 2 | description 3 11 37 7 | title 3 0 37 9", "layout_seq_without_completion": "button 3 21 9 2 | description 3 11 37 7 | title 3 0 37 9", "plain_layout_seq": "button 3 21 9 2 | description 3 11 37 7 | title 3 0 37 9", "canvas_width": 1044, "canvas_height": 208, "elements": [ { "type": "title", "position": [ 28, 0, 326, 81 ], "completed": false }, { "type": "description", "position": [ 28, 101, 326, 69 ], "completed": false }, { "type": "button", "position": [ 28, 189, 83, 19 ], "completed": false } ] }, { "text": "#A page for introducing goods sold at Amiramour to users.# This page should include one picture on the left. On the right side, there should be one title and a brief description of goods sold at Amiramour. Below, one link should be provided for users to view collections.", "region_id": "6800", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] ] [el:description [attr:size 'small'] [attr:position 'right'] ] [el:link [attr:value 'VIEW COLLECTION'] [attr:position 'right'] ] ]", "execution": "singleinfo : description right small | image left undefined | link right undefined | title right undefined", "layout_seq_with_completion": "description 63 21 45 5 | image 10 7 45 33 | link 63 29 12 1 | title 63 15 45 2", "layout_seq_without_completion": "description 63 21 45 5 | image 10 7 45 33 | link 63 29 12 1 | title 63 15 45 2", "plain_layout_seq": "description 63 21 45 5 | image 10 7 45 33 | link 63 29 12 1 | title 63 15 45 2", "canvas_width": 1350, "canvas_height": 519, "elements": [ { "type": "image", "position": [ 122, 80, 513, 379 ], "completed": false }, { "type": "title", "position": [ 715, 175, 513, 33 ], "completed": false }, { "type": "description", "position": [ 715, 246, 513, 63 ], "completed": false }, { "type": "link", "position": [ 715, 337, 139, 16 ], "completed": false } ] }, { "text": "#A page for introducing a company.# The page should have a background image, two short slogans to present its pros and entice users to use its service, and two buttons for users to click to request a demo and become a provider.", "region_id": "469", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image ] [el:title [attr:repeat '2']] [el:button [attr:value'Request A Demo'] ] [el:button [attr:value'Become A Provider'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "layout_seq_without_completion": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "plain_layout_seq": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "canvas_width": 1025, "canvas_height": 577, "elements": [ { "type": "background", "position": [ 0, 0, 1025, 577 ], "completed": false }, { "type": "title", "position": [ 281, 149, 463, 128 ], "completed": false }, { "type": "title", "position": [ 281, 287, 463, 36 ], "completed": false }, { "type": "button", "position": [ 322, 373, 180, 54 ], "completed": false }, { "type": "button", "position": [ 522, 373, 180, 54 ], "completed": false } ] }, { "text": "#A page for introducing a company.# The page should have a big background image, two short slogans to present its pros and entice users to use its service, and two buttons for users to click to request a demo and become a provider.", "region_id": "469_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large']] [el:title [attr:value'Pros']] [el:title [attr:value'Entice Users'] ] [el:button [attr:value'Request A Demo'] ] [el:button [attr:value'Become A Provider'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "layout_seq_without_completion": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "plain_layout_seq": "background 0 0 120 67 | button 37 43 21 6 | button 61 43 21 6 | title 32 17 54 14 | title 32 33 54 4", "canvas_width": 1025, "canvas_height": 577, "elements": [ { "type": "background", "position": [ 0, 0, 1025, 577 ], "completed": false }, { "type": "title", "position": [ 281, 149, 463, 128 ], "completed": false }, { "type": "title", "position": [ 281, 287, 463, 36 ], "completed": false }, { "type": "button", "position": [ 322, 373, 180, 54 ], "completed": false }, { "type": "button", "position": [ 522, 373, 180, 54 ], "completed": false } ] }, { "text": "# A page for the user to enter a ZIP code or address to search whether they can access HCA Healthcare. # The page should have a slogan and a text box asking the user to enter a ZIP code or address. Then there should be an input and a text button used to search.", "region_id": "1378", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:value'enter a ZIP code or address'] ] [el:input] [el:button [attr:value'search'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 101 13 16 4 | input 1 13 96 4 | text 1 9 21 2 | title 1 1 116 5", "layout_seq_without_completion": "button 101 13 16 4 | input 1 13 96 4 | text 1 9 21 2 | title 1 1 116 5", "plain_layout_seq": "button 101 13 16 4 | input 1 13 96 4 | text 1 9 21 2 | title 1 1 116 5", "canvas_width": 970, "canvas_height": 165, "elements": [ { "type": "title", "position": [ 15, 15, 940, 45 ], "completed": false }, { "type": "text", "position": [ 15, 75, 173, 20 ], "completed": false }, { "type": "input", "position": [ 15, 110, 778, 40 ], "completed": false }, { "type": "button", "position": [ 823, 110, 132, 40 ], "completed": false } ] }, { "text": "#A page for introducing Greenlight.# On the top, there are seven logos. In the middle, there are five Pentagram icons showing the score and two text boxes showing the title and detail.", "region_id": "207", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:position 'top'] [attr:repeat '7'] ] [el:icon [attr:value 'Pentagram'] [attr:repeat '5'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | title undefined undefined", "layout_seq_with_completion": "description 30 39 59 5 | title 14 30 90 5 | \" [ logo 104 1 6 6 ] | [ logo 40 2 12 4 ] | [ logo 56 2 12 6 ] | [ logo 88 2 12 6 ] | [ logo 8 3 12 2 ] | [ logo 24 3 12 2 ] | [ logo 72 4 12 2 ] \" | \" [ icon 43 22 5 4 ] | [ icon 50 22 5 4 ] | [ icon 57 22 5 4 ] | [ icon 64 22 5 4 ] | [ icon 71 22 5 4 ] \"", "layout_seq_without_completion": "description 30 39 59 5 | title 14 30 90 5 | \" [ logo 104 1 6 6 ] | [ logo 40 2 12 4 ] | [ logo 56 2 12 6 ] | [ logo 88 2 12 6 ] | [ logo 8 3 12 2 ] | [ logo 24 3 12 2 ] | [ logo 72 4 12 2 ] \" | \" [ icon 43 22 5 4 ] | [ icon 50 22 5 4 ] | [ icon 57 22 5 4 ] | [ icon 64 22 5 4 ] | [ icon 71 22 5 4 ] \"", "plain_layout_seq": "description 30 39 59 5 | icon 43 22 5 4 | icon 50 22 5 4 | icon 57 22 5 4 | icon 64 22 5 4 | icon 71 22 5 4 | logo 104 1 6 6 | logo 40 2 12 4 | logo 56 2 12 6 | logo 88 2 12 6 | logo 8 3 12 2 | logo 24 3 12 2 | logo 72 4 12 2 | title 14 30 90 5", "canvas_width": 1003, "canvas_height": 487, "elements": [ { "type": "logo", "position": [ 873, 15, 56, 56 ], "completed": false }, { "type": "logo", "position": [ 473, 18, 102, 51 ], "completed": false }, { "type": "logo", "position": [ 740, 18, 102, 51 ], "completed": false }, { "type": "logo", "position": [ 340, 24, 102, 38 ], "completed": false }, { "type": "logo", "position": [ 73, 31, 102, 24 ], "completed": false }, { "type": "logo", "position": [ 207, 33, 102, 20 ], "completed": false }, { "type": "logo", "position": [ 607, 34, 102, 19 ], "completed": false }, { "type": "icon", "position": [ 364, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 422, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 480, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 538, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 596, 189, 43, 40 ], "completed": false }, { "type": "title", "position": [ 124, 255, 755, 45 ], "completed": false }, { "type": "description", "position": [ 252, 331, 500, 49 ], "completed": false } ] }, { "text": "#A page for introducing Greenlight.# On the top, there are seven logos and in the middle, there are five icons of \"five-pointed star\" showing the score and two text boxes showing the title and detail.", "region_id": "207_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:position 'top'] [attr:repeat '7'] ] [el:icon [attr:value 'five-pointed star'] [attr:repeat '5'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | logo top undefined | title undefined undefined", "layout_seq_with_completion": "description 30 39 59 5 | title 14 30 90 5 | \" [ logo 104 1 6 6 ] | [ logo 40 2 12 4 ] | [ logo 56 2 12 6 ] | [ logo 88 2 12 6 ] | [ logo 8 3 12 2 ] | [ logo 24 3 12 2 ] | [ logo 72 4 12 2 ] \" | \" [ icon 43 22 5 4 ] | [ icon 50 22 5 4 ] | [ icon 57 22 5 4 ] | [ icon 64 22 5 4 ] | [ icon 71 22 5 4 ] \"", "layout_seq_without_completion": "description 30 39 59 5 | title 14 30 90 5 | \" [ logo 104 1 6 6 ] | [ logo 40 2 12 4 ] | [ logo 56 2 12 6 ] | [ logo 88 2 12 6 ] | [ logo 8 3 12 2 ] | [ logo 24 3 12 2 ] | [ logo 72 4 12 2 ] \" | \" [ icon 43 22 5 4 ] | [ icon 50 22 5 4 ] | [ icon 57 22 5 4 ] | [ icon 64 22 5 4 ] | [ icon 71 22 5 4 ] \"", "plain_layout_seq": "description 30 39 59 5 | icon 43 22 5 4 | icon 50 22 5 4 | icon 57 22 5 4 | icon 64 22 5 4 | icon 71 22 5 4 | logo 104 1 6 6 | logo 40 2 12 4 | logo 56 2 12 6 | logo 88 2 12 6 | logo 8 3 12 2 | logo 24 3 12 2 | logo 72 4 12 2 | title 14 30 90 5", "canvas_width": 1003, "canvas_height": 487, "elements": [ { "type": "logo", "position": [ 873, 15, 56, 56 ], "completed": false }, { "type": "logo", "position": [ 473, 18, 102, 51 ], "completed": false }, { "type": "logo", "position": [ 740, 18, 102, 51 ], "completed": false }, { "type": "logo", "position": [ 340, 24, 102, 38 ], "completed": false }, { "type": "logo", "position": [ 73, 31, 102, 24 ], "completed": false }, { "type": "logo", "position": [ 207, 33, 102, 20 ], "completed": false }, { "type": "logo", "position": [ 607, 34, 102, 19 ], "completed": false }, { "type": "icon", "position": [ 364, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 422, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 480, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 538, 189, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 596, 189, 43, 40 ], "completed": false }, { "type": "title", "position": [ 124, 255, 755, 45 ], "completed": false }, { "type": "description", "position": [ 252, 331, 500, 49 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a slogan \"Be in the Know\", a text box telling the user to subscribe to the newsletter, an input for the user to enter the email address for receiving the newsletter, and a text button for the user to submit. There should also be three small images showing the logo of social apps such as Twitter, and Facebook.", "region_id": "1859", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'be in the know'] ] [el:text] [el:input [attr:value'enter the email address'] ] [el:button [attr:value'submit'] ] [el:logo [attr:repeat'3'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 28 | button 71 12 13 5 | input 35 12 36 5 | text 9 16 23 5 | title 9 4 23 9 | \" [ logo 90 11 5 5 ] | [ logo 96 11 5 5 ] | [ logo 103 11 5 5 ] \"", "layout_seq_without_completion": "background 0 0 120 28 | button 71 12 13 5 | input 35 12 36 5 | text 9 16 23 5 | title 9 4 23 9 | \" [ logo 90 11 5 5 ] | [ logo 96 11 5 5 ] | [ logo 103 11 5 5 ] \"", "plain_layout_seq": "background 0 0 120 28 | button 71 12 13 5 | input 35 12 36 5 | logo 90 11 5 5 | logo 96 11 5 5 | logo 103 11 5 5 | text 9 16 23 5 | title 9 4 23 9", "canvas_width": 1024, "canvas_height": 240, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 240 ], "completed": true }, { "type": "title", "position": [ 81, 40, 203, 83 ], "completed": false }, { "type": "logo", "position": [ 768, 98, 47, 47 ], "completed": false }, { "type": "logo", "position": [ 826, 98, 47, 47 ], "completed": false }, { "type": "logo", "position": [ 882, 98, 47, 47 ], "completed": false }, { "type": "input", "position": [ 299, 103, 311, 44 ], "completed": false }, { "type": "button", "position": [ 610, 103, 115, 44 ], "completed": false }, { "type": "text", "position": [ 81, 139, 203, 47 ], "completed": false } ] }, { "text": "# A page for marketing a company.# The page should include a slogan and a text box with a short description. And it is necessary to have a text button for the user to contact the company.", "region_id": "369", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 34 | button 51 18 16 5 | description 31 13 56 1 | title 31 8 56 4", "layout_seq_without_completion": "background 0 0 120 34 | button 51 18 16 5 | description 31 13 56 1 | title 31 8 56 4", "plain_layout_seq": "background 0 0 120 34 | button 51 18 16 5 | description 31 13 56 1 | title 31 8 56 4", "canvas_width": 1024, "canvas_height": 291, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 291 ], "completed": true }, { "type": "title", "position": [ 271, 70, 482, 40 ], "completed": false }, { "type": "description", "position": [ 271, 115, 482, 17 ], "completed": false }, { "type": "button", "position": [ 442, 160, 140, 43 ], "completed": false } ] }, { "text": "#A page for introducing Liberties.# The page should have a title, text to show the pros of Liberties, and a button for users to click to learn more. An image as an extra layout.", "region_id": "3953", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value 'learn more']] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 98 17 13 3 | image 6 3 33 20 | text 44 10 67 6 | title 44 6 67 3", "layout_seq_without_completion": "button 98 17 13 3 | image 6 3 33 20 | text 44 10 67 6 | title 44 6 67 3", "plain_layout_seq": "button 98 17 13 3 | image 6 3 33 20 | text 44 10 67 6 | title 44 6 67 3", "canvas_width": 1024, "canvas_height": 228, "elements": [ { "type": "image", "position": [ 53, 28, 288, 173 ], "completed": false }, { "type": "title", "position": [ 381, 54, 576, 28 ], "completed": false }, { "type": "text", "position": [ 381, 90, 576, 56 ], "completed": false }, { "type": "button", "position": [ 844, 146, 113, 28 ], "completed": false } ] }, { "text": "# A page for marketing a SaaS platform for the user.# The page should have the title \"Build Your Brands with Stable Partners\", and three short introductions to the benefits of the platform. It will be better to have two images.", "region_id": "5989", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'build your brands with stable partners'] ] [el:description [attr:size 'small'] [attr:repeat '3'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined small | description undefined small | description undefined small | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 15 16 50 4 | description 15 25 50 4 | description 15 21 50 4 | image 6 6 4 4 | image 71 0 46 38 | title 13 6 54 8", "layout_seq_without_completion": "description 15 16 50 4 | description 15 25 50 4 | description 15 21 50 4 | image 6 6 4 4 | image 71 0 46 38 | title 13 6 54 8", "plain_layout_seq": "description 15 16 50 4 | description 15 25 50 4 | description 15 21 50 4 | image 6 6 4 4 | image 71 0 46 38 | title 13 6 54 8", "canvas_width": 970, "canvas_height": 335, "elements": [ { "type": "image", "position": [ 581, 0, 374, 314 ], "completed": false }, { "type": "image", "position": [ 49, 50, 40, 40 ], "completed": false }, { "type": "title", "position": [ 109, 50, 437, 67 ], "completed": false }, { "type": "description", "position": [ 124, 137, 407, 36 ], "completed": false }, { "type": "description", "position": [ 124, 173, 407, 36 ], "completed": false }, { "type": "description", "position": [ 124, 209, 407, 36 ], "completed": false } ] }, { "text": "# A page for the user to give feedback on the product. # On the page, there should be a title \"Feedbacks\", an image, and a text box for description. Then two text buttons are necessary, so the user can click them to take a tour and learn more info.", "region_id": "1950", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'feedbacks'] ] [el:image] [el:description] [el:button [attr:value'take a tour'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 37 15 4 | button 21 37 13 5 | description 1 18 37 15 | complete icon 32 39 2 2 | image 59 2 60 48 | complete text 21 38 10 2 | title 1 10 18 4", "layout_seq_without_completion": "button 1 37 15 4 | button 21 37 13 5 | description 1 18 37 15 | icon 32 39 2 2 | image 59 2 60 48 | text 21 38 10 2 | title 1 10 18 4", "plain_layout_seq": "button 1 37 15 4 | button 21 37 13 5 | description 1 18 37 15 | icon 32 39 2 2 | image 59 2 60 48 | text 21 38 10 2 | title 1 10 18 4", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "image", "position": [ 507, 20, 517, 415 ], "completed": false }, { "type": "title", "position": [ 15, 88, 162, 41 ], "completed": false }, { "type": "description", "position": [ 15, 157, 317, 136 ], "completed": false }, { "type": "button", "position": [ 182, 317, 114, 51 ], "completed": false }, { "type": "button", "position": [ 15, 323, 132, 38 ], "completed": false }, { "type": "text", "position": [ 183, 331, 92, 20 ], "completed": true }, { "type": "icon", "position": [ 275, 333, 20, 18 ], "completed": true } ] }, { "text": "#A page for guiding users to learn more about the brand.# The page has a link named \"MENU\" for users to see all categories of information, a brand logo, and one input with a button named \"Search\" for users to click to get more information about the brand.", "region_id": "3332", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value 'menu'] ] [el:logo] [el:input] [el:button [attr:value 'search'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 112 1 6 4 | input 83 1 35 4 | link 1 1 7 4 | logo 11 0 16 4", "layout_seq_without_completion": "button 112 1 6 4 | input 83 1 35 4 | link 1 1 7 4 | logo 11 0 16 4", "plain_layout_seq": "button 112 1 6 4 | input 83 1 35 4 | link 1 1 7 4 | logo 11 0 16 4", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "logo", "position": [ 98, 8, 142, 42 ], "completed": false }, { "type": "link", "position": [ 10, 11, 68, 38 ], "completed": false }, { "type": "input", "position": [ 714, 11, 300, 38 ], "completed": false }, { "type": "button", "position": [ 959, 11, 55, 38 ], "completed": false } ] }, { "text": "# A page for marketing WordPress and guiding the user to get pro-level visuals. # The page should have the title \"SLIDER REVOLUTION 6\", a slogan, a short description, and a button for the user to get pro-level visuals. Also, there should be a video for the user to watch for more info.", "region_id": "3306", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'slider revolution 6'] ] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'get pro-level visuals'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 71 | complete background 60 0 59 59 | button 3 48 36 5 | complete button 76 12 14 14 | description 3 33 42 9 | complete icon 79 15 7 7 | image 60 0 59 47 | title 3 11 56 2 | title 3 16 56 11", "layout_seq_without_completion": "background 0 0 120 71 | background 60 0 59 59 | button 3 48 36 5 | button 76 12 14 14 | description 3 33 42 9 | icon 79 15 7 7 | image 60 0 59 47 | title 3 11 56 2 | title 3 16 56 11", "plain_layout_seq": "background 0 0 120 71 | background 60 0 59 59 | button 3 48 36 5 | button 76 12 14 14 | description 3 33 42 9 | icon 79 15 7 7 | image 60 0 59 47 | title 3 11 56 2 | title 3 16 56 11", "canvas_width": 1009, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 600 ], "completed": true }, { "type": "image", "position": [ 509, 0, 500, 397 ], "completed": false }, { "type": "background", "position": [ 509, 0, 500, 497 ], "completed": true }, { "type": "title", "position": [ 30, 100, 475, 20 ], "completed": false }, { "type": "button", "position": [ 644, 104, 120, 120 ], "completed": true }, { "type": "icon", "position": [ 670, 131, 65, 65 ], "completed": true }, { "type": "title", "position": [ 30, 140, 475, 100 ], "completed": false }, { "type": "description", "position": [ 30, 278, 360, 82 ], "completed": false }, { "type": "button", "position": [ 30, 408, 309, 50 ], "completed": false } ] }, { "text": "# A page to introduce a company for the user to explore the product range of a company.# The page should have a slogan and a text box with a short description of the service of the company. And then there should be a text button for the user to click to explore the range of a company.", "region_id": "1847", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore the range of a company'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 5 27 26 4 | description 5 13 45 9 | complete image 60 3 54 29 | title 5 3 45 7", "layout_seq_without_completion": "button 5 27 26 4 | description 5 13 45 9 | image 60 3 54 29 | title 5 3 45 7", "plain_layout_seq": "button 5 27 26 4 | description 5 13 45 9 | image 60 3 54 29 | title 5 3 45 7", "canvas_width": 1024, "canvas_height": 312, "elements": [ { "type": "title", "position": [ 48, 30, 384, 68 ], "completed": false }, { "type": "image", "position": [ 512, 30, 464, 251 ], "completed": true }, { "type": "description", "position": [ 48, 118, 384, 84 ], "completed": false }, { "type": "button", "position": [ 48, 232, 222, 40 ], "completed": false } ] }, { "text": "#A page for showing the study of outcome about hinge health.# The page should have one title, two short introductions of a study and an outcome about hinge health, and two buttons underneath for users to click to read the study and the outcome.", "region_id": "1412", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:repeat'2'] ] [el:button [attr:value'read the study'] ] [el:button [attr:value'read the outcome'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | description undefined small | title undefined undefined", "layout_seq_with_completion": "title 4 8 111 5 | \" [ button 8 46 41 2 | description 8 25 41 21 | complete image 0 19 58 35 ] | [ button 69 46 41 2 | description 69 25 41 16 | complete image 61 19 58 35 ] \"", "layout_seq_without_completion": "title 4 8 111 5 | \" [ button 8 46 41 2 | description 8 25 41 21 | image 0 19 58 35 ] | [ button 69 46 41 2 | description 69 25 41 16 | image 61 19 58 35 ] \"", "plain_layout_seq": "button 8 46 41 2 | button 69 46 41 2 | description 8 25 41 21 | description 69 25 41 16 | image 0 19 58 35 | image 61 19 58 35 | title 4 8 111 5", "canvas_width": 1003, "canvas_height": 540, "elements": [ { "type": "title", "position": [ 36, 73, 930, 43 ], "completed": false }, { "type": "image", "position": [ 0, 165, 492, 300 ], "completed": true }, { "type": "image", "position": [ 512, 165, 491, 300 ], "completed": true }, { "type": "description", "position": [ 74, 215, 344, 176 ], "completed": false }, { "type": "description", "position": [ 585, 215, 344, 137 ], "completed": false }, { "type": "button", "position": [ 74, 391, 344, 24 ], "completed": false }, { "type": "button", "position": [ 585, 391, 344, 24 ], "completed": false } ] }, { "text": "#A page for introducing the investor relations to users.# The page should include a background image and a title \"investor relations\". On the top, there should be the value of the NYSE.", "region_id": "275", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'investor relations']] [el:text [attr:position'top']] ]", "execution": "singleinfo : background undefined undefined | text top undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 46 | complete image 98 0 19 5 | text 100 1 10 2 | text 110 1 5 3 | title 1 20 116 7", "layout_seq_without_completion": "background 0 0 120 46 | image 98 0 19 5 | text 100 1 10 2 | text 110 1 5 3 | title 1 20 116 7", "plain_layout_seq": "background 0 0 120 46 | image 98 0 19 5 | text 100 1 10 2 | text 110 1 5 3 | title 1 20 116 7", "canvas_width": 1024, "canvas_height": 401, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 401 ], "completed": false }, { "type": "image", "position": [ 842, 0, 167, 46 ], "completed": true }, { "type": "text", "position": [ 946, 9, 47, 28 ], "completed": false }, { "type": "text", "position": [ 858, 12, 88, 22 ], "completed": false }, { "type": "title", "position": [ 15, 174, 994, 67 ], "completed": false } ] }, { "text": "#A page for introducing an article in terms of cancer.# The page should have a related image, two texts to show the title, and a short description of the article.", "region_id": "3212", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 60 11 60 5 | image 0 3 56 29 | title 60 3 60 6", "layout_seq_without_completion": "description 60 11 60 5 | image 0 3 56 29 | title 60 3 60 6", "plain_layout_seq": "description 60 11 60 5 | image 0 3 56 29 | title 60 3 60 6", "canvas_width": 964, "canvas_height": 271, "elements": [ { "type": "image", "position": [ 0, 31, 453, 240 ], "completed": false }, { "type": "title", "position": [ 482, 31, 482, 54 ], "completed": false }, { "type": "description", "position": [ 482, 95, 482, 45 ], "completed": false } ] }, { "text": "#A page for introducing an omnichannel communications platform to users.# The page should include one title and a brief description of the platform. Besides, there should be two buttons for users to start for free and contact sales. At the bottom, there should be some images of the platform's interface.", "region_id": "1708", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'start for free'] ] [el:button [attr:value'contact sales'] ] [el:image [attr:position'bottom'] [attr:repeat 'several'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image bottom undefined | image bottom undefined | image bottom undefined | image bottom undefined | title undefined undefined", "layout_seq_with_completion": "button 39 48 19 5 | button 61 48 19 5 | description 20 34 78 9 | image 51 65 17 31 | title 20 22 78 11 | \" [ image 22 65 25 8 ] | [ image 22 76 25 13 ] | [ image 22 92 25 6 ] \" | \" [ image 72 65 25 3 ] | [ image 72 71 25 3 ] | [ image 72 76 25 22 ] \"", "layout_seq_without_completion": "button 39 48 19 5 | button 61 48 19 5 | description 20 34 78 9 | image 51 65 17 31 | title 20 22 78 11 | \" [ image 22 65 25 8 ] | [ image 22 76 25 13 ] | [ image 22 92 25 6 ] \" | \" [ image 72 65 25 3 ] | [ image 72 71 25 3 ] | [ image 72 76 25 22 ] \"", "plain_layout_seq": "button 39 48 19 5 | button 61 48 19 5 | description 20 34 78 9 | image 51 65 17 31 | image 22 65 25 8 | image 22 76 25 13 | image 22 92 25 6 | image 72 65 25 3 | image 72 71 25 3 | image 72 76 25 22 | title 20 22 78 11", "canvas_width": 1003, "canvas_height": 875, "elements": [ { "type": "title", "position": [ 174, 186, 656, 94 ], "completed": false }, { "type": "description", "position": [ 174, 292, 656, 81 ], "completed": false }, { "type": "button", "position": [ 332, 405, 164, 44 ], "completed": false }, { "type": "button", "position": [ 511, 405, 160, 44 ], "completed": false }, { "type": "image", "position": [ 192, 549, 214, 69 ], "completed": false }, { "type": "image", "position": [ 430, 549, 148, 262 ], "completed": false }, { "type": "image", "position": [ 602, 549, 209, 27 ], "completed": false }, { "type": "image", "position": [ 602, 595, 209, 27 ], "completed": false }, { "type": "image", "position": [ 192, 637, 214, 116 ], "completed": false }, { "type": "image", "position": [ 602, 642, 209, 187 ], "completed": false }, { "type": "image", "position": [ 192, 774, 214, 51 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"NEWSLETTER\", a description, an input for the user to enter an email address, and a button where the user can click to subscribe.", "region_id": "7171", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'newsletter'] ] [el:description] [el:input [attr:value 'enter an email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 20 110 5 | description 4 5 110 3 | input 4 12 110 5 | title 4 0 110 3", "layout_seq_without_completion": "button 4 20 110 5 | description 4 5 110 3 | input 4 12 110 5 | title 4 0 110 3", "plain_layout_seq": "button 4 20 110 5 | description 4 5 110 3 | input 4 12 110 5 | title 4 0 110 3", "canvas_width": 1004, "canvas_height": 225, "elements": [ { "type": "title", "position": [ 40, 0, 924, 30 ], "completed": false }, { "type": "description", "position": [ 40, 50, 924, 28 ], "completed": false }, { "type": "input", "position": [ 40, 106, 924, 49 ], "completed": false }, { "type": "button", "position": [ 40, 175, 924, 50 ], "completed": false } ] }, { "text": "# A page for the user to sign up for Calendly, an app for scheduling meetings. # There should be one title to introduce the main function of the app and a brief introduction under it. It is necessary to have an input to input the email and a button used to click to sign up. It is better to have an image of the topic.", "region_id": "53", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:repeat'2'] ] [el:input [attr:value'input the email'] ] [el:button [attr:value'sign up'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | input undefined undefined | title top undefined", "layout_seq_with_completion": "button 42 55 15 7 | description 4 33 52 22 | description 7 63 42 2 | image 63 15 52 43 | image 64 15 52 40 | input 4 55 52 7 | title 4 8 52 25", "layout_seq_without_completion": "button 42 55 15 7 | description 4 33 52 22 | description 7 63 42 2 | image 63 15 52 43 | image 64 15 52 40 | input 4 55 52 7 | title 4 8 52 25", "plain_layout_seq": "button 42 55 15 7 | description 4 33 52 22 | description 7 63 42 2 | image 63 15 52 43 | image 64 15 52 40 | input 4 55 52 7 | title 4 8 52 25", "canvas_width": 1024, "canvas_height": 650, "elements": [ { "type": "title", "position": [ 40, 71, 450, 219 ], "completed": false }, { "type": "image", "position": [ 538, 129, 446, 367 ], "completed": false }, { "type": "image", "position": [ 551, 129, 446, 348 ], "completed": false }, { "type": "description", "position": [ 40, 282, 450, 188 ], "completed": false }, { "type": "input", "position": [ 40, 470, 450, 64 ], "completed": false }, { "type": "button", "position": [ 360, 470, 130, 64 ], "completed": false }, { "type": "description", "position": [ 60, 542, 364, 24 ], "completed": false } ] }, { "text": "# A page to introduce the best online brokers in India-2022: TopShareBrokers.com. # The page should have the title \"Best Online Share Brokers in India-2022\" and two further introductions to it.", "region_id": "4856", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'best online share brokers in india-2022'] ] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 7 117 22 | description 1 32 117 8 | complete text 1 5 117 0 | title 1 0 117 3", "layout_seq_without_completion": "description 1 7 117 22 | description 1 32 117 8 | text 1 5 117 0 | title 1 0 117 3", "plain_layout_seq": "description 1 7 117 22 | description 1 32 117 8 | text 1 5 117 0 | title 1 0 117 3", "canvas_width": 1027, "canvas_height": 364, "elements": [ { "type": "title", "position": [ 12, 0, 1003, 34 ], "completed": false }, { "type": "text", "position": [ 12, 50, 1003, 2 ], "completed": true }, { "type": "description", "position": [ 12, 68, 1003, 192 ], "completed": false }, { "type": "description", "position": [ 12, 276, 1003, 72 ], "completed": false } ] }, { "text": "#A page for guiding users to buy products.# and the page includes a background, a headline named \u201cGifts That Rise To The Occasion\u201d, a description, and a button named \u201cStart Your Bouquet\u201d for users to click to buy the product.", "region_id": "5371", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'Gifts That Rise To The Occasion'] ] [el:description] [el:button [attr:value 'start your bouquet'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 0 117 20 | button 42 20 35 5 | description 42 10 35 8 | title 1 3 117 7", "layout_seq_without_completion": "background 1 0 117 20 | button 42 20 35 5 | description 42 10 35 8 | title 1 3 117 7", "plain_layout_seq": "background 1 0 117 20 | button 42 20 35 5 | description 42 10 35 8 | title 1 3 117 7", "canvas_width": 1024, "canvas_height": 224, "elements": [ { "type": "background", "position": [ 10, 0, 1004, 178 ], "completed": false }, { "type": "title", "position": [ 10, 29, 1004, 62 ], "completed": false }, { "type": "description", "position": [ 361, 91, 302, 72 ], "completed": false }, { "type": "button", "position": [ 362, 178, 300, 45 ], "completed": false } ] }, { "text": "#A page for introducing the info of Sweet Pea.# There is one background image, one title \"Sweet Pea Children's Boutique\", one label showing the address, and one label showing the business hours.", "region_id": "8157", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'sweet pea children s boutique'] ] [el:text] [el:text] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 6 120 58 | text 10 31 27 5 | text 10 38 27 7 | title 10 24 27 4", "layout_seq_without_completion": "background 0 6 120 58 | text 10 31 27 5 | text 10 38 27 7 | title 10 24 27 4", "plain_layout_seq": "background 0 6 120 58 | text 10 31 27 5 | text 10 38 27 7 | title 10 24 27 4", "canvas_width": 1024, "canvas_height": 555, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 500 ], "completed": false }, { "type": "title", "position": [ 90, 210, 232, 41 ], "completed": false }, { "type": "text", "position": [ 90, 268, 232, 45 ], "completed": false }, { "type": "text", "position": [ 90, 332, 232, 68 ], "completed": false } ] }, { "text": "#A page for introducing the products engaging high-value mobile subscribers with relevant messages to users.# The page should include one title and a brief description. At the bottom, a button is needed for users to click for further information.", "region_id": "732", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 43 42 33 6 | description 11 30 97 7 | title 7 10 105 16", "layout_seq_without_completion": "button 43 42 33 6 | description 11 30 97 7 | title 7 10 105 16", "plain_layout_seq": "button 43 42 33 6 | description 11 30 97 7 | title 7 10 105 16", "canvas_width": 1024, "canvas_height": 418, "elements": [ { "type": "title", "position": [ 64, 86, 896, 144 ], "completed": false }, { "type": "description", "position": [ 96, 258, 832, 62 ], "completed": false }, { "type": "button", "position": [ 370, 364, 284, 54 ], "completed": false } ] }, { "text": "#A page showing the statistics of a company.# There is a title named \"Why prudential?\". There is an explanation displaying the data such as \"customers worldwide\".", "region_id": "2043", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'why prudential?'] [attr:size'large'] ] [el:text [attr:size'small'] [attr:repeat '3'] ] ]", "execution": "singleinfo : text undefined small | text undefined small | text undefined small | text undefined large", "layout_seq_with_completion": "complete background 0 0 120 95 | text 6 65 34 19 | text 6 64 43 3 | text 6 27 44 19 | text 6 45 44 3 | text 6 46 43 19 | text 6 84 34 3 | text 5 7 108 19", "layout_seq_without_completion": "background 0 0 120 95 | text 6 65 34 19 | text 6 64 43 3 | text 6 27 44 19 | text 6 45 44 3 | text 6 46 43 19 | text 6 84 34 3 | text 5 7 108 19", "plain_layout_seq": "background 0 0 120 95 | text 6 65 34 19 | text 6 64 43 3 | text 6 27 44 19 | text 6 45 44 3 | text 6 46 43 19 | text 6 84 34 3 | text 5 7 108 19", "canvas_width": 1024, "canvas_height": 816, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 816 ], "completed": true }, { "type": "text", "position": [ 48, 62, 928, 169 ], "completed": false }, { "type": "text", "position": [ 56, 234, 380, 163 ], "completed": false }, { "type": "text", "position": [ 56, 391, 380, 30 ], "completed": false }, { "type": "text", "position": [ 56, 397, 372, 163 ], "completed": false }, { "type": "text", "position": [ 56, 554, 372, 30 ], "completed": false }, { "type": "text", "position": [ 56, 560, 295, 163 ], "completed": false }, { "type": "text", "position": [ 56, 717, 295, 30 ], "completed": false } ] }, { "text": "#A page for users to upload their files.# The page should include the text \"Drop Your Files Here\" and a set of pagination.", "region_id": "2725", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'drop your files here'] ] [el:pagination ] ]", "execution": "singleinfo : pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 5 0 108 20 | complete icon 1 9 2 4 | complete icon 116 9 2 4 | title 5 10 108 2", "layout_seq_without_completion": "background 5 0 108 20 | icon 1 9 2 4 | icon 116 9 2 4 | title 5 10 108 2", "plain_layout_seq": "background 5 0 108 20 | icon 1 9 2 4 | icon 116 9 2 4 | title 5 10 108 2", "canvas_width": 968, "canvas_height": 183, "elements": [ { "type": "background", "position": [ 48, 8, 872, 167 ], "completed": true }, { "type": "icon", "position": [ 11, 74, 18, 35 ], "completed": true }, { "type": "icon", "position": [ 939, 74, 18, 35 ], "completed": true }, { "type": "title", "position": [ 48, 83, 872, 18 ], "completed": false } ] }, { "text": "#A page for introducing one letter to shareholders.# There should be two text boxes, one for showing the title and the other for describing the title. One text button is needed for users to read more info.", "region_id": "1187", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 21 15 4 | description 0 10 120 5 | title 0 0 120 7", "layout_seq_without_completion": "button 52 21 15 4 | description 0 10 120 5 | title 0 0 120 7", "plain_layout_seq": "button 52 21 15 4 | description 0 10 120 5 | title 0 0 120 7", "canvas_width": 858, "canvas_height": 199, "elements": [ { "type": "title", "position": [ 0, 0, 858, 53 ], "completed": false }, { "type": "description", "position": [ 0, 77, 858, 39 ], "completed": false }, { "type": "button", "position": [ 373, 151, 112, 32 ], "completed": false } ] }, { "text": "# A page to introduce CKEditor and guide the user to learn how to choose the perfect editor.# The page should include an image, a title, two paragraphs of the introduction to CKEditor, and a link for the user to click to read how to choose the perfect editor.", "region_id": "3577", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:repeat '2'] ] [el:link [attr:value 'read how to choose the perfect editor'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 35 54 15 | description 2 53 54 19 | image 71 20 38 44 | link 2 74 30 2 | title 2 8 54 22", "layout_seq_without_completion": "description 2 35 54 15 | description 2 53 54 19 | image 71 20 38 44 | link 2 74 30 2 | title 2 8 54 22", "plain_layout_seq": "description 2 35 54 15 | description 2 53 54 19 | image 71 20 38 44 | link 2 74 30 2 | title 2 8 54 22", "canvas_width": 1024, "canvas_height": 732, "elements": [ { "type": "title", "position": [ 20, 70, 467, 192 ], "completed": false }, { "type": "image", "position": [ 608, 173, 326, 376 ], "completed": false }, { "type": "description", "position": [ 20, 302, 467, 136 ], "completed": false }, { "type": "description", "position": [ 20, 454, 467, 163 ], "completed": false }, { "type": "link", "position": [ 20, 637, 264, 23 ], "completed": false } ] }, { "text": "# A page to advertise scarves. # There should have a title \"BLOCK PRINT SCARVES\" and a further description of the product. Besides, there must include a button \"SEE THE COLLECTION\" and an image of the scarves.", "region_id": "8619", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'BLOCK PRINT SCARVES'] ] [el:description] [el:button [attr:value 'SEE THE COLLECTION'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 27 32 7 | description 61 16 47 9 | image 5 5 43 64 | title 61 5 47 5", "layout_seq_without_completion": "button 61 27 32 7 | description 61 16 47 9 | image 5 5 43 64 | title 61 5 47 5", "plain_layout_seq": "button 61 27 32 7 | description 61 16 47 9 | image 5 5 43 64 | title 61 5 47 5", "canvas_width": 1009, "canvas_height": 702, "elements": [ { "type": "image", "position": [ 50, 50, 364, 545 ], "completed": false }, { "type": "title", "position": [ 514, 50, 400, 48 ], "completed": false }, { "type": "description", "position": [ 514, 136, 400, 81 ], "completed": false }, { "type": "button", "position": [ 514, 235, 270, 60 ], "completed": false } ] }, { "text": "# A page to explain the convenient way to install Mouseflow to the users.# On this page, a piece of group information is involved. The name \"Shopify\" is placed between an icon and a short description vertically.", "region_id": "4529", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'shopify'] ] [el:icon] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | icon 56 5 6 6 | complete image 45 0 28 29 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | icon 56 5 6 6 | image 45 0 28 29 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | icon 56 5 6 6 | image 45 0 28 29 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 229, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "icon", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 48 ], "completed": false } ] }, { "text": "#A page for introducing the VEGAN SHEPARD'S PIE and Chef Abby.#The page should have a title and two descriptions to introduce Chef Abby. There are two images besides it.", "region_id": "7192", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title[attr:value'Chef Abby']] [el:description [attr:repeat '2'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 72 2 40 2 ] | [ description 72 5 40 13 ] | [ description 72 19 40 20 ] \"", "layout_seq_without_completion": "\" [ title 72 2 40 2 ] | [ description 72 5 40 13 ] | [ description 72 19 40 20 ] \"", "plain_layout_seq": "description 72 5 40 13 | description 72 19 40 20 | title 72 2 40 2", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "title", "position": [ 618, 23, 346, 18 ], "completed": false }, { "type": "description", "position": [ 618, 45, 346, 114 ], "completed": false }, { "type": "description", "position": [ 618, 168, 346, 178 ], "completed": false } ] }, { "text": "# A page for introducing a company. # The page should have one image, one slogan, and one description to attract more people to use it. A button is needed for users to get started.", "region_id": "950", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 40 22 6 | description 73 21 38 14 | image 0 15 59 33 | title 73 3 38 14", "layout_seq_without_completion": "button 73 40 22 6 | description 73 21 38 14 | image 0 15 59 33 | title 73 3 38 14", "plain_layout_seq": "button 73 40 22 6 | description 73 21 38 14 | image 0 15 59 33 | title 73 3 38 14", "canvas_width": 1003, "canvas_height": 528, "elements": [ { "type": "title", "position": [ 611, 30, 325, 120 ], "completed": false }, { "type": "image", "position": [ 0, 130, 500, 281 ], "completed": false }, { "type": "description", "position": [ 611, 182, 325, 120 ], "completed": false }, { "type": "button", "position": [ 611, 342, 190, 56 ], "completed": false } ] }, { "text": "#A page showing the products of a company.# There should be a title labeled \"Learning products for adults\", followed by an introduction. The page should also include an introduction and a link for checking out more info and a text to show the version for the mainland China market. There's a picture to fill in the blanks.", "region_id": "1510", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'learning products for adults'] ] [el:description [attr:repeat'2'] ] [el:link [attr:value'read more'] ] [el:text [attr:value'mainland china market'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 7 52 18 | image 63 0 52 39 | link 3 29 52 3 | text 3 33 52 3 | title 3 0 52 3", "layout_seq_without_completion": "description 3 7 52 18 | image 63 0 52 39 | link 3 29 52 3 | text 3 33 52 3 | title 3 0 52 3", "plain_layout_seq": "description 3 7 52 18 | image 63 0 52 39 | link 3 29 52 3 | text 3 33 52 3 | title 3 0 52 3", "canvas_width": 1000, "canvas_height": 330, "elements": [ { "type": "title", "position": [ 30, 0, 440, 28 ], "completed": false }, { "type": "image", "position": [ 530, 0, 440, 330 ], "completed": false }, { "type": "description", "position": [ 30, 60, 440, 156 ], "completed": false }, { "type": "link", "position": [ 30, 246, 440, 26 ], "completed": false }, { "type": "text", "position": [ 30, 282, 440, 26 ], "completed": false } ] }, { "text": "# A page to introduce the ongoing initiatives of a company to respond the COVID-19. # There should include two text boxes on this page. One is the title \"COVID-19\" and another is the attitude of the company. What's more, a text button is needed for the user to click to learn more about the ongoing initiatives.", "region_id": "2391", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'covid-19'] ] [el:description] [el:button [attr:value'learn more about the ongoing initiatives'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 35 | button 37 20 44 5 | description 10 15 99 3 | title 3 7 112 6", "layout_seq_without_completion": "background 0 0 120 35 | button 37 20 44 5 | description 10 15 99 3 | title 3 7 112 6", "plain_layout_seq": "background 0 0 120 35 | button 37 20 44 5 | description 10 15 99 3 | title 3 7 112 6", "canvas_width": 1024, "canvas_height": 302, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 302 ], "completed": true }, { "type": "title", "position": [ 31, 66, 962, 53 ], "completed": false }, { "type": "description", "position": [ 87, 129, 850, 32 ], "completed": false }, { "type": "button", "position": [ 316, 177, 382, 50 ], "completed": false } ] }, { "text": "# A page to introduce the role of nicotine. # On the page, there should include a title \"The role of nicotine\", two small text boxes with the question \"What is nicotine and how is it linked to tobacco?\" and a reminder of the time of the video to watch. It is necessary to have a text link for the user to watch the video about nicotine.", "region_id": "2006", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the role of nicotine'] ] [el:text [attr:size'small'] [attr:value'what is nicotine and how is it linked to tobacco?'] ] [el:text [attr:size'small'] ] [el:link [attr:value'watch the video'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined small | text undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 37 | link 2 25 20 1 | text 2 15 90 2 | text 2 19 8 1 | title 2 8 90 4", "layout_seq_without_completion": "background 0 0 120 37 | link 2 25 20 1 | text 2 15 90 2 | text 2 19 8 1 | title 2 8 90 4", "plain_layout_seq": "background 0 0 120 37 | link 2 25 20 1 | text 2 15 90 2 | text 2 19 8 1 | title 2 8 90 4", "canvas_width": 984, "canvas_height": 305, "elements": [ { "type": "background", "position": [ 0, 0, 984, 305 ], "completed": true }, { "type": "title", "position": [ 20, 70, 739, 40 ], "completed": false }, { "type": "text", "position": [ 20, 125, 739, 20 ], "completed": false }, { "type": "text", "position": [ 20, 161, 66, 14 ], "completed": false }, { "type": "link", "position": [ 20, 210, 164, 15 ], "completed": false } ] }, { "text": "#A page for showing a product to users.# The page contains a picture, a title of the product, and a description.", "region_id": "7234", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 14 17 57 39 | image 81 4 32 61 | title 14 11 50 3", "layout_seq_without_completion": "description 14 17 57 39 | image 81 4 32 61 | title 14 11 50 3", "plain_layout_seq": "description 14 17 57 39 | image 81 4 32 61 | title 14 11 50 3", "canvas_width": 1024, "canvas_height": 564, "elements": [ { "type": "image", "position": [ 692, 36, 280, 528 ], "completed": false }, { "type": "title", "position": [ 126, 99, 429, 33 ], "completed": false }, { "type": "description", "position": [ 126, 153, 492, 338 ], "completed": false } ] }, { "text": "#A page for watching CVS Health Live.# There should be a video playback window with a play and pause button, the title of the video as well as the posting time.", "region_id": "1042", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:button] [el:title] [el:text] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "layout_seq_without_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "plain_layout_seq": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "canvas_width": 944, "canvas_height": 615, "elements": [ { "type": "image", "position": [ 0, 0, 944, 531 ], "completed": false }, { "type": "title", "position": [ 0, 551, 944, 24 ], "completed": false }, { "type": "text", "position": [ 0, 595, 944, 20 ], "completed": false } ] }, { "text": "#A page for advertising the service of a company.# There should be an attractive title named \" Bed Room\", with a link for more info. Also, it is better to have an image.", "region_id": "1640", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'bed room'] ] [el:link [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 34 35 46 19 | link 47 46 21 5 | title 43 35 30 8", "layout_seq_without_completion": "image 34 35 46 19 | link 47 46 21 5 | title 43 35 30 8", "plain_layout_seq": "image 34 35 46 19 | link 47 46 21 5 | title 43 35 30 8", "canvas_width": 1003, "canvas_height": 755, "elements": [ { "type": "image", "position": [ 292, 294, 391, 167 ], "completed": false }, { "type": "title", "position": [ 360, 294, 253, 74 ], "completed": false }, { "type": "link", "position": [ 396, 390, 180, 44 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a word and an icon to present \"Greece\". There are three links for users to click fastly, \"spitogatos\", \"spiti24\", and \"tospitimou\".", "region_id": "5206", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'greece'] ] [el:icon] [el:link[attr:value'spitogatos']] [el:link[attr:value'spiti24']][el:link[attr:value'tospitimou']]]", "execution": "singleinfo : icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 0 0 3 2 | title 5 0 5 2 | \" [ link 5 3 8 2 ] | [ link 5 7 5 2 ] | [ link 5 10 8 2 ] \"", "layout_seq_without_completion": "icon 0 0 3 2 | title 5 0 5 2 | \" [ link 5 3 8 2 ] | [ link 5 7 5 2 ] | [ link 5 10 8 2 ] \"", "plain_layout_seq": "icon 0 0 3 2 | link 5 3 8 2 | link 5 7 5 2 | link 5 10 8 2 | title 5 0 5 2", "canvas_width": 934, "canvas_height": 103, "elements": [ { "type": "icon", "position": [ 0, 3, 25, 18 ], "completed": false }, { "type": "title", "position": [ 43, 4, 43, 16 ], "completed": false }, { "type": "link", "position": [ 45, 30, 68, 16 ], "completed": false }, { "type": "link", "position": [ 45, 56, 43, 16 ], "completed": false }, { "type": "link", "position": [ 45, 83, 69, 16 ], "completed": false } ] }, { "text": "#A page for getting starting one's day.# There should be one title\"Get started today\" and two buttons, one for getting started and the other for talking to sales.", "region_id": "436", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'get started today'] ] [el:button [attr:value'get started'] ] [el:button [attr:value'talk to sales'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "layout_seq_without_completion": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "plain_layout_seq": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "canvas_width": 1024, "canvas_height": 392, "elements": [ { "type": "title", "position": [ 390, 129, 244, 45 ], "completed": false }, { "type": "button", "position": [ 518, 214, 155, 50 ], "completed": false }, { "type": "button", "position": [ 352, 215, 141, 48 ], "completed": false } ] }, { "text": "#A page for getting starting one's day.# There should be one text box showing the title and two text buttons, one for getting started and the other for talking to sales.", "region_id": "436_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'get started'] ] [el:button [attr:value'talk to sales'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "layout_seq_without_completion": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "plain_layout_seq": "button 41 25 16 5 | button 60 25 18 5 | title 45 15 28 5", "canvas_width": 1024, "canvas_height": 392, "elements": [ { "type": "title", "position": [ 390, 129, 244, 45 ], "completed": false }, { "type": "button", "position": [ 518, 214, 155, 50 ], "completed": false }, { "type": "button", "position": [ 352, 215, 141, 48 ], "completed": false } ] }, { "text": "#A head page for showing one company.# There is one label\"ZFS SOLUTIONS PROMO STORE\". In the middle, there is one link\"Home\", one drop-down list \"Product Catalog\", and one link \"Contact\". And on the right, there are two buttons.", "region_id": "7829", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'ZFS SOLUTIONS PROMO STORE'] ] [el:link [attr:value 'Home'] ] [el:text [attr:value 'Product Catalog']] [el:link [attr:value 'Contact'] ] [el:button [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "singleinfo : button right undefined | button right undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 109 3 2 2 | button 105 3 2 2 | complete icon 65 4 0 0 | link 69 3 5 2 | link 44 3 4 2 | text 52 3 12 2 | title 6 1 26 5", "layout_seq_without_completion": "button 109 3 2 2 | button 105 3 2 2 | icon 65 4 0 0 | link 69 3 5 2 | link 44 3 4 2 | text 52 3 12 2 | title 6 1 26 5", "plain_layout_seq": "button 109 3 2 2 | button 105 3 2 2 | icon 65 4 0 0 | link 69 3 5 2 | link 44 3 4 2 | text 52 3 12 2 | title 6 1 26 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "title", "position": [ 55, 15, 229, 48 ], "completed": false }, { "type": "link", "position": [ 382, 30, 40, 18 ], "completed": false }, { "type": "text", "position": [ 446, 30, 105, 18 ], "completed": false }, { "type": "link", "position": [ 591, 30, 51, 18 ], "completed": false }, { "type": "button", "position": [ 898, 30, 20, 20 ], "completed": false }, { "type": "button", "position": [ 938, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 559, 36, 8, 8 ], "completed": true } ] }, { "text": "# A page for booking a meeting with the gift expert of a company.# The page should have the title \"Book Time with our Gifting Expert\", a further description, and a button \"BOOK A MEETING\" for the user to click to book a meeting with the gift expert. Also, it will be better to have an image of the topic.", "region_id": "8228", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'book time with our gifting expert'] ] [el:description] [el:button [attr:value 'book a meeting'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 46 20 5 | description 6 22 49 21 | image 60 6 53 53 | title 6 17 49 3", "layout_seq_without_completion": "button 6 46 20 5 | description 6 22 49 21 | image 60 6 53 53 | title 6 17 49 3", "plain_layout_seq": "button 6 46 20 5 | description 6 22 49 21 | image 60 6 53 53 | title 6 17 49 3", "canvas_width": 1024, "canvas_height": 586, "elements": [ { "type": "image", "position": [ 512, 55, 457, 457 ], "completed": false }, { "type": "title", "position": [ 55, 147, 422, 31 ], "completed": false }, { "type": "description", "position": [ 55, 196, 422, 181 ], "completed": false }, { "type": "button", "position": [ 55, 397, 176, 43 ], "completed": false } ] }, { "text": "#A page introducing an application Talkdesk.# There are a title and a description giving a general introduction about the main function and the service of the company and a button\"LEARN MORE\".", "region_id": "2270", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 50 43 18 5 | description 27 28 64 11 | title 27 9 64 15", "layout_seq_without_completion": "button 50 43 18 5 | description 27 28 64 11 | title 27 9 64 15", "plain_layout_seq": "button 50 43 18 5 | description 27 28 64 11 | title 27 9 64 15", "canvas_width": 1024, "canvas_height": 463, "elements": [ { "type": "title", "position": [ 238, 80, 548, 135 ], "completed": false }, { "type": "description", "position": [ 238, 239, 549, 96 ], "completed": false }, { "type": "button", "position": [ 433, 367, 158, 48 ], "completed": false } ] }, { "text": "#A page introducing an application Talkdesk.# There are two text boxes giving a general introduction about the main function and the service of the company and a button for more infos.", "region_id": "2270_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined", "layout_seq_with_completion": "button 50 43 18 5 | description 27 28 64 11 | description 27 9 64 15", "layout_seq_without_completion": "button 50 43 18 5 | description 27 28 64 11 | description 27 9 64 15", "plain_layout_seq": "button 50 43 18 5 | description 27 28 64 11 | description 27 9 64 15", "canvas_width": 1024, "canvas_height": 463, "elements": [ { "type": "description", "position": [ 238, 80, 548, 135 ], "completed": false }, { "type": "description", "position": [ 238, 239, 549, 96 ], "completed": false }, { "type": "button", "position": [ 433, 367, 158, 48 ], "completed": false } ] }, { "text": "#A page for users to see Trakstar.# There is one title \"Want to see Trakstar in action?\" One button is for users to schedule d demo.", "region_id": "2524", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'want to see trakstar in action?'] ] [el:button [attr:value 'schedule d demo'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 46 11 27 8 | complete icon 68 14 1 2 | complete text 48 14 17 2 | title 0 0 120 5", "layout_seq_without_completion": "button 46 11 27 8 | icon 68 14 1 2 | text 48 14 17 2 | title 0 0 120 5", "plain_layout_seq": "button 46 11 27 8 | icon 68 14 1 2 | text 48 14 17 2 | title 0 0 120 5", "canvas_width": 864, "canvas_height": 191, "elements": [ { "type": "title", "position": [ 0, 0, 864, 37 ], "completed": false }, { "type": "button", "position": [ 332, 84, 200, 58 ], "completed": false }, { "type": "icon", "position": [ 490, 104, 10, 16 ], "completed": true }, { "type": "text", "position": [ 350, 106, 124, 16 ], "completed": true } ] }, { "text": "#A page for showing one company's home page.# There is one icon on the left. In the middle, there are three links and one drop-down list. On the right, there are two buttons.", "region_id": "6418", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon [attr:position 'left'] ] [el:link [attr:repeat '3'] ] [el:text] [el:button [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "singleinfo : button right undefined | button right undefined | icon left undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 105 6 2 2 | button 109 6 2 2 | complete icon 68 6 1 1 | icon 6 1 11 10 | link 57 5 10 2 | link 38 5 5 2 | link 46 5 7 2 | text 72 5 9 2", "layout_seq_without_completion": "button 105 6 2 2 | button 109 6 2 2 | icon 68 6 1 1 | icon 6 1 11 10 | link 57 5 10 2 | link 38 5 5 2 | link 46 5 7 2 | text 72 5 9 2", "plain_layout_seq": "button 105 6 2 2 | button 109 6 2 2 | icon 68 6 1 1 | icon 6 1 11 10 | link 57 5 10 2 | link 38 5 5 2 | link 46 5 7 2 | text 72 5 9 2", "canvas_width": 1024, "canvas_height": 123, "elements": [ { "type": "icon", "position": [ 55, 15, 100, 92 ], "completed": false }, { "type": "link", "position": [ 327, 51, 48, 22 ], "completed": false }, { "type": "link", "position": [ 400, 51, 65, 22 ], "completed": false }, { "type": "link", "position": [ 490, 51, 88, 22 ], "completed": false }, { "type": "text", "position": [ 620, 51, 77, 22 ], "completed": false }, { "type": "button", "position": [ 898, 53, 20, 20 ], "completed": false }, { "type": "button", "position": [ 938, 53, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 586, 58, 9, 9 ], "completed": true } ] }, { "text": "# A page to download the Dave app. # On the page, there should be an image of the app, a slogan \"Banking for humans\", and a text box with a short description and an introduction to the app. Then one image is needed for the user to download the app from Google Play. There should be a small icon showing of the stars and a text box showing the number of ratings.", "region_id": "92", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'banking for humans'] ] [el:description [attr:size'small'] ] [el:image] [el:icon [attr:size 'small'] ] [el:text] ]", "execution": "singleinfo : description undefined small | icon undefined small | image undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete button 62 38 39 7 | description 62 19 51 15 | complete icon 62 57 7 1 | icon 64 49 3 3 | image 62 47 20 7 | image 0 0 62 71 | complete text 68 51 12 2 | text 68 49 12 1 | complete text 71 57 8 1 | title 62 12 51 6", "layout_seq_without_completion": "button 62 38 39 7 | description 62 19 51 15 | icon 62 57 7 1 | icon 64 49 3 3 | image 62 47 20 7 | image 0 0 62 71 | text 68 51 12 2 | text 68 49 12 1 | text 71 57 8 1 | title 62 12 51 6", "plain_layout_seq": "button 62 38 39 7 | description 62 19 51 15 | icon 62 57 7 1 | icon 64 49 3 3 | image 62 47 20 7 | image 0 0 62 71 | text 68 51 12 2 | text 68 49 12 1 | text 71 57 8 1 | title 62 12 51 6", "canvas_width": 1024, "canvas_height": 612, "elements": [ { "type": "image", "position": [ 0, 0, 536, 612 ], "completed": false }, { "type": "title", "position": [ 536, 103, 438, 58 ], "completed": false }, { "type": "description", "position": [ 536, 170, 438, 135 ], "completed": false }, { "type": "button", "position": [ 536, 325, 337, 62 ], "completed": true }, { "type": "image", "position": [ 536, 407, 175, 65 ], "completed": false }, { "type": "icon", "position": [ 552, 423, 28, 33 ], "completed": false }, { "type": "text", "position": [ 588, 423, 107, 11 ], "completed": false }, { "type": "text", "position": [ 588, 436, 107, 20 ], "completed": true }, { "type": "text", "position": [ 608, 489, 69, 12 ], "completed": true }, { "type": "icon", "position": [ 536, 491, 67, 11 ], "completed": true } ] }, { "text": "#A page for showing the test.#The page should have an image and a title, \"pass or fail. The world relies on your code.\" There is a description next to the title. Also, there are two buttons, named \"try it free\" and \"contact sale.\" At the bottom of the page, there is an icon and a description.", "region_id": "4080", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'pass or fail. the world relies on your code.'] ] [el:description] [el:button [attr:value 'try it free'] ] [el:button [attr:value 'contact sale.'] ] [el:icon[attr:position'bottom']] [el:description[attr:position'bottom']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description bottom undefined | description undefined undefined | icon bottom undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 11 38 23 6 | button 11 46 24 6 | description 11 21 38 11 | description 15 57 27 2 | icon 11 56 2 2 | image 53 9 54 40 | complete text 11 0 38 2 | title 11 4 38 14", "layout_seq_without_completion": "button 11 38 23 6 | button 11 46 24 6 | description 11 21 38 11 | description 15 57 27 2 | icon 11 56 2 2 | image 53 9 54 40 | text 11 0 38 2 | title 11 4 38 14", "plain_layout_seq": "button 11 38 23 6 | button 11 46 24 6 | description 11 21 38 11 | description 15 57 27 2 | icon 11 56 2 2 | image 53 9 54 40 | text 11 0 38 2 | title 11 4 38 14", "canvas_width": 1009, "canvas_height": 506, "elements": [ { "type": "text", "position": [ 100, 0, 320, 24 ], "completed": true }, { "type": "title", "position": [ 100, 40, 320, 126 ], "completed": false }, { "type": "image", "position": [ 450, 82, 459, 343 ], "completed": false }, { "type": "description", "position": [ 100, 182, 320, 96 ], "completed": false }, { "type": "button", "position": [ 100, 326, 200, 51 ], "completed": false }, { "type": "button", "position": [ 100, 394, 207, 51 ], "completed": false }, { "type": "icon", "position": [ 100, 479, 24, 24 ], "completed": false }, { "type": "description", "position": [ 132, 480, 234, 25 ], "completed": false } ] }, { "text": "#A page for guiding users to confirm some information.# The page has a question, one button named \u201cYes\u201d and another button named \u201cNo\u201d for users to click to answer the question. And then, there is also a description with an icon for users to click to get more information.", "region_id": "5246", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] [el:description] [el:icon] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | icon undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 35 3 6 4 | button 44 3 6 4 | description 66 3 27 2 | icon 104 4 1 1 | complete link 93 3 10 2 | text 9 3 23 2", "layout_seq_without_completion": "button 35 3 6 4 | button 44 3 6 4 | description 66 3 27 2 | icon 104 4 1 1 | link 93 3 10 2 | text 9 3 23 2", "plain_layout_seq": "button 35 3 6 4 | button 44 3 6 4 | description 66 3 27 2 | icon 104 4 1 1 | link 93 3 10 2 | text 9 3 23 2", "canvas_width": 960, "canvas_height": 59, "elements": [ { "type": "button", "position": [ 281, 26, 55, 33 ], "completed": false }, { "type": "button", "position": [ 357, 26, 52, 33 ], "completed": false }, { "type": "text", "position": [ 79, 31, 186, 19 ], "completed": false }, { "type": "description", "position": [ 530, 31, 218, 19 ], "completed": false }, { "type": "link", "position": [ 748, 31, 82, 19 ], "completed": true }, { "type": "icon", "position": [ 838, 33, 13, 13 ], "completed": false } ] }, { "text": "#A page for introducing the Wen and Yen bake shop.# The page should have a related image, a title, and text to introduce the bake shop, and a button for users to click to shop online.", "region_id": "8165", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value 'shop online'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 41 17 5 | description 64 14 49 24 | image 6 0 53 53 | title 64 9 49 3", "layout_seq_without_completion": "button 64 41 17 5 | description 64 14 49 24 | image 6 0 53 53 | title 64 9 49 3", "plain_layout_seq": "button 64 41 17 5 | description 64 14 49 24 | image 6 0 53 53 | title 64 9 49 3", "canvas_width": 1024, "canvas_height": 531, "elements": [ { "type": "image", "position": [ 55, 0, 457, 457 ], "completed": false }, { "type": "title", "position": [ 547, 77, 422, 32 ], "completed": false }, { "type": "description", "position": [ 547, 127, 422, 209 ], "completed": false }, { "type": "button", "position": [ 547, 355, 147, 43 ], "completed": false } ] }, { "text": "#A page for introducing the 2021 Annual Report.# The page should contain a background image and a link to the 2021 Annual Report for users to click to get further information.", "region_id": "2415", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:link [attr:value'2021 annual report'] ] ]", "execution": "singleinfo : background undefined undefined | link undefined undefined", "layout_seq_with_completion": "background 0 0 120 39 | background 0 0 120 31 | complete icon 115 34 2 2 | link 2 34 19 2", "layout_seq_without_completion": "background 0 0 120 39 | background 0 0 120 31 | icon 115 34 2 2 | link 2 34 19 2", "plain_layout_seq": "background 0 0 120 39 | background 0 0 120 31 | icon 115 34 2 2 | link 2 34 19 2", "canvas_width": 1000, "canvas_height": 329, "elements": [ { "type": "background", "position": [ 0, 0, 1000, 260 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1000, 329 ], "completed": false }, { "type": "link", "position": [ 20, 286, 160, 19 ], "completed": false }, { "type": "icon", "position": [ 962, 286, 18, 18 ], "completed": true } ] }, { "text": "# A page for the user to read the 39 inspiring Father's Day Instagram captions and images. # The page should have an image, a title, a further description, and a button. So the user can keep reading by clicking the button.", "region_id": "4732", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value 'keep reading'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 43 23 29 6 | description 43 13 76 5 | image 0 0 38 32 | title 43 3 68 7", "layout_seq_without_completion": "button 43 23 29 6 | description 43 13 76 5 | image 0 0 38 32 | title 43 3 68 7", "plain_layout_seq": "button 43 23 29 6 | description 43 13 76 5 | image 0 0 38 32 | title 43 3 68 7", "canvas_width": 922, "canvas_height": 326, "elements": [ { "type": "image", "position": [ 0, 0, 295, 251 ], "completed": false }, { "type": "title", "position": [ 331, 24, 530, 54 ], "completed": false }, { "type": "description", "position": [ 331, 101, 591, 44 ], "completed": false }, { "type": "button", "position": [ 331, 177, 223, 52 ], "completed": false } ] }, { "text": "#A page that encourages users to sign up.# The page should include an image, the title \"It's good to be on the list\", a subtitle, an input, an explanation including \"Privacy and Cookie policy\" with a link, and a button \"Submit\".", "region_id": "4202", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'its good to be on the list'] ] [el:title] [el:input] [el:description] [el:link [attr:value 'privacy and cookie policy'] ] [el:button [attr:value 'submit'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | input undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 75 42 27 4 | description 63 31 52 4 | image 0 0 60 58 | input 63 23 53 4 | link 63 36 19 2 | complete text 83 36 0 1 | title 63 9 53 3 | title 63 14 53 5", "layout_seq_without_completion": "button 75 42 27 4 | description 63 31 52 4 | image 0 0 60 58 | input 63 23 53 4 | link 63 36 19 2 | text 83 36 0 1 | title 63 9 53 3 | title 63 14 53 5", "plain_layout_seq": "button 75 42 27 4 | description 63 31 52 4 | image 0 0 60 58 | input 63 23 53 4 | link 63 36 19 2 | text 83 36 0 1 | title 63 9 53 3 | title 63 14 53 5", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "image", "position": [ 0, 0, 512, 500 ], "completed": false }, { "type": "title", "position": [ 540, 78, 456, 30 ], "completed": false }, { "type": "title", "position": [ 540, 124, 456, 48 ], "completed": false }, { "type": "input", "position": [ 540, 204, 456, 40 ], "completed": false }, { "type": "description", "position": [ 540, 268, 446, 38 ], "completed": false }, { "type": "link", "position": [ 540, 308, 166, 21 ], "completed": false }, { "type": "text", "position": [ 709, 310, 4, 17 ], "completed": true }, { "type": "button", "position": [ 645, 361, 238, 40 ], "completed": false } ] }, { "text": "#A page for introducing Furnished Finder.# There should be a title \"Furnished Relocation Housing\", one description, and one button for users to learn more.", "region_id": "5693", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Furnished Relocation Housing'] ] [el:description] [el:button[attr:value'learn more']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 74 9 36 4 | description 5 15 62 31 | title 5 7 62 5", "layout_seq_without_completion": "button 74 9 36 4 | description 5 15 62 31 | title 5 7 62 5", "plain_layout_seq": "button 74 9 36 4 | description 5 15 62 31 | title 5 7 62 5", "canvas_width": 1024, "canvas_height": 511, "elements": [ { "type": "title", "position": [ 47, 60, 530, 48 ], "completed": false }, { "type": "button", "position": [ 636, 84, 315, 40 ], "completed": false }, { "type": "description", "position": [ 47, 132, 530, 270 ], "completed": false } ] }, { "text": "#A page encouraging users to sign up for its newsletter.# The page should include the title \"SIGN UP TO OUR NEWSLETTER\", an input for users to enter their email addresses, and a button \"JOIN\".", "region_id": "7707", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up to our newsletter'] ] [el:input [attr:value ' your email address']] [el:button [attr:value 'join'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 89 11 11 5 | input 19 11 70 7 | title 19 4 81 4", "layout_seq_without_completion": "button 89 11 11 5 | input 19 11 70 7 | title 19 4 81 4", "plain_layout_seq": "button 89 11 11 5 | input 19 11 70 7 | title 19 4 81 4", "canvas_width": 992, "canvas_height": 193, "elements": [ { "type": "title", "position": [ 158, 40, 676, 35 ], "completed": false }, { "type": "input", "position": [ 158, 91, 585, 60 ], "completed": false }, { "type": "button", "position": [ 743, 99, 91, 44 ], "completed": false } ] }, { "text": "# A page to introduce USPS. # On the page, there should have an image, a slogan, and a text box to attract the user to use the USPS product and service. It is necessary to have a text button for the user to learn more info.", "region_id": "2368", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 75 30 28 4 | description 75 21 39 6 | image 1 0 68 46 | title 71 3 46 14", "layout_seq_without_completion": "button 75 30 28 4 | description 75 21 39 6 | image 1 0 68 46 | title 71 3 46 14", "plain_layout_seq": "button 75 30 28 4 | description 75 21 39 6 | image 1 0 68 46 | title 71 3 46 14", "canvas_width": 1170, "canvas_height": 450, "elements": [ { "type": "image", "position": [ 14, 0, 670, 450 ], "completed": false }, { "type": "title", "position": [ 697, 30, 458, 146 ], "completed": false }, { "type": "description", "position": [ 735, 214, 382, 66 ], "completed": false }, { "type": "button", "position": [ 735, 300, 275, 42 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a textbox labeled \"Deliver best-in-class partner experiences\" with a description under the category \"GLOBAL PARTNER PAYMENTS\". Also, there should be four parallel text boxes highlighting the advantages of the service. A link should be in place so that users can learn about Global Partner Payments.", "region_id": "517", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'deliver best-in-class partner experiences'] ] [el:description] [el:text [attr:value'global partner payments'] [attr:position'top'] ] [el:description [attr:repeat'4'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | link undefined undefined | text top undefined | title undefined undefined", "layout_seq_with_completion": "description 5 28 49 17 | link 5 50 46 5 | text 5 3 49 1 | title 5 7 49 18 | \" [ description 65 0 49 9 ] | [ description 65 13 49 9 ] | [ description 65 26 49 9 ] | [ description 65 40 49 13 ] \"", "layout_seq_without_completion": "description 5 28 49 17 | link 5 50 46 5 | text 5 3 49 1 | title 5 7 49 18 | \" [ description 65 0 49 9 ] | [ description 65 13 49 9 ] | [ description 65 26 49 9 ] | [ description 65 40 49 13 ] \"", "plain_layout_seq": "description 5 28 49 17 | description 65 0 49 9 | description 65 13 49 9 | description 65 26 49 9 | description 65 40 49 13 | link 5 50 46 5 | text 5 3 49 1 | title 5 7 49 18", "canvas_width": 1039, "canvas_height": 507, "elements": [ { "type": "description", "position": [ 564, 0, 430, 81 ], "completed": false }, { "type": "text", "position": [ 45, 27, 430, 16 ], "completed": false }, { "type": "title", "position": [ 45, 62, 430, 157 ], "completed": false }, { "type": "description", "position": [ 564, 116, 430, 80 ], "completed": false }, { "type": "description", "position": [ 564, 233, 430, 81 ], "completed": false }, { "type": "description", "position": [ 45, 245, 430, 152 ], "completed": false }, { "type": "description", "position": [ 564, 349, 430, 121 ], "completed": false }, { "type": "link", "position": [ 45, 433, 400, 45 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a textbox labeled \"Deliver best-in-class partner experiences\" with a description under the category \"GLOBAL PARTNER PAYMENTS\". Also, there should be four parallel text boxes highlighting the advantages of the service. A link should be in place so that users can obtain more info about Global Partner Payments.", "region_id": "517_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'deliver best-in-class partner experiences'] ] [el:description] [el:text [attr:value'global partner payments'] [attr:position'top'] ] [el:description [attr:repeat'4'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | text top undefined | title undefined undefined", "layout_seq_with_completion": "button 5 50 46 5 | description 5 28 49 17 | text 5 3 49 1 | title 5 7 49 18 | \" [ description 65 0 49 9 ] | [ description 65 13 49 9 ] | [ description 65 26 49 9 ] | [ description 65 40 49 13 ] \"", "layout_seq_without_completion": "button 5 50 46 5 | description 5 28 49 17 | text 5 3 49 1 | title 5 7 49 18 | \" [ description 65 0 49 9 ] | [ description 65 13 49 9 ] | [ description 65 26 49 9 ] | [ description 65 40 49 13 ] \"", "plain_layout_seq": "button 5 50 46 5 | description 5 28 49 17 | description 65 0 49 9 | description 65 13 49 9 | description 65 26 49 9 | description 65 40 49 13 | text 5 3 49 1 | title 5 7 49 18", "canvas_width": 1039, "canvas_height": 507, "elements": [ { "type": "description", "position": [ 564, 0, 430, 81 ], "completed": false }, { "type": "text", "position": [ 45, 27, 430, 16 ], "completed": false }, { "type": "title", "position": [ 45, 62, 430, 157 ], "completed": false }, { "type": "description", "position": [ 564, 116, 430, 80 ], "completed": false }, { "type": "description", "position": [ 564, 233, 430, 81 ], "completed": false }, { "type": "description", "position": [ 45, 245, 430, 152 ], "completed": false }, { "type": "description", "position": [ 564, 349, 430, 121 ], "completed": false }, { "type": "button", "position": [ 45, 433, 400, 45 ], "completed": false } ] }, { "text": "#A page reporting fourth quarter and FY 2021 results. # The page should have three text boxes to show the source, the title and one short introduction of the results, and one button for users to click to learn more. In addition, there should also be one corresponding clip and one button to click to play it.", "region_id": "1743", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 90 29 8 | button 76 10 14 14 | description 3 66 32 16 | image 56 0 55 31 | text 3 0 32 2 | title 3 7 32 54", "layout_seq_without_completion": "button 3 90 29 8 | button 76 10 14 14 | description 3 66 32 16 | image 56 0 55 31 | text 3 0 32 2 | title 3 7 32 54", "plain_layout_seq": "button 3 90 29 8 | button 76 10 14 14 | description 3 66 32 16 | image 56 0 55 31 | text 3 0 32 2 | title 3 7 32 54", "canvas_width": 960, "canvas_height": 788, "elements": [ { "type": "text", "position": [ 30, 0, 260, 21 ], "completed": false }, { "type": "image", "position": [ 450, 0, 440, 248 ], "completed": false }, { "type": "title", "position": [ 30, 61, 260, 432 ], "completed": false }, { "type": "button", "position": [ 612, 86, 115, 115 ], "completed": false }, { "type": "description", "position": [ 30, 528, 260, 135 ], "completed": false }, { "type": "button", "position": [ 30, 723, 233, 65 ], "completed": false } ] }, { "text": "#A page for introducing Skydio company.#There should be one image and one title\"Skydio Autonomy Enterprise\" and one slogan. One button is used for users to learn more.", "region_id": "2172", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'skydio autonomy enterprise'] ] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "layout_seq_without_completion": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "plain_layout_seq": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "canvas_width": 1003, "canvas_height": 596, "elements": [ { "type": "title", "position": [ 436, 104, 531, 132 ], "completed": false }, { "type": "image", "position": [ 48, 160, 373, 186 ], "completed": false }, { "type": "title", "position": [ 445, 271, 365, 45 ], "completed": false }, { "type": "button", "position": [ 436, 345, 220, 48 ], "completed": false } ] }, { "text": "#A page for introducing Skydio company.#There should be one image and two text boxes, one for the title and the other for the slogan. One text button is used for users to learn more.", "region_id": "2172_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "layout_seq_without_completion": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "plain_layout_seq": "button 52 41 26 5 | image 5 19 44 22 | title 53 32 43 5 | title 52 12 63 15", "canvas_width": 1003, "canvas_height": 596, "elements": [ { "type": "title", "position": [ 436, 104, 531, 132 ], "completed": false }, { "type": "image", "position": [ 48, 160, 373, 186 ], "completed": false }, { "type": "title", "position": [ 445, 271, 365, 45 ], "completed": false }, { "type": "button", "position": [ 436, 345, 220, 48 ], "completed": false } ] }, { "text": "#A page for introducing Escrow API.# The page should have an image, a title, 2 icons, and 5 short descriptions of the characteristics of Escrow API. A button is needed for users to click to integrate now.", "region_id": "6041", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:icon [attr:repeat '2'] ] [el:description [attr:size 'small'] [attr:repeat '5'] ] [el:button[attr:value'integrate now']]]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small | description undefined small | description undefined small | description undefined small | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 49 19 5 | description 61 15 55 5 | image 2 7 45 51 | title 61 7 55 4 | \" [ description 68 26 48 7 | description 68 22 48 2 | icon 61 22 3 3 ] | [ description 68 39 48 7 | description 68 35 48 2 | icon 61 35 3 3 ] \"", "layout_seq_without_completion": "button 61 49 19 5 | description 61 15 55 5 | image 2 7 45 51 | title 61 7 55 4 | \" [ description 68 26 48 7 | description 68 22 48 2 | icon 61 22 3 3 ] | [ description 68 39 48 7 | description 68 35 48 2 | icon 61 35 3 3 ] \"", "plain_layout_seq": "button 61 49 19 5 | description 61 15 55 5 | description 68 26 48 7 | description 68 22 48 2 | description 68 39 48 7 | description 68 35 48 2 | icon 61 22 3 3 | icon 61 35 3 3 | image 2 7 45 51 | title 61 7 55 4", "canvas_width": 1024, "canvas_height": 586, "elements": [ { "type": "image", "position": [ 24, 68, 388, 443 ], "completed": false }, { "type": "title", "position": [ 528, 68, 472, 40 ], "completed": false }, { "type": "description", "position": [ 528, 128, 472, 48 ], "completed": false }, { "type": "icon", "position": [ 528, 194, 34, 34 ], "completed": false }, { "type": "description", "position": [ 588, 194, 412, 24 ], "completed": false }, { "type": "description", "position": [ 588, 226, 412, 60 ], "completed": false }, { "type": "icon", "position": [ 528, 304, 34, 34 ], "completed": false }, { "type": "description", "position": [ 588, 304, 412, 24 ], "completed": false }, { "type": "description", "position": [ 588, 336, 412, 60 ], "completed": false }, { "type": "button", "position": [ 528, 422, 170, 46 ], "completed": false } ] }, { "text": "# A page to guide the user to shop for new products in an online store. # The page should have a background image, the slogan \"TAKE A PEAK AT OUR NEW PRODUCTS\" and a button \"SHOP NEW PRODUCTS\" for the user to shop for new products.", "region_id": "7253", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'take a peak at our new products'] ] [el:button [attr:value 'shop new products'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 6 0 107 55 | button 48 36 23 4 | title 12 13 94 18", "layout_seq_without_completion": "background 6 0 107 55 | button 48 36 23 4 | title 12 13 94 18", "plain_layout_seq": "background 6 0 107 55 | button 48 36 23 4 | title 12 13 94 18", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 55, 0, 914, 475 ], "completed": false }, { "type": "title", "position": [ 110, 119, 804, 159 ], "completed": false }, { "type": "button", "position": [ 411, 312, 202, 41 ], "completed": false } ] }, { "text": "#A page showing the products of the website to users and guiding users to download.#The page should have one number representing kilometers, one small text, one slogan, one detailed description, and one button for users to click to download the products.", "region_id": "5356", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title [attr:size 'small'] ][el:title] [el:description] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 49 | button 69 35 18 5 | description 69 17 35 15 | complete image 16 16 38 11 | text 18 18 26 8 | text 45 20 6 5 | title 15 30 40 2 | title 69 8 35 5", "layout_seq_without_completion": "background 0 0 120 49 | button 69 35 18 5 | description 69 17 35 15 | image 16 16 38 11 | text 18 18 26 8 | text 45 20 6 5 | title 15 30 40 2 | title 69 8 35 5", "plain_layout_seq": "background 0 0 120 49 | button 69 35 18 5 | description 69 17 35 15 | image 16 16 38 11 | text 18 18 26 8 | text 45 20 6 5 | title 15 30 40 2 | title 69 8 35 5", "canvas_width": 1024, "canvas_height": 420, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 420 ], "completed": true }, { "type": "title", "position": [ 593, 75, 301, 45 ], "completed": false }, { "type": "image", "position": [ 139, 141, 329, 98 ], "completed": true }, { "type": "description", "position": [ 593, 149, 301, 128 ], "completed": false }, { "type": "text", "position": [ 160, 154, 228, 71 ], "completed": false }, { "type": "text", "position": [ 392, 173, 55, 47 ], "completed": false }, { "type": "title", "position": [ 130, 259, 347, 20 ], "completed": false }, { "type": "button", "position": [ 593, 300, 159, 45 ], "completed": false } ] }, { "text": "#A page for introducing subscribing to the newsletter to users.# The page should include an input for users to enter their email and a button for users to click to subscribe to the newsletter. At the bottom, there should be a brief introduction.", "region_id": "527", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input [attr:value'enter your email'] ] [el:button [attr:value'subscribe'] ] [el:description [attr:size'small'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button undefined undefined | description bottom small | input undefined undefined", "layout_seq_with_completion": "button 68 11 18 7 | description 34 20 51 3 | input 32 11 55 7 | complete text 32 8 24 1", "layout_seq_without_completion": "button 68 11 18 7 | description 34 20 51 3 | input 32 11 55 7 | text 32 8 24 1", "plain_layout_seq": "button 68 11 18 7 | description 34 20 51 3 | input 32 11 55 7 | text 32 8 24 1", "canvas_width": 1024, "canvas_height": 274, "elements": [ { "type": "text", "position": [ 276, 69, 208, 15 ], "completed": true }, { "type": "input", "position": [ 276, 94, 472, 64 ], "completed": false }, { "type": "button", "position": [ 586, 94, 162, 64 ], "completed": false }, { "type": "description", "position": [ 293, 174, 438, 34 ], "completed": false } ] }, { "text": "#A page of a website for users.# On the left, there should be a brief introduction to this website. Besides, a button \"Learn more\" is provided for users to click for further information. On the right of the page, there should be a button \"Got it!\" for users to click.", "region_id": "3749", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:position 'left'][attr:size'small'] ] [el:button [attr:value 'learn more'] [attr:position 'left'] ] [el:button [attr:position 'right'][attr:value 'got it!'] ] ]", "execution": "singleinfo : button left undefined | button right undefined | description left small", "layout_seq_with_completion": "button 108 1 7 3 | button 64 2 8 2 | description 3 2 61 2", "layout_seq_without_completion": "button 108 1 7 3 | button 64 2 8 2 | description 3 2 61 2", "plain_layout_seq": "button 108 1 7 3 | button 64 2 8 2 | description 3 2 61 2", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "button", "position": [ 930, 15, 64, 34 ], "completed": false }, { "type": "description", "position": [ 30, 21, 522, 18 ], "completed": false }, { "type": "button", "position": [ 552, 21, 74, 18 ], "completed": false } ] }, { "text": "#A page for users to get further information when shopping for herbal products.#\"NATURAL HELP FOR YOUR BODY \uff06 MIND\" is a title on the page. The page should have a description guiding the users. \"DISCOVER ALL THE LEGENDS\" is a button on the page.", "region_id": "8280", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'NATURAL HELP FOR YOUR BODY \uff06 MIND']] [el:description] [el:button [attr:value 'discover all the legends'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 42 25 34 5 | description 6 7 107 14 | title 6 0 107 3", "layout_seq_without_completion": "button 42 25 34 5 | description 6 7 107 14 | title 6 0 107 3", "plain_layout_seq": "button 42 25 34 5 | description 6 7 107 14 | title 6 0 107 3", "canvas_width": 1024, "canvas_height": 261, "elements": [ { "type": "title", "position": [ 52, 0, 920, 32 ], "completed": false }, { "type": "description", "position": [ 52, 62, 920, 126 ], "completed": false }, { "type": "button", "position": [ 365, 217, 294, 44 ], "completed": false } ] }, { "text": "#A page for showing one blog.# There should be one image, one title\"Stay up to date with us on our blog\", and one button for users to read now.", "region_id": "962", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'stay up to date with us on our blog'] ] [el:button [attr:value'read now'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "layout_seq_without_completion": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "plain_layout_seq": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "canvas_width": 944, "canvas_height": 231, "elements": [ { "type": "image", "position": [ 512, 30, 352, 130 ], "completed": false }, { "type": "title", "position": [ 80, 40, 352, 72 ], "completed": false }, { "type": "button", "position": [ 156, 140, 200, 50 ], "completed": false } ] }, { "text": "#A page for showing one blog.# There should be one image, one text box showing the title, and one text button for users to read now.", "region_id": "962_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value'read now'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "layout_seq_without_completion": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "plain_layout_seq": "button 19 17 25 6 | image 65 3 44 16 | title 10 5 44 9", "canvas_width": 944, "canvas_height": 231, "elements": [ { "type": "image", "position": [ 512, 30, 352, 130 ], "completed": false }, { "type": "title", "position": [ 80, 40, 352, 72 ], "completed": false }, { "type": "button", "position": [ 156, 140, 200, 50 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should bea title and an introduction, lightening the feature of the service. Also, there has to be a button\"Learn More\"There's a picture to fill in the blanks.", "region_id": "1116", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 27 22 5 | description 6 11 59 11 | image 75 8 39 24 | title 2 6 66 4", "layout_seq_without_completion": "button 6 27 22 5 | description 6 11 59 11 | image 75 8 39 24 | title 2 6 66 4", "plain_layout_seq": "button 6 27 22 5 | description 6 11 59 11 | image 75 8 39 24 | title 2 6 66 4", "canvas_width": 1024, "canvas_height": 376, "elements": [ { "type": "title", "position": [ 25, 53, 565, 35 ], "completed": false }, { "type": "image", "position": [ 642, 70, 337, 208 ], "completed": false }, { "type": "description", "position": [ 55, 100, 505, 95 ], "completed": false }, { "type": "button", "position": [ 55, 233, 193, 48 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should be two attractive introductions, lightening the feature of the service. Also, there has to be a link for more information.", "region_id": "1116_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 6 11 59 11 | complete image 75 8 39 24 | link 6 27 22 5 | title 2 6 66 4", "layout_seq_without_completion": "description 6 11 59 11 | image 75 8 39 24 | link 6 27 22 5 | title 2 6 66 4", "plain_layout_seq": "description 6 11 59 11 | image 75 8 39 24 | link 6 27 22 5 | title 2 6 66 4", "canvas_width": 1024, "canvas_height": 376, "elements": [ { "type": "title", "position": [ 25, 53, 565, 35 ], "completed": false }, { "type": "image", "position": [ 642, 70, 337, 208 ], "completed": true }, { "type": "description", "position": [ 55, 100, 505, 95 ], "completed": false }, { "type": "link", "position": [ 55, 233, 193, 48 ], "completed": false } ] }, { "text": "#A page for introducing an enterprise named \"Exonum\" to users.# The page should include one title and one button for users to click to view BlockChain. Under it, there should be one image, one title, and a brief description of the Exonum.", "region_id": "28", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:button [attr:value'view blockchain'] [attr:position 'top'] ] [el:image] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : button top undefined | description undefined small | image undefined undefined | title top undefined | title undefined undefined", "layout_seq_with_completion": "button 98 5 19 4 | description 12 25 39 8 | image 60 16 47 39 | complete link 12 35 17 2 | complete text 20 54 2 0 | title 12 20 47 2 | title 2 4 115 4", "layout_seq_without_completion": "button 98 5 19 4 | description 12 25 39 8 | image 60 16 47 39 | link 12 35 17 2 | text 20 54 2 0 | title 12 20 47 2 | title 2 4 115 4", "plain_layout_seq": "button 98 5 19 4 | description 12 25 39 8 | image 60 16 47 39 | link 12 35 17 2 | text 20 54 2 0 | title 12 20 47 2 | title 2 4 115 4", "canvas_width": 1003, "canvas_height": 528, "elements": [ { "type": "title", "position": [ 20, 40, 963, 38 ], "completed": false }, { "type": "button", "position": [ 822, 42, 161, 38 ], "completed": false }, { "type": "image", "position": [ 502, 137, 398, 331 ], "completed": false }, { "type": "title", "position": [ 106, 171, 396, 24 ], "completed": false }, { "type": "description", "position": [ 106, 215, 328, 72 ], "completed": false }, { "type": "link", "position": [ 106, 299, 148, 22 ], "completed": true }, { "type": "text", "position": [ 174, 458, 19, 2 ], "completed": true } ] }, { "text": "# A page for the user to download Dream11 App. # On the page, there should be a background image, a text box showing \"Download the official Dream11 app\" and two images showing the logo of Dream 11 and the official partner. There should also be an input to enter the mobile phone number and a text button for the user to get the app link.", "region_id": "1109", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value'download the official dream11 app'] ] [el:logo [attr:repeat'2'] ] [el:input [attr:value'enter the mobile phone number'] ] [el:button [attr:value'get the app link'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 44 | input 60 31 50 8 | logo 0 0 14 23 | logo 63 7 32 18 | text 60 27 38 2", "layout_seq_without_completion": "background 0 0 120 44 | input 60 31 50 8 | logo 0 0 14 23 | logo 63 7 32 18 | text 60 27 38 2", "plain_layout_seq": "background 0 0 120 44 | input 60 31 50 8 | logo 0 0 14 23 | logo 63 7 32 18 | text 60 27 38 2", "canvas_width": 1024, "canvas_height": 380, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 380 ], "completed": false }, { "type": "logo", "position": [ 0, 0, 121, 197 ], "completed": false }, { "type": "logo", "position": [ 538, 62, 278, 155 ], "completed": false }, { "type": "text", "position": [ 512, 232, 331, 20 ], "completed": false }, { "type": "input", "position": [ 512, 272, 430, 75 ], "completed": false } ] }, { "text": "# A page for the Integrated Annual Report 2021 of the company Aegon. # On the page, there should be two text boxes. One is the title and another is a short description of the report. It is necessary to have a text button used to click to go to the report. It is better to have an image for beauty.", "region_id": "590", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'go to the report'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 36 17 4 | description 64 19 50 14 | image 4 5 55 35 | complete image 40 2 20 44 | title 64 5 50 11", "layout_seq_without_completion": "button 64 36 17 4 | description 64 19 50 14 | image 4 5 55 35 | image 40 2 20 44 | title 64 5 50 11", "plain_layout_seq": "button 64 36 17 4 | description 64 19 50 14 | image 4 5 55 35 | image 40 2 20 44 | title 64 5 50 11", "canvas_width": 1024, "canvas_height": 402, "elements": [ { "type": "image", "position": [ 344, 23, 176, 379 ], "completed": true }, { "type": "image", "position": [ 40, 48, 472, 300 ], "completed": false }, { "type": "title", "position": [ 552, 48, 432, 96 ], "completed": false }, { "type": "description", "position": [ 552, 168, 432, 120 ], "completed": false }, { "type": "button", "position": [ 552, 312, 148, 42 ], "completed": false } ] }, { "text": "#A page for introducing Verizon Up first access to users.# The page should include a background image, one title, and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2379", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 75 | button 3 56 20 5 | description 3 46 65 5 | complete text 3 0 25 6 | title 3 22 65 22", "layout_seq_without_completion": "background 0 0 120 75 | button 3 56 20 5 | description 3 46 65 5 | text 3 0 25 6 | title 3 22 65 22", "plain_layout_seq": "background 0 0 120 75 | button 3 56 20 5 | description 3 46 65 5 | text 3 0 25 6 | title 3 22 65 22", "canvas_width": 1024, "canvas_height": 641, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 640 ], "completed": false }, { "type": "text", "position": [ 28, 0, 215, 57 ], "completed": true }, { "type": "title", "position": [ 28, 192, 558, 192 ], "completed": false }, { "type": "description", "position": [ 28, 400, 558, 48 ], "completed": false }, { "type": "button", "position": [ 28, 480, 172, 44 ], "completed": false } ] }, { "text": "#A page showing a piece of news about AirAsia.# There should be a logo, and a title showing the news. It is better to have an explanation and a button \"AirAsia land a record number of candidates\".", "region_id": "122", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description] [el:button [attr:value'airasia land a record number of candidates'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "layout_seq_without_completion": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "plain_layout_seq": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "canvas_width": 1024, "canvas_height": 716, "elements": [ { "type": "background", "position": [ 30, 0, 964, 715 ], "completed": true }, { "type": "logo", "position": [ 90, 60, 200, 35 ], "completed": false }, { "type": "title", "position": [ 90, 160, 422, 302 ], "completed": false }, { "type": "description", "position": [ 90, 476, 422, 100 ], "completed": false }, { "type": "button", "position": [ 90, 616, 370, 40 ], "completed": false } ] }, { "text": "#A page showing a piece of news about AirAsia.# There should be a text box showing the title of the news. It is better to have a text box that shows a short introduction and a button for obtaining more info.", "region_id": "122_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | complete logo 10 7 23 4 | title 10 18 49 35", "layout_seq_without_completion": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "plain_layout_seq": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "canvas_width": 1024, "canvas_height": 716, "elements": [ { "type": "background", "position": [ 30, 0, 964, 715 ], "completed": true }, { "type": "logo", "position": [ 90, 60, 200, 35 ], "completed": true }, { "type": "title", "position": [ 90, 160, 422, 302 ], "completed": false }, { "type": "description", "position": [ 90, 476, 422, 100 ], "completed": false }, { "type": "button", "position": [ 90, 616, 370, 40 ], "completed": false } ] }, { "text": "#A page for attracting users to subscribe.# The page should have text to attract users to subscribe, an icon, and a link for users to click to subscribe and save.", "region_id": "6783", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:icon] [el:link [attr:value 'subscribe & save'] ] ]", "execution": "singleinfo : icon undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 95 1 2 2 | link 99 1 13 2 | text 10 0 76 4", "layout_seq_without_completion": "icon 95 1 2 2 | link 99 1 13 2 | text 10 0 76 4", "plain_layout_seq": "icon 95 1 2 2 | link 99 1 13 2 | text 10 0 76 4", "canvas_width": 1009, "canvas_height": 43, "elements": [ { "type": "text", "position": [ 91, 0, 646, 42 ], "completed": false }, { "type": "icon", "position": [ 803, 12, 20, 17 ], "completed": false }, { "type": "link", "position": [ 835, 12, 116, 17 ], "completed": false } ] }, { "text": "# A page for introducing the company Trakstar.# The page should have the title \"Talent Development Made Simple\" and a further introduction to Trakstar.", "region_id": "6081", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'talent development made simple'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 81 | description 20 27 80 22 | title 20 6 80 15", "layout_seq_without_completion": "background 0 0 120 81 | description 20 27 80 22 | title 20 6 80 15", "plain_layout_seq": "background 0 0 120 81 | description 20 27 80 22 | title 20 6 80 15", "canvas_width": 960, "canvas_height": 649, "elements": [ { "type": "background", "position": [ 0, 0, 960, 649 ], "completed": true }, { "type": "title", "position": [ 160, 48, 642, 123 ], "completed": false }, { "type": "description", "position": [ 160, 220, 642, 180 ], "completed": false } ] }, { "text": "# A page to introduce a company's recognizations. # The page should have the title \"Recognizations\" and three images showing the logos of the business.", "region_id": "4326", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'recognizations'] ] [el:logo [attr:repeat '3'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 91 8 27 9 | complete image 32 8 27 9 | complete image 61 8 27 9 | logo 63 10 16 5 | logo 33 10 16 4 | logo 92 11 16 2 | title 3 11 18 3", "layout_seq_without_completion": "image 91 8 27 9 | image 32 8 27 9 | image 61 8 27 9 | logo 63 10 16 5 | logo 33 10 16 4 | logo 92 11 16 2 | title 3 11 18 3", "plain_layout_seq": "image 91 8 27 9 | image 32 8 27 9 | image 61 8 27 9 | logo 63 10 16 5 | logo 33 10 16 4 | logo 92 11 16 2 | title 3 11 18 3", "canvas_width": 1024, "canvas_height": 282, "elements": [ { "type": "image", "position": [ 275, 70, 236, 80 ], "completed": true }, { "type": "image", "position": [ 526, 70, 236, 80 ], "completed": true }, { "type": "image", "position": [ 778, 70, 236, 80 ], "completed": true }, { "type": "logo", "position": [ 541, 86, 145, 50 ], "completed": false }, { "type": "logo", "position": [ 290, 92, 145, 36 ], "completed": false }, { "type": "title", "position": [ 31, 99, 159, 28 ], "completed": false }, { "type": "logo", "position": [ 793, 100, 145, 20 ], "completed": false } ] }, { "text": "#A page for introducing the Talent.#There is one label \"SIMPLIFY WORKLIFE\", one title \"Talent is your biggest superpower that drives your growth and momentum\", and one description. In addition, there is one relevant video.", "region_id": "5892", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'simplify worklife'] ] [el:title [attr:value 'talent is your biggest superpower that drives your growth and momentum'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 66 32 52 14 | image 1 10 57 32 | text 66 6 52 3 | complete text 85 23 20 4 | title 66 13 43 14", "layout_seq_without_completion": "description 66 32 52 14 | image 1 10 57 32 | text 66 6 52 3 | text 85 23 20 4 | title 66 13 43 14", "plain_layout_seq": "description 66 32 52 14 | image 1 10 57 32 | text 66 6 52 3 | text 85 23 20 4 | title 66 13 43 14", "canvas_width": 1024, "canvas_height": 459, "elements": [ { "type": "text", "position": [ 570, 58, 444, 32 ], "completed": false }, { "type": "image", "position": [ 10, 91, 492, 277 ], "completed": false }, { "type": "title", "position": [ 570, 111, 375, 126 ], "completed": false }, { "type": "text", "position": [ 733, 197, 172, 40 ], "completed": true }, { "type": "description", "position": [ 570, 275, 444, 126 ], "completed": false } ] }, { "text": "#A page for introducing ISNetworld for business to users.# On the left, there should be an image. On the right side, the page should include one title and a brief description. Two text boxes are needed, one for hiring clients and the other for the contractors and suppliers. Besides, a button is needed for users to click for further information.", "region_id": "1506", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:text [attr:value'hiring clients'] ] [el:text [attr:value'contractors and suppliers'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | text undefined undefined | text undefined undefined | title right undefined", "layout_seq_with_completion": "button 61 58 29 5 | description 61 22 40 31 | image 8 4 40 26 | text 73 18 19 2 | text 61 18 9 2 | title 61 7 40 9", "layout_seq_without_completion": "button 61 58 29 5 | description 61 22 40 31 | image 8 4 40 26 | text 73 18 19 2 | text 61 18 9 2 | title 61 7 40 9", "plain_layout_seq": "button 61 58 29 5 | description 61 22 40 31 | image 8 4 40 26 | text 73 18 19 2 | text 61 18 9 2 | title 61 7 40 9", "canvas_width": 1003, "canvas_height": 579, "elements": [ { "type": "image", "position": [ 70, 40, 342, 220 ], "completed": false }, { "type": "title", "position": [ 516, 60, 342, 76 ], "completed": false }, { "type": "text", "position": [ 516, 151, 83, 19 ], "completed": false }, { "type": "text", "position": [ 615, 151, 164, 19 ], "completed": false }, { "type": "description", "position": [ 516, 190, 342, 266 ], "completed": false }, { "type": "button", "position": [ 516, 491, 250, 48 ], "completed": false } ] }, { "text": "#A page including a map and an address.# The page should include an image, the title \"Little Trooper Taupo\", an address, and a button.", "region_id": "8750", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'little trooper taupo'] ] [el:text] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 82 21 12 3 | image 14 3 59 25 | text 82 14 17 5 | title 82 7 17 5", "layout_seq_without_completion": "button 82 21 12 3 | image 14 3 59 25 | text 82 14 17 5 | title 82 7 17 5", "plain_layout_seq": "button 82 21 12 3 | image 14 3 59 25 | text 82 14 17 5 | title 82 7 17 5", "canvas_width": 1502, "canvas_height": 436, "elements": [ { "type": "image", "position": [ 181, 43, 750, 321 ], "completed": false }, { "type": "title", "position": [ 1033, 98, 216, 74 ], "completed": false }, { "type": "text", "position": [ 1033, 178, 216, 72 ], "completed": false }, { "type": "button", "position": [ 1033, 270, 154, 44 ], "completed": false } ] }, { "text": "# A page for introducing the social platforms Facebook, and Instagram, and for the user to enter to shop.# On the page, there should have a background image, a slogan, a description, and a button \"Shop now!\" for the user to click to shop in the store.", "region_id": "6720", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:button [attr:value 'Shop now!'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 6 6 107 55 | button 51 45 16 5 | description 24 29 70 11 | title 12 17 94 10", "layout_seq_without_completion": "background 6 6 107 55 | button 51 45 16 5 | description 24 29 70 11 | title 12 17 94 10", "plain_layout_seq": "background 6 6 107 55 | button 51 45 16 5 | description 24 29 70 11 | title 12 17 94 10", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "background", "position": [ 55, 55, 914, 475 ], "completed": false }, { "type": "title", "position": [ 110, 147, 804, 92 ], "completed": false }, { "type": "description", "position": [ 210, 248, 603, 98 ], "completed": false }, { "type": "button", "position": [ 442, 392, 140, 46 ], "completed": false } ] }, { "text": "#A page introducing the 2021 sustainability report. # The page should have a large banner, a title \"2021 sustainability report\", and an icon for viewing detail of the report.", "region_id": "2416", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'large']] [el:title [attr:value '2021 sustainability report']] [el:icon [attr:value 'view detail']] ]", "execution": "singleinfo : icon undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 39 | icon 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "layout_seq_without_completion": "background 0 0 120 39 | icon 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "plain_layout_seq": "background 0 0 120 39 | icon 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "canvas_width": 1000, "canvas_height": 329, "elements": [ { "type": "image", "position": [ 0, 0, 1000, 260 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1000, 329 ], "completed": true }, { "type": "title", "position": [ 20, 285, 213, 19 ], "completed": false }, { "type": "icon", "position": [ 962, 285, 18, 18 ], "completed": false } ] }, { "text": "#A page introducing the 2021 sustainability report. # The page should have a big and corresponding image, one title, and one button for users to click to read the report.", "region_id": "2416_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'large']] [el:title] [el:button [attr:value 'Read report']] ]", "execution": "singleinfo : button undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 39 | button 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "layout_seq_without_completion": "background 0 0 120 39 | button 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "plain_layout_seq": "background 0 0 120 39 | button 115 34 2 2 | image 0 0 120 31 | title 2 34 25 2", "canvas_width": 1000, "canvas_height": 329, "elements": [ { "type": "image", "position": [ 0, 0, 1000, 260 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1000, 329 ], "completed": true }, { "type": "title", "position": [ 20, 285, 213, 19 ], "completed": false }, { "type": "button", "position": [ 962, 285, 18, 18 ], "completed": false } ] }, { "text": "#A page for users to subscribe to the free YouTube.#The page should have a background image and a title, \"what are you waiting for?\". There is a long description under it, and a button to get free YouTube Subscribers.", "region_id": "5988", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'what are you waiting for?'] ] [el:description [attr:size 'large'] ] [el:button [attr:value 'get free youtube subscribers'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined large | title undefined undefined", "layout_seq_with_completion": "background 67 7 39 50 | button 6 47 41 6 | description 6 27 51 13 | title 6 13 51 12", "layout_seq_without_completion": "background 67 7 39 50 | button 6 47 41 6 | description 6 27 51 13 | title 6 13 51 12", "plain_layout_seq": "background 67 7 39 50 | button 6 47 41 6 | description 6 27 51 13 | title 6 13 51 12", "canvas_width": 1024, "canvas_height": 581, "elements": [ { "type": "background", "position": [ 577, 61, 341, 430 ], "completed": false }, { "type": "title", "position": [ 55, 115, 442, 108 ], "completed": false }, { "type": "description", "position": [ 55, 238, 442, 119 ], "completed": false }, { "type": "button", "position": [ 55, 403, 351, 54 ], "completed": false } ] }, { "text": "#A page showing the labels of participants.# There is a long text named \"Our Partners\". There are also five images showing these labels.", "region_id": "2203", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'our partners'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:image] ] ] ]", "execution": "singleinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 61 40 2 2 | complete button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "layout_seq_without_completion": "button 61 40 2 2 | button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "plain_layout_seq": "button 61 40 2 2 | button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 0, 46, 1024, 37 ], "completed": false }, { "type": "image", "position": [ 653, 165, 115, 150 ], "completed": false }, { "type": "image", "position": [ 30, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 437, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 845, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 234, 239, 140, 76 ], "completed": false }, { "type": "button", "position": [ 482, 343, 20, 20 ], "completed": true }, { "type": "button", "position": [ 522, 343, 20, 20 ], "completed": true } ] }, { "text": "#A page to show the value of WalkMe.# On this page, a short description is placed between the icon of \"double quotation mark\".", "region_id": "5716", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:icon [attr:repeat '2'] [attr:value 'double quotation mark']] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | icon undefined undefined", "layout_seq_with_completion": "description 5 2 109 8 | description 5 7 113 8 | icon 0 0 5 4 | icon 78 13 5 4 | complete text 5 2 64 3", "layout_seq_without_completion": "description 5 2 109 8 | description 5 7 113 8 | icon 0 0 5 4 | icon 78 13 5 4 | text 5 2 64 3", "plain_layout_seq": "description 5 2 109 8 | description 5 7 113 8 | icon 0 0 5 4 | icon 78 13 5 4 | text 5 2 64 3", "canvas_width": 825, "canvas_height": 122, "elements": [ { "type": "icon", "position": [ 0, 2, 36, 28 ], "completed": false }, { "type": "description", "position": [ 40, 15, 751, 58 ], "completed": false }, { "type": "text", "position": [ 40, 15, 442, 23 ], "completed": true }, { "type": "description", "position": [ 40, 50, 778, 58 ], "completed": false }, { "type": "icon", "position": [ 540, 94, 36, 28 ], "completed": false } ] }, { "text": "# A page for introducing how the company fuels the world. # On the page, there should be a title \"How We Fuel the World\", an image showing the worker of the company, and a text box having a brief introduction of the company. Besides, two text buttons are needed for the user to learn about the refining and renewables of the company.", "region_id": "2376", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'how we fuel the world'] ] [el:image] [el:description [attr:size'small'] ] [el:button [attr:value'learn about the refining'] ] [el:button [attr:value'learn about the renewables'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 15 23 35 6 | button 15 30 35 6 | description 15 5 36 14 | image 57 0 50 37 | complete text 77 0 36 28 | title 15 0 37 4", "layout_seq_without_completion": "button 15 23 35 6 | button 15 30 35 6 | description 15 5 36 14 | image 57 0 50 37 | text 77 0 36 28 | title 15 0 37 4", "plain_layout_seq": "button 15 23 35 6 | button 15 30 35 6 | description 15 5 36 14 | image 57 0 50 37 | text 77 0 36 28 | title 15 0 37 4", "canvas_width": 1024, "canvas_height": 321, "elements": [ { "type": "title", "position": [ 129, 0, 316, 36 ], "completed": false }, { "type": "image", "position": [ 488, 0, 427, 316 ], "completed": false }, { "type": "text", "position": [ 660, 0, 315, 241 ], "completed": true }, { "type": "description", "position": [ 129, 47, 311, 121 ], "completed": false }, { "type": "button", "position": [ 129, 203, 301, 59 ], "completed": false }, { "type": "button", "position": [ 129, 262, 301, 59 ], "completed": false } ] }, { "text": "#A page showing the news from a company. # There are three text boxes showing the title and the resume of the news.", "region_id": "776_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat'2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 6 45 17 | description 61 30 44 1 | title 61 3 33 1", "layout_seq_without_completion": "description 61 6 45 17 | description 61 30 44 1 | title 61 3 33 1", "plain_layout_seq": "description 61 6 45 17 | description 61 30 44 1 | title 61 3 33 1", "canvas_width": 970, "canvas_height": 312, "elements": [ { "type": "title", "position": [ 500, 25, 273, 14 ], "completed": false }, { "type": "description", "position": [ 500, 50, 367, 140 ], "completed": false }, { "type": "description", "position": [ 500, 244, 358, 16 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"AmerisourceBergen\" to users.# The page should include an image on the left, one title \"Careers with purpose\", and a brief description of the AmerisourceBergen. A button is needed for users to click for further information about the company.", "region_id": "670", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:value'careers with purpose'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image left undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 53 | button 73 39 19 5 | description 73 22 41 12 | image 0 0 60 53 | title 73 7 41 12", "layout_seq_without_completion": "background 0 0 120 53 | button 73 39 19 5 | description 73 22 41 12 | image 0 0 60 53 | title 73 7 41 12", "plain_layout_seq": "background 0 0 120 53 | button 73 39 19 5 | description 73 22 41 12 | image 0 0 60 53 | title 73 7 41 12", "canvas_width": 1024, "canvas_height": 460, "elements": [ { "type": "image", "position": [ 0, 0, 512, 460 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1024, 460 ], "completed": true }, { "type": "title", "position": [ 624, 66, 353, 106 ], "completed": false }, { "type": "description", "position": [ 624, 188, 353, 108 ], "completed": false }, { "type": "button", "position": [ 624, 336, 167, 44 ], "completed": false } ] }, { "text": "#A page for users to browse and add offers.# There should be one label\"Step one\", one title \"Browse & add offers\", and one detailed description. One image shows the operation's progress.", "region_id": "256", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'step one'] ] [el:title [attr:value'browse & add offers'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "layout_seq_without_completion": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "plain_layout_seq": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "canvas_width": 924, "canvas_height": 259, "elements": [ { "type": "image", "position": [ 573, 10, 240, 239 ], "completed": false }, { "type": "title", "position": [ 31, 57, 400, 24 ], "completed": false }, { "type": "title", "position": [ 31, 93, 400, 40 ], "completed": false }, { "type": "description", "position": [ 31, 152, 400, 51 ], "completed": false } ] }, { "text": "#A page for users to browse and add offers.# There should be one text showing the slogan\"Step one\", one text box showing the title, and one text box showing the detailed description. One image shows the operation's progress.", "region_id": "256_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'step one'] ] [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "layout_seq_without_completion": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "plain_layout_seq": "description 4 19 51 6 | image 74 1 31 31 | title 4 7 51 3 | title 4 12 51 5", "canvas_width": 924, "canvas_height": 259, "elements": [ { "type": "image", "position": [ 573, 10, 240, 239 ], "completed": false }, { "type": "title", "position": [ 31, 57, 400, 24 ], "completed": false }, { "type": "title", "position": [ 31, 93, 400, 40 ], "completed": false }, { "type": "description", "position": [ 31, 152, 400, 51 ], "completed": false } ] }, { "text": "#A page showing the logos of partners.# There is a long text box. There are five small images showing the logos.", "region_id": "445", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size'large'] ] [el:logo [attr:repeat'5'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined large", "layout_seq_with_completion": "text 1 8 117 2 | \" [ logo 82 15 21 7 ] | [ logo 16 17 13 3 ] | [ logo 36 17 23 3 ] | [ logo 66 17 8 4 ] | [ logo 48 28 21 7 ] \"", "layout_seq_without_completion": "text 1 8 117 2 | \" [ logo 82 15 21 7 ] | [ logo 16 17 13 3 ] | [ logo 36 17 23 3 ] | [ logo 66 17 8 4 ] | [ logo 48 28 21 7 ] \"", "plain_layout_seq": "logo 82 15 21 7 | logo 16 17 13 3 | logo 36 17 23 3 | logo 66 17 8 4 | logo 48 28 21 7 | text 1 8 117 2", "canvas_width": 1024, "canvas_height": 325, "elements": [ { "type": "text", "position": [ 10, 75, 1004, 24 ], "completed": false }, { "type": "logo", "position": [ 700, 136, 187, 61 ], "completed": false }, { "type": "logo", "position": [ 570, 149, 70, 35 ], "completed": false }, { "type": "logo", "position": [ 137, 150, 113, 32 ], "completed": false }, { "type": "logo", "position": [ 310, 153, 200, 27 ], "completed": false }, { "type": "logo", "position": [ 418, 241, 187, 62 ], "completed": false } ] }, { "text": "#A page showing the image of 14ft lorry.# A page should have a title with one large image of the 14ft lorry.", "region_id": "1585", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : image undefined large | title undefined undefined", "layout_seq_with_completion": "complete icon 19 38 1 0 | image 1 3 37 26 | title 1 32 37 4", "layout_seq_without_completion": "icon 19 38 1 0 | image 1 3 37 26 | title 1 32 37 4", "plain_layout_seq": "icon 19 38 1 0 | image 1 3 37 26 | title 1 32 37 4", "canvas_width": 964, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 10, 25, 301, 216 ], "completed": false }, { "type": "title", "position": [ 10, 262, 301, 34 ], "completed": false }, { "type": "icon", "position": [ 155, 310, 12, 6 ], "completed": true } ] }, { "text": "# A page to remind the user that SalemNOW has updated a new platform and tell the user to reset the password if they have an account.# The page should have a title, a short sentence as a reminder, a link for the user to learn more info, and a button \"CLOSE\" for the user to close the page.", "region_id": "5660", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'close'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 27 | button 56 20 6 3 | description 23 9 72 2 | link 55 15 9 2 | title 10 3 99 2", "layout_seq_without_completion": "background 0 0 120 27 | button 56 20 6 3 | description 23 9 72 2 | link 55 15 9 2 | title 10 3 99 2", "plain_layout_seq": "background 0 0 120 27 | button 56 20 6 3 | description 23 9 72 2 | link 55 15 9 2 | title 10 3 99 2", "canvas_width": 1024, "canvas_height": 231, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 231 ], "completed": true }, { "type": "title", "position": [ 86, 32, 852, 24 ], "completed": false }, { "type": "description", "position": [ 203, 82, 618, 19 ], "completed": false }, { "type": "link", "position": [ 472, 130, 80, 19 ], "completed": false }, { "type": "button", "position": [ 484, 172, 56, 26 ], "completed": false } ] }, { "text": "#A page for introducing the Tealium.# There should be an attractive title highlighting the advantage of the service, followed by a short description and four icons showing the companies that Tealium has helped. Also, it is better to add a corresponding image and a link so that users can read case studies.", "region_id": "499", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:icon [attr:repeat '4'] ] [el:image] [el:link [attr:value'read case studies'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "layout_seq_without_completion": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "plain_layout_seq": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "canvas_width": 1024, "canvas_height": 831, "elements": [ { "type": "title", "position": [ 512, 96, 480, 171 ], "completed": false }, { "type": "image", "position": [ 128, 123, 288, 468 ], "completed": false }, { "type": "description", "position": [ 512, 299, 480, 84 ], "completed": false }, { "type": "icon", "position": [ 528, 431, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 816, 449, 64, 27 ], "completed": false }, { "type": "icon", "position": [ 720, 453, 64, 19 ], "completed": false }, { "type": "icon", "position": [ 624, 456, 64, 15 ], "completed": false }, { "type": "link", "position": [ 512, 564, 218, 55 ], "completed": false } ] }, { "text": "#A page marketing the service that a company offers.# There should be an attractive title highlighting the advantage of the service, followed by a short description and four icons showing the companies that Tealium has helped. Also, it is better to add a corresponding image and a link so that users can read case studies.", "region_id": "499_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:icon [attr:repeat '4']] [el:image] [el:link [attr:value'read case studies'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "layout_seq_without_completion": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "plain_layout_seq": "description 60 35 56 9 | icon 61 50 7 7 | icon 73 53 7 1 | icon 95 52 7 3 | icon 84 53 7 2 | image 15 14 33 54 | link 60 66 25 6 | title 60 11 56 20", "canvas_width": 1024, "canvas_height": 831, "elements": [ { "type": "title", "position": [ 512, 96, 480, 171 ], "completed": false }, { "type": "image", "position": [ 128, 123, 288, 468 ], "completed": false }, { "type": "description", "position": [ 512, 299, 480, 84 ], "completed": false }, { "type": "icon", "position": [ 528, 431, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 816, 449, 64, 27 ], "completed": false }, { "type": "icon", "position": [ 720, 453, 64, 19 ], "completed": false }, { "type": "icon", "position": [ 624, 456, 64, 15 ], "completed": false }, { "type": "link", "position": [ 512, 564, 218, 55 ], "completed": false } ] }, { "text": "#This is the page that provides the user with options.#In addition to a brief introduction, this page also has an Accept button.", "region_id": "3580", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:button [attr:value 'accept'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small", "layout_seq_with_completion": "complete background 0 0 120 13 | button 50 6 9 4 | description 7 2 107 2 | complete link 61 7 8 2", "layout_seq_without_completion": "background 0 0 120 13 | button 50 6 9 4 | description 7 2 107 2 | link 61 7 8 2", "plain_layout_seq": "background 0 0 120 13 | button 50 6 9 4 | description 7 2 107 2 | link 61 7 8 2", "canvas_width": 1009, "canvas_height": 116, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 116 ], "completed": true }, { "type": "description", "position": [ 62, 20, 900, 22 ], "completed": false }, { "type": "button", "position": [ 427, 58, 83, 38 ], "completed": false }, { "type": "link", "position": [ 518, 67, 71, 20 ], "completed": true } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"NEWSLETTER\" and a short description. Besides, there should be an input box for the user to enter the email address and a button for the user to click to subscribe.", "region_id": "7731", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'newsletter'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 17 18 5 | description 4 5 110 2 | input 4 9 110 5 | title 4 0 110 2", "layout_seq_without_completion": "button 4 17 18 5 | description 4 5 110 2 | input 4 9 110 5 | title 4 0 110 2", "plain_layout_seq": "button 4 17 18 5 | description 4 5 110 2 | input 4 9 110 5 | title 4 0 110 2", "canvas_width": 1004, "canvas_height": 193, "elements": [ { "type": "title", "position": [ 40, 0, 924, 21 ], "completed": false }, { "type": "description", "position": [ 40, 42, 924, 23 ], "completed": false }, { "type": "input", "position": [ 40, 83, 924, 45 ], "completed": false }, { "type": "button", "position": [ 40, 148, 151, 45 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"RunCloud\" to users.# On the left side of the page, there should be an icon on the top, one title named \"Customer success stories\", and a brief introduction of \"RunCloud\" under the title. On the right, two forward and backward paginations should be provided for users to click.", "region_id": "3181", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon [attr:position 'left'] ] [el:title [attr:value 'Customer success stories'] ] [el:description [attr:size 'small'] ] [el:pagination [attr:position 'right'] ] ]", "execution": "singleinfo : description undefined small | icon left undefined | pagination right undefined | title undefined undefined", "layout_seq_with_completion": "complete button 111 11 7 7 | complete button 103 11 7 7 | description 1 18 66 4 | icon 4 2 3 3 | icon 1 0 8 8 | title 1 12 54 5", "layout_seq_without_completion": "button 111 11 7 7 | button 103 11 7 7 | description 1 18 66 4 | icon 4 2 3 3 | icon 1 0 8 8 | title 1 12 54 5", "plain_layout_seq": "button 111 11 7 7 | button 103 11 7 7 | description 1 18 66 4 | icon 4 2 3 3 | icon 1 0 8 8 | title 1 12 54 5", "canvas_width": 960, "canvas_height": 238, "elements": [ { "type": "icon", "position": [ 15, 0, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 35, 21, 30, 30 ], "completed": false }, { "type": "button", "position": [ 825, 91, 56, 56 ], "completed": true }, { "type": "button", "position": [ 889, 91, 56, 56 ], "completed": true }, { "type": "title", "position": [ 15, 100, 437, 42 ], "completed": false }, { "type": "description", "position": [ 15, 150, 530, 32 ], "completed": false } ] }, { "text": "#A page for introducing the latest from us to users.# The page should include one title on the top. Under it, there should be an image on the left and a brief description of the latest on the right. Besides, a button is needed for users to click for further information.", "region_id": "987", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:image [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title top undefined", "layout_seq_with_completion": "button 76 42 2 2 | description 64 29 43 10 | complete icon 68 49 1 1 | complete icon 64 49 1 1 | image 0 12 60 44 | complete image 60 12 57 44 | complete text 64 42 10 2 | title 2 4 115 4 | complete title 64 20 43 7", "layout_seq_without_completion": "button 76 42 2 2 | description 64 29 43 10 | icon 68 49 1 1 | icon 64 49 1 1 | image 0 12 60 44 | image 60 12 57 44 | text 64 42 10 2 | title 2 4 115 4 | title 64 20 43 7", "plain_layout_seq": "button 76 42 2 2 | description 64 29 43 10 | icon 68 49 1 1 | icon 64 49 1 1 | image 0 12 60 44 | image 60 12 57 44 | text 64 42 10 2 | title 2 4 115 4 | title 64 20 43 7", "canvas_width": 1024, "canvas_height": 528, "elements": [ { "type": "title", "position": [ 20, 40, 984, 38 ], "completed": false }, { "type": "image", "position": [ 0, 108, 512, 380 ], "completed": false }, { "type": "image", "position": [ 512, 108, 492, 380 ], "completed": true }, { "type": "title", "position": [ 554, 176, 370, 63 ], "completed": true }, { "type": "description", "position": [ 554, 255, 370, 90 ], "completed": false }, { "type": "text", "position": [ 554, 365, 86, 22 ], "completed": true }, { "type": "button", "position": [ 650, 365, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 554, 424, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 581, 424, 10, 10 ], "completed": true } ] }, { "text": "#A page advertising one group.# There should be a large image. Inside the image, there must be a description, and one text button for users to read more. Users can play a video by clicking one button.", "region_id": "1526", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image[attr:size 'large']] [el:description] [el:button[attr:value'Read More']] [el:button [attr:value'Play video']]]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | description undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "layout_seq_without_completion": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "plain_layout_seq": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "canvas_width": 1024, "canvas_height": 431, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 431 ], "completed": false }, { "type": "description", "position": [ 114, 153, 383, 96 ], "completed": false }, { "type": "button", "position": [ 114, 301, 93, 27 ], "completed": false } ] }, { "text": "#A page advertising one group.# There should be a large image. Inside the image, there must be a descriptive text box for the group, and one text button for users to read more.", "region_id": "1526_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image[attr:size 'large']] [el:description] [el:button[attr:value'Read More'] ]]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "layout_seq_without_completion": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "plain_layout_seq": "background 0 0 120 50 | button 13 35 10 3 | description 13 17 44 11", "canvas_width": 1024, "canvas_height": 431, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 431 ], "completed": false }, { "type": "description", "position": [ 114, 153, 383, 96 ], "completed": false }, { "type": "button", "position": [ 114, 301, 93, 27 ], "completed": false } ] }, { "text": "#A page showing the product and guiding users to sell it.#The page should include one background image, one text heading, one small description text, and one button for users to click to sell it. Also, there should have one pagination on the bottom.", "region_id": "6710", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size 'small'] ] [el:button[attr:value'shop now']] [el:pagination [attr:position 'bottom'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | pagination bottom undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 76 | button 53 43 13 6 | description 37 35 44 3 | complete icon 69 72 1 1 | complete icon 49 72 1 1 | complete icon 63 72 1 1 | complete image 47 70 19 5 | title 6 25 107 9", "layout_seq_without_completion": "background 0 0 120 76 | button 53 43 13 6 | description 37 35 44 3 | icon 69 72 1 1 | icon 49 72 1 1 | icon 63 72 1 1 | image 47 70 19 5 | title 6 25 107 9", "plain_layout_seq": "background 0 0 120 76 | button 53 43 13 6 | description 37 35 44 3 | icon 69 72 1 1 | icon 49 72 1 1 | icon 63 72 1 1 | image 47 70 19 5 | title 6 25 107 9", "canvas_width": 1024, "canvas_height": 705, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 650 ], "completed": false }, { "type": "title", "position": [ 55, 219, 914, 78 ], "completed": false }, { "type": "description", "position": [ 322, 306, 380, 33 ], "completed": false }, { "type": "button", "position": [ 456, 372, 112, 57 ], "completed": false }, { "type": "image", "position": [ 405, 601, 169, 44 ], "completed": true }, { "type": "icon", "position": [ 426, 617, 11, 11 ], "completed": true }, { "type": "icon", "position": [ 539, 617, 11, 11 ], "completed": true }, { "type": "icon", "position": [ 592, 618, 10, 10 ], "completed": true } ] }, { "text": "#A page for introducing one company.# There should be one image as an extra layout and one text box showing the detailed description. Users can read the company's stories by clicking one button.", "region_id": "1877", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description] [el:button [attr:value'read stories'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 63 | button 5 53 20 3 | description 5 34 51 15 | image 2 31 57 29", "layout_seq_without_completion": "background 0 0 120 63 | button 5 53 20 3 | description 5 34 51 15 | image 2 31 57 29", "plain_layout_seq": "background 0 0 120 63 | button 5 53 20 3 | description 5 34 51 15 | image 2 31 57 29", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 540 ], "completed": true }, { "type": "image", "position": [ 24, 267, 488, 249 ], "completed": false }, { "type": "description", "position": [ 48, 297, 440, 134 ], "completed": false }, { "type": "button", "position": [ 48, 458, 173, 34 ], "completed": false } ] }, { "text": "#A page for introducing Trax.# The page should have one eye-catching slogan to introduce to pros of Trax and entice people to use it, and one button for users to click to get started. 4 images are needed to show the goods shelf and shopping scene display.", "region_id": "525", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'get started'] ] [el:image [attr:repeat'4'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 51 17 5 | title 7 21 58 26 | \" [ image 68 2 30 22 ] | [ image 89 18 23 30 ] | [ image 73 35 28 28 ] | [ image 54 54 30 21 ] \"", "layout_seq_without_completion": "button 7 51 17 5 | title 7 21 58 26 | \" [ image 68 2 30 22 ] | [ image 89 18 23 30 ] | [ image 73 35 28 28 ] | [ image 54 54 30 21 ] \"", "plain_layout_seq": "button 7 51 17 5 | image 68 2 30 22 | image 89 18 23 30 | image 73 35 28 28 | image 54 54 30 21 | title 7 21 58 26", "canvas_width": 1024, "canvas_height": 671, "elements": [ { "type": "image", "position": [ 584, 23, 260, 196 ], "completed": false }, { "type": "image", "position": [ 762, 156, 200, 257 ], "completed": false }, { "type": "title", "position": [ 64, 187, 502, 230 ], "completed": false }, { "type": "image", "position": [ 629, 303, 240, 240 ], "completed": false }, { "type": "button", "position": [ 64, 438, 150, 46 ], "completed": false }, { "type": "image", "position": [ 463, 469, 260, 180 ], "completed": false } ] }, { "text": "#A page for introducing Trax.# The page should have one eye-catching slogan to introduce to pros of Trax and entice people to use it, and one button for users to click to get started. Some images are needed to show the goods shelf and shopping scene display.", "region_id": "525_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'get started'] ] [el:image [attr:repeat'several'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 51 17 5 | title 7 21 58 26 | \" [ image 68 2 30 22 ] | [ image 89 18 23 30 ] | [ image 73 35 28 28 ] | [ image 54 54 30 21 ] \"", "layout_seq_without_completion": "button 7 51 17 5 | title 7 21 58 26 | \" [ image 68 2 30 22 ] | [ image 89 18 23 30 ] | [ image 73 35 28 28 ] | [ image 54 54 30 21 ] \"", "plain_layout_seq": "button 7 51 17 5 | image 68 2 30 22 | image 89 18 23 30 | image 73 35 28 28 | image 54 54 30 21 | title 7 21 58 26", "canvas_width": 1024, "canvas_height": 671, "elements": [ { "type": "image", "position": [ 584, 23, 260, 196 ], "completed": false }, { "type": "image", "position": [ 762, 156, 200, 257 ], "completed": false }, { "type": "title", "position": [ 64, 187, 502, 230 ], "completed": false }, { "type": "image", "position": [ 629, 303, 240, 240 ], "completed": false }, { "type": "button", "position": [ 64, 438, 150, 46 ], "completed": false }, { "type": "image", "position": [ 463, 469, 260, 180 ], "completed": false } ] }, { "text": "#A page for introducing one platform named \"DataRobot\".# There should be a background image and two text boxes, one for the title and the other for the detailed description. One small image is used to show the logo and two buttons are needed for users to request a demo or start a free trial.", "region_id": "1070", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:logo] [el:button [attr:value'Request a Demo']] [el:button [attr:value'Start a Free Trial']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 62 | button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | logo 105 11 14 10 | title 9 19 65 21", "layout_seq_without_completion": "background 0 0 120 62 | button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | logo 105 11 14 10 | title 9 19 65 21", "plain_layout_seq": "background 0 0 120 62 | button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | logo 105 11 14 10 | title 9 19 65 21", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 534 ], "completed": false }, { "type": "logo", "position": [ 904, 100, 120, 88 ], "completed": false }, { "type": "title", "position": [ 80, 165, 560, 186 ], "completed": false }, { "type": "description", "position": [ 80, 367, 560, 102 ], "completed": false }, { "type": "button", "position": [ 80, 501, 164, 44 ], "completed": false }, { "type": "button", "position": [ 268, 501, 152, 44 ], "completed": false } ] }, { "text": "#A page for introducing one platform named \"DataRobot\".# There should be one image as an extra layout and two text boxes, one for the title and the other for the detailed description. One image is used to show the logo and two text buttons are needed for users to request a demo or start a free trial.", "region_id": "1070_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:logo] [el:button [attr:value'Request a Demo']] [el:button [attr:value'Start a Free Trial']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | image 0 0 120 62 | logo 105 11 14 10 | title 9 19 65 21", "layout_seq_without_completion": "button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | image 0 0 120 62 | logo 105 11 14 10 | title 9 19 65 21", "plain_layout_seq": "button 9 58 19 5 | button 31 58 17 5 | description 9 43 65 11 | image 0 0 120 62 | logo 105 11 14 10 | title 9 19 65 21", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 534 ], "completed": false }, { "type": "logo", "position": [ 904, 100, 120, 88 ], "completed": false }, { "type": "title", "position": [ 80, 165, 560, 186 ], "completed": false }, { "type": "description", "position": [ 80, 367, 560, 102 ], "completed": false }, { "type": "button", "position": [ 80, 501, 164, 44 ], "completed": false }, { "type": "button", "position": [ 268, 501, 152, 44 ], "completed": false } ] }, { "text": "# A page for introducing the service to guide and attract the user to create a portfolio in a company. # There should have an image, a title \"Track your cryptocurrency\" and a further introduction. Besides, there must have a button for the user to create your portfolio.", "region_id": "4105", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'track your cryptocurrency'] ] [el:description] [el:button [attr:value 'create your portfolio'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 43 19 2 | description 5 23 53 14 | image 61 7 57 51 | title 1 17 36 3", "layout_seq_without_completion": "button 9 43 19 2 | description 5 23 53 14 | image 61 7 57 51 | title 1 17 36 3", "plain_layout_seq": "button 9 43 19 2 | description 5 23 53 14 | image 61 7 57 51 | title 1 17 36 3", "canvas_width": 1024, "canvas_height": 562, "elements": [ { "type": "image", "position": [ 522, 60, 487, 442 ], "completed": false }, { "type": "title", "position": [ 15, 148, 315, 32 ], "completed": false }, { "type": "description", "position": [ 45, 200, 457, 120 ], "completed": false }, { "type": "button", "position": [ 77, 375, 170, 24 ], "completed": false } ] }, { "text": "# A page for marketing a shop named Glam Concept.# The page should have a background image, a title \"Glam Concept\" and a short introduction to the brand.", "region_id": "7654", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'glam concept'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 55 | description 19 30 80 4 | title 6 20 107 9", "layout_seq_without_completion": "background 0 0 120 55 | description 19 30 80 4 | title 6 20 107 9", "plain_layout_seq": "background 0 0 120 55 | description 19 30 80 4 | title 6 20 107 9", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 55, 176, 914, 78 ], "completed": false }, { "type": "description", "position": [ 169, 262, 686, 36 ], "completed": false } ] }, { "text": "#A page introducing a case study. # A page should include one title and one short resume of the case study, and one link for users to click to read the case study. In addition, a related image is needed.", "region_id": "1655", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'read the case study'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 9 60 48 21 | complete icon 27 87 0 1 | image 61 9 48 55 | link 9 86 17 2 | title 9 14 48 42", "layout_seq_without_completion": "description 9 60 48 21 | icon 27 87 0 1 | image 61 9 48 55 | link 9 86 17 2 | title 9 14 48 42", "plain_layout_seq": "description 9 60 48 21 | icon 27 87 0 1 | image 61 9 48 55 | link 9 86 17 2 | title 9 14 48 42", "canvas_width": 1024, "canvas_height": 912, "elements": [ { "type": "image", "position": [ 528, 80, 416, 476 ], "completed": false }, { "type": "title", "position": [ 80, 120, 416, 360 ], "completed": false }, { "type": "description", "position": [ 80, 520, 416, 180 ], "completed": false }, { "type": "link", "position": [ 80, 742, 146, 20 ], "completed": false }, { "type": "icon", "position": [ 236, 748, 6, 11 ], "completed": true } ] }, { "text": "#A page introducing a case study. # A page should include one title and one short resume of the case study, and one text and one image for users to click to read the case study. In addition, a related image is needed.", "region_id": "1655_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:text] [el:button [attr:value'read the case study'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 27 87 0 1 | description 9 60 48 21 | image 61 9 48 55 | text 9 86 17 2 | title 9 14 48 42", "layout_seq_without_completion": "button 27 87 0 1 | description 9 60 48 21 | image 61 9 48 55 | text 9 86 17 2 | title 9 14 48 42", "plain_layout_seq": "button 27 87 0 1 | description 9 60 48 21 | image 61 9 48 55 | text 9 86 17 2 | title 9 14 48 42", "canvas_width": 1024, "canvas_height": 912, "elements": [ { "type": "image", "position": [ 528, 80, 416, 476 ], "completed": false }, { "type": "title", "position": [ 80, 120, 416, 360 ], "completed": false }, { "type": "description", "position": [ 80, 520, 416, 180 ], "completed": false }, { "type": "text", "position": [ 80, 742, 146, 20 ], "completed": false }, { "type": "button", "position": [ 236, 748, 6, 11 ], "completed": false } ] }, { "text": "#A page of information about the install the furniture.# There is a title, an image, a play icon, and a link to let the user click to get all the install steps.", "region_id": "8676", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image] [el:icon] [el:link [attr:value 'see all steps here']] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 54 26 11 13 | image 2 7 115 51 | complete image 2 1 40 2 | complete image 77 1 40 2 | link 93 59 24 3 | title 42 0 34 5", "layout_seq_without_completion": "icon 54 26 11 13 | image 2 7 115 51 | image 2 1 40 2 | image 77 1 40 2 | link 93 59 24 3 | title 42 0 34 5", "plain_layout_seq": "icon 54 26 11 13 | image 2 7 115 51 | image 2 1 40 2 | image 77 1 40 2 | link 93 59 24 3 | title 42 0 34 5", "canvas_width": 1024, "canvas_height": 543, "elements": [ { "type": "title", "position": [ 364, 0, 295, 48 ], "completed": false }, { "type": "image", "position": [ 20, 12, 345, 25 ], "completed": true }, { "type": "image", "position": [ 660, 12, 344, 25 ], "completed": true }, { "type": "image", "position": [ 20, 68, 984, 440 ], "completed": false }, { "type": "icon", "position": [ 462, 227, 100, 113 ], "completed": false }, { "type": "link", "position": [ 796, 510, 208, 30 ], "completed": false } ] }, { "text": "# A page to introduce the Social Awareness Courses provided by SUSS UniLEARN. # The page should have an image, a title \"Social Awareness Courses\", a short description, and a link for the user to learn more info by clicking it.", "region_id": "5901", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'social awareness courses'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'find out more'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 54 114 3 | image 0 0 48 48 | link 2 62 16 2 | title 2 50 29 2", "layout_seq_without_completion": "description 2 54 114 3 | image 0 0 48 48 | link 2 62 16 2 | title 2 50 29 2", "plain_layout_seq": "description 2 54 114 3 | image 0 0 48 48 | link 2 62 16 2 | title 2 50 29 2", "canvas_width": 930, "canvas_height": 517, "elements": [ { "type": "image", "position": [ 0, 0, 373, 373 ], "completed": false }, { "type": "title", "position": [ 20, 388, 229, 20 ], "completed": false }, { "type": "description", "position": [ 20, 425, 888, 25 ], "completed": false }, { "type": "link", "position": [ 20, 482, 128, 19 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a background image, a title \"SUBSCRIBE TO OUR NEWSLETTER\" followed by a slogan, an input for the user to enter an email address, and a button where the user can click to subscribe.", "region_id": "6691", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'SUBSCRIBE TO OUR NEWSLETTER'] ] [el:title] [el:input [attr:value 'email address']] [el:button [attr:value 'SUBSCRIBE'] ]]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 77 29 12 2 | input 27 27 48 5 | title 6 17 107 3 | title 6 12 107 2", "layout_seq_without_completion": "button 77 29 12 2 | input 27 27 48 5 | title 6 17 107 3 | title 6 12 107 2", "plain_layout_seq": "button 77 29 12 2 | input 27 27 48 5 | title 6 17 107 3 | title 6 12 107 2", "canvas_width": 1024, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 55, 110, 914, 25 ], "completed": false }, { "type": "title", "position": [ 55, 152, 914, 29 ], "completed": false }, { "type": "input", "position": [ 232, 236, 412, 46 ], "completed": false }, { "type": "button", "position": [ 663, 249, 110, 20 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be an attractive title 'Goodbye fees', followed by a short introduction. It has an image.", "region_id": "98", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'goodbye fees']] [el:description [attr:size 'small']] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "layout_seq_without_completion": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "plain_layout_seq": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "canvas_width": 1024, "canvas_height": 786, "elements": [ { "type": "image", "position": [ 44, 40, 450, 706 ], "completed": false }, { "type": "title", "position": [ 536, 314, 438, 58 ], "completed": false }, { "type": "description", "position": [ 536, 391, 438, 81 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be an image, an attractive title, followed by a short introduction on \"Dave Banking\".", "region_id": "98_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] [attr:value 'Dave Banking'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "layout_seq_without_completion": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "plain_layout_seq": "description 62 45 51 9 | image 5 4 52 82 | title 62 36 51 6", "canvas_width": 1024, "canvas_height": 786, "elements": [ { "type": "image", "position": [ 44, 40, 450, 706 ], "completed": false }, { "type": "title", "position": [ 536, 314, 438, 58 ], "completed": false }, { "type": "description", "position": [ 536, 391, 438, 81 ], "completed": false } ] }, { "text": "#This page introduces the company's information to users. #This page has a title of \"Right size, Right effort, Right budget.\" and six description of it.", "region_id": "6552", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'right size, right effort, right budget.'] ] [el:description[attr:repeat'6']] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 23 17 72 20 | description 39 78 40 2 | description 23 40 72 5 | description 23 48 72 8 | description 23 59 72 8 | description 26 70 66 5 | title 23 3 72 11", "layout_seq_without_completion": "description 23 17 72 20 | description 39 78 40 2 | description 23 40 72 5 | description 23 48 72 8 | description 23 59 72 8 | description 26 70 66 5 | title 23 3 72 11", "plain_layout_seq": "description 23 17 72 20 | description 39 78 40 2 | description 23 40 72 5 | description 23 48 72 8 | description 23 59 72 8 | description 26 70 66 5 | title 23 3 72 11", "canvas_width": 1024, "canvas_height": 727, "elements": [ { "type": "title", "position": [ 204, 30, 616, 99 ], "completed": false }, { "type": "description", "position": [ 204, 151, 616, 173 ], "completed": false }, { "type": "description", "position": [ 204, 344, 616, 50 ], "completed": false }, { "type": "description", "position": [ 204, 414, 616, 74 ], "completed": false }, { "type": "description", "position": [ 204, 508, 616, 74 ], "completed": false }, { "type": "description", "position": [ 229, 603, 566, 47 ], "completed": false }, { "type": "description", "position": [ 338, 673, 347, 22 ], "completed": false } ] }, { "text": "# A page for the user to choose to apply or request info.# The page should have the question \"Ready to Get Started?\" and two buttons \"Apply Now\" and \"Request Info\" for the user to choose.", "region_id": "6328", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'ready to get started?'] ] [el:button [attr:value 'apply now'] ] [el:button [attr:value 'request info'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 35 6 23 4 | button 60 6 23 4 | title 8 3 103 3", "layout_seq_without_completion": "button 35 6 23 4 | button 60 6 23 4 | title 8 3 103 3", "plain_layout_seq": "button 35 6 23 4 | button 60 6 23 4 | title 8 3 103 3", "canvas_width": 1389, "canvas_height": 193, "elements": [ { "type": "title", "position": [ 94, 35, 1200, 35 ], "completed": false }, { "type": "button", "position": [ 406, 81, 276, 54 ], "completed": false }, { "type": "button", "position": [ 706, 81, 276, 54 ], "completed": false } ] }, { "text": "#A page encouraging users to use a calendar to plan tasks.# There is a big image on the left of the page. The page should also contain another image, and a title written \"Plan Task & Calendar\", followed by a description and a link with an arrow icon encouraging users to get started.", "region_id": "5012", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] [attr:size 'large'] ] [el:image] [el:title [attr:value 'plan task & calendar'] ] [el:description] [el:link [attr:value 'get started']] [el:icon] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | image left large | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 73 45 46 24 | icon 93 73 16 4 | image 73 5 20 19 | image 0 0 66 82 | link 73 73 18 4 | title 73 28 46 16", "layout_seq_without_completion": "description 73 45 46 24 | icon 93 73 16 4 | image 73 5 20 19 | image 0 0 66 82 | link 73 73 18 4 | title 73 28 46 16", "plain_layout_seq": "description 73 45 46 24 | icon 93 73 16 4 | image 73 5 20 19 | image 0 0 66 82 | link 73 73 18 4 | title 73 28 46 16", "canvas_width": 870, "canvas_height": 600, "elements": [ { "type": "image", "position": [ 0, 0, 480, 600 ], "completed": false }, { "type": "image", "position": [ 533, 40, 152, 144 ], "completed": false }, { "type": "title", "position": [ 533, 207, 337, 120 ], "completed": false }, { "type": "description", "position": [ 533, 332, 337, 180 ], "completed": false }, { "type": "link", "position": [ 533, 530, 132, 32 ], "completed": false }, { "type": "icon", "position": [ 678, 532, 123, 29 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter. # There should have a slogan \"Get The Latest Deals And More\" and a short description. Besides, an input box for the user to enter your email address and a button for the user to sign up are needed.", "region_id": "8061", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'get the latest deals and more'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 83 17 34 8 | description 4 9 110 3 | input 1 17 81 8 | title 4 4 110 3", "layout_seq_without_completion": "button 83 17 34 8 | description 4 9 110 3 | input 1 17 81 8 | title 4 4 110 3", "plain_layout_seq": "button 83 17 34 8 | description 4 9 110 3 | input 1 17 81 8 | title 4 4 110 3", "canvas_width": 1009, "canvas_height": 262, "elements": [ { "type": "title", "position": [ 40, 41, 929, 30 ], "completed": false }, { "type": "description", "position": [ 40, 82, 929, 28 ], "completed": false }, { "type": "input", "position": [ 15, 150, 685, 70 ], "completed": false }, { "type": "button", "position": [ 700, 150, 294, 70 ], "completed": false } ] }, { "text": "#A page for introducing an intelligent application suite to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. On the right, there should be an interface of the software.", "region_id": "272", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 4 66 13 2 | description 4 42 45 19 | image 55 24 60 35 | complete text 4 14 45 2 | title 4 20 45 20", "layout_seq_without_completion": "button 4 66 13 2 | description 4 42 45 19 | image 55 24 60 35 | text 4 14 45 2 | title 4 20 45 20", "plain_layout_seq": "button 4 66 13 2 | description 4 42 45 19 | image 55 24 60 35 | text 4 14 45 2 | title 4 20 45 20", "canvas_width": 1003, "canvas_height": 704, "elements": [ { "type": "text", "position": [ 36, 120, 383, 24 ], "completed": true }, { "type": "title", "position": [ 36, 169, 383, 168 ], "completed": false }, { "type": "image", "position": [ 461, 204, 502, 297 ], "completed": false }, { "type": "description", "position": [ 36, 357, 383, 160 ], "completed": false }, { "type": "button", "position": [ 36, 559, 113, 22 ], "completed": false } ] }, { "text": "#A page to show the information of the goods \"Argan& Hemp Shampoo\" to the customers.# On this page, a picture of the shampoo is set on the left side. And on the right side, a short description of the shampoo is placed between the title of \"Hemp Hair Reconstruction Treatment\" and a button \"shop now\" vertically.", "region_id": "7596", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:description [attr:size 'small'] [attr:position 'right'] ] [el:title [attr:value 'hemp hair reconstruction treatment'] [attr:position 'right'] ] [el:button [attr:value 'shop now'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 45 18 12 5 | description 45 14 66 2 | image 5 0 36 36 | title 45 11 66 2", "layout_seq_without_completion": "button 45 18 12 5 | description 45 14 66 2 | image 5 0 36 36 | title 45 11 66 2", "plain_layout_seq": "button 45 18 12 5 | description 45 14 66 2 | image 5 0 36 36 | title 45 11 66 2", "canvas_width": 1024, "canvas_height": 336, "elements": [ { "type": "image", "position": [ 43, 0, 313, 313 ], "completed": false }, { "type": "title", "position": [ 386, 96, 566, 22 ], "completed": false }, { "type": "description", "position": [ 386, 123, 566, 24 ], "completed": false }, { "type": "button", "position": [ 386, 157, 106, 50 ], "completed": false } ] }, { "text": "#A page giving information about a volunteer program.# There is a large title that reads \"From a one-day volunteer to a forever volunteer\". There is an explanation showing the content of the program. There is a small button\"READ MORE\".", "region_id": "756", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'from a one-day volunteer to a forever volunteer'] ] [el:description] [el:button [attr:size'small'] [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined small | description undefined undefined | title undefined large", "layout_seq_with_completion": "button 49 53 20 7 | complete description 0 13 119 2 | description 0 40 119 5 | title 0 18 119 17", "layout_seq_without_completion": "button 49 53 20 7 | description 0 13 119 2 | description 0 40 119 5 | title 0 18 119 17", "plain_layout_seq": "button 49 53 20 7 | description 0 13 119 2 | description 0 40 119 5 | title 0 18 119 17", "canvas_width": 820, "canvas_height": 510, "elements": [ { "type": "description", "position": [ 0, 90, 819, 18 ], "completed": true }, { "type": "title", "position": [ 0, 128, 819, 120 ], "completed": false }, { "type": "description", "position": [ 0, 278, 819, 40 ], "completed": false }, { "type": "button", "position": [ 341, 368, 139, 52 ], "completed": false } ] }, { "text": "#A page giving information about a volunteer program.# There is a large text that reads \"From a one-day volunteer to a forever volunteer\". There is another long text showing the content of the program. There is a small text button.", "region_id": "756_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'from a one-day volunteer to a forever volunteer'] ] [el:description [attr:size'large'] ] [el:button [attr:size'small'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined large", "layout_seq_with_completion": "button 49 53 20 7 | description 0 40 119 5 | complete text 0 13 119 2 | title 0 18 119 17", "layout_seq_without_completion": "button 49 53 20 7 | description 0 40 119 5 | text 0 13 119 2 | title 0 18 119 17", "plain_layout_seq": "button 49 53 20 7 | description 0 40 119 5 | text 0 13 119 2 | title 0 18 119 17", "canvas_width": 820, "canvas_height": 510, "elements": [ { "type": "text", "position": [ 0, 90, 819, 18 ], "completed": true }, { "type": "title", "position": [ 0, 128, 819, 120 ], "completed": false }, { "type": "description", "position": [ 0, 278, 819, 40 ], "completed": false }, { "type": "button", "position": [ 341, 368, 139, 52 ], "completed": false } ] }, { "text": "#A page for introducing the coolconversion.con.# There is one title \"What is coolconversion.com?\" and one description. Users can click the button to contact.", "region_id": "3994", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'what is coolconversion.com?'] ] [el:description] [el:button [attr:value 'contact us'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 33 11 9 2 | description 0 4 111 5 | complete link 85 8 6 2 | complete text 0 8 112 5 | complete text 43 11 0 2 | title 0 0 118 2", "layout_seq_without_completion": "button 33 11 9 2 | description 0 4 111 5 | link 85 8 6 2 | text 0 8 112 5 | text 43 11 0 2 | title 0 0 118 2", "plain_layout_seq": "button 33 11 9 2 | description 0 4 111 5 | link 85 8 6 2 | text 0 8 112 5 | text 43 11 0 2 | title 0 0 118 2", "canvas_width": 1009, "canvas_height": 121, "elements": [ { "type": "title", "position": [ 5, 0, 997, 23 ], "completed": false }, { "type": "description", "position": [ 5, 42, 941, 45 ], "completed": false }, { "type": "text", "position": [ 5, 68, 942, 45 ], "completed": true }, { "type": "link", "position": [ 718, 68, 51, 20 ], "completed": true }, { "type": "button", "position": [ 280, 93, 82, 20 ], "completed": false }, { "type": "text", "position": [ 362, 93, 5, 20 ], "completed": true } ] }, { "text": "#A page showing the parameters of a machine.# There is a big image.", "region_id": "793", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] ]", "execution": "singleinfo : image undefined large", "layout_seq_with_completion": "image 0 0 120 39 | \" [ complete button 103 35 0 0 ] | [ complete button 105 35 0 0 ] | [ complete button 107 35 0 0 ] | [ complete button 110 35 0 0 ] | [ complete button 112 35 0 0 ] | [ complete button 114 35 0 0 ] | [ complete button 117 35 0 0 ] \"", "layout_seq_without_completion": "image 0 0 120 39 | \" [ button 103 35 0 0 ] | [ button 105 35 0 0 ] | [ button 107 35 0 0 ] | [ button 110 35 0 0 ] | [ button 112 35 0 0 ] | [ button 114 35 0 0 ] | [ button 117 35 0 0 ] \"", "plain_layout_seq": "button 103 35 0 0 | button 105 35 0 0 | button 107 35 0 0 | button 110 35 0 0 | button 112 35 0 0 | button 114 35 0 0 | button 117 35 0 0 | image 0 0 120 39", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 341 ], "completed": false }, { "type": "button", "position": [ 880, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 900, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 920, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 940, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 960, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 980, 301, 8, 8 ], "completed": true }, { "type": "button", "position": [ 1000, 301, 8, 8 ], "completed": true } ] }, { "text": "#A page for introducing a video.# The page should contain a background image, a title named \"Trade Chinese Commodities\" and a brief description of the video under the title. In the middle, users can click the play button to watch the video.", "region_id": "2242", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'trade chinese commodities'] ] [el:description [attr:size'small'] ] [el:button] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 71 | button 55 23 9 9 | description 13 54 93 5 | title 13 49 93 4 | title 13 44 93 4", "layout_seq_without_completion": "background 0 0 120 71 | button 55 23 9 9 | description 13 54 93 5 | title 13 49 93 4 | title 13 44 93 4", "plain_layout_seq": "background 0 0 120 71 | button 55 23 9 9 | description 13 54 93 5 | title 13 49 93 4 | title 13 44 93 4", "canvas_width": 1003, "canvas_height": 601, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 601 ], "completed": false }, { "type": "button", "position": [ 463, 195, 77, 77 ], "completed": false }, { "type": "title", "position": [ 111, 371, 780, 40 ], "completed": false }, { "type": "title", "position": [ 111, 411, 780, 39 ], "completed": false }, { "type": "description", "position": [ 111, 459, 780, 48 ], "completed": false } ] }, { "text": "#A page for showing the news. # The page should have a part to play a corresponding video clip. And there should be some text boxes to show the sources, the title, and the description of the news.", "region_id": "783", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 6 49 12 | image 1 0 56 34 | text 113 4 4 1 | title 61 3 22 1", "layout_seq_without_completion": "description 61 6 49 12 | image 1 0 56 34 | text 113 4 4 1 | title 61 3 22 1", "plain_layout_seq": "description 61 6 49 12 | image 1 0 56 34 | text 113 4 4 1 | title 61 3 22 1", "canvas_width": 970, "canvas_height": 312, "elements": [ { "type": "image", "position": [ 15, 0, 454, 278 ], "completed": false }, { "type": "title", "position": [ 501, 25, 181, 14 ], "completed": false }, { "type": "text", "position": [ 915, 33, 40, 16 ], "completed": false }, { "type": "description", "position": [ 501, 50, 400, 104 ], "completed": false } ] }, { "text": "#A page for showing the news. # The page should have a part to play a corresponding clip. And there should be some text boxes to show the sources, the title, and the view of the news.", "region_id": "783_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text] [el:title] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 1 0 56 34 | text 61 3 22 1 | text 113 4 4 1 | title 61 6 49 12", "layout_seq_without_completion": "image 1 0 56 34 | text 61 3 22 1 | text 113 4 4 1 | title 61 6 49 12", "plain_layout_seq": "image 1 0 56 34 | text 61 3 22 1 | text 113 4 4 1 | title 61 6 49 12", "canvas_width": 970, "canvas_height": 312, "elements": [ { "type": "image", "position": [ 15, 0, 454, 278 ], "completed": false }, { "type": "text", "position": [ 501, 25, 181, 14 ], "completed": false }, { "type": "text", "position": [ 915, 33, 40, 16 ], "completed": false }, { "type": "title", "position": [ 501, 50, 400, 104 ], "completed": false } ] }, { "text": "#A page for introducing groundbreaking wearable technology to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1410", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 17 42 23 6 | description 17 31 41 7 | title 17 14 48 14", "layout_seq_without_completion": "button 17 42 23 6 | description 17 31 41 7 | title 17 14 48 14", "plain_layout_seq": "button 17 42 23 6 | description 17 31 41 7 | title 17 14 48 14", "canvas_width": 1003, "canvas_height": 650, "elements": [ { "type": "title", "position": [ 150, 120, 402, 119 ], "completed": false }, { "type": "description", "position": [ 150, 264, 351, 63 ], "completed": false }, { "type": "button", "position": [ 150, 357, 195, 52 ], "completed": false } ] }, { "text": "#A page introducing the annual report 2021. # The page should have a background image, a title, and one button for users to click to download the report. In addition, there should also be a page indicator to turn the page.", "region_id": "1846", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:button [attr:value'download the report'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | complete button 101 43 2 2 | button 7 43 13 4 | complete button 113 43 2 2 | complete description 7 37 41 4 | title 7 26 41 10 | \" [ complete button 104 44 2 2 ] | [ complete button 106 44 2 2 ] | [ complete button 108 44 2 2 ] | [ complete button 111 44 2 2 ] \"", "layout_seq_without_completion": "background 0 0 120 50 | button 101 43 2 2 | button 7 43 13 4 | button 113 43 2 2 | description 7 37 41 4 | title 7 26 41 10 | \" [ button 104 44 2 2 ] | [ button 106 44 2 2 ] | [ button 108 44 2 2 ] | [ button 111 44 2 2 ] \"", "plain_layout_seq": "background 0 0 120 50 | button 101 43 2 2 | button 7 43 13 4 | button 113 43 2 2 | button 104 44 2 2 | button 106 44 2 2 | button 108 44 2 2 | button 111 44 2 2 | description 7 37 41 4 | title 7 26 41 10", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 432 ], "completed": false }, { "type": "title", "position": [ 68, 224, 354, 86 ], "completed": false }, { "type": "description", "position": [ 68, 320, 354, 42 ], "completed": true }, { "type": "button", "position": [ 68, 372, 112, 40 ], "completed": false }, { "type": "button", "position": [ 862, 372, 20, 20 ], "completed": true }, { "type": "button", "position": [ 970, 372, 20, 20 ], "completed": true }, { "type": "button", "position": [ 888, 377, 20, 20 ], "completed": true }, { "type": "button", "position": [ 908, 377, 20, 20 ], "completed": true }, { "type": "button", "position": [ 928, 377, 20, 20 ], "completed": true }, { "type": "button", "position": [ 948, 377, 20, 20 ], "completed": true } ] }, { "text": "# A page to show the share price. # The page should have the title \"Share Price\" and a chat picture showing the share price change. Then a text button is needed for the user to click to learn more info.", "region_id": "1725", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'share price'] ] [el:image] [el:button [attr:value'Learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 101 1 15 3 | image 2 12 114 63 | title 2 0 24 5", "layout_seq_without_completion": "button 101 1 15 3 | image 2 12 114 63 | title 2 0 24 5", "plain_layout_seq": "button 101 1 15 3 | image 2 12 114 63 | title 2 0 24 5", "canvas_width": 1003, "canvas_height": 767, "elements": [ { "type": "title", "position": [ 25, 0, 201, 48 ], "completed": false }, { "type": "button", "position": [ 849, 9, 129, 30 ], "completed": false }, { "type": "image", "position": [ 25, 108, 953, 534 ], "completed": false } ] }, { "text": "# A page to introduce the structured product online calculator. # On the page, there should include two text boxes to have a brief introduction to the calculator. Besides, there should be an icon that the user can click to watch the video.", "region_id": "2240", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] [attr:repeat'2'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small", "layout_seq_with_completion": "complete background 0 0 120 57 | button 55 19 9 9 | description 26 37 66 4 | description 26 43 66 2", "layout_seq_without_completion": "background 0 0 120 57 | button 55 19 9 9 | description 26 37 66 4 | description 26 43 66 2", "plain_layout_seq": "background 0 0 120 57 | button 55 19 9 9 | description 26 37 66 4 | description 26 43 66 2", "canvas_width": 1003, "canvas_height": 479, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 479 ], "completed": true }, { "type": "button", "position": [ 463, 163, 77, 77 ], "completed": false }, { "type": "description", "position": [ 224, 313, 556, 40 ], "completed": false }, { "type": "description", "position": [ 224, 360, 556, 24 ], "completed": false } ] }, { "text": "#A page for introducing a platform built for developer success to users.# The page should include one title and a brief description.", "region_id": "1031", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined", "layout_seq_with_completion": "description 0 14 120 6 | complete text 0 0 120 3 | title 0 4 120 6", "layout_seq_without_completion": "description 0 14 120 6 | text 0 0 120 3 | title 0 4 120 6", "plain_layout_seq": "description 0 14 120 6 | text 0 0 120 3 | title 0 4 120 6", "canvas_width": 974, "canvas_height": 176, "elements": [ { "type": "text", "position": [ 0, 0, 974, 28 ], "completed": true }, { "type": "title", "position": [ 0, 40, 974, 56 ], "completed": false }, { "type": "description", "position": [ 0, 120, 974, 56 ], "completed": false } ] }, { "text": "#A page for introducing survivorship to users.# The page should include an image on the left. On the right side, there should be one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "823", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 65 37 54 3 | description 65 26 54 8 | image 0 0 60 55 | complete text 65 14 17 8 | title 65 5 34 8", "layout_seq_without_completion": "button 65 37 54 3 | description 65 26 54 8 | image 0 0 60 55 | text 65 14 17 8 | title 65 5 34 8", "plain_layout_seq": "button 65 37 54 3 | description 65 26 54 8 | image 0 0 60 55 | text 65 14 17 8 | title 65 5 34 8", "canvas_width": 913, "canvas_height": 431, "elements": [ { "type": "image", "position": [ 0, 0, 457, 425 ], "completed": false }, { "type": "title", "position": [ 496, 45, 261, 62 ], "completed": false }, { "type": "text", "position": [ 496, 107, 133, 62 ], "completed": true }, { "type": "description", "position": [ 496, 203, 417, 68 ], "completed": false }, { "type": "button", "position": [ 496, 288, 417, 24 ], "completed": false } ] }, { "text": "# A page to introduce cryptocurrency transaction monitoring software Chainalysis KYT. # There should be three text boxes. One is the logo of Chainalysis KYT and another two are used to have a brief introduction to the software. It is necessary to have a text button used to click to learn more information.", "region_id": "919", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description [attr:size'small'] [attr:repeat '2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small | logo undefined undefined", "layout_seq_with_completion": "button 52 18 15 4 | \" [ description 47 0 25 2 ] | [ logo 43 4 32 5 ] | [ description 35 12 49 2 ] \"", "layout_seq_without_completion": "button 52 18 15 4 | \" [ description 47 0 25 2 ] | [ logo 43 4 32 5 ] | [ description 35 12 49 2 ] \"", "plain_layout_seq": "button 52 18 15 4 | description 47 0 25 2 | description 35 12 49 2 | logo 43 4 32 5", "canvas_width": 956, "canvas_height": 193, "elements": [ { "type": "description", "position": [ 378, 1, 200, 18 ], "completed": false }, { "type": "logo", "position": [ 350, 37, 255, 41 ], "completed": false }, { "type": "description", "position": [ 279, 98, 397, 18 ], "completed": false }, { "type": "button", "position": [ 417, 149, 121, 37 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be an attractive title - \"RAISE YOUR NETWORK TO THE CHALLENGE\". There must be a button for contact us.", "region_id": "109", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'raise your network to the challenge'] ] [el:button [attr:value'contact us'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 43 | button 9 25 19 3 | title 9 14 36 8", "layout_seq_without_completion": "background 0 0 120 43 | button 9 25 19 3 | title 9 14 36 8", "plain_layout_seq": "background 0 0 120 43 | button 9 25 19 3 | title 9 14 36 8", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 369 ], "completed": true }, { "type": "title", "position": [ 84, 121, 315, 72 ], "completed": false }, { "type": "button", "position": [ 84, 218, 170, 30 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a text box under the attractive title - \"RAISE YOUR NETWORK TO THE CHALLENGE\". There must be a short link for more info.", "region_id": "109_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'raise your network to the challenge'] ] [el:link [attr:value'read more'] [attr:size 'small'] ] ]", "execution": "singleinfo : link undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 43 | link 9 25 19 3 | title 9 14 36 8", "layout_seq_without_completion": "background 0 0 120 43 | link 9 25 19 3 | title 9 14 36 8", "plain_layout_seq": "background 0 0 120 43 | link 9 25 19 3 | title 9 14 36 8", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 369 ], "completed": true }, { "type": "title", "position": [ 84, 121, 315, 72 ], "completed": false }, { "type": "link", "position": [ 84, 218, 170, 30 ], "completed": false } ] }, { "text": "#A page for showing the web BEST PORN VIDEOS.#The page should have a logo of \"BEST PORN VIDEOS\". Also, there is an input box and an icon on the right side.", "region_id": "4911", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:input] [el:icon [attr:position 'right'] ] ]", "execution": "singleinfo : icon right undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 113 1 3 3 | complete image 36 1 80 4 | input 38 1 73 4 | logo 2 1 31 4", "layout_seq_without_completion": "icon 113 1 3 3 | image 36 1 80 4 | input 38 1 73 4 | logo 2 1 31 4", "plain_layout_seq": "icon 113 1 3 3 | image 36 1 80 4 | input 38 1 73 4 | logo 2 1 31 4", "canvas_width": 1024, "canvas_height": 61, "elements": [ { "type": "logo", "position": [ 22, 10, 271, 40 ], "completed": false }, { "type": "image", "position": [ 313, 10, 689, 40 ], "completed": true }, { "type": "input", "position": [ 329, 11, 624, 38 ], "completed": false }, { "type": "icon", "position": [ 969, 15, 28, 28 ], "completed": false } ] }, { "text": "#A page showing a tip for users. # The page should have a background image, a title, and an introduction to show the tip for users. And a button is needed for users to click to learn more.", "region_id": "1459", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "layout_seq_without_completion": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "plain_layout_seq": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "canvas_width": 1004, "canvas_height": 239, "elements": [ { "type": "background", "position": [ 0, 0, 1004, 239 ], "completed": false }, { "type": "title", "position": [ 20, 30, 964, 48 ], "completed": false }, { "type": "description", "position": [ 20, 98, 964, 34 ], "completed": false }, { "type": "button", "position": [ 413, 152, 178, 57 ], "completed": false } ] }, { "text": "#A page showing a tip for users. # The page should have a big background image, a title, and a text box to show the tip for users. And a button is needed for users to click to learn more.", "region_id": "1459_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:text] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 28 | button 49 18 21 6 | text 2 11 115 4 | title 2 3 115 5", "layout_seq_without_completion": "background 0 0 120 28 | button 49 18 21 6 | text 2 11 115 4 | title 2 3 115 5", "plain_layout_seq": "background 0 0 120 28 | button 49 18 21 6 | text 2 11 115 4 | title 2 3 115 5", "canvas_width": 1004, "canvas_height": 239, "elements": [ { "type": "background", "position": [ 0, 0, 1004, 239 ], "completed": false }, { "type": "title", "position": [ 20, 30, 964, 48 ], "completed": false }, { "type": "text", "position": [ 20, 98, 964, 34 ], "completed": false }, { "type": "button", "position": [ 413, 152, 178, 57 ], "completed": false } ] }, { "text": "#A page introducing the product to users and guiding users to buy it.#The page should have one text heading, three brief descriptions about the product, and one button for users to click to discover more is more fastly.", "region_id": "6820", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat '3'] [attr:size 'small']] [el:button [attr:value 'discover more is more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 45 31 28 5 | description 31 16 56 3 | description 31 21 56 2 | description 31 25 56 3 | title 13 10 93 4", "layout_seq_without_completion": "button 45 31 28 5 | description 31 16 56 3 | description 31 21 56 2 | description 31 25 56 3 | title 13 10 93 4", "plain_layout_seq": "button 45 31 28 5 | description 31 16 56 3 | description 31 21 56 2 | description 31 25 56 3 | title 13 10 93 4", "canvas_width": 1009, "canvas_height": 425, "elements": [ { "type": "title", "position": [ 112, 88, 786, 39 ], "completed": false }, { "type": "description", "position": [ 269, 137, 471, 26 ], "completed": false }, { "type": "description", "position": [ 269, 177, 471, 25 ], "completed": false }, { "type": "description", "position": [ 269, 218, 471, 26 ], "completed": false }, { "type": "button", "position": [ 384, 267, 241, 46 ], "completed": false } ] }, { "text": "#A page introducing a platform for digital selling.# There is a heading and an explanation. There should be a button for displaying the instruction video and an explanation directing the user on what to do. And there's a button \"See How It Works\".", "region_id": "425", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'display the instruction video'] ] [el:description] [el:button [attr:value'see how it works'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "layout_seq_without_completion": "background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "plain_layout_seq": "background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "canvas_width": 1024, "canvas_height": 387, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 387 ], "completed": true }, { "type": "button", "position": [ 587, 347, 40, 40 ], "completed": false }, { "type": "description", "position": [ 635, 355, 155, 24 ], "completed": false } ] }, { "text": "#A page introducing a platform for digital selling.# There should be a button for displaying the instruction video and a text box directing the user on what to do.", "region_id": "425_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button [attr:value'display the instruction video'] ] [el:description] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "layout_seq_without_completion": "background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "plain_layout_seq": "background 0 0 120 45 | button 68 40 4 4 | description 74 41 18 2", "canvas_width": 1024, "canvas_height": 387, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 387 ], "completed": true }, { "type": "button", "position": [ 587, 347, 40, 40 ], "completed": false }, { "type": "description", "position": [ 635, 355, 155, 24 ], "completed": false } ] }, { "text": "#A page for introducing an app about paying anyone with chime for users.# The page should include one title \"Pay anyone the fast, fee-free way\" and a brief description under it. There should be an image of the app on the right side. At the bottom, a link is needed for users to learn more information.", "region_id": "932", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'pay anyone the fast, fee-free way'] [attr:position 'top'] ] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:link [attr:position'bottom'] [attr:value'learn more'] ] ]", "execution": "singleinfo : description undefined small | image right undefined | link bottom undefined | title top undefined", "layout_seq_with_completion": "description 14 33 42 10 | image 62 11 42 47 | link 14 45 36 2 | title 14 22 42 9", "layout_seq_without_completion": "description 14 33 42 10 | image 62 11 42 47 | link 14 45 36 2 | title 14 22 42 9", "plain_layout_seq": "description 14 33 42 10 | image 62 11 42 47 | link 14 45 36 2 | title 14 22 42 9", "canvas_width": 1024, "canvas_height": 610, "elements": [ { "type": "image", "position": [ 537, 100, 365, 402 ], "completed": false }, { "type": "title", "position": [ 122, 193, 365, 84 ], "completed": false }, { "type": "description", "position": [ 122, 287, 365, 90 ], "completed": false }, { "type": "link", "position": [ 122, 391, 314, 24 ], "completed": false } ] }, { "text": "#A page for introducing a famous cosmetics brand to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1643", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 62 | button 9 45 13 3 | title 9 30 70 11", "layout_seq_without_completion": "background 0 0 120 62 | button 9 45 13 3 | title 9 30 70 11", "plain_layout_seq": "background 0 0 120 62 | button 9 45 13 3 | title 9 30 70 11", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 530 ], "completed": true }, { "type": "title", "position": [ 82, 263, 602, 100 ], "completed": false }, { "type": "button", "position": [ 82, 386, 113, 34 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There is a title named \"Let`s Connect\". There is a long explanation and a short button for connecting with the company.", "region_id": "2166", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'lets connect'] ] [el:description [attr:size 'large'] ] [el:button [attr:size'small'] [attr:value'connecting with the company'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined undefined", "layout_seq_with_completion": "button 4 21 17 5 | description 4 14 111 2 | title 4 4 111 8", "layout_seq_without_completion": "button 4 21 17 5 | description 4 14 111 2 | title 4 4 111 8", "plain_layout_seq": "button 4 21 17 5 | description 4 14 111 2 | title 4 4 111 8", "canvas_width": 1024, "canvas_height": 288, "elements": [ { "type": "title", "position": [ 36, 36, 952, 72 ], "completed": false }, { "type": "description", "position": [ 36, 124, 952, 24 ], "completed": false }, { "type": "button", "position": [ 36, 180, 153, 44 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There is a text box named \"Let`s Connect\". There is a long text box and a short button for connecting with the company.", "region_id": "2166_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'lets connect'] ] [el:text [attr:size'large'] ] [el:button [attr:size'small'] [attr:value'connecting with the company'] ] ]", "execution": "singleinfo : button undefined small | text undefined large | title undefined undefined", "layout_seq_with_completion": "button 4 21 17 5 | text 4 14 111 2 | title 4 4 111 8", "layout_seq_without_completion": "button 4 21 17 5 | text 4 14 111 2 | title 4 4 111 8", "plain_layout_seq": "button 4 21 17 5 | text 4 14 111 2 | title 4 4 111 8", "canvas_width": 1024, "canvas_height": 288, "elements": [ { "type": "title", "position": [ 36, 36, 952, 72 ], "completed": false }, { "type": "text", "position": [ 36, 124, 952, 24 ], "completed": false }, { "type": "button", "position": [ 36, 180, 153, 44 ], "completed": false } ] }, { "text": "#A page for a car-hailing company to recruit drivers. # The page should have an exciting slogan introducing the company and one text to attract more drivers, a button is needed for users to click to become a driver in the company. In addition, there should be a related driving image.", "region_id": "51", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value'become a driver'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 46 19 6 | image 62 0 57 70 | text 6 40 41 3 | title 6 6 41 31", "layout_seq_without_completion": "button 6 46 19 6 | image 62 0 57 70 | text 6 40 41 3 | title 6 6 41 31", "plain_layout_seq": "button 6 46 19 6 | image 62 0 57 70 | text 6 40 41 3 | title 6 6 41 31", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "image", "position": [ 536, 0, 488, 600 ], "completed": false }, { "type": "title", "position": [ 56, 56, 352, 272 ], "completed": false }, { "type": "text", "position": [ 56, 344, 352, 32 ], "completed": false }, { "type": "button", "position": [ 56, 400, 167, 56 ], "completed": false } ] }, { "text": "# A page to introduce a company that the company is trusted by 12000 customers. # There should be two text boxes. One is the title and another is an instruction link that the user can click the small arrow to read the stories. It is necessary to have 12 small images of the logo of the companies.", "region_id": "1861", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'read the stories'] ] [el:icon [attr:size'small'] ] [el:logo [attr:repeat'12'] ] ]", "execution": "singleinfo : icon undefined small | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 26 22 1 2 | link 8 22 17 2 | title 8 5 32 12 | \" [ logo 52 5 11 4 ] | [ logo 68 5 11 4 ] | [ logo 84 5 11 4 ] | [ logo 99 5 11 4 ] | [ logo 52 13 11 4 ] | [ logo 68 13 11 4 ] | [ logo 84 13 11 4 ] | [ logo 99 13 11 4 ] | [ logo 52 21 11 4 ] | [ logo 68 21 11 4 ] | [ logo 84 21 11 4 ] | [ logo 99 21 11 4 ] \"", "layout_seq_without_completion": "icon 26 22 1 2 | link 8 22 17 2 | title 8 5 32 12 | \" [ logo 52 5 11 4 ] | [ logo 68 5 11 4 ] | [ logo 84 5 11 4 ] | [ logo 99 5 11 4 ] | [ logo 52 13 11 4 ] | [ logo 68 13 11 4 ] | [ logo 84 13 11 4 ] | [ logo 99 13 11 4 ] | [ logo 52 21 11 4 ] | [ logo 68 21 11 4 ] | [ logo 84 21 11 4 ] | [ logo 99 21 11 4 ] \"", "plain_layout_seq": "icon 26 22 1 2 | link 8 22 17 2 | logo 52 5 11 4 | logo 68 5 11 4 | logo 84 5 11 4 | logo 99 5 11 4 | logo 52 13 11 4 | logo 68 13 11 4 | logo 84 13 11 4 | logo 99 13 11 4 | logo 52 21 11 4 | logo 68 21 11 4 | logo 84 21 11 4 | logo 99 21 11 4 | title 8 5 32 12", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "title", "position": [ 71, 50, 274, 109 ], "completed": false }, { "type": "logo", "position": [ 452, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 452, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 452, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 180, 100, 40 ], "completed": false }, { "type": "link", "position": [ 71, 189, 148, 21 ], "completed": false }, { "type": "icon", "position": [ 227, 189, 13, 21 ], "completed": false } ] }, { "text": "#A page for introducing a featured article named \"The art of creating new medicines\" to users.# The page should include one title. Under it, there should be an image on the left. On the right side, there should be one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1979", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] [attr:value'the art of creating new medicines'] ] [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:position'right'] [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title top undefined | title right undefined", "layout_seq_with_completion": "button 61 62 26 7 | description 61 36 53 23 | image 4 12 53 58 | title 61 17 42 14 | title 3 4 113 2", "layout_seq_without_completion": "button 61 62 26 7 | description 61 36 53 23 | image 4 12 53 58 | title 61 17 42 14 | title 3 4 113 2", "plain_layout_seq": "button 61 62 26 7 | description 61 36 53 23 | image 4 12 53 58 | title 61 17 42 14 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 665, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "image", "position": [ 40, 104, 450, 487 ], "completed": false }, { "type": "title", "position": [ 514, 149, 357, 125 ], "completed": false }, { "type": "description", "position": [ 514, 303, 448, 197 ], "completed": false }, { "type": "button", "position": [ 514, 524, 224, 61 ], "completed": false } ] }, { "text": "#A page for introducing the Fronius Solar web.# The page should have a background image, a logo of Fronius Solar web, a slogan to attract more users, and two buttons for users to click to view the demo and get started.", "region_id": "4649", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:logo [attr:value 'Fronius Solar web']] [el:title] [el:button [attr:value 'view demo'] ] [el:button [attr:value 'get started now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 70 | button 1 35 23 5 | button 27 35 23 5 | logo 1 22 52 3 | title 1 27 48 3", "layout_seq_without_completion": "background 0 0 120 70 | button 1 35 23 5 | button 27 35 23 5 | logo 1 22 52 3 | title 1 27 48 3", "plain_layout_seq": "background 0 0 120 70 | button 1 35 23 5 | button 27 35 23 5 | logo 1 22 52 3 | title 1 27 48 3", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 600 ], "completed": false }, { "type": "logo", "position": [ 15, 196, 450, 32 ], "completed": false }, { "type": "title", "position": [ 15, 238, 410, 26 ], "completed": false }, { "type": "button", "position": [ 15, 300, 204, 45 ], "completed": false }, { "type": "button", "position": [ 232, 300, 204, 45 ], "completed": false } ] }, { "text": "#A page showing indigenous plant therapy.# The page should include a background image, a title, a set of pagination and a pagination.", "region_id": "8691", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text] [el:pagination [attr:repeat '2'] ] ]", "execution": "singleinfo : background undefined undefined | pagination undefined undefined | pagination undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 6 120 90 | complete button 49 93 1 1 | complete button 63 93 1 1 | complete icon 69 93 1 1 | complete image 47 91 19 5 | title 38 50 42 3", "layout_seq_without_completion": "background 0 6 120 90 | button 49 93 1 1 | button 63 93 1 1 | icon 69 93 1 1 | image 47 91 19 5 | title 38 50 42 3", "plain_layout_seq": "background 0 6 120 90 | button 49 93 1 1 | button 63 93 1 1 | icon 69 93 1 1 | image 47 91 19 5 | title 38 50 42 3", "canvas_width": 1024, "canvas_height": 885, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 775 ], "completed": false }, { "type": "title", "position": [ 332, 427, 360, 29 ], "completed": false }, { "type": "image", "position": [ 405, 781, 169, 44 ], "completed": true }, { "type": "button", "position": [ 426, 797, 11, 11 ], "completed": true }, { "type": "button", "position": [ 539, 797, 11, 11 ], "completed": true }, { "type": "icon", "position": [ 592, 798, 10, 10 ], "completed": true } ] }, { "text": "# A page for the user to subscribe to the newsletter.# The page should have a slogan \"JOIN OUR LIST\", a short description, an input box, and a button where the user can input the email address and click to subscribe.", "region_id": "7029", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'join our list'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 55 39 9 1 | description 5 26 108 2 | input 27 31 65 5 | title 5 20 108 3", "layout_seq_without_completion": "button 55 39 9 1 | description 5 26 108 2 | input 27 31 65 5 | title 5 20 108 3", "plain_layout_seq": "button 55 39 9 1 | description 5 26 108 2 | input 27 31 65 5 | title 5 20 108 3", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "title", "position": [ 51, 175, 923, 31 ], "completed": false }, { "type": "description", "position": [ 51, 224, 923, 23 ], "completed": false }, { "type": "input", "position": [ 232, 267, 560, 46 ], "completed": false }, { "type": "button", "position": [ 472, 341, 80, 16 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"SKYWORTH\" to users.# The page should include one title and a detailed description under it. Besides, an image of the company should be placed on the right side.", "region_id": "79", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:position'top'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description top undefined | image right undefined | title top undefined", "layout_seq_with_completion": "description 2 31 57 83 | image 62 4 57 60 | title 4 4 13 5 | title 4 12 52 8", "layout_seq_without_completion": "description 2 31 57 83 | image 62 4 57 60 | title 4 4 13 5 | title 4 12 52 8", "plain_layout_seq": "description 2 31 57 83 | image 62 4 57 60 | title 4 4 13 5 | title 4 12 52 8", "canvas_width": 1024, "canvas_height": 1022, "elements": [ { "type": "title", "position": [ 42, 40, 119, 43 ], "completed": false }, { "type": "image", "position": [ 532, 40, 490, 515 ], "completed": false }, { "type": "title", "position": [ 42, 104, 450, 70 ], "completed": false }, { "type": "description", "position": [ 22, 266, 490, 716 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter.# There should be two text boxes on the left, one for \"Want monthly product updates\" and another for \"Sign up for our newsletter\". On the right, there should be a text box with an input below for the user to enter an email. Besides, there should be a text link for the user to view and agree on the privacy policy and a text button for the user to sign up.", "region_id": "456", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:position'left'] [attr:value'want monthly product updates'] ] [el:text [attr:position'left'] [attr:value'sign up for our newsletter'] ] [el:text [attr:position'right'] ] [el:input [attr:position'right'] [attr:value'enter an email'] ] [el:link [attr:value'view and agree on the privacy policy'] ] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | input right undefined | link undefined undefined | text left undefined | text left undefined | text right undefined", "layout_seq_with_completion": "button 55 35 10 4 | complete image 52 13 61 30 | input 55 19 56 4 | link 55 26 56 7 | text 5 31 43 4 | text 55 15 56 3 | text 5 20 43 9", "layout_seq_without_completion": "button 55 35 10 4 | image 52 13 61 30 | input 55 19 56 4 | link 55 26 56 7 | text 5 31 43 4 | text 55 15 56 3 | text 5 20 43 9", "plain_layout_seq": "button 55 35 10 4 | image 52 13 61 30 | input 55 19 56 4 | link 55 26 56 7 | text 5 31 43 4 | text 55 15 56 3 | text 5 20 43 9", "canvas_width": 1024, "canvas_height": 481, "elements": [ { "type": "image", "position": [ 448, 112, 528, 257 ], "completed": true }, { "type": "text", "position": [ 472, 136, 480, 28 ], "completed": false }, { "type": "input", "position": [ 472, 170, 480, 36 ], "completed": false }, { "type": "text", "position": [ 48, 172, 368, 80 ], "completed": false }, { "type": "link", "position": [ 472, 222, 480, 63 ], "completed": false }, { "type": "text", "position": [ 48, 268, 368, 40 ], "completed": false }, { "type": "button", "position": [ 472, 305, 89, 40 ], "completed": false } ] }, { "text": "#A page for appealing dealers to order wholesale online.# There should be a title and one slogan directing the user to order wholesale online. One link is for joining the community, and one label is \"Sell on Faire\".", "region_id": "1198", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:link [attr:value'join the community'] ] [el:link [attr:value'selling on faire'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 51 | link 54 33 10 2 | link 55 40 9 2 | title 41 22 37 6 | title 25 9 69 11", "layout_seq_without_completion": "background 0 0 120 51 | link 54 33 10 2 | link 55 40 9 2 | title 41 22 37 6 | title 25 9 69 11", "plain_layout_seq": "background 0 0 120 51 | link 54 33 10 2 | link 55 40 9 2 | title 41 22 37 6 | title 25 9 69 11", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 440 ], "completed": true }, { "type": "title", "position": [ 216, 77, 591, 100 ], "completed": false }, { "type": "title", "position": [ 352, 193, 320, 52 ], "completed": false }, { "type": "link", "position": [ 467, 284, 90, 20 ], "completed": false }, { "type": "link", "position": [ 471, 343, 82, 20 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a title and an instruction directing the user to order wholesale online. There should be two links, one for joining the community, and the other for \"selling on Faire\".", "region_id": "1198_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'join the community'] ] [el:link [attr:value'selling on faire'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 51 | description 41 22 37 6 | link 54 33 10 2 | link 55 40 9 2 | title 25 9 69 11", "layout_seq_without_completion": "background 0 0 120 51 | description 41 22 37 6 | link 54 33 10 2 | link 55 40 9 2 | title 25 9 69 11", "plain_layout_seq": "background 0 0 120 51 | description 41 22 37 6 | link 54 33 10 2 | link 55 40 9 2 | title 25 9 69 11", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 440 ], "completed": true }, { "type": "title", "position": [ 216, 77, 591, 100 ], "completed": false }, { "type": "description", "position": [ 352, 193, 320, 52 ], "completed": false }, { "type": "link", "position": [ 467, 284, 90, 20 ], "completed": false }, { "type": "link", "position": [ 471, 343, 82, 20 ], "completed": false } ] }, { "text": "#A page showing the website's contact information and copyright ownership.#The page should have one links to contact information, and one small text describing the copyright.", "region_id": "6138", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value 'contact information'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 17 | description 41 11 23 1 | link 56 5 6 1 | complete text 65 11 12 1", "layout_seq_without_completion": "background 0 0 120 17 | description 41 11 23 1 | link 56 5 6 1 | text 65 11 12 1", "plain_layout_seq": "background 0 0 120 17 | description 41 11 23 1 | link 56 5 6 1 | text 65 11 12 1", "canvas_width": 1024, "canvas_height": 148, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 148 ], "completed": true }, { "type": "link", "position": [ 484, 51, 56, 17 ], "completed": false }, { "type": "description", "position": [ 357, 96, 203, 16 ], "completed": false }, { "type": "text", "position": [ 561, 96, 106, 16 ], "completed": true } ] }, { "text": "#A page for collecting users' intentions about this website.#The page should include one question and two yes and no buttons for users to click to choose.", "region_id": "4735", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ]]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "layout_seq_without_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "plain_layout_seq": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "text", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter of a company. # There should have a title \"Sign up for our newsletter\", an input box, and a button where the user can enter an email address and click to subscribe.", "region_id": "7604", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up for our newsletter'] ] [el:input[attr:value 'email address']] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 74 7 9 1 | input 33 5 39 5 | title 33 0 53 2", "layout_seq_without_completion": "button 74 7 9 1 | input 33 5 39 5 | title 33 0 53 2", "plain_layout_seq": "button 74 7 9 1 | input 33 5 39 5 | title 33 0 53 2", "canvas_width": 1024, "canvas_height": 141, "elements": [ { "type": "title", "position": [ 284, 0, 457, 20 ], "completed": false }, { "type": "input", "position": [ 284, 51, 334, 46 ], "completed": false }, { "type": "button", "position": [ 636, 66, 85, 15 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about the product.# The page has a headline named \u201cThe VPN that just works\u201d, a brief description, a label showing the advantage of the product, and a button named \u201cGet ExpressVPN\u201d for users to click to get the service.", "region_id": "4614", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the vpn that just works'] ] [el:description [attr:size 'small'] ] [el:text] [el:button [attr:value 'Get ExpressVPN'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 92 | button 44 47 30 7 | description 5 39 108 3 | complete image 26 62 67 30 | text 5 56 108 2 | title 5 14 108 23", "layout_seq_without_completion": "background 0 0 120 92 | button 44 47 30 7 | description 5 39 108 3 | image 26 62 67 30 | text 5 56 108 2 | title 5 14 108 23", "plain_layout_seq": "background 0 0 120 92 | button 44 47 30 7 | description 5 39 108 3 | image 26 62 67 30 | text 5 56 108 2 | title 5 14 108 23", "canvas_width": 1024, "canvas_height": 792, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 792 ], "completed": true }, { "type": "title", "position": [ 47, 120, 930, 200 ], "completed": false }, { "type": "description", "position": [ 47, 340, 930, 32 ], "completed": false }, { "type": "button", "position": [ 381, 402, 262, 60 ], "completed": false }, { "type": "text", "position": [ 47, 482, 930, 20 ], "completed": false }, { "type": "image", "position": [ 226, 532, 572, 260 ], "completed": true } ] }, { "text": "#A page showing information about the file of a company.# There should be a title \"Disaster Countermeasures\", followed by a description. There should be eight links, where users can obtain more info.", "region_id": "214", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'disaster countermeasures'] ] [el:description] [el:link [attr:repeat '8'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 33 | description 0 40 118 2 | title 0 35 118 3 | \" [ link 0 45 23 1 ] | [ link 28 45 25 1 ] | [ link 58 45 20 1 ] | [ link 0 48 35 1 ] | [ link 40 48 24 1 ] | [ link 68 48 4 1 ] | [ link 77 48 9 1 ] | [ link 90 48 11 1 ] \"", "layout_seq_without_completion": "background 0 0 120 33 | description 0 40 118 2 | title 0 35 118 3 | \" [ link 0 45 23 1 ] | [ link 28 45 25 1 ] | [ link 58 45 20 1 ] | [ link 0 48 35 1 ] | [ link 40 48 24 1 ] | [ link 68 48 4 1 ] | [ link 77 48 9 1 ] | [ link 90 48 11 1 ] \"", "plain_layout_seq": "background 0 0 120 33 | description 0 40 118 2 | link 0 45 23 1 | link 28 45 25 1 | link 58 45 20 1 | link 0 48 35 1 | link 40 48 24 1 | link 68 48 4 1 | link 77 48 9 1 | link 90 48 11 1 | title 0 35 118 3", "canvas_width": 1220, "canvas_height": 523, "elements": [ { "type": "background", "position": [ 0, 0, 1220, 343 ], "completed": true }, { "type": "title", "position": [ 10, 364, 1200, 34 ], "completed": false }, { "type": "description", "position": [ 10, 407, 1200, 28 ], "completed": false }, { "type": "link", "position": [ 10, 462, 243, 20 ], "completed": false }, { "type": "link", "position": [ 294, 462, 258, 20 ], "completed": false }, { "type": "link", "position": [ 593, 462, 210, 20 ], "completed": false }, { "type": "link", "position": [ 10, 496, 361, 20 ], "completed": false }, { "type": "link", "position": [ 412, 496, 246, 20 ], "completed": false }, { "type": "link", "position": [ 700, 496, 45, 20 ], "completed": false }, { "type": "link", "position": [ 785, 496, 99, 20 ], "completed": false }, { "type": "link", "position": [ 925, 496, 118, 20 ], "completed": false } ] }, { "text": "#A page for users to subscribe.# There is a background image and one title \"SUBSCRIBE TO OUR WEEKLY NEWSLETTER\", one input box for input users' emails and users can subscribe by clicking one button.", "region_id": "3265", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'subscribe to our weekly newsletter'] ] [el:input [attr:value 'your email']] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 12 | button 86 3 12 4 | input 57 3 29 4 | title 16 4 35 2", "layout_seq_without_completion": "background 0 0 120 12 | button 86 3 12 4 | input 57 3 29 4 | title 16 4 35 2", "plain_layout_seq": "background 0 0 120 12 | button 86 3 12 4 | input 57 3 29 4 | title 16 4 35 2", "canvas_width": 1060, "canvas_height": 110, "elements": [ { "type": "background", "position": [ 0, 0, 1060, 110 ], "completed": false }, { "type": "input", "position": [ 505, 35, 262, 37 ], "completed": false }, { "type": "button", "position": [ 767, 35, 107, 37 ], "completed": false }, { "type": "title", "position": [ 150, 40, 315, 25 ], "completed": false } ] }, { "text": "#A page giving information about the service of a company, which is to help identify performance issues.# There should be a title with its introduction. There needs to be a link for viewing sample transactions. There's also a picture.", "region_id": "460", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'view sample transactions'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 72 5 46 20 | image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "layout_seq_without_completion": "description 72 5 46 20 | image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "plain_layout_seq": "description 72 5 46 20 | image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "canvas_width": 960, "canvas_height": 278, "elements": [ { "type": "title", "position": [ 576, 0, 368, 30 ], "completed": false }, { "type": "image", "position": [ 16, 22, 448, 235 ], "completed": false }, { "type": "description", "position": [ 576, 46, 368, 160 ], "completed": false }, { "type": "link", "position": [ 592, 234, 203, 16 ], "completed": false } ] }, { "text": "#A page giving information about the service of a company, which is to help identify performance issues.# There should be a title with its introduction, introducing the service of the company. There needs to be a link for viewing sample transactions.", "region_id": "460_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'view sample transactions'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 72 5 46 20 | complete image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "layout_seq_without_completion": "description 72 5 46 20 | image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "plain_layout_seq": "description 72 5 46 20 | image 2 2 56 29 | link 74 29 25 2 | title 72 0 46 3", "canvas_width": 960, "canvas_height": 278, "elements": [ { "type": "title", "position": [ 576, 0, 368, 30 ], "completed": false }, { "type": "image", "position": [ 16, 22, 448, 235 ], "completed": true }, { "type": "description", "position": [ 576, 46, 368, 160 ], "completed": false }, { "type": "link", "position": [ 592, 234, 203, 16 ], "completed": false } ] }, { "text": "#A page for showing the glamour collection.#The page should have a title, named \"The Glamour Collection\" and there is a description under it. On the right side, there is an image to show the collection.", "region_id": "8552", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the glamour collection'] ] [el:description] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : description undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "description 3 18 43 24 | image 53 10 66 38 | title 3 10 43 4", "layout_seq_without_completion": "description 3 18 43 24 | image 53 10 66 38 | title 3 10 43 4", "plain_layout_seq": "description 3 18 43 24 | image 53 10 66 38 | title 3 10 43 4", "canvas_width": 994, "canvas_height": 440, "elements": [ { "type": "title", "position": [ 30, 86, 361, 34 ], "completed": false }, { "type": "image", "position": [ 441, 86, 553, 323 ], "completed": false }, { "type": "description", "position": [ 30, 150, 361, 205 ], "completed": false } ] }, { "text": "#A page showing the Facebook page.# There should be a title labeled \"Facebook\", followed by a blank square-shaped box and a button where users can go to the Facebook page.", "region_id": "308", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'facebook'] ] [el:image] [el:button [attr:value'go to facebook page'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 75 | button 33 61 53 8 | image 26 17 66 38 | title 48 6 24 3", "layout_seq_without_completion": "background 0 0 120 75 | button 33 61 53 8 | image 26 17 66 38 | title 48 6 24 3", "plain_layout_seq": "background 0 0 120 75 | button 33 61 53 8 | image 26 17 66 38 | title 48 6 24 3", "canvas_width": 837, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 837, 530 ], "completed": true }, { "type": "title", "position": [ 335, 46, 168, 25 ], "completed": false }, { "type": "image", "position": [ 186, 119, 465, 271 ], "completed": false }, { "type": "button", "position": [ 232, 427, 372, 56 ], "completed": false } ] }, { "text": "#A page for introducing Custom commands to users.#The page should include one text heading, three brief descriptions, one text link for users to click to know more content of the web fastly, and one picture about Custom commands.", "region_id": "4672", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat '3'] [attr:size 'small']] [el:link [attr:value 'click here for custom command examples']] [el:image] ]", "execution": "singleinfo : description undefined small | description undefined small | description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 13 7 98 3 | description 13 10 98 3 | description 13 13 98 3 | image 0 31 117 68 | link 8 19 37 2 | title 8 2 103 4", "layout_seq_without_completion": "description 13 7 98 3 | description 13 10 98 3 | description 13 13 98 3 | image 0 31 117 68 | link 8 19 37 2 | title 8 2 103 4", "plain_layout_seq": "description 13 7 98 3 | description 13 10 98 3 | description 13 13 98 3 | image 0 31 117 68 | link 8 19 37 2 | title 8 2 103 4", "canvas_width": 940, "canvas_height": 779, "elements": [ { "type": "title", "position": [ 64, 18, 811, 34 ], "completed": false }, { "type": "description", "position": [ 104, 60, 771, 24 ], "completed": false }, { "type": "description", "position": [ 104, 84, 771, 24 ], "completed": false }, { "type": "description", "position": [ 104, 108, 771, 24 ], "completed": false }, { "type": "link", "position": [ 64, 150, 296, 19 ], "completed": false }, { "type": "image", "position": [ 0, 243, 921, 536 ], "completed": false } ] }, { "text": "#A page for introducing the response to the crisis in Ukraine to users.# The page should include one title on the top and an image on the left. On the right side, there should be one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1981", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position 'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title top undefined | title right undefined", "layout_seq_with_completion": "button 61 54 36 7 | description 61 43 53 8 | image 4 12 53 40 | title 3 4 113 2 | title 61 17 53 24", "layout_seq_without_completion": "button 61 54 36 7 | description 61 43 53 8 | image 4 12 53 40 | title 3 4 113 2 | title 61 17 53 24", "plain_layout_seq": "button 61 54 36 7 | description 61 43 53 8 | image 4 12 53 40 | title 3 4 113 2 | title 61 17 53 24", "canvas_width": 1003, "canvas_height": 596, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "image", "position": [ 40, 104, 450, 337 ], "completed": false }, { "type": "title", "position": [ 514, 144, 450, 202 ], "completed": false }, { "type": "description", "position": [ 514, 367, 450, 68 ], "completed": false }, { "type": "button", "position": [ 514, 455, 302, 61 ], "completed": false } ] }, { "text": "# A page for guiding the user to try the app for free.# The page should have the slogan \"Private Email Get started with three simple steps\" and a button named \"Try it for free\" for the user to have a free trial.", "region_id": "3097", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'private email get started with three simple steps'] ] [el:button [attr:value 'try it for free'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 58 | button 47 33 24 6 | title 15 13 88 16", "layout_seq_without_completion": "background 0 0 120 58 | button 47 33 24 6 | title 15 13 88 16", "plain_layout_seq": "background 0 0 120 58 | button 47 33 24 6 | title 15 13 88 16", "canvas_width": 1024, "canvas_height": 496, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 496 ], "completed": true }, { "type": "title", "position": [ 133, 118, 758, 145 ], "completed": false }, { "type": "button", "position": [ 409, 287, 206, 57 ], "completed": false } ] }, { "text": "# A page to read the press of the company PointClickCare. # On the page, there should a title \"PointClickCare Completes Acquisition of Audacious Inquiry\" and a background image. There should also be a text button for the user to read the press release.", "region_id": "384", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'pointclickcare completes acquisition of audacious inquiry'] ] [el:background_image] [el:button [attr:value'read the press release'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 70 | button 42 36 35 7 | complete image 0 63 120 7 | title 11 17 97 13", "layout_seq_without_completion": "background 0 0 120 70 | button 42 36 35 7 | image 0 63 120 7 | title 11 17 97 13", "plain_layout_seq": "background 0 0 120 70 | button 42 36 35 7 | image 0 63 120 7 | title 11 17 97 13", "canvas_width": 1024, "canvas_height": 601, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 601 ], "completed": false }, { "type": "title", "position": [ 97, 149, 830, 116 ], "completed": false }, { "type": "button", "position": [ 361, 315, 302, 64 ], "completed": false }, { "type": "image", "position": [ 0, 541, 1024, 60 ], "completed": true } ] }, { "text": "# A page for the user to know more about a company. # The page should include a background image, a title \"ABOUT US\", a question \"Want to know more about us?\" and a button named \"LEARN MORE\" for the user to click to know more info.", "region_id": "7432", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'ABOUT US'] ] [el:text [attr:value 'Want to know more about us?'] ] [el:button [attr:value 'LEARN MORE'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 39 46 19 6 | text 4 47 31 4 | title 4 39 54 5", "layout_seq_without_completion": "button 39 46 19 6 | text 4 47 31 4 | title 4 39 54 5", "plain_layout_seq": "button 39 46 19 6 | text 4 47 31 4 | title 4 39 54 5", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "title", "position": [ 40, 341, 465, 47 ], "completed": false }, { "type": "button", "position": [ 338, 397, 167, 55 ], "completed": false }, { "type": "text", "position": [ 40, 407, 273, 35 ], "completed": false } ] }, { "text": "#A page encouraging users to join the mailing list.# The page comprises three titles, \"Quick links\" with a link \"Search\", \"Info\" with a link \"Search\", and \"Join Our Mailing List\" with an input for users to write their Emails. There are also three logos for users to find the company on other social media platforms, including Facebook, Instagram and Tiktok.", "region_id": "8284", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'quick links'] ] [el:link [attr:value 'search'] ] [el:title [attr:value 'Info'] ] [el:link [attr:value 'search'] ] [el:title [attr:value 'Join Our Mailing List'] ] [el:input [attr:value 'email']] [el:logo [attr:repeat '3'] ] ]", "execution": "singleinfo : input undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 45 18 1 3 | input 6 16 42 5 | link 60 5 6 3 | link 6 5 6 3 | complete text 8 18 5 2 | title 60 0 53 2 | title 6 11 54 2 | title 6 0 53 2 | \" [ logo 99 18 2 2 ] | [ logo 105 18 2 2 ] | [ logo 110 18 2 2 ] \"", "layout_seq_without_completion": "icon 45 18 1 3 | input 6 16 42 5 | link 60 5 6 3 | link 6 5 6 3 | text 8 18 5 2 | title 60 0 53 2 | title 6 11 54 2 | title 6 0 53 2 | \" [ logo 99 18 2 2 ] | [ logo 105 18 2 2 ] | [ logo 110 18 2 2 ] \"", "plain_layout_seq": "icon 45 18 1 3 | input 6 16 42 5 | link 60 5 6 3 | link 6 5 6 3 | logo 99 18 2 2 | logo 105 18 2 2 | logo 110 18 2 2 | text 8 18 5 2 | title 60 0 53 2 | title 6 11 54 2 | title 6 0 53 2", "canvas_width": 1000, "canvas_height": 236, "elements": [ { "type": "title", "position": [ 50, 0, 446, 23 ], "completed": false }, { "type": "title", "position": [ 504, 0, 446, 23 ], "completed": false }, { "type": "link", "position": [ 50, 45, 50, 30 ], "completed": false }, { "type": "link", "position": [ 504, 45, 50, 30 ], "completed": false }, { "type": "title", "position": [ 50, 95, 450, 23 ], "completed": false }, { "type": "input", "position": [ 51, 140, 358, 45 ], "completed": false }, { "type": "text", "position": [ 71, 150, 43, 24 ], "completed": true }, { "type": "icon", "position": [ 380, 150, 15, 25 ], "completed": true }, { "type": "logo", "position": [ 831, 155, 18, 18 ], "completed": false }, { "type": "logo", "position": [ 875, 155, 18, 18 ], "completed": false }, { "type": "logo", "position": [ 919, 155, 18, 18 ], "completed": false } ] }, { "text": "#A page for reminding users of confirming some information.# The page has a description showing the general information, a link named \"Details\" for users to know about more concrete information, and a button named \"Allow cookies\" for users to click to accept the request.", "region_id": "4311", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'details'] ] [el:button [attr:value 'allow cookies'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 104 0 12 2 | description 2 1 73 1 | link 75 1 6 1", "layout_seq_without_completion": "button 104 0 12 2 | description 2 1 73 1 | link 75 1 6 1", "plain_layout_seq": "button 104 0 12 2 | description 2 1 73 1 | link 75 1 6 1", "canvas_width": 1009, "canvas_height": 32, "elements": [ { "type": "button", "position": [ 877, 5, 109, 24 ], "completed": false }, { "type": "description", "position": [ 23, 9, 616, 15 ], "completed": false }, { "type": "link", "position": [ 639, 9, 57, 15 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # On the page, there should be a slogan, a text box with a further description, and an image. Besides, there should include a text button for the user to click for more info.", "region_id": "2150", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 59 41 7 | description 5 37 41 17 | image 57 19 62 58 | title 5 14 41 18", "layout_seq_without_completion": "button 5 59 41 7 | description 5 37 41 17 | image 57 19 62 58 | title 5 14 41 18", "plain_layout_seq": "button 5 59 41 7 | description 5 37 41 17 | image 57 19 62 58 | title 5 14 41 18", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 50, 126, 350, 158 ], "completed": false }, { "type": "image", "position": [ 487, 168, 537, 500 ], "completed": false }, { "type": "description", "position": [ 50, 320, 350, 150 ], "completed": false }, { "type": "button", "position": [ 50, 510, 350, 64 ], "completed": false } ] }, { "text": "#A page for introducing the resources to users.# The page should include an image on the left. On the right side, there should be one title and three subtitle links. Besides, a button is needed for users to click for further information.", "region_id": "2124", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] ] [el:link [attr:position 'right'] [attr:repeat '3'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image left undefined | link right undefined | link right undefined | link right undefined | title right undefined", "layout_seq_with_completion": "button 61 67 13 1 | button 61 33 7 1 | button 61 52 7 1 | image 0 9 49 57 | link 61 60 54 4 | link 61 26 54 4 | link 61 41 54 8 | title 61 9 54 2 | complete title 61 13 54 11", "layout_seq_without_completion": "button 61 67 13 1 | button 61 33 7 1 | button 61 52 7 1 | image 0 9 49 57 | link 61 60 54 4 | link 61 26 54 4 | link 61 41 54 8 | title 61 9 54 2 | title 61 13 54 11", "plain_layout_seq": "button 61 67 13 1 | button 61 33 7 1 | button 61 52 7 1 | image 0 9 49 57 | link 61 60 54 4 | link 61 26 54 4 | link 61 41 54 8 | title 61 9 54 2 | title 61 13 54 11", "canvas_width": 1024, "canvas_height": 714, "elements": [ { "type": "image", "position": [ 0, 80, 420, 490 ], "completed": false }, { "type": "title", "position": [ 523, 80, 467, 24 ], "completed": false }, { "type": "title", "position": [ 523, 116, 467, 96 ], "completed": true }, { "type": "link", "position": [ 523, 230, 467, 36 ], "completed": false }, { "type": "button", "position": [ 523, 285, 61, 15 ], "completed": false }, { "type": "link", "position": [ 523, 357, 467, 72 ], "completed": false }, { "type": "button", "position": [ 523, 448, 61, 15 ], "completed": false }, { "type": "link", "position": [ 523, 520, 467, 36 ], "completed": false }, { "type": "button", "position": [ 523, 575, 112, 15 ], "completed": false } ] }, { "text": "#This page introduces users to buy and sell bitcoin everywhere. #This page has the title \"Buy and Sell Bitcoin Everywhere\", followed by a description, and a Sign up free button at the bottom.", "region_id": "2793", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'buy and sell bitcoin everywhere'] ] [el:description] [el:button [attr:position 'bottom'] [attr:value 'sign up free'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 32 | button 50 24 19 5 | description 32 12 54 4 | complete text 2 18 114 3 | title 2 5 114 5", "layout_seq_without_completion": "background 0 0 120 32 | button 50 24 19 5 | description 32 12 54 4 | text 2 18 114 3 | title 2 5 114 5", "plain_layout_seq": "background 0 0 120 32 | button 50 24 19 5 | description 32 12 54 4 | text 2 18 114 3 | title 2 5 114 5", "canvas_width": 940, "canvas_height": 258, "elements": [ { "type": "background", "position": [ 0, 0, 940, 258 ], "completed": true }, { "type": "title", "position": [ 20, 40, 900, 40 ], "completed": false }, { "type": "description", "position": [ 257, 100, 426, 33 ], "completed": false }, { "type": "text", "position": [ 20, 143, 900, 29 ], "completed": true }, { "type": "button", "position": [ 393, 192, 154, 46 ], "completed": false } ] }, { "text": "#A page introducing iPhone SE.# A page should include one image to show the appearance of the product, and a slogan of the product. Two buttons are needed for users to click to learn more about the product and buy it.", "region_id": "685", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value'learn more'] ] [el:button [attr:value'buy'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 34 22 2 | image 0 8 120 81 | complete image 0 23 120 5 | complete text 55 20 9 2 | title 0 29 120 3", "layout_seq_without_completion": "button 48 34 22 2 | image 0 8 120 81 | image 0 23 120 5 | text 55 20 9 2 | title 0 29 120 3", "plain_layout_seq": "button 48 34 22 2 | image 0 8 120 81 | image 0 23 120 5 | text 55 20 9 2 | title 0 29 120 3", "canvas_width": 1024, "canvas_height": 776, "elements": [ { "type": "image", "position": [ 0, 70, 1024, 694 ], "completed": false }, { "type": "text", "position": [ 472, 175, 80, 25 ], "completed": true }, { "type": "image", "position": [ 0, 202, 1024, 48 ], "completed": true }, { "type": "title", "position": [ 0, 255, 1024, 28 ], "completed": false }, { "type": "button", "position": [ 418, 297, 188, 23 ], "completed": false } ] }, { "text": "#A page advertising a membership opportunity of a company.# There is a large title \"One membership, unlimited ways to feel good\". There are two explanations and a button for checking the eligibility.", "region_id": "1360", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'one membership, unlimited ways to feel good'] ] [el:description [attr:repeat '2'] ] [el:button [attr:value'check the eligibility'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | title undefined large", "layout_seq_with_completion": "button 8 59 24 5 | description 8 67 85 3 | description 8 43 51 9 | title 8 11 85 28", "layout_seq_without_completion": "button 8 59 24 5 | description 8 67 85 3 | description 8 43 51 9 | title 8 11 85 28", "plain_layout_seq": "button 8 59 24 5 | description 8 67 85 3 | description 8 43 51 9 | title 8 11 85 28", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 71, 96, 731, 240 ], "completed": false }, { "type": "description", "position": [ 71, 368, 439, 84 ], "completed": false }, { "type": "button", "position": [ 71, 508, 209, 48 ], "completed": false }, { "type": "description", "position": [ 71, 576, 731, 28 ], "completed": false } ] }, { "text": "#A page advertising a membership opportunity of a company.# There is a large text box titled \"One membership, unlimited ways to feel good\". There are two text boxes and a button for checking the eligibility.", "region_id": "1360_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'one membership, unlimited ways to feel good'] ] [el:text [attr:repeat '2'] ] [el:button [attr:value'check the eligibility'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 59 24 5 | text 8 67 85 3 | text 8 43 51 9 | title 8 11 85 28", "layout_seq_without_completion": "button 8 59 24 5 | text 8 67 85 3 | text 8 43 51 9 | title 8 11 85 28", "plain_layout_seq": "button 8 59 24 5 | text 8 67 85 3 | text 8 43 51 9 | title 8 11 85 28", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 71, 96, 731, 240 ], "completed": false }, { "type": "text", "position": [ 71, 368, 439, 84 ], "completed": false }, { "type": "button", "position": [ 71, 508, 209, 48 ], "completed": false }, { "type": "text", "position": [ 71, 576, 731, 28 ], "completed": false } ] }, { "text": "#A page for introducing an article.# The page should have an image, a text to show the author, a title of the article, and a short description.", "region_id": "6166", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 4 0 53 33 | \" [ text 61 5 16 2 ] | [ title 61 12 41 8 ] | [ description 61 24 42 13 ] \"", "layout_seq_without_completion": "image 4 0 53 33 | \" [ text 61 5 16 2 ] | [ title 61 12 41 8 ] | [ description 61 24 42 13 ] \"", "plain_layout_seq": "description 61 24 42 13 | image 4 0 53 33 | text 61 5 16 2 | title 61 12 41 8", "canvas_width": 1024, "canvas_height": 336, "elements": [ { "type": "image", "position": [ 42, 0, 455, 287 ], "completed": false }, { "type": "text", "position": [ 527, 51, 137, 22 ], "completed": false }, { "type": "title", "position": [ 527, 105, 355, 71 ], "completed": false }, { "type": "description", "position": [ 527, 213, 364, 117 ], "completed": false } ] }, { "text": "#A page introducing MPM. # The page should have a title and a short introduction to entice users to use MPM, and a button for users to click to view MPM.", "region_id": "1958", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'view mpm'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 88 | button 16 55 9 2 | description 16 37 41 13 | title 16 11 41 24", "layout_seq_without_completion": "background 0 0 120 88 | button 16 55 9 2 | description 16 37 41 13 | title 16 11 41 24", "plain_layout_seq": "background 0 0 120 88 | button 16 55 9 2 | description 16 37 41 13 | title 16 11 41 24", "canvas_width": 1024, "canvas_height": 754, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 752 ], "completed": true }, { "type": "title", "position": [ 137, 100, 350, 208 ], "completed": false }, { "type": "description", "position": [ 137, 323, 350, 116 ], "completed": false }, { "type": "button", "position": [ 137, 477, 78, 25 ], "completed": false } ] }, { "text": "# A page to show the announcement of the company GoodHire. # It should include two text boxes on the page. One is the title \"Announcement\" and another is the title of the announcement. It is necessary to have a text link that the user can click to learn more information. There should be an image of the logo of the company.", "region_id": "65", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'announcement'] ] [el:title] [el:link [attr:value'read more'] ] [el:logo] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 53 15 11 2 | logo 15 3 21 14 | title 53 3 13 2 | title 53 7 61 3", "layout_seq_without_completion": "link 53 15 11 2 | logo 15 3 21 14 | title 53 3 13 2 | title 53 7 61 3", "plain_layout_seq": "link 53 15 11 2 | logo 15 3 21 14 | title 53 3 13 2 | title 53 7 61 3", "canvas_width": 1024, "canvas_height": 205, "elements": [ { "type": "logo", "position": [ 133, 32, 180, 125 ], "completed": false }, { "type": "title", "position": [ 453, 32, 111, 24 ], "completed": false }, { "type": "title", "position": [ 453, 68, 528, 32 ], "completed": false }, { "type": "link", "position": [ 453, 135, 101, 23 ], "completed": false } ] }, { "text": "#A page for introducing the NEC People Story.# There should be a big image on the top. Below, there should be a title named \"NEC People Story\" and a brief description following it. At the bottom, users can click the \"Explore\" button to get further information.", "region_id": "1780", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] [attr:position'top'] ] [el:title [attr:value'nec people story'] ] [el:description [attr:size'small'] ] [el:button [attr:position'bottom'] [attr:value'explore'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | image top large | title undefined undefined", "layout_seq_with_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | complete image 4 41 115 28 | title 7 45 26 4", "layout_seq_without_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 26 4", "plain_layout_seq": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 26 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 237 ], "completed": true }, { "type": "title", "position": [ 60, 385, 220, 40 ], "completed": false }, { "type": "description", "position": [ 60, 455, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 499, 137, 43 ], "completed": false } ] }, { "text": "#A page for introducing the NEC People Story.# There should be a background image on the top. Below, there should be a title named \"NEC People Story\" and a brief description following it. At the bottom, users can click the \"Explore\" button to get further information.", "region_id": "1780_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:position'top'] ] [el:title [attr:value'nec people story'] ] [el:description [attr:size'small'] ] [el:button [attr:position'bottom'] [attr:value'explore'] ] ]", "execution": "singleinfo : background top undefined | button bottom undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 4 41 115 28 | button 7 59 16 5 | description 7 54 110 2 | complete image 0 0 81 45 | title 7 45 26 4", "layout_seq_without_completion": "background 4 41 115 28 | button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | title 7 45 26 4", "plain_layout_seq": "background 4 41 115 28 | button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | title 7 45 26 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": true }, { "type": "background", "position": [ 40, 345, 967, 237 ], "completed": false }, { "type": "title", "position": [ 60, 385, 220, 40 ], "completed": false }, { "type": "description", "position": [ 60, 455, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 499, 137, 43 ], "completed": false } ] }, { "text": "#A page showing information about \"Vertical Lift Military Aircraft\" - a service of a company. # There should be two titles. A button\"Learn More\".", "region_id": "1825", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:button [attr:value'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 58 | button 10 35 14 3 | title 10 28 104 3 | title 10 25 104 2", "layout_seq_without_completion": "background 0 0 120 58 | button 10 35 14 3 | title 10 28 104 3 | title 10 25 104 2", "plain_layout_seq": "background 0 0 120 58 | button 10 35 14 3 | title 10 28 104 3 | title 10 25 104 2", "canvas_width": 1054, "canvas_height": 518, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 518 ], "completed": true }, { "type": "title", "position": [ 93, 220, 916, 24 ], "completed": false }, { "type": "title", "position": [ 93, 252, 916, 34 ], "completed": false }, { "type": "button", "position": [ 93, 314, 130, 35 ], "completed": false } ] }, { "text": "#A page showing information about \"Vertical Lift Military Aircraft\" - a service of a company. # There should be two text boxes. A button for gaining more info.", "region_id": "1825_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 58 | button 10 35 14 3 | text 10 28 104 3 | text 10 25 104 2", "layout_seq_without_completion": "background 0 0 120 58 | button 10 35 14 3 | text 10 28 104 3 | text 10 25 104 2", "plain_layout_seq": "background 0 0 120 58 | button 10 35 14 3 | text 10 28 104 3 | text 10 25 104 2", "canvas_width": 1054, "canvas_height": 518, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 518 ], "completed": true }, { "type": "text", "position": [ 93, 220, 916, 24 ], "completed": false }, { "type": "text", "position": [ 93, 252, 916, 34 ], "completed": false }, { "type": "button", "position": [ 93, 314, 130, 35 ], "completed": false } ] }, { "text": "# A page to introduce how to edit PDF on Mac. # The page should have the title \"How to edit PDF on Mac\", two short descriptions, and a link for the user to click to edit PDF offline with Sejda Desktop for Mac.", "region_id": "3137", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'how to edit pdf on mac'] ] [el:description [attr:size 'small'] [attr:repeat'2']] [el:link [attr:value 'edit PDF offline with Sejda Desktop for Mac'] ] ]", "execution": "singleinfo : description undefined small | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 40 19 23 2 | description 18 23 85 3 | complete link 18 19 21 2 | link 15 31 53 3 | complete text 117 17 2 23 | complete text 0 16 8 23 | title 15 11 89 3", "layout_seq_without_completion": "description 40 19 23 2 | description 18 23 85 3 | link 18 19 21 2 | link 15 31 53 3 | text 117 17 2 23 | text 0 16 8 23 | title 15 11 89 3", "plain_layout_seq": "description 40 19 23 2 | description 18 23 85 3 | link 18 19 21 2 | link 15 31 53 3 | text 117 17 2 23 | text 0 16 8 23 | title 15 11 89 3", "canvas_width": 1024, "canvas_height": 360, "elements": [ { "type": "title", "position": [ 132, 100, 760, 26 ], "completed": false }, { "type": "text", "position": [ 0, 139, 69, 200 ], "completed": true }, { "type": "text", "position": [ 1002, 152, 22, 200 ], "completed": true }, { "type": "link", "position": [ 162, 169, 185, 21 ], "completed": true }, { "type": "description", "position": [ 347, 169, 202, 21 ], "completed": false }, { "type": "description", "position": [ 162, 204, 730, 28 ], "completed": false }, { "type": "link", "position": [ 132, 272, 453, 28 ], "completed": false } ] }, { "text": "#A page for users to rate an article.# The page should have a button for users to click to rate the article, and two texts to show the rate of the article and the number who rated it.", "region_id": "6323", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button [attr:value 'rate this article'] ] [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 9 5 101 5 | text 48 17 6 2 | text 55 18 16 2", "layout_seq_without_completion": "button 9 5 101 5 | text 48 17 6 2 | text 55 18 16 2", "plain_layout_seq": "button 9 5 101 5 | text 48 17 6 2 | text 55 18 16 2", "canvas_width": 1009, "canvas_height": 207, "elements": [ { "type": "button", "position": [ 80, 45, 850, 47 ], "completed": false }, { "type": "text", "position": [ 406, 150, 52, 23 ], "completed": false }, { "type": "text", "position": [ 466, 153, 137, 17 ], "completed": false } ] }, { "text": "#A page for showing the excellent performance of a company.# The page should have a big image, and 4 texts to use eye-catching numbers to introduce the excellent performance in integrated apps and software downloads.", "region_id": "2660", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'large'] ] [el:text [attr:repeat '2'] ][el:text [attr:repeat '2'] [attr:value 'integrated apps, software downloads'] ] ]", "execution": "singleinfo : image undefined large | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 5 5 114 71 | text 5 77 52 11 | text 61 89 52 4 | text 61 77 52 11 | text 5 89 52 4", "layout_seq_without_completion": "image 5 5 114 71 | text 5 77 52 11 | text 61 89 52 4 | text 61 77 52 11 | text 5 89 52 4", "plain_layout_seq": "image 5 5 114 71 | text 5 77 52 11 | text 61 89 52 4 | text 61 77 52 11 | text 5 89 52 4", "canvas_width": 1024, "canvas_height": 846, "elements": [ { "type": "image", "position": [ 47, 50, 977, 608 ], "completed": false }, { "type": "text", "position": [ 47, 665, 450, 95 ], "completed": false }, { "type": "text", "position": [ 527, 665, 450, 95 ], "completed": false }, { "type": "text", "position": [ 47, 760, 450, 36 ], "completed": false }, { "type": "text", "position": [ 527, 760, 450, 36 ], "completed": false } ] }, { "text": "#A page for attracting the user to get a new phone number. # There is a title and a description to attract the user. Then, there is a \"Get started\" button to click to get more information.", "region_id": "3056", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 97 13 14 6 | description 7 16 82 9 | title 7 6 82 8", "layout_seq_without_completion": "button 97 13 14 6 | description 7 16 82 9 | title 7 6 82 8", "plain_layout_seq": "button 97 13 14 6 | description 7 16 82 9 | title 7 6 82 8", "canvas_width": 1024, "canvas_height": 284, "elements": [ { "type": "title", "position": [ 64, 58, 708, 72 ], "completed": false }, { "type": "button", "position": [ 836, 114, 124, 56 ], "completed": false }, { "type": "description", "position": [ 64, 140, 708, 80 ], "completed": false } ] }, { "text": "# A page for the user to select a series from a list of series. # The page should have a title \"SERIES\", a short description, and 16 buttons for the user to click to choose. Besides, the last button is used to view all series.", "region_id": "2973", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'series'] ] [el:description [attr:size 'small'] ] [el:button [attr:repeat '15'] ] [el:button [attr:value 'all series']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "description 5 8 108 2 | title 5 2 108 4 | \" [ button 5 15 24 6 ] | [ button 33 15 24 6 ] | [ button 61 15 24 6 ] | [ button 89 15 24 6 ] | [ button 5 24 24 8 ] | [ button 33 24 24 6 ] | [ button 61 24 24 6 ] | [ button 89 24 24 6 ] | [ button 5 34 24 6 ] | [ button 33 34 24 6 ] | [ button 61 34 24 6 ] | [ button 89 34 24 6 ] | [ button 5 42 24 8 ] | [ button 33 42 24 6 ] | [ button 61 42 24 6 ] | [ button 89 42 24 6 ] \"", "layout_seq_without_completion": "description 5 8 108 2 | title 5 2 108 4 | \" [ button 5 15 24 6 ] | [ button 33 15 24 6 ] | [ button 61 15 24 6 ] | [ button 89 15 24 6 ] | [ button 5 24 24 8 ] | [ button 33 24 24 6 ] | [ button 61 24 24 6 ] | [ button 89 24 24 6 ] | [ button 5 34 24 6 ] | [ button 33 34 24 6 ] | [ button 61 34 24 6 ] | [ button 89 34 24 6 ] | [ button 5 42 24 8 ] | [ button 33 42 24 6 ] | [ button 61 42 24 6 ] | [ button 89 42 24 6 ] \"", "plain_layout_seq": "button 5 15 24 6 | button 33 15 24 6 | button 61 15 24 6 | button 89 15 24 6 | button 5 24 24 8 | button 33 24 24 6 | button 61 24 24 6 | button 89 24 24 6 | button 5 34 24 6 | button 33 34 24 6 | button 61 34 24 6 | button 89 34 24 6 | button 5 42 24 8 | button 33 42 24 6 | button 61 42 24 6 | button 89 42 24 6 | description 5 8 108 2 | title 5 2 108 4", "canvas_width": 1024, "canvas_height": 436, "elements": [ { "type": "title", "position": [ 47, 20, 930, 35 ], "completed": false }, { "type": "description", "position": [ 47, 70, 930, 20 ], "completed": false }, { "type": "button", "position": [ 47, 135, 210, 56 ], "completed": false }, { "type": "button", "position": [ 287, 135, 210, 56 ], "completed": false }, { "type": "button", "position": [ 527, 135, 210, 56 ], "completed": false }, { "type": "button", "position": [ 767, 135, 210, 56 ], "completed": false }, { "type": "button", "position": [ 47, 206, 210, 72 ], "completed": false }, { "type": "button", "position": [ 287, 206, 210, 56 ], "completed": false }, { "type": "button", "position": [ 527, 206, 210, 56 ], "completed": false }, { "type": "button", "position": [ 767, 206, 210, 56 ], "completed": false }, { "type": "button", "position": [ 47, 293, 210, 56 ], "completed": false }, { "type": "button", "position": [ 287, 293, 210, 56 ], "completed": false }, { "type": "button", "position": [ 527, 293, 210, 56 ], "completed": false }, { "type": "button", "position": [ 767, 293, 210, 56 ], "completed": false }, { "type": "button", "position": [ 47, 364, 210, 72 ], "completed": false }, { "type": "button", "position": [ 287, 364, 210, 56 ], "completed": false }, { "type": "button", "position": [ 527, 364, 210, 56 ], "completed": false }, { "type": "button", "position": [ 767, 364, 210, 56 ], "completed": false } ] }, { "text": "# A page to introduce PointClickCare.# The page should have a video, a slogan, and a text box with a brief introduction to PointClickCare. Then a text button is required to click to see why to choose PointClickCare.", "region_id": "387", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'why to choose pointclickcare'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 69 60 45 14 | description 69 40 45 16 | complete image 0 78 120 7 | image 5 22 54 32 | complete image 27 34 10 10 | title 69 7 45 25", "layout_seq_without_completion": "button 69 60 45 14 | description 69 40 45 16 | image 0 78 120 7 | image 5 22 54 32 | image 27 34 10 10 | title 69 7 45 25", "plain_layout_seq": "button 69 60 45 14 | description 69 40 45 16 | image 0 78 120 7 | image 5 22 54 32 | image 27 34 10 10 | title 69 7 45 25", "canvas_width": 1024, "canvas_height": 731, "elements": [ { "type": "title", "position": [ 589, 62, 388, 216 ], "completed": false }, { "type": "image", "position": [ 47, 196, 465, 279 ], "completed": false }, { "type": "image", "position": [ 235, 291, 89, 89 ], "completed": true }, { "type": "description", "position": [ 589, 344, 388, 144 ], "completed": false }, { "type": "button", "position": [ 589, 520, 388, 120 ], "completed": false }, { "type": "image", "position": [ 0, 670, 1024, 60 ], "completed": true } ] }, { "text": "#A page for showing a product.# The page has an image of the product, a label named \"RLC-810A\" showing the product model, a product name, and a button named \"Learn More\" for users to click to learn more information about the product.", "region_id": "3534", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:value 'rlc-810a'] ] [el:title] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 93 7 26 5 | image 0 1 18 18 | text 23 4 9 2 | title 23 9 91 7", "layout_seq_without_completion": "button 93 7 26 5 | image 0 1 18 18 | text 23 4 9 2 | title 23 9 91 7", "plain_layout_seq": "button 93 7 26 5 | image 0 1 18 18 | text 23 4 9 2 | title 23 9 91 7", "canvas_width": 1024, "canvas_height": 180, "elements": [ { "type": "image", "position": [ 0, 10, 160, 160 ], "completed": false }, { "type": "text", "position": [ 200, 40, 80, 23 ], "completed": false }, { "type": "button", "position": [ 797, 66, 227, 48 ], "completed": false }, { "type": "title", "position": [ 200, 77, 780, 62 ], "completed": false } ] }, { "text": "# A page for the user to get started and become a member.# The page should have the title \"Get Started Today\" and two buttons \"GET HELP NOW\" and \"BECOME A MEMBER\" for the user to get started and become a member.", "region_id": "2947", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Get Started Today'] ] [el:button [attr:value 'GET HELP NOW'] ] [el:button [attr:value 'BECOME A MEMBER'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 19 18 2 | button 38 19 14 2 | title 41 7 37 6", "layout_seq_without_completion": "button 62 19 18 2 | button 38 19 14 2 | title 41 7 37 6", "plain_layout_seq": "button 62 19 18 2 | button 38 19 14 2 | title 41 7 37 6", "canvas_width": 1009, "canvas_height": 268, "elements": [ { "type": "title", "position": [ 348, 67, 312, 54 ], "completed": false }, { "type": "button", "position": [ 325, 161, 119, 24 ], "completed": false }, { "type": "button", "position": [ 528, 161, 156, 24 ], "completed": false } ] }, { "text": "#A page for introducing software that can track down every IT asset to users.# The page should include an image on the top, one title, and a button for users to click for further information.", "region_id": "2280", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'top'] ] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image top undefined | title undefined undefined", "layout_seq_with_completion": "button 100 81 14 3 | image 0 9 118 66 | title 0 81 64 4", "layout_seq_without_completion": "button 100 81 14 3 | image 0 9 118 66 | title 0 81 64 4", "plain_layout_seq": "button 100 81 14 3 | image 0 9 118 66 | title 0 81 64 4", "canvas_width": 920, "canvas_height": 654, "elements": [ { "type": "image", "position": [ 4, 70, 910, 512 ], "completed": false }, { "type": "title", "position": [ 4, 622, 493, 32 ], "completed": false }, { "type": "button", "position": [ 772, 626, 109, 24 ], "completed": false } ] }, { "text": "#A page for introducing the best outfits.# There is one image on the right. On the left, there is one title \"The best outfits from Apple WWDC 2022, ranked\". Below is one slogan, one label for the date, and one label for the writer.", "region_id": "3091", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'right'] ] [el:title [attr:value 'The best outfits from Apple WWDC 2022, ranked'] [attr:position 'left'] ] [el:title] [el:text [attr:repeat '2']] ]", "execution": "singleinfo : image right undefined | text undefined undefined | text undefined undefined | title left undefined | title undefined undefined", "layout_seq_with_completion": "image 81 0 26 15 | complete link 11 7 12 2 | text 0 7 7 2 | text 9 7 2 2 | title 0 0 79 3 | title 0 3 79 2", "layout_seq_without_completion": "image 81 0 26 15 | link 11 7 12 2 | text 0 7 7 2 | text 9 7 2 2 | title 0 0 79 3 | title 0 3 79 2", "plain_layout_seq": "image 81 0 26 15 | link 11 7 12 2 | text 0 7 7 2 | text 9 7 2 2 | title 0 0 79 3 | title 0 3 79 2", "canvas_width": 992, "canvas_height": 134, "elements": [ { "type": "title", "position": [ 0, 0, 660, 28 ], "completed": false }, { "type": "image", "position": [ 677, 1, 218, 132 ], "completed": false }, { "type": "title", "position": [ 0, 28, 660, 24 ], "completed": false }, { "type": "text", "position": [ 0, 64, 66, 18 ], "completed": false }, { "type": "text", "position": [ 82, 64, 17, 17 ], "completed": false }, { "type": "link", "position": [ 98, 64, 101, 17 ], "completed": true } ] }, { "text": "#A page for introducing a company named \"Fortum\" to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1255", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 45 39 29 6 | description 14 20 91 14 | title 32 7 54 8", "layout_seq_without_completion": "button 45 39 29 6 | description 14 20 91 14 | title 32 7 54 8", "plain_layout_seq": "button 45 39 29 6 | description 14 20 91 14 | title 32 7 54 8", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "title", "position": [ 278, 62, 468, 70 ], "completed": false }, { "type": "description", "position": [ 120, 172, 784, 122 ], "completed": false }, { "type": "button", "position": [ 387, 334, 250, 56 ], "completed": false } ] }, { "text": "# A page for the user to download the healthy travel ebook. # The page should have two images, a title \"Download Our Free Healthy Travel Ebook\", a brief introduction to the ebook, and a button \"Download Now\" for the user to download the ebook by clicking it.", "region_id": "3129", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '2'] ] [el:title [attr:value 'download our free healthy travel ebook'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'download now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 1 0 84 23 | button 25 13 17 4 | description 25 8 55 3 | image 14 16 4 4 | image 5 4 10 14 | complete text 15 17 2 1 | complete text 15 18 3 1 | title 25 5 45 3", "layout_seq_without_completion": "background 1 0 84 23 | button 25 13 17 4 | description 25 8 55 3 | image 14 16 4 4 | image 5 4 10 14 | text 15 17 2 1 | text 15 18 3 1 | title 25 5 45 3", "plain_layout_seq": "background 1 0 84 23 | button 25 13 17 4 | description 25 8 55 3 | image 14 16 4 4 | image 5 4 10 14 | text 15 17 2 1 | text 15 18 3 1 | title 25 5 45 3", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "background", "position": [ 10, 0, 724, 200 ], "completed": true }, { "type": "image", "position": [ 51, 42, 90, 120 ], "completed": false }, { "type": "title", "position": [ 217, 44, 384, 27 ], "completed": false }, { "type": "description", "position": [ 217, 74, 472, 30 ], "completed": false }, { "type": "button", "position": [ 217, 114, 149, 42 ], "completed": false }, { "type": "image", "position": [ 122, 142, 40, 40 ], "completed": false }, { "type": "text", "position": [ 131, 152, 21, 9 ], "completed": true }, { "type": "text", "position": [ 129, 160, 26, 10 ], "completed": true } ] }, { "text": "# A page to guide the user to comment the love to NEOS Overshoes for 15 off.# The page should have the title \"Love My NEOS Promo\", a short description, and a button for the user to click for more info. Also, it is better to have an image.", "region_id": "8408", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'love my neos promo'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'click here for more info'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 26 31 6 | description 3 13 52 9 | image 59 0 60 39 | title 3 7 52 4", "layout_seq_without_completion": "button 3 26 31 6 | description 3 13 52 9 | image 59 0 60 39 | title 3 7 52 4", "plain_layout_seq": "button 3 26 31 6 | description 3 13 52 9 | image 59 0 60 39 | title 3 7 52 4", "canvas_width": 1009, "canvas_height": 337, "elements": [ { "type": "image", "position": [ 504, 0, 505, 336 ], "completed": false }, { "type": "title", "position": [ 30, 60, 445, 36 ], "completed": false }, { "type": "description", "position": [ 30, 111, 445, 82 ], "completed": false }, { "type": "button", "position": [ 30, 223, 268, 54 ], "completed": false } ] }, { "text": "#A page showing the website of the newsletter and guiding users to subscribe to it.#The page should have one heading, one brief description, one input for entering email address, and one subscribe button to subscribe to the newsletter.", "region_id": "7857", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 18 17 5 | description 2 5 114 2 | input 2 10 114 5 | title 2 0 114 2", "layout_seq_without_completion": "button 2 18 17 5 | description 2 5 114 2 | input 2 10 114 5 | title 2 0 114 2", "plain_layout_seq": "button 2 18 17 5 | description 2 5 114 2 | input 2 10 114 5 | title 2 0 114 2", "canvas_width": 1004, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 25, 0, 954, 25 ], "completed": false }, { "type": "description", "position": [ 25, 45, 954, 25 ], "completed": false }, { "type": "input", "position": [ 25, 87, 954, 44 ], "completed": false }, { "type": "button", "position": [ 25, 151, 144, 49 ], "completed": false } ] }, { "text": "# A page for marketing a company and attracting the user to start a project. # The page should have a title named \"We build Mobile Apps for Online Business\" followed by a further introduction to the company. It is necessary to have a button \"Start a Project\" for the user to cooperate with the company. It is better to have an image showing the advantage of the company.", "region_id": "3549", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'we build mobile apps for online business'] ] [el:description] [el:button [attr:value 'start a project'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 77 18 5 | description 5 49 37 24 | image 43 4 70 62 | title 5 4 37 42", "layout_seq_without_completion": "button 5 77 18 5 | description 5 49 37 24 | image 43 4 70 62 | title 5 4 37 42", "plain_layout_seq": "button 5 77 18 5 | description 5 49 37 24 | image 43 4 70 62 | title 5 4 37 42", "canvas_width": 1024, "canvas_height": 777, "elements": [ { "type": "title", "position": [ 50, 40, 324, 365 ], "completed": false }, { "type": "image", "position": [ 374, 40, 600, 530 ], "completed": false }, { "type": "description", "position": [ 50, 425, 324, 210 ], "completed": false }, { "type": "button", "position": [ 50, 662, 160, 48 ], "completed": false } ] }, { "text": "#A page for introducing the medios digitales for users.# This page should include one title \"Medios digitales\" and a video under it.", "region_id": "6214", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'medios digitales'] ] [el:image] ]", "execution": "singleinfo : image undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 80 11 35 58 | image 9 11 68 58 | title 5 3 108 3", "layout_seq_without_completion": "image 80 11 35 58 | image 9 11 68 58 | title 5 3 108 3", "plain_layout_seq": "image 80 11 35 58 | image 9 11 68 58 | title 5 3 108 3", "canvas_width": 1024, "canvas_height": 654, "elements": [ { "type": "title", "position": [ 51, 31, 922, 32 ], "completed": false }, { "type": "image", "position": [ 83, 99, 581, 500 ], "completed": false }, { "type": "image", "position": [ 683, 99, 304, 500 ], "completed": false } ] }, { "text": "#A page to show the related commentary.# The name of the commentator is placed above some related words next to the title of \"MANSCAPPED is the future\". On the right side of the page, a short description is involved.", "region_id": "5715", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:title [attr:value 'MANSCAPPED is the future'] ] [el:description [attr:size 'small'] [attr:position 'right'] ] ]", "execution": "singleinfo : description right small | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 62 1 57 13 | text 0 6 30 2 | title 0 3 30 2 | title 30 2 27 8", "layout_seq_without_completion": "description 62 1 57 13 | text 0 6 30 2 | title 0 3 30 2 | title 30 2 27 8", "plain_layout_seq": "description 62 1 57 13 | text 0 6 30 2 | title 0 3 30 2 | title 30 2 27 8", "canvas_width": 880, "canvas_height": 114, "elements": [ { "type": "description", "position": [ 456, 8, 424, 98 ], "completed": false }, { "type": "title", "position": [ 220, 20, 204, 65 ], "completed": false }, { "type": "title", "position": [ 0, 24, 220, 22 ], "completed": false }, { "type": "text", "position": [ 0, 48, 220, 15 ], "completed": false } ] }, { "text": "#A page for introducing 2020 Sustainability report to users.# The page should include one title and a brief description. At the bottom, a button is needed for users to click for further information.", "region_id": "2355", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:position'bottom'] [attr:value'read more'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 34 13 20 3 | description 34 8 48 2 | complete icon 51 14 0 1 | complete text 36 14 14 0 | complete text 34 3 8 0 | title 34 5 41 1", "layout_seq_without_completion": "button 34 13 20 3 | description 34 8 48 2 | icon 51 14 0 1 | text 36 14 14 0 | text 34 3 8 0 | title 34 5 41 1", "plain_layout_seq": "button 34 13 20 3 | description 34 8 48 2 | icon 51 14 0 1 | text 36 14 14 0 | text 34 3 8 0 | title 34 5 41 1", "canvas_width": 2052, "canvas_height": 319, "elements": [ { "type": "text", "position": [ 585, 53, 146, 14 ], "completed": true }, { "type": "title", "position": [ 585, 94, 704, 30 ], "completed": false }, { "type": "description", "position": [ 585, 147, 832, 40 ], "completed": false }, { "type": "button", "position": [ 585, 236, 349, 58 ], "completed": false }, { "type": "icon", "position": [ 883, 254, 12, 22 ], "completed": true }, { "type": "text", "position": [ 624, 256, 254, 17 ], "completed": true } ] }, { "text": "# A page for the user to subscribe to the newsletter of a company. # There should have a slogan \"Stay in touch!\", a text box telling the user to subscribe to the newsletter to get updates, an input box for the user to enter an email address for receiving the newsletter, and a text button for the user to subscribe now.", "region_id": "3438", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Stay in touch!'] ] [el:text [attr:value 'subscribe our newsletter and get our latest updates'] ] [el:input [attr:value 'enter your email id'] ] [el:button [attr:value 'subscribe now'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 96 7 21 6 | input 72 1 45 5 | text 1 6 56 5 | title 1 0 31 6", "layout_seq_without_completion": "button 96 7 21 6 | input 72 1 45 5 | text 1 6 56 5 | title 1 0 31 6", "plain_layout_seq": "button 96 7 21 6 | input 72 1 45 5 | text 1 6 56 5 | title 1 0 31 6", "canvas_width": 960, "canvas_height": 125, "elements": [ { "type": "title", "position": [ 15, 0, 248, 51 ], "completed": false }, { "type": "input", "position": [ 581, 14, 364, 43 ], "completed": false }, { "type": "text", "position": [ 15, 53, 450, 43 ], "completed": false }, { "type": "button", "position": [ 772, 57, 173, 50 ], "completed": false } ] }, { "text": "#A page for showing one event.#There should be one text box showing the event-related info and one title\"Conference Call Q1 2022, Fresenius\". One label represents the next event and one image is needed on the left. At the bottom, there should be a button for users to import the ICS.", "region_id": "1264", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title [attr:value'conference call q1 2022, fresenius'] ] [el:text [attr:position'left'] ] [el:image [attr:position'left'] ] [el:button [attr:position'bottom'] [attr:value'import the ics'] ] ]", "execution": "singleinfo : button bottom undefined | image left undefined | text left undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | title 41 13 75 5", "layout_seq_without_completion": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | title 41 13 75 5", "plain_layout_seq": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | title 41 13 75 5", "canvas_width": 1024, "canvas_height": 268, "elements": [ { "type": "text", "position": [ 0, 0, 161, 63 ], "completed": false }, { "type": "image", "position": [ 22, 58, 308, 204 ], "completed": false }, { "type": "text", "position": [ 358, 58, 644, 27 ], "completed": false }, { "type": "title", "position": [ 358, 111, 644, 47 ], "completed": false }, { "type": "button", "position": [ 358, 202, 108, 20 ], "completed": false } ] }, { "text": "#A page for showing one event.#There should be three text boxes showing the event-related info. One label represents the next event and one image is needed on the left. At the bottom, there should be an button for users to import the ICS.", "region_id": "1264_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3']] [el:text [attr:position'left'] ] [el:image [attr:position'left'] ] [el:button [attr:position'bottom'] [attr:value'import the ics'] ] ]", "execution": "singleinfo : button bottom undefined | image left undefined | text left undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | text 41 13 75 5", "layout_seq_without_completion": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | text 41 13 75 5", "plain_layout_seq": "button 41 23 12 2 | image 2 6 36 23 | text 0 0 18 7 | text 41 6 75 3 | text 41 13 75 5", "canvas_width": 1024, "canvas_height": 268, "elements": [ { "type": "text", "position": [ 0, 0, 161, 63 ], "completed": false }, { "type": "image", "position": [ 22, 58, 308, 204 ], "completed": false }, { "type": "text", "position": [ 358, 58, 644, 27 ], "completed": false }, { "type": "text", "position": [ 358, 111, 644, 47 ], "completed": false }, { "type": "button", "position": [ 358, 202, 108, 20 ], "completed": false } ] }, { "text": "# A page used to register TrustWeek 2022. # There should contain one title \" TrustWeek 2022\", one slogan and one text box with a short description. There should be a text button for the user to click to register. There should also be an image about the topic.", "region_id": "1854", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'trustweek 2022'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'register'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 41 17 4 | complete button 60 56 1 1 | complete button 57 56 1 1 | description 8 26 41 10 | image 52 3 49 29 | title 8 12 32 8 | title 8 8 41 2", "layout_seq_without_completion": "button 8 41 17 4 | button 60 56 1 1 | button 57 56 1 1 | description 8 26 41 10 | image 52 3 49 29 | title 8 12 32 8 | title 8 8 41 2", "plain_layout_seq": "button 8 41 17 4 | button 60 56 1 1 | button 57 56 1 1 | description 8 26 41 10 | image 52 3 49 29 | title 8 12 32 8 | title 8 8 41 2", "canvas_width": 1024, "canvas_height": 499, "elements": [ { "type": "image", "position": [ 451, 30, 426, 248 ], "completed": false }, { "type": "title", "position": [ 71, 76, 350, 18 ], "completed": false }, { "type": "title", "position": [ 71, 108, 274, 76 ], "completed": false }, { "type": "description", "position": [ 71, 224, 350, 87 ], "completed": false }, { "type": "button", "position": [ 71, 356, 150, 38 ], "completed": false }, { "type": "button", "position": [ 487, 479, 13, 13 ], "completed": true }, { "type": "button", "position": [ 517, 479, 13, 13 ], "completed": true } ] }, { "text": "# A page for guiding the user to have a free trial with Paramount+. # The page should have a logo, a slogan \"A MOUNTAIN OF ENTERTAINMENT\", a short description, and a button \"TRY IT FREE\" for the user to try it free.", "region_id": "2995", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title [attr:value 'a mountain of entertainment'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'try it free'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 31 9 1 | description 4 23 45 2 | logo 4 0 25 9 | title 4 10 64 11", "layout_seq_without_completion": "button 9 31 9 1 | description 4 23 45 2 | logo 4 0 25 9 | title 4 10 64 11", "plain_layout_seq": "button 9 31 9 1 | description 4 23 45 2 | logo 4 0 25 9 | title 4 10 64 11", "canvas_width": 1024, "canvas_height": 301, "elements": [ { "type": "logo", "position": [ 40, 0, 216, 82 ], "completed": false }, { "type": "title", "position": [ 40, 89, 547, 96 ], "completed": false }, { "type": "description", "position": [ 40, 201, 390, 22 ], "completed": false }, { "type": "button", "position": [ 80, 270, 83, 16 ], "completed": false } ] }, { "text": "#A page for introducing one-time rentals to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2084", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 23 19 5 | description 32 18 54 2 | title 32 11 54 4", "layout_seq_without_completion": "button 50 23 19 5 | description 32 18 54 2 | title 32 11 54 4", "plain_layout_seq": "button 50 23 19 5 | description 32 18 54 2 | title 32 11 54 4", "canvas_width": 1003, "canvas_height": 338, "elements": [ { "type": "title", "position": [ 275, 95, 454, 36 ], "completed": false }, { "type": "description", "position": [ 275, 151, 454, 22 ], "completed": false }, { "type": "button", "position": [ 421, 198, 161, 44 ], "completed": false } ] }, { "text": "#A page for introducing the build-in stock content.# The page should have a title and a short description of the content, and a related image.", "region_id": "2829", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 12 55 22 | image 0 1 59 43 | title 61 1 46 9", "layout_seq_without_completion": "description 61 12 55 22 | image 0 1 59 43 | title 61 1 46 9", "plain_layout_seq": "description 61 12 55 22 | image 0 1 59 43 | title 61 1 46 9", "canvas_width": 1013, "canvas_height": 390, "elements": [ { "type": "image", "position": [ 0, 10, 505, 366 ], "completed": false }, { "type": "title", "position": [ 518, 14, 389, 77 ], "completed": false }, { "type": "description", "position": [ 518, 109, 467, 188 ], "completed": false } ] }, { "text": "#A page for showing the web SIMPLE AND EASY.#The page should have a title and an input box, which is for users to import the website. Also, there is a button \"moneytize!\".", "region_id": "4709", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input [attr:value 'https://yourdomain.com'] ] [el:button [attr:value 'moneytize!'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 79 15 14 7 | input 26 15 52 7 | title 18 5 82 6", "layout_seq_without_completion": "button 79 15 14 7 | input 26 15 52 7 | title 18 5 82 6", "plain_layout_seq": "button 79 15 14 7 | input 26 15 52 7 | title 18 5 82 6", "canvas_width": 1024, "canvas_height": 245, "elements": [ { "type": "title", "position": [ 162, 50, 700, 55 ], "completed": false }, { "type": "input", "position": [ 227, 135, 450, 60 ], "completed": false }, { "type": "button", "position": [ 677, 135, 120, 60 ], "completed": false } ] }, { "text": "#A page for introducing cars, Kubernetes, and Consul to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1372", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value 'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 4 32 3 3 | description 4 12 66 7 | complete image 47 0 71 41 | title 4 5 55 5", "layout_seq_without_completion": "button 4 32 3 3 | description 4 12 66 7 | image 47 0 71 41 | title 4 5 55 5", "plain_layout_seq": "button 4 32 3 3 | description 4 12 66 7 | image 47 0 71 41 | title 4 5 55 5", "canvas_width": 864, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 345, 0, 518, 300 ], "completed": true }, { "type": "title", "position": [ 32, 40, 402, 37 ], "completed": false }, { "type": "description", "position": [ 32, 93, 480, 52 ], "completed": false }, { "type": "button", "position": [ 32, 236, 24, 24 ], "completed": false } ] }, { "text": "#A page to introduce the movie to the readers.# On the left of the page, a number of \"6\" is involved, next to which the poster picture of the movie is set. And on the right of the picture, the information of the movie's name, genre and score of four-star are set vertically.", "region_id": "4305", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value '6'] [attr:position 'left'] ] [el:image] [el:title] [el:text] [el:icon [attr:value 'star'] [attr:repeat '4']] ]", "execution": "singleinfo : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | text left undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 6 1 5 7 | text 1 3 3 3 | complete text 22 7 0 1 | text 13 4 104 2 | title 13 1 104 2", "layout_seq_without_completion": "image 6 1 5 7 | text 1 3 3 3 | text 22 7 0 1 | text 13 4 104 2 | title 13 1 104 2", "plain_layout_seq": "image 6 1 5 7 | text 1 3 3 3 | text 22 7 0 1 | text 13 4 104 2 | title 13 1 104 2", "canvas_width": 950, "canvas_height": 89, "elements": [ { "type": "image", "position": [ 55, 12, 45, 59 ], "completed": false }, { "type": "title", "position": [ 110, 13, 825, 21 ], "completed": false }, { "type": "text", "position": [ 15, 30, 25, 25 ], "completed": false }, { "type": "text", "position": [ 110, 37, 825, 20 ], "completed": false }, { "type": "text", "position": [ 182, 62, 7, 14 ], "completed": true } ] }, { "text": "# A page to introduce a company Lyra. # The page should have a slogan, and a text box to have a brief introduction to the company. And there should be a text button, so the user can click it to request a demo.", "region_id": "1648", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 28 18 6 | description 4 18 110 2 | title 4 0 110 14", "layout_seq_without_completion": "button 50 28 18 6 | description 4 18 110 2 | title 4 0 110 14", "plain_layout_seq": "button 50 28 18 6 | description 4 18 110 2 | title 4 0 110 14", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 40, 0, 944, 120 ], "completed": false }, { "type": "description", "position": [ 40, 160, 944, 21 ], "completed": false }, { "type": "button", "position": [ 432, 246, 160, 54 ], "completed": false } ] }, { "text": "#A page for introducing the video card benchmarks.# The page should have a title, an introduction to the numbers of benchmarked video cards, and a background image.", "region_id": "2645", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 26 | description 5 14 107 2 | title 5 7 107 6", "layout_seq_without_completion": "background 0 0 120 26 | description 5 14 107 2 | title 5 7 107 6", "plain_layout_seq": "background 0 0 120 26 | description 5 14 107 2 | title 5 7 107 6", "canvas_width": 1024, "canvas_height": 230, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 230 ], "completed": false }, { "type": "title", "position": [ 47, 65, 920, 52 ], "completed": false }, { "type": "description", "position": [ 47, 125, 920, 24 ], "completed": false } ] }, { "text": "#A page marketing APUS System.# There should be an attractive slogan and an explanation. There is also a button to jump to the Google App Store. A link has to be in place for finding out more.", "region_id": "695", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'google app store'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 20 24 7 | description 0 10 119 9 | complete icon 52 30 14 2 | link 52 30 11 2 | title 0 0 119 10", "layout_seq_without_completion": "button 47 20 24 7 | description 0 10 119 9 | icon 52 30 14 2 | link 52 30 11 2 | title 0 0 119 10", "plain_layout_seq": "button 47 20 24 7 | description 0 10 119 9 | icon 52 30 14 2 | link 52 30 11 2 | title 0 0 119 10", "canvas_width": 820, "canvas_height": 229, "elements": [ { "type": "title", "position": [ 0, 0, 819, 69 ], "completed": false }, { "type": "description", "position": [ 0, 69, 819, 68 ], "completed": false }, { "type": "button", "position": [ 326, 137, 168, 50 ], "completed": false }, { "type": "icon", "position": [ 362, 211, 96, 17 ], "completed": true }, { "type": "link", "position": [ 362, 211, 81, 17 ], "completed": false } ] }, { "text": "#A page marketing APUS System.# There should be an attractive slogan. There is also a link to jump to the Google App Store. A button has to be in place for finding out more.", "region_id": "695_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'jump to google app store'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 30 14 2 | complete description 0 10 119 9 | link 47 20 24 7 | complete text 52 30 11 2 | title 0 0 119 10", "layout_seq_without_completion": "button 52 30 14 2 | description 0 10 119 9 | link 47 20 24 7 | text 52 30 11 2 | title 0 0 119 10", "plain_layout_seq": "button 52 30 14 2 | description 0 10 119 9 | link 47 20 24 7 | text 52 30 11 2 | title 0 0 119 10", "canvas_width": 820, "canvas_height": 229, "elements": [ { "type": "title", "position": [ 0, 0, 819, 69 ], "completed": false }, { "type": "description", "position": [ 0, 69, 819, 68 ], "completed": true }, { "type": "link", "position": [ 326, 137, 168, 50 ], "completed": false }, { "type": "button", "position": [ 362, 211, 96, 17 ], "completed": false }, { "type": "text", "position": [ 362, 211, 81, 17 ], "completed": true } ] }, { "text": "#A page for sending ads to clients by email.# There should be a tempting tagline, a mailbox input box, and a notify button.", "region_id": "1931", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input] [el:button [attr:value'notify'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 9 2 101 16 | \" [ complete image 11 7 6 6 | complete text 22 10 26 5 | title 22 4 26 6 ] | [ button 88 7 13 5 | input 48 7 38 5 | complete text 49 6 8 1 ] \"", "layout_seq_without_completion": "background 9 2 101 16 | \" [ image 11 7 6 6 | text 22 10 26 5 | title 22 4 26 6 ] | [ button 88 7 13 5 | input 48 7 38 5 | text 49 6 8 1 ] \"", "plain_layout_seq": "background 9 2 101 16 | button 88 7 13 5 | image 11 7 6 6 | input 48 7 38 5 | text 22 10 26 5 | text 49 6 8 1 | title 22 4 26 6", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "background", "position": [ 80, 20, 864, 142 ], "completed": true }, { "type": "title", "position": [ 189, 41, 223, 52 ], "completed": false }, { "type": "text", "position": [ 420, 59, 72, 16 ], "completed": true }, { "type": "image", "position": [ 101, 61, 56, 56 ], "completed": true }, { "type": "input", "position": [ 412, 67, 328, 48 ], "completed": false }, { "type": "button", "position": [ 756, 67, 117, 48 ], "completed": false }, { "type": "text", "position": [ 189, 93, 223, 48 ], "completed": true } ] }, { "text": "# A page for marketing the shop Artistry Apothecary, # On the page, there should have a background image, a slogan, and a further introduction to the shop to attract the customer.", "region_id": "6567", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 55 | description 19 29 80 16 | title 6 9 107 18", "layout_seq_without_completion": "background 0 0 120 55 | description 19 29 80 16 | title 6 9 107 18", "plain_layout_seq": "background 0 0 120 55 | description 19 29 80 16 | title 6 9 107 18", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 55, 85, 914, 159 ], "completed": false }, { "type": "description", "position": [ 169, 251, 686, 138 ], "completed": false } ] }, { "text": "#A page for advertising one store for users to find the perfect gift.# There is one image including one title \"Find the Perfect Gift\" and one slogan.", "region_id": "8283", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'find the perfect gift'] ] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 6 120 55 | text 19 33 80 6 | title 6 27 107 5", "layout_seq_without_completion": "background 0 6 120 55 | text 19 33 80 6 | title 6 27 107 5", "plain_layout_seq": "background 0 6 120 55 | text 19 33 80 6 | title 6 27 107 5", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 475 ], "completed": true }, { "type": "title", "position": [ 55, 237, 914, 45 ], "completed": false }, { "type": "text", "position": [ 169, 289, 686, 57 ], "completed": false } ] }, { "text": "# A page to give a brief introduction of this article.# The title of the article is involved on the top. Under this, a description of the article is set next to a related picture. And on both sides of this page, two paginations are placed.", "region_id": "6077", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description] [el:image] [el:pagination ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | pagination undefined undefined | title top undefined", "layout_seq_with_completion": "description 7 8 105 22 | image 90 8 22 29 | title 7 2 100 5", "layout_seq_without_completion": "description 7 8 105 22 | image 90 8 22 29 | title 7 2 100 5", "plain_layout_seq": "description 7 8 105 22 | image 90 8 22 29 | title 7 2 100 5", "canvas_width": 888, "canvas_height": 287, "elements": [ { "type": "title", "position": [ 54, 19, 740, 39 ], "completed": false }, { "type": "description", "position": [ 54, 61, 781, 164 ], "completed": false }, { "type": "image", "position": [ 671, 61, 164, 219 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Promasidor\" to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2037", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | button 6 40 17 5 | title 6 20 58 18", "layout_seq_without_completion": "background 0 0 120 67 | button 6 40 17 5 | title 6 20 58 18", "plain_layout_seq": "background 0 0 120 67 | button 6 40 17 5 | title 6 20 58 18", "canvas_width": 1054, "canvas_height": 592, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 592 ], "completed": true }, { "type": "title", "position": [ 57, 182, 518, 160 ], "completed": false }, { "type": "button", "position": [ 57, 358, 158, 50 ], "completed": false } ] }, { "text": "# A page to introduce Blogger. # On the page, there should be a logo, a title, and a brief introduction.", "region_id": "2742", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | complete image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 229, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "logo", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 141, 141, 48 ], "completed": false } ] }, { "text": "#A page for introducing one software.# There should be four text boxes, one for the slogan, one for the title, and the remaining for the detailed descriptions.", "region_id": "918", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:description [attr:repeat'2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 19 45 5 | description 1 31 34 8 | title 1 8 18 2 | title 1 12 61 5", "layout_seq_without_completion": "description 1 19 45 5 | description 1 31 34 8 | title 1 8 18 2 | title 1 12 61 5", "plain_layout_seq": "description 1 19 45 5 | description 1 31 34 8 | title 1 8 18 2 | title 1 12 61 5", "canvas_width": 956, "canvas_height": 314, "elements": [ { "type": "title", "position": [ 12, 71, 148, 16 ], "completed": false }, { "type": "title", "position": [ 12, 99, 488, 42 ], "completed": false }, { "type": "description", "position": [ 12, 159, 366, 44 ], "completed": false }, { "type": "description", "position": [ 12, 247, 275, 65 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There must be a title, which is a management report. A button should also be in place for learning more. It has a background image.", "region_id": "1986", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 33 | button 90 24 18 6 | complete title 50 4 60 3 | title 50 9 60 4 | complete title 50 15 60 4", "layout_seq_without_completion": "background 0 0 120 33 | button 90 24 18 6 | title 50 4 60 3 | title 50 9 60 4 | title 50 15 60 4", "plain_layout_seq": "background 0 0 120 33 | button 90 24 18 6 | title 50 4 60 3 | title 50 9 60 4 | title 50 15 60 4", "canvas_width": 1024, "canvas_height": 283, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 283 ], "completed": false }, { "type": "title", "position": [ 427, 35, 512, 31 ], "completed": true }, { "type": "title", "position": [ 427, 81, 512, 38 ], "completed": false }, { "type": "title", "position": [ 427, 134, 512, 39 ], "completed": true }, { "type": "button", "position": [ 776, 208, 162, 56 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There must be three text boxes showing the title, which is a management report. A link should also be in place for learning more.", "region_id": "1986_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'3'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 33 | link 90 24 18 6 | title 50 4 60 3 | title 50 9 60 4 | title 50 15 60 4", "layout_seq_without_completion": "background 0 0 120 33 | link 90 24 18 6 | title 50 4 60 3 | title 50 9 60 4 | title 50 15 60 4", "plain_layout_seq": "background 0 0 120 33 | link 90 24 18 6 | title 50 4 60 3 | title 50 9 60 4 | title 50 15 60 4", "canvas_width": 1024, "canvas_height": 283, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 283 ], "completed": true }, { "type": "title", "position": [ 427, 35, 512, 31 ], "completed": false }, { "type": "title", "position": [ 427, 81, 512, 38 ], "completed": false }, { "type": "title", "position": [ 427, 134, 512, 39 ], "completed": false }, { "type": "link", "position": [ 776, 208, 162, 56 ], "completed": false } ] }, { "text": "#A page of information about subscribe email.# There is one title, one slogan, one input, and one \"SUBSCRIBE\" button.", "region_id": "8398", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:input] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 69 24 11 2 | input 36 22 30 5 | title 4 16 110 2 | title 4 8 110 4", "layout_seq_without_completion": "button 69 24 11 2 | input 36 22 30 5 | title 4 16 110 2 | title 4 8 110 4", "plain_layout_seq": "button 69 24 11 2 | input 36 22 30 5 | title 4 16 110 2 | title 4 8 110 4", "canvas_width": 1024, "canvas_height": 314, "elements": [ { "type": "title", "position": [ 40, 74, 944, 37 ], "completed": false }, { "type": "title", "position": [ 40, 140, 944, 25 ], "completed": false }, { "type": "input", "position": [ 312, 196, 263, 44 ], "completed": false }, { "type": "button", "position": [ 596, 208, 95, 20 ], "completed": false } ] }, { "text": "#A page for users to search.# The page should have an input and a button for users to enter the things they need and search.", "region_id": "2806", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input [attr:value 'search anythings']] [el:button ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined", "layout_seq_with_completion": "button 78 4 6 5 | complete image 32 0 56 14 | input 36 4 42 5", "layout_seq_without_completion": "button 78 4 6 5 | image 32 0 56 14 | input 36 4 42 5", "plain_layout_seq": "button 78 4 6 5 | image 32 0 56 14 | input 36 4 42 5", "canvas_width": 970, "canvas_height": 119, "elements": [ { "type": "image", "position": [ 259, 0, 455, 114 ], "completed": true }, { "type": "input", "position": [ 294, 38, 342, 46 ], "completed": false }, { "type": "button", "position": [ 635, 38, 51, 46 ], "completed": false } ] }, { "text": "#A page introducing the commitment to investor relations of a company. # The page should have a big image, one title, and one introduction of the commitment. In addition, a button is needed for users to click to view more.", "region_id": "2306", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large']] [el:title] [el:description] [el:button [attr:value'view more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 3 84 112 4 | description 3 75 112 6 | image 0 0 120 67 | title 3 71 112 3", "layout_seq_without_completion": "button 3 84 112 4 | description 3 75 112 6 | image 0 0 120 67 | title 3 71 112 3", "plain_layout_seq": "button 3 84 112 4 | description 3 75 112 6 | image 0 0 120 67 | title 3 71 112 3", "canvas_width": 1003, "canvas_height": 773, "elements": [ { "type": "image", "position": [ 0, 0, 1003, 564 ], "completed": false }, { "type": "title", "position": [ 32, 596, 939, 28 ], "completed": false }, { "type": "description", "position": [ 32, 632, 939, 51 ], "completed": false }, { "type": "button", "position": [ 32, 707, 939, 34 ], "completed": false } ] }, { "text": "#A page introducing a talk of a vice president. # The page should have an image and two text boxes to show the photo, name, and the specific talk of the vice president.", "region_id": "573", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 43 48 71 2 | image 5 12 26 26 | title 42 15 70 28", "layout_seq_without_completion": "description 43 48 71 2 | image 5 12 26 26 | title 42 15 70 28", "plain_layout_seq": "description 43 48 71 2 | image 5 12 26 26 | title 42 15 70 28", "canvas_width": 1024, "canvas_height": 557, "elements": [ { "type": "image", "position": [ 50, 110, 230, 230 ], "completed": false }, { "type": "title", "position": [ 363, 134, 602, 240 ], "completed": false }, { "type": "description", "position": [ 368, 414, 606, 23 ], "completed": false } ] }, { "text": "#This page is for users to enter their email addresses.#In addition to a brief description, this page also has an Email address input box and a subscribe button.", "region_id": "7402", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined", "layout_seq_with_completion": "button 73 7 11 2 | description 33 0 53 2 | input 33 6 37 5", "layout_seq_without_completion": "button 73 7 11 2 | description 33 0 53 2 | input 33 6 37 5", "plain_layout_seq": "button 73 7 11 2 | description 33 0 53 2 | input 33 6 37 5", "canvas_width": 1024, "canvas_height": 143, "elements": [ { "type": "description", "position": [ 284, 0, 457, 24 ], "completed": false }, { "type": "input", "position": [ 284, 53, 322, 46 ], "completed": false }, { "type": "button", "position": [ 625, 65, 97, 22 ], "completed": false } ] }, { "text": "# A page to download the Monzo app. # On the page, there should be an image of the app, and two text boxes to attract the user to download the app. Then two text buttons are needed for the user to download the app from Apple Store and Google Play.", "region_id": "325", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:repeat '2'] ] [el:button [attr:value'download from apple store'] ] [el:button [attr:value'download from google play'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 39 23 19 5 | button 60 23 19 5 | text 7 14 104 6 | text 7 7 104 4", "layout_seq_without_completion": "button 39 23 19 5 | button 60 23 19 5 | text 7 14 104 6 | text 7 7 104 4", "plain_layout_seq": "button 39 23 19 5 | button 60 23 19 5 | text 7 14 104 6 | text 7 7 104 4", "canvas_width": 1003, "canvas_height": 310, "elements": [ { "type": "text", "position": [ 64, 64, 875, 37 ], "completed": false }, { "type": "text", "position": [ 64, 125, 875, 56 ], "completed": false }, { "type": "button", "position": [ 332, 197, 165, 49 ], "completed": false }, { "type": "button", "position": [ 506, 197, 165, 49 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have an image of a cute robot, a slogan and a short introduction of the pros of the company to entice users to its service, and two buttons for users to click to request a demo and start a free trial.", "region_id": "1073", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] [el:button [attr:value'start a free trial'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | image 55 12 8 8 | complete image 52 63 15 2 | title 10 24 98 12", "layout_seq_without_completion": "background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | image 55 12 8 8 | image 52 63 15 2 | title 10 24 98 12", "plain_layout_seq": "background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | image 55 12 8 8 | image 52 63 15 2 | title 10 24 98 12", "canvas_width": 1024, "canvas_height": 629, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 629 ], "completed": true }, { "type": "image", "position": [ 477, 110, 70, 70 ], "completed": false }, { "type": "title", "position": [ 92, 212, 840, 104 ], "completed": false }, { "type": "description", "position": [ 272, 332, 480, 81 ], "completed": false }, { "type": "button", "position": [ 346, 453, 164, 44 ], "completed": false }, { "type": "button", "position": [ 526, 453, 152, 44 ], "completed": false }, { "type": "image", "position": [ 447, 541, 130, 20 ], "completed": true } ] }, { "text": "#A page introducing a company. # The page should have an image of a cute robot, a slogan and a short introduction of the pros of the company to entice users to its service, and two buttons for users to click to request a demo and start a free trial. Below is one icon.", "region_id": "1073_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] [el:button [attr:value'start a free trial'] ] [el:icon [attr:position'bottom'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | icon bottom undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | icon 52 63 15 2 | image 55 12 8 8 | title 10 24 98 12", "layout_seq_without_completion": "background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | icon 52 63 15 2 | image 55 12 8 8 | title 10 24 98 12", "plain_layout_seq": "background 0 0 120 73 | button 40 53 19 5 | button 61 53 17 5 | description 31 38 56 9 | icon 52 63 15 2 | image 55 12 8 8 | title 10 24 98 12", "canvas_width": 1024, "canvas_height": 629, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 629 ], "completed": true }, { "type": "image", "position": [ 477, 110, 70, 70 ], "completed": false }, { "type": "title", "position": [ 92, 212, 840, 104 ], "completed": false }, { "type": "description", "position": [ 272, 332, 480, 81 ], "completed": false }, { "type": "button", "position": [ 346, 453, 164, 44 ], "completed": false }, { "type": "button", "position": [ 526, 453, 152, 44 ], "completed": false }, { "type": "icon", "position": [ 447, 541, 130, 20 ], "completed": false } ] }, { "text": "#A page for introducing a storage savings calculator to users.# The page should include an image on the left, one title, and a brief description on the right side. Besides, a button is needed for users to click for further information.", "region_id": "546", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title undefined undefined", "layout_seq_with_completion": "button 61 29 14 3 | description 61 16 55 8 | image 5 4 52 32 | title 61 9 29 3", "layout_seq_without_completion": "button 61 29 14 3 | description 61 16 55 8 | image 5 4 52 32 | title 61 9 29 3", "plain_layout_seq": "button 61 29 14 3 | description 61 16 55 8 | image 5 4 52 32 | title 61 9 29 3", "canvas_width": 1003, "canvas_height": 452, "elements": [ { "type": "image", "position": [ 46, 40, 435, 272 ], "completed": false }, { "type": "title", "position": [ 516, 80, 244, 29 ], "completed": false }, { "type": "description", "position": [ 516, 139, 460, 75 ], "completed": false }, { "type": "button", "position": [ 516, 243, 125, 29 ], "completed": false } ] }, { "text": "#A page introducing the process of how to sell. # The page should include one title, one text box showing the number, and one big image to introduce the specific process of how to sell goods.", "region_id": "253", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : image undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 10 11 109 76 | text 0 0 8 7 | title 9 3 27 4", "layout_seq_without_completion": "image 10 11 109 76 | text 0 0 8 7 | title 9 3 27 4", "plain_layout_seq": "image 10 11 109 76 | text 0 0 8 7 | title 9 3 27 4", "canvas_width": 812, "canvas_height": 661, "elements": [ { "type": "text", "position": [ 0, 0, 56, 50 ], "completed": false }, { "type": "title", "position": [ 65, 22, 185, 28 ], "completed": false }, { "type": "image", "position": [ 71, 80, 741, 521 ], "completed": false } ] }, { "text": "#A page showing a message from M.E.# There should be a text box showing the content of the message. There should be another two textboxes for the names. Users should be able to switch the pages by clicking the buttons below the textboxes.", "region_id": "1572", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:text [attr:repeat '2'] ] [el:pagination [attr:position'bottom'] ] ]", "execution": "singleinfo : description undefined undefined | pagination bottom undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 7 7 102 7 | text 4 18 111 2 | text 4 16 111 2 | \" [ complete icon 47 23 1 1 ] | [ complete icon 50 23 1 1 ] | [ complete icon 53 23 1 1 ] | [ complete icon 56 23 1 1 ] | [ complete icon 58 23 1 1 ] | [ complete icon 61 23 1 1 ] | [ complete icon 64 23 1 1 ] | [ complete icon 67 23 1 1 ] | [ complete icon 70 23 1 1 ] | [ complete icon 72 23 1 1 ] \"", "layout_seq_without_completion": "description 7 7 102 7 | text 4 18 111 2 | text 4 16 111 2 | \" [ icon 47 23 1 1 ] | [ icon 50 23 1 1 ] | [ icon 53 23 1 1 ] | [ icon 56 23 1 1 ] | [ icon 58 23 1 1 ] | [ icon 61 23 1 1 ] | [ icon 64 23 1 1 ] | [ icon 67 23 1 1 ] | [ icon 70 23 1 1 ] | [ icon 72 23 1 1 ] \"", "plain_layout_seq": "description 7 7 102 7 | icon 47 23 1 1 | icon 50 23 1 1 | icon 53 23 1 1 | icon 56 23 1 1 | icon 58 23 1 1 | icon 61 23 1 1 | icon 64 23 1 1 | icon 67 23 1 1 | icon 70 23 1 1 | icon 72 23 1 1 | text 4 18 111 2 | text 4 16 111 2", "canvas_width": 1024, "canvas_height": 279, "elements": [ { "type": "description", "position": [ 65, 60, 873, 65 ], "completed": false }, { "type": "text", "position": [ 40, 140, 948, 24 ], "completed": false }, { "type": "text", "position": [ 40, 159, 948, 24 ], "completed": false }, { "type": "icon", "position": [ 406, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 430, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 454, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 478, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 502, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 526, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 550, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 574, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 598, 198, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 622, 198, 10, 10 ], "completed": true } ] }, { "text": "# A page for marketing an app.# The page should have the title \"Earn from Home\", a further description, and an buttonfor the user to download on Google Play.", "region_id": "4101", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'earn from home'] ] [el:description] [el:button [attr:value 'Google Play']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 31 23 7 | description 0 19 49 9 | title 0 11 28 7", "layout_seq_without_completion": "button 0 31 23 7 | description 0 19 49 9 | title 0 11 28 7", "plain_layout_seq": "button 0 31 23 7 | description 0 19 49 9 | title 0 11 28 7", "canvas_width": 972, "canvas_height": 620, "elements": [ { "type": "title", "position": [ 0, 96, 234, 60 ], "completed": false }, { "type": "description", "position": [ 0, 156, 400, 80 ], "completed": false }, { "type": "button", "position": [ 0, 256, 192, 57 ], "completed": false } ] }, { "text": "#A page including a piece of information.# The page should contain two texts, the first text including a link and the second text containing a Ray ID.", "region_id": "6192", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link] [el:text[attr:repeat'3']] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "link 64 0 10 2 | text 44 0 20 2 | text 54 4 19 2 | text 46 4 7 2", "layout_seq_without_completion": "link 64 0 10 2 | text 44 0 20 2 | text 54 4 19 2 | text 46 4 7 2", "plain_layout_seq": "link 64 0 10 2 | text 44 0 20 2 | text 54 4 19 2 | text 46 4 7 2", "canvas_width": 965, "canvas_height": 57, "elements": [ { "type": "text", "position": [ 361, 2, 161, 19 ], "completed": false }, { "type": "link", "position": [ 522, 2, 82, 19 ], "completed": false }, { "type": "text", "position": [ 374, 34, 63, 19 ], "completed": false }, { "type": "text", "position": [ 437, 36, 154, 18 ], "completed": false } ] }, { "text": "#A page for introducing an article about the Chicago-based creative agency to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. It's better to have a picture on the right side.", "region_id": "881", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 9 44 35 5 | description 9 29 50 11 | image 69 15 50 28 | title 9 9 50 18", "layout_seq_without_completion": "button 9 44 35 5 | description 9 29 50 11 | image 69 15 50 28 | title 9 9 50 18", "plain_layout_seq": "button 9 44 35 5 | description 9 29 50 11 | image 69 15 50 28 | title 9 9 50 18", "canvas_width": 1024, "canvas_height": 509, "elements": [ { "type": "title", "position": [ 80, 80, 432, 162 ], "completed": false }, { "type": "image", "position": [ 592, 133, 432, 243 ], "completed": false }, { "type": "description", "position": [ 80, 250, 432, 96 ], "completed": false }, { "type": "button", "position": [ 80, 378, 299, 51 ], "completed": false } ] }, { "text": "#A page for providing consultation to users.# There should be one title \"Speed and simplify your intelligent transformation journey\", one text box showing the contact way, and one button for users to book a consultation.", "region_id": "130", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'speed and simplify your intelligent transformation journey'] ] [el:text] [el:button [attr:value'book a consultation'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "layout_seq_without_completion": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "plain_layout_seq": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "canvas_width": 1024, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 32, 41, 830, 87 ], "completed": false }, { "type": "button", "position": [ 32, 186, 370, 48 ], "completed": false }, { "type": "text", "position": [ 421, 201, 201, 17 ], "completed": false } ] }, { "text": "#A page for providing consultation to users.# There should be one text box showing the title, one text box showing the contact way, and one text button for users to book a consultation.", "region_id": "130_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value'book a consultation'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "layout_seq_without_completion": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "plain_layout_seq": "button 3 21 43 5 | text 49 23 23 1 | title 3 4 97 10", "canvas_width": 1024, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 32, 41, 830, 87 ], "completed": false }, { "type": "button", "position": [ 32, 186, 370, 48 ], "completed": false }, { "type": "text", "position": [ 421, 201, 201, 17 ], "completed": false } ] }, { "text": "#A page for introducing a video to users.# The page should include one title \"Locally Great, Nationally Strong\". A button is needed for users to click to play the video. The Fiscal Year is 2021 under the button.", "region_id": "630", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Locally great, Nationally strong'] ] [el:button [attr:value'Play video'] ] [el:text [attr:value'Fiscal Year 2021']] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 16 17 4 | text 57 24 5 2 | title 24 5 71 6", "layout_seq_without_completion": "button 51 16 17 4 | text 57 24 5 2 | title 24 5 71 6", "plain_layout_seq": "button 51 16 17 4 | text 57 24 5 2 | title 24 5 71 6", "canvas_width": 1003, "canvas_height": 293, "elements": [ { "type": "title", "position": [ 201, 50, 601, 57 ], "completed": false }, { "type": "button", "position": [ 430, 139, 143, 41 ], "completed": false }, { "type": "text", "position": [ 478, 204, 47, 17 ], "completed": false } ] }, { "text": "#A page for introducing the grove collaborative standard to users.# The page should include an image on the left, one title, and a brief description of the standard on the right side. Besides, a button is needed for users to click for further information.", "region_id": "1349", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title undefined undefined", "layout_seq_with_completion": "button 65 35 28 7 | description 65 13 44 17 | image 4 5 55 41 | title 65 9 44 2", "layout_seq_without_completion": "button 65 35 28 7 | description 65 13 44 17 | image 4 5 55 41 | title 65 9 44 2", "plain_layout_seq": "button 65 35 28 7 | description 65 13 44 17 | image 4 5 55 41 | title 65 9 44 2", "canvas_width": 1024, "canvas_height": 405, "elements": [ { "type": "image", "position": [ 36, 48, 476, 357 ], "completed": false }, { "type": "title", "position": [ 560, 84, 380, 20 ], "completed": false }, { "type": "description", "position": [ 560, 112, 380, 153 ], "completed": false }, { "type": "button", "position": [ 560, 305, 243, 64 ], "completed": false } ] }, { "text": "#A page marketing a company.# There needs to be a title labeled \"Who We Are\". Also, two explanations should be included for an introduction. It is better to have a button for more info.", "region_id": "2022", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'who we are'] ] [el:description [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 43 20 5 | description 73 33 37 6 | description 73 23 37 7 | title 73 13 37 4", "layout_seq_without_completion": "button 73 43 20 5 | description 73 33 37 6 | description 73 23 37 7 | title 73 13 37 4", "plain_layout_seq": "button 73 43 20 5 | description 73 33 37 6 | description 73 23 37 7 | title 73 13 37 4", "canvas_width": 1024, "canvas_height": 551, "elements": [ { "type": "title", "position": [ 626, 119, 320, 40 ], "completed": false }, { "type": "description", "position": [ 626, 203, 320, 68 ], "completed": false }, { "type": "description", "position": [ 626, 290, 320, 53 ], "completed": false }, { "type": "button", "position": [ 626, 367, 171, 46 ], "completed": false } ] }, { "text": "#A page for introducing the commitment.# The page should have 3 texts to show the type, title, and short description of the commitment.", "region_id": "7444", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 11 26 35 26 | complete image 7 7 44 50 | text 11 11 35 2 | title 11 14 35 9", "layout_seq_without_completion": "description 11 26 35 26 | image 7 7 44 50 | text 11 11 35 2 | title 11 14 35 9", "plain_layout_seq": "description 11 26 35 26 | image 7 7 44 50 | text 11 11 35 2 | title 11 14 35 9", "canvas_width": 1028, "canvas_height": 750, "elements": [ { "type": "image", "position": [ 60, 60, 380, 431 ], "completed": true }, { "type": "text", "position": [ 100, 100, 300, 21 ], "completed": false }, { "type": "title", "position": [ 100, 128, 300, 85 ], "completed": false }, { "type": "description", "position": [ 100, 225, 300, 225 ], "completed": false } ] }, { "text": "#A page for guiding users to learn more about products.# The page has a picture, a title named \"Harness For Everyone\", a description, and a button named \"View Products\".", "region_id": "8751", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'harness for everyone'] ] [el:description] [el:button [attr:value 'view products'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 63 43 14 3 | description 63 33 52 8 | image 0 5 60 60 | title 63 22 52 10", "layout_seq_without_completion": "button 63 43 14 3 | description 63 33 52 8 | image 0 5 60 60 | title 63 22 52 10", "plain_layout_seq": "button 63 43 14 3 | description 63 33 52 8 | image 0 5 60 60 | title 63 22 52 10", "canvas_width": 1024, "canvas_height": 562, "elements": [ { "type": "image", "position": [ 0, 50, 512, 512 ], "completed": false }, { "type": "title", "position": [ 542, 196, 452, 88 ], "completed": false }, { "type": "description", "position": [ 542, 282, 452, 69 ], "completed": false }, { "type": "button", "position": [ 542, 373, 120, 34 ], "completed": false } ] }, { "text": "#A page that contains a link to the website of the United States government.# The page should include the flag of the United States, a text, and a link.", "region_id": "3399", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:text] [el:link] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete icon 58 0 1 1 | link 44 0 13 1 | logo 9 0 1 1 | text 11 0 31 1", "layout_seq_without_completion": "icon 58 0 1 1 | link 44 0 13 1 | logo 9 0 1 1 | text 11 0 31 1", "plain_layout_seq": "icon 58 0 1 1 | link 44 0 13 1 | logo 9 0 1 1 | text 11 0 31 1", "canvas_width": 1024, "canvas_height": 21, "elements": [ { "type": "link", "position": [ 380, 2, 116, 16 ], "completed": false }, { "type": "text", "position": [ 102, 3, 273, 14 ], "completed": false }, { "type": "logo", "position": [ 82, 5, 15, 10 ], "completed": false }, { "type": "icon", "position": [ 498, 5, 12, 12 ], "completed": true } ] }, { "text": "#A page showing the 2021 annual report for JPMorgan Chase & Co.# There should be a title with its link directing the user to learn more info. One background image and two buttons should be added so that users can switch pages by tapping on them.", "region_id": "1539", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'read more'] ] [el:background_image] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 52 | button 67 58 11 2 | button 40 58 12 2 | complete image 21 2 35 52 | link 28 34 21 5 | title 28 8 21 20 | \" [ complete button 53 59 0 0 ] | [ complete button 55 59 0 0 ] | [ complete button 57 59 0 0 ] | [ complete button 59 59 0 0 ] | [ complete button 61 59 0 0 ] | [ complete button 63 59 0 0 ] | [ complete button 66 59 0 0 ] \"", "layout_seq_without_completion": "background 0 0 120 52 | button 67 58 11 2 | button 40 58 12 2 | image 21 2 35 52 | link 28 34 21 5 | title 28 8 21 20 | \" [ button 53 59 0 0 ] | [ button 55 59 0 0 ] | [ button 57 59 0 0 ] | [ button 59 59 0 0 ] | [ button 61 59 0 0 ] | [ button 63 59 0 0 ] | [ button 66 59 0 0 ] \"", "plain_layout_seq": "background 0 0 120 52 | button 67 58 11 2 | button 40 58 12 2 | button 53 59 0 0 | button 55 59 0 0 | button 57 59 0 0 | button 59 59 0 0 | button 61 59 0 0 | button 63 59 0 0 | button 66 59 0 0 | image 21 2 35 52 | link 28 34 21 5 | title 28 8 21 20", "canvas_width": 1024, "canvas_height": 520, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 450 ], "completed": false }, { "type": "image", "position": [ 180, 20, 300, 450 ], "completed": true }, { "type": "title", "position": [ 240, 70, 180, 179 ], "completed": false }, { "type": "link", "position": [ 240, 292, 180, 46 ], "completed": false }, { "type": "button", "position": [ 349, 500, 103, 20 ], "completed": false }, { "type": "button", "position": [ 572, 500, 102, 20 ], "completed": false }, { "type": "button", "position": [ 456, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 474, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 492, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 510, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 528, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 546, 506, 8, 8 ], "completed": true }, { "type": "button", "position": [ 564, 506, 8, 8 ], "completed": true } ] }, { "text": "# A page to introduce the company Sanofi. # There should be a big image showing the logo of the company, a slogan, and a text box with a further introduction. Then a text button is needed to explore the company.", "region_id": "2127", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:size'large'] ] [el:title] [el:description] [el:button [attr:value'explore'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | logo undefined large | title undefined undefined", "layout_seq_with_completion": "button 21 83 16 5 | description 21 69 72 10 | logo 21 7 76 51 | title 21 61 72 4", "layout_seq_without_completion": "button 21 83 16 5 | description 21 69 72 10 | logo 21 7 76 51 | title 21 61 72 4", "plain_layout_seq": "button 21 83 16 5 | description 21 69 72 10 | logo 21 7 76 51 | title 21 61 72 4", "canvas_width": 1024, "canvas_height": 815, "elements": [ { "type": "logo", "position": [ 187, 60, 650, 439 ], "completed": false }, { "type": "title", "position": [ 187, 529, 620, 37 ], "completed": false }, { "type": "description", "position": [ 187, 596, 620, 86 ], "completed": false }, { "type": "button", "position": [ 187, 711, 140, 44 ], "completed": false } ] }, { "text": "#A page for DataRobot to introduce the enterprises across the world that rely on it.# The page should have one title and one short introduction to improve public trust and businesses. Some images are needed to show the logos of enterprises across the world that rely on DataRobot.", "region_id": "1075", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:logo [attr:repeat'several'] ] ]", "execution": "singleinfo : description undefined small | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 9 18 101 7 | title 9 11 101 4 | \" [ logo 12 30 9 7 ] | [ logo 63 30 9 7 ] | [ logo 98 31 9 6 ] | [ logo 29 33 9 2 ] | [ logo 46 33 9 2 ] | [ logo 80 33 9 2 ] | [ logo 63 41 9 4 ] | [ logo 98 42 9 2 ] | [ logo 12 43 9 2 ] | [ logo 29 43 9 1 ] | [ logo 46 43 9 2 ] | [ logo 80 43 9 1 ] \"", "layout_seq_without_completion": "description 9 18 101 7 | title 9 11 101 4 | \" [ logo 12 30 9 7 ] | [ logo 63 30 9 7 ] | [ logo 98 31 9 6 ] | [ logo 29 33 9 2 ] | [ logo 46 33 9 2 ] | [ logo 80 33 9 2 ] | [ logo 63 41 9 4 ] | [ logo 98 42 9 2 ] | [ logo 12 43 9 2 ] | [ logo 29 43 9 1 ] | [ logo 46 43 9 2 ] | [ logo 80 43 9 1 ] \"", "plain_layout_seq": "description 9 18 101 7 | logo 12 30 9 7 | logo 63 30 9 7 | logo 98 31 9 6 | logo 29 33 9 2 | logo 46 33 9 2 | logo 80 33 9 2 | logo 63 41 9 4 | logo 98 42 9 2 | logo 12 43 9 2 | logo 29 43 9 1 | logo 46 43 9 2 | logo 80 43 9 1 | title 9 11 101 4", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 80, 96, 864, 42 ], "completed": false }, { "type": "description", "position": [ 80, 154, 864, 68 ], "completed": false }, { "type": "logo", "position": [ 106, 262, 78, 64 ], "completed": false }, { "type": "logo", "position": [ 544, 263, 83, 62 ], "completed": false }, { "type": "logo", "position": [ 837, 267, 83, 55 ], "completed": false }, { "type": "logo", "position": [ 691, 283, 83, 23 ], "completed": false }, { "type": "logo", "position": [ 251, 284, 83, 21 ], "completed": false }, { "type": "logo", "position": [ 397, 284, 83, 21 ], "completed": false }, { "type": "logo", "position": [ 544, 358, 83, 40 ], "completed": false }, { "type": "logo", "position": [ 837, 366, 83, 25 ], "completed": false }, { "type": "logo", "position": [ 397, 367, 83, 23 ], "completed": false }, { "type": "logo", "position": [ 104, 368, 83, 20 ], "completed": false }, { "type": "logo", "position": [ 251, 370, 83, 17 ], "completed": false }, { "type": "logo", "position": [ 691, 371, 83, 13 ], "completed": false } ] }, { "text": "#A page for a new version of GitLab.# There should be a title and a short description telling the client that GitLab has updated its version, and then a button to jump to the specific update.", "region_id": "3", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:value'gitlab has updated its version'] ] [el:button [attr:value'specific update'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 41 18 6 | complete description 0 36 120 3 | description 0 29 120 4 | complete image 49 0 20 15 | title 0 19 120 8", "layout_seq_without_completion": "button 50 41 18 6 | description 0 36 120 3 | description 0 29 120 4 | image 49 0 20 15 | title 0 19 120 8", "plain_layout_seq": "button 50 41 18 6 | description 0 36 120 3 | description 0 29 120 4 | image 49 0 20 15 | title 0 19 120 8", "canvas_width": 939, "canvas_height": 378, "elements": [ { "type": "image", "position": [ 389, 0, 160, 122 ], "completed": true }, { "type": "title", "position": [ 0, 154, 939, 64 ], "completed": false }, { "type": "description", "position": [ 0, 234, 939, 36 ], "completed": false }, { "type": "description", "position": [ 0, 286, 939, 24 ], "completed": true }, { "type": "button", "position": [ 395, 326, 147, 52 ], "completed": false } ] }, { "text": "#A page encouraging users to download the Shortform app.# The page should include the title \"MOBILE APPS\" and an image. There is also a link for users to get more information and two introduction texts. There are also two buttons for users to download the app with different app shops.", "region_id": "6207", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'mobile apps']] [el:image] [el:link [attr:value 'learn more'] ] [el:description [attr:repeat '2'] ] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 41 24 7 | button 31 41 24 7 | description 3 20 56 7 | description 3 29 56 7 | image 75 0 28 61 | \" [ title 3 8 56 2 ] | [ link 3 13 23 3 ] | [ link 27 13 16 2 ] \"", "layout_seq_without_completion": "button 3 41 24 7 | button 31 41 24 7 | description 3 20 56 7 | description 3 29 56 7 | image 75 0 28 61 | \" [ title 3 8 56 2 ] | [ link 3 13 23 3 ] | [ link 27 13 16 2 ] \"", "plain_layout_seq": "button 3 41 24 7 | button 31 41 24 7 | description 3 20 56 7 | description 3 29 56 7 | image 75 0 28 61 | link 3 13 23 3 | link 27 13 16 2 | title 3 8 56 2", "canvas_width": 1024, "canvas_height": 625, "elements": [ { "type": "image", "position": [ 642, 0, 240, 526 ], "completed": false }, { "type": "title", "position": [ 32, 75, 480, 22 ], "completed": false }, { "type": "link", "position": [ 32, 117, 202, 27 ], "completed": false }, { "type": "link", "position": [ 234, 117, 143, 24 ], "completed": false }, { "type": "description", "position": [ 32, 172, 480, 64 ], "completed": false }, { "type": "description", "position": [ 32, 251, 480, 64 ], "completed": false }, { "type": "button", "position": [ 32, 355, 212, 60 ], "completed": false }, { "type": "button", "position": [ 268, 355, 212, 60 ], "completed": false } ] }, { "text": "#A page for introducing covert vinyl.# There is one image including one title \"Covert Vinyl\" and one slogan \"Your Music, Your Story\".", "region_id": "7201", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'covert vinyl'] ] [el:title [attr:value 'your music, your story'] ] ]", "execution": "singleinfo : image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 55 | title 19 30 80 4 | title 6 20 107 9", "layout_seq_without_completion": "image 0 0 120 55 | title 19 30 80 4 | title 6 20 107 9", "plain_layout_seq": "image 0 0 120 55 | title 19 30 80 4 | title 6 20 107 9", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 55, 173, 914, 81 ], "completed": false }, { "type": "title", "position": [ 169, 261, 686, 39 ], "completed": false } ] }, { "text": "# A page for marketing a store Kiosk. # The page should have the title \"Search our store\", a short description to tell the user can call them for finding furniture, and an image. Besides, there should also be a button \"KIOSK\" for the user to click to enter the online store.", "region_id": "8605", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'search our store'] ] [el:description [attr:size 'small'] ] [el:image] [el:button [attr:value 'KIOSK'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 53 83 13 4 | description 4 19 110 2 | image 5 26 108 46 | title 4 10 110 6", "layout_seq_without_completion": "button 53 83 13 4 | description 4 19 110 2 | image 5 26 108 46 | title 4 10 110 6", "plain_layout_seq": "button 53 83 13 4 | description 4 19 110 2 | image 5 26 108 46 | title 4 10 110 6", "canvas_width": 1024, "canvas_height": 805, "elements": [ { "type": "title", "position": [ 42, 86, 940, 53 ], "completed": false }, { "type": "description", "position": [ 42, 164, 940, 19 ], "completed": false }, { "type": "image", "position": [ 49, 227, 926, 400 ], "completed": false }, { "type": "button", "position": [ 454, 714, 117, 42 ], "completed": false } ] }, { "text": "# A page to introduce the service of the RV platform. # There should be a slogan and a text box with a long description of the service.", "region_id": "2073", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'large'] ] ]", "execution": "singleinfo : description undefined large | title undefined undefined", "layout_seq_with_completion": "description 61 0 58 30 | complete title 0 14 58 13 | title 0 0 50 14", "layout_seq_without_completion": "description 61 0 58 30 | title 0 14 58 13 | title 0 0 50 14", "plain_layout_seq": "description 61 0 58 30 | title 0 14 58 13 | title 0 0 50 14", "canvas_width": 912, "canvas_height": 239, "elements": [ { "type": "title", "position": [ 0, 0, 384, 113 ], "completed": false }, { "type": "description", "position": [ 464, 5, 448, 234 ], "completed": false }, { "type": "title", "position": [ 0, 109, 448, 104 ], "completed": true } ] }, { "text": "# A page for introducing a platform. # On the page, there should be a slogan, a text box with a further description, and an image of the platform. Besides, it is necessary to have a text button for the user to click to see the platform.", "region_id": "2059", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] [el:button [attr:value'see the platform'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 25 20 6 | description 8 15 103 5 | image 8 39 103 55 | title 8 7 103 6", "layout_seq_without_completion": "button 49 25 20 6 | description 8 15 103 5 | image 8 39 103 55 | title 8 7 103 6", "plain_layout_seq": "button 49 25 20 6 | description 8 15 103 5 | image 8 39 103 55 | title 8 7 103 6", "canvas_width": 1024, "canvas_height": 906, "elements": [ { "type": "title", "position": [ 70, 60, 884, 56 ], "completed": false }, { "type": "description", "position": [ 70, 134, 884, 48 ], "completed": false }, { "type": "button", "position": [ 425, 216, 174, 54 ], "completed": false }, { "type": "image", "position": [ 70, 334, 884, 477 ], "completed": false } ] }, { "text": "#A page introducing a store.# \"Welcome To Our Store\" is a title on the page. There is a picture of the store on the page. The page should have a brief description of the store.", "region_id": "6978", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'welcome to our store'] ] [el:image] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 43 12 69 6 | image 7 2 33 22 | title 43 8 29 3", "layout_seq_without_completion": "description 43 12 69 6 | image 7 2 33 22 | title 43 8 29 3", "plain_layout_seq": "description 43 12 69 6 | image 7 2 33 22 | title 43 8 29 3", "canvas_width": 1266, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 78, 30, 350, 233 ], "completed": false }, { "type": "title", "position": [ 458, 90, 313, 36 ], "completed": false }, { "type": "description", "position": [ 458, 135, 730, 67 ], "completed": false } ] }, { "text": "#A page for guiding users to evaluate the page.#The page should have two small texts, two buttons, one link, and one share icon.", "region_id": "3729", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size 'small'] [attr:repeat '2'] ] [el:button [attr:repeat '2'] ] [el:link] [el:icon] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | icon undefined undefined | link undefined undefined | text undefined small | text undefined small", "layout_seq_with_completion": "button 35 3 6 4 | button 44 3 6 4 | icon 104 4 1 1 | link 93 3 10 2 | text 66 3 27 2 | text 9 3 23 2", "layout_seq_without_completion": "button 35 3 6 4 | button 44 3 6 4 | icon 104 4 1 1 | link 93 3 10 2 | text 66 3 27 2 | text 9 3 23 2", "plain_layout_seq": "button 35 3 6 4 | button 44 3 6 4 | icon 104 4 1 1 | link 93 3 10 2 | text 66 3 27 2 | text 9 3 23 2", "canvas_width": 960, "canvas_height": 59, "elements": [ { "type": "button", "position": [ 281, 26, 55, 33 ], "completed": false }, { "type": "button", "position": [ 357, 26, 52, 33 ], "completed": false }, { "type": "text", "position": [ 79, 31, 186, 19 ], "completed": false }, { "type": "text", "position": [ 530, 31, 218, 19 ], "completed": false }, { "type": "link", "position": [ 748, 31, 82, 19 ], "completed": false }, { "type": "icon", "position": [ 838, 33, 13, 13 ], "completed": false } ] }, { "text": "#A page suggesting users put focus on business, not on IT.# The page should include a background image, the title \"MSP for ISVs\", and a piece of advice.", "region_id": "3917", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'msp for isvs'] ] [el:text] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 60 | text 18 33 82 4 | title 34 21 50 10", "layout_seq_without_completion": "background 0 0 120 60 | text 18 33 82 4 | title 34 21 50 10", "plain_layout_seq": "background 0 0 120 60 | text 18 33 82 4 | title 34 21 50 10", "canvas_width": 1009, "canvas_height": 505, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 505 ], "completed": false }, { "type": "title", "position": [ 291, 177, 427, 89 ], "completed": false }, { "type": "text", "position": [ 158, 283, 692, 40 ], "completed": false } ] }, { "text": "#A page for a company to recruit workers. # The page should have a title and an exciting slogan to entice people to join the team, and a button for users to click to learn more.", "region_id": "1717", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "layout_seq_without_completion": "background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "plain_layout_seq": "background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "canvas_width": 922, "canvas_height": 362, "elements": [ { "type": "background", "position": [ 0, 0, 922, 360 ], "completed": true }, { "type": "title", "position": [ 0, 106, 922, 44 ], "completed": false }, { "type": "title", "position": [ 0, 160, 922, 27 ], "completed": false }, { "type": "button", "position": [ 404, 208, 114, 46 ], "completed": false } ] }, { "text": "#A page for a company to recruit workers. # The page should have a title and an exciting slogan to entice people to join the team, and a button for users to click to learn more.", "region_id": "1717_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "layout_seq_without_completion": "background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "plain_layout_seq": "background 0 0 120 46 | button 52 27 14 5 | title 0 20 120 3 | title 0 13 120 5", "canvas_width": 922, "canvas_height": 362, "elements": [ { "type": "background", "position": [ 0, 0, 922, 360 ], "completed": true }, { "type": "title", "position": [ 0, 106, 922, 44 ], "completed": false }, { "type": "title", "position": [ 0, 160, 922, 27 ], "completed": false }, { "type": "button", "position": [ 404, 208, 114, 46 ], "completed": false } ] }, { "text": "#A page for introducing the cookies of a web.# The page should have an introduction to the cookies of the web, a link for users to click to learn more, and a button for users to accept it.", "region_id": "3898", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'accept it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 108 1 8 4 | description 3 3 67 1 | link 70 2 10 3", "layout_seq_without_completion": "button 108 1 8 4 | description 3 3 67 1 | link 70 2 10 3", "plain_layout_seq": "button 108 1 8 4 | description 3 3 67 1 | link 70 2 10 3", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 926, 16, 69, 40 ], "completed": false }, { "type": "link", "position": [ 604, 21, 89, 30 ], "completed": false }, { "type": "description", "position": [ 29, 27, 575, 17 ], "completed": false } ] }, { "text": "# A page to remind Covid-19 alert. # The page should have a title, a further description, and a link \"Read More\" for the user to click to read more info.", "region_id": "5770", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value 'read more'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 9 114 6 | link 2 15 8 2 | complete text 2 6 114 2 | title 2 2 114 3", "layout_seq_without_completion": "description 2 9 114 6 | link 2 15 8 2 | text 2 6 114 2 | title 2 2 114 3", "plain_layout_seq": "description 2 9 114 6 | link 2 15 8 2 | text 2 6 114 2 | title 2 2 114 3", "canvas_width": 1024, "canvas_height": 180, "elements": [ { "type": "title", "position": [ 25, 22, 974, 27 ], "completed": false }, { "type": "text", "position": [ 25, 57, 974, 20 ], "completed": true }, { "type": "description", "position": [ 25, 77, 974, 58 ], "completed": false }, { "type": "link", "position": [ 25, 135, 74, 19 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the emails of a company. # There should have a title \"Subscribe to our emails\", and a short description. Also, there should have an input box with a small icon where the user can enter the email address and click to sunscribe.", "region_id": "7796", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our emails'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address']] [el:icon [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 18 14 82 3 | icon 77 21 1 2 | input 39 20 41 5 | complete text 41 21 5 2 | title 10 4 98 7", "layout_seq_without_completion": "description 18 14 82 3 | icon 77 21 1 2 | input 39 20 41 5 | text 41 21 5 2 | title 10 4 98 7", "plain_layout_seq": "description 18 14 82 3 | icon 77 21 1 2 | input 39 20 41 5 | text 41 21 5 2 | title 10 4 98 7", "canvas_width": 1024, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 90, 40, 844, 64 ], "completed": false }, { "type": "description", "position": [ 162, 124, 700, 29 ], "completed": false }, { "type": "input", "position": [ 333, 174, 358, 45 ], "completed": false }, { "type": "text", "position": [ 353, 184, 43, 24 ], "completed": true }, { "type": "icon", "position": [ 662, 184, 15, 25 ], "completed": false } ] }, { "text": "#A page for showing the web.#There is a background image on the page. A title and a description were set, the title named \"20 vintage childhood toys that are worth a fortune\".", "region_id": "2443", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value '20 vintage childhood toys that are worth a fortune']] [el:description]]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 0 116 70 | description 19 60 81 2 | complete text 19 38 81 2 | title 19 41 81 18", "layout_seq_without_completion": "background 1 0 116 70 | description 19 60 81 2 | text 19 38 81 2 | title 19 41 81 18", "plain_layout_seq": "background 1 0 116 70 | description 19 60 81 2 | text 19 38 81 2 | title 19 41 81 18", "canvas_width": 1024, "canvas_height": 604, "elements": [ { "type": "background", "position": [ 16, 0, 992, 600 ], "completed": false }, { "type": "text", "position": [ 165, 332, 694, 25 ], "completed": true }, { "type": "title", "position": [ 165, 356, 694, 156 ], "completed": false }, { "type": "description", "position": [ 163, 520, 694, 24 ], "completed": false } ] }, { "text": "# A page for the user to take a quiz. # There should have a background image, a slogan, a question, and a button \"TAKE THE QUIZ\" for the user to click to have a quiz. Besides, there should have two paginations for the user to switch pages to view more quizzes.", "region_id": "3884", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text] [el:button [attr:value 'TAKE THE QUIZ'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 4 14 111 50 | button 14 48 17 5 | complete icon 5 37 4 4 | complete icon 110 37 4 4 | text 14 34 56 8 | title 4 1 69 5", "layout_seq_without_completion": "background 4 14 111 50 | button 14 48 17 5 | icon 5 37 4 4 | icon 110 37 4 4 | text 14 34 56 8 | title 4 1 69 5", "plain_layout_seq": "background 4 14 111 50 | button 14 48 17 5 | icon 5 37 4 4 | icon 110 37 4 4 | text 14 34 56 8 | title 4 1 69 5", "canvas_width": 960, "canvas_height": 563, "elements": [ { "type": "title", "position": [ 36, 10, 558, 46 ], "completed": false }, { "type": "background", "position": [ 36, 113, 888, 400 ], "completed": false }, { "type": "text", "position": [ 116, 273, 453, 70 ], "completed": false }, { "type": "icon", "position": [ 42, 297, 32, 32 ], "completed": true }, { "type": "icon", "position": [ 886, 297, 32, 32 ], "completed": true }, { "type": "button", "position": [ 116, 386, 138, 40 ], "completed": false } ] }, { "text": "#A page for showing the store.#The page should have a background image and a title, \"Our store\". Under the title, there is a description of the location and an email about the store.", "region_id": "7546", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'our store'] ] [el:description] [el:text] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 7 14 34 2 | text 7 21 34 5 | title 7 7 35 5", "layout_seq_without_completion": "description 7 14 34 2 | text 7 21 34 5 | title 7 7 35 5", "plain_layout_seq": "description 7 14 34 2 | text 7 21 34 5 | title 7 7 35 5", "canvas_width": 994, "canvas_height": 286, "elements": [ { "type": "title", "position": [ 60, 60, 290, 44 ], "completed": false }, { "type": "description", "position": [ 62, 124, 288, 24 ], "completed": false }, { "type": "text", "position": [ 62, 178, 288, 48 ], "completed": false } ] }, { "text": "# A page to show the options for the readers.# On this page, a picture is involved on the left side, and on the right side, one group of information is set. It contains the title of \"2 You choose\" placed above a short description under which the link of \"view box options\" and an icon of \"arrow pointing right\".", "region_id": "3558", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:value '2 you choose'] [attr:position 'right'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'view box options'] ] [el:icon [attr:value 'arrow pointing right']] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | image left undefined | link undefined undefined | title right undefined", "layout_seq_with_completion": "description 60 22 56 8 | icon 79 33 1 1 | image 0 0 66 52 | complete image 57 13 62 24 | link 60 32 17 2 | title 60 16 56 4", "layout_seq_without_completion": "description 60 22 56 8 | icon 79 33 1 1 | image 0 0 66 52 | image 57 13 62 24 | link 60 32 17 2 | title 60 16 56 4", "plain_layout_seq": "description 60 22 56 8 | icon 79 33 1 1 | image 0 0 66 52 | image 57 13 62 24 | link 60 32 17 2 | title 60 16 56 4", "canvas_width": 992, "canvas_height": 431, "elements": [ { "type": "image", "position": [ 0, 0, 546, 431 ], "completed": false }, { "type": "image", "position": [ 479, 113, 513, 205 ], "completed": true }, { "type": "title", "position": [ 503, 137, 465, 40 ], "completed": false }, { "type": "description", "position": [ 503, 190, 465, 72 ], "completed": false }, { "type": "link", "position": [ 503, 272, 146, 19 ], "completed": false }, { "type": "icon", "position": [ 654, 275, 16, 16 ], "completed": false } ] }, { "text": "#A page introducing \"One-Stop Service Shop\" .# There is a title named \"One-Stop Service Shop\". There is a long explanation bhowing the content of the introduction. There is also a link for more information.", "region_id": "2422", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'one-stop service shop'] ] [el:description [attr:size'large'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined large | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 5 56 12 | link 61 21 26 2 | title 61 0 56 4", "layout_seq_without_completion": "description 61 5 56 12 | link 61 21 26 2 | title 61 0 56 4", "plain_layout_seq": "description 61 5 56 12 | link 61 21 26 2 | title 61 0 56 4", "canvas_width": 904, "canvas_height": 295, "elements": [ { "type": "title", "position": [ 464, 0, 428, 32 ], "completed": false }, { "type": "description", "position": [ 464, 42, 428, 96 ], "completed": false }, { "type": "link", "position": [ 464, 162, 197, 17 ], "completed": false } ] }, { "text": "#A page introducing \"One-Stop Service Shop\" .# There is a text box named \"One-Stop Service Shop\". There is a bigger text box showing the content of the introduction. There is also a text box for more information.", "region_id": "2422_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'one-stop service shop'] ] [el:description [attr:size'large'] ] [el:text [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 5 56 12 | text 61 21 26 2 | title 61 0 56 4", "layout_seq_without_completion": "description 61 5 56 12 | text 61 21 26 2 | title 61 0 56 4", "plain_layout_seq": "description 61 5 56 12 | text 61 21 26 2 | title 61 0 56 4", "canvas_width": 904, "canvas_height": 295, "elements": [ { "type": "title", "position": [ 464, 0, 428, 32 ], "completed": false }, { "type": "description", "position": [ 464, 42, 428, 96 ], "completed": false }, { "type": "text", "position": [ 464, 162, 197, 17 ], "completed": false } ] }, { "text": "#A page for showing the API.# There should be one image showing the code. One label named APIs and one title\"Trusted by enterprises, loved by developers\" one detailed description. One button is used for users to read more.", "region_id": "1712", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'apis'] ] [el:title [attr:value'trusted by enterprises, loved by developers'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "layout_seq_without_completion": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "plain_layout_seq": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "canvas_width": 951, "canvas_height": 377, "elements": [ { "type": "image", "position": [ 0, 0, 427, 377 ], "completed": false }, { "type": "title", "position": [ 471, 44, 480, 20 ], "completed": false }, { "type": "title", "position": [ 471, 80, 480, 80 ], "completed": false }, { "type": "description", "position": [ 471, 168, 480, 72 ], "completed": false }, { "type": "button", "position": [ 471, 256, 160, 44 ], "completed": false } ] }, { "text": "#A page for showing the API.# There should be one image showing the code. One text box represents the label APIs and one text box shows the title, one text box shows the detail. One text button is used for users to read more.", "region_id": "1712_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'apis'] ] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "layout_seq_without_completion": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "plain_layout_seq": "button 59 32 20 5 | description 59 21 60 9 | image 0 0 53 47 | title 59 5 60 2 | title 59 10 60 10", "canvas_width": 951, "canvas_height": 377, "elements": [ { "type": "image", "position": [ 0, 0, 427, 377 ], "completed": false }, { "type": "title", "position": [ 471, 44, 480, 20 ], "completed": false }, { "type": "title", "position": [ 471, 80, 480, 80 ], "completed": false }, { "type": "description", "position": [ 471, 168, 480, 72 ], "completed": false }, { "type": "button", "position": [ 471, 256, 160, 44 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"subscribe to our email\", an input for the user to enter the email address, and a small icon for the user to subscribe. There should also be three small icons showing the logo of social apps such as Twitter, Facebook, and Instagram. So the user can follow the company on them.", "region_id": "7929", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our email'] ] [el:input [attr:value 'email'] ] [el:icon [attr:size 'small'] ] [el:logo [attr:repeat '3'] ] ]", "execution": "singleinfo : icon undefined small | input undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 42 7 1 3 | input 0 5 46 5 | complete text 2 7 5 3 | title 0 0 60 2 | \" [ logo 104 7 2 2 ] | [ logo 110 7 2 2 ] | [ logo 115 7 2 2 ] \"", "layout_seq_without_completion": "icon 42 7 1 3 | input 0 5 46 5 | text 2 7 5 3 | title 0 0 60 2 | \" [ logo 104 7 2 2 ] | [ logo 110 7 2 2 ] | [ logo 115 7 2 2 ] \"", "plain_layout_seq": "icon 42 7 1 3 | input 0 5 46 5 | logo 104 7 2 2 | logo 110 7 2 2 | logo 115 7 2 2 | text 2 7 5 3 | title 0 0 60 2", "canvas_width": 924, "canvas_height": 91, "elements": [ { "type": "title", "position": [ 0, 0, 462, 23 ], "completed": false }, { "type": "input", "position": [ 1, 45, 358, 45 ], "completed": false }, { "type": "text", "position": [ 21, 55, 45, 24 ], "completed": true }, { "type": "icon", "position": [ 330, 55, 15, 25 ], "completed": false }, { "type": "logo", "position": [ 805, 60, 18, 18 ], "completed": false }, { "type": "logo", "position": [ 849, 60, 18, 18 ], "completed": false }, { "type": "logo", "position": [ 893, 60, 18, 18 ], "completed": false } ] }, { "text": "#A page is to inform users of the use of cookies on the website and guide users to grant permission.#The page should include one small text, one link, and one ok button.", "region_id": "4785", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size 'small'] ] [el:link] [el:button [attr:value 'ok'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | text undefined small", "layout_seq_with_completion": "button 108 1 9 3 | link 7 4 7 2 | text 1 2 90 3", "layout_seq_without_completion": "button 108 1 9 3 | link 7 4 7 2 | text 1 2 90 3", "plain_layout_seq": "button 108 1 9 3 | link 7 4 7 2 | text 1 2 90 3", "canvas_width": 1009, "canvas_height": 64, "elements": [ { "type": "button", "position": [ 916, 12, 81, 30 ], "completed": false }, { "type": "text", "position": [ 11, 20, 759, 32 ], "completed": false }, { "type": "link", "position": [ 65, 36, 67, 17 ], "completed": false } ] }, { "text": "# A page to guide the user to sign up for free and book a demo for software. # The page should have the question \"Ready to start?\", a slogan and two buttons for the user to sign up for free and book a demo. It will be better to have an image showing the software.", "region_id": "4334", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'ready to start?'] ] [el:title] [el:button [attr:value 'sign up for free'] ] [el:button [attr:value 'book a demo'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 7 0 104 43 | button 15 31 18 6 | button 35 31 17 6 | image 55 20 56 24 | title 15 5 40 5 | title 15 10 40 15", "layout_seq_without_completion": "background 7 0 104 43 | button 15 31 18 6 | button 35 31 17 6 | image 55 20 56 24 | title 15 5 40 5 | title 15 10 40 15", "plain_layout_seq": "background 7 0 104 43 | button 15 31 18 6 | button 35 31 17 6 | image 55 20 56 24 | title 15 5 40 5 | title 15 10 40 15", "canvas_width": 1089, "canvas_height": 404, "elements": [ { "type": "background", "position": [ 72, 0, 946, 396 ], "completed": true }, { "type": "title", "position": [ 140, 54, 363, 51 ], "completed": false }, { "type": "title", "position": [ 140, 99, 363, 140 ], "completed": false }, { "type": "image", "position": [ 504, 182, 509, 218 ], "completed": false }, { "type": "button", "position": [ 140, 284, 167, 58 ], "completed": false }, { "type": "button", "position": [ 319, 284, 161, 58 ], "completed": false } ] }, { "text": "#A page showing the information of a company.# There must be a title named \"ABOUT US\". Also, two additional explanations and three links should be in place for gaining more information about the company.", "region_id": "850", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about us'] ] [el:description [attr:repeat'2'] ] [el:link [attr:repeat '3'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 10 55 19 | description 4 32 55 27 | title 4 4 55 3 | \" [ link 60 8 55 7 ] | [ link 60 15 55 7 ] | [ link 60 22 55 6 ] \"", "layout_seq_without_completion": "description 4 10 55 19 | description 4 32 55 27 | title 4 4 55 3 | \" [ link 60 8 55 7 ] | [ link 60 15 55 7 ] | [ link 60 22 55 6 ] \"", "plain_layout_seq": "description 4 10 55 19 | description 4 32 55 27 | link 60 8 55 7 | link 60 15 55 7 | link 60 22 55 6 | title 4 4 55 3", "canvas_width": 1003, "canvas_height": 546, "elements": [ { "type": "title", "position": [ 34, 35, 462, 30 ], "completed": false }, { "type": "link", "position": [ 508, 70, 462, 59 ], "completed": false }, { "type": "description", "position": [ 34, 90, 462, 165 ], "completed": false }, { "type": "link", "position": [ 508, 129, 462, 59 ], "completed": false }, { "type": "link", "position": [ 508, 188, 462, 58 ], "completed": false }, { "type": "description", "position": [ 34, 275, 462, 231 ], "completed": false } ] }, { "text": "# A page for advertising a book. # On the page, an image of the book, a title with the name of the book, and two text boxes with a brief introduction to the book are needed. There should be a text button for the user to get the book by clicking it. And it is better to have a background image on the page.", "region_id": "1942", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] [attr:repeat'2'] ] [el:button [attr:value'get the book'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 43 | button 51 33 17 5 | description 51 21 42 2 | description 51 24 42 5 | image 26 6 21 29 | title 51 7 42 11", "layout_seq_without_completion": "background 0 0 120 43 | button 51 33 17 5 | description 51 21 42 2 | description 51 24 42 5 | image 26 6 21 29 | title 51 7 42 11", "plain_layout_seq": "background 0 0 120 43 | button 51 33 17 5 | description 51 21 42 2 | description 51 24 42 5 | image 26 6 21 29 | title 51 7 42 11", "canvas_width": 1003, "canvas_height": 360, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 360 ], "completed": false }, { "type": "image", "position": [ 221, 58, 176, 243 ], "completed": false }, { "type": "title", "position": [ 429, 64, 352, 96 ], "completed": false }, { "type": "description", "position": [ 429, 176, 352, 24 ], "completed": false }, { "type": "description", "position": [ 429, 204, 352, 48 ], "completed": false }, { "type": "button", "position": [ 429, 284, 150, 44 ], "completed": false } ] }, { "text": "# A page used to find a job at the company Rio Tinto. On the page, there should have a title \"Come join our company of pioneer\". Then there should be two text boxes \"careers\" and \"Discover more about life at Rio Tinto\". It should also include a text link for reading more.", "region_id": "2102", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'come join our company of pioneer'] ] [el:text [attr:value'careers'] ] [el:text [attr:value'discover more about life at rio tino'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 60 12 57 32 | complete image 2 14 115 28 | link 5 37 12 1 | text 5 26 50 2 | text 5 22 50 2 | title 2 8 115 2", "layout_seq_without_completion": "image 60 12 57 32 | image 2 14 115 28 | link 5 37 12 1 | text 5 26 50 2 | text 5 22 50 2 | title 2 8 115 2", "plain_layout_seq": "image 60 12 57 32 | image 2 14 115 28 | link 5 37 12 1 | text 5 26 50 2 | text 5 22 50 2 | title 2 8 115 2", "canvas_width": 1024, "canvas_height": 443, "elements": [ { "type": "title", "position": [ 20, 75, 984, 23 ], "completed": false }, { "type": "image", "position": [ 512, 107, 492, 277 ], "completed": true }, { "type": "image", "position": [ 20, 123, 984, 245 ], "completed": true }, { "type": "text", "position": [ 50, 194, 432, 19 ], "completed": false }, { "type": "text", "position": [ 50, 228, 432, 24 ], "completed": false }, { "type": "link", "position": [ 50, 321, 105, 17 ], "completed": false } ] }, { "text": "#A page of information to show success to use the website.# There is an Image and a text to show the success. Then there is a description to show the website has ready to use.", "region_id": "4851", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 0 28 120 2 | image 52 0 15 15 | text 0 19 120 5", "layout_seq_without_completion": "description 0 28 120 2 | image 52 0 15 15 | text 0 19 120 5", "plain_layout_seq": "description 0 28 120 2 | image 52 0 15 15 | text 0 19 120 5", "canvas_width": 1008, "canvas_height": 262, "elements": [ { "type": "image", "position": [ 438, 0, 132, 132 ], "completed": false }, { "type": "text", "position": [ 0, 166, 1008, 46 ], "completed": false }, { "type": "description", "position": [ 0, 242, 1008, 20 ], "completed": false } ] }, { "text": "# A page for advertising the user to subscribe to the newsletter of a company. # On the page, there should contain a slogan \"EXCLUSIVE OFFERS JUST FOR YOU. SUBSCRIBE TO OUR NEWSLETTER.\" followed by a sentence showing the benefits of the subscription to attract the user to subscribe. It is necessary to have an input box to enter the email and a button for the user to subscribe.", "region_id": "8033", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'EXCLUSIVE OFFERS JUST FOR YOU. SUBSCRIBE TO OUR NEWSLETTER.'] ] [el:description] [el:input[attr:value 'enter email']] [el:button[attr:value 'subscribe']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 75 33 14 2 | description 6 26 107 4 | input 27 32 46 5 | title 6 16 107 7", "layout_seq_without_completion": "button 75 33 14 2 | description 6 26 107 4 | input 27 32 46 5 | title 6 16 107 7", "plain_layout_seq": "button 75 33 14 2 | description 6 26 107 4 | input 27 32 46 5 | title 6 16 107 7", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "title", "position": [ 55, 141, 914, 64 ], "completed": false }, { "type": "description", "position": [ 55, 222, 914, 35 ], "completed": false }, { "type": "input", "position": [ 232, 277, 395, 46 ], "completed": false }, { "type": "button", "position": [ 646, 290, 127, 19 ], "completed": false } ] }, { "text": "# A page to introduce a company.# On the page, there should be a text box labeled \"Vertically Integrated Business Model\" and a text button. The user can click the button to read more info. Also, an attractive background image is needed.", "region_id": "2406", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'Vertically Integrated Business Model'] ] [el:button [attr:value'Read more']] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "layout_seq_without_completion": "background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "plain_layout_seq": "background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "text", "position": [ 236, 122, 553, 66 ], "completed": false }, { "type": "button", "position": [ 469, 208, 87, 17 ], "completed": false } ] }, { "text": "# A page to introduce a company.# On the page, there should be a text box labeled \"Vertically Integrated Business Model\" and a text button. The user can click the button to read more info.", "region_id": "2406_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'Vertically Integrated Business Model'] ] [el:button [attr:value'Read more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "layout_seq_without_completion": "background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "plain_layout_seq": "background 0 0 120 41 | button 54 24 10 1 | text 27 14 64 7", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": true }, { "type": "text", "position": [ 236, 122, 553, 66 ], "completed": false }, { "type": "button", "position": [ 469, 208, 87, 17 ], "completed": false } ] }, { "text": "#A page for introducing one service to users.# The page should include an image of the author on the left. On the right side, there should be one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "299", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position 'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "complete background 0 0 120 74 | button 61 55 29 5 | complete button 6 31 5 5 | complete button 50 31 5 5 | description 67 31 47 4 | description 67 37 47 4 | description 67 44 47 4 | image 11 11 41 41 | complete text 11 56 41 5 | title 61 11 52 16", "layout_seq_without_completion": "background 0 0 120 74 | button 61 55 29 5 | button 6 31 5 5 | button 50 31 5 5 | description 67 31 47 4 | description 67 37 47 4 | description 67 44 47 4 | image 11 11 41 41 | text 11 56 41 5 | title 61 11 52 16", "plain_layout_seq": "background 0 0 120 74 | button 61 55 29 5 | button 6 31 5 5 | button 50 31 5 5 | description 67 31 47 4 | description 67 37 47 4 | description 67 44 47 4 | image 11 11 41 41 | text 11 56 41 5 | title 61 11 52 16", "canvas_width": 1024, "canvas_height": 635, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 635 ], "completed": true }, { "type": "image", "position": [ 99, 100, 350, 350 ], "completed": false }, { "type": "title", "position": [ 529, 100, 452, 144 ], "completed": false }, { "type": "description", "position": [ 578, 269, 404, 41 ], "completed": false }, { "type": "button", "position": [ 58, 273, 48, 48 ], "completed": true }, { "type": "button", "position": [ 432, 273, 48, 48 ], "completed": true }, { "type": "description", "position": [ 578, 324, 404, 41 ], "completed": false }, { "type": "description", "position": [ 578, 380, 404, 41 ], "completed": false }, { "type": "button", "position": [ 529, 471, 251, 51 ], "completed": false }, { "type": "text", "position": [ 99, 485, 350, 50 ], "completed": true } ] }, { "text": "#A page for users to read one podcast.# There should be one label\"Podcast\", one title\"Bloomberg interviews Ido Susan\" and one description. One text button is used for users to read more.", "region_id": "108", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'podcast'] ] [el:title [attr:value'bloomberg interviews ido susan'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 35 | \" [ title 11 8 95 2 ] | [ title 11 12 95 3 ] | [ description 11 18 95 2 ] | [ button 50 22 19 3 ] \"", "layout_seq_without_completion": "background 0 0 120 35 | \" [ title 11 8 95 2 ] | [ title 11 12 95 3 ] | [ description 11 18 95 2 ] | [ button 50 22 19 3 ] \"", "plain_layout_seq": "background 0 0 120 35 | button 50 22 19 3 | description 11 18 95 2 | title 11 8 95 2 | title 11 12 95 3", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 300 ], "completed": true }, { "type": "title", "position": [ 102, 74, 819, 21 ], "completed": false }, { "type": "title", "position": [ 102, 110, 819, 31 ], "completed": false }, { "type": "description", "position": [ 102, 157, 819, 24 ], "completed": false }, { "type": "button", "position": [ 427, 196, 170, 30 ], "completed": false } ] }, { "text": "#A page for users to read one podcast.# There should be three text boxes, the first one showing the magazine's name, the second one showing the title, and the last one showing the detailed description. One text button is used for users to read more.", "region_id": "108_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 35 | \" [ text 11 8 95 2 ] | [ title 11 12 95 3 ] | [ description 11 18 95 2 ] | [ button 50 22 19 3 ] \"", "layout_seq_without_completion": "background 0 0 120 35 | \" [ text 11 8 95 2 ] | [ title 11 12 95 3 ] | [ description 11 18 95 2 ] | [ button 50 22 19 3 ] \"", "plain_layout_seq": "background 0 0 120 35 | button 50 22 19 3 | description 11 18 95 2 | text 11 8 95 2 | title 11 12 95 3", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 300 ], "completed": true }, { "type": "text", "position": [ 102, 74, 819, 21 ], "completed": false }, { "type": "title", "position": [ 102, 110, 819, 31 ], "completed": false }, { "type": "description", "position": [ 102, 157, 819, 24 ], "completed": false }, { "type": "button", "position": [ 427, 196, 170, 30 ], "completed": false } ] }, { "text": "#A page for advertising one money-arrangement plan.# There should be one label\"Everyday needs\", one title\"Spend smarter every day\", and one description.", "region_id": "2087", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'everyday needs'] ] [el:title [attr:value'spend smarter every day'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "layout_seq_without_completion": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "plain_layout_seq": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "canvas_width": 1000, "canvas_height": 455, "elements": [ { "type": "title", "position": [ 426, 0, 148, 24 ], "completed": false }, { "type": "title", "position": [ 147, 40, 704, 72 ], "completed": false }, { "type": "description", "position": [ 170, 136, 658, 28 ], "completed": false } ] }, { "text": "#A page for advertising one money-arrangement plan.# There should be three text boxes, one for the label, one for the title, and one for the detail.", "region_id": "2087_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "layout_seq_without_completion": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "plain_layout_seq": "description 20 16 78 3 | title 51 0 17 2 | title 17 4 84 8", "canvas_width": 1000, "canvas_height": 455, "elements": [ { "type": "title", "position": [ 426, 0, 148, 24 ], "completed": false }, { "type": "title", "position": [ 147, 40, 704, 72 ], "completed": false }, { "type": "description", "position": [ 170, 136, 658, 28 ], "completed": false } ] }, { "text": "#A page showing the buttons of the website to users.#The page should have one text button and one delete button.", "region_id": "2982", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button] [el:button [attr:value 'delete']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined", "layout_seq_with_completion": "button 46 3 26 6 | button 67 3 2 6 | complete text 50 5 15 2", "layout_seq_without_completion": "button 46 3 26 6 | button 67 3 2 6 | text 50 5 15 2", "plain_layout_seq": "button 46 3 26 6 | button 67 3 2 6 | text 50 5 15 2", "canvas_width": 1002, "canvas_height": 81, "elements": [ { "type": "button", "position": [ 390, 26, 222, 54 ], "completed": false }, { "type": "button", "position": [ 561, 26, 23, 54 ], "completed": false }, { "type": "text", "position": [ 418, 44, 128, 18 ], "completed": true } ] }, { "text": "#A page for claiming the information of the GoodRix offers and providing contact information of GoodRix.# The page should have two paragraphs of text. One paragraph for explaining the information they gave is not advice and the other paragraph for providing a phone number and e-mail address. Under it, there should be three logos.", "region_id": "2747", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description[attr:repeat'2']] [el:logo [attr:repeat '3'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 0 0 120 22 | \" [ logo 33 22 11 8 ] | [ logo 71 23 15 5 ] | [ logo 48 25 18 3 ] \"", "layout_seq_without_completion": "description 0 0 120 22 | \" [ logo 33 22 11 8 ] | [ logo 71 23 15 5 ] | [ logo 48 25 18 3 ] \"", "plain_layout_seq": "description 0 0 120 22 | logo 33 22 11 8 | logo 71 23 15 5 | logo 48 25 18 3", "canvas_width": 1024, "canvas_height": 294, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 193 ], "completed": false }, { "type": "logo", "position": [ 288, 193, 96, 69 ], "completed": false }, { "type": "logo", "position": [ 608, 204, 128, 46 ], "completed": false }, { "type": "logo", "position": [ 416, 214, 160, 27 ], "completed": false } ] }, { "text": "#A page for introducing a Metaverse website.# The page should have the title \"WELCOME TO LMS METAVERSE\", a short slogan for describing its pros, and a background image. There is a button to display and a label for users to see how it works.", "region_id": "4489", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'welcome to lms metaverse'] ] [el:title [attr:size 'small'] ] [el:background_image] [el:button][el:text [attr:value 'see how it works'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined small | title undefined undefined", "layout_seq_with_completion": "background 4 32 110 46 | button 55 48 9 9 | text 52 60 13 2 | title 4 8 110 2 | title 4 13 101 14", "layout_seq_without_completion": "background 4 32 110 46 | button 55 48 9 9 | text 52 60 13 2 | title 4 8 110 2 | title 4 13 101 14", "plain_layout_seq": "background 4 32 110 46 | button 55 48 9 9 | text 52 60 13 2 | title 4 8 110 2 | title 4 13 101 14", "canvas_width": 1024, "canvas_height": 752, "elements": [ { "type": "title", "position": [ 40, 75, 944, 22 ], "completed": false }, { "type": "title", "position": [ 40, 117, 870, 120 ], "completed": false }, { "type": "background", "position": [ 41, 278, 942, 398 ], "completed": false }, { "type": "button", "position": [ 472, 416, 80, 80 ], "completed": false }, { "type": "text", "position": [ 452, 516, 119, 22 ], "completed": false } ] }, { "text": "# A page to introduce HPE GreenLake. # There should be two text boxes. One is the slogan used to attract the user and another is a brief introduction to HPE GreenLake. It is necessary to include a text button that the user can click to learn more about HPE GreenLake. It's better to have an image about the HPE GreenLake.", "region_id": "1436", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 38 30 4 | description 9 28 48 4 | complete image 9 6 48 21 | image 61 11 48 27 | title 9 4 48 23", "layout_seq_without_completion": "button 9 38 30 4 | description 9 28 48 4 | image 9 6 48 21 | image 61 11 48 27 | title 9 4 48 23", "plain_layout_seq": "button 9 38 30 4 | description 9 28 48 4 | image 9 6 48 21 | image 61 11 48 27 | title 9 4 48 23", "canvas_width": 1024, "canvas_height": 525, "elements": [ { "type": "title", "position": [ 80, 41, 412, 197 ], "completed": false }, { "type": "image", "position": [ 80, 57, 417, 185 ], "completed": true }, { "type": "image", "position": [ 527, 95, 417, 235 ], "completed": false }, { "type": "description", "position": [ 80, 245, 417, 40 ], "completed": false }, { "type": "button", "position": [ 80, 325, 262, 40 ], "completed": false } ] }, { "text": "#A page collecting users' intentions about this website.#The page should have one question and two buttons for users to click to choose yes or no.", "region_id": "2580", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "layout_seq_without_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "plain_layout_seq": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "text", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "# A page for introducing the company Avant. # On the page, there should be a slogan \"We love what we do\", and a text box to have a brief introduction to the company, such as the mission of the company. Besides, a text button is needed, so the user can click it to know more about the company.", "region_id": "739", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'we love what we do'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 48 | button 45 29 29 7 | description 3 18 112 9 | title 3 11 112 6", "layout_seq_without_completion": "background 0 0 120 48 | button 45 29 29 7 | description 3 18 112 9 | title 3 11 112 6", "plain_layout_seq": "background 0 0 120 48 | button 45 29 29 7 | description 3 18 112 9 | title 3 11 112 6", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 417 ], "completed": true }, { "type": "title", "position": [ 32, 96, 960, 53 ], "completed": false }, { "type": "description", "position": [ 32, 159, 960, 84 ], "completed": false }, { "type": "button", "position": [ 385, 251, 254, 62 ], "completed": false } ] }, { "text": "#A page for introducing one card.# There should be a title with three labels, highlighting the related region of the card. A link has to be included, where users can start using the service. Also, there should be an image.", "region_id": "528", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat'3'] ] [el:link [attr:value 'start using the service'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10 | \" [ description 3 21 20 5 ] | [ description 3 26 27 5 ] | [ description 3 32 7 5 ] \"", "layout_seq_without_completion": "icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10 | \" [ description 3 21 20 5 ] | [ description 3 26 27 5 ] | [ description 3 32 7 5 ] \"", "plain_layout_seq": "description 3 21 20 5 | description 3 26 27 5 | description 3 32 7 5 | icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "image", "position": [ 512, 0, 512, 480 ], "completed": false }, { "type": "title", "position": [ 32, 70, 460, 88 ], "completed": false }, { "type": "description", "position": [ 32, 186, 173, 44 ], "completed": false }, { "type": "description", "position": [ 32, 230, 231, 44 ], "completed": false }, { "type": "description", "position": [ 32, 274, 63, 44 ], "completed": false }, { "type": "link", "position": [ 53, 370, 111, 24 ], "completed": false }, { "type": "icon", "position": [ 172, 372, 21, 21 ], "completed": true } ] }, { "text": "#A page marketing the company service.# There should be a title with three short descriptions, highlighting the features of the service. A link has to be included, where users can start using the service. Also, there should be an image.", "region_id": "528_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat'3'] [attr:size'small'] ] [el:link [attr:value'start using the service'] ] [el:image] ]", "execution": "singleinfo : description undefined small | description undefined small | description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10 | \" [ description 3 21 20 5 ] | [ description 3 26 27 5 ] | [ description 3 32 7 5 ] \"", "layout_seq_without_completion": "icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10 | \" [ description 3 21 20 5 ] | [ description 3 26 27 5 ] | [ description 3 32 7 5 ] \"", "plain_layout_seq": "description 3 21 20 5 | description 3 26 27 5 | description 3 32 7 5 | icon 20 43 2 2 | image 60 0 60 56 | link 6 43 13 2 | title 3 8 53 10", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "image", "position": [ 512, 0, 512, 480 ], "completed": false }, { "type": "title", "position": [ 32, 70, 460, 88 ], "completed": false }, { "type": "description", "position": [ 32, 186, 173, 44 ], "completed": false }, { "type": "description", "position": [ 32, 230, 231, 44 ], "completed": false }, { "type": "description", "position": [ 32, 274, 63, 44 ], "completed": false }, { "type": "link", "position": [ 53, 370, 111, 24 ], "completed": false }, { "type": "icon", "position": [ 172, 372, 21, 21 ], "completed": true } ] }, { "text": "#A page for one news release.# There should be one image, two text boxes, one for the title and the other for the detail, and one button for users to read the press release. At the bottom, there is one pagination.", "region_id": "1927", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'read the press release'] ] [el:pagination [attr:position'bottom'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | pagination bottom undefined | title undefined undefined", "layout_seq_with_completion": "button 4 38 15 2 | description 4 28 46 6 | complete icon 20 39 1 1 | image 61 14 54 35 | complete logo 65 29 47 4 | title 4 22 51 5 | \" [ complete button 57 54 1 1 ] | [ complete button 59 54 1 1 ] | [ complete button 61 54 1 1 ] \"", "layout_seq_without_completion": "button 4 38 15 2 | description 4 28 46 6 | icon 20 39 1 1 | image 61 14 54 35 | logo 65 29 47 4 | title 4 22 51 5 | \" [ button 57 54 1 1 ] | [ button 59 54 1 1 ] | [ button 61 54 1 1 ] \"", "plain_layout_seq": "button 4 38 15 2 | button 57 54 1 1 | button 59 54 1 1 | button 61 54 1 1 | description 4 28 46 6 | icon 20 39 1 1 | image 61 14 54 35 | logo 65 29 47 4 | title 4 22 51 5", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "image", "position": [ 527, 120, 462, 300 ], "completed": false }, { "type": "title", "position": [ 35, 191, 441, 46 ], "completed": false }, { "type": "description", "position": [ 35, 247, 400, 54 ], "completed": false }, { "type": "logo", "position": [ 557, 250, 402, 42 ], "completed": true }, { "type": "button", "position": [ 35, 331, 131, 18 ], "completed": false }, { "type": "icon", "position": [ 176, 333, 15, 14 ], "completed": true }, { "type": "button", "position": [ 489, 462, 10, 10 ], "completed": true }, { "type": "button", "position": [ 507, 462, 10, 10 ], "completed": true }, { "type": "button", "position": [ 525, 462, 10, 10 ], "completed": true } ] }, { "text": "# A page introducing a technology. # There are two text boxes for a title and a short description, and a button with 'see how' on it. There is also a large image.", "region_id": "1940", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'see how'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 60 24 13 4 | description 13 15 60 6 | image 80 0 39 39 | title 0 10 73 3", "layout_seq_without_completion": "button 60 24 13 4 | description 13 15 60 6 | image 80 0 39 39 | title 0 10 73 3", "plain_layout_seq": "button 60 24 13 4 | description 13 15 60 6 | image 80 0 39 39 | title 0 10 73 3", "canvas_width": 896, "canvas_height": 299, "elements": [ { "type": "image", "position": [ 599, 2, 295, 295 ], "completed": false }, { "type": "title", "position": [ 0, 80, 549, 23 ], "completed": false }, { "type": "description", "position": [ 101, 119, 448, 48 ], "completed": false }, { "type": "button", "position": [ 450, 183, 98, 36 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # The page should have an image, a slogan, and a text box with a brief description of the service. Then a text button is needed to learn more info.", "region_id": "643", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 54 19 5 | description 62 42 47 6 | image 4 0 50 71 | title 62 8 47 28", "layout_seq_without_completion": "button 62 54 19 5 | description 62 42 47 6 | image 4 0 50 71 | title 62 8 47 28", "plain_layout_seq": "button 62 54 19 5 | description 62 42 47 6 | image 4 0 50 71 | title 62 8 47 28", "canvas_width": 1004, "canvas_height": 596, "elements": [ { "type": "image", "position": [ 41, 0, 419, 596 ], "completed": false }, { "type": "title", "position": [ 527, 75, 401, 240 ], "completed": false }, { "type": "description", "position": [ 527, 358, 401, 54 ], "completed": false }, { "type": "button", "position": [ 527, 459, 167, 46 ], "completed": false } ] }, { "text": "# A page for the user to watch the new videos.# The page should have the title \"NEW VIDEOS\" and four buttons for the user to watch the latest, the most viewed, the top-rated, and the longest videos.", "region_id": "5548", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'new videos'] ] [el:button [attr:repeat '4'] [attr:value 'latest, most viewed, top-rated, longest'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 1 1 11 3 | \" [ button 74 1 8 4 ] | [ button 83 1 13 4 ] | [ button 97 1 11 4 ] | [ button 108 1 9 4 ] \"", "layout_seq_without_completion": "title 1 1 11 3 | \" [ button 74 1 8 4 ] | [ button 83 1 13 4 ] | [ button 97 1 11 4 ] | [ button 108 1 9 4 ] \"", "plain_layout_seq": "button 74 1 8 4 | button 83 1 13 4 | button 97 1 11 4 | button 108 1 9 4 | title 1 1 11 3", "canvas_width": 940, "canvas_height": 57, "elements": [ { "type": "title", "position": [ 12, 12, 90, 28 ], "completed": false }, { "type": "button", "position": [ 587, 12, 63, 35 ], "completed": false }, { "type": "button", "position": [ 654, 12, 103, 35 ], "completed": false }, { "type": "button", "position": [ 761, 12, 87, 35 ], "completed": false }, { "type": "button", "position": [ 852, 12, 74, 35 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be one title \"From telecommunications operator to strategic holding company\" and one detailed description. One button is used to learn more info.", "region_id": "238", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'from telecommunications operator to strategic holding company'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "layout_seq_without_completion": "background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "plain_layout_seq": "background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 440 ], "completed": true }, { "type": "title", "position": [ 32, 56, 960, 114 ], "completed": false }, { "type": "description", "position": [ 62, 240, 860, 84 ], "completed": false }, { "type": "button", "position": [ 950, 343, 12, 11 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be one text showing the title and one text box showing the detailed description. One text button is used to learn more info.", "region_id": "238_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "layout_seq_without_completion": "background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "plain_layout_seq": "background 0 0 120 51 | button 111 40 1 1 | description 7 28 100 9 | title 3 6 112 13", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 440 ], "completed": true }, { "type": "title", "position": [ 32, 56, 960, 114 ], "completed": false }, { "type": "description", "position": [ 62, 240, 860, 84 ], "completed": false }, { "type": "button", "position": [ 950, 343, 12, 11 ], "completed": false } ] }, { "text": "#A page for showing some related information.# The page has a sentence reminding users of some information and three logos of social media.", "region_id": "7934", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title][el:logo[attr:repeat '3']] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 30 0 59 5 | \" [ logo 108 1 1 1 ] | [ logo 111 1 1 1 ] | [ logo 115 1 1 1 ] \"", "layout_seq_without_completion": "title 30 0 59 5 | \" [ logo 108 1 1 1 ] | [ logo 111 1 1 1 ] | [ logo 115 1 1 1 ] \"", "plain_layout_seq": "logo 108 1 1 1 | logo 111 1 1 1 | logo 115 1 1 1 | title 30 0 59 5", "canvas_width": 1009, "canvas_height": 44, "elements": [ { "type": "title", "position": [ 254, 0, 500, 44 ], "completed": false }, { "type": "logo", "position": [ 909, 15, 15, 15 ], "completed": false }, { "type": "logo", "position": [ 940, 15, 15, 15 ], "completed": false }, { "type": "logo", "position": [ 971, 15, 15, 15 ], "completed": false } ] }, { "text": "# A page for a website Setanta Sports. # The page should contain a logo on the left, and two buttons \"SIGN UP\" and \"SIGN IN\" for the user to create an account and log in.", "region_id": "4388", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:position 'left'] ] [el:button [attr:value 'sign up'] ] [el:button [attr:value 'sign in'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | logo left undefined", "layout_seq_with_completion": "button 103 4 7 1 | button 86 4 7 1 | logo 5 3 19 4", "layout_seq_without_completion": "button 103 4 7 1 | button 86 4 7 1 | logo 5 3 19 4", "plain_layout_seq": "button 103 4 7 1 | button 86 4 7 1 | logo 5 3 19 4", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "logo", "position": [ 50, 30, 167, 40 ], "completed": false }, { "type": "button", "position": [ 724, 42, 65, 16 ], "completed": false }, { "type": "button", "position": [ 869, 42, 60, 16 ], "completed": false } ] }, { "text": "#A page showing information about a company's product. # There should be a title named \"Advancing Possible\", followed by a short description highlighting the company's advantage. Also, there should be a button for playing a video and a corresponding background image.", "region_id": "1647", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'advancing possible'] ] [el:description [attr:size'small'] ] [el:button] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 35 | button 52 7 5 5 | description 61 16 38 7 | title 61 7 38 5", "layout_seq_without_completion": "background 0 0 120 35 | button 52 7 5 5 | description 61 16 38 7 | title 61 7 38 5", "plain_layout_seq": "background 0 0 120 35 | button 52 7 5 5 | description 61 16 38 7 | title 61 7 38 5", "canvas_width": 1024, "canvas_height": 303, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 303 ], "completed": false }, { "type": "button", "position": [ 451, 65, 51, 51 ], "completed": false }, { "type": "title", "position": [ 522, 65, 328, 43 ], "completed": false }, { "type": "description", "position": [ 522, 138, 328, 60 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"Get on the list\" followed by a description of the service of the subscription, an input box for the user to enter the email address, and an icon where the user can click to subscribe. Besides, there should also have a small icon on the top right for the user to close the page by clicking it.", "region_id": "4449", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'get on the list'] ] [el:description] [el:input [attr:value 'email address'] ] [el:icon [attr:value 'subscribe']] [el:icon [attr:size 'small'] [attr:position 'top'] [attr:value 'close the page'] ] ]", "execution": "singleinfo : description undefined undefined | icon top small | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 37 12 45 6 | icon 75 23 2 2 | icon 115 1 3 3 | input 40 21 33 5 | title 37 5 45 4", "layout_seq_without_completion": "description 37 12 45 6 | icon 75 23 2 2 | icon 115 1 3 3 | input 40 21 33 5 | title 37 5 45 4", "plain_layout_seq": "description 37 12 45 6 | icon 75 23 2 2 | icon 115 1 3 3 | input 40 21 33 5 | title 37 5 45 4", "canvas_width": 1024, "canvas_height": 303, "elements": [ { "type": "icon", "position": [ 984, 9, 32, 32 ], "completed": false }, { "type": "title", "position": [ 317, 49, 390, 38 ], "completed": false }, { "type": "description", "position": [ 317, 103, 390, 59 ], "completed": false }, { "type": "input", "position": [ 347, 186, 282, 48 ], "completed": false }, { "type": "icon", "position": [ 641, 201, 24, 18 ], "completed": false } ] }, { "text": "#A page for introducing Lilly Milestones of Caring & Discovery to users.# The page should include an image at work on the left, one title, and a link for users to get more information on the right side.", "region_id": "1613", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:link [attr:value'read more'] [attr:position'right'] ] ]", "execution": "singleinfo : image left undefined | link right undefined | title undefined undefined", "layout_seq_with_completion": "complete background 2 0 116 29 | image 0 0 59 29 | link 82 18 15 3 | title 64 8 51 9", "layout_seq_without_completion": "background 2 0 116 29 | image 0 0 59 29 | link 82 18 15 3 | title 64 8 51 9", "plain_layout_seq": "background 2 0 116 29 | image 0 0 59 29 | link 82 18 15 3 | title 64 8 51 9", "canvas_width": 960, "canvas_height": 237, "elements": [ { "type": "image", "position": [ 1, 0, 479, 235 ], "completed": false }, { "type": "background", "position": [ 16, 0, 928, 237 ], "completed": true }, { "type": "title", "position": [ 512, 64, 415, 76 ], "completed": false }, { "type": "link", "position": [ 658, 148, 123, 24 ], "completed": false } ] }, { "text": "#A page for introducing an app to users to download.# The page should include one title on the left and an image of the app on the right side. Besides, two buttons should be provided for users to download on the App Store and Google Play.", "region_id": "200", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:image [attr:position'right'] ] [el:button [attr:value'download on app store'] ] [el:button [attr:value'download on google play'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image right undefined | title left undefined", "layout_seq_with_completion": "button 16 43 17 5 | button 36 43 17 5 | image 60 0 43 63 | title 16 17 43 22", "layout_seq_without_completion": "button 16 43 17 5 | button 36 43 17 5 | image 60 0 43 63 | title 16 17 43 22", "plain_layout_seq": "button 16 43 17 5 | button 36 43 17 5 | image 60 0 43 63 | title 16 17 43 22", "canvas_width": 1024, "canvas_height": 546, "elements": [ { "type": "image", "position": [ 512, 0, 368, 546 ], "completed": false }, { "type": "title", "position": [ 144, 153, 368, 192 ], "completed": false }, { "type": "button", "position": [ 144, 369, 150, 46 ], "completed": false }, { "type": "button", "position": [ 310, 369, 150, 46 ], "completed": false } ] }, { "text": "#A page for showing one news.# There should be one image and two text boxes, one for the title and the other for the date of the press release.", "region_id": "1043", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "layout_seq_without_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "plain_layout_seq": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "canvas_width": 944, "canvas_height": 617, "elements": [ { "type": "image", "position": [ 0, 0, 944, 533 ], "completed": false }, { "type": "title", "position": [ 0, 553, 944, 24 ], "completed": false }, { "type": "text", "position": [ 0, 597, 944, 20 ], "completed": false } ] }, { "text": "#A page to download the app.# On the page, two text boxes should be included. One is 'FORGET UNRELIABLE WEB FORUMS' for the title and the other is a link 'Download our app now', where the users can click to download the app. Besides, there should have 2 buttons where the user can choose to download it on Apple Store or Google Play.", "region_id": "298", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'forget unreliable web forums'] ] [el:link [attr:value'download our app now'] ] [el:button [attr:value'download on apple store'] ] [el:button [attr:value'download on google play'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 36 | button 62 23 20 6 | button 39 23 20 6 | link 6 17 106 2 | complete text 103 11 1 1 | title 15 4 88 11", "layout_seq_without_completion": "background 0 0 120 36 | button 62 23 20 6 | button 39 23 20 6 | link 6 17 106 2 | text 103 11 1 1 | title 15 4 88 11", "plain_layout_seq": "background 0 0 120 36 | button 62 23 20 6 | button 39 23 20 6 | link 6 17 106 2 | text 103 11 1 1 | title 15 4 88 11", "canvas_width": 922, "canvas_height": 282, "elements": [ { "type": "background", "position": [ 0, 0, 922, 282 ], "completed": true }, { "type": "title", "position": [ 116, 37, 681, 87 ], "completed": false }, { "type": "text", "position": [ 796, 92, 10, 10 ], "completed": true }, { "type": "link", "position": [ 50, 136, 822, 20 ], "completed": false }, { "type": "button", "position": [ 303, 182, 156, 51 ], "completed": false }, { "type": "button", "position": [ 483, 184, 156, 47 ], "completed": false } ] }, { "text": "#A page showing the detail of the share price.# There should be six relevant pieces of information about the share price. It is better to include a button for users to see our performance.", "region_id": "997", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'6'] ] [el:button [attr:value'see our performance'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 2 10 21 3 | complete icon 95 4 2 2 | text 2 4 11 3 | text 15 3 24 5 | text 88 4 5 2 | text 48 4 11 3 | text 63 4 11 3 | text 79 4 8 2", "layout_seq_without_completion": "button 2 10 21 3 | icon 95 4 2 2 | text 2 4 11 3 | text 15 3 24 5 | text 88 4 5 2 | text 48 4 11 3 | text 63 4 11 3 | text 79 4 8 2", "plain_layout_seq": "button 2 10 21 3 | icon 95 4 2 2 | text 2 4 11 3 | text 15 3 24 5 | text 88 4 5 2 | text 48 4 11 3 | text 63 4 11 3 | text 79 4 8 2", "canvas_width": 1024, "canvas_height": 153, "elements": [ { "type": "text", "position": [ 129, 30, 211, 43 ], "completed": false }, { "type": "text", "position": [ 20, 38, 99, 28 ], "completed": false }, { "type": "text", "position": [ 411, 38, 99, 28 ], "completed": false }, { "type": "text", "position": [ 545, 38, 95, 28 ], "completed": false }, { "type": "icon", "position": [ 811, 39, 24, 24 ], "completed": true }, { "type": "text", "position": [ 675, 42, 73, 19 ], "completed": false }, { "type": "text", "position": [ 758, 42, 43, 19 ], "completed": false }, { "type": "button", "position": [ 20, 93, 187, 28 ], "completed": false } ] }, { "text": "# A page to advertise the product in the Nayuki Osaka store. # The page should have an image showing the product, a title with the name of the product, and a text box with a long description of the product.", "region_id": "1758", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'large'] ] ]", "execution": "singleinfo : description undefined large | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 12 40 34 25 | image 62 10 45 68 | title 12 19 34 7", "layout_seq_without_completion": "description 12 40 34 25 | image 62 10 45 68 | title 12 19 34 7", "plain_layout_seq": "description 12 40 34 25 | image 62 10 45 68 | title 12 19 34 7", "canvas_width": 938, "canvas_height": 637, "elements": [ { "type": "image", "position": [ 486, 85, 357, 535 ], "completed": false }, { "type": "title", "position": [ 98, 153, 273, 60 ], "completed": false }, { "type": "description", "position": [ 98, 315, 273, 202 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a short slogan and two introductions of the service and the commitment of the company to entice users to use its service.", "region_id": "1268", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] ] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined small", "layout_seq_with_completion": "description 0 6 120 3 | description 0 11 120 3 | title 0 0 120 5", "layout_seq_without_completion": "description 0 6 120 3 | description 0 11 120 3 | title 0 0 120 5", "plain_layout_seq": "description 0 6 120 3 | description 0 11 120 3 | title 0 0 120 5", "canvas_width": 991, "canvas_height": 165, "elements": [ { "type": "title", "position": [ 0, 0, 991, 48 ], "completed": false }, { "type": "description", "position": [ 0, 57, 991, 28 ], "completed": false }, { "type": "description", "position": [ 0, 95, 991, 28 ], "completed": false } ] }, { "text": "#A page selling discount tires.# The page should include a title \"THE DISCOUNT TIRE DIFFERENCE\" and an image. There should also be a title \"Repair, Refund or Replacement\", an introduction, a link for users to learn more certificates and a pagination.", "region_id": "2703", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the discount tire difference'] ] [el:image] [el:title [attr:value 'repair, refund or replacement'] ] [el:description] [el:link [attr:value 'learn more about certificates'] ] [el:pagination] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 56 19 49 4 | complete icon 78 26 1 2 | complete icon 6 20 0 2 | complete icon 112 20 0 2 | image 4 12 49 18 | link 56 26 21 1 | title 56 15 59 3 | title 4 3 110 4 | \" [ complete button 57 33 1 1 ] | [ complete button 59 33 1 1 ] | [ complete button 61 33 1 1 ] \"", "layout_seq_without_completion": "description 56 19 49 4 | icon 78 26 1 2 | icon 6 20 0 2 | icon 112 20 0 2 | image 4 12 49 18 | link 56 26 21 1 | title 56 15 59 3 | title 4 3 110 4 | \" [ button 57 33 1 1 ] | [ button 59 33 1 1 ] | [ button 61 33 1 1 ] \"", "plain_layout_seq": "button 57 33 1 1 | button 59 33 1 1 | button 61 33 1 1 | description 56 19 49 4 | icon 78 26 1 2 | icon 6 20 0 2 | icon 112 20 0 2 | image 4 12 49 18 | link 56 26 21 1 | title 56 15 59 3 | title 4 3 110 4", "canvas_width": 1024, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 40, 34, 944, 40 ], "completed": false }, { "type": "image", "position": [ 40, 104, 420, 154 ], "completed": false }, { "type": "title", "position": [ 480, 128, 504, 26 ], "completed": false }, { "type": "description", "position": [ 480, 166, 420, 41 ], "completed": false }, { "type": "icon", "position": [ 56, 173, 8, 20 ], "completed": true }, { "type": "icon", "position": [ 960, 173, 8, 20 ], "completed": true }, { "type": "icon", "position": [ 672, 226, 9, 23 ], "completed": true }, { "type": "link", "position": [ 480, 227, 180, 17 ], "completed": false }, { "type": "button", "position": [ 487, 288, 14, 14 ], "completed": true }, { "type": "button", "position": [ 505, 288, 14, 14 ], "completed": true }, { "type": "button", "position": [ 523, 288, 14, 14 ], "completed": true } ] }, { "text": "#The page shows privacy issues of an app to the user.#There should be one content and one button named \"chat with us!\" for the user to click on to inquire or give a suggestion.", "region_id": "7992", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value 'chat with us!'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 4 0 110 14 | button 101 4 10 4 | text 7 2 91 9", "layout_seq_without_completion": "background 4 0 110 14 | button 101 4 10 4 | text 7 2 91 9", "plain_layout_seq": "background 4 0 110 14 | button 101 4 10 4 | text 7 2 91 9", "canvas_width": 1024, "canvas_height": 120, "elements": [ { "type": "background", "position": [ 40, 0, 944, 120 ], "completed": true }, { "type": "text", "position": [ 65, 19, 777, 81 ], "completed": false }, { "type": "button", "position": [ 867, 42, 87, 36 ], "completed": false } ] }, { "text": "#A page buying makeup products.# There is a title named \"Makeup second\". There is also a long explaination. There is a small button named \"Shop All Makeup\" for purchasing makeup products.", "region_id": "1303", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'makeup second'] ] [el:description [attr:size'large'] ] [el:button [attr:value'shop all makeup'] [attr:size'small'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined undefined", "layout_seq_with_completion": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "layout_seq_without_completion": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "plain_layout_seq": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "canvas_width": 960, "canvas_height": 246, "elements": [ { "type": "title", "position": [ 256, 0, 448, 40 ], "completed": false }, { "type": "description", "position": [ 256, 49, 448, 72 ], "completed": false }, { "type": "button", "position": [ 395, 131, 170, 50 ], "completed": false } ] }, { "text": "#A page buying makeup products.# There is a text box named \"Makeup second\". There is also a long text explaining the products. There is a small button for purchasing makeup products.", "region_id": "1303_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'makeup second'] ] [el:description [attr:size'large'] ] [el:button [attr:value'purchase makeup products'] [attr:size'small'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined undefined", "layout_seq_with_completion": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "layout_seq_without_completion": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "plain_layout_seq": "button 49 16 21 6 | description 32 6 56 9 | title 32 0 56 5", "canvas_width": 960, "canvas_height": 246, "elements": [ { "type": "title", "position": [ 256, 0, 448, 40 ], "completed": false }, { "type": "description", "position": [ 256, 49, 448, 72 ], "completed": false }, { "type": "button", "position": [ 395, 131, 170, 50 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a background image, a title, and a short introduction to present what the company does.", "region_id": "1157", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "layout_seq_without_completion": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "plain_layout_seq": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 570 ], "completed": false }, { "type": "title", "position": [ 43, 293, 378, 38 ], "completed": false }, { "type": "description", "position": [ 43, 341, 563, 72 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a big corresponding background image, a title, and a short introduction to present what the company does.", "region_id": "1157_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : background undefined large | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "layout_seq_without_completion": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "plain_layout_seq": "background 0 0 120 66 | description 5 39 65 8 | title 5 34 44 4", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 570 ], "completed": false }, { "type": "title", "position": [ 43, 293, 378, 38 ], "completed": false }, { "type": "description", "position": [ 43, 341, 563, 72 ], "completed": false } ] }, { "text": "# A page to advertise a product OrCam Read. # The page should have a title and a text box with the description of the feature and function of the product. Besides, there should be two text buttons for the user to learn more info and buy the product now.", "region_id": "1883", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] [el:button [attr:value'buy the product now'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 63 | button 3 42 16 3 | button 21 42 14 3 | description 3 26 43 11 | complete image 51 5 66 51 | title 3 17 43 7", "layout_seq_without_completion": "background 0 0 120 63 | button 3 42 16 3 | button 21 42 14 3 | description 3 26 43 11 | image 51 5 66 51 | title 3 17 43 7", "plain_layout_seq": "background 0 0 120 63 | button 3 42 16 3 | button 21 42 14 3 | description 3 26 43 11 | image 51 5 66 51 | title 3 17 43 7", "canvas_width": 1039, "canvas_height": 548, "elements": [ { "type": "background", "position": [ 0, 0, 1039, 548 ], "completed": true }, { "type": "image", "position": [ 448, 50, 576, 448 ], "completed": true }, { "type": "title", "position": [ 30, 155, 373, 61 ], "completed": false }, { "type": "description", "position": [ 30, 232, 373, 96 ], "completed": false }, { "type": "button", "position": [ 30, 364, 147, 29 ], "completed": false }, { "type": "button", "position": [ 188, 364, 127, 29 ], "completed": false } ] }, { "text": "#A page that exhibits photos.# The page should contain an image and a set of pagination.", "region_id": "5229", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:pagination] ]", "execution": "singleinfo : image undefined undefined | pagination undefined undefined", "layout_seq_with_completion": "complete button 8 18 4 4 | complete button 107 18 4 4 | complete icon 9 19 2 2 | complete icon 108 19 2 2 | image 0 0 120 41", "layout_seq_without_completion": "button 8 18 4 4 | button 107 18 4 4 | icon 9 19 2 2 | icon 108 19 2 2 | image 0 0 120 41", "plain_layout_seq": "button 8 18 4 4 | button 107 18 4 4 | icon 9 19 2 2 | icon 108 19 2 2 | image 0 0 120 41", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "button", "position": [ 70, 157, 40, 40 ], "completed": true }, { "type": "button", "position": [ 914, 157, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 77, 167, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 923, 167, 24, 24 ], "completed": true } ] }, { "text": "# A page for marketing a company by introducing the honor it obtains.# The page should have the title \"Loved by more than 7,000 companies\" and five images showing the honors.", "region_id": "4335", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'loved by more than 7,000 companies'] ] [el:image [attr:repeat '5'] ] ]", "execution": "singleinfo : image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 11 27 31 | image 92 11 27 31 | title 26 11 67 4 | \" [ image 12 21 14 16 ] | [ image 30 21 14 16 ] | [ image 49 21 22 25 ] | [ image 75 21 13 16 ] | [ image 92 21 14 16 ] \"", "layout_seq_without_completion": "image 0 11 27 31 | image 92 11 27 31 | title 26 11 67 4 | \" [ image 12 21 14 16 ] | [ image 30 21 14 16 ] | [ image 49 21 22 25 ] | [ image 75 21 13 16 ] | [ image 92 21 14 16 ] \"", "plain_layout_seq": "image 0 11 27 31 | image 92 11 27 31 | image 12 21 14 16 | image 30 21 14 16 | image 49 21 22 25 | image 75 21 13 16 | image 92 21 14 16 | title 26 11 67 4", "canvas_width": 1024, "canvas_height": 495, "elements": [ { "type": "image", "position": [ 0, 96, 237, 270 ], "completed": false }, { "type": "title", "position": [ 224, 96, 575, 40 ], "completed": false }, { "type": "image", "position": [ 787, 96, 237, 270 ], "completed": false }, { "type": "image", "position": [ 104, 184, 127, 143 ], "completed": false }, { "type": "image", "position": [ 263, 184, 127, 143 ], "completed": false }, { "type": "image", "position": [ 422, 184, 192, 216 ], "completed": false }, { "type": "image", "position": [ 646, 184, 115, 144 ], "completed": false }, { "type": "image", "position": [ 793, 184, 127, 143 ], "completed": false } ] }, { "text": "#A page for introducing some solutions.# There should be three text boxes, one for the label \"Solutions\", one for the title \"Find efficiency and innovation\", and the remaining for the detail.", "region_id": "493", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'solutions'] ] [el:title [attr:value'find efficiency and innovation'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "layout_seq_without_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "plain_layout_seq": "description 1 17 117 3 | title 1 5 117 1 | title 1 10 117 5", "canvas_width": 1024, "canvas_height": 236, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 16 ], "completed": false }, { "type": "title", "position": [ 10, 86, 1004, 44 ], "completed": false }, { "type": "description", "position": [ 10, 150, 1004, 26 ], "completed": false } ] }, { "text": "#A page for introducing some solutions.# There should be three text boxes, one for the label, one for the title, and the remaining for the detail.", "region_id": "493_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "layout_seq_without_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "plain_layout_seq": "description 1 17 117 3 | title 1 5 117 1 | title 1 10 117 5", "canvas_width": 1024, "canvas_height": 236, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 16 ], "completed": false }, { "type": "title", "position": [ 10, 86, 1004, 44 ], "completed": false }, { "type": "description", "position": [ 10, 150, 1004, 26 ], "completed": false } ] }, { "text": "# A page for attracting users to get further information.#The page should have the title \"Online Records\", a description, and a button \"Find out more\".", "region_id": "5813", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'online records'] ] [el:description] [el:button [attr:value 'find out more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 63 | button 17 48 16 4 | description 6 17 37 27 | complete image 2 5 45 51 | title 6 9 37 6", "layout_seq_without_completion": "background 0 0 120 63 | button 17 48 16 4 | description 6 17 37 27 | image 2 5 45 51 | title 6 9 37 6", "plain_layout_seq": "background 0 0 120 63 | button 17 48 16 4 | description 6 17 37 27 | image 2 5 45 51 | title 6 9 37 6", "canvas_width": 1024, "canvas_height": 542, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 542 ], "completed": true }, { "type": "image", "position": [ 20, 51, 391, 440 ], "completed": true }, { "type": "title", "position": [ 54, 80, 323, 54 ], "completed": false }, { "type": "description", "position": [ 54, 151, 323, 238 ], "completed": false }, { "type": "button", "position": [ 147, 412, 137, 40 ], "completed": false } ] }, { "text": "#A page for introducing the website uses cookies.# There is one label \"The website uses cookies\", one description, and two buttons, one for managing the choices and the other for accepting all.", "region_id": "4005", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the website uses cookies'] ] [el:description] [el:button [attr:value 'manage my choices'] ] [el:button [attr:value 'agree all'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 24 15 20 4 | button 2 15 20 4 | description 2 7 115 7 | title 2 2 115 3", "layout_seq_without_completion": "button 24 15 20 4 | button 2 15 20 4 | description 2 7 115 7 | title 2 2 115 3", "plain_layout_seq": "button 24 15 20 4 | button 2 15 20 4 | description 2 7 115 7 | title 2 2 115 3", "canvas_width": 1024, "canvas_height": 196, "elements": [ { "type": "title", "position": [ 20, 20, 984, 30 ], "completed": false }, { "type": "description", "position": [ 20, 60, 984, 64 ], "completed": false }, { "type": "button", "position": [ 20, 129, 175, 42 ], "completed": false }, { "type": "button", "position": [ 205, 129, 175, 42 ], "completed": false } ] }, { "text": "#A page for showing the A-Z list.# The page should have a title and a short description, and some buttons including #, 0-9, and A-Z for users to click to learn more.", "region_id": "5184", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:repeat 'several'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "description 12 0 15 1 | title 0 0 10 2 | \" [ button 0 4 3 3 ] | [ button 4 4 4 3 ] | [ button 10 4 3 3 ] | [ button 14 4 3 3 ] | [ button 19 4 3 3 ] | [ button 23 4 3 3 ] | [ button 28 4 3 3 ] | [ button 32 4 3 3 ] | [ button 36 4 3 3 ] | [ button 41 4 3 3 ] | [ button 45 4 2 3 ] | [ button 49 4 2 3 ] | [ button 53 4 3 3 ] | [ button 57 4 3 3 ] | [ button 62 4 3 3 ] | [ button 66 4 3 3 ] | [ button 71 4 3 3 ] | [ button 76 4 3 3 ] | [ button 80 4 3 3 ] | [ button 85 4 3 3 ] | [ button 89 4 3 3 ] | [ button 94 4 3 3 ] | [ button 98 4 3 3 ] | [ button 102 4 3 3 ] | [ button 107 4 3 3 ] | [ button 112 4 3 3 ] | [ button 0 9 3 3 ] | [ button 4 9 3 3 ] \"", "layout_seq_without_completion": "description 12 0 15 1 | title 0 0 10 2 | \" [ button 0 4 3 3 ] | [ button 4 4 4 3 ] | [ button 10 4 3 3 ] | [ button 14 4 3 3 ] | [ button 19 4 3 3 ] | [ button 23 4 3 3 ] | [ button 28 4 3 3 ] | [ button 32 4 3 3 ] | [ button 36 4 3 3 ] | [ button 41 4 3 3 ] | [ button 45 4 2 3 ] | [ button 49 4 2 3 ] | [ button 53 4 3 3 ] | [ button 57 4 3 3 ] | [ button 62 4 3 3 ] | [ button 66 4 3 3 ] | [ button 71 4 3 3 ] | [ button 76 4 3 3 ] | [ button 80 4 3 3 ] | [ button 85 4 3 3 ] | [ button 89 4 3 3 ] | [ button 94 4 3 3 ] | [ button 98 4 3 3 ] | [ button 102 4 3 3 ] | [ button 107 4 3 3 ] | [ button 112 4 3 3 ] | [ button 0 9 3 3 ] | [ button 4 9 3 3 ] \"", "plain_layout_seq": "button 0 4 3 3 | button 4 4 4 3 | button 10 4 3 3 | button 14 4 3 3 | button 19 4 3 3 | button 23 4 3 3 | button 28 4 3 3 | button 32 4 3 3 | button 36 4 3 3 | button 41 4 3 3 | button 45 4 2 3 | button 49 4 2 3 | button 53 4 3 3 | button 57 4 3 3 | button 62 4 3 3 | button 66 4 3 3 | button 71 4 3 3 | button 76 4 3 3 | button 80 4 3 3 | button 85 4 3 3 | button 89 4 3 3 | button 94 4 3 3 | button 98 4 3 3 | button 102 4 3 3 | button 107 4 3 3 | button 112 4 3 3 | button 0 9 3 3 | button 4 9 3 3 | description 12 0 15 1 | title 0 0 10 2", "canvas_width": 984, "canvas_height": 109, "elements": [ { "type": "title", "position": [ 0, 0, 86, 18 ], "completed": false }, { "type": "description", "position": [ 106, 4, 128, 14 ], "completed": false }, { "type": "button", "position": [ 0, 39, 25, 25 ], "completed": false }, { "type": "button", "position": [ 35, 39, 39, 25 ], "completed": false }, { "type": "button", "position": [ 84, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 120, 39, 27, 25 ], "completed": false }, { "type": "button", "position": [ 157, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 193, 39, 27, 25 ], "completed": false }, { "type": "button", "position": [ 230, 39, 25, 25 ], "completed": false }, { "type": "button", "position": [ 265, 39, 25, 25 ], "completed": false }, { "type": "button", "position": [ 300, 39, 27, 25 ], "completed": false }, { "type": "button", "position": [ 337, 39, 28, 25 ], "completed": false }, { "type": "button", "position": [ 375, 39, 22, 25 ], "completed": false }, { "type": "button", "position": [ 407, 39, 22, 25 ], "completed": false }, { "type": "button", "position": [ 439, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 475, 39, 25, 25 ], "completed": false }, { "type": "button", "position": [ 510, 39, 29, 25 ], "completed": false }, { "type": "button", "position": [ 549, 39, 28, 25 ], "completed": false }, { "type": "button", "position": [ 587, 39, 28, 25 ], "completed": false }, { "type": "button", "position": [ 625, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 661, 39, 28, 25 ], "completed": false }, { "type": "button", "position": [ 699, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 735, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 771, 39, 25, 25 ], "completed": false }, { "type": "button", "position": [ 806, 39, 27, 25 ], "completed": false }, { "type": "button", "position": [ 843, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 879, 39, 30, 25 ], "completed": false }, { "type": "button", "position": [ 919, 39, 26, 25 ], "completed": false }, { "type": "button", "position": [ 0, 74, 26, 25 ], "completed": false }, { "type": "button", "position": [ 36, 74, 25, 25 ], "completed": false } ] }, { "text": "#A page showing the news about Toyota's new launch in Japan.# There should be one label, a text box titled \"Toyota to Launch All-New bZ4x BEV on May 12 in Japan\", and a short text box showing the date. Also, it is better to have an attractive background image of the product.", "region_id": "184", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title [attr:value'toyota to launch all-new bz4x bev on may 12 in japan'] ] [el:text [attr:size'small'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | text undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 45 | \" [ text 3 32 6 2 ] | [ title 3 35 112 2 ] | [ title 3 38 112 4 ] \"", "layout_seq_without_completion": "background 0 0 120 45 | \" [ text 3 32 6 2 ] | [ title 3 35 112 2 ] | [ title 3 38 112 4 ] \"", "plain_layout_seq": "background 0 0 120 45 | text 3 32 6 2 | title 3 35 112 2 | title 3 38 112 4", "canvas_width": 1024, "canvas_height": 391, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 391 ], "completed": false }, { "type": "text", "position": [ 32, 278, 58, 18 ], "completed": false }, { "type": "title", "position": [ 32, 305, 960, 18 ], "completed": false }, { "type": "title", "position": [ 32, 331, 960, 36 ], "completed": false } ] }, { "text": "# A page for the user to check careers and join the company. # On the page, there should include one title \"Join Our Team\" and a slogan to attract the user. Besides, there should be a text link used to click to check careers in the team.", "region_id": "2025", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'join our team'] ] [el:title] [el:link [attr:value'careers in the team'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 26 | link 80 15 20 5 | title 6 18 54 1 | title 6 6 54 4", "layout_seq_without_completion": "background 0 0 120 26 | link 80 15 20 5 | title 6 18 54 1 | title 6 6 54 4", "plain_layout_seq": "background 0 0 120 26 | link 80 15 20 5 | title 6 18 54 1 | title 6 6 54 4", "canvas_width": 1024, "canvas_height": 228, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 228 ], "completed": true }, { "type": "title", "position": [ 57, 55, 462, 40 ], "completed": false }, { "type": "link", "position": [ 683, 128, 171, 46 ], "completed": false }, { "type": "title", "position": [ 57, 156, 462, 17 ], "completed": false } ] }, { "text": "#A page for attracting users to subscribe. # A page should include an exciting slogan and a short description to call for subscriptions, an input box for users to enter an email address, and a button to click to subscribe. A big background image as the extra layout.", "region_id": "7200", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'subscribe'] ] [el:background_image [attr:size 'large'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 47 | button 75 27 17 5 | description 28 20 63 2 | input 26 27 46 5 | title 26 13 67 4", "layout_seq_without_completion": "background 0 0 120 47 | button 75 27 17 5 | description 28 20 63 2 | input 26 27 46 5 | title 26 13 67 4", "plain_layout_seq": "background 0 0 120 47 | button 75 27 17 5 | description 28 20 63 2 | input 26 27 46 5 | title 26 13 67 4", "canvas_width": 1009, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 400 ], "completed": false }, { "type": "title", "position": [ 222, 116, 564, 36 ], "completed": false }, { "type": "description", "position": [ 240, 176, 530, 25 ], "completed": false }, { "type": "input", "position": [ 222, 231, 395, 46 ], "completed": false }, { "type": "button", "position": [ 637, 231, 149, 46 ], "completed": false } ] }, { "text": "#This page is to guide users to subscribe to the product. #This page has a title of \"Subscribe to receive all our news and promotions\", with an input box for Your best email and a button for Sign Up Free below.", "region_id": "4626", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to receive all our news and promotions'] ] [el:input [attr:value 'Your best email'] ] [el:button [attr:value 'sign up free'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 38 | button 72 24 18 6 | input 29 24 42 6 | title 18 8 83 11", "layout_seq_without_completion": "background 0 0 120 38 | button 72 24 18 6 | input 29 24 42 6 | title 18 8 83 11", "plain_layout_seq": "background 0 0 120 38 | button 72 24 18 6 | input 29 24 42 6 | title 18 8 83 11", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 329 ], "completed": true }, { "type": "title", "position": [ 157, 70, 710, 96 ], "completed": false }, { "type": "input", "position": [ 248, 213, 361, 56 ], "completed": false }, { "type": "button", "position": [ 620, 213, 156, 56 ], "completed": false } ] }, { "text": "# A page showing the customer's review for a company.# The page should have an image of the customer, a review, and a customer name with a website.", "region_id": "6298", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text[attr:repeat'2']] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 62 3 12 18 | text 62 26 56 10 | text 62 39 56 5", "layout_seq_without_completion": "image 62 3 12 18 | text 62 26 56 10 | text 62 39 56 5", "plain_layout_seq": "image 62 3 12 18 | text 62 26 56 10 | text 62 39 56 5", "canvas_width": 1024, "canvas_height": 460, "elements": [ { "type": "image", "position": [ 537, 31, 110, 160 ], "completed": false }, { "type": "text", "position": [ 537, 222, 482, 90 ], "completed": false }, { "type": "text", "position": [ 537, 336, 482, 48 ], "completed": false } ] }, { "text": "#A page introducing the companies that succeeded with Procore. # The page should have an exciting title to introduce the projects succeded with Porcore, and some images to show some logos of the projects.", "region_id": "2030", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:logo [attr:repeat'several'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 20 5 79 8 | \" [ logo 43 17 7 7 ] | [ logo 66 18 11 5 ] | [ logo 92 18 11 3 ] | [ logo 15 19 11 1 ] | [ logo 66 27 11 3 ] | [ logo 92 27 11 4 ] | [ logo 15 28 11 2 ] | [ logo 41 28 11 2 ] \"", "layout_seq_without_completion": "title 20 5 79 8 | \" [ logo 43 17 7 7 ] | [ logo 66 18 11 5 ] | [ logo 92 18 11 3 ] | [ logo 15 19 11 1 ] | [ logo 66 27 11 3 ] | [ logo 92 27 11 4 ] | [ logo 15 28 11 2 ] | [ logo 41 28 11 2 ] \"", "plain_layout_seq": "logo 43 17 7 7 | logo 66 18 11 5 | logo 92 18 11 3 | logo 15 19 11 1 | logo 66 27 11 3 | logo 92 27 11 4 | logo 15 28 11 2 | logo 41 28 11 2 | title 20 5 79 8", "canvas_width": 1024, "canvas_height": 398, "elements": [ { "type": "title", "position": [ 172, 50, 680, 72 ], "completed": false }, { "type": "logo", "position": [ 373, 147, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 571, 155, 100, 44 ], "completed": false }, { "type": "logo", "position": [ 790, 162, 100, 30 ], "completed": false }, { "type": "logo", "position": [ 134, 168, 100, 16 ], "completed": false }, { "type": "logo", "position": [ 790, 232, 100, 41 ], "completed": false }, { "type": "logo", "position": [ 571, 238, 100, 27 ], "completed": false }, { "type": "logo", "position": [ 134, 242, 100, 21 ], "completed": false }, { "type": "logo", "position": [ 353, 243, 100, 19 ], "completed": false } ] }, { "text": "#A page encouraging users to use Jobber.# The page should include the title \"Start using Jobber free\". There is an input and a button \"START NOW\" for users to write their email addresses. Two texts are showing the advantages of Jobber. The page also contains a link for users to compare plans from $39/month.", "region_id": "6098", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'start using jobber free'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'START NOW'] ] [el:text [attr:repeat '2'] ] [el:link [attr:value 'compare plans from $39/month'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 5 5 109 34 | button 48 19 24 7 | input 10 19 37 7 | link 10 31 30 2 | text 81 19 27 3 | text 81 23 27 3 | complete text 13 22 12 3 | title 10 11 98 4", "layout_seq_without_completion": "background 5 5 109 34 | button 48 19 24 7 | input 10 19 37 7 | link 10 31 30 2 | text 81 19 27 3 | text 81 23 27 3 | text 13 22 12 3 | title 10 11 98 4", "plain_layout_seq": "background 5 5 109 34 | button 48 19 24 7 | input 10 19 37 7 | link 10 31 30 2 | text 81 19 27 3 | text 81 23 27 3 | text 13 22 12 3 | title 10 11 98 4", "canvas_width": 1009, "canvas_height": 388, "elements": [ { "type": "background", "position": [ 44, 48, 921, 293 ], "completed": true }, { "type": "title", "position": [ 92, 96, 825, 40 ], "completed": false }, { "type": "text", "position": [ 686, 164, 231, 26 ], "completed": false }, { "type": "input", "position": [ 92, 168, 313, 64 ], "completed": false }, { "type": "button", "position": [ 405, 168, 209, 64 ], "completed": false }, { "type": "text", "position": [ 116, 185, 106, 29 ], "completed": true }, { "type": "text", "position": [ 686, 198, 231, 26 ], "completed": false }, { "type": "link", "position": [ 92, 266, 256, 23 ], "completed": false } ] }, { "text": "#A page for introducing a software named \"Dashboards\" to users.# The page should include an interface of the Dashboards on the right, one title, and a brief description on the left side. Besides, a button is needed for users to click for further information.", "region_id": "454", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'right'] ] [el:title [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description left small | image right undefined | title left undefined", "layout_seq_with_completion": "button 4 18 22 2 | description 2 7 46 8 | image 62 0 56 25 | title 2 1 46 3", "layout_seq_without_completion": "button 4 18 22 2 | description 2 7 46 8 | image 62 0 56 25 | title 2 1 46 3", "plain_layout_seq": "button 4 18 22 2 | description 2 7 46 8 | image 62 0 56 25 | title 2 1 46 3", "canvas_width": 960, "canvas_height": 204, "elements": [ { "type": "image", "position": [ 496, 0, 448, 204 ], "completed": false }, { "type": "title", "position": [ 16, 11, 368, 30 ], "completed": false }, { "type": "description", "position": [ 16, 57, 368, 64 ], "completed": false }, { "type": "button", "position": [ 32, 149, 180, 16 ], "completed": false } ] }, { "text": "# A page for applying for legal help in Singapore. # On the page, there should be one title and a brief introduction. There should include three buttons, which the user can click to apply for help according to the type, such as business formation, wills, trusts., and intellectual property. It is better to have an image of the topic on the right side.", "region_id": "1587", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'business formation'] ] [el:button [attr:value'wills and trusts'] ] [el:button [attr:value'intellectual property'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21 | \" [ button 1 42 57 6 ] | [ button 1 51 57 6 ] | [ button 1 61 57 6 ] \"", "layout_seq_without_completion": "description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21 | \" [ button 1 42 57 6 ] | [ button 1 51 57 6 ] | [ button 1 61 57 6 ] \"", "plain_layout_seq": "button 1 42 57 6 | button 1 51 57 6 | button 1 61 57 6 | description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21", "canvas_width": 960, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 12, 0, 456, 168 ], "completed": false }, { "type": "image", "position": [ 492, 178, 456, 448 ], "completed": false }, { "type": "description", "position": [ 12, 192, 456, 96 ], "completed": false }, { "type": "button", "position": [ 12, 336, 456, 52 ], "completed": false }, { "type": "button", "position": [ 12, 412, 456, 52 ], "completed": false }, { "type": "button", "position": [ 12, 488, 456, 52 ], "completed": false } ] }, { "text": "# A page for applying for legal help in Singapore. # On the page, it is necessary to have two text boxes. One is the title and another is the brief introduction. There should include three text buttons, which the user can click to apply for help according to the type, such as business formation, wills, trusts., and intellectual property. It is better to have an image of the topic.", "region_id": "1587_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'business formation'] ] [el:button [attr:value'wills and trusts'] ] [el:button [attr:value'intellectual property'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21 | \" [ button 1 42 57 6 ] | [ button 1 51 57 6 ] | [ button 1 61 57 6 ] \"", "layout_seq_without_completion": "description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21 | \" [ button 1 42 57 6 ] | [ button 1 51 57 6 ] | [ button 1 61 57 6 ] \"", "plain_layout_seq": "button 1 42 57 6 | button 1 51 57 6 | button 1 61 57 6 | description 1 24 57 12 | image 61 22 57 56 | title 1 0 57 21", "canvas_width": 960, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 12, 0, 456, 168 ], "completed": false }, { "type": "image", "position": [ 492, 178, 456, 448 ], "completed": false }, { "type": "description", "position": [ 12, 192, 456, 96 ], "completed": false }, { "type": "button", "position": [ 12, 336, 456, 52 ], "completed": false }, { "type": "button", "position": [ 12, 412, 456, 52 ], "completed": false }, { "type": "button", "position": [ 12, 488, 456, 52 ], "completed": false } ] }, { "text": "#A page showing the product download interface to users.#The page should have one logo, one small text, two buttons for users to click to download, one number representing the size of the product, and one publication date.", "region_id": "3028", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:text [attr:size 'small'] ] [el:button [attr:repeat '2'] ] [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined small | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 0 0 10 3 | button 88 0 7 4 | logo 0 0 11 4 | text 105 0 14 4 | text 11 0 76 4 | text 95 0 10 4", "layout_seq_without_completion": "button 0 0 10 3 | button 88 0 7 4 | logo 0 0 11 4 | text 105 0 14 4 | text 11 0 76 4 | text 95 0 10 4", "plain_layout_seq": "button 0 0 10 3 | button 88 0 7 4 | logo 0 0 11 4 | text 105 0 14 4 | text 11 0 76 4 | text 95 0 10 4", "canvas_width": 940, "canvas_height": 38, "elements": [ { "type": "logo", "position": [ 0, 0, 89, 38 ], "completed": false }, { "type": "text", "position": [ 90, 0, 603, 38 ], "completed": false }, { "type": "button", "position": [ 692, 0, 56, 38 ], "completed": false }, { "type": "text", "position": [ 749, 0, 81, 38 ], "completed": false }, { "type": "text", "position": [ 830, 0, 110, 38 ], "completed": false }, { "type": "button", "position": [ 5, 5, 80, 28 ], "completed": false } ] }, { "text": "# A page to introduce the company Convoy for shippers. # The page should have a title \"For Shippers\" and a slogan. There should also a text box with the description of the service of Convoy. It is necessary to contain a text button to learn more info by clicking it. There should be an image about the topic.", "region_id": "75", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'for shippers'] ] [el:title] [el:description] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 55 16 5 | description 8 39 43 12 | image 60 5 60 75 | title 8 22 43 2 | title 8 27 43 10", "layout_seq_without_completion": "button 8 55 16 5 | description 8 39 43 12 | image 60 5 60 75 | title 8 22 43 2 | title 8 27 43 10", "plain_layout_seq": "button 8 55 16 5 | description 8 39 43 12 | image 60 5 60 75 | title 8 22 43 2 | title 8 27 43 10", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "image", "position": [ 512, 50, 512, 640 ], "completed": false }, { "type": "title", "position": [ 72, 195, 368, 22 ], "completed": false }, { "type": "title", "position": [ 72, 233, 368, 92 ], "completed": false }, { "type": "description", "position": [ 72, 341, 368, 108 ], "completed": false }, { "type": "button", "position": [ 72, 473, 138, 47 ], "completed": false } ] }, { "text": "#A page for recruiting.# There should be one title\"Start your career at ZF!\" and a detailed description. One button is used to learn more info. One image is used for showing the advertisement.", "region_id": "2427", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'start your career at zf!']] [el:description] [el:button [attr:value 'Learn more']] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "layout_seq_without_completion": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "plain_layout_seq": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "canvas_width": 904, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 464, 33, 428, 32 ], "completed": false }, { "type": "image", "position": [ 12, 40, 427, 285 ], "completed": false }, { "type": "description", "position": [ 464, 75, 428, 120 ], "completed": false }, { "type": "button", "position": [ 464, 219, 35, 17 ], "completed": false } ] }, { "text": "#A page for recruiting.# There should be two text boxes, one for the title and the other for a detailed description. One text button is used to learn more info. One image is used for showing the advertisement.", "region_id": "2427_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'Learn more']] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "layout_seq_without_completion": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "plain_layout_seq": "button 61 29 4 2 | description 61 9 56 15 | image 1 5 56 37 | title 61 4 56 4", "canvas_width": 904, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 464, 33, 428, 32 ], "completed": false }, { "type": "image", "position": [ 12, 40, 427, 285 ], "completed": false }, { "type": "description", "position": [ 464, 75, 428, 120 ], "completed": false }, { "type": "button", "position": [ 464, 219, 35, 17 ], "completed": false } ] }, { "text": "#A page for introducing the HPE's new virtual customer innovation center to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. On the right side, there should be an image of the HPE.", "region_id": "1437", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 52 | button 9 37 25 4 | description 9 27 50 5 | image 60 11 50 28 | title 9 13 35 12", "layout_seq_without_completion": "background 0 0 120 52 | button 9 37 25 4 | description 9 27 50 5 | image 60 11 50 28 | title 9 13 35 12", "plain_layout_seq": "background 0 0 120 52 | button 9 37 25 4 | description 9 27 50 5 | image 60 11 50 28 | title 9 13 35 12", "canvas_width": 1024, "canvas_height": 451, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 451 ], "completed": true }, { "type": "image", "position": [ 512, 96, 432, 243 ], "completed": false }, { "type": "title", "position": [ 80, 117, 305, 108 ], "completed": false }, { "type": "description", "position": [ 80, 237, 432, 44 ], "completed": false }, { "type": "button", "position": [ 80, 321, 216, 40 ], "completed": false } ] }, { "text": "#A page for attracting users to sign up.# The page should have two texts to call for users to sign up, an input for users to enter an email, and a button for users to click sign up.", "region_id": "7866", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:input [attr:value 'enter an email'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 89 14 15 4 | input 13 14 75 4 | text 34 2 50 4 | text 41 9 37 2", "layout_seq_without_completion": "button 89 14 15 4 | input 13 14 75 4 | text 34 2 50 4 | text 41 9 37 2", "plain_layout_seq": "button 89 14 15 4 | input 13 14 75 4 | text 34 2 50 4 | text 41 9 37 2", "canvas_width": 1024, "canvas_height": 181, "elements": [ { "type": "text", "position": [ 296, 20, 432, 41 ], "completed": false }, { "type": "text", "position": [ 350, 82, 324, 20 ], "completed": false }, { "type": "button", "position": [ 763, 123, 134, 38 ], "completed": false }, { "type": "input", "position": [ 117, 125, 646, 38 ], "completed": false } ] }, { "text": "# A page for marketing an app DeskTime. # The page should have an image showing 8 logos of tools that integrate with DseskTime, the title \"Integrations with popular work tools\", and a further description to have a brief introduction to the service of DeskTime. Also, it is necessary to have a button for the user to click to read more info.", "region_id": "3323", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image ] [el:title [attr:value 'Integrations with popular work tools'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more info'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 36 12 4 | description 61 20 52 13 | image 5 7 52 35 | title 61 8 52 10", "layout_seq_without_completion": "button 61 36 12 4 | description 61 20 52 13 | image 5 7 52 35 | title 61 8 52 10", "plain_layout_seq": "button 61 36 12 4 | description 61 20 52 13 | image 5 7 52 35 | title 61 8 52 10", "canvas_width": 1024, "canvas_height": 427, "elements": [ { "type": "image", "position": [ 48, 64, 448, 299 ], "completed": false }, { "type": "title", "position": [ 528, 73, 448, 92 ], "completed": false }, { "type": "description", "position": [ 528, 177, 448, 112 ], "completed": false }, { "type": "button", "position": [ 528, 313, 104, 40 ], "completed": false } ] }, { "text": "# A page to introduce Pfizer RxPathways. # On the page, there should contain a text box with a brief introduction of Pfizer RxPathways. And a text button is needed to explore it to know more info by clicking the button. There should be an image of the topics.", "region_id": "1970", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "button 61 58 24 7 | description 61 14 53 35 | image 4 9 53 71", "layout_seq_without_completion": "button 61 58 24 7 | description 61 14 53 35 | image 4 9 53 71", "plain_layout_seq": "button 61 58 24 7 | description 61 14 53 35 | image 4 9 53 71", "canvas_width": 1003, "canvas_height": 719, "elements": [ { "type": "image", "position": [ 40, 80, 450, 599 ], "completed": false }, { "type": "description", "position": [ 514, 120, 450, 300 ], "completed": false }, { "type": "button", "position": [ 514, 490, 208, 61 ], "completed": false } ] }, { "text": "#A page introducing Gett. # The page should have one title and one introduction of the pros of Gett, and a button for users to click to learn more. In addition, a corresponding image is needed to show the convenience of Gett.", "region_id": "175", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 75 23 5 | description 1 61 46 8 | image 61 9 56 57 | title 1 9 44 48", "layout_seq_without_completion": "button 1 75 23 5 | description 1 61 46 8 | image 61 9 56 57 | title 1 9 44 48", "plain_layout_seq": "button 1 75 23 5 | description 1 61 46 8 | image 61 9 56 57 | title 1 9 44 48", "canvas_width": 1003, "canvas_height": 676, "elements": [ { "type": "title", "position": [ 16, 78, 373, 407 ], "completed": false }, { "type": "image", "position": [ 514, 80, 473, 480 ], "completed": false }, { "type": "description", "position": [ 16, 516, 386, 72 ], "completed": false }, { "type": "button", "position": [ 16, 628, 200, 48 ], "completed": false } ] }, { "text": "#A page introducing Gett. # The page should have two text boxes to introduce the pros of Gett, and a button for users to click to learn more. In addition, a corresponding image is needed to show the convenience of Gett.", "region_id": "175_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat'2'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 1 75 23 5 | description 1 61 46 8 | description 1 9 44 48 | image 61 9 56 57", "layout_seq_without_completion": "button 1 75 23 5 | description 1 61 46 8 | description 1 9 44 48 | image 61 9 56 57", "plain_layout_seq": "button 1 75 23 5 | description 1 61 46 8 | description 1 9 44 48 | image 61 9 56 57", "canvas_width": 1003, "canvas_height": 676, "elements": [ { "type": "description", "position": [ 16, 78, 373, 407 ], "completed": false }, { "type": "image", "position": [ 514, 80, 473, 480 ], "completed": false }, { "type": "description", "position": [ 16, 516, 386, 72 ], "completed": false }, { "type": "button", "position": [ 16, 628, 200, 48 ], "completed": false } ] }, { "text": "# A page to guide the user to start Upscaling. # On the page, there should include a background image, a question \"Ready to upscale your photo and get stunning results?\" to attract the user, and a button for the user to start Upscaling by clicking it.", "region_id": "6016", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value 'ready to upscale your photo and get stunning results?'] ] [el:button [attr:value 'start upscaling'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 61 | button 45 42 28 7 | text 22 11 76 29", "layout_seq_without_completion": "background 0 0 120 61 | button 45 42 28 7 | text 22 11 76 29", "plain_layout_seq": "background 0 0 120 61 | button 45 42 28 7 | text 22 11 76 29", "canvas_width": 898, "canvas_height": 459, "elements": [ { "type": "background", "position": [ 0, 0, 898, 459 ], "completed": false }, { "type": "text", "position": [ 165, 85, 569, 223 ], "completed": false }, { "type": "button", "position": [ 341, 316, 216, 59 ], "completed": false } ] }, { "text": "#A page introducing the partners of a company.# A page should include one title and one introduction of the partners of the company. A big image is needed to show the logos of the cooperation companies.", "region_id": "1622", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "description 25 15 68 6 | image 5 0 108 53 | title 0 0 120 11", "layout_seq_without_completion": "description 25 15 68 6 | image 5 0 108 53 | title 0 0 120 11", "plain_layout_seq": "description 25 15 68 6 | image 5 0 108 53 | title 0 0 120 11", "canvas_width": 1221, "canvas_height": 548, "elements": [ { "type": "title", "position": [ 0, 0, 1221, 116 ], "completed": false }, { "type": "image", "position": [ 61, 0, 1099, 548 ], "completed": false }, { "type": "description", "position": [ 261, 157, 699, 69 ], "completed": false } ] }, { "text": "#A page for introducing a technical journal.# The page should have one title and one short introduction to the papers published by the journal to attract users to read it. One button is needed for users to click to explore. There should also be one big image.", "region_id": "1771", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 7 62 16 5 | description 7 54 110 5 | image 0 0 81 45 | complete image 4 41 115 31 | title 7 45 25 4", "layout_seq_without_completion": "button 7 62 16 5 | description 7 54 110 5 | image 0 0 81 45 | image 4 41 115 31 | title 7 45 25 4", "plain_layout_seq": "button 7 62 16 5 | description 7 54 110 5 | image 0 0 81 45 | image 4 41 115 31 | title 7 45 25 4", "canvas_width": 1007, "canvas_height": 606, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 261 ], "completed": true }, { "type": "title", "position": [ 60, 385, 214, 40 ], "completed": false }, { "type": "description", "position": [ 60, 455, 927, 48 ], "completed": false }, { "type": "button", "position": [ 60, 523, 137, 43 ], "completed": false } ] }, { "text": "#A page showing the English learning website for users.#The page should have one icon standing for serial number three, one text heading, one detailed description of this website, and one picture.", "region_id": "5662", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 23 56 30 | icon 3 0 8 7 | image 72 12 43 31 | complete text 6 0 2 5 | title 3 12 56 8", "layout_seq_without_completion": "description 3 23 56 30 | icon 3 0 8 7 | image 72 12 43 31 | text 6 0 2 5 | title 3 12 56 8", "plain_layout_seq": "description 3 23 56 30 | icon 3 0 8 7 | image 72 12 43 31 | text 6 0 2 5 | title 3 12 56 8", "canvas_width": 1024, "canvas_height": 541, "elements": [ { "type": "icon", "position": [ 30, 0, 72, 65 ], "completed": false }, { "type": "text", "position": [ 56, 5, 20, 44 ], "completed": true }, { "type": "title", "position": [ 30, 110, 482, 76 ], "completed": false }, { "type": "image", "position": [ 620, 110, 374, 270 ], "completed": false }, { "type": "description", "position": [ 30, 200, 482, 261 ], "completed": false } ] }, { "text": "# A page for introducing the solution of the company. # There should be one title and a brief of the solution. It is necessary to have an icon used to click to watch the video.", "region_id": "363", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 58 33 3 3 | description 0 27 120 3 | title 0 21 120 4", "layout_seq_without_completion": "button 58 33 3 3 | description 0 27 120 3 | title 0 21 120 4", "plain_layout_seq": "button 58 33 3 3 | description 0 27 120 3 | title 0 21 120 4", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 0, 181, 1024, 42 ], "completed": false }, { "type": "description", "position": [ 0, 231, 1024, 26 ], "completed": false }, { "type": "button", "position": [ 495, 284, 34, 33 ], "completed": false } ] }, { "text": "# A page to introduce the solution of the company. # There should be two textboxes introducing the brief of the solution. It is necessary to have an icon used to click to watch the video.", "region_id": "363_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:description [attr:size'small'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small", "layout_seq_with_completion": "button 58 33 3 3 | description 0 21 120 4 | description 0 27 120 3", "layout_seq_without_completion": "button 58 33 3 3 | description 0 21 120 4 | description 0 27 120 3", "plain_layout_seq": "button 58 33 3 3 | description 0 21 120 4 | description 0 27 120 3", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "description", "position": [ 0, 181, 1024, 42 ], "completed": false }, { "type": "description", "position": [ 0, 231, 1024, 26 ], "completed": false }, { "type": "button", "position": [ 495, 284, 34, 33 ], "completed": false } ] }, { "text": "# A page to download the Ola app. # On the page, there should be a title \"Book an Ola from the app\". And there should be three text buttons to tell the user can download in Apple Store, Google Play, and Microsoft. Then, an image showing the app is needed.", "region_id": "1843", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'book an ola from the app'] ] [el:button [attr:value'download in apple store'] ] [el:button [attr:value'download in google play'] ] [el:button [attr:value'download in microsoft'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | complete description 2 18 57 2 | image 63 3 50 43 | title 2 8 57 7 | \" [ button 2 31 18 5 ] | [ button 22 31 18 5 ] | [ button 43 31 15 5 ] \"", "layout_seq_without_completion": "background 0 0 120 46 | description 2 18 57 2 | image 63 3 50 43 | title 2 8 57 7 | \" [ button 2 31 18 5 ] | [ button 22 31 18 5 ] | [ button 43 31 15 5 ] \"", "plain_layout_seq": "background 0 0 120 46 | button 2 31 18 5 | button 22 31 18 5 | button 43 31 15 5 | description 2 18 57 2 | image 63 3 50 43 | title 2 8 57 7", "canvas_width": 1028, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1028, 400 ], "completed": true }, { "type": "image", "position": [ 543, 30, 436, 370 ], "completed": false }, { "type": "title", "position": [ 20, 77, 494, 66 ], "completed": false }, { "type": "description", "position": [ 20, 158, 494, 24 ], "completed": true }, { "type": "button", "position": [ 20, 272, 162, 48 ], "completed": false }, { "type": "button", "position": [ 195, 272, 162, 48 ], "completed": false }, { "type": "button", "position": [ 371, 272, 133, 48 ], "completed": false } ] }, { "text": "# A page to advertise a product iPhone 13 Pro. # On the page, there should contain two text boxes: a title \"iPhone 13 Pro\", and a phrase \"Oh. So. Pro\". There should also be an image of the product. And then two text links are needed for the user to learn more info about the product and buy it by clicking the links.", "region_id": "684", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'iphone 13 pro'] ] [el:title [attr:value'oh. so. pro'] ] [el:image] [el:link [attr:value'read more'] ] [el:link [attr:value'buy it'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 76 | link 48 18 22 2 | title 0 13 120 3 | title 0 7 120 6", "layout_seq_without_completion": "image 0 0 120 76 | link 48 18 22 2 | title 0 13 120 3 | title 0 7 120 6", "plain_layout_seq": "image 0 0 120 76 | link 48 18 22 2 | title 0 13 120 3 | title 0 7 120 6", "canvas_width": 1024, "canvas_height": 662, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 650 ], "completed": false }, { "type": "title", "position": [ 0, 61, 1024, 52 ], "completed": false }, { "type": "title", "position": [ 0, 118, 1024, 28 ], "completed": false }, { "type": "link", "position": [ 418, 160, 188, 23 ], "completed": false } ] }, { "text": "#A page for showing the users enter into the next level.# There should be one title \"Reay for the next level?\" Users can choose to talk to sales or start a free trial by clicking two buttons.", "region_id": "448", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'ready for the next level?'] ] [el:button [attr:value'talk to sales'] ] [el:button [attr:value'start a free trial'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 58 29 19 5 | button 39 29 16 5 | title 0 11 120 13", "layout_seq_without_completion": "button 58 29 19 5 | button 39 29 16 5 | title 0 11 120 13", "plain_layout_seq": "button 58 29 19 5 | button 39 29 16 5 | title 0 11 120 13", "canvas_width": 1024, "canvas_height": 395, "elements": [ { "type": "title", "position": [ 0, 99, 1024, 112 ], "completed": false }, { "type": "button", "position": [ 338, 251, 145, 48 ], "completed": false }, { "type": "button", "position": [ 503, 251, 167, 48 ], "completed": false } ] }, { "text": "#A page for introducing the smartURL.# There is one title \"Linkfire x smartURL\", one slogan, one button for learning more, and one button for logging in.", "region_id": "5760", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'linkfire x smarturl'] ] [el:text] [el:button [attr:value 'read more'] ] [el:button [attr:value 'log in'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 56 14 7 3 | button 55 9 7 2 | complete icon 63 10 1 1 | complete link 73 7 12 2 | text 28 4 62 4 | title 5 0 108 4", "layout_seq_without_completion": "button 56 14 7 3 | button 55 9 7 2 | icon 63 10 1 1 | link 73 7 12 2 | text 28 4 62 4 | title 5 0 108 4", "plain_layout_seq": "button 56 14 7 3 | button 55 9 7 2 | icon 63 10 1 1 | link 73 7 12 2 | text 28 4 62 4 | title 5 0 108 4", "canvas_width": 1180, "canvas_height": 178, "elements": [ { "type": "title", "position": [ 55, 0, 1070, 40 ], "completed": false }, { "type": "text", "position": [ 281, 49, 619, 41 ], "completed": false }, { "type": "link", "position": [ 727, 69, 127, 21 ], "completed": true }, { "type": "button", "position": [ 543, 95, 77, 21 ], "completed": false }, { "type": "icon", "position": [ 625, 99, 12, 12 ], "completed": true }, { "type": "button", "position": [ 552, 144, 76, 31 ], "completed": false } ] }, { "text": "# A page for marketing Offerlook.# The page should have the title \"Offerlook for business\", two slogans to attract the user, a video for the user to watch for more info, and a button \"Learn More\" for the user to click for more info.", "region_id": "6062", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'offerlook for business'] ] [el:text [attr:repeat '2'] ] [el:image] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 63 38 12 4 | image 13 6 42 27 | text 63 13 42 12 | text 63 30 23 5 | title 63 6 12 3 | title 76 7 10 2", "layout_seq_without_completion": "button 63 38 12 4 | image 13 6 42 27 | text 63 13 42 12 | text 63 30 23 5 | title 63 6 12 3 | title 76 7 10 2", "plain_layout_seq": "button 63 38 12 4 | image 13 6 42 27 | text 63 13 42 12 | text 63 30 23 5 | title 63 6 12 3 | title 76 7 10 2", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "image", "position": [ 117, 55, 365, 238 ], "completed": false }, { "type": "title", "position": [ 542, 57, 109, 29 ], "completed": false }, { "type": "title", "position": [ 657, 65, 86, 19 ], "completed": false }, { "type": "text", "position": [ 542, 119, 365, 103 ], "completed": false }, { "type": "text", "position": [ 542, 257, 200, 43 ], "completed": false }, { "type": "button", "position": [ 542, 330, 105, 41 ], "completed": false } ] }, { "text": "#A page for introducing a restaurant.# The page should have a background image to show the photo of the food made by the restaurant and one short slogan to introduce the commitment of the restaurant. One icon is needed for users to click to learn more about it.", "region_id": "354", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:size'small'] ] [el:icon] ]", "execution": "singleinfo : background undefined undefined | icon undefined undefined | title undefined small", "layout_seq_with_completion": "background 0 0 120 82 | icon 56 48 7 7 | title 23 37 72 7", "layout_seq_without_completion": "background 0 0 120 82 | icon 56 48 7 7 | title 23 37 72 7", "plain_layout_seq": "background 0 0 120 82 | icon 56 48 7 7 | title 23 37 72 7", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 700 ], "completed": false }, { "type": "title", "position": [ 203, 322, 619, 66 ], "completed": false }, { "type": "icon", "position": [ 482, 412, 60, 60 ], "completed": false } ] }, { "text": "#A page for introducing a restaurant.# The page should have a big background image to show the photo of the food made by the restaurant and one short slogan to introduce the commitment of the restaurant. One button is needed for users to click to learn more about it,", "region_id": "354_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large'] ] [el:title [attr:size'small'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | title undefined small", "layout_seq_with_completion": "background 0 0 120 82 | button 56 48 7 7 | title 23 37 72 7", "layout_seq_without_completion": "background 0 0 120 82 | button 56 48 7 7 | title 23 37 72 7", "plain_layout_seq": "background 0 0 120 82 | button 56 48 7 7 | title 23 37 72 7", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 700 ], "completed": false }, { "type": "title", "position": [ 203, 322, 619, 66 ], "completed": false }, { "type": "button", "position": [ 482, 412, 60, 60 ], "completed": false } ] }, { "text": "#A page for introducing the Melio payments to users.# The page should include a brief description of the Melio on the left. On the right side, there should be an interview video for users to click to play. At the bottom, there should be an introduction of the person in the video who is the founder and CEO of SPN EVENTS.", "region_id": "1705", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] [el:description [attr:position'bottom'] ] ]", "execution": "singleinfo : description bottom undefined | description left small | image right undefined", "layout_seq_with_completion": "description 14 17 44 39 | description 30 66 11 2 | complete image 8 15 10 10 | image 63 25 54 32 | image 65 28 54 33 | complete logo 14 68 12 1 | complete text 30 69 22 2", "layout_seq_without_completion": "description 14 17 44 39 | description 30 66 11 2 | image 8 15 10 10 | image 63 25 54 32 | image 65 28 54 33 | logo 14 68 12 1 | text 30 69 22 2", "plain_layout_seq": "description 14 17 44 39 | description 30 66 11 2 | image 8 15 10 10 | image 63 25 54 32 | image 65 28 54 33 | logo 14 68 12 1 | text 30 69 22 2", "canvas_width": 1024, "canvas_height": 758, "elements": [ { "type": "image", "position": [ 70, 132, 90, 93 ], "completed": true }, { "type": "description", "position": [ 125, 150, 378, 336 ], "completed": false }, { "type": "image", "position": [ 539, 215, 461, 281 ], "completed": false }, { "type": "image", "position": [ 563, 239, 461, 282 ], "completed": false }, { "type": "description", "position": [ 262, 570, 102, 18 ], "completed": false }, { "type": "logo", "position": [ 125, 581, 104, 14 ], "completed": true }, { "type": "text", "position": [ 262, 590, 190, 18 ], "completed": true } ] }, { "text": "#A page for introducing the Netskope Intelligent Security Service Edge that secures the cloud, web, & private apps to users.# The page should include one title, a brief description on the left, and an image on the right side. Besides, a button is needed for users to click for further information. At the bottom, six links of information should be provided for users.", "region_id": "1796", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read more'] ] [el:link [attr:position'bottom'] [attr:repeat'6'] ] ]", "execution": "singleinfo : button undefined undefined | description left small | image right undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | title undefined undefined", "layout_seq_with_completion": "button 3 38 14 2 | description 3 11 44 27 | image 61 0 54 54 | title 3 0 44 11 | \" [ link 6 47 41 4 ] | [ link 6 51 41 4 ] | [ link 6 56 41 4 ] | [ link 6 60 41 4 ] | [ link 6 65 41 4 ] | [ link 6 70 41 2 ] \"", "layout_seq_without_completion": "button 3 38 14 2 | description 3 11 44 27 | image 61 0 54 54 | title 3 0 44 11 | \" [ link 6 47 41 4 ] | [ link 6 51 41 4 ] | [ link 6 56 41 4 ] | [ link 6 60 41 4 ] | [ link 6 65 41 4 ] | [ link 6 70 41 2 ] \"", "plain_layout_seq": "button 3 38 14 2 | description 3 11 44 27 | image 61 0 54 54 | link 6 47 41 4 | link 6 51 41 4 | link 6 56 41 4 | link 6 60 41 4 | link 6 65 41 4 | link 6 70 41 2 | title 3 0 44 11", "canvas_width": 960, "canvas_height": 679, "elements": [ { "type": "title", "position": [ 30, 0, 358, 91 ], "completed": false }, { "type": "image", "position": [ 495, 0, 435, 435 ], "completed": false }, { "type": "description", "position": [ 30, 91, 358, 217 ], "completed": false }, { "type": "button", "position": [ 30, 311, 114, 19 ], "completed": false }, { "type": "link", "position": [ 55, 376, 333, 37 ], "completed": false }, { "type": "link", "position": [ 55, 413, 333, 37 ], "completed": false }, { "type": "link", "position": [ 55, 450, 333, 37 ], "completed": false }, { "type": "link", "position": [ 55, 487, 333, 37 ], "completed": false }, { "type": "link", "position": [ 55, 524, 333, 37 ], "completed": false }, { "type": "link", "position": [ 55, 561, 333, 22 ], "completed": false } ] }, { "text": "#A page for downloading Futurum Report.# There should include one title with a download link.", "region_id": "3275", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value 'download the report'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 63 | complete icon 79 35 2 1 | link 52 36 25 1 | complete text 52 25 66 2 | title 52 29 66 4", "layout_seq_without_completion": "background 0 0 120 63 | icon 79 35 2 1 | link 52 36 25 1 | text 52 25 66 2 | title 52 29 66 4", "plain_layout_seq": "background 0 0 120 63 | icon 79 35 2 1 | link 52 36 25 1 | text 52 25 66 2 | title 52 29 66 4", "canvas_width": 880, "canvas_height": 463, "elements": [ { "type": "background", "position": [ 0, 0, 880, 463 ], "completed": true }, { "type": "text", "position": [ 386, 186, 484, 19 ], "completed": true }, { "type": "title", "position": [ 386, 217, 484, 31 ], "completed": false }, { "type": "icon", "position": [ 580, 263, 16, 14 ], "completed": true }, { "type": "link", "position": [ 386, 264, 184, 12 ], "completed": false } ] }, { "text": "#A page for showing the process of one-stop shopping.# The page should have one title and one big image to show the process of one-stop shopping.", "region_id": "252", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : image undefined large | title undefined undefined", "layout_seq_with_completion": "image 10 22 109 76 | complete text 0 0 8 7 | complete text 0 11 120 4 | title 9 3 69 4", "layout_seq_without_completion": "image 10 22 109 76 | text 0 0 8 7 | text 0 11 120 4 | title 9 3 69 4", "plain_layout_seq": "image 10 22 109 76 | text 0 0 8 7 | text 0 11 120 4 | title 9 3 69 4", "canvas_width": 812, "canvas_height": 705, "elements": [ { "type": "text", "position": [ 0, 0, 56, 50 ], "completed": true }, { "type": "title", "position": [ 65, 22, 468, 28 ], "completed": false }, { "type": "text", "position": [ 0, 80, 812, 28 ], "completed": true }, { "type": "image", "position": [ 71, 155, 741, 520 ], "completed": false } ] }, { "text": "#A page for showing the process of one-stop shopping.# The page should have one text box to introduce the pros of the shopping company, one title, one label, and one big image to show the process of one-stop shopping.", "region_id": "252_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:title] [el:title] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 11 120 4 | image 10 22 109 76 | title 0 0 8 7 | title 9 3 69 4", "layout_seq_without_completion": "description 0 11 120 4 | image 10 22 109 76 | title 0 0 8 7 | title 9 3 69 4", "plain_layout_seq": "description 0 11 120 4 | image 10 22 109 76 | title 0 0 8 7 | title 9 3 69 4", "canvas_width": 812, "canvas_height": 705, "elements": [ { "type": "title", "position": [ 0, 0, 56, 50 ], "completed": false }, { "type": "title", "position": [ 65, 22, 468, 28 ], "completed": false }, { "type": "description", "position": [ 0, 80, 812, 28 ], "completed": false }, { "type": "image", "position": [ 71, 155, 741, 520 ], "completed": false } ] }, { "text": "#A page for introducing NTT Group companies to users.# The page should include an image on the top, one title \"R&D\" and a brief description under it. Besides, there should be some links to information about the NNT Group companies.", "region_id": "212", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'top'] ] [el:title [attr:value'r&d'] ] [el:description [attr:size'small'] ] [el:link [attr:repeat 'several'] ] ]", "execution": "singleinfo : description undefined small | image top undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 40 118 5 | image 0 0 120 33 | title 0 35 118 3 | \" [ link 0 48 6 1 ] | [ link 11 48 9 1 ] | [ link 24 48 23 1 ] | [ link 52 48 5 1 ] \"", "layout_seq_without_completion": "description 0 40 118 5 | image 0 0 120 33 | title 0 35 118 3 | \" [ link 0 48 6 1 ] | [ link 11 48 9 1 ] | [ link 24 48 23 1 ] | [ link 52 48 5 1 ] \"", "plain_layout_seq": "description 0 40 118 5 | image 0 0 120 33 | link 0 48 6 1 | link 11 48 9 1 | link 24 48 23 1 | link 52 48 5 1 | title 0 35 118 3", "canvas_width": 1220, "canvas_height": 518, "elements": [ { "type": "image", "position": [ 0, 0, 1220, 343 ], "completed": false }, { "type": "title", "position": [ 10, 363, 1200, 34 ], "completed": false }, { "type": "description", "position": [ 10, 407, 1200, 56 ], "completed": false }, { "type": "link", "position": [ 10, 490, 61, 20 ], "completed": false }, { "type": "link", "position": [ 112, 490, 101, 20 ], "completed": false }, { "type": "link", "position": [ 254, 490, 239, 20 ], "completed": false }, { "type": "link", "position": [ 534, 490, 57, 20 ], "completed": false } ] }, { "text": "#A page introducing a company.# There should be a category named \"SOLUTIONS\". Under that category, there must be five links for more info and a large logo.", "region_id": "637", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'solutions'] [attr:position'top'] ] [el:link [attr:repeat'5'] ] [el:logo [attr:size'large'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined large | title top undefined", "layout_seq_with_completion": "logo 0 40 54 18 | title 0 3 120 2 | \" [ link 0 10 30 4 ] | [ link 0 15 30 4 ] | [ link 0 20 30 4 ] | [ link 0 25 30 4 ] | [ link 0 29 30 4 ] \"", "layout_seq_without_completion": "logo 0 40 54 18 | title 0 3 120 2 | \" [ link 0 10 30 4 ] | [ link 0 15 30 4 ] | [ link 0 20 30 4 ] | [ link 0 25 30 4 ] | [ link 0 29 30 4 ] \"", "plain_layout_seq": "link 0 10 30 4 | link 0 15 30 4 | link 0 20 30 4 | link 0 25 30 4 | link 0 29 30 4 | logo 0 40 54 18 | title 0 3 120 2", "canvas_width": 901, "canvas_height": 442, "elements": [ { "type": "title", "position": [ 0, 30, 901, 16 ], "completed": false }, { "type": "link", "position": [ 0, 81, 231, 36 ], "completed": false }, { "type": "link", "position": [ 0, 117, 231, 36 ], "completed": false }, { "type": "link", "position": [ 0, 153, 231, 36 ], "completed": false }, { "type": "link", "position": [ 0, 189, 231, 36 ], "completed": false }, { "type": "link", "position": [ 0, 225, 231, 36 ], "completed": false }, { "type": "logo", "position": [ 0, 306, 411, 136 ], "completed": false } ] }, { "text": "#A page for downloading PuTTY.# It should include one title with a description below. At the bottom, there should have a link named \"Download PuTTY\". Also, there should have a picture on the left.", "region_id": "3719", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:position 'bottom'] [attr:value 'Download PuTTY'] ] [el:image [attr:position 'left'] ] ]", "execution": "singleinfo : description undefined undefined | image left undefined | link bottom undefined | title undefined undefined", "layout_seq_with_completion": "description 41 12 74 6 | image 9 7 18 17 | link 41 20 15 2 | title 41 7 74 2", "layout_seq_without_completion": "description 41 12 74 6 | image 9 7 18 17 | link 41 20 15 2 | title 41 7 74 2", "plain_layout_seq": "description 41 12 74 6 | image 9 7 18 17 | link 41 20 15 2 | title 41 7 74 2", "canvas_width": 1008, "canvas_height": 253, "elements": [ { "type": "image", "position": [ 83, 60, 154, 148 ], "completed": false }, { "type": "title", "position": [ 345, 62, 628, 22 ], "completed": false }, { "type": "description", "position": [ 345, 103, 628, 54 ], "completed": false }, { "type": "link", "position": [ 345, 173, 126, 17 ], "completed": false } ] }, { "text": "# A page to introduce the ebook Making the Most of Patient Centricity. # There should be three text boxes. One is the title \"ebook\", and another two are used to introduce the book and attract the user to download the ebook. A text button is necessary for the user to click to download the ebook to learn how to be an empowered, engaged patient. There should be an image of the book.", "region_id": "1980", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'ebook'] ] [el:description [attr:repeat '2'] ] [el:button [attr:value'learn how to be an empowered, engaged patient'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 62 51 7 | description 61 43 53 16 | description 61 17 53 24 | image 4 12 53 30 | title 3 4 113 2", "layout_seq_without_completion": "button 61 62 51 7 | description 61 43 53 16 | description 61 17 53 24 | image 4 12 53 30 | title 3 4 113 2", "plain_layout_seq": "button 61 62 51 7 | description 61 43 53 16 | description 61 17 53 24 | image 4 12 53 30 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 664, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "image", "position": [ 40, 104, 450, 252 ], "completed": false }, { "type": "description", "position": [ 514, 144, 450, 202 ], "completed": false }, { "type": "description", "position": [ 514, 367, 450, 136 ], "completed": false }, { "type": "button", "position": [ 514, 523, 430, 61 ], "completed": false } ] }, { "text": "# A page for marketing an extension Infinity. # The page should have a slogan \"Redefine your new tab\", a sentence to have a brief introduction to the extension, and an image.", "region_id": "3494", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Redefine your new tab'] ] [el:description [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 11 115 5 | image 3 21 112 87 | title 2 0 115 9", "layout_seq_without_completion": "description 2 11 115 5 | image 3 21 112 87 | title 2 0 115 9", "plain_layout_seq": "description 2 11 115 5 | image 3 21 112 87 | title 2 0 115 9", "canvas_width": 1024, "canvas_height": 932, "elements": [ { "type": "title", "position": [ 18, 0, 988, 84 ], "completed": false }, { "type": "description", "position": [ 18, 94, 988, 44 ], "completed": false }, { "type": "image", "position": [ 33, 184, 958, 748 ], "completed": false } ] }, { "text": "#A page showing the safety check of apple to users.#The page should have one picture about it, one slogan of apple's safety check, one small text of function introduction, and one publication date and author.", "region_id": "2989", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 6 79 2 | image 81 0 26 15 | complete link 11 11 8 2 | text 9 11 2 2 | text 0 11 7 2 | title 0 0 79 6", "layout_seq_without_completion": "description 0 6 79 2 | image 81 0 26 15 | link 11 11 8 2 | text 9 11 2 2 | text 0 11 7 2 | title 0 0 79 6", "plain_layout_seq": "description 0 6 79 2 | image 81 0 26 15 | link 11 11 8 2 | text 9 11 2 2 | text 0 11 7 2 | title 0 0 79 6", "canvas_width": 992, "canvas_height": 134, "elements": [ { "type": "title", "position": [ 0, 0, 660, 56 ], "completed": false }, { "type": "image", "position": [ 677, 1, 218, 132 ], "completed": false }, { "type": "description", "position": [ 0, 56, 660, 24 ], "completed": false }, { "type": "text", "position": [ 0, 92, 66, 18 ], "completed": false }, { "type": "text", "position": [ 82, 92, 17, 17 ], "completed": false }, { "type": "link", "position": [ 98, 92, 69, 17 ], "completed": true } ] }, { "text": "# A page to introduce the purpose of a company. # The page should have a title \"Our Purpose\", an image, and two text boxes with descriptions. Then a text button is needed for the user to discover more info.", "region_id": "1279", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'our purpose'] ] [el:image] [el:description [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 31 18 6 | description 62 20 54 6 | description 62 15 54 4 | image 60 13 60 33 | title 0 5 120 4", "layout_seq_without_completion": "button 62 31 18 6 | description 62 20 54 6 | description 62 15 54 4 | image 60 13 60 33 | title 0 5 120 4", "plain_layout_seq": "button 62 31 18 6 | description 62 20 54 6 | description 62 15 54 4 | image 60 13 60 33 | title 0 5 120 4", "canvas_width": 1024, "canvas_height": 405, "elements": [ { "type": "title", "position": [ 0, 45, 1024, 42 ], "completed": false }, { "type": "image", "position": [ 512, 117, 512, 288 ], "completed": false }, { "type": "description", "position": [ 535, 132, 466, 37 ], "completed": false }, { "type": "description", "position": [ 535, 179, 466, 55 ], "completed": false }, { "type": "button", "position": [ 535, 267, 161, 52 ], "completed": false } ] }, { "text": "#A page marketing an e-book.# There should be two short text boxes showing the recommendations for the ebook. Also, there must be a link, by which users can get the e-book. It is better to have the picture of the e-book placed next to these items.", "region_id": "1568", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size'small'] [attr:repeat '2'] ] [el:link [attr:value'get the e-book'] ] [el:image] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | text undefined small | text undefined small", "layout_seq_with_completion": "image 81 5 36 28 | link 1 29 14 3 | text 1 16 76 5 | text 1 22 76 3", "layout_seq_without_completion": "image 81 5 36 28 | link 1 29 14 3 | text 1 16 76 5 | text 1 22 76 3", "plain_layout_seq": "image 81 5 36 28 | link 1 29 14 3 | text 1 16 76 5 | text 1 22 76 3", "canvas_width": 1024, "canvas_height": 339, "elements": [ { "type": "image", "position": [ 696, 50, 313, 239 ], "completed": false }, { "type": "text", "position": [ 15, 138, 654, 49 ], "completed": false }, { "type": "text", "position": [ 15, 192, 654, 30 ], "completed": false }, { "type": "link", "position": [ 15, 254, 123, 33 ], "completed": false } ] }, { "text": "#A page marketing an e-book.# There should be two short text boxes showing the recommendations for the ebook. Also, there must be a link or a button, by which users can get the e-book. It is better to have the picture of the e-book placed next to these items.", "region_id": "1568_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size'small'] [attr:repeat '2'] ] [el:button [attr:value'get the e-book'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined small | text undefined small", "layout_seq_with_completion": "button 1 29 14 3 | image 81 5 36 28 | text 1 16 76 5 | text 1 22 76 3", "layout_seq_without_completion": "button 1 29 14 3 | image 81 5 36 28 | text 1 16 76 5 | text 1 22 76 3", "plain_layout_seq": "button 1 29 14 3 | image 81 5 36 28 | text 1 16 76 5 | text 1 22 76 3", "canvas_width": 1024, "canvas_height": 339, "elements": [ { "type": "image", "position": [ 696, 50, 313, 239 ], "completed": false }, { "type": "text", "position": [ 15, 138, 654, 49 ], "completed": false }, { "type": "text", "position": [ 15, 192, 654, 30 ], "completed": false }, { "type": "button", "position": [ 15, 254, 123, 33 ], "completed": false } ] }, { "text": "#A page for introducing one tool.#There should be one image, one title\"ELD Compliance\" and one detailed description. Users can learn more or get pricing by clicking two buttons.", "region_id": "290", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'eld compliance'] ] [el:description] [el:button [attr:value'read more'] ] [el:button [attr:value'get pricing'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "layout_seq_without_completion": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "plain_layout_seq": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "canvas_width": 1024, "canvas_height": 442, "elements": [ { "type": "image", "position": [ 60, 96, 522, 345 ], "completed": false }, { "type": "title", "position": [ 624, 96, 310, 36 ], "completed": false }, { "type": "description", "position": [ 624, 162, 310, 80 ], "completed": false }, { "type": "button", "position": [ 624, 318, 183, 41 ], "completed": false }, { "type": "button", "position": [ 624, 367, 183, 41 ], "completed": false } ] }, { "text": "#A page for introducing one tool.#There should be one image and two text boxes, one for the title and the other for the detailed description. Users can learn more or get pricing by clicking two text buttons.", "region_id": "290_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'learn more'] ] [el:button [attr:value'get pricing'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "layout_seq_without_completion": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "plain_layout_seq": "button 73 43 21 4 | button 73 37 21 4 | description 73 18 36 9 | image 7 11 61 40 | title 73 11 36 4", "canvas_width": 1024, "canvas_height": 442, "elements": [ { "type": "image", "position": [ 60, 96, 522, 345 ], "completed": false }, { "type": "title", "position": [ 624, 96, 310, 36 ], "completed": false }, { "type": "description", "position": [ 624, 162, 310, 80 ], "completed": false }, { "type": "button", "position": [ 624, 318, 183, 41 ], "completed": false }, { "type": "button", "position": [ 624, 367, 183, 41 ], "completed": false } ] }, { "text": "#A page for users to find jobs.# There should be a title named \"Looking for a job at Orange?\", followed by a description. It is better to have a link where users are directed to the job page. Also, there must be a corresponding image next to these items.", "region_id": "1880", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'looking for a job at orange?'] ] [el:description] [el:link [attr:value'job page'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 14 57 6 | image 61 8 57 43 | link 1 24 16 4 | title 1 8 57 3", "layout_seq_without_completion": "description 1 14 57 6 | image 61 8 57 43 | link 1 24 16 4 | title 1 8 57 3", "plain_layout_seq": "description 1 14 57 6 | image 61 8 57 43 | link 1 24 16 4 | title 1 8 57 3", "canvas_width": 1024, "canvas_height": 461, "elements": [ { "type": "title", "position": [ 10, 72, 492, 32 ], "completed": false }, { "type": "image", "position": [ 522, 72, 492, 369 ], "completed": false }, { "type": "description", "position": [ 10, 124, 492, 52 ], "completed": false }, { "type": "link", "position": [ 10, 206, 139, 40 ], "completed": false } ] }, { "text": "# A page to download an app. # The page should have an image and a slogan. Then one text button is needed for the user to get the app on Google Play. Besides, there should be a small text box and an image showing the rating of the app.", "region_id": "93", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button [attr:value'get the app on google play'] ] [el:text [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | text undefined small | title undefined undefined", "layout_seq_with_completion": "button 52 30 20 7 | image 52 39 7 1 | image 5 12 35 30 | complete logo 53 31 3 3 | complete text 58 33 12 2 | complete text 58 31 12 1 | text 60 39 8 1 | title 52 14 62 13", "layout_seq_without_completion": "button 52 30 20 7 | image 52 39 7 1 | image 5 12 35 30 | logo 53 31 3 3 | text 58 33 12 2 | text 58 31 12 1 | text 60 39 8 1 | title 52 14 62 13", "plain_layout_seq": "button 52 30 20 7 | image 52 39 7 1 | image 5 12 35 30 | logo 53 31 3 3 | text 58 33 12 2 | text 58 31 12 1 | text 60 39 8 1 | title 52 14 62 13", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "image", "position": [ 50, 108, 299, 263 ], "completed": false }, { "type": "title", "position": [ 444, 121, 530, 115 ], "completed": false }, { "type": "button", "position": [ 444, 256, 175, 65 ], "completed": false }, { "type": "logo", "position": [ 460, 272, 28, 33 ], "completed": true }, { "type": "text", "position": [ 496, 272, 107, 11 ], "completed": true }, { "type": "text", "position": [ 496, 285, 107, 20 ], "completed": true }, { "type": "text", "position": [ 516, 338, 69, 12 ], "completed": false }, { "type": "image", "position": [ 444, 340, 67, 11 ], "completed": false } ] }, { "text": "#A page for learning how drugs are made.# On the top, there should be one text showing the title. One big text for showing the detail of the title and five texts describe different info, and there is one button on the right of the text.", "region_id": "1972", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'large'] ] [el:text [attr:repeat '5'] ] [el:button [attr:position'right'] ] ]", "execution": "singleinfo : button right undefined | description undefined large | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "button 112 14 2 2 | button 112 27 2 2 | button 112 40 2 2 | button 112 21 2 2 | button 112 34 2 2 | description 4 17 53 64 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "layout_seq_without_completion": "button 112 14 2 2 | button 112 27 2 2 | button 112 40 2 2 | button 112 21 2 2 | button 112 34 2 2 | description 4 17 53 64 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "plain_layout_seq": "button 112 14 2 2 | button 112 27 2 2 | button 112 40 2 2 | button 112 21 2 2 | button 112 34 2 2 | description 4 17 53 64 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 782, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "text", "position": [ 514, 113, 313, 38 ], "completed": false }, { "type": "button", "position": [ 944, 122, 18, 20 ], "completed": false }, { "type": "description", "position": [ 40, 144, 450, 538 ], "completed": false }, { "type": "text", "position": [ 514, 168, 253, 38 ], "completed": false }, { "type": "button", "position": [ 944, 177, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 223, 299, 38 ], "completed": false }, { "type": "button", "position": [ 944, 232, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 278, 173, 38 ], "completed": false }, { "type": "button", "position": [ 944, 287, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 333, 255, 38 ], "completed": false }, { "type": "button", "position": [ 944, 342, 18, 20 ], "completed": false } ] }, { "text": "#An introduction of a movie.# The page should include the poster, the name, and the length of the movie. There should also be 5 icons with text showing the information about the movie and a brief introduction.", "region_id": "5925", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text] [el:icon [attr:repeat '5'] ] [el:text [attr:repeat '5'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 17 3 102 23 | description 25 13 91 7 | icon 101 10 2 2 | icon 63 11 2 1 | icon 25 11 2 2 | icon 40 11 2 2 | icon 83 11 2 1 | image 0 0 23 24 | text 0 25 7 2 | text 86 11 7 2 | text 104 11 5 2 | text 44 11 12 2 | text 28 11 4 2 | text 67 11 8 2 | title 25 7 91 3", "layout_seq_without_completion": "background 17 3 102 23 | description 25 13 91 7 | icon 101 10 2 2 | icon 63 11 2 1 | icon 25 11 2 2 | icon 40 11 2 2 | icon 83 11 2 1 | image 0 0 23 24 | text 0 25 7 2 | text 86 11 7 2 | text 104 11 5 2 | text 44 11 12 2 | text 28 11 4 2 | text 67 11 8 2 | title 25 7 91 3", "plain_layout_seq": "background 17 3 102 23 | description 25 13 91 7 | icon 101 10 2 2 | icon 63 11 2 1 | icon 25 11 2 2 | icon 40 11 2 2 | icon 83 11 2 1 | image 0 0 23 24 | text 0 25 7 2 | text 86 11 7 2 | text 104 11 5 2 | text 44 11 12 2 | text 28 11 4 2 | text 67 11 8 2 | title 25 7 91 3", "canvas_width": 964, "canvas_height": 227, "elements": [ { "type": "image", "position": [ 0, 0, 185, 195 ], "completed": false }, { "type": "background", "position": [ 141, 30, 823, 189 ], "completed": true }, { "type": "title", "position": [ 206, 60, 738, 25 ], "completed": false }, { "type": "icon", "position": [ 812, 88, 18, 24 ], "completed": false }, { "type": "text", "position": [ 232, 90, 36, 20 ], "completed": false }, { "type": "icon", "position": [ 328, 90, 18, 20 ], "completed": false }, { "type": "text", "position": [ 354, 90, 100, 20 ], "completed": false }, { "type": "text", "position": [ 540, 90, 68, 20 ], "completed": false }, { "type": "text", "position": [ 694, 90, 58, 20 ], "completed": false }, { "type": "text", "position": [ 838, 90, 46, 20 ], "completed": false }, { "type": "icon", "position": [ 206, 91, 18, 19 ], "completed": false }, { "type": "icon", "position": [ 514, 92, 18, 16 ], "completed": false }, { "type": "icon", "position": [ 668, 92, 18, 16 ], "completed": false }, { "type": "description", "position": [ 206, 112, 738, 64 ], "completed": false }, { "type": "text", "position": [ 5, 207, 59, 20 ], "completed": false } ] }, { "text": "# A page for a company Centene, the user can see the feeling of working at Centene from a worker, and search for a job at Centene. # The page should have three text boxes. One is the title \"Working at Centene\", and another two are the statement and introduction of a worker at Centene. A text link is necessary for the user to search for jobs.", "region_id": "911", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'working at centene'] ] [el:description [attr:repeat'2'] ] [el:link [attr:value'search for jobs'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 71 | description 15 14 61 28 | description 15 47 61 2 | complete icon 103 64 6 4 | complete image 0 61 120 9 | link 18 65 92 2 | title 15 8 61 2", "layout_seq_without_completion": "background 0 0 120 71 | description 15 14 61 28 | description 15 47 61 2 | icon 103 64 6 4 | image 0 61 120 9 | link 18 65 92 2 | title 15 8 61 2", "plain_layout_seq": "background 0 0 120 71 | description 15 14 61 28 | description 15 47 61 2 | icon 103 64 6 4 | image 0 61 120 9 | link 18 65 92 2 | title 15 8 61 2", "canvas_width": 1024, "canvas_height": 607, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 607 ], "completed": true }, { "type": "title", "position": [ 131, 70, 524, 22 ], "completed": false }, { "type": "description", "position": [ 131, 125, 523, 246 ], "completed": false }, { "type": "description", "position": [ 131, 404, 524, 24 ], "completed": false }, { "type": "image", "position": [ 0, 523, 1024, 84 ], "completed": true }, { "type": "icon", "position": [ 879, 548, 58, 40 ], "completed": true }, { "type": "link", "position": [ 156, 558, 786, 24 ], "completed": false } ] }, { "text": "#A page introducing Venture Beat. # The page should have a title and a short introduction to entice users to use Venture Beat, and a button for users to click to learn more.", "region_id": "1337", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 4 33 110 3 | description 4 14 110 3 | title 4 4 41 5", "layout_seq_without_completion": "button 4 33 110 3 | description 4 14 110 3 | title 4 4 41 5", "plain_layout_seq": "button 4 33 110 3 | description 4 14 110 3 | title 4 4 41 5", "canvas_width": 896, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 35, 35, 310, 40 ], "completed": false }, { "type": "description", "position": [ 35, 111, 826, 29 ], "completed": false }, { "type": "button", "position": [ 35, 249, 826, 26 ], "completed": false } ] }, { "text": "#A page introducing Venture Beat. # The page should have a short introduction to entice users to use Venture Beat, and a button for users to click to learn more.", "region_id": "1337_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small", "layout_seq_with_completion": "button 4 33 110 3 | description 4 14 110 3 | complete logo 4 4 41 5", "layout_seq_without_completion": "button 4 33 110 3 | description 4 14 110 3 | logo 4 4 41 5", "plain_layout_seq": "button 4 33 110 3 | description 4 14 110 3 | logo 4 4 41 5", "canvas_width": 896, "canvas_height": 310, "elements": [ { "type": "logo", "position": [ 35, 35, 310, 40 ], "completed": true }, { "type": "description", "position": [ 35, 111, 826, 29 ], "completed": false }, { "type": "button", "position": [ 35, 249, 826, 26 ], "completed": false } ] }, { "text": "#A page for getting on the list.# There is one background image including one title \"GET ON THE LIST\", one input box for entering the email, and one button for users to get in.", "region_id": "8017", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'get on the list'] ] [el:input [attr:value 'enter your email addy to be add'] ] [el:button [attr:value 'get in'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 96 | button 64 57 11 6 | input 43 57 21 5 | title 22 30 75 18", "layout_seq_without_completion": "background 0 0 120 96 | button 64 57 11 6 | input 43 57 21 5 | title 22 30 75 18", "plain_layout_seq": "background 0 0 120 96 | button 64 57 11 6 | input 43 57 21 5 | title 22 30 75 18", "canvas_width": 1024, "canvas_height": 826, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 826 ], "completed": false }, { "type": "title", "position": [ 191, 262, 642, 160 ], "completed": false }, { "type": "button", "position": [ 554, 491, 102, 52 ], "completed": false }, { "type": "input", "position": [ 368, 493, 185, 50 ], "completed": false } ] }, { "text": "#A page for users to get information and encouraging users to subscribe to its email.# The page contains 3 titles, including \"Quick links\" followed by a link \"search\", \"Heading\" followed by an introduction, and \"Subscribe to our emails\" followed by an input.", "region_id": "7650", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'quick links'] ] [el:link [attr:value 'search'] ] [el:title [attr:value 'heading'] ] [el:description] [el:text [attr:value 'subscribe to our emails'] ] [el:input] ]", "execution": "singleinfo : description undefined undefined | input undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 11 52 6 | complete icon 77 27 1 2 | input 38 26 42 5 | link 5 11 5 3 | complete text 40 27 4 2 | text 5 21 108 2 | title 5 5 52 2 | title 61 5 52 2", "layout_seq_without_completion": "description 61 11 52 6 | icon 77 27 1 2 | input 38 26 42 5 | link 5 11 5 3 | text 40 27 4 2 | text 5 21 108 2 | title 5 5 52 2 | title 61 5 52 2", "plain_layout_seq": "description 61 11 52 6 | icon 77 27 1 2 | input 38 26 42 5 | link 5 11 5 3 | text 40 27 4 2 | text 5 21 108 2 | title 5 5 52 2 | title 61 5 52 2", "canvas_width": 1024, "canvas_height": 319, "elements": [ { "type": "title", "position": [ 50, 50, 447, 23 ], "completed": false }, { "type": "title", "position": [ 527, 50, 447, 23 ], "completed": false }, { "type": "description", "position": [ 527, 94, 447, 58 ], "completed": false }, { "type": "link", "position": [ 50, 96, 44, 30 ], "completed": false }, { "type": "text", "position": [ 50, 181, 924, 23 ], "completed": false }, { "type": "input", "position": [ 332, 224, 360, 45 ], "completed": false }, { "type": "text", "position": [ 347, 234, 42, 24 ], "completed": true }, { "type": "icon", "position": [ 662, 234, 15, 25 ], "completed": true } ] }, { "text": "# A page for the user to get in touch with the consultant of Phidias Academics.# There should have a slogan \"Start today\", a short description, and a button for the user to click to get in touch with a consultant.", "region_id": "2485", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'start today'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'get in touch with a consultant'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 25 0 69 27 | button 39 18 41 5 | description 25 9 69 7 | title 25 3 69 4", "layout_seq_without_completion": "background 25 0 69 27 | button 39 18 41 5 | description 25 9 69 7 | title 25 3 69 4", "plain_layout_seq": "background 25 0 69 27 | button 39 18 41 5 | description 25 9 69 7 | title 25 3 69 4", "canvas_width": 1009, "canvas_height": 278, "elements": [ { "type": "background", "position": [ 213, 0, 582, 231 ], "completed": true }, { "type": "title", "position": [ 213, 33, 582, 35 ], "completed": false }, { "type": "description", "position": [ 213, 78, 582, 61 ], "completed": false }, { "type": "button", "position": [ 331, 159, 346, 48 ], "completed": false } ] }, { "text": "#A page for selling game tickets for the 2022 season.# The page should have a big related image, a title, and a button for users to click to buy now.", "region_id": "5093", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'large'] ] [el:title] [el:button [attr:value 'buy now'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 50 90 18 4 | image 0 0 120 67 | title 2 73 114 12", "layout_seq_without_completion": "button 50 90 18 4 | image 0 0 120 67 | title 2 73 114 12", "plain_layout_seq": "button 50 90 18 4 | image 0 0 120 67 | title 2 73 114 12", "canvas_width": 1009, "canvas_height": 865, "elements": [ { "type": "image", "position": [ 0, 0, 1009, 568 ], "completed": false }, { "type": "title", "position": [ 22, 619, 965, 106 ], "completed": false }, { "type": "button", "position": [ 427, 761, 155, 40 ], "completed": false } ] }, { "text": "#A page promoting a product.# The page should include the title \"A better way to talk with your customers\", an introduction, an image, two buttons, another image, a text, and a link.", "region_id": "3762", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'a better way to talk with your customers'] ] [el:description] [el:image [attr:repeat '2']] [el:button [attr:repeat '2'] ] [el:text] [el:link] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 36 24 6 | button 30 36 24 6 | description 0 24 54 8 | image 0 48 23 8 | image 60 10 59 46 | link 30 53 24 3 | text 30 49 24 3 | title 0 9 54 12", "layout_seq_without_completion": "button 0 36 24 6 | button 30 36 24 6 | description 0 24 54 8 | image 0 48 23 8 | image 60 10 59 46 | link 30 53 24 3 | text 30 49 24 3 | title 0 9 54 12", "plain_layout_seq": "button 0 36 24 6 | button 30 36 24 6 | description 0 24 54 8 | image 0 48 23 8 | image 60 10 59 46 | link 30 53 24 3 | text 30 49 24 3 | title 0 9 54 12", "canvas_width": 983, "canvas_height": 548, "elements": [ { "type": "title", "position": [ 0, 76, 448, 106 ], "completed": false }, { "type": "image", "position": [ 494, 82, 489, 383 ], "completed": false }, { "type": "description", "position": [ 0, 197, 448, 73 ], "completed": false }, { "type": "button", "position": [ 0, 301, 202, 52 ], "completed": false }, { "type": "button", "position": [ 246, 301, 202, 52 ], "completed": false }, { "type": "image", "position": [ 0, 399, 189, 72 ], "completed": false }, { "type": "text", "position": [ 249, 403, 199, 32 ], "completed": false }, { "type": "link", "position": [ 249, 435, 199, 32 ], "completed": false } ] }, { "text": "#A page for contacting the company.#There should be a title and a brief introduction telling the user that our team is ready to address their inquiry, and a button to contact the company directly.", "region_id": "2204", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 91 11 26 5 | description 1 11 116 10 | title 1 5 116 4", "layout_seq_without_completion": "button 91 11 26 5 | description 1 11 116 10 | title 1 5 116 4", "plain_layout_seq": "button 91 11 26 5 | description 1 11 116 10 | title 1 5 116 4", "canvas_width": 1024, "canvas_height": 261, "elements": [ { "type": "title", "position": [ 15, 45, 994, 36 ], "completed": false }, { "type": "button", "position": [ 784, 98, 225, 47 ], "completed": false }, { "type": "description", "position": [ 15, 102, 994, 93 ], "completed": false } ] }, { "text": "#A page for contacting the company.#There should be some texts telling the user that our team is ready to address their enquiry, and a button to contact the company directly.", "region_id": "2204_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'several'] ] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 91 11 26 5 | text 1 11 116 10 | text 1 5 116 4", "layout_seq_without_completion": "button 91 11 26 5 | text 1 11 116 10 | text 1 5 116 4", "plain_layout_seq": "button 91 11 26 5 | text 1 11 116 10 | text 1 5 116 4", "canvas_width": 1024, "canvas_height": 261, "elements": [ { "type": "text", "position": [ 15, 45, 994, 36 ], "completed": false }, { "type": "button", "position": [ 784, 98, 225, 47 ], "completed": false }, { "type": "text", "position": [ 15, 102, 994, 93 ], "completed": false } ] }, { "text": "# A page for introducing Brian and Candice Simmons. # The page should an image about them, a title \"Aboy Brian and Candice Simmons\" and a long introduction.", "region_id": "7089", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'aboy brian and candice simmons'] ] [el:description [attr:size 'large'] ] ]", "execution": "singleinfo : description undefined large | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 64 20 49 65 | image 6 20 53 53 | title 64 10 49 8", "layout_seq_without_completion": "description 64 20 49 65 | image 6 20 53 53 | title 64 10 49 8", "plain_layout_seq": "description 64 20 49 65 | image 6 20 53 53 | title 64 10 49 8", "canvas_width": 1024, "canvas_height": 818, "elements": [ { "type": "title", "position": [ 547, 87, 422, 69 ], "completed": false }, { "type": "image", "position": [ 55, 171, 457, 457 ], "completed": false }, { "type": "description", "position": [ 547, 173, 422, 555 ], "completed": false } ] }, { "text": "#This page tells a story for the user. #On the page, there is a picture with the story told on the right side of the picture, and then a link to read the full story, in addition to a character's avatar, name, and country.", "region_id": "4324", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description] [el:link [attr:value 'read full story'] ] [el:image] [el:title] [el:text] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 56 | description 69 6 46 29 | image 0 5 60 45 | image 69 43 8 8 | link 69 37 46 2 | text 80 48 12 3 | title 80 45 12 2", "layout_seq_without_completion": "background 0 0 120 56 | description 69 6 46 29 | image 0 5 60 45 | image 69 43 8 8 | link 69 37 46 2 | text 80 48 12 3 | title 80 45 12 2", "plain_layout_seq": "background 0 0 120 56 | description 69 6 46 29 | image 0 5 60 45 | image 69 43 8 8 | link 69 37 46 2 | text 80 48 12 3 | title 80 45 12 2", "canvas_width": 964, "canvas_height": 451, "elements": [ { "type": "background", "position": [ 0, 0, 964, 451 ], "completed": true }, { "type": "image", "position": [ 0, 45, 482, 362 ], "completed": false }, { "type": "description", "position": [ 562, 50, 372, 238 ], "completed": false }, { "type": "link", "position": [ 562, 301, 372, 19 ], "completed": false }, { "type": "image", "position": [ 562, 349, 72, 72 ], "completed": false }, { "type": "title", "position": [ 650, 367, 103, 19 ], "completed": false }, { "type": "text", "position": [ 650, 390, 103, 31 ], "completed": false } ] }, { "text": "# A page to introduce the insights of a company from experts.# There should be one title and a short description. It is necessary to contain a button where the user can explore the insights.", "region_id": "514", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore the insights'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 13 19 4 | description 5 7 109 3 | title 5 0 109 6", "layout_seq_without_completion": "button 50 13 19 4 | description 5 7 109 3 | title 5 0 109 6", "plain_layout_seq": "button 50 13 19 4 | description 5 7 109 3 | title 5 0 109 6", "canvas_width": 1039, "canvas_height": 160, "elements": [ { "type": "title", "position": [ 45, 0, 949, 52 ], "completed": false }, { "type": "description", "position": [ 45, 61, 949, 31 ], "completed": false }, { "type": "button", "position": [ 434, 118, 171, 41 ], "completed": false } ] }, { "text": "#A page for introducing one running club.#There is one image, one title \"OUR RUNNING CLUB\", and one description. Users can find out more by clicking one button.", "region_id": "8042", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'our running club'] ] [el:description] [el:button [attr:value 'find out more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 67 46 18 4 | description 67 26 48 18 | title 67 21 48 3", "layout_seq_without_completion": "button 67 46 18 4 | description 67 26 48 18 | title 67 21 48 3", "plain_layout_seq": "button 67 46 18 4 | description 67 26 48 18 | title 67 21 48 3", "canvas_width": 1024, "canvas_height": 548, "elements": [ { "type": "title", "position": [ 572, 183, 412, 31 ], "completed": false }, { "type": "description", "position": [ 572, 228, 412, 157 ], "completed": false }, { "type": "button", "position": [ 572, 400, 162, 40 ], "completed": false } ] }, { "text": "# A page for the user to contact the company. # The page should have the title \"Contact us\" and three input boxes for the user to enter the name, email address, and message. Also, there should be a button \"Send\" for the user to send the message to the company.", "region_id": "7252", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'contact us'] ] [el:input [attr:value 'enter the name'] ] [el:input [attr:value 'enter email address'] ] [el:input [attr:value 'enter message'] ] [el:button [attr:value 'send'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 47 10 5 | input 4 13 54 5 | input 60 13 54 5 | input 4 25 110 18 | complete text 4 10 54 1 | complete text 4 22 110 1 | complete text 60 10 54 1 | title 4 0 110 4", "layout_seq_without_completion": "button 4 47 10 5 | input 4 13 54 5 | input 60 13 54 5 | input 4 25 110 18 | text 4 10 54 1 | text 4 22 110 1 | text 60 10 54 1 | title 4 0 110 4", "plain_layout_seq": "button 4 47 10 5 | input 4 13 54 5 | input 60 13 54 5 | input 4 25 110 18 | text 4 10 54 1 | text 4 22 110 1 | text 60 10 54 1 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "title", "position": [ 40, 0, 944, 37 ], "completed": false }, { "type": "text", "position": [ 40, 87, 467, 17 ], "completed": true }, { "type": "text", "position": [ 517, 87, 467, 17 ], "completed": true }, { "type": "input", "position": [ 40, 114, 467, 47 ], "completed": false }, { "type": "input", "position": [ 517, 114, 467, 47 ], "completed": false }, { "type": "text", "position": [ 40, 190, 944, 16 ], "completed": true }, { "type": "input", "position": [ 40, 217, 944, 162 ], "completed": false }, { "type": "button", "position": [ 40, 409, 90, 43 ], "completed": false } ] }, { "text": "#A page for introducing the new world database.# The page should have a title, an introduction to the new word database, a button for users to click to browse the database, a link, and an icon for users to join the discord. An image as the extra layout.", "region_id": "2717", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'browse database'] ] [el:link [attr:value 'join discord'] ] [el:icon] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | icon undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 32 29 6 | complete button 35 32 23 6 | description 3 20 67 11 | icon 37 34 3 3 | image 81 1 38 50 | link 40 34 15 3 | title 3 13 67 5", "layout_seq_without_completion": "button 3 32 29 6 | button 35 32 23 6 | description 3 20 67 11 | icon 37 34 3 3 | image 81 1 38 50 | link 40 34 15 3 | title 3 13 67 5", "plain_layout_seq": "button 3 32 29 6 | button 35 32 23 6 | description 3 20 67 11 | icon 37 34 3 3 | image 81 1 38 50 | link 40 34 15 3 | title 3 13 67 5", "canvas_width": 936, "canvas_height": 404, "elements": [ { "type": "image", "position": [ 632, 8, 304, 396 ], "completed": false }, { "type": "title", "position": [ 28, 106, 524, 44 ], "completed": false }, { "type": "description", "position": [ 28, 158, 524, 88 ], "completed": false }, { "type": "button", "position": [ 28, 254, 230, 48 ], "completed": false }, { "type": "button", "position": [ 274, 254, 182, 48 ], "completed": true }, { "type": "icon", "position": [ 291, 266, 24, 24 ], "completed": false }, { "type": "link", "position": [ 315, 266, 124, 24 ], "completed": false } ] }, { "text": "#A page shows the full-year results for 2021.# There should be a title for the full-year results, three links to jump to view the relevant press release, the presentation of the results, and more related materials.", "region_id": "2050", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'view the relevant press release'] ] [el:link [attr:value'the presentation of the results'] ] [el:link [attr:value'more related materials'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 70 27 27 1 | link 70 40 44 3 | link 70 34 29 1 | complete text 70 1 44 2 | title 70 4 44 19", "layout_seq_without_completion": "link 70 27 27 1 | link 70 40 44 3 | link 70 34 29 1 | text 70 1 44 2 | title 70 4 44 19", "plain_layout_seq": "link 70 27 27 1 | link 70 40 44 3 | link 70 34 29 1 | text 70 1 44 2 | title 70 4 44 19", "canvas_width": 1024, "canvas_height": 411, "elements": [ { "type": "text", "position": [ 602, 15, 381, 20 ], "completed": true }, { "type": "title", "position": [ 602, 35, 381, 168 ], "completed": false }, { "type": "link", "position": [ 602, 231, 234, 17 ], "completed": false }, { "type": "link", "position": [ 602, 293, 248, 17 ], "completed": false }, { "type": "link", "position": [ 602, 347, 381, 34 ], "completed": false } ] }, { "text": "#A page for introducing one company's service to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. One icon and one image are needed.", "region_id": "2344", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:icon] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 60 60 | button 24 37 35 11 | description 3 27 52 6 | icon 14 37 8 11 | image 60 0 60 60 | title 0 12 60 10", "layout_seq_without_completion": "background 0 0 60 60 | button 24 37 35 11 | description 3 27 52 6 | icon 14 37 8 11 | image 60 0 60 60 | title 0 12 60 10", "plain_layout_seq": "background 0 0 60 60 | button 24 37 35 11 | description 3 27 52 6 | icon 14 37 8 11 | image 60 0 60 60 | title 0 12 60 10", "canvas_width": 932, "canvas_height": 541, "elements": [ { "type": "background", "position": [ 0, 0, 466, 466 ], "completed": true }, { "type": "image", "position": [ 466, 0, 466, 466 ], "completed": false }, { "type": "title", "position": [ 0, 100, 466, 84 ], "completed": false }, { "type": "description", "position": [ 30, 214, 406, 50 ], "completed": false }, { "type": "icon", "position": [ 114, 294, 63, 86 ], "completed": false }, { "type": "button", "position": [ 191, 294, 275, 90 ], "completed": false } ] }, { "text": "#A page for showing the introduction of In The Press.#The page should have a title and a description under it. At the bottom of the page, there is a logo.", "region_id": "2653", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:logo [attr:position 'bottom'] ] ]", "execution": "singleinfo : description undefined undefined | logo bottom undefined | title undefined undefined", "layout_seq_with_completion": "description 1 14 116 27 | logo 47 43 25 7 | title 1 7 116 7", "layout_seq_without_completion": "description 1 14 116 27 | logo 47 43 25 7 | title 1 7 116 7", "plain_layout_seq": "description 1 14 116 27 | logo 47 43 25 7 | title 1 7 116 7", "canvas_width": 1024, "canvas_height": 458, "elements": [ { "type": "title", "position": [ 15, 60, 994, 64 ], "completed": false }, { "type": "description", "position": [ 15, 124, 994, 234 ], "completed": false }, { "type": "logo", "position": [ 403, 368, 218, 60 ], "completed": false } ] }, { "text": "# A page to introduce the service and amenities of a hotel. # There should be a slogan and a short description of the advantage of the hotel. A text button should be used to play video. There should be a background image of the topic.", "region_id": "2191", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'play video']] [el:background_image]]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 51 | button 16 36 8 2 | description 9 21 38 9 | title 9 5 56 13", "layout_seq_without_completion": "background 0 0 120 51 | button 16 36 8 2 | description 9 21 38 9 | title 9 5 56 13", "plain_layout_seq": "background 0 0 120 51 | button 16 36 8 2 | description 9 21 38 9 | title 9 5 56 13", "canvas_width": 1024, "canvas_height": 436, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 436 ], "completed": false }, { "type": "title", "position": [ 80, 44, 480, 112 ], "completed": false }, { "type": "description", "position": [ 80, 180, 328, 84 ], "completed": false }, { "type": "button", "position": [ 137, 311, 73, 24 ], "completed": false } ] }, { "text": "# A page to introduce the company Mitsubishi Heavy Industries Group. # On the page, there should contain one title \"About Us\" and a detailed description of the company. Besides, it is necessary to have a button used to click to learn more.", "region_id": "1719", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about us'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 20 14 5 | description 0 7 120 10 | title 0 0 120 5", "layout_seq_without_completion": "button 52 20 14 5 | description 0 7 120 10 | title 0 0 120 5", "plain_layout_seq": "button 52 20 14 5 | description 0 7 120 10 | title 0 0 120 5", "canvas_width": 922, "canvas_height": 202, "elements": [ { "type": "title", "position": [ 0, 0, 922, 45 ], "completed": false }, { "type": "description", "position": [ 0, 54, 922, 81 ], "completed": false }, { "type": "button", "position": [ 404, 156, 114, 46 ], "completed": false } ] }, { "text": "#A page for explaining that the workers are doing some work.# The page should have an image, and two texts to show that the workers are doing some work and please the users to be patient.", "region_id": "4549", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:value 'sorry,we are doing some work on the site'] ] [el:text [attr:value 'thank you for being patient. we are doing some work on the site and will be back shortly'] ] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 11 0 96 55 | text 23 66 72 1 | text 4 58 110 4", "layout_seq_without_completion": "image 11 0 96 55 | text 23 66 72 1 | text 4 58 110 4", "plain_layout_seq": "image 11 0 96 55 | text 23 66 72 1 | text 4 58 110 4", "canvas_width": 1024, "canvas_height": 627, "elements": [ { "type": "image", "position": [ 102, 0, 820, 472 ], "completed": false }, { "type": "text", "position": [ 42, 502, 940, 37 ], "completed": false }, { "type": "text", "position": [ 204, 569, 617, 17 ], "completed": false } ] }, { "text": "#A page for introducing an article about the environment to users.# The page should include one title and a brief description. Besides, two buttons are needed for users to click for further information. One image is used as an extra layout.", "region_id": "2375", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:repeat'2'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 73 | button 80 48 29 6 | button 80 55 29 10 | description 65 21 37 18 | image 51 10 58 38 | title 65 17 37 3", "layout_seq_without_completion": "background 0 0 120 73 | button 80 48 29 6 | button 80 55 29 10 | description 65 21 37 18 | image 51 10 58 38 | title 65 17 37 3", "plain_layout_seq": "background 0 0 120 73 | button 80 48 29 6 | button 80 55 29 10 | description 65 21 37 18 | image 51 10 58 38 | title 65 17 37 3", "canvas_width": 1024, "canvas_height": 624, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 624 ], "completed": true }, { "type": "image", "position": [ 441, 90, 498, 326 ], "completed": false }, { "type": "title", "position": [ 561, 150, 318, 29 ], "completed": false }, { "type": "description", "position": [ 561, 187, 318, 154 ], "completed": false }, { "type": "button", "position": [ 690, 417, 249, 59 ], "completed": false }, { "type": "button", "position": [ 690, 476, 249, 89 ], "completed": false } ] }, { "text": "# A page for introducing Debbie Adam Memorial.# The page should have the title \"Debbie Adam Memorial\", a further introduction, and a button \"READ MORE\" for the user to click to read the story of Debbie Adam.", "region_id": "6734", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'debbie adam memorial'] ] [el:description] [el:button [attr:value 'READ MORE'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 50 16 5 | description 64 16 49 31 | title 64 10 49 3", "layout_seq_without_completion": "button 64 50 16 5 | description 64 16 49 31 | title 64 10 49 3", "plain_layout_seq": "button 64 50 16 5 | description 64 16 49 31 | title 64 10 49 3", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "title", "position": [ 547, 89, 422, 33 ], "completed": false }, { "type": "description", "position": [ 547, 139, 422, 270 ], "completed": false }, { "type": "button", "position": [ 547, 429, 144, 46 ], "completed": false } ] }, { "text": "# A page to introduce a company about delivery.# The page should include the title \"Delivering for America\", a text box having a brief introduction to the company, and a text button for the user to learn more info. There should be an image of the topic, too.", "region_id": "2369", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'delivering for america'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 27 28 4 | description 5 18 39 6 | image 51 0 68 46 | title 1 3 42 11", "layout_seq_without_completion": "button 5 27 28 4 | description 5 18 39 6 | image 51 0 68 46 | title 1 3 42 11", "plain_layout_seq": "button 5 27 28 4 | description 5 18 39 6 | image 51 0 68 46 | title 1 3 42 11", "canvas_width": 1170, "canvas_height": 450, "elements": [ { "type": "image", "position": [ 502, 0, 668, 450 ], "completed": false }, { "type": "title", "position": [ 14, 30, 416, 111 ], "completed": false }, { "type": "description", "position": [ 52, 179, 382, 66 ], "completed": false }, { "type": "button", "position": [ 52, 265, 275, 42 ], "completed": false } ] }, { "text": "#A page for showing a product.# The page includes a background, a number, and a title showing the product.", "region_id": "5959", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text] [el:title] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | text 1 60 2 5 | title 5 62 60 2", "layout_seq_without_completion": "background 0 0 120 67 | text 1 60 2 5 | title 5 62 60 2", "plain_layout_seq": "background 0 0 120 67 | text 1 60 2 5 | title 5 62 60 2", "canvas_width": 922, "canvas_height": 520, "elements": [ { "type": "background", "position": [ 0, 0, 922, 519 ], "completed": false }, { "type": "text", "position": [ 14, 468, 17, 41 ], "completed": false }, { "type": "title", "position": [ 42, 478, 464, 22 ], "completed": false } ] }, { "text": "#A page for introducing a bank app named Kite for kids to download.# There should be a title \"Kite: banking for kids\" with a brief description under it. At the bottom, a button for users to click to find out more information is necessary.", "region_id": "2224", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'kite: banking for kids'] [attr:position'top'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | title top undefined", "layout_seq_with_completion": "button 53 25 13 2 | description 2 15 115 5 | complete image 56 0 7 7 | title 0 11 120 2", "layout_seq_without_completion": "button 53 25 13 2 | description 2 15 115 5 | image 56 0 7 7 | title 0 11 120 2", "plain_layout_seq": "button 53 25 13 2 | description 2 15 115 5 | image 56 0 7 7 | title 0 11 120 2", "canvas_width": 992, "canvas_height": 234, "elements": [ { "type": "image", "position": [ 464, 0, 64, 64 ], "completed": true }, { "type": "title", "position": [ 0, 96, 992, 24 ], "completed": false }, { "type": "description", "position": [ 17, 132, 958, 47 ], "completed": false }, { "type": "button", "position": [ 439, 210, 115, 21 ], "completed": false } ] }, { "text": "#A page for showing the content that the clients said.# There is one title \"What Our Clients Say\", one image, one detailed description, and one label showing the client's identity.", "region_id": "5562", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'what our clients say'] ] [el:image] [el:description] [el:title] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 25 20 93 10 | image 6 20 14 14 | title 1 13 116 2 | title 25 33 93 2 | \" [ complete button 50 36 2 2 ] | [ complete button 53 36 2 2 ] | [ complete button 57 36 2 2 ] | [ complete button 60 36 2 2 ] | [ complete button 64 36 2 2 ] | [ complete button 67 36 2 2 ] \"", "layout_seq_without_completion": "description 25 20 93 10 | image 6 20 14 14 | title 1 13 116 2 | title 25 33 93 2 | \" [ button 50 36 2 2 ] | [ button 53 36 2 2 ] | [ button 57 36 2 2 ] | [ button 60 36 2 2 ] | [ button 64 36 2 2 ] | [ button 67 36 2 2 ] \"", "plain_layout_seq": "button 50 36 2 2 | button 53 36 2 2 | button 57 36 2 2 | button 60 36 2 2 | button 64 36 2 2 | button 67 36 2 2 | description 25 20 93 10 | image 6 20 14 14 | title 1 13 116 2 | title 25 33 93 2", "canvas_width": 1024, "canvas_height": 425, "elements": [ { "type": "title", "position": [ 16, 115, 992, 22 ], "completed": false }, { "type": "image", "position": [ 55, 177, 120, 120 ], "completed": false }, { "type": "description", "position": [ 214, 177, 794, 90 ], "completed": false }, { "type": "title", "position": [ 214, 283, 794, 18 ], "completed": false }, { "type": "button", "position": [ 427, 314, 20, 20 ], "completed": true }, { "type": "button", "position": [ 457, 314, 20, 20 ], "completed": true }, { "type": "button", "position": [ 487, 314, 20, 20 ], "completed": true }, { "type": "button", "position": [ 517, 314, 20, 20 ], "completed": true }, { "type": "button", "position": [ 547, 314, 20, 20 ], "completed": true }, { "type": "button", "position": [ 577, 314, 20, 20 ], "completed": true } ] }, { "text": "#A page that encourages users to share their photos and videos.# The page should contain three images, a text, a title, and a link.", "region_id": "2986", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '3']] [el:text] [el:title] [el:link] ]", "execution": "singleinfo : image undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 82 30 1 1 | image 0 0 50 50 | image 50 0 25 25 | image 50 25 25 25 | link 82 27 31 1 | text 2 35 70 12 | title 82 7 33 19", "layout_seq_without_completion": "icon 82 30 1 1 | image 0 0 50 50 | image 50 0 25 25 | image 50 25 25 25 | link 82 27 31 1 | text 2 35 70 12 | title 82 7 33 19", "plain_layout_seq": "icon 82 30 1 1 | image 0 0 50 50 | image 50 0 25 25 | image 50 25 25 25 | link 82 27 31 1 | text 2 35 70 12 | title 82 7 33 19", "canvas_width": 1009, "canvas_height": 422, "elements": [ { "type": "image", "position": [ 0, 0, 422, 422 ], "completed": false }, { "type": "image", "position": [ 422, 0, 211, 211 ], "completed": false }, { "type": "title", "position": [ 693, 60, 280, 160 ], "completed": false }, { "type": "image", "position": [ 422, 211, 211, 211 ], "completed": false }, { "type": "link", "position": [ 693, 233, 266, 13 ], "completed": false }, { "type": "icon", "position": [ 693, 253, 14, 9 ], "completed": true }, { "type": "text", "position": [ 20, 300, 593, 102 ], "completed": false } ] }, { "text": "#A page for introducing a podcast named \"Memo\" to users.# On the left side, there should be an image. The page should include a brief description in the middle. Besides, a button is needed for users to click to listen to podcasts.", "region_id": "1879", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:description [attr:size 'small'] ] [el:button [attr:value'Listen to podcasts'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image left undefined", "layout_seq_with_completion": "button 87 15 24 4 | description 41 13 34 13 | image 7 6 25 25", "layout_seq_without_completion": "button 87 15 24 4 | description 41 13 34 13 | image 7 6 25 25", "plain_layout_seq": "button 87 15 24 4 | description 41 13 34 13 | image 7 6 25 25", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 61, 56, 220, 220 ], "completed": false }, { "type": "description", "position": [ 351, 114, 298, 112 ], "completed": false }, { "type": "button", "position": [ 748, 128, 211, 40 ], "completed": false } ] }, { "text": "# A page to introduce Magento. # The page should have a logo, a title, and a brief introduction.", "region_id": "2567", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | complete image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 229, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "logo", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 48 ], "completed": false } ] }, { "text": "#A page for users to download videos.# There is one title \"Download YouTube Online Videos and Music\". Users can paste YouTube links or enter keywords in one input box and start to search by clicking one button.", "region_id": "5567", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'download youtube online videos and music'] ] [el:input [attr:value 'paste YouTube links or enter keyword here'] ] [el:button [attr:value 'search']] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 18 | button 101 9 11 5 | complete image 1 9 117 5 | input 1 9 99 5 | title 29 2 60 3", "layout_seq_without_completion": "background 0 0 120 18 | button 101 9 11 5 | image 1 9 117 5 | input 1 9 99 5 | title 29 2 60 3", "plain_layout_seq": "background 0 0 120 18 | button 101 9 11 5 | image 1 9 117 5 | input 1 9 99 5 | title 29 2 60 3", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 160 ], "completed": true }, { "type": "title", "position": [ 252, 25, 520, 30 ], "completed": false }, { "type": "image", "position": [ 10, 80, 1004, 50 ], "completed": true }, { "type": "input", "position": [ 12, 81, 850, 48 ], "completed": false }, { "type": "button", "position": [ 862, 82, 94, 46 ], "completed": false } ] }, { "text": "#A page for introducing how to start.# The page should have an image, a title, 3 introductions to the process to show the guidance, a slogan, and two icons. A button is needed for users to click to join in.", "region_id": "3874", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:repeat '3'] ] [el:text] [el:icon [attr:repeat '2'] ] [el:button [attr:value 'join in']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 74 22 6 | description 66 23 26 6 | description 66 43 20 2 | description 66 32 31 8 | icon 115 67 2 4 | icon 10 70 4 0 | image 10 8 47 42 | text 45 65 28 5 | title 66 8 31 11", "layout_seq_without_completion": "button 48 74 22 6 | description 66 23 26 6 | description 66 43 20 2 | description 66 32 31 8 | icon 115 67 2 4 | icon 10 70 4 0 | image 10 8 47 42 | text 45 65 28 5 | title 66 8 31 11", "plain_layout_seq": "button 48 74 22 6 | description 66 23 26 6 | description 66 43 20 2 | description 66 32 31 8 | icon 115 67 2 4 | icon 10 70 4 0 | image 10 8 47 42 | text 45 65 28 5 | title 66 8 31 11", "canvas_width": 1133, "canvas_height": 826, "elements": [ { "type": "title", "position": [ 626, 79, 296, 108 ], "completed": false }, { "type": "image", "position": [ 96, 81, 450, 399 ], "completed": false }, { "type": "description", "position": [ 626, 218, 253, 64 ], "completed": false }, { "type": "description", "position": [ 626, 310, 296, 77 ], "completed": false }, { "type": "description", "position": [ 626, 415, 191, 26 ], "completed": false }, { "type": "text", "position": [ 432, 618, 270, 55 ], "completed": false }, { "type": "icon", "position": [ 1095, 642, 21, 40 ], "completed": false }, { "type": "icon", "position": [ 96, 662, 40, 4 ], "completed": false }, { "type": "button", "position": [ 462, 705, 210, 61 ], "completed": false } ] }, { "text": "#A page for navigation of the website that adds your domain name.#The page should have one question, one small introduction, and one icon button for users to click to create an account.", "region_id": "6877", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:description [attr:size 'small'] ] [el:button [attr:value 'create an account'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | text undefined undefined", "layout_seq_with_completion": "button 45 28 29 8 | description 0 21 120 2 | complete icon 67 31 2 2 | complete text 49 31 17 2 | text 0 16 120 3", "layout_seq_without_completion": "button 45 28 29 8 | description 0 21 120 2 | icon 67 31 2 2 | text 49 31 17 2 | text 0 16 120 3", "plain_layout_seq": "button 45 28 29 8 | description 0 21 120 2 | icon 67 31 2 2 | text 49 31 17 2 | text 0 16 120 3", "canvas_width": 1024, "canvas_height": 460, "elements": [ { "type": "text", "position": [ 0, 144, 1024, 32 ], "completed": false }, { "type": "description", "position": [ 0, 184, 1024, 24 ], "completed": false }, { "type": "button", "position": [ 386, 240, 252, 76 ], "completed": false }, { "type": "icon", "position": [ 580, 266, 24, 24 ], "completed": true }, { "type": "text", "position": [ 420, 268, 148, 19 ], "completed": true } ] }, { "text": "#A page for introducing an autonomous software to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. Two text boxes are used for the prompt. On the right side, there should be an image of the software.", "region_id": "1400", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:text [attr:repeat '2'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 33 11 4 | description 1 21 56 4 | complete image 16 37 12 1 | image 61 2 56 34 | text 16 37 8 1 | text 16 32 41 4 | title 1 5 56 16", "layout_seq_without_completion": "button 1 33 11 4 | description 1 21 56 4 | image 16 37 12 1 | image 61 2 56 34 | text 16 37 8 1 | text 16 32 41 4 | title 1 5 56 16", "plain_layout_seq": "button 1 33 11 4 | description 1 21 56 4 | image 16 37 12 1 | image 61 2 56 34 | text 16 37 8 1 | text 16 32 41 4 | title 1 5 56 16", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "image", "position": [ 527, 24, 482, 298 ], "completed": false }, { "type": "title", "position": [ 15, 47, 482, 141 ], "completed": false }, { "type": "description", "position": [ 15, 187, 482, 42 ], "completed": false }, { "type": "text", "position": [ 143, 277, 354, 36 ], "completed": false }, { "type": "button", "position": [ 15, 286, 98, 39 ], "completed": false }, { "type": "image", "position": [ 143, 317, 104, 17 ], "completed": true }, { "type": "text", "position": [ 143, 317, 74, 17 ], "completed": false } ] }, { "text": "# A page to ask the user whether the page is useful or not.# The page should have a question and two buttons \"Yes\" and \"No\" for the user to choose to click.", "region_id": "8492", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "layout_seq_without_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "plain_layout_seq": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "text", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "#A page for introducing professional learning builds confidence.# The page should have a title,a short description, and an image.", "region_id": "4053", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 52 13 55 14 | image 12 2 35 27 | title 52 3 50 6", "layout_seq_without_completion": "description 52 13 55 14 | image 12 2 35 27 | title 52 3 50 6", "plain_layout_seq": "description 52 13 55 14 | image 12 2 35 27 | title 52 3 50 6", "canvas_width": 971, "canvas_height": 253, "elements": [ { "type": "image", "position": [ 98, 17, 291, 219 ], "completed": false }, { "type": "title", "position": [ 427, 29, 411, 56 ], "completed": false }, { "type": "description", "position": [ 427, 108, 449, 115 ], "completed": false } ] }, { "text": "# A page to introduce PancakeSwap. # The page should contain an orange background image, a logo, a title \"WHAT ID PANCAKESWAP?\" and a further introduction for the user.", "region_id": "3386", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:logo] [el:title [attr:value 'WHAT ID PANCAKESWAP?'] ] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 19 43 80 19 | logo 33 14 52 11 | title 19 32 80 9", "layout_seq_without_completion": "description 19 43 80 19 | logo 33 14 52 11 | title 19 32 80 9", "plain_layout_seq": "description 19 43 80 19 | logo 33 14 52 11 | title 19 32 80 9", "canvas_width": 1009, "canvas_height": 642, "elements": [ { "type": "logo", "position": [ 284, 120, 440, 100 ], "completed": false }, { "type": "title", "position": [ 166, 270, 676, 77 ], "completed": false }, { "type": "description", "position": [ 166, 362, 676, 160 ], "completed": false } ] }, { "text": "#A page introducing Monzo Plus. # The page should have an image of the logo, an exciting slogan and a short introduction to entice users to use Monzo Plus, and a button for users to click to explore the app. A corresponding image is needed.", "region_id": "329", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore the app'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 42 23 5 | description 61 31 50 8 | image 7 12 41 52 | logo 63 20 1 1 | complete text 65 21 11 1 | title 0 0 112 29", "layout_seq_without_completion": "button 61 42 23 5 | description 61 31 50 8 | image 7 12 41 52 | logo 63 20 1 1 | text 65 21 11 1 | title 0 0 112 29", "plain_layout_seq": "button 61 42 23 5 | description 61 31 50 8 | image 7 12 41 52 | logo 63 20 1 1 | text 65 21 11 1 | title 0 0 112 29", "canvas_width": 1003, "canvas_height": 571, "elements": [ { "type": "title", "position": [ 0, 0, 940, 246 ], "completed": false }, { "type": "image", "position": [ 64, 104, 346, 435 ], "completed": false }, { "type": "logo", "position": [ 528, 175, 15, 15 ], "completed": false }, { "type": "text", "position": [ 550, 178, 98, 16 ], "completed": true }, { "type": "description", "position": [ 518, 262, 422, 72 ], "completed": false }, { "type": "button", "position": [ 518, 358, 196, 43 ], "completed": false } ] }, { "text": "#A page introducing a platform for finding careers.# There is a title introducing \"Exelon\". Users can \"find your career at Exelon\" by clicking the link.", "region_id": "1177", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'exelon'] ] [el:link [attr:value'find your career at exelon'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 2 120 45 | link 71 34 29 2 | title 71 10 36 21", "layout_seq_without_completion": "background 0 2 120 45 | link 71 34 29 2 | title 71 10 36 21", "plain_layout_seq": "background 0 2 120 45 | link 71 34 29 2 | title 71 10 36 21", "canvas_width": 940, "canvas_height": 375, "elements": [ { "type": "background", "position": [ 0, 22, 940, 353 ], "completed": true }, { "type": "title", "position": [ 563, 84, 283, 170 ], "completed": false }, { "type": "link", "position": [ 563, 269, 228, 22 ], "completed": false } ] }, { "text": "#A page for showing one press.# There should be a label\"PRESS\", one text showing the content of the press, and one text showing the time. One button \"Business Insider\" is needed.", "region_id": "295", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'PRESS'] ] [el:description] [el:text] [el:button [attr:value 'Business Insider'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "layout_seq_without_completion": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "plain_layout_seq": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "canvas_width": 1024, "canvas_height": 462, "elements": [ { "type": "text", "position": [ 51, 75, 922, 14 ], "completed": false }, { "type": "description", "position": [ 51, 133, 922, 115 ], "completed": false }, { "type": "text", "position": [ 51, 294, 922, 13 ], "completed": false }, { "type": "button", "position": [ 457, 337, 110, 50 ], "completed": false } ] }, { "text": "#A page for showing one press.# There should be one text box showing the label\"PRESS\", one text box showing the content of the press, and one text box showing the time. One text button is used for users to learn more.", "region_id": "295_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'PRESS'] ] [el:description] [el:text] [el:button [attr:value 'Learn more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "layout_seq_without_completion": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "plain_layout_seq": "button 53 39 12 5 | description 5 15 108 13 | text 5 34 108 1 | text 5 8 108 1", "canvas_width": 1024, "canvas_height": 462, "elements": [ { "type": "text", "position": [ 51, 75, 922, 14 ], "completed": false }, { "type": "description", "position": [ 51, 133, 922, 115 ], "completed": false }, { "type": "text", "position": [ 51, 294, 922, 13 ], "completed": false }, { "type": "button", "position": [ 457, 337, 110, 50 ], "completed": false } ] }, { "text": "# A page for the user to get 20% off for the first order.# The page should have a logo, a title \"Get an instant 20% off\", a short description, and an input box with a button where the user can enter the email address and click to get the offer. Besides, there should also be three icons for the user to follow the company on social media platforms: Facebook, Instagram, and Email.", "region_id": "6639", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title [attr:value 'get an instant 20% off'] ] [el:description [attr:size 'small'] ] [el:input ] [el:button [attr:value 'get the offer']] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'Email'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 17 12 6 | description 42 12 38 2 | input 35 17 36 6 | logo 17 9 13 11 | title 43 7 36 4 | \" [ icon 90 14 2 2 ] | [ icon 94 14 2 2 ] | [ icon 99 14 2 2 ] \"", "layout_seq_without_completion": "button 73 17 12 6 | description 42 12 38 2 | input 35 17 36 6 | logo 17 9 13 11 | title 43 7 36 4 | \" [ icon 90 14 2 2 ] | [ icon 94 14 2 2 ] | [ icon 99 14 2 2 ] \"", "plain_layout_seq": "button 73 17 12 6 | description 42 12 38 2 | icon 90 14 2 2 | icon 94 14 2 2 | icon 99 14 2 2 | input 35 17 36 6 | logo 17 9 13 11 | title 43 7 36 4", "canvas_width": 1009, "canvas_height": 260, "elements": [ { "type": "title", "position": [ 362, 61, 305, 35 ], "completed": false }, { "type": "logo", "position": [ 148, 80, 116, 100 ], "completed": false }, { "type": "description", "position": [ 354, 106, 321, 19 ], "completed": false }, { "type": "icon", "position": [ 837, 119, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 764, 121, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 798, 121, 20, 20 ], "completed": false }, { "type": "input", "position": [ 296, 145, 310, 54 ], "completed": false }, { "type": "button", "position": [ 616, 145, 106, 54 ], "completed": false } ] }, { "text": "#A page showing the first step of the activity.#The page should have one icon representing one, one title, and one brief description.", "region_id": "3033", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 13 7 63 4 | icon 0 0 8 8 | title 13 0 63 4", "layout_seq_without_completion": "description 13 7 63 4 | icon 0 0 8 8 | title 13 0 63 4", "plain_layout_seq": "description 13 7 63 4 | icon 0 0 8 8 | title 13 0 63 4", "canvas_width": 938, "canvas_height": 152, "elements": [ { "type": "icon", "position": [ 0, 0, 67, 68 ], "completed": false }, { "type": "title", "position": [ 104, 4, 496, 38 ], "completed": false }, { "type": "description", "position": [ 104, 58, 496, 38 ], "completed": false } ] }, { "text": "# A page for the user to view the customer's review for the company's products.# The page should have a title, a short description, and a link for the user to take a look at what others have to say about the company's products.", "region_id": "7133", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'take a look at what others have to say about the ours products'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 9 109 7 | link 45 13 56 3 | title 3 0 112 5", "layout_seq_without_completion": "description 5 9 109 7 | link 45 13 56 3 | title 3 0 112 5", "plain_layout_seq": "description 5 9 109 7 | link 45 13 56 3 | title 3 0 112 5", "canvas_width": 1024, "canvas_height": 158, "elements": [ { "type": "title", "position": [ 30, 0, 964, 50 ], "completed": false }, { "type": "description", "position": [ 44, 77, 937, 62 ], "completed": false }, { "type": "link", "position": [ 384, 112, 481, 28 ], "completed": false } ] }, { "text": "# A page to guide the user to have a free trial for 3Commas.# The page should have a title, a short description, and a button \"Start Your Free Trial\" for the user to have a free trial.", "region_id": "5215", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'start your free trial'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 5 40 19 2 | description 1 28 116 5 | title 1 7 116 18", "layout_seq_without_completion": "button 5 40 19 2 | description 1 28 116 5 | title 1 7 116 18", "plain_layout_seq": "button 5 40 19 2 | description 1 28 116 5 | title 1 7 116 18", "canvas_width": 1024, "canvas_height": 445, "elements": [ { "type": "title", "position": [ 15, 60, 994, 162 ], "completed": false }, { "type": "description", "position": [ 15, 242, 994, 48 ], "completed": false }, { "type": "button", "position": [ 47, 345, 164, 24 ], "completed": false } ] }, { "text": "#A page introducing a product. # The page should have one title, one brief introduction of the pros of the company, and a corresponding image.", "region_id": "1928", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 36 50 6 | image 61 2 58 64 | title 1 28 40 5", "layout_seq_without_completion": "description 1 36 50 6 | image 61 2 58 64 | title 1 28 40 5", "plain_layout_seq": "description 1 36 50 6 | image 61 2 58 64 | title 1 28 40 5", "canvas_width": 984, "canvas_height": 580, "elements": [ { "type": "image", "position": [ 507, 20, 477, 532 ], "completed": false }, { "type": "title", "position": [ 15, 234, 330, 42 ], "completed": false }, { "type": "description", "position": [ 15, 296, 412, 50 ], "completed": false } ] }, { "text": "#A page introducing a product. # The page should have two text boxes to introduce the pros of the company and a corresponding image.", "region_id": "1928_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat '2'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "description 1 36 50 6 | description 1 28 40 5 | image 61 2 58 64", "layout_seq_without_completion": "description 1 36 50 6 | description 1 28 40 5 | image 61 2 58 64", "plain_layout_seq": "description 1 36 50 6 | description 1 28 40 5 | image 61 2 58 64", "canvas_width": 984, "canvas_height": 580, "elements": [ { "type": "image", "position": [ 507, 20, 477, 532 ], "completed": false }, { "type": "description", "position": [ 15, 234, 330, 42 ], "completed": false }, { "type": "description", "position": [ 15, 296, 412, 50 ], "completed": false } ] }, { "text": "#A page for showing one story.# There should be one image on the left. On the right, there is one title \"Specials\" and one detailed content.", "region_id": "8028", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:value 'Specials'] [attr:position 'right'] ] [el:description [attr:position 'right'] ] ]", "execution": "singleinfo : description right undefined | image left undefined | title right undefined", "layout_seq_with_completion": "description 64 28 49 28 | image 9 6 47 63 | title 64 22 49 4", "layout_seq_without_completion": "description 64 28 49 28 | image 9 6 47 63 | title 64 22 49 4", "plain_layout_seq": "description 64 28 49 28 | image 9 6 47 63 | title 64 22 49 4", "canvas_width": 1024, "canvas_height": 674, "elements": [ { "type": "image", "position": [ 79, 55, 409, 545 ], "completed": false }, { "type": "title", "position": [ 547, 189, 422, 35 ], "completed": false }, { "type": "description", "position": [ 547, 242, 422, 243 ], "completed": false } ] }, { "text": "#A page for showing the product to users.# The page contains a title named anonymous resurrect ,a question, an answer to the question, and a description reminding users of some tips.", "region_id": "4205", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'anonymous resurrect'] ] [el:text [attr:repeat '2']] [el:description] ]", "execution": "singleinfo : description undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 29 | description 2 20 114 3 | text 2 9 114 3 | text 2 15 114 3 | title 2 1 114 3", "layout_seq_without_completion": "background 0 0 120 29 | description 2 20 114 3 | text 2 9 114 3 | text 2 15 114 3 | title 2 1 114 3", "plain_layout_seq": "background 0 0 120 29 | description 2 20 114 3 | text 2 9 114 3 | text 2 15 114 3 | title 2 1 114 3", "canvas_width": 930, "canvas_height": 226, "elements": [ { "type": "background", "position": [ 0, 0, 930, 226 ], "completed": true }, { "type": "title", "position": [ 21, 13, 888, 27 ], "completed": false }, { "type": "text", "position": [ 21, 73, 888, 28 ], "completed": false }, { "type": "text", "position": [ 21, 117, 888, 28 ], "completed": false }, { "type": "description", "position": [ 21, 161, 888, 28 ], "completed": false } ] }, { "text": "#A page for introducing a video download tool named \"YT Cutter\" to users.# There should be one title and the logo of \"YT Cutter\" on the top of the page. Under it, a brief description of the function of \"YT Cutter\" should be given to users.", "region_id": "3052", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] [attr:value'YT Cutter']] [el:logo [attr:position 'top']] [el:description [attr:size 'small']] ]", "execution": "singleinfo : description undefined small | logo top undefined | title top undefined", "layout_seq_with_completion": "description 4 16 111 4 | logo 36 6 8 9 | title 4 6 29 7", "layout_seq_without_completion": "description 4 16 111 4 | logo 36 6 8 9 | title 4 6 29 7", "plain_layout_seq": "description 4 16 111 4 | logo 36 6 8 9 | title 4 6 29 7", "canvas_width": 1009, "canvas_height": 185, "elements": [ { "type": "title", "position": [ 36, 56, 248, 67 ], "completed": false }, { "type": "logo", "position": [ 304, 58, 71, 80 ], "completed": false }, { "type": "description", "position": [ 36, 142, 937, 42 ], "completed": false } ] }, { "text": "# A page for advertising one of the advantages of the product M1 smart watch. # The page should have an image with some word information on it showing the product, a title \"Peace of Mind\" followed by a short description of the title.", "region_id": "8381", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'peace of mind'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 65 45 47 8 | image 0 0 60 89 | title 65 35 49 7", "layout_seq_without_completion": "description 65 45 47 8 | image 0 0 60 89 | title 65 35 49 7", "plain_layout_seq": "description 65 45 47 8 | image 0 0 60 89 | title 65 35 49 7", "canvas_width": 1024, "canvas_height": 760, "elements": [ { "type": "image", "position": [ 0, 0, 512, 760 ], "completed": false }, { "type": "title", "position": [ 558, 300, 420, 68 ], "completed": false }, { "type": "description", "position": [ 558, 385, 407, 71 ], "completed": false } ] }, { "text": "#A page for a news statement.# There should be a title for the statement and a button to see more about the statement. It needs to have one pagination showing the page number.", "region_id": "829", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 57 16 0 1 | complete background 0 0 120 40 | button 45 15 14 4 | complete image 3 5 56 13 | complete text 47 16 9 1 | complete text 39 15 5 4 | title 5 7 52 6", "layout_seq_without_completion": "background 57 16 0 1 | background 0 0 120 40 | button 45 15 14 4 | image 3 5 56 13 | text 47 16 9 1 | text 39 15 5 4 | title 5 7 52 6", "plain_layout_seq": "background 57 16 0 1 | background 0 0 120 40 | button 45 15 14 4 | image 3 5 56 13 | text 47 16 9 1 | text 39 15 5 4 | title 5 7 52 6", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 1, 1024, 349 ], "completed": true }, { "type": "image", "position": [ 30, 51, 480, 112 ], "completed": true }, { "type": "title", "position": [ 45, 66, 450, 52 ], "completed": false }, { "type": "text", "position": [ 339, 128, 50, 35 ], "completed": true }, { "type": "button", "position": [ 389, 128, 121, 35 ], "completed": false }, { "type": "text", "position": [ 404, 139, 85, 15 ], "completed": true }, { "type": "background", "position": [ 489, 141, 6, 10 ], "completed": true } ] }, { "text": "#A page for introducing a product designed for employees, candidates, contractors, and citizens for users.# There should be one title and one text button for users to learn more information. One background image as one extra layout.", "region_id": "121", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 3 7 112 43 | button 10 38 15 4 | title 10 22 48 14", "layout_seq_without_completion": "background 3 7 112 43 | button 10 38 15 4 | title 10 22 48 14", "plain_layout_seq": "background 3 7 112 43 | button 10 38 15 4 | title 10 22 48 14", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "background", "position": [ 30, 60, 964, 370 ], "completed": false }, { "type": "title", "position": [ 90, 192, 412, 122 ], "completed": false }, { "type": "button", "position": [ 90, 330, 132, 40 ], "completed": false } ] }, { "text": "#A page for introducing a product designed for employees, candidates, contractors, and citizens for users.# There should be one title and one text button for users to learn more information. One image as one extra layout.", "region_id": "121_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 38 15 4 | image 3 7 112 43 | title 10 22 48 14", "layout_seq_without_completion": "button 10 38 15 4 | image 3 7 112 43 | title 10 22 48 14", "plain_layout_seq": "button 10 38 15 4 | image 3 7 112 43 | title 10 22 48 14", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "image", "position": [ 30, 60, 964, 370 ], "completed": false }, { "type": "title", "position": [ 90, 192, 412, 122 ], "completed": false }, { "type": "button", "position": [ 90, 330, 132, 40 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Toast Go\" to users.# On the left side, there should be a brief introduction to the Toast Go, two text boxes introducing one manager, and two buttons for switching. The page should include an image on the right side.", "region_id": "394", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] [attr:position'left'] ] [el:description [attr:repeat '2'] ] [el:button [attr:repeat '2'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description left small | description undefined undefined | description undefined undefined | image right undefined", "layout_seq_with_completion": "button 6 54 3 3 | button 11 54 3 3 | description 6 45 46 2 | description 6 48 46 2 | description 6 23 46 18", "layout_seq_without_completion": "button 6 54 3 3 | button 11 54 3 3 | description 6 45 46 2 | description 6 48 46 2 | description 6 23 46 18", "plain_layout_seq": "button 6 54 3 3 | button 11 54 3 3 | description 6 45 46 2 | description 6 48 46 2 | description 6 23 46 18", "canvas_width": 1024, "canvas_height": 646, "elements": [ { "type": "description", "position": [ 54, 203, 393, 160 ], "completed": false }, { "type": "description", "position": [ 54, 387, 393, 22 ], "completed": false }, { "type": "description", "position": [ 54, 410, 393, 23 ], "completed": false }, { "type": "button", "position": [ 54, 464, 32, 32 ], "completed": false }, { "type": "button", "position": [ 102, 464, 32, 32 ], "completed": false } ] }, { "text": "#A page encouraging users to try a service.# The page should include the tag \"ENTERPRISE\", the title \"Try enterprise time tracking at the highest level!\", an image, 4 texts and a button for users to contact.", "region_id": "2860", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'enterprise'] ] [el:title [attr:value 'try enterprise time tracking at the highest level!'] ] [el:image] [el:text [attr:repeat '4'] ] [el:button [attr:value 'contact for customized solution']] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 89 41 6 | complete description 1 39 46 13 | image 52 22 66 55 | text 1 73 45 4 | text 1 77 46 4 | text 1 54 38 4 | text 1 4 46 2 | text 1 61 46 9 | title 1 10 46 27", "layout_seq_without_completion": "button 1 89 41 6 | description 1 39 46 13 | image 52 22 66 55 | text 1 73 45 4 | text 1 77 46 4 | text 1 54 38 4 | text 1 4 46 2 | text 1 61 46 9 | title 1 10 46 27", "plain_layout_seq": "button 1 89 41 6 | description 1 39 46 13 | image 52 22 66 55 | text 1 73 45 4 | text 1 77 46 4 | text 1 54 38 4 | text 1 4 46 2 | text 1 61 46 9 | title 1 10 46 27", "canvas_width": 930, "canvas_height": 799, "elements": [ { "type": "text", "position": [ 15, 32, 358, 21 ], "completed": false }, { "type": "title", "position": [ 15, 85, 358, 211 ], "completed": false }, { "type": "image", "position": [ 403, 177, 513, 428 ], "completed": false }, { "type": "description", "position": [ 15, 304, 358, 104 ], "completed": true }, { "type": "text", "position": [ 15, 425, 301, 36 ], "completed": false }, { "type": "text", "position": [ 15, 477, 358, 72 ], "completed": false }, { "type": "text", "position": [ 15, 567, 354, 34 ], "completed": false }, { "type": "text", "position": [ 15, 602, 357, 34 ], "completed": false }, { "type": "button", "position": [ 15, 696, 318, 54 ], "completed": false } ] }, { "text": "#A page for introducing the content of the sustainability to users.# The page should include one title and a brief description of Environment Health. Besides, a button is needed for users to click for further information.", "region_id": "2357", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "description 33 8 47 2 | complete icon 39 14 1 0 | complete text 33 2 56 1 | complete text 35 14 4 0 | title 33 4 56 2", "layout_seq_without_completion": "description 33 8 47 2 | icon 39 14 1 0 | text 33 2 56 1 | text 35 14 4 0 | title 33 4 56 2", "plain_layout_seq": "description 33 8 47 2 | icon 39 14 1 0 | text 33 2 56 1 | text 35 14 4 0 | title 33 4 56 2", "canvas_width": 2052, "canvas_height": 333, "elements": [ { "type": "text", "position": [ 570, 50, 965, 22 ], "completed": true }, { "type": "title", "position": [ 570, 85, 965, 43 ], "completed": false }, { "type": "description", "position": [ 570, 142, 820, 48 ], "completed": false }, { "type": "text", "position": [ 608, 245, 75, 17 ], "completed": true }, { "type": "icon", "position": [ 682, 248, 24, 11 ], "completed": true } ] }, { "text": "#A page for introducing the home of the podcast.# The page should have a big background image, a title, two texts to shortly introduce the pros of the podcast, and a button for users to sign up for free.", "region_id": "2497", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large'] ] [el:title] [el:text [attr:repeat '2'] ] [el:button [attr:value 'sign up for free']] ]", "execution": "singleinfo : background undefined large | button undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 60 0 60 77 | button 24 58 20 4 | text 24 36 56 5 | text 24 44 56 5 | title 10 14 95 9 | title 10 23 95 9", "layout_seq_without_completion": "background 60 0 60 77 | button 24 58 20 4 | text 24 36 56 5 | text 24 44 56 5 | title 10 14 95 9 | title 10 23 95 9", "plain_layout_seq": "background 60 0 60 77 | button 24 58 20 4 | text 24 36 56 5 | text 24 44 56 5 | title 10 14 95 9 | title 10 23 95 9", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "background", "position": [ 512, 0, 512, 663 ], "completed": false }, { "type": "title", "position": [ 90, 120, 814, 80 ], "completed": false }, { "type": "title", "position": [ 90, 200, 814, 80 ], "completed": false }, { "type": "text", "position": [ 210, 310, 480, 49 ], "completed": false }, { "type": "text", "position": [ 210, 377, 480, 48 ], "completed": false }, { "type": "button", "position": [ 210, 503, 171, 40 ], "completed": false } ] }, { "text": "#A page for users to know how to protect privacy online.#The page should have a title and a brief description under it. In the middle of the page, there is a description and five logos of the company.", "region_id": "2571", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:description] [el:logo [attr:repeat '5'] ] ]", "execution": "singleinfo : description undefined small | description undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 28 116 3 | description 1 40 116 3 | complete image 1 61 26 11 | complete image 91 47 26 11 | complete image 1 47 26 11 | complete image 31 47 26 11 | complete image 61 47 26 11 | logo 6 65 17 3 | logo 36 51 17 2 | logo 68 50 12 4 | logo 99 51 10 3 | logo 6 51 17 3 | title 1 15 116 10", "layout_seq_without_completion": "description 1 28 116 3 | description 1 40 116 3 | image 1 61 26 11 | image 91 47 26 11 | image 1 47 26 11 | image 31 47 26 11 | image 61 47 26 11 | logo 6 65 17 3 | logo 36 51 17 2 | logo 68 50 12 4 | logo 99 51 10 3 | logo 6 51 17 3 | title 1 15 116 10", "plain_layout_seq": "description 1 28 116 3 | description 1 40 116 3 | image 1 61 26 11 | image 91 47 26 11 | image 1 47 26 11 | image 31 47 26 11 | image 61 47 26 11 | logo 6 65 17 3 | logo 36 51 17 2 | logo 68 50 12 4 | logo 99 51 10 3 | logo 6 51 17 3 | title 1 15 116 10", "canvas_width": 1024, "canvas_height": 753, "elements": [ { "type": "title", "position": [ 15, 128, 994, 87 ], "completed": false }, { "type": "description", "position": [ 15, 239, 994, 27 ], "completed": false }, { "type": "description", "position": [ 15, 346, 994, 27 ], "completed": false }, { "type": "image", "position": [ 15, 405, 228, 96 ], "completed": true }, { "type": "image", "position": [ 270, 405, 227, 96 ], "completed": true }, { "type": "image", "position": [ 526, 405, 228, 96 ], "completed": true }, { "type": "image", "position": [ 782, 405, 227, 96 ], "completed": true }, { "type": "logo", "position": [ 587, 434, 105, 39 ], "completed": false }, { "type": "logo", "position": [ 852, 437, 86, 32 ], "completed": false }, { "type": "logo", "position": [ 54, 439, 150, 28 ], "completed": false }, { "type": "logo", "position": [ 309, 442, 150, 23 ], "completed": false }, { "type": "image", "position": [ 15, 529, 228, 96 ], "completed": true }, { "type": "logo", "position": [ 54, 562, 150, 30 ], "completed": false } ] }, { "text": "#A page for users to order products or services.# The page contains a background image, two titles, a button, and a set of pagination.", "region_id": "8071", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat '2'] ] [el:button] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 119 89 | background 0 0 120 89 | button 48 57 21 5 | title 4 48 110 7 | title 4 26 110 21 | \" [ complete icon 55 85 0 0 ] | [ complete icon 57 85 0 0 ] | [ complete icon 59 85 1 1 ] | [ complete icon 61 85 0 0 ] | [ complete icon 63 85 0 0 ] \"", "layout_seq_without_completion": "background 0 0 119 89 | background 0 0 120 89 | button 48 57 21 5 | title 4 48 110 7 | title 4 26 110 21 | \" [ icon 55 85 0 0 ] | [ icon 57 85 0 0 ] | [ icon 59 85 1 1 ] | [ icon 61 85 0 0 ] | [ icon 63 85 0 0 ] \"", "plain_layout_seq": "background 0 0 119 89 | background 0 0 120 89 | button 48 57 21 5 | icon 55 85 0 0 | icon 57 85 0 0 | icon 59 85 1 1 | icon 61 85 0 0 | icon 63 85 0 0 | title 4 48 110 7 | title 4 26 110 21", "canvas_width": 1009, "canvas_height": 750, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 750 ], "completed": false }, { "type": "background", "position": [ 1, 0, 1008, 750 ], "completed": false }, { "type": "title", "position": [ 40, 224, 929, 180 ], "completed": false }, { "type": "title", "position": [ 40, 411, 929, 59 ], "completed": false }, { "type": "button", "position": [ 410, 485, 184, 45 ], "completed": false }, { "type": "icon", "position": [ 500, 719, 9, 9 ], "completed": true }, { "type": "icon", "position": [ 468, 720, 6, 6 ], "completed": true }, { "type": "icon", "position": [ 484, 720, 6, 6 ], "completed": true }, { "type": "icon", "position": [ 519, 720, 6, 6 ], "completed": true }, { "type": "icon", "position": [ 535, 720, 6, 6 ], "completed": true } ] }, { "text": "# A page for guiding the user to shop in an online shop. # The page should have an image, a title, and a link \"Shop Now\"for the user click to enter the store to purchase goods.", "region_id": "7721", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:link [attr:value 'Shop Now'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 60 | link 53 67 10 3 | title 0 62 120 1", "layout_seq_without_completion": "image 0 0 120 60 | link 53 67 10 3 | title 0 62 120 1", "plain_layout_seq": "image 0 0 120 60 | link 53 67 10 3 | title 0 62 120 1", "canvas_width": 1034, "canvas_height": 605, "elements": [ { "type": "image", "position": [ 0, 0, 1034, 522 ], "completed": false }, { "type": "title", "position": [ 0, 542, 1034, 16 ], "completed": false }, { "type": "link", "position": [ 461, 578, 90, 27 ], "completed": false } ] }, { "text": "#A page showing the ESG report of a company.# There should be a title with one link for users to read the report, followed by a short description. Also, an image should also be placed next to those items.", "region_id": "2287", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link] [el:description [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 51 6 46 11 | image 21 0 26 14 | link 63 2 7 2 | title 51 0 40 4", "layout_seq_without_completion": "description 51 6 46 11 | image 21 0 26 14 | link 63 2 7 2 | title 51 0 40 4", "plain_layout_seq": "description 51 6 46 11 | image 21 0 26 14 | link 63 2 7 2 | title 51 0 40 4", "canvas_width": 1024, "canvas_height": 153, "elements": [ { "type": "image", "position": [ 186, 0, 226, 127 ], "completed": false }, { "type": "title", "position": [ 442, 2, 344, 40 ], "completed": false }, { "type": "link", "position": [ 540, 25, 65, 18 ], "completed": false }, { "type": "description", "position": [ 442, 57, 397, 96 ], "completed": false } ] }, { "text": "#A page advertising the service of a company.# There should be a link, which is also supposed to be the title, followed by a short description. Also, an image should also be placed next to those items.", "region_id": "2287_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 51 6 46 11 | image 21 0 26 14 | complete text 63 2 7 2 | title 51 0 40 4", "layout_seq_without_completion": "description 51 6 46 11 | image 21 0 26 14 | text 63 2 7 2 | title 51 0 40 4", "plain_layout_seq": "description 51 6 46 11 | image 21 0 26 14 | text 63 2 7 2 | title 51 0 40 4", "canvas_width": 1024, "canvas_height": 153, "elements": [ { "type": "image", "position": [ 186, 0, 226, 127 ], "completed": false }, { "type": "title", "position": [ 442, 2, 344, 40 ], "completed": false }, { "type": "text", "position": [ 540, 25, 65, 18 ], "completed": true }, { "type": "description", "position": [ 442, 57, 397, 96 ], "completed": false } ] }, { "text": "#A page for showing one news.#There should be one title and one description. One image and three buttons are needed. Users can click the button on the left to read the results and the pagination on the right corner to scan another news.", "region_id": "575", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] [el:button [attr:value'read the result'] ] [el:pagination [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | pagination right undefined | title undefined undefined", "layout_seq_with_completion": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "layout_seq_without_completion": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "plain_layout_seq": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "canvas_width": 994, "canvas_height": 349, "elements": [ { "type": "title", "position": [ 0, 0, 567, 186 ], "completed": false }, { "type": "image", "position": [ 597, 15, 397, 283 ], "completed": false }, { "type": "description", "position": [ 0, 213, 561, 21 ], "completed": false }, { "type": "button", "position": [ 0, 266, 230, 48 ], "completed": false }, { "type": "button", "position": [ 912, 313, 36, 36 ], "completed": false }, { "type": "button", "position": [ 958, 313, 36, 36 ], "completed": false } ] }, { "text": "#A page for showing one news.#There should be one text box showing the title and one text box showing the detailed description. One image and three text buttons are needed.", "region_id": "575_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] [el:button [attr:repeat'3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "layout_seq_without_completion": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "plain_layout_seq": "button 0 32 27 5 | button 115 37 4 4 | button 110 37 4 4 | description 0 25 67 2 | image 72 1 47 34 | title 0 0 68 22", "canvas_width": 994, "canvas_height": 349, "elements": [ { "type": "title", "position": [ 0, 0, 567, 186 ], "completed": false }, { "type": "image", "position": [ 597, 15, 397, 283 ], "completed": false }, { "type": "description", "position": [ 0, 213, 561, 21 ], "completed": false }, { "type": "button", "position": [ 0, 266, 230, 48 ], "completed": false }, { "type": "button", "position": [ 912, 313, 36, 36 ], "completed": false }, { "type": "button", "position": [ 958, 313, 36, 36 ], "completed": false } ] }, { "text": "# A header page of an office application. # On the page, there should have a name of the university in the middle \"File sharing made easy\", a slogan, and a button for uploading files.", "region_id": "3490", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'File sharing made easy'] ] [el:title] [el:button [attr:value 'upload files'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 44 34 30 6 | title 6 26 106 3 | title 6 19 106 5", "layout_seq_without_completion": "button 44 34 30 6 | title 6 26 106 3 | title 6 19 106 5", "plain_layout_seq": "button 44 34 30 6 | title 6 26 106 3 | title 6 19 106 5", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "title", "position": [ 57, 170, 910, 44 ], "completed": false }, { "type": "title", "position": [ 57, 224, 910, 29 ], "completed": false }, { "type": "button", "position": [ 382, 293, 260, 57 ], "completed": false } ] }, { "text": "#A page introducing the \"best of 2022 offseason workouts\". #The page includes a background image, a title, a descriptive paragraph below the title, and a button for people to click and learn more.", "region_id": "3794", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:button [attr:value 'learn more']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 83 | button 50 69 18 4 | description 19 57 80 7 | title 15 50 88 6", "layout_seq_without_completion": "background 0 0 120 83 | button 50 69 18 4 | description 19 57 80 7 | title 15 50 88 6", "plain_layout_seq": "background 0 0 120 83 | button 50 69 18 4 | description 19 57 80 7 | title 15 50 88 6", "canvas_width": 1009, "canvas_height": 700, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 700 ], "completed": false }, { "type": "title", "position": [ 133, 421, 743, 53 ], "completed": false }, { "type": "description", "position": [ 164, 486, 680, 62 ], "completed": false }, { "type": "button", "position": [ 427, 584, 155, 40 ], "completed": false } ] }, { "text": "#A page for introducing six types of Vaccine Technologies to users.# The page should include one title and a brief introduction to Vaccine Technologies. On the right, there should be an image of biology to attract users' attention.", "region_id": "1976", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "description 0 26 60 11 | image 69 11 50 28 | complete text 0 5 120 3 | title 0 11 49 11", "layout_seq_without_completion": "description 0 26 60 11 | image 69 11 50 28 | text 0 5 120 3 | title 0 11 49 11", "plain_layout_seq": "description 0 26 60 11 | image 69 11 50 28 | text 0 5 120 3 | title 0 11 49 11", "canvas_width": 947, "canvas_height": 352, "elements": [ { "type": "text", "position": [ 0, 41, 947, 30 ], "completed": true }, { "type": "image", "position": [ 552, 91, 395, 221 ], "completed": false }, { "type": "title", "position": [ 0, 94, 390, 93 ], "completed": false }, { "type": "description", "position": [ 0, 211, 474, 90 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a background image related to their work, a short introduction to let users know their willingness, and a button for users to click to check their mission.", "region_id": "1290", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:description [attr:size'small'] ] [el:button [attr:value'check their mission'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small", "layout_seq_with_completion": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "layout_seq_without_completion": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "plain_layout_seq": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "canvas_width": 1024, "canvas_height": 394, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 394 ], "completed": false }, { "type": "description", "position": [ 542, 50, 467, 224 ], "completed": false }, { "type": "button", "position": [ 666, 284, 220, 60 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a big background image related to their work, a short introduction to let users know their willingness, and a button for users to click to check their mission.", "region_id": "1290_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:description [attr:size'small'] ] [el:button [attr:value'check their mission'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small", "layout_seq_with_completion": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "layout_seq_without_completion": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "plain_layout_seq": "background 0 0 120 46 | button 78 33 25 7 | description 63 5 54 26", "canvas_width": 1024, "canvas_height": 394, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 394 ], "completed": false }, { "type": "description", "position": [ 542, 50, 467, 224 ], "completed": false }, { "type": "button", "position": [ 666, 284, 220, 60 ], "completed": false } ] }, { "text": "#A page for introducing the number of the fast and scalable infrastructure.# The page should have a title, an image to show the number, and a short description.", "region_id": "2837", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 37 115 5 | image 2 9 115 23 | title 2 0 115 5", "layout_seq_without_completion": "description 2 37 115 5 | image 2 9 115 23 | title 2 0 115 5", "plain_layout_seq": "description 2 37 115 5 | image 2 9 115 23 | title 2 0 115 5", "canvas_width": 1024, "canvas_height": 368, "elements": [ { "type": "title", "position": [ 20, 0, 984, 47 ], "completed": false }, { "type": "image", "position": [ 20, 79, 984, 202 ], "completed": false }, { "type": "description", "position": [ 20, 317, 984, 51 ], "completed": false } ] }, { "text": "# A page to introduce The Pfizer Store. # The page should contain a title \"The Pfizer Store\", an image, and four entries of text boxes having a brief introduction and information about the store. And then a text button is necessary for the user to shop the Pfizer Collection.", "region_id": "1982", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the pfizer store'] ] [el:image] [el:description [attr:size'small'] [attr:repeat '4'] ] [el:button [attr:value'shop the pfizer collection'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined small | description undefined small | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 51 30 7 | description 61 27 53 4 | description 61 34 53 4 | description 61 41 46 7 | description 61 17 53 8 | image 4 12 53 40 | title 3 4 113 2", "layout_seq_without_completion": "button 61 51 30 7 | description 61 27 53 4 | description 61 34 53 4 | description 61 41 46 7 | description 61 17 53 8 | image 4 12 53 40 | title 3 4 113 2", "plain_layout_seq": "button 61 51 30 7 | description 61 27 53 4 | description 61 34 53 4 | description 61 41 46 7 | description 61 17 53 8 | image 4 12 53 40 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 569, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "image", "position": [ 40, 104, 450, 337 ], "completed": false }, { "type": "description", "position": [ 514, 144, 450, 67 ], "completed": false }, { "type": "description", "position": [ 514, 232, 450, 34 ], "completed": false }, { "type": "description", "position": [ 514, 286, 450, 34 ], "completed": false }, { "type": "description", "position": [ 514, 343, 389, 61 ], "completed": false }, { "type": "button", "position": [ 514, 428, 251, 61 ], "completed": false } ] }, { "text": "# A page to download the app Getir. # There should be an image of the app, a title, and a slogan to attract the user. Then three image links are needed for the user to download the app from Google Play, Apple Store, and AppGallery.", "region_id": "170", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:repeat'2'] ] [el:link [attr:value'download the app from google play'] ] [el:link [attr:value'download the app from apple store'] ] [el:link [attr:value'download the app from appgallery'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 39 | image 69 3 50 35 | title 6 13 45 6 | title 6 8 26 4 | \" [ link 6 24 20 6 ] | [ link 27 24 20 6 ] | [ link 48 24 20 6 ] \"", "layout_seq_without_completion": "background 0 0 120 39 | image 69 3 50 35 | title 6 13 45 6 | title 6 8 26 4 | \" [ link 6 24 20 6 ] | [ link 27 24 20 6 ] | [ link 48 24 20 6 ] \"", "plain_layout_seq": "background 0 0 120 39 | image 69 3 50 35 | link 6 24 20 6 | link 27 24 20 6 | link 48 24 20 6 | title 6 13 45 6 | title 6 8 26 4", "canvas_width": 960, "canvas_height": 312, "elements": [ { "type": "background", "position": [ 0, 0, 960, 312 ], "completed": true }, { "type": "image", "position": [ 554, 28, 406, 284 ], "completed": false }, { "type": "title", "position": [ 48, 65, 210, 34 ], "completed": false }, { "type": "title", "position": [ 48, 111, 360, 48 ], "completed": false }, { "type": "link", "position": [ 48, 195, 160, 48 ], "completed": false }, { "type": "link", "position": [ 216, 195, 160, 48 ], "completed": false }, { "type": "link", "position": [ 384, 195, 160, 48 ], "completed": false } ] }, { "text": "#A page for choosing stores.# There is one image prompting the users\"are you in the right place?\". And below is one title named \"All-New APEX\" with one detailed description. Two buttons are used for users to make different choices.", "region_id": "1364", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'top'] ] [el:title [attr:value'all-new apex'] ] [el:description] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image top undefined | title undefined undefined", "layout_seq_with_completion": "button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | image 0 0 120 67 | title 36 42 46 5", "layout_seq_without_completion": "button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | image 0 0 120 67 | title 36 42 46 5", "plain_layout_seq": "button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | image 0 0 120 67 | title 36 42 46 5", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "title", "position": [ 314, 363, 396, 45 ], "completed": false }, { "type": "description", "position": [ 314, 428, 396, 18 ], "completed": false }, { "type": "button", "position": [ 346, 471, 169, 45 ], "completed": false }, { "type": "button", "position": [ 535, 471, 143, 45 ], "completed": false } ] }, { "text": "#A page for choosing stores.# There should be one text for users to make choice. And two text boxes are used for showing the title and detailed description. Two text buttons are used for users to make different choices.", "region_id": "1364_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | title 36 42 46 5", "layout_seq_without_completion": "background 0 0 120 67 | button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | title 36 42 46 5", "plain_layout_seq": "background 0 0 120 67 | button 62 55 16 5 | button 40 55 19 5 | description 36 50 46 2 | title 36 42 46 5", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": true }, { "type": "title", "position": [ 314, 363, 396, 45 ], "completed": false }, { "type": "description", "position": [ 314, 428, 396, 18 ], "completed": false }, { "type": "button", "position": [ 346, 471, 169, 45 ], "completed": false }, { "type": "button", "position": [ 535, 471, 143, 45 ], "completed": false } ] }, { "text": "#A page for attracting users to join Oberlo.# The page should have a title, two texts, an image to introduce Oberlo live and attract users to join, and a button for users to click to learn more. An image as the extra layout.", "region_id": "4640", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title[attr:value'Oberlo live']] [el:text [attr:repeat '2'] ] [el:image] [el:button [attr:value 'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 14 44 21 5 | image 62 11 42 24 | image 20 18 11 10 | text 14 32 42 9 | text 14 11 42 2 | title 14 12 14 8 | title 14 19 7 8", "layout_seq_without_completion": "button 14 44 21 5 | image 62 11 42 24 | image 20 18 11 10 | text 14 32 42 9 | text 14 11 42 2 | title 14 12 14 8 | title 14 19 7 8", "plain_layout_seq": "button 14 44 21 5 | image 62 11 42 24 | image 20 18 11 10 | text 14 32 42 9 | text 14 11 42 2 | title 14 12 14 8 | title 14 19 7 8", "canvas_width": 1024, "canvas_height": 520, "elements": [ { "type": "text", "position": [ 124, 96, 364, 18 ], "completed": false }, { "type": "image", "position": [ 536, 96, 364, 205 ], "completed": false }, { "type": "title", "position": [ 124, 109, 123, 72 ], "completed": false }, { "type": "image", "position": [ 172, 160, 100, 88 ], "completed": false }, { "type": "title", "position": [ 124, 163, 64, 72 ], "completed": false }, { "type": "text", "position": [ 124, 274, 364, 78 ], "completed": false }, { "type": "button", "position": [ 124, 376, 182, 48 ], "completed": false } ] }, { "text": "# A page for Coveo.# On the page, there should be a slogan for Coveo. Then it is needed a text button for the user to get a demo and a text link for the user to explore relevance. So the user can click the button or the link to get a demo or explore relevance.", "region_id": "1025", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'get a demo'] ] [el:link [attr:value'explore relevance'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 66 | button 41 37 15 6 | link 58 39 20 2 | title 26 21 67 13", "layout_seq_without_completion": "background 0 0 120 66 | button 41 37 15 6 | link 58 39 20 2 | title 26 21 67 13", "plain_layout_seq": "background 0 0 120 66 | button 41 37 15 6 | link 58 39 20 2 | title 26 21 67 13", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 565 ], "completed": true }, { "type": "title", "position": [ 224, 184, 576, 111 ], "completed": false }, { "type": "button", "position": [ 354, 319, 130, 54 ], "completed": false }, { "type": "link", "position": [ 499, 337, 171, 24 ], "completed": false } ] }, { "text": "# A page to show the review for Termius from Steve Wozniak. # The page should have an image of Steve Wozniak, a review, a name, and a brief introduction to Wozniak.", "region_id": "2729", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 16 36 30 3 | image 4 30 9 9 | text 4 9 110 15 | title 16 29 30 5", "layout_seq_without_completion": "description 16 36 30 3 | image 4 30 9 9 | text 4 9 110 15 | title 16 29 30 5", "plain_layout_seq": "description 16 36 30 3 | image 4 30 9 9 | text 4 9 110 15 | title 16 29 30 5", "canvas_width": 1024, "canvas_height": 420, "elements": [ { "type": "text", "position": [ 40, 80, 944, 135 ], "completed": false }, { "type": "title", "position": [ 140, 255, 261, 45 ], "completed": false }, { "type": "image", "position": [ 40, 258, 80, 80 ], "completed": false }, { "type": "description", "position": [ 140, 310, 261, 30 ], "completed": false } ] }, { "text": "#A page for promoting a company that makes for many happy users.# The page should include one title and a brief description on the left. Besides, a button is needed for users to click for further information. On the right side, there should be an image of the interface.", "region_id": "970", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description left small | image right undefined | title left undefined", "layout_seq_with_completion": "button 12 60 17 4 | description 12 45 41 10 | image 65 0 49 66 | title 12 1 42 40", "layout_seq_without_completion": "button 12 60 17 4 | description 12 45 41 10 | image 65 0 49 66 | title 12 1 42 40", "plain_layout_seq": "button 12 60 17 4 | description 12 45 41 10 | image 65 0 49 66 | title 12 1 42 40", "canvas_width": 994, "canvas_height": 661, "elements": [ { "type": "image", "position": [ 541, 0, 409, 551 ], "completed": false }, { "type": "title", "position": [ 104, 9, 349, 338 ], "completed": false }, { "type": "description", "position": [ 104, 380, 340, 87 ], "completed": false }, { "type": "button", "position": [ 104, 501, 143, 40 ], "completed": false } ] }, { "text": "#A page for introducing an App about questionnaires to users.# The page should include one title and two buttons for users to download on the App Store and Google Play. On the right side, there should be an interface of the app.", "region_id": "151", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'download on app store'] ] [el:button [attr:value'download on google play'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 5 42 17 5 | button 27 42 19 5 | image 64 14 52 55 | title 3 34 45 5", "layout_seq_without_completion": "button 5 42 17 5 | button 27 42 19 5 | image 64 14 52 55 | title 3 34 45 5", "plain_layout_seq": "button 5 42 17 5 | button 27 42 19 5 | image 64 14 52 55 | title 3 34 45 5", "canvas_width": 1024, "canvas_height": 592, "elements": [ { "type": "image", "position": [ 548, 120, 450, 472 ], "completed": false }, { "type": "title", "position": [ 26, 297, 389, 46 ], "completed": false }, { "type": "button", "position": [ 44, 364, 149, 50 ], "completed": false }, { "type": "button", "position": [ 237, 364, 168, 51 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be two text boxes and one text button.", "region_id": "2046", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'2'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 50 18 19 1 | text 9 1 100 7 | text 9 11 100 4", "layout_seq_without_completion": "button 50 18 19 1 | text 9 1 100 7 | text 9 11 100 4", "plain_layout_seq": "button 50 18 19 1 | text 9 1 100 7 | text 9 11 100 4", "canvas_width": 1004, "canvas_height": 185, "elements": [ { "type": "text", "position": [ 80, 15, 844, 60 ], "completed": false }, { "type": "text", "position": [ 80, 95, 844, 40 ], "completed": false }, { "type": "button", "position": [ 421, 153, 162, 14 ], "completed": false } ] }, { "text": "# A page introducing what a company is featured in. # The page should have a title \"AS FEATURED IN...\" and four logos.", "region_id": "5611", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'AS FEATURED IN...'] ] [el:logo [attr:repeat '4'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 3 7 112 2 | \" [ logo 5 13 21 7 ] | [ logo 98 13 9 7 ] | [ logo 35 15 20 3 ] | [ logo 61 15 25 3 ] \"", "layout_seq_without_completion": "title 3 7 112 2 | \" [ logo 5 13 21 7 ] | [ logo 98 13 9 7 ] | [ logo 35 15 20 3 ] | [ logo 61 15 25 3 ] \"", "plain_layout_seq": "logo 5 13 21 7 | logo 98 13 9 7 | logo 35 15 20 3 | logo 61 15 25 3 | title 3 7 112 2", "canvas_width": 1024, "canvas_height": 249, "elements": [ { "type": "title", "position": [ 32, 64, 960, 24 ], "completed": false }, { "type": "logo", "position": [ 49, 112, 182, 64 ], "completed": false }, { "type": "logo", "position": [ 843, 112, 83, 64 ], "completed": false }, { "type": "logo", "position": [ 303, 128, 171, 32 ], "completed": false }, { "type": "logo", "position": [ 528, 128, 216, 32 ], "completed": false } ] }, { "text": "#A page for drawing users to shop products.# The background of the page is a picture showing different products. At the center of the page is a title, under it, there should be a button for users to click to buy the products now.", "region_id": "6698", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:button [attr:value 'shop now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 44 | button 12 25 11 3 | complete image 0 0 21 12 | complete image 92 31 27 13 | title 12 14 42 7", "layout_seq_without_completion": "background 0 0 120 44 | button 12 25 11 3 | image 0 0 21 12 | image 92 31 27 13 | title 12 14 42 7", "plain_layout_seq": "background 0 0 120 44 | button 12 25 11 3 | image 0 0 21 12 | image 92 31 27 13 | title 12 14 42 7", "canvas_width": 1350, "canvas_height": 500, "elements": [ { "type": "image", "position": [ 0, 0, 240, 138 ], "completed": true }, { "type": "background", "position": [ 0, 0, 1350, 500 ], "completed": false }, { "type": "title", "position": [ 137, 160, 480, 88 ], "completed": false }, { "type": "button", "position": [ 137, 286, 129, 40 ], "completed": false }, { "type": "image", "position": [ 1041, 352, 309, 148 ], "completed": true } ] }, { "text": "#A page for introducing a truly global financial app to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2093", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 53 17 13 4 | description 15 4 89 8 | title 33 0 52 2", "layout_seq_without_completion": "button 53 17 13 4 | description 15 4 89 8 | title 33 0 52 2", "plain_layout_seq": "button 53 17 13 4 | description 15 4 89 8 | title 33 0 52 2", "canvas_width": 1000, "canvas_height": 478, "elements": [ { "type": "title", "position": [ 280, 0, 440, 24 ], "completed": false }, { "type": "description", "position": [ 127, 40, 744, 72 ], "completed": false }, { "type": "button", "position": [ 444, 144, 112, 36 ], "completed": false } ] }, { "text": "#A page for users to certify they are not bots.# There is one icon and one title \"Pardon Our Interruption\". One sentence follows with three descriptions and one prompt. Users can click one button to certify they are not bots.", "region_id": "2555", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title [attr:value 'pardon our interruption'] ] [el:description [attr:repeat '3'] ] [el:text [attr:repeat '2']] [el:button [attr:value 'I m not bots'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 45 45 35 9 | icon 39 0 41 11 | text 45 20 71 4 | text 45 39 71 4 | title 45 14 71 4 | \" [ description 48 27 69 2 ] | [ description 48 30 69 2 ] | [ description 48 33 69 4 ] \"", "layout_seq_without_completion": "button 45 45 35 9 | icon 39 0 41 11 | text 45 20 71 4 | text 45 39 71 4 | title 45 14 71 4 | \" [ description 48 27 69 2 ] | [ description 48 30 69 2 ] | [ description 48 33 69 4 ] \"", "plain_layout_seq": "button 45 45 35 9 | description 48 27 69 2 | description 48 30 69 2 | description 48 33 69 4 | icon 39 0 41 11 | text 45 20 71 4 | text 45 39 71 4 | title 45 14 71 4", "canvas_width": 1024, "canvas_height": 473, "elements": [ { "type": "icon", "position": [ 337, 0, 350, 95 ], "completed": false }, { "type": "title", "position": [ 392, 121, 610, 37 ], "completed": false }, { "type": "text", "position": [ 392, 179, 610, 36 ], "completed": false }, { "type": "description", "position": [ 410, 231, 592, 18 ], "completed": false }, { "type": "description", "position": [ 410, 259, 592, 18 ], "completed": false }, { "type": "description", "position": [ 410, 287, 592, 36 ], "completed": false }, { "type": "text", "position": [ 392, 339, 610, 36 ], "completed": false }, { "type": "button", "position": [ 392, 391, 304, 78 ], "completed": false } ] }, { "text": "#A page for users to enter video URLs or search terms. # A page should include an input box for users to enter a video URL or search term, and a button to click to jump to show the related content. And a text is needed to show an URL example.", "region_id": "2570", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input [attr:value 'enter a video URL or search term'] ] [el:button] [el:text] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 80 0 7 4 | input 31 0 48 4 | text 41 6 39 2 | complete text 38 6 3 2", "layout_seq_without_completion": "button 80 0 7 4 | input 31 0 48 4 | text 41 6 39 2 | text 38 6 3 2", "plain_layout_seq": "button 80 0 7 4 | input 31 0 48 4 | text 41 6 39 2 | text 38 6 3 2", "canvas_width": 940, "canvas_height": 69, "elements": [ { "type": "input", "position": [ 250, 0, 381, 34 ], "completed": false }, { "type": "button", "position": [ 630, 0, 60, 34 ], "completed": false }, { "type": "text", "position": [ 303, 51, 24, 16 ], "completed": true }, { "type": "text", "position": [ 328, 51, 310, 16 ], "completed": false } ] }, { "text": "#A page introducing the significance of using Visual Paradigm# A title is involved at the top of the page, which is placed above a short description of the usage situation of Visual Paradigm. And at the bottom of the page, eight logos of relevant important companies are listed.", "region_id": "4838", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] ] [el:logo [attr:repeat '8'] [attr:position 'bottom'] ] ]", "execution": "singleinfo : description undefined small | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | title top undefined", "layout_seq_with_completion": "complete background 0 0 120 36 | description 3 13 112 9 | logo 10 23 98 6 | title 1 7 116 6", "layout_seq_without_completion": "background 0 0 120 36 | description 3 13 112 9 | logo 10 23 98 6 | title 1 7 116 6", "plain_layout_seq": "background 0 0 120 36 | description 3 13 112 9 | logo 10 23 98 6 | title 1 7 116 6", "canvas_width": 1024, "canvas_height": 315, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 315 ], "completed": true }, { "type": "title", "position": [ 15, 60, 994, 59 ], "completed": false }, { "type": "description", "position": [ 30, 119, 964, 79 ], "completed": false }, { "type": "logo", "position": [ 92, 198, 841, 57 ], "completed": false } ] }, { "text": "# A page for introducing the service object of the company Motive.# On the page, there should be a title \"Who we serve\", and two text boxes to introduce the company's business area and the service object.", "region_id": "285", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'who we serve'] ] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 7 17 61 4 | description 7 5 61 8 | title 7 0 61 2", "layout_seq_without_completion": "description 7 17 61 4 | description 7 5 61 8 | title 7 0 61 2", "plain_layout_seq": "description 7 17 61 4 | description 7 5 61 8 | title 7 0 61 2", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "title", "position": [ 60, 0, 522, 20 ], "completed": false }, { "type": "description", "position": [ 60, 50, 522, 72 ], "completed": false }, { "type": "description", "position": [ 60, 146, 522, 40 ], "completed": false } ] }, { "text": "#A page for a link to the study room.# There should be a title, a button to find more information, and a corresponding background image.", "region_id": "1641", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 34 35 46 19 | button 47 47 21 5 | title 40 35 36 8", "layout_seq_without_completion": "background 34 35 46 19 | button 47 47 21 5 | title 40 35 36 8", "plain_layout_seq": "background 34 35 46 19 | button 47 47 21 5 | title 40 35 36 8", "canvas_width": 1003, "canvas_height": 755, "elements": [ { "type": "background", "position": [ 292, 294, 391, 167 ], "completed": false }, { "type": "title", "position": [ 336, 294, 301, 74 ], "completed": false }, { "type": "button", "position": [ 396, 396, 180, 44 ], "completed": false } ] }, { "text": "#A page for attracting users to subscribe.# The page should have a text to call for users to subscribe to get the new recipe, an input for users to enter an email and a button for users to click to subscribe.", "region_id": "5777", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:input [attr:value 'your email'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 92 3 17 5 | input 51 3 37 5 | text 11 4 35 3", "layout_seq_without_completion": "button 92 3 17 5 | input 51 3 37 5 | text 11 4 35 3", "plain_layout_seq": "button 92 3 17 5 | input 51 3 37 5 | text 11 4 35 3", "canvas_width": 1014, "canvas_height": 108, "elements": [ { "type": "input", "position": [ 437, 30, 320, 48 ], "completed": false }, { "type": "button", "position": [ 782, 30, 144, 48 ], "completed": false }, { "type": "text", "position": [ 98, 39, 299, 30 ], "completed": false } ] }, { "text": "#A page for providing users with resources and guidance on COVID-19.#The page should have one text heading, one brief introductory text, and one link to resources and guidance related to COVID-19.", "region_id": "3070", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'resources and guidance related to COVID-19'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 9 116 7 | link 1 19 48 4 | title 1 2 116 3", "layout_seq_without_completion": "description 1 9 116 7 | link 1 19 48 4 | title 1 2 116 3", "plain_layout_seq": "description 1 9 116 7 | link 1 19 48 4 | title 1 2 116 3", "canvas_width": 1009, "canvas_height": 251, "elements": [ { "type": "title", "position": [ 15, 25, 979, 26 ], "completed": false }, { "type": "description", "position": [ 15, 76, 979, 60 ], "completed": false }, { "type": "link", "position": [ 15, 161, 411, 40 ], "completed": false } ] }, { "text": "#A page introducing Dave. # The page should have a title and a short introduction of the pros of the company to entice users to use its service, an image related to credit number, and a button for users to click to learn more.", "region_id": "96", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "layout_seq_without_completion": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "plain_layout_seq": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "image", "position": [ 64, 96, 410, 188 ], "completed": false }, { "type": "title", "position": [ 536, 105, 438, 115 ], "completed": false }, { "type": "description", "position": [ 536, 240, 438, 135 ], "completed": false }, { "type": "button", "position": [ 64, 324, 410, 59 ], "completed": false } ] }, { "text": "#A page introducing Dave. # The page should have a title and a short introduction of the pros of the company to entice users to use its service, an image related to credit number, and a button for users to click to request a demo.", "region_id": "96_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "layout_seq_without_completion": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "plain_layout_seq": "button 7 37 48 6 | description 62 28 51 15 | image 7 11 48 22 | title 62 12 51 13", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "image", "position": [ 64, 96, 410, 188 ], "completed": false }, { "type": "title", "position": [ 536, 105, 438, 115 ], "completed": false }, { "type": "description", "position": [ 536, 240, 438, 135 ], "completed": false }, { "type": "button", "position": [ 64, 324, 410, 59 ], "completed": false } ] }, { "text": "#A page for introducing one engine.# There should be one image and two text boxes, one for the title and the other for the detail.", "region_id": "249", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 60 30 57 12 | image 2 0 57 54 | title 60 8 57 18", "layout_seq_without_completion": "description 60 30 57 12 | image 2 0 57 54 | title 60 8 57 18", "plain_layout_seq": "description 60 30 57 12 | image 2 0 57 54 | title 60 8 57 18", "canvas_width": 1024, "canvas_height": 462, "elements": [ { "type": "image", "position": [ 24, 0, 488, 462 ], "completed": false }, { "type": "title", "position": [ 512, 73, 488, 162 ], "completed": false }, { "type": "description", "position": [ 512, 259, 488, 105 ], "completed": false } ] }, { "text": "#A page for introducing a security platform to users.# The page should include one title \"Security that transforms the way you work\" on the left side, and a brief introduction on the right side. A button is needed for users to click for more solutions.", "region_id": "1794", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'security that transforms the way you work'] [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'more solutions'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | title left undefined", "layout_seq_with_completion": "button 51 21 12 2 | description 51 3 58 17 | title 1 3 36 16", "layout_seq_without_completion": "button 51 21 12 2 | description 51 3 58 17 | title 1 3 36 16", "plain_layout_seq": "button 51 21 12 2 | description 51 3 58 17 | title 1 3 36 16", "canvas_width": 960, "canvas_height": 260, "elements": [ { "type": "title", "position": [ 15, 25, 290, 132 ], "completed": false }, { "type": "description", "position": [ 415, 25, 470, 142 ], "completed": false }, { "type": "button", "position": [ 415, 170, 99, 19 ], "completed": false } ] }, { "text": "#A page for introducing the pros of an app.# The page should have some images and some text boxes to list and shortly introduce the pros of an app. A big image is needed to show the pages of the app.", "region_id": "516", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat'several'] ] [el:description [attr:repeat'several'] [attr:size'small'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined small | description undefined small | description undefined small | description undefined small | image undefined large | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined", "layout_seq_with_completion": "description 15 72 35 8 | description 15 39 35 8 | description 15 17 28 6 | description 15 89 35 8 | description 15 56 35 8 | image 9 16 3 3 | image 9 73 3 3 | image 9 89 3 3 | image 9 56 3 3 | image 9 40 3 3 | image 65 34 49 49 | text 15 24 35 6", "layout_seq_without_completion": "description 15 72 35 8 | description 15 39 35 8 | description 15 17 28 6 | description 15 89 35 8 | description 15 56 35 8 | image 9 16 3 3 | image 9 73 3 3 | image 9 89 3 3 | image 9 56 3 3 | image 9 40 3 3 | image 65 34 49 49 | text 15 24 35 6", "plain_layout_seq": "description 15 72 35 8 | description 15 39 35 8 | description 15 17 28 6 | description 15 89 35 8 | description 15 56 35 8 | image 9 16 3 3 | image 9 73 3 3 | image 9 89 3 3 | image 9 56 3 3 | image 9 40 3 3 | image 65 34 49 49 | text 15 24 35 6", "canvas_width": 1039, "canvas_height": 916, "elements": [ { "type": "image", "position": [ 81, 146, 32, 32 ], "completed": false }, { "type": "description", "position": [ 130, 149, 249, 60 ], "completed": false }, { "type": "text", "position": [ 130, 214, 308, 59 ], "completed": false }, { "type": "image", "position": [ 564, 297, 430, 430 ], "completed": false }, { "type": "description", "position": [ 130, 345, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 348, 32, 32 ], "completed": false }, { "type": "description", "position": [ 130, 488, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 490, 32, 32 ], "completed": false }, { "type": "description", "position": [ 130, 630, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 633, 32, 32 ], "completed": false }, { "type": "description", "position": [ 130, 773, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 775, 32, 32 ], "completed": false } ] }, { "text": "#A page for introducing Data Governance to users.# The page should include one title and three subtitles under it. There should be a brief description of the first subtitle. Besides, a button is needed for users to click for further information. On the right, there should be an interface for Data Governance.", "region_id": "26", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title [attr:repeat '3'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 12 55 10 1 | description 12 35 32 16 | image 54 37 58 31 | title 6 72 26 3 | title 6 29 33 3 | title 6 63 37 3 | title 6 11 106 4", "layout_seq_without_completion": "button 12 55 10 1 | description 12 35 32 16 | image 54 37 58 31 | title 6 72 26 3 | title 6 29 33 3 | title 6 63 37 3 | title 6 11 106 4", "plain_layout_seq": "button 12 55 10 1 | description 12 35 32 16 | image 54 37 58 31 | title 6 72 26 3 | title 6 29 33 3 | title 6 63 37 3 | title 6 11 106 4", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "title", "position": [ 57, 100, 910, 40 ], "completed": false }, { "type": "title", "position": [ 57, 255, 283, 28 ], "completed": false }, { "type": "description", "position": [ 110, 307, 281, 144 ], "completed": false }, { "type": "image", "position": [ 467, 316, 500, 270 ], "completed": false }, { "type": "button", "position": [ 110, 470, 86, 17 ], "completed": false }, { "type": "title", "position": [ 57, 541, 322, 28 ], "completed": false }, { "type": "title", "position": [ 57, 619, 230, 28 ], "completed": false } ] }, { "text": "#A page for showing one plan.#There should be one image including two text boxes, one for the title\"Planet New Economy\" and the other for the detail. Users can click a button to learn more info.", "region_id": "2334", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'planet new economy']] [el:description] [el:button [attr:value'Learn More'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 46 | description 4 20 36 5 | complete icon 16 31 3 3 | complete text 7 32 8 1 | title 4 13 36 5", "layout_seq_without_completion": "background 0 0 120 46 | description 4 20 36 5 | icon 16 31 3 3 | text 7 32 8 1 | title 4 13 36 5", "plain_layout_seq": "background 0 0 120 46 | description 4 20 36 5 | icon 16 31 3 3 | text 7 32 8 1 | title 4 13 36 5", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 400 ], "completed": false }, { "type": "title", "position": [ 42, 117, 313, 50 ], "completed": false }, { "type": "description", "position": [ 42, 176, 313, 48 ], "completed": false }, { "type": "icon", "position": [ 141, 268, 32, 32 ], "completed": true }, { "type": "text", "position": [ 66, 276, 75, 16 ], "completed": true } ] }, { "text": "#A page for showing one plan.#There should be one image including two text boxes, one for the title and the other for the detail. Users can click a text button to learn more info.", "region_id": "2334_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'Learn More'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 32 8 1 | description 4 20 36 5 | complete icon 16 31 3 3 | image 0 0 120 46 | title 4 13 36 5", "layout_seq_without_completion": "button 7 32 8 1 | description 4 20 36 5 | icon 16 31 3 3 | image 0 0 120 46 | title 4 13 36 5", "plain_layout_seq": "button 7 32 8 1 | description 4 20 36 5 | icon 16 31 3 3 | image 0 0 120 46 | title 4 13 36 5", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 400 ], "completed": false }, { "type": "title", "position": [ 42, 117, 313, 50 ], "completed": false }, { "type": "description", "position": [ 42, 176, 313, 48 ], "completed": false }, { "type": "icon", "position": [ 141, 268, 32, 32 ], "completed": true }, { "type": "button", "position": [ 66, 276, 75, 16 ], "completed": false } ] }, { "text": "#A page for introducing the SOCAR app to users.# The page should include a slogan on the left. On the right, there should be a button for users to click to download the SOCAR app.", "region_id": "486", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:button [attr:value'download socar app'] [attr:position'right'] ] ]", "execution": "singleinfo : button right undefined | title left undefined", "layout_seq_with_completion": "button 83 9 35 5 | title 1 11 77 6 | title 1 5 77 6", "layout_seq_without_completion": "button 83 9 35 5 | title 1 11 77 6 | title 1 5 77 6", "plain_layout_seq": "button 83 9 35 5 | title 1 11 77 6 | title 1 5 77 6", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 15, 48, 663, 52 ], "completed": false }, { "type": "button", "position": [ 709, 78, 300, 45 ], "completed": false }, { "type": "title", "position": [ 15, 100, 663, 52 ], "completed": false } ] }, { "text": "#A page for helping users to subscribe to the newsletters.# The page should have a title, a description, an input box with an icon for users to input their email address, and an image.", "region_id": "2974", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:input [attr:value 'your email address'] ] [el:icon] [el:image] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | image undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 29 23 41 9 | icon 65 37 5 5 | image 75 5 39 39 | input 29 37 41 5 | title 29 9 41 11", "layout_seq_without_completion": "description 29 23 41 9 | icon 65 37 5 5 | image 75 5 39 39 | input 29 37 41 5 | title 29 9 41 11", "plain_layout_seq": "description 29 23 41 9 | icon 65 37 5 5 | image 75 5 39 39 | input 29 37 41 5 | title 29 9 41 11", "canvas_width": 1024, "canvas_height": 479, "elements": [ { "type": "image", "position": [ 648, 48, 336, 337 ], "completed": false }, { "type": "title", "position": [ 255, 81, 356, 94 ], "completed": false }, { "type": "description", "position": [ 255, 203, 356, 78 ], "completed": false }, { "type": "input", "position": [ 255, 322, 356, 47 ], "completed": false }, { "type": "icon", "position": [ 563, 322, 47, 47 ], "completed": false } ] }, { "text": "#A page showing an instruction on getting the latest from Olam.# There is a long title\"Want To Get the Latest Form Olam?\". There is an instruction of a similar size. There is a button\"Subscribe\".", "region_id": "1852", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'want to get the latest form olam?'] ] [el:description [attr:size'large'] ] [el:button [attr:value'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined large | title undefined large", "layout_seq_with_completion": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "layout_seq_without_completion": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "plain_layout_seq": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "canvas_width": 1024, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 48, 30, 928, 34 ], "completed": false }, { "type": "description", "position": [ 48, 74, 928, 21 ], "completed": false }, { "type": "button", "position": [ 459, 115, 106, 40 ], "completed": false } ] }, { "text": "#A page showing an instruction on getting the latest from Olam.# There is a long text box titled \"Want To Get the Latest Form Olam?\". There is another text box of a similar size showing the instruction. There is a button for a subscription.", "region_id": "1852_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] [attr:value'want to get the latest form olam?'] ] [el:description [attr:size'large']] [el:button [attr:value'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined large | title undefined large", "layout_seq_with_completion": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "layout_seq_without_completion": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "plain_layout_seq": "button 53 13 12 4 | description 5 8 108 2 | title 5 3 108 3", "canvas_width": 1024, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 48, 30, 928, 34 ], "completed": false }, { "type": "description", "position": [ 48, 74, 928, 21 ], "completed": false }, { "type": "button", "position": [ 459, 115, 106, 40 ], "completed": false } ] }, { "text": "# A page to call for the users to join them.# On this page, a picture is set on the left side. And next to the picture, a group of information is involved. The title of \"join us to share the message\" is placed above a short description.", "region_id": "6405", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:value 'join us to share the message'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image left undefined | title undefined undefined", "layout_seq_with_completion": "description 64 37 49 9 | image 11 6 42 63 | title 64 31 49 4", "layout_seq_without_completion": "description 64 37 49 9 | image 11 6 42 63 | title 64 31 49 4", "plain_layout_seq": "description 64 37 49 9 | image 11 6 42 63 | title 64 31 49 4", "canvas_width": 1024, "canvas_height": 674, "elements": [ { "type": "image", "position": [ 102, 55, 363, 545 ], "completed": false }, { "type": "title", "position": [ 547, 270, 422, 36 ], "completed": false }, { "type": "description", "position": [ 547, 321, 422, 81 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # The page should have two input boxes for the user to enter first name and email address and a button for the user to click to subscribe.", "region_id": "8399", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input [attr:value 'first name'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | input undefined undefined", "layout_seq_with_completion": "button 91 3 9 2 | input 46 1 34 6 | input 10 1 34 6", "layout_seq_without_completion": "button 91 3 9 2 | input 46 1 34 6 | input 10 1 34 6", "plain_layout_seq": "button 91 3 9 2 | input 46 1 34 6 | input 10 1 34 6", "canvas_width": 864, "canvas_height": 56, "elements": [ { "type": "input", "position": [ 76, 10, 250, 46 ], "completed": false }, { "type": "input", "position": [ 336, 10, 250, 46 ], "completed": false }, { "type": "button", "position": [ 658, 24, 68, 17 ], "completed": false } ] }, { "text": "#A page for showing the leader in continuous testing.# The page should have an image, a title, a short description, and 3 links for users to click to learn about solutions for enterprises, solutions for startups and Medium teams, and solutions for open source projects.", "region_id": "3260", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'solutions for enterprises'] ] [el:link [attr:value 'lutions for startups and Medium teams'] ] [el:link [attr:value 'solutions for open source projects'] ]]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 11 19 46 22 | image 61 11 46 46 | title 11 8 46 8 | \" [ link 11 45 21 2 ] | [ link 11 50 37 2 ] | [ link 11 55 31 2 ] \"", "layout_seq_without_completion": "description 11 19 46 22 | image 61 11 46 46 | title 11 8 46 8 | \" [ link 11 45 21 2 ] | [ link 11 50 37 2 ] | [ link 11 55 31 2 ] \"", "plain_layout_seq": "description 11 19 46 22 | image 61 11 46 46 | link 11 45 21 2 | link 11 50 37 2 | link 11 55 31 2 | title 11 8 46 8", "canvas_width": 1009, "canvas_height": 577, "elements": [ { "type": "title", "position": [ 100, 72, 390, 72 ], "completed": false }, { "type": "image", "position": [ 520, 94, 390, 390 ], "completed": false }, { "type": "description", "position": [ 100, 160, 390, 192 ], "completed": false }, { "type": "link", "position": [ 100, 379, 177, 19 ], "completed": false }, { "type": "link", "position": [ 100, 422, 316, 19 ], "completed": false }, { "type": "link", "position": [ 100, 465, 265, 19 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should be a small image on the left, the slogan \"Join Our Newsletter\", an input box, and a button \"Subscribe\". The user can enter the email address and click the button to complete the subscription.", "region_id": "8582", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] [attr:size 'small']] [el:text [attr:value 'Join Our Newsletter'] ] [el:input[attr:value'enter the email address']] [el:button [attr:value 'Subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | image left small | input undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 103 4 8 2 | image 5 0 11 11 | input 61 3 52 4 | text 20 3 30 4", "layout_seq_without_completion": "button 103 4 8 2 | image 5 0 11 11 | input 61 3 52 4 | text 20 3 30 4", "plain_layout_seq": "button 103 4 8 2 | image 5 0 11 11 | input 61 3 52 4 | text 20 3 30 4", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "image", "position": [ 50, 0, 100, 100 ], "completed": false }, { "type": "input", "position": [ 520, 30, 440, 40 ], "completed": false }, { "type": "text", "position": [ 170, 32, 256, 36 ], "completed": false }, { "type": "button", "position": [ 867, 40, 75, 20 ], "completed": false } ] }, { "text": "#A page for introducing an App for booking a city taxi to users.# The page should include one title and a brief description on the top. Under it, there should be an interface of the app and users can use it to search Cabs.", "region_id": "1839", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] [attr:position'top'] ] [el:image] ]", "execution": "singleinfo : description top small | image undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 0 0 120 78 | complete button 5 19 9 2 | description 32 10 54 2 | image 2 23 46 46 | complete image 2 18 46 5 | complete link 19 19 11 2 | complete link 36 19 8 2 | title 0 4 120 4", "layout_seq_without_completion": "background 0 0 120 78 | button 5 19 9 2 | description 32 10 54 2 | image 2 23 46 46 | image 2 18 46 5 | link 19 19 11 2 | link 36 19 8 2 | title 0 4 120 4", "plain_layout_seq": "background 0 0 120 78 | button 5 19 9 2 | description 32 10 54 2 | image 2 23 46 46 | image 2 18 46 5 | link 19 19 11 2 | link 36 19 8 2 | title 0 4 120 4", "canvas_width": 1028, "canvas_height": 675, "elements": [ { "type": "background", "position": [ 0, 0, 1028, 675 ], "completed": true }, { "type": "title", "position": [ 0, 40, 1028, 38 ], "completed": false }, { "type": "description", "position": [ 279, 86, 470, 24 ], "completed": false }, { "type": "image", "position": [ 20, 160, 400, 45 ], "completed": true }, { "type": "button", "position": [ 51, 170, 78, 24 ], "completed": true }, { "type": "link", "position": [ 170, 170, 100, 24 ], "completed": true }, { "type": "link", "position": [ 313, 170, 74, 24 ], "completed": true }, { "type": "image", "position": [ 20, 205, 400, 400 ], "completed": false } ] }, { "text": "#A page for users to search for the information# There should be an input with a searching icon letting users input what they want to find, and when users click on the input, there should be a link showing relative things. it should also have a logo on the right side of the page.", "region_id": "3863", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:input] [el:icon] [el:link] [el:logo [attr:position 'right'] ] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | link undefined undefined | logo right undefined", "layout_seq_with_completion": "icon 1 2 4 3 | input 1 2 21 3 | logo 101 1 16 8", "layout_seq_without_completion": "icon 1 2 4 3 | input 1 2 21 3 | logo 101 1 16 8", "plain_layout_seq": "icon 1 2 4 3 | input 1 2 21 3 | logo 101 1 16 8", "canvas_width": 970, "canvas_height": 90, "elements": [ { "type": "logo", "position": [ 824, 10, 130, 69 ], "completed": false }, { "type": "icon", "position": [ 14, 20, 37, 32 ], "completed": false }, { "type": "input", "position": [ 14, 20, 170, 28 ], "completed": false } ] }, { "text": "#A page for users to open an account.# There should be one title \"Finance for fast-growing companies\" and the other for the slogan. Users can open an account by clicking one button.", "region_id": "842", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'finance for fast-growing companies'] ] [el:title] [el:button [attr:value'open an account'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "layout_seq_without_completion": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "plain_layout_seq": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "canvas_width": 1003, "canvas_height": 332, "elements": [ { "type": "title", "position": [ 48, 48, 605, 128 ], "completed": false }, { "type": "title", "position": [ 48, 192, 434, 28 ], "completed": false }, { "type": "button", "position": [ 48, 236, 160, 48 ], "completed": false } ] }, { "text": "#A page for users to open an account.# There should be two text boxes, one for the title and the other for the slogan. Users can open an account by clicking one text button.", "region_id": "842_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:button [attr:value'open an account'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "layout_seq_without_completion": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "plain_layout_seq": "button 5 28 19 5 | title 5 5 72 15 | title 5 22 51 3", "canvas_width": 1003, "canvas_height": 332, "elements": [ { "type": "title", "position": [ 48, 48, 605, 128 ], "completed": false }, { "type": "title", "position": [ 48, 192, 434, 28 ], "completed": false }, { "type": "button", "position": [ 48, 236, 160, 48 ], "completed": false } ] }, { "text": "# A page to introduce Escrow Pay. # On the page, there should have an image on the left, a title, a brief introduction to Escrow Pay, and a button for the user to click to learn more info.", "region_id": "6228", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'learn more info'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image left undefined | title undefined undefined", "layout_seq_with_completion": "button 61 37 17 5 | description 61 29 55 5 | image 0 7 48 40 | title 61 13 55 14", "layout_seq_without_completion": "button 61 37 17 5 | description 61 29 55 5 | image 0 7 48 40 | title 61 13 55 14", "plain_layout_seq": "button 61 37 17 5 | description 61 29 55 5 | image 0 7 48 40 | title 61 13 55 14", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 0, 68, 412, 345 ], "completed": false }, { "type": "title", "position": [ 528, 115, 472, 120 ], "completed": false }, { "type": "description", "position": [ 528, 255, 472, 48 ], "completed": false }, { "type": "button", "position": [ 528, 321, 148, 46 ], "completed": false } ] }, { "text": "#A page for users to filter and refresh.# The page should have a text, an input for users to click to filter, and a button for users to click to refresh.", "region_id": "5702", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:input [attr:value 'filter']] [el:button [attr:value 'refresh'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 110 0 9 4 | input 82 0 26 4 | text 0 0 82 2", "layout_seq_without_completion": "button 110 0 9 4 | input 82 0 26 4 | text 0 0 82 2", "plain_layout_seq": "button 110 0 9 4 | input 82 0 26 4 | text 0 0 82 2", "canvas_width": 965, "canvas_height": 34, "elements": [ { "type": "input", "position": [ 666, 0, 210, 34 ], "completed": false }, { "type": "button", "position": [ 886, 0, 79, 34 ], "completed": false }, { "type": "text", "position": [ 0, 5, 666, 23 ], "completed": false } ] }, { "text": "#A page for guiding users to confirm some information.# The page contains a description of information, a link named \u201cCookies Settings\u201d for users to click to know more about the information, and a button named \u201cAccept Recommended Settings\u201d for users to click to accept the request.", "region_id": "4111", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'Cookies Settings'] ] [el:button [attr:value 'Accept Recommended Settings'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 15 | button 76 8 38 4 | description 3 2 68 6 | link 76 2 38 4", "layout_seq_without_completion": "background 0 0 120 15 | button 76 8 38 4 | description 3 2 68 6 | link 76 2 38 4", "plain_layout_seq": "background 0 0 120 15 | button 76 8 38 4 | description 3 2 68 6 | link 76 2 38 4", "canvas_width": 1024, "canvas_height": 136, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 136 ], "completed": true }, { "type": "description", "position": [ 32, 20, 582, 59 ], "completed": false }, { "type": "link", "position": [ 655, 25, 328, 40 ], "completed": false }, { "type": "button", "position": [ 655, 74, 328, 41 ], "completed": false } ] }, { "text": "#A page for introducing a company's recruitment information to users.# On the left side, there should be an image. On the right side, the page should include one title and a brief description of the recruit. At the bottom, a button is needed for users to search GD careers.", "region_id": "1273", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right']] [el:description [attr:position 'right'][attr:size 'small']] [el:button [attr:position 'bottom'][attr:value'search GD careers'] ] ]", "execution": "singleinfo : button bottom undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 66 27 23 5 | description 66 13 45 8 | complete image 63 0 51 36 | image 2 0 58 20 | title 66 3 45 8", "layout_seq_without_completion": "button 66 27 23 5 | description 66 13 45 8 | image 63 0 51 36 | image 2 0 58 20 | title 66 3 45 8", "plain_layout_seq": "button 66 27 23 5 | description 66 13 45 8 | image 63 0 51 36 | image 2 0 58 20 | title 66 3 45 8", "canvas_width": 939, "canvas_height": 310, "elements": [ { "type": "image", "position": [ 16, 0, 455, 157 ], "completed": false }, { "type": "image", "position": [ 495, 0, 405, 288 ], "completed": true }, { "type": "title", "position": [ 520, 30, 355, 70 ], "completed": false }, { "type": "description", "position": [ 520, 108, 355, 66 ], "completed": false }, { "type": "button", "position": [ 520, 212, 184, 46 ], "completed": false } ] }, { "text": "#A page for showing the latest shoes.# There should be one label \"THE LATEST\" and one title\"A better workout starts here\" as well as one slogan. Two buttons are used for users to make a choice.", "region_id": "1811", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the latest'] ] [el:title [attr:value'a better workout starts here'] ] [el:title] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | complete text 6 18 47 3 | title 6 47 47 6 | title 0 0 14 3 | title 6 21 47 22", "layout_seq_without_completion": "background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | text 6 18 47 3 | title 6 47 47 6 | title 0 0 14 3 | title 6 21 47 22", "plain_layout_seq": "background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | text 6 18 47 3 | title 6 47 47 6 | title 0 0 14 3 | title 6 21 47 22", "canvas_width": 940, "canvas_height": 535, "elements": [ { "type": "title", "position": [ 6, 0, 113, 28 ], "completed": false }, { "type": "background", "position": [ 6, 52, 928, 483 ], "completed": true }, { "type": "text", "position": [ 54, 141, 371, 24 ], "completed": true }, { "type": "title", "position": [ 54, 169, 371, 180 ], "completed": false }, { "type": "title", "position": [ 54, 373, 371, 48 ], "completed": false }, { "type": "button", "position": [ 54, 451, 124, 36 ], "completed": false }, { "type": "button", "position": [ 184, 451, 147, 36 ], "completed": false } ] }, { "text": "#A page for showing the latest shoes.# There should be one text box showing the label \"THE LATEST\" and two text boxes showing the title. One text box includes a detailed description. Two text buttons are used for users to make choice.", "region_id": "1811_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'the latest'] ] [el:title [attr:repeat '2'] ] [el:description] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | description 6 47 47 6 | text 0 0 14 3 | title 6 18 47 3 | title 6 21 47 22", "layout_seq_without_completion": "background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | description 6 47 47 6 | text 0 0 14 3 | title 6 18 47 3 | title 6 21 47 22", "plain_layout_seq": "background 0 6 118 61 | button 23 57 18 4 | button 6 57 15 4 | description 6 47 47 6 | text 0 0 14 3 | title 6 18 47 3 | title 6 21 47 22", "canvas_width": 940, "canvas_height": 535, "elements": [ { "type": "text", "position": [ 6, 0, 113, 28 ], "completed": false }, { "type": "background", "position": [ 6, 52, 928, 483 ], "completed": true }, { "type": "title", "position": [ 54, 141, 371, 24 ], "completed": false }, { "type": "title", "position": [ 54, 169, 371, 180 ], "completed": false }, { "type": "description", "position": [ 54, 373, 371, 48 ], "completed": false }, { "type": "button", "position": [ 54, 451, 124, 36 ], "completed": false }, { "type": "button", "position": [ 184, 451, 147, 36 ], "completed": false } ] }, { "text": "# A page to introduce the response of a company AmerisourceBergen to COVID-19.# There should be a title and a long description. A text button is needed for the user to click to learn more.", "region_id": "668", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'large'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined large | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 50 | button 5 35 16 5 | description 5 15 70 15 | complete image 81 0 38 50 | title 5 7 70 5", "layout_seq_without_completion": "background 0 0 120 50 | button 5 35 16 5 | description 5 15 70 15 | image 81 0 38 50 | title 5 7 70 5", "plain_layout_seq": "background 0 0 120 50 | button 5 35 16 5 | description 5 15 70 15 | image 81 0 38 50 | title 5 7 70 5", "canvas_width": 1024, "canvas_height": 428, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 428 ], "completed": true }, { "type": "image", "position": [ 693, 0, 331, 428 ], "completed": true }, { "type": "title", "position": [ 47, 66, 600, 47 ], "completed": false }, { "type": "description", "position": [ 47, 129, 600, 135 ], "completed": false }, { "type": "button", "position": [ 47, 304, 138, 44 ], "completed": false } ] }, { "text": "# This page delivers information to the user. #This page has the title \"Measuring for the Future of Media, Today\", a description at the bottom, a learn more button at the bottom, and a picture of an airplane on the left side of the page.", "region_id": "4336", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'measuring for the future of media, today'] ] [el:description [attr:position 'bottom'] ] [el:button[attr:position 'bottom'] [attr:value 'learn more'] ] [el:image [attr:position 'left'] ] ]", "execution": "singleinfo : button bottom undefined | description bottom undefined | image left undefined | title undefined undefined", "layout_seq_with_completion": "button 72 59 19 6 | description 72 36 38 19 | image 2 29 56 36 | complete image 0 77 120 11 | title 72 15 39 19", "layout_seq_without_completion": "button 72 59 19 6 | description 72 36 38 19 | image 2 29 56 36 | image 0 77 120 11 | title 72 15 39 19", "plain_layout_seq": "button 72 59 19 6 | description 72 36 38 19 | image 2 29 56 36 | image 0 77 120 11 | title 72 15 39 19", "canvas_width": 1024, "canvas_height": 761, "elements": [ { "type": "title", "position": [ 616, 128, 333, 167 ], "completed": false }, { "type": "image", "position": [ 24, 253, 480, 310 ], "completed": false }, { "type": "description", "position": [ 616, 312, 328, 165 ], "completed": false }, { "type": "button", "position": [ 616, 511, 163, 52 ], "completed": false }, { "type": "image", "position": [ 0, 659, 1024, 102 ], "completed": true } ] }, { "text": "#A page for introducing the PyData Newsletter for users.# This page should include one title \"Join our PyData Newsletter\". A button should be provided for users to click to subscribe the PyData newsletter. Below, there should be three icons to log in.", "region_id": "5766", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'join our pydata newsletter'] ] [el:button [attr:value 'subscribe'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 30 | button 52 11 15 5 | icon 67 20 4 4 | title 11 4 95 4", "layout_seq_without_completion": "background 0 0 120 30 | button 52 11 15 5 | icon 67 20 4 4 | title 11 4 95 4", "plain_layout_seq": "background 0 0 120 30 | button 52 11 15 5 | icon 67 20 4 4 | title 11 4 95 4", "canvas_width": 1024, "canvas_height": 258, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 258 ], "completed": true }, { "type": "title", "position": [ 102, 40, 819, 40 ], "completed": false }, { "type": "button", "position": [ 448, 95, 129, 50 ], "completed": false }, { "type": "icon", "position": [ 572, 178, 40, 40 ], "completed": false } ] }, { "text": "# A page to show guidance for the website users.# On this page, a background picture is involved. And on the picture, the title of \"Shipment Solutions\" is placed above the button \"Go to fadlirabbi.com\".", "region_id": "7361", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'shipment solutions'] ] [el:button [attr:value 'Go to fadlirabbi.com'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 6 6 107 76 | button 47 46 24 4 | title 12 37 94 5", "layout_seq_without_completion": "background 6 6 107 76 | button 47 46 24 4 | title 12 37 94 5", "plain_layout_seq": "background 6 6 107 76 | button 47 46 24 4 | title 12 37 94 5", "canvas_width": 1024, "canvas_height": 705, "elements": [ { "type": "background", "position": [ 55, 55, 914, 650 ], "completed": false }, { "type": "title", "position": [ 110, 316, 804, 49 ], "completed": false }, { "type": "button", "position": [ 408, 398, 208, 41 ], "completed": false } ] }, { "text": "#A page for introducing one app.# There should be one image and two text boxes, one for the title\"Join Clubs to get more\", and the other for the detail.", "region_id": "1217", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'join clubs to get more'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "layout_seq_without_completion": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "plain_layout_seq": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 544, 32, 448, 288 ], "completed": false }, { "type": "title", "position": [ 16, 109, 480, 40 ], "completed": false }, { "type": "description", "position": [ 16, 165, 480, 96 ], "completed": false } ] }, { "text": "#A page for introducing one app.# There should be one image and two text boxes, one for the title and the other for the detail.", "region_id": "1217_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "layout_seq_without_completion": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "plain_layout_seq": "description 1 19 56 11 | image 63 3 52 33 | title 1 12 56 4", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 544, 32, 448, 288 ], "completed": false }, { "type": "title", "position": [ 16, 109, 480, 40 ], "completed": false }, { "type": "description", "position": [ 16, 165, 480, 96 ], "completed": false } ] }, { "text": "#A page introducing a shopping web. # The page should have a slogan to shortly introduce the goods to entice users to buy, a button for users to click to shop now, and a corresponding image.", "region_id": "112", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size 'small'] ] [el:button [attr:value'shop now'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined small", "layout_seq_with_completion": "button 51 28 17 5 | image 5 36 108 40 | title 33 15 52 11 | complete title 35 15 40 5", "layout_seq_without_completion": "button 51 28 17 5 | image 5 36 108 40 | title 33 15 52 11 | title 35 15 40 5", "plain_layout_seq": "button 51 28 17 5 | image 5 36 108 40 | title 33 15 52 11 | title 35 15 40 5", "canvas_width": 1024, "canvas_height": 753, "elements": [ { "type": "title", "position": [ 286, 128, 452, 96 ], "completed": false }, { "type": "title", "position": [ 304, 128, 348, 48 ], "completed": true }, { "type": "button", "position": [ 436, 246, 153, 49 ], "completed": false }, { "type": "image", "position": [ 51, 310, 922, 343 ], "completed": false } ] }, { "text": "# A page to introduce digital freight network Convoy. # There should a text box for the logan of the company. It must have a text button that the user can click to watch the video to discover Convoy.", "region_id": "74", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'watch the video'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 82 | button 46 46 26 5 | complete icon 49 48 1 2 | complete text 52 48 18 2 | title 30 29 58 15", "layout_seq_without_completion": "background 0 0 120 82 | button 46 46 26 5 | icon 49 48 1 2 | text 52 48 18 2 | title 30 29 58 15", "plain_layout_seq": "background 0 0 120 82 | button 46 46 26 5 | icon 49 48 1 2 | text 52 48 18 2 | title 30 29 58 15", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 700 ], "completed": true }, { "type": "title", "position": [ 262, 248, 500, 128 ], "completed": false }, { "type": "button", "position": [ 401, 400, 222, 46 ], "completed": false }, { "type": "text", "position": [ 449, 412, 154, 20 ], "completed": true }, { "type": "icon", "position": [ 422, 413, 14, 19 ], "completed": true } ] }, { "text": "#A page for introducing one app.# There should be one title\" The Social Audio App.\" Next is one detailed description. Two buttons are needed for users to choose their download ways.", "region_id": "972", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the social audio app'] ] [el:description] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 64 16 5 | button 19 64 18 5 | description 1 50 116 10 | title 1 3 116 43", "layout_seq_without_completion": "button 1 64 16 5 | button 19 64 18 5 | description 1 50 116 10 | title 1 3 116 43", "plain_layout_seq": "button 1 64 16 5 | button 19 64 18 5 | description 1 50 116 10 | title 1 3 116 43", "canvas_width": 1054, "canvas_height": 617, "elements": [ { "type": "title", "position": [ 15, 32, 1024, 380 ], "completed": false }, { "type": "description", "position": [ 15, 444, 1024, 93 ], "completed": false }, { "type": "button", "position": [ 15, 569, 144, 48 ], "completed": false }, { "type": "button", "position": [ 175, 569, 162, 48 ], "completed": false } ] }, { "text": "#A registration page for Agenda.# There should be an attractive title with a description marketing Agenda. A button should also be added for registration. And one label is on the right of the button.", "region_id": "2080", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'register'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 33 32 5 | description 9 22 49 6 | image 3 4 113 46 | complete logo 39 33 18 4 | title 9 16 49 5", "layout_seq_without_completion": "button 9 33 32 5 | description 9 22 49 6 | image 3 4 113 46 | logo 39 33 18 4 | title 9 16 49 5", "plain_layout_seq": "button 9 33 32 5 | description 9 22 49 6 | image 3 4 113 46 | logo 39 33 18 4 | title 9 16 49 5", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "image", "position": [ 28, 36, 967, 400 ], "completed": false }, { "type": "title", "position": [ 78, 139, 420, 47 ], "completed": false }, { "type": "description", "position": [ 78, 196, 420, 52 ], "completed": false }, { "type": "button", "position": [ 78, 284, 278, 50 ], "completed": false }, { "type": "logo", "position": [ 339, 284, 159, 42 ], "completed": true } ] }, { "text": "# A page for the user to install Blumble Extension. # On the page, there should have a slogan, a short description, and a button \"Add Blumble to Chrome\" for the user to install Blumble Extension from the Google Chrome Store.", "region_id": "5900", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'Add Blumble to Chrome'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 86 14 29 5 | description 2 18 81 3 | title 2 11 81 5", "layout_seq_without_completion": "button 86 14 29 5 | description 2 18 81 3 | title 2 11 81 5", "plain_layout_seq": "button 86 14 29 5 | description 2 18 81 3 | title 2 11 81 5", "canvas_width": 1024, "canvas_height": 299, "elements": [ { "type": "title", "position": [ 25, 100, 698, 45 ], "completed": false }, { "type": "button", "position": [ 735, 126, 253, 47 ], "completed": false }, { "type": "description", "position": [ 25, 155, 698, 30 ], "completed": false } ] }, { "text": "#A page for users to search for a job. # The page should have a corresponding image, and one title with a short description to introduce TSMC to attract users to work at TSMC. And there also should be three inputs for users to choose a location, career area, and job type as they wish. A button is needed for users to click to start searching for jobs.", "region_id": "2329", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:input [attr:value'choose a location'] ] [el:input [attr:value'choose a career area'] ] [el:input [attr:value'choose a job type'] ] [el:button [attr:value'start searching for job'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 53 87 11 2 | description 7 66 104 3 | image 0 0 120 58 | input 2 76 56 4 | input 60 76 56 4 | input 2 81 114 4 | title 7 60 104 3", "layout_seq_without_completion": "button 53 87 11 2 | description 7 66 104 3 | image 0 0 120 58 | input 2 76 56 4 | input 60 76 56 4 | input 2 81 114 4 | title 7 60 104 3", "plain_layout_seq": "button 53 87 11 2 | description 7 66 104 3 | image 0 0 120 58 | input 2 76 56 4 | input 60 76 56 4 | input 2 81 114 4 | title 7 60 104 3", "canvas_width": 1024, "canvas_height": 813, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 495 ], "completed": false }, { "type": "title", "position": [ 65, 519, 895, 34 ], "completed": false }, { "type": "description", "position": [ 65, 565, 895, 29 ], "completed": false }, { "type": "input", "position": [ 23, 650, 481, 38 ], "completed": false }, { "type": "input", "position": [ 520, 650, 481, 38 ], "completed": false }, { "type": "input", "position": [ 23, 696, 978, 38 ], "completed": false }, { "type": "button", "position": [ 454, 750, 96, 23 ], "completed": false } ] }, { "text": "#A page for users to search for a job. # The page should have a corresponding image, and two text boxes to introduce TSMC to attract users to work at TSMC. And there also should be three buttons for users to click to choose a location, career area, and job type as they wish. A button is needed for users to click to start searching for jobs.", "region_id": "2329_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description [attr:repeat '2'] ] [el:button [attr:value'choose a location'] ] [el:button [attr:value'choose a career area'] ] [el:button [attr:value'choose a job type'] ] [el:button [attr:value'search for jobs'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 2 76 56 4 | button 60 76 56 4 | button 2 81 114 4 | button 53 87 11 2 | description 7 66 104 3 | description 7 60 104 3 | image 0 0 120 58", "layout_seq_without_completion": "button 2 76 56 4 | button 60 76 56 4 | button 2 81 114 4 | button 53 87 11 2 | description 7 66 104 3 | description 7 60 104 3 | image 0 0 120 58", "plain_layout_seq": "button 2 76 56 4 | button 60 76 56 4 | button 2 81 114 4 | button 53 87 11 2 | description 7 66 104 3 | description 7 60 104 3 | image 0 0 120 58", "canvas_width": 1024, "canvas_height": 813, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 495 ], "completed": false }, { "type": "description", "position": [ 65, 519, 895, 34 ], "completed": false }, { "type": "description", "position": [ 65, 565, 895, 29 ], "completed": false }, { "type": "button", "position": [ 23, 650, 481, 38 ], "completed": false }, { "type": "button", "position": [ 520, 650, 481, 38 ], "completed": false }, { "type": "button", "position": [ 23, 696, 978, 38 ], "completed": false }, { "type": "button", "position": [ 454, 750, 96, 23 ], "completed": false } ] }, { "text": "#A header page for showing some info.# There is one logo, one search box, two icons, and three links \"Home\", \"Library\", and \"About Us\".", "region_id": "5177", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:input[attr:value'search']] [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup[gattr:repeat '3'][gattr:names 'Home,Library,About Us'][item[el:link]]]]", "execution": "singleinfo : icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 2 5 5 | icon 113 11 2 2 | input 58 2 46 4 | link 54 11 7 2 | link 44 11 6 2 | link 66 11 9 2 | logo 5 2 21 5", "layout_seq_without_completion": "icon 109 2 5 5 | icon 113 11 2 2 | input 58 2 46 4 | link 54 11 7 2 | link 44 11 6 2 | link 66 11 9 2 | logo 5 2 21 5", "plain_layout_seq": "icon 109 2 5 5 | icon 113 11 2 2 | input 58 2 46 4 | link 54 11 7 2 | link 44 11 6 2 | link 66 11 9 2 | logo 5 2 21 5", "canvas_width": 1021, "canvas_height": 137, "elements": [ { "type": "icon", "position": [ 931, 18, 45, 45 ], "completed": false }, { "type": "logo", "position": [ 45, 19, 180, 51 ], "completed": false }, { "type": "input", "position": [ 501, 22, 396, 41 ], "completed": false }, { "type": "link", "position": [ 377, 100, 53, 25 ], "completed": false }, { "type": "link", "position": [ 466, 100, 61, 25 ], "completed": false }, { "type": "link", "position": [ 563, 100, 81, 25 ], "completed": false }, { "type": "icon", "position": [ 962, 101, 25, 25 ], "completed": false } ] }, { "text": "# A page to view the latest results in a company. # The page should have a title, a text box with a short description, and a text button for the user to click to explore results.", "region_id": "2351", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value'Explore Results'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 1 21 27 6 | description 1 8 77 9 | title 1 1 116 4", "layout_seq_without_completion": "button 1 21 27 6 | description 1 8 77 9 | title 1 1 116 4", "plain_layout_seq": "button 1 21 27 6 | description 1 8 77 9 | title 1 1 116 4", "canvas_width": 955, "canvas_height": 243, "elements": [ { "type": "title", "position": [ 15, 15, 925, 32 ], "completed": false }, { "type": "description", "position": [ 15, 66, 617, 78 ], "completed": false }, { "type": "button", "position": [ 15, 174, 220, 49 ], "completed": false } ] }, { "text": "# A page for buying gifts for new dads. # On the page, there should include a background image, the slogan \"A GREAT GIFT FOR NEW DADS\" and a button for the user to click to buy it now. There also should have two small icons for the side menu and shopping cart on the top of the page.", "region_id": "8468", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'A GREAT GIFT FOR NEW DADS'] ] [el:button[attr:value 'buy it now']] [el:icon [attr:size 'small'] [attr:value 'side menu'][attr:position'top'] ][el:icon [attr:size 'small'] [attr:value 'shopping cart'][attr:position'top'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | icon top small | icon top small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 66 | button 50 37 18 5 | title 13 22 93 9", "layout_seq_without_completion": "background 0 0 120 66 | button 50 37 18 5 | title 13 22 93 9", "plain_layout_seq": "background 0 0 120 66 | button 50 37 18 5 | title 13 22 93 9", "canvas_width": 1024, "canvas_height": 567, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 567 ], "completed": false }, { "type": "title", "position": [ 112, 188, 800, 80 ], "completed": false }, { "type": "button", "position": [ 434, 324, 157, 50 ], "completed": false } ] }, { "text": "#A page introducing special offers. # The page should include one title, one description of the special offers, and one button for users to click to explore more offers. In addition, there should be two images.", "region_id": "815", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'more offers'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 23 21 6 | description 3 8 52 11 | image 39 7 80 39 | complete image 0 0 60 38 | image 43 23 12 12 | title 3 4 52 4", "layout_seq_without_completion": "button 3 23 21 6 | description 3 8 52 11 | image 39 7 80 39 | image 0 0 60 38 | image 43 23 12 12 | title 3 4 52 4", "plain_layout_seq": "button 3 23 21 6 | description 3 8 52 11 | image 39 7 80 39 | image 0 0 60 38 | image 43 23 12 12 | title 3 4 52 4", "canvas_width": 1024, "canvas_height": 397, "elements": [ { "type": "image", "position": [ 0, 6, 512, 331 ], "completed": true }, { "type": "title", "position": [ 32, 38, 448, 36 ], "completed": false }, { "type": "image", "position": [ 341, 64, 683, 333 ], "completed": false }, { "type": "description", "position": [ 32, 74, 448, 96 ], "completed": false }, { "type": "button", "position": [ 32, 197, 180, 54 ], "completed": false }, { "type": "image", "position": [ 374, 197, 106, 108 ], "completed": false } ] }, { "text": "#A page of NSW Government for users to search for information.# The page should contain a background image, the title \"NSW Government\", a slogan, an input with an icon for users to search on the page, and an icon with a link.", "region_id": "2588", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'nsw government'] ] [el:title] [el:input[attr:value 'search ']][el:icon][el:icon] [el:link] ]", "execution": "singleinfo : background undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 48 | \" [ icon 99 29 4 1 | input 15 26 83 6 | title 15 19 90 3 | title 15 11 90 7 ] | [ icon 1 49 2 2 | link 26 50 10 2 | complete text 6 50 19 2 ] \"", "layout_seq_without_completion": "background 0 0 120 48 | \" [ icon 99 29 4 1 | input 15 26 83 6 | title 15 19 90 3 | title 15 11 90 7 ] | [ icon 1 49 2 2 | link 26 50 10 2 | text 6 50 19 2 ] \"", "plain_layout_seq": "background 0 0 120 48 | icon 99 29 4 1 | icon 1 49 2 2 | input 15 26 83 6 | link 26 50 10 2 | text 6 50 19 2 | title 15 19 90 3 | title 15 11 90 7", "canvas_width": 1024, "canvas_height": 469, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 410 ], "completed": false }, { "type": "title", "position": [ 128, 96, 768, 60 ], "completed": false }, { "type": "title", "position": [ 128, 164, 768, 28 ], "completed": false }, { "type": "input", "position": [ 128, 224, 710, 58 ], "completed": false }, { "type": "icon", "position": [ 848, 248, 36, 10 ], "completed": false }, { "type": "icon", "position": [ 16, 426, 24, 24 ], "completed": false }, { "type": "text", "position": [ 56, 428, 167, 19 ], "completed": true }, { "type": "link", "position": [ 223, 428, 87, 19 ], "completed": false } ] }, { "text": "#A page for introducing a gift company to users.# This page should include one title \"About us\" and a detailed description of this company. There should be one image on the right side.", "region_id": "7641", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'about us'] ] [el:description [attr:size 'large']] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : description undefined large | image right undefined | title undefined undefined", "layout_seq_with_completion": "description 13 17 40 42 | image 49 5 66 62 | title 13 12 40 4", "layout_seq_without_completion": "description 13 17 40 42 | image 49 5 66 62 | title 13 12 40 4", "plain_layout_seq": "description 13 17 40 42 | image 49 5 66 62 | title 13 12 40 4", "canvas_width": 1009, "canvas_height": 670, "elements": [ { "type": "image", "position": [ 420, 48, 560, 522 ], "completed": false }, { "type": "title", "position": [ 112, 108, 342, 36 ], "completed": false }, { "type": "description", "position": [ 112, 150, 342, 360 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a slogan to attract the user, an input box for the user to enter the email address, and a button where the user can click to subscribe.", "region_id": "8347", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input[attr:value 'enter the email address']] [el:button[attr:value 'subscribe']] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 80 19 6 2 | complete image 29 16 60 7 | input 30 18 47 5 | title 19 7 81 2", "layout_seq_without_completion": "button 80 19 6 2 | image 29 16 60 7 | input 30 18 47 5 | title 19 7 81 2", "plain_layout_seq": "button 80 19 6 2 | image 29 16 60 7 | input 30 18 47 5 | title 19 7 81 2", "canvas_width": 1024, "canvas_height": 270, "elements": [ { "type": "title", "position": [ 164, 60, 695, 22 ], "completed": false }, { "type": "image", "position": [ 252, 144, 520, 65 ], "completed": true }, { "type": "input", "position": [ 262, 154, 406, 45 ], "completed": false }, { "type": "button", "position": [ 689, 166, 52, 20 ], "completed": false } ] }, { "text": "# A page to read Skydio company overview white paper. # The page should have a text box for a short description and a text button to get the company overview PDF by clicking it. There should also be an image of the topic.", "region_id": "2171", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:button [attr:value'company overview pdf'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "layout_seq_without_completion": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "plain_layout_seq": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "canvas_width": 1003, "canvas_height": 389, "elements": [ { "type": "description", "position": [ 255, 48, 623, 179 ], "completed": false }, { "type": "image", "position": [ 126, 56, 105, 147 ], "completed": false }, { "type": "button", "position": [ 255, 259, 305, 48 ], "completed": false } ] }, { "text": "# A page to read Skydio company overview white paper. # The page should have a text box for a short description and a text button to have the company overview PDF by clicking it. There should also be an image of the topic.", "region_id": "2171_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:button [attr:value'have the company overview pdf'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "layout_seq_without_completion": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "plain_layout_seq": "button 30 30 36 5 | description 30 5 74 21 | image 15 6 12 17", "canvas_width": 1003, "canvas_height": 389, "elements": [ { "type": "description", "position": [ 255, 48, 623, 179 ], "completed": false }, { "type": "image", "position": [ 126, 56, 105, 147 ], "completed": false }, { "type": "button", "position": [ 255, 259, 305, 48 ], "completed": false } ] }, { "text": "#A page for drawing users to shop products on JP Coffin's Boutique Online Store.# On the left side of the page, there should be a picture showing the main items of the store, and besides it on the right side of the page, there should be a title and a brief introduction under it. Under the introduction, there should be a button that users could click to enter the store to shop for all products.", "region_id": "8315", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] ] [el:description [attr:size 'small'] [attr:position 'right'] ] [el:button [attr:value 'shop all products'] ] ]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 64 39 21 4 | description 64 19 49 17 | image 6 0 53 49 | title 64 7 49 10", "layout_seq_without_completion": "button 64 39 21 4 | description 64 19 49 17 | image 6 0 53 49 | title 64 7 49 10", "plain_layout_seq": "button 64 39 21 4 | description 64 19 49 17 | image 6 0 53 49 | title 64 7 49 10", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "image", "position": [ 55, 0, 457, 426 ], "completed": false }, { "type": "title", "position": [ 547, 60, 422, 92 ], "completed": false }, { "type": "description", "position": [ 547, 167, 422, 153 ], "completed": false }, { "type": "button", "position": [ 547, 340, 181, 42 ], "completed": false } ] }, { "text": "#A page for showing a product.# The page contains an image showing the product, a product name, and a brief description.", "region_id": "5088", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | complete image 45 0 28 29 | image 56 5 6 6 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | image 45 0 28 29 | image 56 5 6 6 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | image 45 0 28 29 | image 56 5 6 6 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 230, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "image", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 48 ], "completed": false } ] }, { "text": "#A page recommending the services of Hybrid Work for users. # There should be a title and an explanation showing the recommendation concerning networks. An additional button \"Discover more\".", "region_id": "952", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'discover more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 27 25 6 | description 73 20 38 2 | complete image 0 15 59 33 | title 73 6 38 9", "layout_seq_without_completion": "button 73 27 25 6 | description 73 20 38 2 | image 0 15 59 33 | title 73 6 38 9", "plain_layout_seq": "button 73 27 25 6 | description 73 20 38 2 | image 0 15 59 33 | title 73 6 38 9", "canvas_width": 1003, "canvas_height": 447, "elements": [ { "type": "title", "position": [ 611, 58, 325, 80 ], "completed": false }, { "type": "image", "position": [ 0, 130, 500, 281 ], "completed": true }, { "type": "description", "position": [ 611, 170, 325, 24 ], "completed": false }, { "type": "button", "position": [ 611, 234, 214, 56 ], "completed": false } ] }, { "text": "#A page recommending the services of Hybrid Work for users. # There should be two text boxes showing the recommendation concerning networks. An additional link for gaining more info would be nice.", "region_id": "952_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete image 0 15 59 33 | link 73 27 25 6 | text 73 20 38 2 | text 73 6 38 9", "layout_seq_without_completion": "image 0 15 59 33 | link 73 27 25 6 | text 73 20 38 2 | text 73 6 38 9", "plain_layout_seq": "image 0 15 59 33 | link 73 27 25 6 | text 73 20 38 2 | text 73 6 38 9", "canvas_width": 1003, "canvas_height": 447, "elements": [ { "type": "text", "position": [ 611, 58, 325, 80 ], "completed": false }, { "type": "image", "position": [ 0, 130, 500, 281 ], "completed": true }, { "type": "text", "position": [ 611, 170, 325, 24 ], "completed": false }, { "type": "link", "position": [ 611, 234, 214, 56 ], "completed": false } ] }, { "text": "# A page to advertise an online store selling meat and seafood to get the user to start shopping. # There should contain an image, a slogan \"MEAT AND SEAFOOD DONE THE RIGHT WAY\", a description, and a button \"GET STARTED\" for the user to shop.", "region_id": "4118", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'MEAT AND SEAFOOD DONE THE RIGHT WAY'] ] [el:description] [el:button [attr:value 'GET STARTED'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 20 37 34 5 | description 20 30 40 5 | title 20 12 40 16", "layout_seq_without_completion": "button 20 37 34 5 | description 20 30 40 5 | title 20 12 40 16", "plain_layout_seq": "button 20 37 34 5 | description 20 30 40 5 | title 20 12 40 16", "canvas_width": 1024, "canvas_height": 478, "elements": [ { "type": "title", "position": [ 177, 106, 346, 144 ], "completed": false }, { "type": "description", "position": [ 177, 260, 346, 48 ], "completed": false }, { "type": "button", "position": [ 177, 324, 296, 48 ], "completed": false } ] }, { "text": "#A page showing some world news of the world for users.#The page should include one title on the top. Under it, one picture and one link of the headline the word. There are should serval links for users to click to know the different news fastly.", "region_id": "2761", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:image] [el:link] [el:link [attr:repeat 'several']] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title top undefined", "layout_seq_with_completion": "image 2 7 40 38 | link 89 48 27 2 | link 2 47 39 10 | title 2 0 9 4 | \" [ link 49 7 37 5 ] | [ link 89 12 26 8 ] | [ link 49 17 37 5 ] | [ link 89 24 25 8 ] | [ link 49 26 37 5 ] | [ link 49 36 37 5 ] | [ link 89 36 26 5 ] | [ link 49 45 33 5 ] | [ link 49 55 38 5 ] | [ link 49 64 32 5 ] \"", "layout_seq_without_completion": "image 2 7 40 38 | link 89 48 27 2 | link 2 47 39 10 | title 2 0 9 4 | \" [ link 49 7 37 5 ] | [ link 89 12 26 8 ] | [ link 49 17 37 5 ] | [ link 89 24 25 8 ] | [ link 49 26 37 5 ] | [ link 49 36 37 5 ] | [ link 89 36 26 5 ] | [ link 49 45 33 5 ] | [ link 49 55 38 5 ] | [ link 49 64 32 5 ] \"", "plain_layout_seq": "image 2 7 40 38 | link 89 48 27 2 | link 2 47 39 10 | link 49 7 37 5 | link 89 12 26 8 | link 49 17 37 5 | link 89 24 25 8 | link 49 26 37 5 | link 49 36 37 5 | link 89 36 26 5 | link 49 45 33 5 | link 49 55 38 5 | link 49 64 32 5 | title 2 0 9 4", "canvas_width": 1009, "canvas_height": 645, "elements": [ { "type": "title", "position": [ 20, 0, 83, 34 ], "completed": false }, { "type": "image", "position": [ 20, 63, 343, 326 ], "completed": false }, { "type": "link", "position": [ 419, 64, 313, 45 ], "completed": false }, { "type": "link", "position": [ 755, 108, 224, 69 ], "completed": false }, { "type": "link", "position": [ 419, 144, 319, 45 ], "completed": false }, { "type": "link", "position": [ 755, 206, 218, 69 ], "completed": false }, { "type": "link", "position": [ 419, 224, 316, 45 ], "completed": false }, { "type": "link", "position": [ 419, 304, 318, 45 ], "completed": false }, { "type": "link", "position": [ 755, 304, 226, 45 ], "completed": false }, { "type": "link", "position": [ 419, 384, 282, 45 ], "completed": false }, { "type": "link", "position": [ 20, 402, 333, 89 ], "completed": false }, { "type": "link", "position": [ 752, 405, 231, 23 ], "completed": false }, { "type": "link", "position": [ 419, 464, 327, 45 ], "completed": false }, { "type": "link", "position": [ 419, 544, 275, 45 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the free five km program.# The page should the title \"FREE FIRST TO FIVE KM PROGRAM\", a short description, two input boxes for the user to input first name and email address, and a button for the user to click to sign. Also, there should have a releaded image and an icon for the user to close the page.", "region_id": "7337", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'free first to five km program'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'first name'] ] [el:input [attr:value 'email'] ] [el:button [attr:value 'sign up'] ] [el:image] [el:icon [attr:value 'close']] ]", "execution": "singleinfo : button undefined undefined | description undefined small | icon undefined undefined | image undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 2 2 114 60 | button 6 51 50 7 | description 10 22 41 7 | icon 110 4 5 5 | image 60 2 57 60 | input 6 33 49 7 | input 6 42 50 7 | title 7 7 47 12", "layout_seq_without_completion": "background 2 2 114 60 | button 6 51 50 7 | description 10 22 41 7 | icon 110 4 5 5 | image 60 2 57 60 | input 6 33 49 7 | input 6 42 50 7 | title 7 7 47 12", "plain_layout_seq": "background 2 2 114 60 | button 6 51 50 7 | description 10 22 41 7 | icon 110 4 5 5 | image 60 2 57 60 | input 6 33 49 7 | input 6 42 50 7 | title 7 7 47 12", "canvas_width": 820, "canvas_height": 454, "elements": [ { "type": "background", "position": [ 20, 20, 780, 414 ], "completed": true }, { "type": "image", "position": [ 410, 20, 390, 414 ], "completed": false }, { "type": "icon", "position": [ 757, 28, 35, 35 ], "completed": false }, { "type": "title", "position": [ 52, 51, 327, 87 ], "completed": false }, { "type": "description", "position": [ 74, 151, 283, 48 ], "completed": false }, { "type": "input", "position": [ 46, 230, 338, 50 ], "completed": false }, { "type": "input", "position": [ 44, 290, 342, 50 ], "completed": false }, { "type": "button", "position": [ 44, 350, 342, 54 ], "completed": false } ] }, { "text": "# A page to introduce the mission of a company. # The page should have a background image, a title \"Home to More\", and a text box with a short description. Besides, two text buttons are required to play the video and learn more info.", "region_id": "1262", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'home to more'] ] [el:description [attr:size'small'] ] [el:button [attr:value'play the video'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 4 0 115 70 | button 4 65 16 4 | button 94 57 18 5 | description 4 53 48 8 | complete image 0 43 57 31 | title 4 47 28 4", "layout_seq_without_completion": "background 4 0 115 70 | button 4 65 16 4 | button 94 57 18 5 | description 4 53 48 8 | image 0 43 57 31 | title 4 47 28 4", "plain_layout_seq": "background 4 0 115 70 | button 4 65 16 4 | button 94 57 18 5 | description 4 53 48 8 | image 0 43 57 31 | title 4 47 28 4", "canvas_width": 1024, "canvas_height": 710, "elements": [ { "type": "background", "position": [ 40, 0, 984, 600 ], "completed": false }, { "type": "image", "position": [ 0, 367, 492, 273 ], "completed": true }, { "type": "title", "position": [ 40, 409, 247, 41 ], "completed": false }, { "type": "description", "position": [ 40, 460, 412, 76 ], "completed": false }, { "type": "button", "position": [ 805, 488, 155, 48 ], "completed": false }, { "type": "button", "position": [ 40, 560, 143, 40 ], "completed": false } ] }, { "text": "#A page for inputting one's email to search works.# There is one label\"Justworks\" and one title\"Run Your Business With Confidence\", below is one description. One input box for inputting emails and one text button is used to start the search.", "region_id": "281", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'justworks'] ] [el:title [attr:value'run your business with confidence'] ] [el:description] [el:input [attr:value'input email'] ] [el:button [attr:value'start the search'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 37 10 2 | input 34 35 31 6 | title 1 26 116 5 | title 1 15 116 7", "layout_seq_without_completion": "button 70 37 10 2 | input 34 35 31 6 | title 1 26 116 5 | title 1 15 116 7", "plain_layout_seq": "button 70 37 10 2 | input 34 35 31 6 | title 1 26 116 5 | title 1 15 116 7", "canvas_width": 1003, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 16, 132, 971, 63 ], "completed": false }, { "type": "title", "position": [ 16, 225, 971, 42 ], "completed": false }, { "type": "input", "position": [ 287, 297, 260, 55 ], "completed": false }, { "type": "button", "position": [ 592, 315, 88, 20 ], "completed": false } ] }, { "text": "#A page for inputting one's email to search works.# There should be three text boxes, one for the logo, the other for the title, and the else for the detailed description. One text is used to input emails and one text button is used to start the search.", "region_id": "281_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description] [el:input [attr:value'input email'] ] [el:button [attr:value'start the search'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 37 10 2 | description 1 26 116 5 | input 34 35 31 6 | title 1 15 116 7", "layout_seq_without_completion": "button 70 37 10 2 | description 1 26 116 5 | input 34 35 31 6 | title 1 15 116 7", "plain_layout_seq": "button 70 37 10 2 | description 1 26 116 5 | input 34 35 31 6 | title 1 15 116 7", "canvas_width": 1003, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 16, 132, 971, 63 ], "completed": false }, { "type": "description", "position": [ 16, 225, 971, 42 ], "completed": false }, { "type": "input", "position": [ 287, 297, 260, 55 ], "completed": false }, { "type": "button", "position": [ 592, 315, 88, 20 ], "completed": false } ] }, { "text": "#A page for users to learn about the product.# The page has a title named \"Premium Courses Online\", one brief content, and a concrete introduction to the product.", "region_id": "5751", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'premium courses online'] ] [el:description [attr:size 'small'] ] [el:description] ]", "execution": "singleinfo : description undefined small | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 20 115 35 | description 2 8 115 2 | title 33 2 52 6", "layout_seq_without_completion": "description 2 20 115 35 | description 2 8 115 2 | title 33 2 52 6", "plain_layout_seq": "description 2 20 115 35 | description 2 8 115 2 | title 33 2 52 6", "canvas_width": 1009, "canvas_height": 496, "elements": [ { "type": "title", "position": [ 282, 18, 444, 52 ], "completed": false }, { "type": "description", "position": [ 20, 68, 969, 25 ], "completed": false }, { "type": "description", "position": [ 20, 170, 969, 300 ], "completed": false } ] }, { "text": "# A page for introducing how McKesson's work to COVID-19 Vaccines. # On the page, there should a background image, one label \"COVID-19\" and a title \"Distributing COVID-19 Vaccines\" as well as a text box with a short description. And then there should be a text button for the user to read more info.", "region_id": "1696", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value'covid-19']] [el:title [attr:value 'distributing covid-19 vaccines'] ] [el:description [attr:size'small']] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | text 63 6 52 3 | title 63 9 52 4", "layout_seq_without_completion": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | text 63 6 52 3 | title 63 9 52 4", "plain_layout_seq": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | text 63 6 52 3 | title 63 9 52 4", "canvas_width": 993, "canvas_height": 294, "elements": [ { "type": "background", "position": [ 0, 0, 497, 294 ], "completed": false }, { "type": "text", "position": [ 527, 54, 437, 25 ], "completed": false }, { "type": "title", "position": [ 527, 79, 437, 39 ], "completed": false }, { "type": "description", "position": [ 527, 118, 437, 75 ], "completed": false }, { "type": "button", "position": [ 527, 193, 112, 46 ], "completed": false } ] }, { "text": "# A page for introducing how McKesson's work to COVID-19 Vaccines. # On the page, there should a background image, two titles \"COVID-19\" and \"Distributing COVID-19 Vaccines\" and a text box with a short description. And then there should be a text button for the user to read more info.", "region_id": "1696_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'covid-19'] ] [el:title [attr:value'distributing covid-19 vaccines'] ] [el:description [attr:size'small']] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | title 63 6 52 3 | title 63 9 52 4", "layout_seq_without_completion": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | title 63 6 52 3 | title 63 9 52 4", "plain_layout_seq": "background 0 0 60 35 | button 63 23 13 5 | description 63 14 52 9 | title 63 6 52 3 | title 63 9 52 4", "canvas_width": 993, "canvas_height": 294, "elements": [ { "type": "background", "position": [ 0, 0, 497, 294 ], "completed": false }, { "type": "title", "position": [ 527, 54, 437, 25 ], "completed": false }, { "type": "title", "position": [ 527, 79, 437, 39 ], "completed": false }, { "type": "description", "position": [ 527, 118, 437, 75 ], "completed": false }, { "type": "button", "position": [ 527, 193, 112, 46 ], "completed": false } ] }, { "text": "#A page for introducing how to get the Morgan Stanley Five Ideas for users.# The page should include one title on the top. Under it, an input is needed for users to enter their email address to sign up.", "region_id": "1751", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:input [attr:value'enter your email address'] ] ]", "execution": "singleinfo : input undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 7 5 105 42 | complete button 77 31 13 7 | input 29 31 48 7 | complete text 31 31 13 7 | title 28 15 62 14", "layout_seq_without_completion": "background 7 5 105 42 | button 77 31 13 7 | input 29 31 48 7 | text 31 31 13 7 | title 28 15 62 14", "plain_layout_seq": "background 7 5 105 42 | button 77 31 13 7 | input 29 31 48 7 | text 31 31 13 7 | title 28 15 62 14", "canvas_width": 1024, "canvas_height": 466, "elements": [ { "type": "background", "position": [ 61, 50, 902, 366 ], "completed": true }, { "type": "title", "position": [ 245, 133, 535, 120 ], "completed": false }, { "type": "input", "position": [ 249, 273, 410, 64 ], "completed": false }, { "type": "text", "position": [ 271, 273, 118, 64 ], "completed": true }, { "type": "button", "position": [ 664, 273, 111, 64 ], "completed": true } ] }, { "text": "# A page to advertise a product called Michelin Lithion 2. # There should have a title about the name of the product and a further description of the product. Most importantly, there must include a button \"SHOP NOW\", so the user can click it to buy the product. Besides, it will be better to have an image of the product.", "region_id": "7636", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'shop now'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 68 51 16 5 | description 68 20 37 26 | image 5 4 53 60 | title 68 11 37 7", "layout_seq_without_completion": "button 68 51 16 5 | description 68 20 37 26 | image 5 4 53 60 | title 68 11 37 7", "plain_layout_seq": "button 68 51 16 5 | description 68 20 37 26 | image 5 4 53 60 | title 68 11 37 7", "canvas_width": 1024, "canvas_height": 592, "elements": [ { "type": "image", "position": [ 51, 37, 460, 518 ], "completed": false }, { "type": "title", "position": [ 582, 95, 322, 63 ], "completed": false }, { "type": "description", "position": [ 582, 178, 322, 230 ], "completed": false }, { "type": "button", "position": [ 582, 439, 139, 47 ], "completed": false } ] }, { "text": "#A page of F&W Pro for propagandizing their concepts.# The page should include a background image, the logo of F&W Pro, the text \"It's your Business\", and a link for users to learn more. There should also be three titles.", "region_id": "3737", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:logo[attr:value 'F&W Pro']] [el:text [attr:value 'its your business'] ] [el:link [attr:value 'learn more'] ] [el:title [attr:repeat '3'] ] ]", "execution": "singleinfo : background undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 39 | complete icon 18 45 2 2 | complete image 2 32 37 18 | link 5 45 12 2 | logo 5 35 13 3 | text 5 40 31 2 | \" [ title 44 42 20 8 ] | [ title 70 42 18 8 ] | [ title 96 42 20 5 ] \"", "layout_seq_without_completion": "background 0 0 120 39 | icon 18 45 2 2 | image 2 32 37 18 | link 5 45 12 2 | logo 5 35 13 3 | text 5 40 31 2 | \" [ title 44 42 20 8 ] | [ title 70 42 18 8 ] | [ title 96 42 20 5 ] \"", "plain_layout_seq": "background 0 0 120 39 | icon 18 45 2 2 | image 2 32 37 18 | link 5 45 12 2 | logo 5 35 13 3 | text 5 40 31 2 | title 44 42 20 8 | title 70 42 18 8 | title 96 42 20 5", "canvas_width": 1024, "canvas_height": 492, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 338 ], "completed": false }, { "type": "image", "position": [ 24, 274, 316, 159 ], "completed": true }, { "type": "logo", "position": [ 48, 299, 115, 34 ], "completed": false }, { "type": "text", "position": [ 48, 342, 268, 24 ], "completed": false }, { "type": "title", "position": [ 380, 364, 178, 70 ], "completed": false }, { "type": "title", "position": [ 600, 364, 156, 70 ], "completed": false }, { "type": "title", "position": [ 820, 364, 179, 46 ], "completed": false }, { "type": "icon", "position": [ 158, 387, 20, 20 ], "completed": true }, { "type": "link", "position": [ 48, 388, 106, 19 ], "completed": false } ] }, { "text": "#A page for introducing the products.# There should be an illustration under the title \"Products\". Below, an input is necessary for users to search for a product. At the bottom, users can click the button to browse all products.", "region_id": "1969", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'products'] [attr:position'top'] ] [el:description] [el:input [attr:value'search a product'] ] [el:button [attr:value'browse all products'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined undefined | input undefined undefined | title top undefined", "layout_seq_with_completion": "button 3 48 24 7 | description 3 12 113 24 | complete icon 56 40 2 2 | input 3 39 51 6 | title 3 4 113 2", "layout_seq_without_completion": "button 3 48 24 7 | description 3 12 113 24 | icon 56 40 2 2 | input 3 39 51 6 | title 3 4 113 2", "plain_layout_seq": "button 3 48 24 7 | description 3 12 113 24 | icon 56 40 2 2 | input 3 39 51 6 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 510, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "description", "position": [ 28, 104, 947, 202 ], "completed": false }, { "type": "input", "position": [ 28, 327, 434, 57 ], "completed": false }, { "type": "icon", "position": [ 472, 339, 20, 20 ], "completed": true }, { "type": "button", "position": [ 28, 409, 206, 61 ], "completed": false } ] }, { "text": "#A page for introducing one fraud management tool.# There should be one label\" Fraud\". And one detailed description. One button is needed for users to learn more.", "region_id": "928", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'fraud'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "layout_seq_without_completion": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "plain_layout_seq": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "canvas_width": 875, "canvas_height": 184, "elements": [ { "type": "title", "position": [ 24, 32, 811, 24 ], "completed": false }, { "type": "description", "position": [ 24, 72, 811, 48 ], "completed": false }, { "type": "button", "position": [ 24, 136, 811, 24 ], "completed": false } ] }, { "text": "# A page for marketing a shop.# The page should have a background image, a slogan \"EXPLORE OUTDOOR PLAY\", and a button \"SHOP\" for the user to enter the shop to purchase goods.", "region_id": "8451", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'explore outdoor play'] ] [el:button [attr:value 'shop'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 2 2 115 56 | button 54 33 10 4 | title 44 26 31 5 | title 44 22 31 2", "layout_seq_without_completion": "background 2 2 115 56 | button 54 33 10 4 | title 44 26 31 5 | title 44 22 31 2", "plain_layout_seq": "background 2 2 115 56 | button 54 33 10 4 | title 44 26 31 5 | title 44 22 31 2", "canvas_width": 1024, "canvas_height": 496, "elements": [ { "type": "background", "position": [ 18, 18, 988, 478 ], "completed": false }, { "type": "title", "position": [ 378, 188, 268, 23 ], "completed": false }, { "type": "title", "position": [ 378, 222, 268, 46 ], "completed": false }, { "type": "button", "position": [ 467, 283, 90, 40 ], "completed": false } ] }, { "text": "#A page for guiding users to confirm some information.# The page has a sentence, a link named \u201cLearn more\u201d for users to click to learn more about the information, and a button for users to click to accept the request.", "region_id": "8146", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'request'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 108 1 8 4 | link 70 2 10 3 | title 3 3 67 1", "layout_seq_without_completion": "button 108 1 8 4 | link 70 2 10 3 | title 3 3 67 1", "plain_layout_seq": "button 108 1 8 4 | link 70 2 10 3 | title 3 3 67 1", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 926, 16, 69, 40 ], "completed": false }, { "type": "link", "position": [ 604, 21, 89, 30 ], "completed": false }, { "type": "title", "position": [ 29, 27, 575, 17 ], "completed": false } ] }, { "text": "#A page for users to get access to the services of a company.# There should be a title named \"Learn to earn, save and invest together\". Additional two introductions about the service must be included. It is better to place a mobile phone number input and a button for getting started. On the right is a picture.", "region_id": "206", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'learn to earn, save and invest together'] ] [el:description [attr:repeat'2'] ] [el:input [attr:value'mobile phone number'] ] [el:button [attr:value'get started'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image right undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 36 35 12 5 | description 20 44 37 6 | description 14 25 44 7 | complete icon 14 45 3 4 | image 61 0 53 53 | input 14 34 35 7 | title 14 4 44 18", "layout_seq_without_completion": "button 36 35 12 5 | description 20 44 37 6 | description 14 25 44 7 | icon 14 45 3 4 | image 61 0 53 53 | input 14 34 35 7 | title 14 4 44 18", "plain_layout_seq": "button 36 35 12 5 | description 20 44 37 6 | description 14 25 44 7 | icon 14 45 3 4 | image 61 0 53 53 | input 14 34 35 7 | title 14 4 44 18", "canvas_width": 1003, "canvas_height": 464, "elements": [ { "type": "image", "position": [ 511, 8, 446, 446 ], "completed": false }, { "type": "title", "position": [ 123, 40, 369, 157 ], "completed": false }, { "type": "description", "position": [ 123, 212, 369, 60 ], "completed": false }, { "type": "input", "position": [ 123, 291, 296, 61 ], "completed": false }, { "type": "button", "position": [ 306, 299, 107, 45 ], "completed": false }, { "type": "description", "position": [ 170, 371, 316, 51 ], "completed": false }, { "type": "icon", "position": [ 123, 378, 32, 38 ], "completed": true } ] }, { "text": "#A page for showing one warning.# There is one detailed description of the warning and one tip.", "region_id": "5096", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:text] ]", "execution": "singleinfo : description undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 22 | description 2 3 114 8 | text 2 15 114 4", "layout_seq_without_completion": "background 0 0 120 22 | description 2 3 114 8 | text 2 15 114 4", "plain_layout_seq": "background 0 0 120 22 | description 2 3 114 8 | text 2 15 114 4", "canvas_width": 1024, "canvas_height": 196, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 196 ], "completed": true }, { "type": "description", "position": [ 24, 32, 976, 72 ], "completed": false }, { "type": "text", "position": [ 24, 128, 976, 36 ], "completed": false } ] }, { "text": "#A page for attracting users to join the mailing list.# The page should have a big background image, a title, and text to introduce the pros of joining the mailing list of the company.", "region_id": "7183", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large'] ] [el:title] [el:description] ]", "execution": "singleinfo : background undefined large | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 6 120 55 | description 19 35 80 8 | title 6 24 107 9", "layout_seq_without_completion": "background 0 6 120 55 | description 19 35 80 8 | title 6 24 107 9", "plain_layout_seq": "background 0 6 120 55 | description 19 35 80 8 | title 6 24 107 9", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 55, 213, 914, 81 ], "completed": false }, { "type": "description", "position": [ 169, 301, 686, 69 ], "completed": false } ] }, { "text": "# A page to advertise Spell. # The page should have an image showing the logo of Spell, a text box with a description, and a text button for the user to get started.", "region_id": "1340", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 95 14 19 4 | description 30 10 55 13 | logo 5 13 16 6", "layout_seq_without_completion": "button 95 14 19 4 | description 30 10 55 13 | logo 5 13 16 6", "plain_layout_seq": "button 95 14 19 4 | description 30 10 55 13 | logo 5 13 16 6", "canvas_width": 1024, "canvas_height": 220, "elements": [ { "type": "description", "position": [ 260, 90, 475, 112 ], "completed": false }, { "type": "logo", "position": [ 45, 117, 138, 58 ], "completed": false }, { "type": "button", "position": [ 811, 125, 166, 42 ], "completed": false } ] }, { "text": "#A page for users to get the news and information.#The page has a title on the top and a description under it. There is an input box for users to enter the postcode, and there is a button \"Go\". On the rightmost side of the page, there is an image.", "region_id": "3320", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:description] [el:input [attr:value 'enter your postcode'] ] [el:button [attr:value 'go'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image right undefined | input undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 1 4 116 40 | button 56 26 12 7 | description 7 17 73 6 | image 88 2 27 44 | input 7 25 61 8 | complete logo 91 21 22 8 | title 7 7 73 10", "layout_seq_without_completion": "background 1 4 116 40 | button 56 26 12 7 | description 7 17 73 6 | image 88 2 27 44 | input 7 25 61 8 | logo 91 21 22 8 | title 7 7 73 10", "plain_layout_seq": "background 1 4 116 40 | button 56 26 12 7 | description 7 17 73 6 | image 88 2 27 44 | input 7 25 61 8 | logo 91 21 22 8 | title 7 7 73 10", "canvas_width": 977, "canvas_height": 463, "elements": [ { "type": "image", "position": [ 721, 20, 225, 360 ], "completed": false }, { "type": "background", "position": [ 16, 35, 945, 330 ], "completed": true }, { "type": "title", "position": [ 64, 61, 600, 85 ], "completed": false }, { "type": "description", "position": [ 64, 144, 600, 53 ], "completed": false }, { "type": "logo", "position": [ 744, 171, 180, 68 ], "completed": true }, { "type": "input", "position": [ 64, 209, 500, 72 ], "completed": false }, { "type": "button", "position": [ 459, 214, 100, 62 ], "completed": false } ] }, { "text": "# A page to guide the user to open an for the Trade Station and learn more info.# The page should have an image, a short description, and two buttons for the user to click to open an account and learn more info.", "region_id": "3019", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description [attr:size 'small'] ] [el:button [attr:value 'open account'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 64 | button 16 45 21 5 | button 16 52 21 5 | description 15 36 40 5 | image 15 7 41 28", "layout_seq_without_completion": "background 0 0 120 64 | button 16 45 21 5 | button 16 52 21 5 | description 15 36 40 5 | image 15 7 41 28", "plain_layout_seq": "background 0 0 120 64 | button 16 45 21 5 | button 16 52 21 5 | description 15 36 40 5 | image 15 7 41 28", "canvas_width": 1024, "canvas_height": 550, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 550 ], "completed": true }, { "type": "image", "position": [ 134, 60, 358, 239 ], "completed": false }, { "type": "description", "position": [ 134, 314, 344, 49 ], "completed": false }, { "type": "button", "position": [ 144, 384, 180, 47 ], "completed": false }, { "type": "button", "position": [ 144, 451, 180, 47 ], "completed": false } ] }, { "text": "#A page showing the service of a company regarding car ownership.# There should be an attractive title. There must be an input where users can type in information to seek help. It has a background image.", "region_id": "480", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input [attr:value 'seek help']] [el:background_image]]", "execution": "singleinfo : background undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 69 | complete icon 58 62 3 1 | complete icon 32 57 1 1 | complete image 30 56 58 4 | input 35 57 52 2 | title 39 50 41 3", "layout_seq_without_completion": "background 0 0 120 69 | icon 58 62 3 1 | icon 32 57 1 1 | image 30 56 58 4 | input 35 57 52 2 | title 39 50 41 3", "plain_layout_seq": "background 0 0 120 69 | icon 58 62 3 1 | icon 32 57 1 1 | image 30 56 58 4 | input 35 57 52 2 | title 39 50 41 3", "canvas_width": 1042, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1042, 600 ], "completed": false }, { "type": "title", "position": [ 339, 439, 364, 32 ], "completed": false }, { "type": "image", "position": [ 265, 487, 512, 41 ], "completed": true }, { "type": "input", "position": [ 306, 496, 454, 23 ], "completed": false }, { "type": "icon", "position": [ 282, 499, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 507, 544, 29, 16 ], "completed": true } ] }, { "text": "#A page for introducing the news of full-year 2021 earnings to users.# The page should include a background image, one title, and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "757", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 52 | button 4 37 18 5 | description 4 29 53 2 | complete text 4 9 53 2 | complete text 4 23 53 2 | title 4 15 53 4", "layout_seq_without_completion": "background 0 0 120 52 | button 4 37 18 5 | description 4 29 53 2 | text 4 9 53 2 | text 4 23 53 2 | title 4 15 53 4", "plain_layout_seq": "background 0 0 120 52 | button 4 37 18 5 | description 4 29 53 2 | text 4 9 53 2 | text 4 23 53 2 | title 4 15 53 4", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 447 ], "completed": false }, { "type": "text", "position": [ 42, 80, 455, 18 ], "completed": true }, { "type": "title", "position": [ 42, 128, 455, 40 ], "completed": false }, { "type": "text", "position": [ 42, 198, 455, 18 ], "completed": true }, { "type": "description", "position": [ 42, 253, 455, 24 ], "completed": false }, { "type": "button", "position": [ 42, 317, 156, 50 ], "completed": false } ] }, { "text": "#A page to guide users to sign up and contact the company.# There is a title 'Sign up and save' followed by a description. There is also an input box for users to enter their email and an icon next to it for users to click to sign up.", "region_id": "6731", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up and save'] ] [el:description] [el:input [attr:value 'enter your email'] ] [el:icon [attr:value 'sign up']] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 28 16 62 2 | icon 80 21 3 2 | input 36 20 46 4 | title 28 9 62 4", "layout_seq_without_completion": "description 28 16 62 2 | icon 80 21 3 2 | input 36 20 46 4 | title 28 9 62 4", "plain_layout_seq": "description 28 16 62 2 | icon 80 21 3 2 | input 36 20 46 4 | title 28 9 62 4", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "title", "position": [ 245, 80, 534, 37 ], "completed": false }, { "type": "description", "position": [ 245, 137, 534, 21 ], "completed": false }, { "type": "input", "position": [ 312, 178, 400, 42 ], "completed": false }, { "type": "icon", "position": [ 686, 187, 26, 24 ], "completed": false } ] }, { "text": "#A page for advertising the gym's membership provided by users' company.#There should be one title \"Our membership, unlimited ways to feel good\" and one detailed description. Users can check their eligibility by clicking one button. One text box includes some prompt info.", "region_id": "1359", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Our membership, unlimited ways to feel good']] [el:description] [el:button [attr:value'check my eligibility']] [el:text] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "layout_seq_without_completion": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "plain_layout_seq": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 71, 96, 731, 240 ], "completed": false }, { "type": "description", "position": [ 71, 368, 439, 84 ], "completed": false }, { "type": "button", "position": [ 71, 508, 209, 48 ], "completed": false }, { "type": "text", "position": [ 71, 576, 731, 28 ], "completed": false } ] }, { "text": "#A page for advertising the gym's membership provided by users' company.#There should be two text boxes, one for the title and the other for the detailed content. Users can check their eligibility by clicking one text button. One text includes some prompt info.", "region_id": "1359_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'check my eligibility']] [el:text] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "layout_seq_without_completion": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "plain_layout_seq": "button 8 59 24 5 | description 8 43 51 9 | text 8 67 85 3 | title 8 11 85 28", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 71, 96, 731, 240 ], "completed": false }, { "type": "description", "position": [ 71, 368, 439, 84 ], "completed": false }, { "type": "button", "position": [ 71, 508, 209, 48 ], "completed": false }, { "type": "text", "position": [ 71, 576, 731, 28 ], "completed": false } ] }, { "text": "# A page used to start the free trial Podium. # On the page, there should be two text boxes. One is the question \"Ready to grow?\" and another is a brief description of the free trial. A text button is needed to click to start the free trial.", "region_id": "2009", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'ready to grow?'] ] [el:description [attr:size'small'] ] [el:button [attr:value'start the free trial'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 84 10 19 5 | description 15 11 60 7 | title 15 7 60 3", "layout_seq_without_completion": "button 84 10 19 5 | description 15 11 60 7 | title 15 7 60 3", "plain_layout_seq": "button 84 10 19 5 | description 15 11 60 7 | title 15 7 60 3", "canvas_width": 1024, "canvas_height": 224, "elements": [ { "type": "title", "position": [ 136, 64, 512, 32 ], "completed": false }, { "type": "button", "position": [ 721, 87, 167, 50 ], "completed": false }, { "type": "description", "position": [ 136, 96, 512, 64 ], "completed": false } ] }, { "text": "#A page for introducing wealth management.# On the left, there should be one text including one text showing the label and seven text boxes showing the detail. On the right, there should be two text boxes showing the slogan and one pic with two text boxes.", "region_id": "1749", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'left'] ] [el:description [attr:repeat'7'] [attr:position 'left'] ] [el:title [attr:position'right'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description left undefined | description left undefined | description left undefined | description left undefined | description left undefined | description left undefined | description left undefined | image right undefined | title left undefined | title right undefined", "layout_seq_with_completion": "description 5 9 39 5 | description 5 23 39 2 | description 5 34 39 2 | description 5 17 39 2 | description 5 28 39 2 | description 5 39 39 2 | description 5 45 39 2 | image 56 22 58 33 | complete image 0 0 51 69 | complete text 56 5 58 6 | complete text 56 14 27 1 | complete text 56 58 58 1 | title 5 3 39 2 | title 56 61 58 3", "layout_seq_without_completion": "description 5 9 39 5 | description 5 23 39 2 | description 5 34 39 2 | description 5 17 39 2 | description 5 28 39 2 | description 5 39 39 2 | description 5 45 39 2 | image 56 22 58 33 | image 0 0 51 69 | text 56 5 58 6 | text 56 14 27 1 | text 56 58 58 1 | title 5 3 39 2 | title 56 61 58 3", "plain_layout_seq": "description 5 9 39 5 | description 5 23 39 2 | description 5 34 39 2 | description 5 17 39 2 | description 5 28 39 2 | description 5 39 39 2 | description 5 45 39 2 | image 56 22 58 33 | image 0 0 51 69 | text 56 5 58 6 | text 56 14 27 1 | text 56 58 58 1 | title 5 3 39 2 | title 56 61 58 3", "canvas_width": 912, "canvas_height": 529, "elements": [ { "type": "image", "position": [ 0, 0, 390, 529 ], "completed": true }, { "type": "title", "position": [ 40, 30, 297, 20 ], "completed": false }, { "type": "text", "position": [ 430, 40, 442, 48 ], "completed": true }, { "type": "description", "position": [ 40, 72, 297, 40 ], "completed": false }, { "type": "text", "position": [ 430, 107, 209, 15 ], "completed": true }, { "type": "description", "position": [ 40, 134, 297, 20 ], "completed": false }, { "type": "image", "position": [ 430, 171, 442, 252 ], "completed": false }, { "type": "description", "position": [ 40, 176, 297, 20 ], "completed": false }, { "type": "description", "position": [ 40, 218, 297, 20 ], "completed": false }, { "type": "description", "position": [ 40, 260, 297, 20 ], "completed": false }, { "type": "description", "position": [ 40, 302, 297, 20 ], "completed": false }, { "type": "description", "position": [ 40, 344, 297, 20 ], "completed": false }, { "type": "text", "position": [ 430, 443, 442, 12 ], "completed": true }, { "type": "title", "position": [ 430, 465, 442, 24 ], "completed": false } ] }, { "text": "# A page to introduce the global reach of a company. # On the page, there should be a title and a text box with a short description of the global reach. It is also needed a text link to discover more information by clicking the link. There should be an image of the topic.", "region_id": "2064", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 57 23 59 21 | complete icon 80 46 1 1 | image 2 11 45 45 | link 60 46 19 1 | title 57 19 59 3", "layout_seq_without_completion": "description 57 23 59 21 | icon 80 46 1 1 | image 2 11 45 45 | link 60 46 19 1 | title 57 19 59 3", "plain_layout_seq": "description 57 23 59 21 | icon 80 46 1 1 | image 2 11 45 45 | link 60 46 19 1 | title 57 19 59 3", "canvas_width": 1003, "canvas_height": 584, "elements": [ { "type": "image", "position": [ 24, 100, 384, 384 ], "completed": false }, { "type": "title", "position": [ 484, 159, 495, 28 ], "completed": false }, { "type": "description", "position": [ 484, 196, 495, 177 ], "completed": false }, { "type": "link", "position": [ 502, 387, 166, 16 ], "completed": false }, { "type": "icon", "position": [ 673, 391, 13, 10 ], "completed": true } ] }, { "text": "#A page introducing the JFC strike. # The page should have two images to show the logo of The JFC strike and one corresponding pic, one short introduction to represent the commitment of the company. There also should be 3 texts to show the preference of the company in transactions and collectors, and announce it will be launched.", "region_id": "1061", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:value'JFC strike'] ] [el:image] [el:description [attr:size 'small']] [el:text [attr:repeat'3']] ]", "execution": "singleinfo : description undefined small | image undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | text 77 16 23 2 | text 77 30 23 2 | text 77 24 23 5", "layout_seq_without_completion": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | text 77 16 23 2 | text 77 30 23 2 | text 77 24 23 5", "plain_layout_seq": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | text 77 16 23 2 | text 77 30 23 2 | text 77 24 23 5", "canvas_width": 940, "canvas_height": 535, "elements": [ { "type": "logo", "position": [ 0, 5, 160, 26 ], "completed": false }, { "type": "image", "position": [ 0, 77, 510, 275 ], "completed": false }, { "type": "text", "position": [ 605, 89, 185, 44 ], "completed": false }, { "type": "text", "position": [ 605, 133, 185, 22 ], "completed": false }, { "type": "text", "position": [ 605, 193, 185, 44 ], "completed": false }, { "type": "text", "position": [ 605, 237, 185, 22 ], "completed": false }, { "type": "text", "position": [ 605, 297, 185, 44 ], "completed": false }, { "type": "description", "position": [ 0, 397, 510, 128 ], "completed": false } ] }, { "text": "#A page introducing the JFC strike. # The page should have two images to show the logo of The JFC strike and one corresponding pic, one short introduction to represent the commitment of the company. There also should be text boxes to show the preference of the company in transactions and collectors, and announce it will be launched.", "region_id": "1061_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:value'JFC strike'] ] [el:image] [el:description [attr:size 'small'] [attr:value 'the commitment of the company'] ] [el:text [attr:value'transactions'] ] [el:text [attr:value'collectors'] ] [el:text [attr:value'announce it will be launched'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | complete text 77 16 23 2 | complete text 77 30 23 2 | text 77 24 23 5", "layout_seq_without_completion": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | text 77 16 23 2 | text 77 30 23 2 | text 77 24 23 5", "plain_layout_seq": "description 0 50 65 16 | image 0 9 65 35 | logo 0 0 20 3 | text 77 11 23 5 | text 77 37 23 5 | text 77 16 23 2 | text 77 30 23 2 | text 77 24 23 5", "canvas_width": 940, "canvas_height": 535, "elements": [ { "type": "logo", "position": [ 0, 5, 160, 26 ], "completed": false }, { "type": "image", "position": [ 0, 77, 510, 275 ], "completed": false }, { "type": "text", "position": [ 605, 89, 185, 44 ], "completed": false }, { "type": "text", "position": [ 605, 133, 185, 22 ], "completed": true }, { "type": "text", "position": [ 605, 193, 185, 44 ], "completed": false }, { "type": "text", "position": [ 605, 237, 185, 22 ], "completed": true }, { "type": "text", "position": [ 605, 297, 185, 44 ], "completed": false }, { "type": "description", "position": [ 0, 397, 510, 128 ], "completed": false } ] }, { "text": "#A page for users to explore stocks.# The page contains two images, the title \"Invest in Stocks\" with three texts and the \"Explore Stocks\" button.", "region_id": "3100", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '2'] ] [el:title [attr:value 'invest in stocks'] ] [el:text [attr:repeat '3'] ] [el:button [attr:value 'explore stocks'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 83 31 20 6 | image 11 11 33 23 | image 5 4 44 30 | complete logo 0 0 15 10 | text 83 13 34 3 | text 83 19 34 3 | text 83 25 34 3 | title 80 4 39 4", "layout_seq_without_completion": "button 83 31 20 6 | image 11 11 33 23 | image 5 4 44 30 | logo 0 0 15 10 | text 83 13 34 3 | text 83 19 34 3 | text 83 25 34 3 | title 80 4 39 4", "plain_layout_seq": "button 83 31 20 6 | image 11 11 33 23 | image 5 4 44 30 | logo 0 0 15 10 | text 83 13 34 3 | text 83 19 34 3 | text 83 25 34 3 | title 80 4 39 4", "canvas_width": 948, "canvas_height": 455, "elements": [ { "type": "logo", "position": [ 0, 0, 121, 86 ], "completed": true }, { "type": "image", "position": [ 45, 35, 350, 240 ], "completed": false }, { "type": "title", "position": [ 639, 35, 309, 38 ], "completed": false }, { "type": "image", "position": [ 88, 88, 264, 187 ], "completed": false }, { "type": "text", "position": [ 659, 103, 269, 30 ], "completed": false }, { "type": "text", "position": [ 659, 153, 269, 30 ], "completed": false }, { "type": "text", "position": [ 659, 203, 269, 30 ], "completed": false }, { "type": "button", "position": [ 659, 248, 162, 48 ], "completed": false } ] }, { "text": "#A page for introducing image management.# There should be one title\"Optimal image: storage, compression, delivery\" and one description. Next are two buttons for users to sign up for free or test my site. On the right of the page, there are six images.", "region_id": "3408", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'optimal image: storage, compression, delivery'] ] [el:description] [el:button [attr:value 'sign up for free'] ] [el:button [attr:value 'test my site'] ] [el:image [attr:repeat '6'] [attr:position 'right']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image right undefined | image right undefined | image right undefined | image right undefined | image right undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 0 51 20 6 | button 21 51 17 6 | description 0 36 53 11 | image 90 8 13 15 | image 105 5 13 55 | image 67 22 9 19 | image 77 13 11 13 | image 77 27 11 23 | image 90 25 13 28 | title 0 11 53 21", "layout_seq_without_completion": "button 0 51 20 6 | button 21 51 17 6 | description 0 36 53 11 | image 90 8 13 15 | image 105 5 13 55 | image 67 22 9 19 | image 77 13 11 13 | image 77 27 11 23 | image 90 25 13 28 | title 0 11 53 21", "plain_layout_seq": "button 0 51 20 6 | button 21 51 17 6 | description 0 36 53 11 | image 90 8 13 15 | image 105 5 13 55 | image 67 22 9 19 | image 77 13 11 13 | image 77 27 11 23 | image 90 25 13 28 | title 0 11 53 21", "canvas_width": 994, "canvas_height": 576, "elements": [ { "type": "image", "position": [ 870, 45, 114, 456 ], "completed": false }, { "type": "image", "position": [ 746, 73, 114, 130 ], "completed": false }, { "type": "title", "position": [ 0, 95, 447, 176 ], "completed": false }, { "type": "image", "position": [ 644, 112, 92, 109 ], "completed": false }, { "type": "image", "position": [ 557, 183, 77, 160 ], "completed": false }, { "type": "image", "position": [ 746, 214, 114, 239 ], "completed": false }, { "type": "image", "position": [ 644, 231, 92, 193 ], "completed": false }, { "type": "description", "position": [ 0, 301, 447, 96 ], "completed": false }, { "type": "button", "position": [ 0, 427, 171, 54 ], "completed": false }, { "type": "button", "position": [ 179, 427, 147, 54 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one title\"Building trust in blockchains\" and one detailed description. One button is used for users to book a demo.", "region_id": "916", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'building trust in blockchains'] ] [el:description] [el:button [attr:value'book a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "layout_seq_without_completion": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "plain_layout_seq": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 46, 0, 932, 205 ], "completed": false }, { "type": "description", "position": [ 46, 218, 932, 65 ], "completed": false }, { "type": "button", "position": [ 445, 313, 134, 37 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one text box for the title and one text box for the detailed description. One text button is used for users to book a demo.", "region_id": "916_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'book a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "layout_seq_without_completion": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "plain_layout_seq": "button 52 36 15 4 | description 5 25 109 7 | title 5 0 109 24", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 46, 0, 932, 205 ], "completed": false }, { "type": "description", "position": [ 46, 218, 932, 65 ], "completed": false }, { "type": "button", "position": [ 445, 313, 134, 37 ], "completed": false } ] }, { "text": "# A page for the user to contact a company.# The page should have the title \"Contact form\", and four input boxes where the user can enter the name, email address, phone number, and comment. Also, a button \"Send \" is needed for the user to send the message to the company.", "region_id": "7048", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'contact form'] ] [el:input [attr:value'name'] ] [el:input [attr:value'email address'] ] [el:input [attr:value'hone number'] ] [el:input [attr:value'comment'] ][el:button [attr:value 'send'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 17 44 14 5 | input 17 20 84 5 | input 17 12 41 5 | input 61 12 41 5 | input 17 28 84 11 | complete text 19 29 9 2 | complete text 19 13 5 2 | complete text 63 13 6 2 | complete text 19 21 13 2 | title 17 4 85 4", "layout_seq_without_completion": "button 17 44 14 5 | input 17 20 84 5 | input 17 12 41 5 | input 61 12 41 5 | input 17 28 84 11 | text 19 29 9 2 | text 19 13 5 2 | text 63 13 6 2 | text 19 21 13 2 | title 17 4 85 4", "plain_layout_seq": "button 17 44 14 5 | input 17 20 84 5 | input 17 12 41 5 | input 61 12 41 5 | input 17 28 84 11 | text 19 29 9 2 | text 19 13 5 2 | text 63 13 6 2 | text 19 21 13 2 | title 17 4 85 4", "canvas_width": 1024, "canvas_height": 463, "elements": [ { "type": "title", "position": [ 149, 36, 726, 38 ], "completed": false }, { "type": "input", "position": [ 150, 105, 351, 45 ], "completed": false }, { "type": "input", "position": [ 523, 105, 351, 45 ], "completed": false }, { "type": "text", "position": [ 170, 115, 48, 24 ], "completed": true }, { "type": "text", "position": [ 543, 115, 55, 24 ], "completed": true }, { "type": "input", "position": [ 150, 172, 724, 45 ], "completed": false }, { "type": "text", "position": [ 170, 182, 117, 24 ], "completed": true }, { "type": "input", "position": [ 150, 239, 724, 100 ], "completed": false }, { "type": "text", "position": [ 170, 249, 79, 24 ], "completed": true }, { "type": "button", "position": [ 149, 380, 122, 47 ], "completed": false } ] }, { "text": "# A page for guiding the users to try the service of the company. # The page should have two slogans and a button \"FIND YOURSELF\" for the user to click to try it.", "region_id": "7892", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:button [attr:value 'FIND YOURSELF'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 12 21 5 | title 8 0 103 2 | title 8 4 103 4", "layout_seq_without_completion": "button 49 12 21 5 | title 8 0 103 2 | title 8 4 103 4", "plain_layout_seq": "button 49 12 21 5 | title 8 0 103 2 | title 8 4 103 4", "canvas_width": 1024, "canvas_height": 157, "elements": [ { "type": "title", "position": [ 70, 0, 884, 21 ], "completed": false }, { "type": "title", "position": [ 70, 38, 884, 37 ], "completed": false }, { "type": "button", "position": [ 422, 104, 180, 45 ], "completed": false } ] }, { "text": "# A page to download the app Swiggy.# On the page, there should be two text boxes. One is the slogan introducing the type of the app, and another is a brief introduction of the app. There should also be two text buttons, so the user can know to download the app from Google Play and Apple Store. There should be two big images showing the app.", "region_id": "2249", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'download the app from google play'] ] [el:button [attr:value'download the app from apple store'] ] [el:image [attr:size'large'] [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined large | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 1 34 17 5 | button 21 34 17 5 | description 1 22 38 12 | image 51 0 37 47 | image 85 7 34 47 | title 1 14 29 7", "layout_seq_without_completion": "button 1 34 17 5 | button 21 34 17 5 | description 1 22 38 12 | image 51 0 37 47 | image 85 7 34 47 | title 1 14 29 7", "plain_layout_seq": "button 1 34 17 5 | button 21 34 17 5 | description 1 22 38 12 | image 51 0 37 47 | image 85 7 34 47 | title 1 14 29 7", "canvas_width": 1240, "canvas_height": 570, "elements": [ { "type": "image", "position": [ 536, 0, 384, 489 ], "completed": false }, { "type": "image", "position": [ 881, 81, 359, 489 ], "completed": false }, { "type": "title", "position": [ 20, 152, 300, 80 ], "completed": false }, { "type": "description", "position": [ 20, 232, 400, 128 ], "completed": false }, { "type": "button", "position": [ 20, 360, 181, 54 ], "completed": false }, { "type": "button", "position": [ 220, 360, 179, 54 ], "completed": false } ] }, { "text": "#A page for showing the products Wooden Pencils.#The page should have a title and a long description under it. At the bottom of the page, there is a button, named \"BUY NOW\". On the right side, an image was set.", "region_id": "8043", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'large'] ] [el:button [attr:value 'buy now'] [attr:position 'bottom'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined large | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 0 37 13 4 | description 0 29 56 6 | title 0 25 56 3", "layout_seq_without_completion": "button 0 37 13 4 | description 0 29 56 6 | title 0 25 56 3", "plain_layout_seq": "button 0 37 13 4 | description 0 29 56 6 | title 0 25 56 3", "canvas_width": 964, "canvas_height": 513, "elements": [ { "type": "title", "position": [ 0, 202, 452, 26 ], "completed": false }, { "type": "description", "position": [ 0, 238, 452, 51 ], "completed": false }, { "type": "button", "position": [ 0, 304, 109, 38 ], "completed": false } ] }, { "text": "#A page for users to search designs about LGBTQ+.# The page should contain a background image, an input with a button for users to search on the page, and a link to LGBTQIA artists.", "region_id": "4886", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:input] [el:button [attr:value 'search'] ] [el:link [attr:value 'LGBTQIA artists'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | link undefined undefined", "layout_seq_with_completion": "background 0 0 120 53 | button 70 33 16 6 | input 32 33 36 6 | link 0 51 12 2", "layout_seq_without_completion": "background 0 0 120 53 | button 70 33 16 6 | input 32 33 36 6 | link 0 51 12 2", "plain_layout_seq": "background 0 0 120 53 | button 70 33 16 6 | input 32 33 36 6 | link 0 51 12 2", "canvas_width": 994, "canvas_height": 447, "elements": [ { "type": "background", "position": [ 0, 0, 994, 447 ], "completed": false }, { "type": "input", "position": [ 273, 281, 302, 50 ], "completed": false }, { "type": "button", "position": [ 586, 281, 135, 50 ], "completed": false }, { "type": "link", "position": [ 0, 425, 103, 22 ], "completed": false } ] }, { "text": "#This hider page is to guide users to join the club# In addition to the title of \"Join the club.\", this page also has an input box for entering your email, and there is a small icon on the right side.", "region_id": "8577", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'join the club.'] ] [el:input [attr:value 'enter your email'] ] [el:icon [attr:size 'small'] [attr:position 'right'] ] ]", "execution": "singleinfo : icon right small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 80 18 3 2 | input 36 17 46 5 | title 28 9 62 5", "layout_seq_without_completion": "icon 80 18 3 2 | input 36 17 46 5 | title 28 9 62 5", "plain_layout_seq": "icon 80 18 3 2 | input 36 17 46 5 | title 28 9 62 5", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 245, 80, 534, 49 ], "completed": false }, { "type": "input", "position": [ 312, 149, 400, 47 ], "completed": false }, { "type": "icon", "position": [ 686, 161, 26, 24 ], "completed": false } ] }, { "text": "#A page for introducing the 2021 annual report to users.# The page should include one title and a button for users to click for further information. One image is used for showing the report.", "region_id": "2047", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 70 24 15 1 | image 4 0 54 35 | complete text 70 11 44 2 | title 70 13 40 9", "layout_seq_without_completion": "button 70 24 15 1 | image 4 0 54 35 | text 70 11 44 2 | title 70 13 40 9", "plain_layout_seq": "button 70 24 15 1 | image 4 0 54 35 | text 70 11 44 2 | title 70 13 40 9", "canvas_width": 1024, "canvas_height": 307, "elements": [ { "type": "image", "position": [ 41, 0, 461, 307 ], "completed": false }, { "type": "text", "position": [ 602, 95, 381, 20 ], "completed": true }, { "type": "title", "position": [ 602, 115, 349, 84 ], "completed": false }, { "type": "button", "position": [ 602, 209, 136, 17 ], "completed": false } ] }, { "text": "#A page for introducing Idswater.com.# The page should have a logo of the web, and an introduction to the pros of the web.", "region_id": "3104", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description] ]", "execution": "singleinfo : description undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 11 | description 1 6 116 3 | logo 45 1 29 5", "layout_seq_without_completion": "background 0 0 120 11 | description 1 6 116 3 | logo 45 1 29 5", "plain_layout_seq": "background 0 0 120 11 | description 1 6 116 3 | logo 45 1 29 5", "canvas_width": 1024, "canvas_height": 100, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 100 ], "completed": true }, { "type": "logo", "position": [ 386, 14, 252, 44 ], "completed": false }, { "type": "description", "position": [ 15, 58, 994, 28 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should be a title and an explanation giving users instructions on the service. There's also a picture.", "region_id": "95", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 49 51 9 | image 64 4 47 82 | title 5 33 51 13", "layout_seq_without_completion": "description 5 49 51 9 | image 64 4 47 82 | title 5 33 51 13", "plain_layout_seq": "description 5 49 51 9 | image 64 4 47 82 | title 5 33 51 13", "canvas_width": 1024, "canvas_height": 786, "elements": [ { "type": "image", "position": [ 552, 40, 406, 706 ], "completed": false }, { "type": "title", "position": [ 50, 285, 438, 115 ], "completed": false }, { "type": "description", "position": [ 50, 420, 438, 81 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There should be two textboxes giving users instructions on the service.", "region_id": "95_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 49 51 9 | complete image 64 4 47 82 | title 5 33 51 13", "layout_seq_without_completion": "description 5 49 51 9 | image 64 4 47 82 | title 5 33 51 13", "plain_layout_seq": "description 5 49 51 9 | image 64 4 47 82 | title 5 33 51 13", "canvas_width": 1024, "canvas_height": 786, "elements": [ { "type": "image", "position": [ 552, 40, 406, 706 ], "completed": true }, { "type": "title", "position": [ 50, 285, 438, 115 ], "completed": false }, { "type": "description", "position": [ 50, 420, 438, 81 ], "completed": false } ] }, { "text": "#A page for introducing a rebate promotion.# There should be a title for the promotion with a brief introduction under it and an image on the right side. Also, a button for users to sign up is necessary.", "region_id": "255", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title top undefined", "layout_seq_with_completion": "button 9 19 14 5 | description 9 27 52 4 | complete image 1 0 63 35 | complete image 65 0 53 35 | image 68 7 28 20 | title 9 3 52 13", "layout_seq_without_completion": "button 9 19 14 5 | description 9 27 52 4 | image 1 0 63 35 | image 65 0 53 35 | image 68 7 28 20 | title 9 3 52 13", "plain_layout_seq": "button 9 19 14 5 | description 9 27 52 4 | image 1 0 63 35 | image 65 0 53 35 | image 68 7 28 20 | title 9 3 52 13", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 16, 0, 539, 299 ], "completed": true }, { "type": "image", "position": [ 555, 0, 453, 299 ], "completed": true }, { "type": "title", "position": [ 80, 30, 450, 115 ], "completed": false }, { "type": "image", "position": [ 585, 63, 240, 173 ], "completed": false }, { "type": "button", "position": [ 80, 170, 120, 43 ], "completed": false }, { "type": "description", "position": [ 80, 233, 450, 36 ], "completed": false } ] }, { "text": "#A page marketing the business of a company.# There should be a title labeled \"Our Business\", followed by a subtitle and an explanation. A button should be included to meet our suppliers.There's a picture to fill in the blanks.", "region_id": "674", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'our business']] [el:title] [el:description] [el:button [attr:value'meet our suppliers']][el:image]]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 13 54 34 5 | description 2 32 56 18 | image 72 23 32 39 | title 38 8 42 10 | title 3 27 54 3", "layout_seq_without_completion": "button 13 54 34 5 | description 2 32 56 18 | image 72 23 32 39 | title 38 8 42 10 | title 3 27 54 3", "plain_layout_seq": "button 13 54 34 5 | description 2 32 56 18 | image 72 23 32 39 | title 38 8 42 10 | title 3 27 54 3", "canvas_width": 1100, "canvas_height": 658, "elements": [ { "type": "title", "position": [ 354, 80, 392, 98 ], "completed": false }, { "type": "image", "position": [ 669, 215, 300, 363 ], "completed": false }, { "type": "title", "position": [ 30, 252, 502, 35 ], "completed": false }, { "type": "description", "position": [ 20, 297, 522, 168 ], "completed": false }, { "type": "button", "position": [ 121, 495, 320, 46 ], "completed": false } ] }, { "text": "#A page marketing the business of a company.# There should be a textbox labeled \"Our Business\", followed by two attractive text boxes, which are for introductions to the company`s business. A link should be included for more options.", "region_id": "674_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'our business'] ] [el:description [attr:repeat '2'] ] [el:link [attr:value'more options'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 2 32 56 18 | description 3 27 54 3 | complete image 72 23 32 39 | link 13 54 34 5 | text 38 8 42 10", "layout_seq_without_completion": "description 2 32 56 18 | description 3 27 54 3 | image 72 23 32 39 | link 13 54 34 5 | text 38 8 42 10", "plain_layout_seq": "description 2 32 56 18 | description 3 27 54 3 | image 72 23 32 39 | link 13 54 34 5 | text 38 8 42 10", "canvas_width": 1100, "canvas_height": 658, "elements": [ { "type": "text", "position": [ 354, 80, 392, 98 ], "completed": false }, { "type": "image", "position": [ 669, 215, 300, 363 ], "completed": true }, { "type": "description", "position": [ 30, 252, 502, 35 ], "completed": false }, { "type": "description", "position": [ 20, 297, 522, 168 ], "completed": false }, { "type": "link", "position": [ 121, 495, 320, 46 ], "completed": false } ] }, { "text": "#A page for introducing a delivery service of a brand named \"POIZON\" to users.# The page should include one title and a brief description. At the bottom, there should be a photo of the delivery of POIZON.", "region_id": "254", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'bottom'] ] ]", "execution": "singleinfo : description undefined small | image bottom undefined | title undefined undefined", "layout_seq_with_completion": "description 10 11 109 9 | image 10 26 70 47 | complete text 0 0 8 7 | title 9 3 79 4", "layout_seq_without_completion": "description 10 11 109 9 | image 10 26 70 47 | text 0 0 8 7 | title 9 3 79 4", "plain_layout_seq": "description 10 11 109 9 | image 10 26 70 47 | text 0 0 8 7 | title 9 3 79 4", "canvas_width": 812, "canvas_height": 496, "elements": [ { "type": "text", "position": [ 0, 0, 56, 50 ], "completed": true }, { "type": "title", "position": [ 65, 22, 537, 28 ], "completed": false }, { "type": "description", "position": [ 71, 80, 741, 66 ], "completed": false }, { "type": "image", "position": [ 71, 176, 480, 320 ], "completed": false } ] }, { "text": "#A page exhibiting products.# The page should include an image and a set of pagination.", "region_id": "4791", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:pagination] ]", "execution": "singleinfo : image undefined undefined | pagination undefined undefined", "layout_seq_with_completion": "image 0 0 118 39 | \" [ complete button 47 43 1 1 ] | [ complete button 49 43 1 1 ] | [ complete button 52 43 1 1 ] | [ complete button 55 43 1 1 ] | [ complete button 57 43 1 1 ] | [ complete button 60 43 1 1 ] | [ complete button 63 43 1 1 ] | [ complete button 66 43 1 1 ] | [ complete button 68 43 1 1 ] | [ complete button 71 43 1 1 ] \"", "layout_seq_without_completion": "image 0 0 118 39 | \" [ button 47 43 1 1 ] | [ button 49 43 1 1 ] | [ button 52 43 1 1 ] | [ button 55 43 1 1 ] | [ button 57 43 1 1 ] | [ button 60 43 1 1 ] | [ button 63 43 1 1 ] | [ button 66 43 1 1 ] | [ button 68 43 1 1 ] | [ button 71 43 1 1 ] \"", "plain_layout_seq": "button 47 43 1 1 | button 49 43 1 1 | button 52 43 1 1 | button 55 43 1 1 | button 57 43 1 1 | button 60 43 1 1 | button 63 43 1 1 | button 66 43 1 1 | button 68 43 1 1 | button 71 43 1 1 | image 0 0 118 39", "canvas_width": 940, "canvas_height": 355, "elements": [ { "type": "image", "position": [ 4, 4, 932, 311 ], "completed": false }, { "type": "button", "position": [ 370, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 391, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 412, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 433, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 454, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 475, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 496, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 517, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 538, 338, 11, 11 ], "completed": true }, { "type": "button", "position": [ 559, 338, 11, 11 ], "completed": true } ] }, { "text": "#A page for users to know about the web Ricetta Fitness.#The page should have a title and a brief description in the middle of the page. At the top of the page, there is a description \"Ricetta Fitness\" and two links for users to click fastly, \"home\" and \"privacy policy\".", "region_id": "3788", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:description [attr:value 'ricetta fitness'][attr:position 'top'] ] [el:link [attr:value 'home'][attr:position 'top']] [el:link [attr:value 'privacy policy'] [attr:position 'top'] ] ]", "execution": "singleinfo : description top undefined | description undefined small | link top undefined | link top undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 52 | description 2 0 20 7 | description 3 33 108 3 | link 102 0 14 7 | link 96 0 6 7 | title 3 23 108 9", "layout_seq_without_completion": "background 0 0 120 52 | description 2 0 20 7 | description 3 33 108 3 | link 102 0 14 7 | link 96 0 6 7 | title 3 23 108 9", "plain_layout_seq": "background 0 0 120 52 | description 2 0 20 7 | description 3 33 108 3 | link 102 0 14 7 | link 96 0 6 7 | title 3 23 108 9", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 449 ], "completed": true }, { "type": "description", "position": [ 20, 0, 173, 65 ], "completed": false }, { "type": "link", "position": [ 821, 0, 57, 65 ], "completed": false }, { "type": "link", "position": [ 878, 0, 126, 65 ], "completed": false }, { "type": "title", "position": [ 30, 198, 924, 79 ], "completed": false }, { "type": "description", "position": [ 30, 287, 924, 27 ], "completed": false } ] }, { "text": "#A page for discovering destinations on the map.# There should be one image on the left. On the right, there is one title \"Discover all destinations on the map\" and one description. One button is used for users to explore the map.", "region_id": "178", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] [attr:value 'Discover all destinations on the map'] ] [el:description [attr:position 'right']] [el:button [attr:value'Explore The Map'] ] ]", "execution": "singleinfo : button undefined undefined | description right undefined | image left undefined | title right undefined", "layout_seq_with_completion": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "layout_seq_without_completion": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "plain_layout_seq": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "canvas_width": 1024, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 12, 60, 500, 203 ], "completed": false }, { "type": "title", "position": [ 522, 65, 480, 86 ], "completed": false }, { "type": "description", "position": [ 522, 167, 450, 48 ], "completed": false }, { "type": "button", "position": [ 522, 231, 175, 35 ], "completed": false } ] }, { "text": "#A page for discovering destinations on the map.# There should be one image and two text boxes\uff0c one for showing the title and the other for showing the detailed description. One text button is used for users to explore the map.", "region_id": "178_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description[attr:value'Detail']] [el:button [attr:value'Explore The Map'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "layout_seq_without_completion": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "plain_layout_seq": "button 61 27 20 4 | description 61 19 52 5 | image 1 7 58 23 | title 61 7 56 10", "canvas_width": 1024, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 12, 60, 500, 203 ], "completed": false }, { "type": "title", "position": [ 522, 65, 480, 86 ], "completed": false }, { "type": "description", "position": [ 522, 167, 450, 48 ], "completed": false }, { "type": "button", "position": [ 522, 231, 175, 35 ], "completed": false } ] }, { "text": "#A page for users to choose personal term deposit.# There should be one icon and one text box for the title. Users can choose it by clicking one button.", "region_id": "1548", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:button] ]", "execution": "singleinfo : button undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 77 6 1 1 | icon 42 5 10 10 | complete image 40 3 39 14 | title 54 5 20 11", "layout_seq_without_completion": "button 77 6 1 1 | icon 42 5 10 10 | image 40 3 39 14 | title 54 5 20 11", "plain_layout_seq": "button 77 6 1 1 | icon 42 5 10 10 | image 40 3 39 14 | title 54 5 20 11", "canvas_width": 1003, "canvas_height": 190, "elements": [ { "type": "image", "position": [ 336, 30, 330, 122 ], "completed": true }, { "type": "title", "position": [ 456, 45, 172, 92 ], "completed": false }, { "type": "icon", "position": [ 352, 46, 90, 90 ], "completed": false }, { "type": "button", "position": [ 644, 53, 15, 15 ], "completed": false } ] }, { "text": "#A page showing one report. # The page should one title to show the published organization, one resume of the report, as well as one image.", "region_id": "56", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 22 52 16 | complete image 63 0 52 34 | image 63 0 52 40 | complete text 4 3 52 1 | title 4 8 52 10", "layout_seq_without_completion": "description 4 22 52 16 | image 63 0 52 34 | image 63 0 52 40 | text 4 3 52 1 | title 4 8 52 10", "plain_layout_seq": "description 4 22 52 16 | image 63 0 52 34 | image 63 0 52 40 | text 4 3 52 1 | title 4 8 52 10", "canvas_width": 1024, "canvas_height": 428, "elements": [ { "type": "image", "position": [ 540, 0, 444, 348 ], "completed": false }, { "type": "image", "position": [ 540, 0, 444, 298 ], "completed": true }, { "type": "text", "position": [ 40, 32, 444, 16 ], "completed": true }, { "type": "title", "position": [ 40, 72, 444, 91 ], "completed": false }, { "type": "description", "position": [ 40, 195, 444, 144 ], "completed": false } ] }, { "text": "#A page showing one report. # The page should include three text boxes to show the published organization, the name, and the resume of the report, as well as one big image.", "region_id": "56_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 22 52 16 | image 63 0 52 34 | image 63 0 52 40 | text 4 3 52 1 | title 4 8 52 10", "layout_seq_without_completion": "description 4 22 52 16 | image 63 0 52 34 | image 63 0 52 40 | text 4 3 52 1 | title 4 8 52 10", "plain_layout_seq": "description 4 22 52 16 | image 63 0 52 34 | image 63 0 52 40 | text 4 3 52 1 | title 4 8 52 10", "canvas_width": 1024, "canvas_height": 428, "elements": [ { "type": "image", "position": [ 540, 0, 444, 348 ], "completed": false }, { "type": "image", "position": [ 540, 0, 444, 298 ], "completed": false }, { "type": "text", "position": [ 40, 32, 444, 16 ], "completed": false }, { "type": "title", "position": [ 40, 72, 444, 91 ], "completed": false }, { "type": "description", "position": [ 40, 195, 444, 144 ], "completed": false } ] }, { "text": "#A page for showing one news.#There should be one logo and one text box showing the news title. Users can learn more by clicking one button.", "region_id": "1335", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 33 110 3 | logo 4 4 12 5 | title 4 14 110 7", "layout_seq_without_completion": "button 4 33 110 3 | logo 4 4 12 5 | title 4 14 110 7", "plain_layout_seq": "button 4 33 110 3 | logo 4 4 12 5 | title 4 14 110 7", "canvas_width": 896, "canvas_height": 310, "elements": [ { "type": "logo", "position": [ 35, 35, 94, 40 ], "completed": false }, { "type": "title", "position": [ 35, 111, 826, 58 ], "completed": false }, { "type": "button", "position": [ 35, 249, 826, 26 ], "completed": false } ] }, { "text": "#A page shows the information for a community.# There is a background image and a title to show the information about the community.", "region_id": "3345", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title[attr:value'community']] ]", "execution": "singleinfo : background undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | title 61 7 46 23", "layout_seq_without_completion": "background 0 0 120 41 | title 61 7 46 23", "plain_layout_seq": "background 0 0 120 41 | title 61 7 46 23", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 352 ], "completed": false }, { "type": "title", "position": [ 522, 60, 400, 202 ], "completed": false } ] }, { "text": "#A page introducing Tanium. # The page should have a slogan and a short introduction to entice users to use Tanium, and a button for users to click to try it.", "region_id": "2277", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'try it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "layout_seq_without_completion": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "plain_layout_seq": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "canvas_width": 1003, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 104, 111, 796, 48 ], "completed": false }, { "type": "description", "position": [ 104, 175, 796, 80 ], "completed": false }, { "type": "button", "position": [ 391, 288, 222, 50 ], "completed": false } ] }, { "text": "#A page introducing Tanium. # The page should have a slogan and a short introduction to entice users to use Tanium, and a button for users to click to use it.", "region_id": "2277_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'use it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "layout_seq_without_completion": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "plain_layout_seq": "button 46 34 26 5 | description 12 20 95 9 | title 12 13 95 5", "canvas_width": 1003, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 104, 111, 796, 48 ], "completed": false }, { "type": "description", "position": [ 104, 175, 796, 80 ], "completed": false }, { "type": "button", "position": [ 391, 288, 222, 50 ], "completed": false } ] }, { "text": "#A page for introducing one brand.# There is one background image, one title \"Precious Gifts &Glass\", and one slogan.", "region_id": "8703", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'precious gifts &glass'] ] [el:title] ]", "execution": "singleinfo : background undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 33 | title 21 17 77 8 | title 6 6 107 9", "layout_seq_without_completion": "background 0 0 120 33 | title 21 17 77 8 | title 6 6 107 9", "plain_layout_seq": "background 0 0 120 33 | title 21 17 77 8 | title 6 6 107 9", "canvas_width": 1024, "canvas_height": 337, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 282 ], "completed": false }, { "type": "title", "position": [ 55, 55, 914, 80 ], "completed": false }, { "type": "title", "position": [ 180, 148, 663, 74 ], "completed": false } ] }, { "text": "#A page introducing a commitment during the Covid-19 pandemic. # The page should have a title and a small introduction of the commitment, and a button for users to click to read more. In addition, a big background image is needed to show the supply like masks.", "region_id": "1850", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:background_image [attr:size'large'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 73 | button 9 34 13 4 | description 9 20 35 9 | complete image 5 4 43 37 | title 9 11 35 6", "layout_seq_without_completion": "background 0 0 120 73 | button 9 34 13 4 | description 9 20 35 9 | image 5 4 43 37 | title 9 11 35 6", "plain_layout_seq": "background 0 0 120 73 | button 9 34 13 4 | description 9 20 35 9 | image 5 4 43 37 | title 9 11 35 6", "canvas_width": 1024, "canvas_height": 630, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 630 ], "completed": false }, { "type": "image", "position": [ 48, 40, 368, 324 ], "completed": true }, { "type": "title", "position": [ 80, 102, 304, 58 ], "completed": false }, { "type": "description", "position": [ 80, 176, 304, 84 ], "completed": false }, { "type": "button", "position": [ 80, 292, 112, 40 ], "completed": false } ] }, { "text": "#A page for asking users to bank savings.# There should be two text boxes, one includes the title \"Securely store your Bitcoins in Switzerland\" and the other for the announcement. And there should be one text button for users to start a free trial. An image is needed for showing the trial on the right side.", "region_id": "1830", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'securely store your bitcoins in switzerland'] ] [el:text] [el:button [attr:value'start a free trial'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | image right undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 52 | button 5 31 22 6 | image 70 9 43 33 | text 5 20 52 5 | title 5 9 52 8", "layout_seq_without_completion": "background 0 0 120 52 | button 5 31 22 6 | image 70 9 43 33 | text 5 20 52 5 | title 5 9 52 8", "plain_layout_seq": "background 0 0 120 52 | button 5 31 22 6 | image 70 9 43 33 | text 5 20 52 5 | title 5 9 52 8", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 449 ], "completed": true }, { "type": "title", "position": [ 48, 80, 444, 76 ], "completed": false }, { "type": "image", "position": [ 602, 83, 374, 286 ], "completed": false }, { "type": "text", "position": [ 48, 172, 444, 46 ], "completed": false }, { "type": "button", "position": [ 48, 272, 189, 57 ], "completed": false } ] }, { "text": "#A page marketing the season 4 of \"The Inside Man\". # There should be an introduction showing the information about the series. There is also a picture of the trailer. A button should also be in place for watching the trailer.", "region_id": "1571", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:image] [el:button [attr:value'watch the trailer'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 46 18 18 3 | description 46 4 71 11 | image 1 2 36 18", "layout_seq_without_completion": "button 46 18 18 3 | description 46 4 71 11 | image 1 2 36 18", "plain_layout_seq": "button 46 18 18 3 | description 46 4 71 11 | image 1 2 36 18", "canvas_width": 1024, "canvas_height": 209, "elements": [ { "type": "image", "position": [ 15, 20, 313, 157 ], "completed": false }, { "type": "description", "position": [ 395, 38, 614, 99 ], "completed": false }, { "type": "button", "position": [ 395, 156, 162, 33 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a title \"SUBSCRIBE TO OUR NEWSLETTER\", a short description, an input for the user to enter the email address, and a text button for the user to subscribe.", "region_id": "7301", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our newsletter'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 80 28 9 1 | description 6 17 107 2 | input 27 26 51 5 | title 6 12 107 2", "layout_seq_without_completion": "button 80 28 9 1 | description 6 17 107 2 | input 27 26 51 5 | title 6 12 107 2", "plain_layout_seq": "button 80 28 9 1 | description 6 17 107 2 | input 27 26 51 5 | title 6 12 107 2", "canvas_width": 1024, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 55, 110, 914, 24 ], "completed": false }, { "type": "description", "position": [ 55, 151, 914, 23 ], "completed": false }, { "type": "input", "position": [ 232, 229, 437, 46 ], "completed": false }, { "type": "button", "position": [ 688, 243, 85, 16 ], "completed": false } ] }, { "text": "#A page for playing videos of Unilever.# There is a title and a small video button to play and pause. There is also a YouTube icon tip that the video can also be viewed above it.", "region_id": "2352", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:size'small'] ] [el:icon] ]", "execution": "singleinfo : button undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 1 1 116 65 | button 55 31 8 6 | icon 12 62 9 2 | complete image 1 60 21 5 | title 3 62 8 2", "layout_seq_without_completion": "background 1 1 116 65 | button 55 31 8 6 | icon 12 62 9 2 | image 1 60 21 5 | title 3 62 8 2", "plain_layout_seq": "background 1 1 116 65 | button 55 31 8 6 | icon 12 62 9 2 | image 1 60 21 5 | title 3 62 8 2", "canvas_width": 955, "canvas_height": 550, "elements": [ { "type": "background", "position": [ 15, 15, 925, 520 ], "completed": true }, { "type": "button", "position": [ 444, 251, 68, 48 ], "completed": false }, { "type": "image", "position": [ 15, 483, 172, 47 ], "completed": true }, { "type": "title", "position": [ 27, 499, 67, 16 ], "completed": false }, { "type": "icon", "position": [ 103, 499, 72, 16 ], "completed": false } ] }, { "text": "# A page for signing up for TOM Shop emails.# The page should have the title \"Be the first to hear about deals!\", and a short description. Then there should have an input box and a button where the user can enter the email address and click to submit. Also, there should have a description with a link to the \"Privacy Policy\" for the user to agree to the terms of the privacy policy.", "region_id": "3903", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'be the first to hear about deals!'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address']] [el:button [attr:value 'submit'] ] [el:description] [el:link [attr:value 'privacy policy'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined undefined | input undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 32 | button 80 17 16 4 | description 22 13 74 2 | description 22 24 26 1 | complete image 22 17 74 4 | input 22 17 57 4 | link 48 24 8 1 | title 22 8 74 3", "layout_seq_without_completion": "background 0 0 120 32 | button 80 17 16 4 | description 22 13 74 2 | description 22 24 26 1 | image 22 17 74 4 | input 22 17 57 4 | link 48 24 8 1 | title 22 8 74 3", "plain_layout_seq": "background 0 0 120 32 | button 80 17 16 4 | description 22 13 74 2 | description 22 24 26 1 | image 22 17 74 4 | input 22 17 57 4 | link 48 24 8 1 | title 22 8 74 3", "canvas_width": 1024, "canvas_height": 280, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 280 ], "completed": true }, { "type": "title", "position": [ 193, 70, 638, 27 ], "completed": false }, { "type": "description", "position": [ 193, 111, 638, 20 ], "completed": false }, { "type": "image", "position": [ 193, 151, 638, 39 ], "completed": true }, { "type": "input", "position": [ 195, 153, 494, 35 ], "completed": false }, { "type": "button", "position": [ 689, 153, 140, 35 ], "completed": false }, { "type": "description", "position": [ 193, 213, 225, 15 ], "completed": false }, { "type": "link", "position": [ 418, 213, 75, 15 ], "completed": false } ] }, { "text": "#A page for introducing the upcoming scene.# The page should have a title, a background image, a title, 8 texts to show the countdown to the next scene in days, hours, minutes, and seconds, and a text to show the current time.", "region_id": "6343", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2']] [el:background_image] [el:text [attr:repeat '9'] ] ]", "execution": "singleinfo : background undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 5 120 28 | text 37 29 44 2 | text 47 24 8 2 | text 61 24 10 2 | text 47 12 9 10 | text 61 12 9 10 | text 34 24 6 2 | text 33 12 9 10 | text 77 12 9 10 | text 76 24 11 2 | title 38 8 43 2 | title 45 1 28 2", "layout_seq_without_completion": "background 0 5 120 28 | text 37 29 44 2 | text 47 24 8 2 | text 61 24 10 2 | text 47 12 9 10 | text 61 12 9 10 | text 34 24 6 2 | text 33 12 9 10 | text 77 12 9 10 | text 76 24 11 2 | title 38 8 43 2 | title 45 1 28 2", "plain_layout_seq": "background 0 5 120 28 | text 37 29 44 2 | text 47 24 8 2 | text 61 24 10 2 | text 47 12 9 10 | text 61 12 9 10 | text 34 24 6 2 | text 33 12 9 10 | text 77 12 9 10 | text 76 24 11 2 | title 38 8 43 2 | title 45 1 28 2", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "title", "position": [ 390, 13, 244, 25 ], "completed": false }, { "type": "background", "position": [ 0, 50, 1024, 245 ], "completed": false }, { "type": "title", "position": [ 327, 73, 370, 25 ], "completed": false }, { "type": "text", "position": [ 284, 104, 78, 90 ], "completed": false }, { "type": "text", "position": [ 402, 104, 78, 90 ], "completed": false }, { "type": "text", "position": [ 527, 104, 78, 90 ], "completed": false }, { "type": "text", "position": [ 661, 104, 79, 90 ], "completed": false }, { "type": "text", "position": [ 295, 205, 53, 20 ], "completed": false }, { "type": "text", "position": [ 405, 205, 72, 20 ], "completed": false }, { "type": "text", "position": [ 521, 205, 92, 20 ], "completed": false }, { "type": "text", "position": [ 654, 205, 95, 20 ], "completed": false }, { "type": "text", "position": [ 321, 248, 382, 25 ], "completed": false } ] }, { "text": "#A page introducing one product. # The page should have an exciting slogan and a short introduction to entice users to use the service, and a button for users to click to sign up now. A background image and a corresponding image are needed.", "region_id": "398", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value 'sign up'] ] [el:background_image] [el:image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 58 120 16 | button 3 43 16 5 | description 3 29 46 9 | image 50 1 65 54 | complete text 3 24 2 0 | title 3 9 46 11", "layout_seq_without_completion": "background 0 58 120 16 | button 3 43 16 5 | description 3 29 46 9 | image 50 1 65 54 | text 3 24 2 0 | title 3 9 46 11", "plain_layout_seq": "background 0 58 120 16 | button 3 43 16 5 | description 3 29 46 9 | image 50 1 65 54 | text 3 24 2 0 | title 3 9 46 11", "canvas_width": 1024, "canvas_height": 642, "elements": [ { "type": "image", "position": [ 432, 17, 560, 462 ], "completed": false }, { "type": "title", "position": [ 32, 80, 400, 96 ], "completed": false }, { "type": "text", "position": [ 32, 208, 24, 4 ], "completed": true }, { "type": "description", "position": [ 32, 248, 400, 84 ], "completed": false }, { "type": "button", "position": [ 32, 368, 138, 49 ], "completed": false }, { "type": "background", "position": [ 0, 496, 1024, 145 ], "completed": false } ] }, { "text": "#A page for showing a product to users.# The page has a logo, a title of the product, and a brief description.", "region_id": "7241", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 20 5 34 5 | logo 2 2 12 12 | title 20 1 22 3", "layout_seq_without_completion": "description 20 5 34 5 | logo 2 2 12 12 | title 20 1 22 3", "plain_layout_seq": "description 20 5 34 5 | logo 2 2 12 12 | title 20 1 22 3", "canvas_width": 940, "canvas_height": 140, "elements": [ { "type": "title", "position": [ 164, 9, 177, 24 ], "completed": false }, { "type": "logo", "position": [ 17, 20, 100, 100 ], "completed": false }, { "type": "description", "position": [ 164, 41, 271, 42 ], "completed": false } ] }, { "text": "# A page to download Bolt app. # There should be a text box as the slogan to advertise the app and another text box telling the user to download the app. Then the page should have two text buttons that the user can download the app from Google Play and Apple Store. There should also be a big image of the app.", "region_id": "37", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value'download from google play'] ] [el:button [attr:value'download from apple store'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 58 16 4 | button 19 56 18 7 | image 60 0 59 33 | image 60 0 59 92 | text 2 52 52 3 | title 2 17 50 28", "layout_seq_without_completion": "button 2 58 16 4 | button 19 56 18 7 | image 60 0 59 33 | image 60 0 59 92 | text 2 52 52 3 | title 2 17 50 28", "plain_layout_seq": "button 2 58 16 4 | button 19 56 18 7 | image 60 0 59 33 | image 60 0 59 92 | text 2 52 52 3 | title 2 17 50 28", "canvas_width": 1003, "canvas_height": 770, "elements": [ { "type": "image", "position": [ 502, 0, 501, 279 ], "completed": false }, { "type": "image", "position": [ 502, 0, 501, 770 ], "completed": false }, { "type": "title", "position": [ 24, 150, 418, 240 ], "completed": false }, { "type": "text", "position": [ 24, 438, 442, 27 ], "completed": false }, { "type": "button", "position": [ 165, 475, 155, 60 ], "completed": false }, { "type": "button", "position": [ 24, 485, 135, 40 ], "completed": false } ] }, { "text": "#A page for introducing integrations.# There should be one label\"APP&BOTS\", one title \"Essential integrations\", and one slogan.", "region_id": "495", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'app&bots'] ] [el:title [attr:value'essential integrations'] ] [el:title] ]", "execution": "singleinfo : title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ title 1 17 117 3 ] \"", "layout_seq_without_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ title 1 17 117 3 ] \"", "plain_layout_seq": "title 1 5 117 1 | title 1 10 117 5 | title 1 17 117 3", "canvas_width": 1024, "canvas_height": 206, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 16 ], "completed": false }, { "type": "title", "position": [ 10, 86, 1004, 44 ], "completed": false }, { "type": "title", "position": [ 10, 150, 1004, 26 ], "completed": false } ] }, { "text": "#A page for introducing one integration.# There should be three text boxes, one for showing the label, one for showing the title, and the other for the detail.", "region_id": "495_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "layout_seq_without_completion": "\" [ title 1 5 117 1 ] | [ title 1 10 117 5 ] | [ description 1 17 117 3 ] \"", "plain_layout_seq": "description 1 17 117 3 | title 1 5 117 1 | title 1 10 117 5", "canvas_width": 1024, "canvas_height": 206, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 16 ], "completed": false }, { "type": "title", "position": [ 10, 86, 1004, 44 ], "completed": false }, { "type": "description", "position": [ 10, 150, 1004, 26 ], "completed": false } ] }, { "text": "#A page introducing Procore. # The page should have a slogan and a short introduction to entice users to use Procore, and a button for users to click to request a demo.", "region_id": "2032", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 48 21 22 6 | description 23 13 73 5 | title 23 5 73 4", "layout_seq_without_completion": "button 48 21 22 6 | description 23 13 73 5 | title 23 5 73 4", "plain_layout_seq": "button 48 21 22 6 | description 23 13 73 5 | title 23 5 73 4", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "title", "position": [ 197, 50, 630, 36 ], "completed": false }, { "type": "description", "position": [ 197, 111, 630, 48 ], "completed": false }, { "type": "button", "position": [ 415, 184, 194, 52 ], "completed": false } ] }, { "text": "# A page for online shopping farm inputs. # The page should have a title \"shop\", a slogan, a text box with a brief introduction of the online shop, an image of a product, and a background image. Then a text link and an icon are needed for the user to shop.", "region_id": "1209", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'shop'] ] [el:title] [el:description [attr:size'small'] ] [el:image] [el:background_image] [el:link [attr:value'shop'] ] [el:icon] ]", "execution": "singleinfo : background undefined undefined | description undefined small | icon undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 63 | description 2 41 46 14 | icon 10 59 2 2 | image 59 4 42 32 | link 5 59 4 2 | title 2 16 4 2 | title 2 19 46 19", "layout_seq_without_completion": "background 0 0 120 63 | description 2 41 46 14 | icon 10 59 2 2 | image 59 4 42 32 | link 5 59 4 2 | title 2 16 4 2 | title 2 19 46 19", "plain_layout_seq": "background 0 0 120 63 | description 2 41 46 14 | icon 10 59 2 2 | image 59 4 42 32 | link 5 59 4 2 | title 2 16 4 2 | title 2 19 46 19", "canvas_width": 1003, "canvas_height": 529, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 528 ], "completed": false }, { "type": "image", "position": [ 494, 40, 356, 270 ], "completed": false }, { "type": "title", "position": [ 24, 137, 41, 17 ], "completed": false }, { "type": "title", "position": [ 24, 164, 390, 167 ], "completed": false }, { "type": "description", "position": [ 24, 348, 390, 120 ], "completed": false }, { "type": "icon", "position": [ 90, 495, 22, 22 ], "completed": false }, { "type": "link", "position": [ 46, 497, 36, 18 ], "completed": false } ] }, { "text": "#A page for showing particular information to users.# The page includes a label named \u201cProfessional Certificates\u201d, a title of the particular information, and a description.", "region_id": "2584", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'professional certificates'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "layout_seq_without_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "plain_layout_seq": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "canvas_width": 969, "canvas_height": 136, "elements": [ { "type": "title", "position": [ 0, 0, 969, 28 ], "completed": false }, { "type": "title", "position": [ 0, 44, 969, 48 ], "completed": false }, { "type": "description", "position": [ 0, 108, 969, 28 ], "completed": false } ] }, { "text": "# A page for the user to be a part of the journey.# The page should have the title \"BE A PART OF THE JOURNEY\", a slogan \"Let us get social\" and two icons showing the logo of Facebook and Instagram.", "region_id": "6388", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'BE A PART OF THE JOURNEY'] ] [el:title [attr:value 'Let us get social'] ] [el:logo [attr:value 'facebook'] ] [el:logo [attr:value 'instagram'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "logo 4 10 1 1 | logo 10 10 1 1 | title 4 4 110 2 | title 4 0 110 2", "layout_seq_without_completion": "logo 4 10 1 1 | logo 10 10 1 1 | title 4 4 110 2 | title 4 0 110 2", "plain_layout_seq": "logo 4 10 1 1 | logo 10 10 1 1 | title 4 4 110 2 | title 4 0 110 2", "canvas_width": 1004, "canvas_height": 112, "elements": [ { "type": "title", "position": [ 40, 0, 924, 20 ], "completed": false }, { "type": "title", "position": [ 40, 40, 924, 23 ], "completed": false }, { "type": "logo", "position": [ 40, 89, 14, 14 ], "completed": false }, { "type": "logo", "position": [ 86, 89, 14, 14 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be a title telling the user about the aim of the company. It is better to have three additional buttons for service options.", "region_id": "2156", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'aim of the company'] ] [el:button [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 3 3 112 4 | \" [ button 3 11 36 8 ] | [ button 41 11 36 8 ] | [ button 80 11 36 8 ] \"", "layout_seq_without_completion": "title 3 3 112 4 | \" [ button 3 11 36 8 ] | [ button 41 11 36 8 ] | [ button 80 11 36 8 ] \"", "plain_layout_seq": "button 3 11 36 8 | button 41 11 36 8 | button 80 11 36 8 | title 3 3 112 4", "canvas_width": 1003, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 30, 30, 943, 39 ], "completed": false }, { "type": "button", "position": [ 30, 99, 301, 72 ], "completed": false }, { "type": "button", "position": [ 351, 99, 301, 72 ], "completed": false }, { "type": "button", "position": [ 672, 99, 301, 72 ], "completed": false } ] }, { "text": "#A page for buying one payment plan.# On the left, there should be one image. And on the right, there should be 2 texts, one for the title and the else for the detail. One button is used for users to buy now.", "region_id": "1885", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:position'right'] [attr:repeat'2'] ] [el:button [attr:value'buy now'] ] ]", "execution": "singleinfo : button undefined undefined | description right undefined | description right undefined | image left undefined | title right undefined", "layout_seq_with_completion": "button 73 61 13 3 | image 2 5 65 73 | \" [ title 73 20 35 13 ] | [ description 73 36 43 13 ] | [ description 73 51 43 5 ] \"", "layout_seq_without_completion": "button 73 61 13 3 | image 2 5 65 73 | \" [ title 73 20 35 13 ] | [ description 73 36 43 13 ] | [ description 73 51 43 5 ] \"", "plain_layout_seq": "button 73 61 13 3 | description 73 36 43 13 | description 73 51 43 5 | image 2 5 65 73 | title 73 20 35 13", "canvas_width": 1039, "canvas_height": 737, "elements": [ { "type": "image", "position": [ 18, 50, 570, 637 ], "completed": false }, { "type": "title", "position": [ 636, 177, 306, 121 ], "completed": false }, { "type": "description", "position": [ 636, 314, 373, 120 ], "completed": false }, { "type": "description", "position": [ 636, 445, 373, 48 ], "completed": false }, { "type": "button", "position": [ 636, 529, 115, 29 ], "completed": false } ] }, { "text": "#A page for buying one payment plan.# On the left, there should be one image. And on the right, there should be three texts, one for the title and the else for the detail. One text button is used for users to buy now.", "region_id": "1885_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description] [el:description] [el:button [attr:value'buy now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | image left undefined | title right undefined", "layout_seq_with_completion": "button 73 61 13 3 | image 2 5 65 73 | \" [ title 73 20 35 13 ] | [ description 73 36 43 13 ] | [ description 73 51 43 5 ] \"", "layout_seq_without_completion": "button 73 61 13 3 | image 2 5 65 73 | \" [ title 73 20 35 13 ] | [ description 73 36 43 13 ] | [ description 73 51 43 5 ] \"", "plain_layout_seq": "button 73 61 13 3 | description 73 36 43 13 | description 73 51 43 5 | image 2 5 65 73 | title 73 20 35 13", "canvas_width": 1039, "canvas_height": 737, "elements": [ { "type": "image", "position": [ 18, 50, 570, 637 ], "completed": false }, { "type": "title", "position": [ 636, 177, 306, 121 ], "completed": false }, { "type": "description", "position": [ 636, 314, 373, 120 ], "completed": false }, { "type": "description", "position": [ 636, 445, 373, 48 ], "completed": false }, { "type": "button", "position": [ 636, 529, 115, 29 ], "completed": false } ] }, { "text": "#A page for introducing the GRC solutions to users.# The page should include one title, a brief description, and three subtitles. Besides, a button is needed for users to click for further information. On the right side, there should be a button for users to play the video.", "region_id": "1863", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small']] [el:title [attr:repeat '3']] [el:button [attr:value'learn more']] [el:button [attr:value'play video'] [attr:position 'right']] ]", "execution": "singleinfo : button right undefined | button undefined undefined | description undefined small | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 107 21 10 8 | button 102 35 12 2 | description 2 6 45 6 | complete icon 116 35 1 2 | complete image 62 0 55 31 | title 2 0 45 4 | \" [ title 2 22 40 5 ] | [ title 2 34 40 2 ] | [ title 2 42 40 2 ] \"", "layout_seq_without_completion": "button 107 21 10 8 | button 102 35 12 2 | description 2 6 45 6 | icon 116 35 1 2 | image 62 0 55 31 | title 2 0 45 4 | \" [ title 2 22 40 5 ] | [ title 2 34 40 2 ] | [ title 2 42 40 2 ] \"", "plain_layout_seq": "button 107 21 10 8 | button 102 35 12 2 | description 2 6 45 6 | icon 116 35 1 2 | image 62 0 55 31 | title 2 0 45 4 | title 2 22 40 5 | title 2 34 40 2 | title 2 42 40 2", "canvas_width": 882, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 15, 0, 338, 36 ], "completed": false }, { "type": "image", "position": [ 456, 0, 411, 231 ], "completed": true }, { "type": "description", "position": [ 15, 51, 338, 48 ], "completed": false }, { "type": "button", "position": [ 787, 156, 80, 60 ], "completed": false }, { "type": "title", "position": [ 20, 169, 299, 42 ], "completed": false }, { "type": "title", "position": [ 20, 252, 299, 21 ], "completed": false }, { "type": "button", "position": [ 751, 261, 95, 21 ], "completed": false }, { "type": "icon", "position": [ 854, 261, 13, 21 ], "completed": true }, { "type": "title", "position": [ 20, 314, 299, 21 ], "completed": false } ] }, { "text": "#A page for introducing the GRC solutions to users.# The page should include one title, a brief description, and three subtitles listing the different solutions. On the right side, there should be a video image and a button for users to play the video. Also, a button is needed for users to click for further information.", "region_id": "1863_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small']] [el:title [attr:repeat '3'] ] [el:image [attr:position 'right'] ] [el:button [attr:value'play the video'] [attr:position 'right']] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button right undefined | button undefined undefined | description undefined small | image right undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 116 35 1 2 | button 107 21 10 8 | description 2 6 45 6 | image 62 0 55 31 | complete text 102 35 12 2 | title 2 0 45 4 | \" [ title 2 22 40 5 ] | [ title 2 34 40 2 ] | [ title 2 42 40 2 ] \"", "layout_seq_without_completion": "button 116 35 1 2 | button 107 21 10 8 | description 2 6 45 6 | image 62 0 55 31 | text 102 35 12 2 | title 2 0 45 4 | \" [ title 2 22 40 5 ] | [ title 2 34 40 2 ] | [ title 2 42 40 2 ] \"", "plain_layout_seq": "button 116 35 1 2 | button 107 21 10 8 | description 2 6 45 6 | image 62 0 55 31 | text 102 35 12 2 | title 2 0 45 4 | title 2 22 40 5 | title 2 34 40 2 | title 2 42 40 2", "canvas_width": 882, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 15, 0, 338, 36 ], "completed": false }, { "type": "image", "position": [ 456, 0, 411, 231 ], "completed": false }, { "type": "description", "position": [ 15, 51, 338, 48 ], "completed": false }, { "type": "button", "position": [ 787, 156, 80, 60 ], "completed": false }, { "type": "title", "position": [ 20, 169, 299, 42 ], "completed": false }, { "type": "title", "position": [ 20, 252, 299, 21 ], "completed": false }, { "type": "text", "position": [ 751, 261, 95, 21 ], "completed": true }, { "type": "button", "position": [ 854, 261, 13, 21 ], "completed": false }, { "type": "title", "position": [ 20, 314, 299, 21 ], "completed": false } ] }, { "text": "#A page introducing the features of a debit card. # The page should have a title. There should also be an image of the card and an introduction of the pros of the debit card to entice users to apply for it and a button to read more.", "region_id": "803", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete button 51 99 16 4 | button 8 78 11 3 | description 8 62 58 10 | image 71 41 44 42 | complete text 4 11 110 3 | title 8 46 42 12 | complete title 8 40 16 3 | complete title 4 17 110 7", "layout_seq_without_completion": "button 51 99 16 4 | button 8 78 11 3 | description 8 62 58 10 | image 71 41 44 42 | text 4 11 110 3 | title 8 46 42 12 | title 8 40 16 3 | title 4 17 110 7", "plain_layout_seq": "button 51 99 16 4 | button 8 78 11 3 | description 8 62 58 10 | image 71 41 44 42 | text 4 11 110 3 | title 8 46 42 12 | title 8 40 16 3 | title 4 17 110 7", "canvas_width": 1003, "canvas_height": 954, "elements": [ { "type": "text", "position": [ 40, 100, 923, 27 ], "completed": true }, { "type": "title", "position": [ 40, 147, 923, 59 ], "completed": true }, { "type": "title", "position": [ 72, 336, 137, 27 ], "completed": true }, { "type": "image", "position": [ 594, 343, 369, 354 ], "completed": false }, { "type": "title", "position": [ 72, 389, 358, 105 ], "completed": false }, { "type": "description", "position": [ 72, 522, 490, 85 ], "completed": false }, { "type": "button", "position": [ 72, 656, 97, 29 ], "completed": false }, { "type": "button", "position": [ 432, 833, 139, 41 ], "completed": true } ] }, { "text": "#A page introducing the features of a debit card. # The page should have a title, a slogan, and a button for users to click to see all features. There should also be an image of the card, some text boxes to introduce the pros of the debit card to entice users to apply for it and a button to read more.", "region_id": "803_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:button [attr:value'see all features'] ] [el:image] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 99 16 4 | button 8 78 11 3 | description 8 46 42 12 | complete description 8 62 58 10 | image 71 41 44 42 | title 4 11 110 3 | complete title 8 40 16 3 | title 4 17 110 7", "layout_seq_without_completion": "button 51 99 16 4 | button 8 78 11 3 | description 8 46 42 12 | description 8 62 58 10 | image 71 41 44 42 | title 4 11 110 3 | title 8 40 16 3 | title 4 17 110 7", "plain_layout_seq": "button 51 99 16 4 | button 8 78 11 3 | description 8 46 42 12 | description 8 62 58 10 | image 71 41 44 42 | title 4 11 110 3 | title 8 40 16 3 | title 4 17 110 7", "canvas_width": 1003, "canvas_height": 954, "elements": [ { "type": "title", "position": [ 40, 100, 923, 27 ], "completed": false }, { "type": "title", "position": [ 40, 147, 923, 59 ], "completed": false }, { "type": "title", "position": [ 72, 336, 137, 27 ], "completed": true }, { "type": "image", "position": [ 594, 343, 369, 354 ], "completed": false }, { "type": "description", "position": [ 72, 389, 358, 105 ], "completed": false }, { "type": "description", "position": [ 72, 522, 490, 85 ], "completed": true }, { "type": "button", "position": [ 72, 656, 97, 29 ], "completed": false }, { "type": "button", "position": [ 432, 833, 139, 41 ], "completed": false } ] }, { "text": "#A page showing the news website about the description of the cat to users.# The page should have one background picture of the cat. There also should have one news label and one text heading. Under it, there should have one emotional description of a cat, one link for users to click to read more fastly, and one date of publication of this article.", "region_id": "4620", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value 'news']] [el:title] [el:description] [el:link [attr:value 'read more'] ] [el:text] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 7 | description 0 10 120 53 | link 0 63 10 2 | text 0 0 4 2 | text 0 66 10 2 | title 0 4 120 3", "layout_seq_without_completion": "background 0 0 120 7 | description 0 10 120 53 | link 0 63 10 2 | text 0 0 4 2 | text 0 66 10 2 | title 0 4 120 3", "plain_layout_seq": "background 0 0 120 7 | description 0 10 120 53 | link 0 63 10 2 | text 0 0 4 2 | text 0 66 10 2 | title 0 4 120 3", "canvas_width": 1069, "canvas_height": 610, "elements": [ { "type": "background", "position": [ 0, 0, 1069, 70 ], "completed": false }, { "type": "text", "position": [ 0, 0, 40, 20 ], "completed": false }, { "type": "title", "position": [ 0, 40, 1069, 30 ], "completed": false }, { "type": "description", "position": [ 0, 90, 1069, 480 ], "completed": false }, { "type": "link", "position": [ 0, 570, 90, 20 ], "completed": false }, { "type": "text", "position": [ 0, 590, 96, 20 ], "completed": false } ] }, { "text": "#A page for users to subscribe to weekly digest.#The page should have a title and a brief description. Besides this, there is an input box for users to import the email. Under the box, there is a button to subscribe.", "region_id": "5134", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:input[attr:value'email']] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 20 0 78 21 | button 60 11 35 4 | description 27 9 29 4 | input 60 5 35 4 | title 26 5 32 2", "layout_seq_without_completion": "background 20 0 78 21 | button 60 11 35 4 | description 27 9 29 4 | input 60 5 35 4 | title 26 5 32 2", "plain_layout_seq": "background 20 0 78 21 | button 60 11 35 4 | description 27 9 29 4 | input 60 5 35 4 | title 26 5 32 2", "canvas_width": 1054, "canvas_height": 189, "elements": [ { "type": "background", "position": [ 181, 0, 693, 189 ], "completed": true }, { "type": "title", "position": [ 230, 49, 282, 24 ], "completed": false }, { "type": "input", "position": [ 527, 49, 312, 42 ], "completed": false }, { "type": "description", "position": [ 241, 85, 261, 43 ], "completed": false }, { "type": "button", "position": [ 527, 99, 312, 40 ], "completed": false } ] }, { "text": "#A page for introducing the largest enterprises named \"Sendbird\" to users.# On the left side, there should be four logos of different organizations such as \"ISO27001\". On the right, the page should include one title and a brief description of the enterprise named \"Sendbird\". At the bottom, a button is needed for users to click for further information.", "region_id": "447", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:repeat'4'] [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button bottom undefined | description right small | logo left undefined | logo left undefined | logo left undefined | logo left undefined | title right undefined", "layout_seq_with_completion": "button 61 45 21 2 | description 61 29 53 13 | logo 6 13 46 46 | title 61 13 56 13", "layout_seq_without_completion": "button 61 45 21 2 | description 61 29 53 13 | logo 6 13 46 46 | title 61 13 56 13", "plain_layout_seq": "button 61 45 21 2 | description 61 29 53 13 | logo 6 13 46 46 | title 61 13 56 13", "canvas_width": 1024, "canvas_height": 624, "elements": [ { "type": "logo", "position": [ 56, 112, 400, 399 ], "completed": false }, { "type": "title", "position": [ 527, 116, 482, 112 ], "completed": false }, { "type": "description", "position": [ 527, 254, 460, 115 ], "completed": false }, { "type": "button", "position": [ 527, 388, 187, 24 ], "completed": false } ] }, { "text": "#A page showing some information about Danny Mendick.# The page should include an image of Danny Mendick, the title \"Danny Mendick Stepping Up With TA Out\", and a text. There are also two buttons for users to click and a text showing that the article was written an hour ago. And there is also the name of the author.", "region_id": "5311", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'danny mendick stepping up with ta out'] ] [el:description] [el:button [attr:repeat'2'] ] [el:text[attr:value'an hour ago']][el:text] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 23 | button 25 19 6 2 | button 33 19 5 2 | description 25 6 91 4 | image 0 0 22 23 | complete link 106 19 11 2 | text 39 19 9 2 | text 104 19 2 2 | title 25 2 91 2", "layout_seq_without_completion": "background 0 0 120 23 | button 25 19 6 2 | button 33 19 5 2 | description 25 6 91 4 | image 0 0 22 23 | link 106 19 11 2 | text 39 19 9 2 | text 104 19 2 2 | title 25 2 91 2", "plain_layout_seq": "background 0 0 120 23 | button 25 19 6 2 | button 33 19 5 2 | description 25 6 91 4 | image 0 0 22 23 | link 106 19 11 2 | text 39 19 9 2 | text 104 19 2 2 | title 25 2 91 2", "canvas_width": 984, "canvas_height": 190, "elements": [ { "type": "background", "position": [ 0, 0, 984, 190 ], "completed": true }, { "type": "image", "position": [ 0, 0, 184, 190 ], "completed": false }, { "type": "title", "position": [ 212, 22, 752, 22 ], "completed": false }, { "type": "description", "position": [ 212, 56, 752, 38 ], "completed": false }, { "type": "button", "position": [ 212, 156, 51, 18 ], "completed": false }, { "type": "button", "position": [ 272, 156, 43, 18 ], "completed": false }, { "type": "text", "position": [ 324, 156, 77, 18 ], "completed": false }, { "type": "text", "position": [ 853, 156, 18, 17 ], "completed": false }, { "type": "link", "position": [ 871, 156, 93, 17 ], "completed": true } ] }, { "text": "#A page for introducing a product.# The page should have an exciting slogan, a text to short introduce the product, and a button for users to click to learn more. An image as the extra layout.", "region_id": "4807", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 74 19 6 | description 7 44 39 25 | image 55 43 57 36 | title 7 22 39 19", "layout_seq_without_completion": "button 7 74 19 6 | description 7 44 39 25 | image 55 43 57 36 | title 7 22 39 19", "plain_layout_seq": "button 7 74 19 6 | description 7 44 39 25 | image 55 43 57 36 | title 7 22 39 19", "canvas_width": 1009, "canvas_height": 771, "elements": [ { "type": "title", "position": [ 60, 192, 333, 167 ], "completed": false }, { "type": "image", "position": [ 464, 365, 480, 310 ], "completed": false }, { "type": "description", "position": [ 60, 376, 330, 213 ], "completed": false }, { "type": "button", "position": [ 60, 623, 163, 52 ], "completed": false } ] }, { "text": "#A page for users to apply for a credit card.# The page should have one background image to show the appearance of the card, one title, one introduction to the pros of the credit card to attract people to apply for a card, and one notice asking users to check their eligibility. Two buttons are needed for users to click to apply and learn more.", "region_id": "743", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:text [attr:value'check your eligibility'] ] [el:button [attr:value'apply'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 74 | button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | text 3 107 112 4 | title 3 75 112 6", "layout_seq_without_completion": "background 0 0 120 74 | button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | text 3 107 112 4 | title 3 75 112 6", "plain_layout_seq": "background 0 0 120 74 | button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | text 3 107 112 4 | title 3 75 112 6", "canvas_width": 1024, "canvas_height": 1005, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 638 ], "completed": false }, { "type": "title", "position": [ 32, 645, 960, 53 ], "completed": false }, { "type": "description", "position": [ 32, 708, 960, 52 ], "completed": false }, { "type": "button", "position": [ 272, 768, 480, 62 ], "completed": false }, { "type": "button", "position": [ 272, 846, 480, 61 ], "completed": false }, { "type": "text", "position": [ 32, 915, 960, 42 ], "completed": false } ] }, { "text": "#A page for users to apply for a credit card.# The page should have one big image to show the appearance of the card, one title, one text box to introduce the pros of the credit card to attract people to apply for a card, and one text box for asking users to check their eligibiility. Two buttons are needed for users to click to apply and learn more.", "region_id": "743_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:description] [el:text [attr:value'check your eligibility'] ] [el:button [attr:value'apply'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | image 0 0 120 74 | text 3 107 112 4 | title 3 75 112 6", "layout_seq_without_completion": "button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | image 0 0 120 74 | text 3 107 112 4 | title 3 75 112 6", "plain_layout_seq": "button 31 90 56 7 | button 31 99 56 7 | description 3 82 112 6 | image 0 0 120 74 | text 3 107 112 4 | title 3 75 112 6", "canvas_width": 1024, "canvas_height": 1005, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 638 ], "completed": false }, { "type": "title", "position": [ 32, 645, 960, 53 ], "completed": false }, { "type": "description", "position": [ 32, 708, 960, 52 ], "completed": false }, { "type": "button", "position": [ 272, 768, 480, 62 ], "completed": false }, { "type": "button", "position": [ 272, 846, 480, 61 ], "completed": false }, { "type": "text", "position": [ 32, 915, 960, 42 ], "completed": false } ] }, { "text": "#A page to let the user accept the cookies.# There is a description to describe the advantage of using cookies. Then, there is a link to let the user know all \"Cookie Policy\". There is a button \"ACCEPT ALL COOKIES\" and a link \"Cookies Settings\" on the right side of the page.", "region_id": "6134", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'cookie policy'] ] [el:button [attr:value 'accept all cookies'] [attr:position 'right']] [el:link [attr:value 'cookies settings'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | description undefined undefined | link right undefined | link undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 22 | button 83 5 31 6 | description 5 7 69 8 | link 89 14 19 2 | link 59 12 12 2", "layout_seq_without_completion": "background 0 0 120 22 | button 83 5 31 6 | description 5 7 69 8 | link 89 14 19 2 | link 59 12 12 2", "plain_layout_seq": "background 0 0 120 22 | button 83 5 31 6 | description 5 7 69 8 | link 89 14 19 2 | link 59 12 12 2", "canvas_width": 976, "canvas_height": 186, "elements": [ { "type": "background", "position": [ 0, 0, 976, 186 ], "completed": true }, { "type": "button", "position": [ 678, 48, 253, 50 ], "completed": false }, { "type": "description", "position": [ 48, 57, 567, 71 ], "completed": false }, { "type": "link", "position": [ 485, 105, 101, 23 ], "completed": false }, { "type": "link", "position": [ 724, 114, 160, 24 ], "completed": false } ] }, { "text": "#A page for guiding users to accept site cookies and set cookies.#The page should contain one text heading, one introduction, one link to Cookie Policy, two text buttons to guide the user to action, and a close button.", "region_id": "6259", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value 'Cookie Policy'] ] [el:button [attr:repeat'3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 18 | button 89 6 16 4 | button 113 6 5 5 | button 72 6 14 4 | description 3 6 67 8 | link 45 13 9 1 | title 3 2 28 2", "layout_seq_without_completion": "background 0 0 120 18 | button 89 6 16 4 | button 113 6 5 5 | button 72 6 14 4 | description 3 6 67 8 | link 45 13 9 1 | title 3 2 28 2", "plain_layout_seq": "background 0 0 120 18 | button 89 6 16 4 | button 113 6 5 5 | button 72 6 14 4 | description 3 6 67 8 | link 45 13 9 1 | title 3 2 28 2", "canvas_width": 1024, "canvas_height": 156, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 156 ], "completed": true }, { "type": "title", "position": [ 32, 20, 243, 25 ], "completed": false }, { "type": "button", "position": [ 970, 54, 44, 44 ], "completed": false }, { "type": "description", "position": [ 32, 56, 572, 76 ], "completed": false }, { "type": "button", "position": [ 763, 56, 138, 42 ], "completed": false }, { "type": "button", "position": [ 621, 57, 125, 40 ], "completed": false }, { "type": "link", "position": [ 385, 114, 85, 17 ], "completed": false } ] }, { "text": "#A page for introducing the AI writer.# There is one label \"STEP 2\", and one title \"Optimize and automate your content writing with facts, entities, and SEO sentences.\" In addition, there is one description, three labels, and one image.", "region_id": "3659", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'step 2'] ] [el:title [attr:value 'optimize and automate your content writing with facts, entities, and seo sentences.'] ] [el:description] [el:text [attr:repeat '3'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 38 47 14 | complete icon 1 65 2 2 | complete icon 1 55 2 2 | complete icon 1 60 2 2 | image 62 26 52 25 | image 61 25 54 27 | text 5 65 15 2 | text 5 55 23 2 | text 5 60 12 2 | text 1 9 47 2 | title 1 14 47 21", "layout_seq_without_completion": "description 1 38 47 14 | icon 1 65 2 2 | icon 1 55 2 2 | icon 1 60 2 2 | image 62 26 52 25 | image 61 25 54 27 | text 5 65 15 2 | text 5 55 23 2 | text 5 60 12 2 | text 1 9 47 2 | title 1 14 47 21", "plain_layout_seq": "description 1 38 47 14 | icon 1 65 2 2 | icon 1 55 2 2 | icon 1 60 2 2 | image 62 26 52 25 | image 61 25 54 27 | text 5 65 15 2 | text 5 55 23 2 | text 5 60 12 2 | text 1 9 47 2 | title 1 14 47 21", "canvas_width": 1000, "canvas_height": 656, "elements": [ { "type": "text", "position": [ 12, 80, 393, 21 ], "completed": false }, { "type": "title", "position": [ 12, 120, 393, 176 ], "completed": false }, { "type": "image", "position": [ 512, 214, 456, 227 ], "completed": false }, { "type": "image", "position": [ 521, 223, 438, 209 ], "completed": false }, { "type": "description", "position": [ 12, 317, 393, 117 ], "completed": false }, { "type": "icon", "position": [ 12, 462, 20, 20 ], "completed": true }, { "type": "text", "position": [ 44, 463, 193, 17 ], "completed": false }, { "type": "icon", "position": [ 12, 504, 20, 20 ], "completed": true }, { "type": "text", "position": [ 44, 505, 103, 17 ], "completed": false }, { "type": "icon", "position": [ 12, 546, 20, 20 ], "completed": true }, { "type": "text", "position": [ 44, 547, 130, 17 ], "completed": false } ] }, { "text": "#A page showing the recruitment message and guiding users to join.#The page should have one text headline, one slogan, and one input for the user to fill in an email address.", "region_id": "7659", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:input [attr:value 'Email address'] ] ]", "execution": "singleinfo : input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 33 | input 43 26 33 5 | complete text 46 33 25 0 | complete text 44 27 9 2 | title 43 17 33 5 | title 43 13 33 1", "layout_seq_without_completion": "background 0 0 120 33 | input 43 26 33 5 | text 46 33 25 0 | text 44 27 9 2 | title 43 17 33 5 | title 43 13 33 1", "plain_layout_seq": "background 0 0 120 33 | input 43 26 33 5 | text 46 33 25 0 | text 44 27 9 2 | title 43 17 33 5 | title 43 13 33 1", "canvas_width": 1157, "canvas_height": 322, "elements": [ { "type": "background", "position": [ 0, 0, 1157, 322 ], "completed": true }, { "type": "title", "position": [ 418, 127, 320, 17 ], "completed": false }, { "type": "title", "position": [ 418, 168, 320, 52 ], "completed": false }, { "type": "input", "position": [ 418, 252, 320, 52 ], "completed": false }, { "type": "text", "position": [ 430, 267, 89, 20 ], "completed": true }, { "type": "text", "position": [ 453, 320, 250, 2 ], "completed": true } ] }, { "text": "#A page for appealing to users to use the bank service.# There should be a short title with a slogan of the service. Also, there should be two buttons so that users can either get started with the service or learn more information. One tip is for users to check their eligibility, and an announcement reassuring users of the safety of the service.", "region_id": "744", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] ] [el:title] [el:button [attr:value'get started'] ] [el:button [attr:value'read more'] ] [el:description] [el:text] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined | title undefined small | title undefined undefined", "layout_seq_with_completion": "button 31 14 56 7 | button 31 23 56 7 | description 3 31 112 4 | text 33 39 52 4 | title 3 7 112 6 | title 3 0 112 6", "layout_seq_without_completion": "button 31 14 56 7 | button 31 23 56 7 | description 3 31 112 4 | text 33 39 52 4 | title 3 7 112 6 | title 3 0 112 6", "plain_layout_seq": "button 31 14 56 7 | button 31 23 56 7 | description 3 31 112 4 | text 33 39 52 4 | title 3 7 112 6 | title 3 0 112 6", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "title", "position": [ 32, 0, 960, 53 ], "completed": false }, { "type": "title", "position": [ 32, 62, 960, 53 ], "completed": false }, { "type": "button", "position": [ 272, 123, 480, 62 ], "completed": false }, { "type": "button", "position": [ 272, 200, 480, 61 ], "completed": false }, { "type": "description", "position": [ 32, 270, 960, 42 ], "completed": false }, { "type": "text", "position": [ 288, 334, 448, 36 ], "completed": false } ] }, { "text": "#A page showing the banking services of a company.# There should be a short title with a concise description of the service. Also, there should be two buttons so that users can either start using the service or learn more information. It is better to have a textbox that gives users company information and an announcement reassuring users of the safety of the service.", "region_id": "744_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] ] [el:description] [el:button [attr:value'start using the service'] ] [el:button [attr:value'read more'] ] [el:description] [el:text] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | text undefined undefined | title undefined small", "layout_seq_with_completion": "button 31 14 56 7 | button 31 23 56 7 | description 3 7 112 6 | description 3 31 112 4 | text 33 39 52 4 | title 3 0 112 6", "layout_seq_without_completion": "button 31 14 56 7 | button 31 23 56 7 | description 3 7 112 6 | description 3 31 112 4 | text 33 39 52 4 | title 3 0 112 6", "plain_layout_seq": "button 31 14 56 7 | button 31 23 56 7 | description 3 7 112 6 | description 3 31 112 4 | text 33 39 52 4 | title 3 0 112 6", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "title", "position": [ 32, 0, 960, 53 ], "completed": false }, { "type": "description", "position": [ 32, 62, 960, 53 ], "completed": false }, { "type": "button", "position": [ 272, 123, 480, 62 ], "completed": false }, { "type": "button", "position": [ 272, 200, 480, 61 ], "completed": false }, { "type": "description", "position": [ 32, 270, 960, 42 ], "completed": false }, { "type": "text", "position": [ 288, 334, 448, 36 ], "completed": false } ] }, { "text": "#A page introducing share price and tools. # The page should have a title, a short introduction, and some links for users to click to learn some content of share and tools. And one image is needed to show the share price.", "region_id": "2099", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:repeat 'several'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 29 49 1 | button 5 16 49 1 | button 5 21 49 1 | button 5 25 49 1 | description 5 8 49 5 | image 41 16 76 18 | complete image 2 0 56 35 | title 5 3 49 2", "layout_seq_without_completion": "button 5 29 49 1 | button 5 16 49 1 | button 5 21 49 1 | button 5 25 49 1 | description 5 8 49 5 | image 41 16 76 18 | image 2 0 56 35 | title 5 3 49 2", "plain_layout_seq": "button 5 29 49 1 | button 5 16 49 1 | button 5 21 49 1 | button 5 25 49 1 | description 5 8 49 5 | image 41 16 76 18 | image 2 0 56 35 | title 5 3 49 2", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 20, 0, 482, 300 ], "completed": true }, { "type": "title", "position": [ 50, 30, 422, 25 ], "completed": false }, { "type": "description", "position": [ 50, 75, 422, 48 ], "completed": false }, { "type": "image", "position": [ 355, 141, 649, 159 ], "completed": false }, { "type": "button", "position": [ 50, 143, 422, 17 ], "completed": false }, { "type": "button", "position": [ 50, 180, 422, 17 ], "completed": false }, { "type": "button", "position": [ 50, 216, 422, 17 ], "completed": false }, { "type": "button", "position": [ 50, 253, 422, 16 ], "completed": false } ] }, { "text": "#A page for introducing the Heid building to users.# The page should include an image on the left side, one title, and a brief description of the Heid building. A link should be provided for users to click for further information.", "region_id": "2189", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined small | image left undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 65 19 54 13 | image 0 4 54 36 | link 65 34 54 3 | complete text 68 7 17 2 | title 65 12 54 5", "layout_seq_without_completion": "description 65 19 54 13 | image 0 4 54 36 | link 65 34 54 3 | text 68 7 17 2 | title 65 12 54 5", "plain_layout_seq": "description 65 19 54 13 | image 0 4 54 36 | link 65 34 54 3 | text 68 7 17 2 | title 65 12 54 5", "canvas_width": 864, "canvas_height": 296, "elements": [ { "type": "image", "position": [ 0, 32, 395, 264 ], "completed": false }, { "type": "text", "position": [ 495, 53, 129, 16 ], "completed": true }, { "type": "title", "position": [ 469, 87, 395, 36 ], "completed": false }, { "type": "description", "position": [ 469, 139, 395, 96 ], "completed": false }, { "type": "link", "position": [ 469, 251, 395, 24 ], "completed": false } ] }, { "text": "# A page to advertise a product in BT Sport. # On the page, there should be an image, the title \"BT Sport\", a slogan, and a text box introducing the product. Then a text button is needed for the user to see sport deals.", "region_id": "855", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'bt sport'] ] [el:title] [el:description] [el:button [attr:value'see sport deals'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 64 17 5 | description 12 56 94 5 | image 0 0 120 37 | title 18 42 82 11 | title 12 38 95 2", "layout_seq_without_completion": "button 49 64 17 5 | description 12 56 94 5 | image 0 0 120 37 | title 18 42 82 11 | title 12 38 95 2", "plain_layout_seq": "button 49 64 17 5 | description 12 56 94 5 | image 0 0 120 37 | title 18 42 82 11 | title 12 38 95 2", "canvas_width": 1024, "canvas_height": 638, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 320 ], "completed": false }, { "type": "title", "position": [ 103, 330, 818, 24 ], "completed": false }, { "type": "title", "position": [ 160, 361, 704, 98 ], "completed": false }, { "type": "description", "position": [ 108, 480, 808, 44 ], "completed": false }, { "type": "button", "position": [ 426, 548, 153, 48 ], "completed": false } ] }, { "text": "#A page for introducing one person.# There should be two labels, one for showing the name \"Message\" and the other for showing the person's identity. An image is used to show the person's photo. And people could see more photos by clicking the link.", "region_id": "236", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'message'] ] [el:title] [el:image] [el:link] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 60 0 60 35 | link 53 31 1 1 | title 10 11 20 1 | title 10 16 20 7", "layout_seq_without_completion": "image 60 0 60 35 | link 53 31 1 1 | title 10 11 20 1 | title 10 16 20 7", "plain_layout_seq": "image 60 0 60 35 | link 53 31 1 1 | title 10 11 20 1 | title 10 16 20 7", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 512, 0, 512, 300 ], "completed": false }, { "type": "title", "position": [ 92, 99, 173, 16 ], "completed": false }, { "type": "title", "position": [ 92, 140, 173, 62 ], "completed": false }, { "type": "link", "position": [ 460, 269, 12, 11 ], "completed": false } ] }, { "text": "#A page for introducing one person.# There should be two text boxes, one for showing the name \"Message\" and the other for showing the person's identity. An image is used to show the person's photo. And people could see more photos by clicking one text button.", "region_id": "236_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'message'] ] [el:text] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 53 31 1 1 | image 60 0 60 35 | text 10 16 20 7 | title 10 11 20 1", "layout_seq_without_completion": "button 53 31 1 1 | image 60 0 60 35 | text 10 16 20 7 | title 10 11 20 1", "plain_layout_seq": "button 53 31 1 1 | image 60 0 60 35 | text 10 16 20 7 | title 10 11 20 1", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 512, 0, 512, 300 ], "completed": false }, { "type": "title", "position": [ 92, 99, 173, 16 ], "completed": false }, { "type": "text", "position": [ 92, 140, 173, 62 ], "completed": false }, { "type": "button", "position": [ 460, 269, 12, 11 ], "completed": false } ] }, { "text": "# A page to introduce the tots wrestling class of an institution.# The page should have the phrase \"AGED 4-5\" to introduce the subject of the class, a title \"TOS WRESTLING\", and a further introduction. Also a button \"Learn More\" is needed for the user to learn more info.", "region_id": "7609", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'aged 4-5'] ] [el:title [attr:value 'tos wrestling'] ] [el:description] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 76 38 18 6 | description 65 18 40 18 | title 65 1 40 2 | title 65 5 40 11", "layout_seq_without_completion": "button 76 38 18 6 | description 65 18 40 18 | title 65 1 40 2 | title 65 5 40 11", "plain_layout_seq": "button 76 38 18 6 | description 65 18 40 18 | title 65 1 40 2 | title 65 5 40 11", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 559, 16, 346, 20 ], "completed": false }, { "type": "title", "position": [ 559, 43, 346, 100 ], "completed": false }, { "type": "description", "position": [ 559, 156, 346, 156 ], "completed": false }, { "type": "button", "position": [ 652, 332, 160, 52 ], "completed": false } ] }, { "text": "#A page for introducing the technology skills to users.# The page should include one title and a brief description. Besides, a button is needed for users to read the release. It's better to have a picture on the right side.", "region_id": "1873", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'read the release']] [el:image [attr:position 'right']]]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "layout_seq_without_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "plain_layout_seq": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "canvas_width": 976, "canvas_height": 156, "elements": [ { "type": "title", "position": [ 24, 24, 562, 28 ], "completed": false }, { "type": "image", "position": [ 601, 24, 351, 128 ], "completed": false }, { "type": "description", "position": [ 24, 60, 562, 32 ], "completed": false }, { "type": "button", "position": [ 24, 115, 200, 17 ], "completed": false } ] }, { "text": "#A page for introducing the technology skills to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. It's better to have a picture on the right side.", "region_id": "1873_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'learn more']] [el:image [attr:position 'right']]]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "layout_seq_without_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "plain_layout_seq": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "canvas_width": 976, "canvas_height": 156, "elements": [ { "type": "title", "position": [ 24, 24, 562, 28 ], "completed": false }, { "type": "image", "position": [ 601, 24, 351, 128 ], "completed": false }, { "type": "description", "position": [ 24, 60, 562, 32 ], "completed": false }, { "type": "button", "position": [ 24, 115, 200, 17 ], "completed": false } ] }, { "text": "#A page for users to search for directions.#The page should have a title, named \"Little Trooper Tauranga\". There is a description and a button \"get directions\" under the title. On the right side, there is an image.", "region_id": "8461", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'little trooper tauranga'] ] [el:description] [el:button [attr:value 'get directions'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 25 21 12 3 | description 20 14 17 5 | image 45 3 59 25 | title 20 7 17 5", "layout_seq_without_completion": "button 25 21 12 3 | description 20 14 17 5 | image 45 3 59 25 | title 20 7 17 5", "plain_layout_seq": "button 25 21 12 3 | description 20 14 17 5 | image 45 3 59 25 | title 20 7 17 5", "canvas_width": 1502, "canvas_height": 436, "elements": [ { "type": "image", "position": [ 571, 43, 750, 321 ], "completed": false }, { "type": "title", "position": [ 253, 98, 216, 74 ], "completed": false }, { "type": "description", "position": [ 253, 178, 216, 72 ], "completed": false }, { "type": "button", "position": [ 315, 270, 154, 44 ], "completed": false } ] }, { "text": "#A page for introducing one hospital.# There should be one image as one extra layout and one text box showing the title\"We see patients differently\". Next is one slogan. Five icons show the hospital's class. One input box is used for users to input their address and users can click on the button to learn more.", "region_id": "1098", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'we see patients differently'] ] [el:title] [el:icon [attr:repeat'5'] ] [el:input [attr:value'input your address'] ] [el:button [attr:value'learn more']] ]", "execution": "singleinfo : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 74 65 2 2 | image 0 0 120 46 | input 40 64 33 5 | complete text 62 74 9 2 | complete text 40 78 38 3 | title 24 52 70 7 | title 24 15 70 15 | \" [ icon 47 74 2 2 ] | [ icon 50 74 2 2 ] | [ icon 53 74 2 2 ] | [ icon 56 74 2 2 ] | [ icon 59 74 2 2 ] \"", "layout_seq_without_completion": "button 74 65 2 2 | image 0 0 120 46 | input 40 64 33 5 | text 62 74 9 2 | text 40 78 38 3 | title 24 52 70 7 | title 24 15 70 15 | \" [ icon 47 74 2 2 ] | [ icon 50 74 2 2 ] | [ icon 53 74 2 2 ] | [ icon 56 74 2 2 ] | [ icon 59 74 2 2 ] \"", "plain_layout_seq": "button 74 65 2 2 | icon 47 74 2 2 | icon 50 74 2 2 | icon 53 74 2 2 | icon 56 74 2 2 | icon 59 74 2 2 | image 0 0 120 46 | input 40 64 33 5 | text 62 74 9 2 | text 40 78 38 3 | title 24 52 70 7 | title 24 15 70 15", "canvas_width": 1024, "canvas_height": 744, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 400 ], "completed": false }, { "type": "title", "position": [ 212, 130, 600, 128 ], "completed": false }, { "type": "title", "position": [ 212, 448, 600, 60 ], "completed": false }, { "type": "input", "position": [ 344, 548, 285, 46 ], "completed": false }, { "type": "button", "position": [ 638, 561, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 407, 634, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 432, 634, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 457, 634, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 482, 634, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 507, 634, 20, 20 ], "completed": false }, { "type": "text", "position": [ 537, 636, 79, 18 ], "completed": true }, { "type": "text", "position": [ 346, 674, 330, 30 ], "completed": true } ] }, { "text": "# A page to attract the user to shop on Pride. # The page should have a background image, a title \"Spotlight on Pride\", a slogan, and a button \"Shop Pride\" for the user to click to shop on Pride.", "region_id": "2890", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'spotlight on pride'] ] [el:text] [el:button [attr:value 'shop pride'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 43 | button 52 27 15 4 | text 22 20 74 3 | title 22 11 75 9", "layout_seq_without_completion": "background 0 0 120 43 | button 52 27 15 4 | text 22 20 74 3 | title 22 11 75 9", "plain_layout_seq": "background 0 0 120 43 | button 52 27 15 4 | text 22 20 74 3 | title 22 11 75 9", "canvas_width": 1024, "canvas_height": 376, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 375 ], "completed": false }, { "type": "title", "position": [ 191, 94, 643, 80 ], "completed": false }, { "type": "text", "position": [ 196, 177, 632, 29 ], "completed": false }, { "type": "button", "position": [ 447, 234, 129, 40 ], "completed": false } ] }, { "text": "# A page for the user to contact company Grove to ask questions. # On the page, there should be a title \"Question?\", a slogan, an image, and a text button for the user to contact the company.", "region_id": "1350", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'question?'] ] [el:title] [el:image] [el:button [attr:value'contact the company'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 33 20 7 | image 60 5 55 41 | title 9 12 44 2 | title 9 15 44 13", "layout_seq_without_completion": "button 9 33 20 7 | image 60 5 55 41 | title 9 12 44 2 | title 9 15 44 13", "plain_layout_seq": "button 9 33 20 7 | image 60 5 55 41 | title 9 12 44 2 | title 9 15 44 13", "canvas_width": 1024, "canvas_height": 405, "elements": [ { "type": "image", "position": [ 512, 48, 476, 357 ], "completed": false }, { "type": "title", "position": [ 84, 103, 380, 20 ], "completed": false }, { "type": "title", "position": [ 84, 131, 380, 115 ], "completed": false }, { "type": "button", "position": [ 84, 286, 174, 64 ], "completed": false } ] }, { "text": "#A page that encourages users to subscribe to their newsletter.# The page should include the title \"Subscribe to their newsletter!\", an introduction, and a link.", "region_id": "8369", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to their newsletter!'] ] [el:description] [el:link] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 18 8 82 6 | complete icon 77 18 1 2 | complete input 38 17 42 5 | complete text 40 18 4 2 | title 10 0 98 6", "layout_seq_without_completion": "description 18 8 82 6 | icon 77 18 1 2 | input 38 17 42 5 | text 40 18 4 2 | title 10 0 98 6", "plain_layout_seq": "description 18 8 82 6 | icon 77 18 1 2 | input 38 17 42 5 | text 40 18 4 2 | title 10 0 98 6", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "title", "position": [ 90, 0, 844, 52 ], "completed": false }, { "type": "description", "position": [ 162, 72, 700, 58 ], "completed": false }, { "type": "input", "position": [ 332, 150, 360, 45 ], "completed": true }, { "type": "icon", "position": [ 662, 159, 15, 25 ], "completed": true }, { "type": "text", "position": [ 347, 160, 42, 24 ], "completed": true } ] }, { "text": "# A page for introducing the Wordtune story.# The page should have a logo of AI21 Labs, a title \"The Wordtune Story\", and an introduction to Wordtune.", "region_id": "3555", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title [attr:value 'the wordtune story'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 45 18 57 24 | logo 17 23 21 4 | title 45 9 57 6", "layout_seq_without_completion": "description 45 18 57 24 | logo 17 23 21 4 | title 45 9 57 6", "plain_layout_seq": "description 45 18 57 24 | logo 17 23 21 4 | title 45 9 57 6", "canvas_width": 1024, "canvas_height": 478, "elements": [ { "type": "title", "position": [ 387, 84, 490, 52 ], "completed": false }, { "type": "description", "position": [ 387, 156, 490, 208 ], "completed": false }, { "type": "logo", "position": [ 147, 200, 184, 38 ], "completed": false } ] }, { "text": "# A page to get started with Postman. # There should have a title \"Get started with Postman\", an image, and an input to enter the email address. A text button on the right of the input is needed for the user to sign up for free.", "region_id": "2020", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'get started with postman'] ] [el:image] [el:input [attr:value'enter the email address'] ] [el:button [attr:value'sign up for free'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 13 11 1 | complete image 5 12 54 4 | image 66 19 47 11 | complete image 5 12 40 4 | input 6 12 39 3 | title 5 7 54 2", "layout_seq_without_completion": "button 47 13 11 1 | image 5 12 54 4 | image 66 19 47 11 | image 5 12 40 4 | input 6 12 39 3 | title 5 7 54 2", "plain_layout_seq": "button 47 13 11 1 | image 5 12 54 4 | image 66 19 47 11 | image 5 12 40 4 | input 6 12 39 3 | title 5 7 54 2", "canvas_width": 1012, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 48, 64, 458, 22 ], "completed": false }, { "type": "image", "position": [ 48, 102, 458, 38 ], "completed": true }, { "type": "image", "position": [ 49, 103, 339, 36 ], "completed": true }, { "type": "input", "position": [ 59, 105, 329, 32 ], "completed": false }, { "type": "button", "position": [ 400, 113, 93, 16 ], "completed": false }, { "type": "image", "position": [ 564, 164, 400, 100 ], "completed": false } ] }, { "text": "#A page of recipes helping users to learn how to cook this soup.# There is a background image of this soup. On the right are two titles, \"soup recipes\" and \"Best Ever Chili Recipe\". Under them, there is an introduction to this soup. The page should also contain three information sets. Each group includes a title and a text, showing preparation time, cooking time and total time for this soup.", "region_id": "4482", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'soup recipes'] [attr:position 'right'] ] [el:title [attr:value 'Best Ever Chili Recipe'] [attr:position 'right'] ] [el:description] [el:title [attr:repeat '3'] ] [el:text [attr:repeat '3'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title right undefined | title right undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 6 116 64 | description 72 33 39 12 | text 72 49 13 3 | text 85 49 13 3 | text 98 49 13 3 | title 72 25 10 1 | title 72 28 24 3 | title 98 47 13 2 | title 85 47 13 2 | title 72 47 13 2", "layout_seq_without_completion": "background 1 6 116 64 | description 72 33 39 12 | text 72 49 13 3 | text 85 49 13 3 | text 98 49 13 3 | title 72 25 10 1 | title 72 28 24 3 | title 98 47 13 2 | title 85 47 13 2 | title 72 47 13 2", "plain_layout_seq": "background 1 6 116 64 | description 72 33 39 12 | text 72 49 13 3 | text 85 49 13 3 | text 98 49 13 3 | title 72 25 10 1 | title 72 28 24 3 | title 98 47 13 2 | title 85 47 13 2 | title 72 47 13 2", "canvas_width": 1035, "canvas_height": 677, "elements": [ { "type": "background", "position": [ 16, 60, 1003, 556 ], "completed": false }, { "type": "title", "position": [ 621, 217, 87, 11 ], "completed": false }, { "type": "title", "position": [ 621, 242, 209, 27 ], "completed": false }, { "type": "description", "position": [ 621, 285, 338, 104 ], "completed": false }, { "type": "title", "position": [ 621, 411, 113, 18 ], "completed": false }, { "type": "title", "position": [ 734, 411, 113, 18 ], "completed": false }, { "type": "title", "position": [ 846, 411, 113, 18 ], "completed": false }, { "type": "text", "position": [ 621, 429, 113, 32 ], "completed": false }, { "type": "text", "position": [ 734, 429, 113, 32 ], "completed": false }, { "type": "text", "position": [ 846, 429, 113, 32 ], "completed": false } ] }, { "text": "#A page for introducing the Dataminr which ranked Number 5 on the Forbes AI 50 list to users.# The page should include one title and a brief description of the awards on the left. There should be an image of Forbes 2019 provided on the right side. Besides, a button is needed for users to click for further information.", "region_id": "1067", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description left small | image right undefined | title left undefined", "layout_seq_with_completion": "complete background 0 0 120 78 | button 3 57 8 1 | description 3 47 55 5 | image 74 22 41 44 | complete text 3 24 8 2 | title 3 29 44 11", "layout_seq_without_completion": "background 0 0 120 78 | button 3 57 8 1 | description 3 47 55 5 | image 74 22 41 44 | text 3 24 8 2 | title 3 29 44 11", "plain_layout_seq": "background 0 0 120 78 | button 3 57 8 1 | description 3 47 55 5 | image 74 22 41 44 | text 3 24 8 2 | title 3 29 44 11", "canvas_width": 1024, "canvas_height": 668, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 668 ], "completed": true }, { "type": "image", "position": [ 636, 189, 356, 376 ], "completed": false }, { "type": "text", "position": [ 32, 212, 73, 25 ], "completed": true }, { "type": "title", "position": [ 32, 252, 380, 96 ], "completed": false }, { "type": "description", "position": [ 32, 402, 474, 51 ], "completed": false }, { "type": "button", "position": [ 32, 489, 73, 17 ], "completed": false } ] }, { "text": "#A page showing information about Snyk.# There should be two textboxes, one showing the title and the other describing the function of the service. There should be a link directing the user to see language and integration options. Also, a large image has to be included where some logos can be shown.", "region_id": "478", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'see language and integration options'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 24 58 10 | image 52 4 67 43 | link 0 39 36 4 | title 0 9 58 11", "layout_seq_without_completion": "description 0 24 58 10 | image 52 4 67 43 | link 0 39 36 4 | title 0 9 58 11", "plain_layout_seq": "description 0 24 58 10 | image 52 4 67 43 | link 0 39 36 4 | title 0 9 58 11", "canvas_width": 994, "canvas_height": 444, "elements": [ { "type": "image", "position": [ 433, 34, 561, 360 ], "completed": false }, { "type": "title", "position": [ 0, 80, 481, 96 ], "completed": false }, { "type": "description", "position": [ 0, 200, 481, 84 ], "completed": false }, { "type": "link", "position": [ 0, 324, 301, 40 ], "completed": false } ] }, { "text": "#A page introducing Forecasting. # The page should have one small slogan and the specific introduction of Forecasting to present the pros of the Forecasting, and one button for users to click to learn more about it. An image is needed to show the excellent performance and pros.", "region_id": "966", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] ] [el:description] [el:button [attr:value'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined small", "layout_seq_with_completion": "button 65 67 27 4 | description 65 29 41 33 | image 5 7 49 57 | complete text 65 0 42 3 | title 65 5 42 13 | complete title 65 18 42 6", "layout_seq_without_completion": "button 65 67 27 4 | description 65 29 41 33 | image 5 7 49 57 | text 65 0 42 3 | title 65 5 42 13 | title 65 18 42 6", "plain_layout_seq": "button 65 67 27 4 | description 65 29 41 33 | image 5 7 49 57 | text 65 0 42 3 | title 65 5 42 13 | title 65 18 42 6", "canvas_width": 994, "canvas_height": 595, "elements": [ { "type": "text", "position": [ 541, 0, 349, 28 ], "completed": true }, { "type": "title", "position": [ 541, 43, 349, 113 ], "completed": false }, { "type": "image", "position": [ 44, 58, 409, 478 ], "completed": false }, { "type": "title", "position": [ 541, 156, 349, 56 ], "completed": true }, { "type": "description", "position": [ 541, 245, 346, 276 ], "completed": false }, { "type": "button", "position": [ 541, 555, 229, 40 ], "completed": false } ] }, { "text": "# A page to download Babylon app. # On the page, there should be a title \"Download the Babylon app\". And there should be two text buttons, so the user can click them to download the app on Apple Store and Google Play. Then, four text boxes are needed to introduce the steps to download the app. There should also be a big image of the topic.", "region_id": "763", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'download the babylon app'] ] [el:button [attr:value'download the app on Apple Store'] ] [el:button [attr:value'download the app on Google Play'] ] [el:description [attr:repeat '4'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 80 21 15 4 | button 62 21 14 4 | description 62 28 50 5 | image 3 3 56 56 | title 62 12 50 4 | \" [ description 66 36 46 2 ] | [ description 66 39 46 2 ] | [ description 66 41 46 2 ] \"", "layout_seq_without_completion": "button 80 21 15 4 | button 62 21 14 4 | description 62 28 50 5 | image 3 3 56 56 | title 62 12 50 4 | \" [ description 66 36 46 2 ] | [ description 66 39 46 2 ] | [ description 66 41 46 2 ] \"", "plain_layout_seq": "button 80 21 15 4 | button 62 21 14 4 | description 62 28 50 5 | description 66 36 46 2 | description 66 39 46 2 | description 66 41 46 2 | image 3 3 56 56 | title 62 12 50 4", "canvas_width": 1024, "canvas_height": 544, "elements": [ { "type": "image", "position": [ 32, 32, 480, 480 ], "completed": false }, { "type": "title", "position": [ 536, 107, 432, 36 ], "completed": false }, { "type": "button", "position": [ 536, 183, 120, 40 ], "completed": false }, { "type": "button", "position": [ 685, 183, 135, 40 ], "completed": false }, { "type": "description", "position": [ 536, 245, 432, 48 ], "completed": false }, { "type": "description", "position": [ 568, 309, 400, 24 ], "completed": false }, { "type": "description", "position": [ 568, 333, 400, 24 ], "completed": false }, { "type": "description", "position": [ 568, 357, 400, 24 ], "completed": false } ] }, { "text": "#A page showing the options for reading the latest news.# There is a title\"Get the latest news&insights\". There are two buttons: one is for obtaining the news and the other for visiting the blog. There is one text. Under it, five media logos can be seen.", "region_id": "1228", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'get the latest news&insights'] ] [el:button [attr:value'obtain the news'] ] [el:button [attr:value'visite the blog'] ] [el:logo [attr:repeat'5'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 60 16 18 4 | button 41 16 16 4 | logo 18 37 82 2 | complete text 18 32 82 2 | title 30 7 58 4", "layout_seq_without_completion": "button 60 16 18 4 | button 41 16 16 4 | logo 18 37 82 2 | text 18 32 82 2 | title 30 7 58 4", "plain_layout_seq": "button 60 16 18 4 | button 41 16 16 4 | logo 18 37 82 2 | text 18 32 82 2 | title 30 7 58 4", "canvas_width": 1003, "canvas_height": 384, "elements": [ { "type": "title", "position": [ 259, 64, 486, 41 ], "completed": false }, { "type": "button", "position": [ 346, 137, 141, 36 ], "completed": false }, { "type": "button", "position": [ 503, 137, 154, 36 ], "completed": false }, { "type": "text", "position": [ 158, 271, 688, 20 ], "completed": true }, { "type": "logo", "position": [ 158, 315, 688, 21 ], "completed": false } ] }, { "text": "#A page showing the options for reading the latest news.# There is a title. There are two buttons: one is for obtaining the news and the other for visiting the blog. There is a long text box showing many media logos where the articles on blogs can be seen.", "region_id": "1228_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'obtain the news'] ] [el:button [attr:value'visit the blog'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 60 16 18 4 | button 41 16 16 4 | image 18 37 82 2 | complete text 18 32 82 2 | title 30 7 58 4", "layout_seq_without_completion": "button 60 16 18 4 | button 41 16 16 4 | image 18 37 82 2 | text 18 32 82 2 | title 30 7 58 4", "plain_layout_seq": "button 60 16 18 4 | button 41 16 16 4 | image 18 37 82 2 | text 18 32 82 2 | title 30 7 58 4", "canvas_width": 1003, "canvas_height": 384, "elements": [ { "type": "title", "position": [ 259, 64, 486, 41 ], "completed": false }, { "type": "button", "position": [ 346, 137, 141, 36 ], "completed": false }, { "type": "button", "position": [ 503, 137, 154, 36 ], "completed": false }, { "type": "text", "position": [ 158, 271, 688, 20 ], "completed": true }, { "type": "image", "position": [ 158, 315, 688, 21 ], "completed": false } ] }, { "text": "#A page for introducing one security.# There should be three text boxes, one for the label, one for the title\"End-to-end security\", and the remaining for the detail.", "region_id": "2092", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title [attr:value'end-to-end security'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "layout_seq_without_completion": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "plain_layout_seq": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "canvas_width": 1000, "canvas_height": 455, "elements": [ { "type": "title", "position": [ 460, 0, 78, 24 ], "completed": false }, { "type": "title", "position": [ 215, 40, 570, 72 ], "completed": false }, { "type": "description", "position": [ 132, 136, 736, 28 ], "completed": false } ] }, { "text": "#A page for introducing one security.# There should be three text boxes, one for the label, one for the title, and the remaining for the detail.", "region_id": "2092_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "layout_seq_without_completion": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "plain_layout_seq": "description 15 16 88 3 | title 55 0 9 2 | title 25 4 68 8", "canvas_width": 1000, "canvas_height": 455, "elements": [ { "type": "title", "position": [ 460, 0, 78, 24 ], "completed": false }, { "type": "title", "position": [ 215, 40, 570, 72 ], "completed": false }, { "type": "description", "position": [ 132, 136, 736, 28 ], "completed": false } ] }, { "text": "#A page giving an introduction of a group of data.# There should be four text boxes.", "region_id": "3111", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '4']] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "text 20 1 10 3 | text 0 1 7 3 | text 69 0 20 5 | text 89 0 30 5", "layout_seq_without_completion": "text 20 1 10 3 | text 0 1 7 3 | text 69 0 20 5 | text 89 0 30 5", "plain_layout_seq": "text 20 1 10 3 | text 0 1 7 3 | text 69 0 20 5 | text 89 0 30 5", "canvas_width": 940, "canvas_height": 46, "elements": [ { "type": "text", "position": [ 542, 0, 160, 46 ], "completed": false }, { "type": "text", "position": [ 702, 0, 238, 46 ], "completed": false }, { "type": "text", "position": [ 5, 8, 56, 31 ], "completed": false }, { "type": "text", "position": [ 161, 8, 85, 31 ], "completed": false } ] }, { "text": "#A page introducing the store to users and guiding users to visit the store.#The page should have two slogans and two buttons for users to click to jump to the website of the store.", "region_id": "8201", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 93 1 1 1 | button 80 5 1 1 | title 24 1 67 1 | title 37 5 41 1", "layout_seq_without_completion": "button 93 1 1 1 | button 80 5 1 1 | title 24 1 67 1 | title 37 5 41 1", "plain_layout_seq": "button 93 1 1 1 | button 80 5 1 1 | title 24 1 67 1 | title 37 5 41 1", "canvas_width": 1024, "canvas_height": 76, "elements": [ { "type": "title", "position": [ 211, 10, 579, 15 ], "completed": false }, { "type": "button", "position": [ 798, 12, 15, 11 ], "completed": false }, { "type": "title", "position": [ 322, 48, 357, 15 ], "completed": false }, { "type": "button", "position": [ 687, 50, 15, 11 ], "completed": false } ] }, { "text": "#A page for introducing payment with card to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2088", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 97 | button 4 89 6 3 | description 4 45 52 10 | complete icon 11 89 2 2 | title 4 38 52 4", "layout_seq_without_completion": "background 0 0 120 97 | button 4 89 6 3 | description 4 45 52 10 | icon 11 89 2 2 | title 4 38 52 4", "plain_layout_seq": "background 0 0 120 97 | button 4 89 6 3 | description 4 45 52 10 | icon 11 89 2 2 | title 4 38 52 4", "canvas_width": 1000, "canvas_height": 814, "elements": [ { "type": "background", "position": [ 0, 0, 1000, 814 ], "completed": true }, { "type": "title", "position": [ 40, 319, 436, 40 ], "completed": false }, { "type": "description", "position": [ 40, 375, 436, 84 ], "completed": false }, { "type": "button", "position": [ 40, 742, 50, 28 ], "completed": false }, { "type": "icon", "position": [ 98, 744, 24, 24 ], "completed": true } ] }, { "text": "#The page gives an introduction about how to use cookies for the user.# There should be one logo of the app, one title, one content for the user to learn more about how to use cookies to provide you the best experience, and one button for the user to click on to confirm information.", "region_id": "2491", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 7 120 14 | button 104 12 5 4 | description 11 13 81 4 | logo 3 9 5 6 | title 11 9 81 3", "layout_seq_without_completion": "background 0 7 120 14 | button 104 12 5 4 | description 11 13 81 4 | logo 3 9 5 6 | title 11 9 81 3", "plain_layout_seq": "background 0 7 120 14 | button 104 12 5 4 | description 11 13 81 4 | logo 3 9 5 6 | title 11 9 81 3", "canvas_width": 1021, "canvas_height": 187, "elements": [ { "type": "background", "position": [ 0, 64, 1021, 123 ], "completed": true }, { "type": "logo", "position": [ 27, 81, 50, 53 ], "completed": false }, { "type": "title", "position": [ 102, 81, 695, 30 ], "completed": false }, { "type": "button", "position": [ 886, 108, 46, 36 ], "completed": false }, { "type": "description", "position": [ 102, 119, 695, 36 ], "completed": false } ] }, { "text": "#A page introducing Inbox. # The page should have a label\"INBOX\", a slogan and a short introduction to entice users to use Inbox, and a button for users to click to explore Inbox. And one corresponding image is needed.", "region_id": "1711", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'inbox'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore inbox'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 45 19 5 | description 5 32 57 11 | image 68 14 51 41 | title 5 15 57 2 | title 5 19 57 9", "layout_seq_without_completion": "button 5 45 19 5 | description 5 32 57 11 | image 68 14 51 41 | title 5 15 57 2 | title 5 19 57 9", "plain_layout_seq": "button 5 45 19 5 | description 5 32 57 11 | image 68 14 51 41 | title 5 15 57 2 | title 5 19 57 9", "canvas_width": 1003, "canvas_height": 591, "elements": [ { "type": "image", "position": [ 572, 120, 427, 351 ], "completed": false }, { "type": "title", "position": [ 48, 131, 480, 20 ], "completed": false }, { "type": "title", "position": [ 48, 167, 480, 80 ], "completed": false }, { "type": "description", "position": [ 48, 271, 480, 96 ], "completed": false }, { "type": "button", "position": [ 48, 383, 160, 44 ], "completed": false } ] }, { "text": "#A page of information about a food website.# There is a title and a description to advertise the website. There is a button\"ABOUT US\"for users to click to learn more info.Besides,there is a image.", "region_id": "8021", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'about us'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 46 14 5 | description 64 24 49 20 | image 6 6 53 53 | title 64 16 49 5", "layout_seq_without_completion": "button 64 46 14 5 | description 64 24 49 20 | image 6 6 53 53 | title 64 16 49 5", "plain_layout_seq": "button 64 46 14 5 | description 64 24 49 20 | image 6 6 53 53 | title 64 16 49 5", "canvas_width": 1024, "canvas_height": 586, "elements": [ { "type": "image", "position": [ 55, 55, 457, 457 ], "completed": false }, { "type": "title", "position": [ 547, 145, 422, 44 ], "completed": false }, { "type": "description", "position": [ 547, 206, 422, 171 ], "completed": false }, { "type": "button", "position": [ 547, 397, 125, 45 ], "completed": false } ] }, { "text": "#The page shows the process of the net and how it works for the user. #There should be six descriptions of how the web browser works.", "region_id": "4493", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat '6']] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined", "layout_seq_with_completion": "\" [ description 5 0 114 5 ] | [ description 5 6 114 5 ] | [ description 5 12 114 5 ] | [ description 5 18 114 2 ] | [ description 5 22 114 2 ] | [ description 5 25 114 5 ] \"", "layout_seq_without_completion": "\" [ description 5 0 114 5 ] | [ description 5 6 114 5 ] | [ description 5 12 114 5 ] | [ description 5 18 114 2 ] | [ description 5 22 114 2 ] | [ description 5 25 114 5 ] \"", "plain_layout_seq": "description 5 0 114 5 | description 5 6 114 5 | description 5 12 114 5 | description 5 18 114 2 | description 5 22 114 2 | description 5 25 114 5", "canvas_width": 939, "canvas_height": 245, "elements": [ { "type": "description", "position": [ 40, 0, 899, 42 ], "completed": false }, { "type": "description", "position": [ 40, 49, 899, 42 ], "completed": false }, { "type": "description", "position": [ 40, 98, 899, 42 ], "completed": false }, { "type": "description", "position": [ 40, 147, 899, 21 ], "completed": false }, { "type": "description", "position": [ 40, 175, 899, 21 ], "completed": false }, { "type": "description", "position": [ 40, 203, 899, 42 ], "completed": false } ] }, { "text": "#A page showing the title of news from a company.# It should have a title with a link to the content above it, an explanation, and a background image.", "region_id": "1353", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link] [el:description] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 48 | complete image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "layout_seq_without_completion": "background 0 0 120 48 | image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "plain_layout_seq": "background 0 0 120 48 | image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "canvas_width": 1024, "canvas_height": 416, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 416 ], "completed": false }, { "type": "image", "position": [ 20, 40, 410, 295 ], "completed": true }, { "type": "title", "position": [ 35, 94, 380, 141 ], "completed": false }, { "type": "link", "position": [ 35, 261, 95, 21 ], "completed": false } ] }, { "text": "#A page showing the title of news from a company.# There must be two text boxes: one for the title of the news and another for an option to read more.", "region_id": "1353_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 48 | complete image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "layout_seq_without_completion": "background 0 0 120 48 | image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "plain_layout_seq": "background 0 0 120 48 | image 2 4 48 34 | link 4 30 11 2 | title 4 11 44 16", "canvas_width": 1024, "canvas_height": 416, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 416 ], "completed": true }, { "type": "image", "position": [ 20, 40, 410, 295 ], "completed": true }, { "type": "title", "position": [ 35, 94, 380, 141 ], "completed": false }, { "type": "link", "position": [ 35, 261, 95, 21 ], "completed": false } ] }, { "text": "# A page for marketing Optimole to attract the user to start using it. # The page should have a title \"Start using Optimole\", a further description, and two buttons for the user to check pricing and schedule a demo. And it would be better to have six images.", "region_id": "4010", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'start using optimole'] ] [el:description] [el:button [attr:value 'check pricing'] ] [el:button [attr:value 'schedule a demo'] ] [el:image [attr:repeat '6'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 29 19 6 | button 19 29 22 6 | description 0 17 53 8 | image 90 0 13 14 | image 78 25 10 13 | image 90 15 13 26 | image 68 11 8 20 | image 78 3 10 19 | image 105 2 13 38 | title 0 7 53 7", "layout_seq_without_completion": "button 0 29 19 6 | button 19 29 22 6 | description 0 17 53 8 | image 90 0 13 14 | image 78 25 10 13 | image 90 15 13 26 | image 68 11 8 20 | image 78 3 10 19 | image 105 2 13 38 | title 0 7 53 7", "plain_layout_seq": "button 0 29 19 6 | button 19 29 22 6 | description 0 17 53 8 | image 90 0 13 14 | image 78 25 10 13 | image 90 15 13 26 | image 68 11 8 20 | image 78 3 10 19 | image 105 2 13 38 | title 0 7 53 7", "canvas_width": 994, "canvas_height": 356, "elements": [ { "type": "image", "position": [ 752, 0, 111, 121 ], "completed": false }, { "type": "image", "position": [ 873, 18, 111, 322 ], "completed": false }, { "type": "image", "position": [ 652, 33, 90, 165 ], "completed": false }, { "type": "title", "position": [ 0, 60, 447, 59 ], "completed": false }, { "type": "image", "position": [ 568, 93, 74, 166 ], "completed": false }, { "type": "image", "position": [ 753, 131, 110, 222 ], "completed": false }, { "type": "description", "position": [ 0, 142, 447, 72 ], "completed": false }, { "type": "image", "position": [ 652, 208, 90, 114 ], "completed": false }, { "type": "button", "position": [ 0, 244, 158, 54 ], "completed": false }, { "type": "button", "position": [ 165, 244, 183, 54 ], "completed": false } ] }, { "text": "# A page to introduce the NEC insights. # On the page, an image, a title \"NEC Insights\" and a text box with a short description are needed. There should be a text button for the user to explore more info.", "region_id": "1778", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'nec insights'] ] [el:description [attr:size'small'] ] [el:button [attr:value'explore'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | complete image 4 41 115 28 | title 7 45 19 4", "layout_seq_without_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 19 4", "plain_layout_seq": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 19 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 237 ], "completed": true }, { "type": "title", "position": [ 60, 385, 160, 40 ], "completed": false }, { "type": "description", "position": [ 60, 454, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 498, 137, 43 ], "completed": false } ] }, { "text": "# A page used to watch a demo. # There should be a text button for the user to click to watch a demo.", "region_id": "536", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button [attr:value'watch a demo'] ] ]", "execution": "singleinfo : button undefined undefined", "layout_seq_with_completion": "button 47 6 24 6 | complete icon 67 8 2 2 | complete text 50 8 16 2", "layout_seq_without_completion": "button 47 6 24 6 | icon 67 8 2 2 | text 50 8 16 2", "plain_layout_seq": "button 47 6 24 6 | icon 67 8 2 2 | text 50 8 16 2", "canvas_width": 1024, "canvas_height": 167, "elements": [ { "type": "button", "position": [ 407, 56, 209, 55 ], "completed": false }, { "type": "text", "position": [ 428, 72, 138, 24 ], "completed": true }, { "type": "icon", "position": [ 575, 73, 21, 21 ], "completed": true } ] }, { "text": "#A page for showing the price of the stock.# The page should have 4 texts to show the name of the stock, the floating interest rate, and the price.", "region_id": "4418", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text[attr:repeat'4']]]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "text 0 0 5 3 | text 21 0 5 3 | text 63 0 24 5 | text 87 0 32 5", "layout_seq_without_completion": "text 0 0 5 3 | text 21 0 5 3 | text 63 0 24 5 | text 87 0 32 5", "plain_layout_seq": "text 0 0 5 3 | text 21 0 5 3 | text 63 0 24 5 | text 87 0 32 5", "canvas_width": 940, "canvas_height": 46, "elements": [ { "type": "text", "position": [ 494, 0, 191, 46 ], "completed": false }, { "type": "text", "position": [ 685, 0, 255, 46 ], "completed": false }, { "type": "text", "position": [ 5, 7, 43, 31 ], "completed": false }, { "type": "text", "position": [ 169, 7, 40, 31 ], "completed": false } ] }, { "text": "#A page to introduce the movie of Restless.# On the left side of the page, a poster picture of the movie is placed above the words \"95 min.\" to show the length of the movie. And on the right side, five icons next to the related expressions are placed between the name of the movie and a short description of the movie vertically.", "region_id": "6075", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:text [attr:value '95 min.'] [attr:position 'left'] ] [el:title [attr:position 'right']] [el:icon [attr:repeat '5'] [attr:position 'right']] [el:text [attr:repeat '5'] [attr:position 'right']] [el:description [attr:size 'small'] [attr:position 'right'] ] ]", "execution": "singleinfo : description right small | icon right undefined | icon right undefined | icon right undefined | icon right undefined | icon right undefined | image left undefined | text left undefined | text right undefined | text right undefined | text right undefined | text right undefined | text right undefined | title right undefined", "layout_seq_with_completion": "complete background 17 3 102 23 | description 25 16 91 5 | icon 47 13 2 1 | icon 62 13 2 2 | icon 25 10 2 2 | icon 42 10 2 2 | icon 25 13 2 1 | image 0 0 23 24 | text 65 13 5 2 | text 45 10 11 2 | text 0 25 6 2 | text 28 10 6 2 | text 50 13 4 2 | text 28 13 10 2 | title 25 7 91 3", "layout_seq_without_completion": "background 17 3 102 23 | description 25 16 91 5 | icon 47 13 2 1 | icon 62 13 2 2 | icon 25 10 2 2 | icon 42 10 2 2 | icon 25 13 2 1 | image 0 0 23 24 | text 65 13 5 2 | text 45 10 11 2 | text 0 25 6 2 | text 28 10 6 2 | text 50 13 4 2 | text 28 13 10 2 | title 25 7 91 3", "plain_layout_seq": "background 17 3 102 23 | description 25 16 91 5 | icon 47 13 2 1 | icon 62 13 2 2 | icon 25 10 2 2 | icon 42 10 2 2 | icon 25 13 2 1 | image 0 0 23 24 | text 65 13 5 2 | text 45 10 11 2 | text 0 25 6 2 | text 28 10 6 2 | text 50 13 4 2 | text 28 13 10 2 | title 25 7 91 3", "canvas_width": 964, "canvas_height": 227, "elements": [ { "type": "image", "position": [ 0, 0, 185, 195 ], "completed": false }, { "type": "background", "position": [ 141, 30, 823, 189 ], "completed": true }, { "type": "title", "position": [ 206, 60, 738, 25 ], "completed": false }, { "type": "icon", "position": [ 206, 88, 18, 19 ], "completed": false }, { "type": "text", "position": [ 232, 88, 49, 20 ], "completed": false }, { "type": "icon", "position": [ 341, 88, 18, 20 ], "completed": false }, { "type": "text", "position": [ 367, 88, 96, 20 ], "completed": false }, { "type": "icon", "position": [ 504, 108, 18, 24 ], "completed": false }, { "type": "text", "position": [ 232, 110, 86, 20 ], "completed": false }, { "type": "text", "position": [ 404, 110, 40, 20 ], "completed": false }, { "type": "text", "position": [ 530, 110, 46, 20 ], "completed": false }, { "type": "icon", "position": [ 206, 112, 18, 16 ], "completed": false }, { "type": "icon", "position": [ 378, 112, 18, 16 ], "completed": false }, { "type": "description", "position": [ 206, 132, 738, 44 ], "completed": false }, { "type": "text", "position": [ 5, 207, 51, 20 ], "completed": false } ] }, { "text": "# A page to input the email address to create or restart the membership of a website for watching TV, movies, and shows. #There should be one title, and a brief description of the advantage of the website. Below. there should be an input for users to enter the email address. It is necessary to have a button for users to click to create or restart the membership.", "region_id": "1786", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:input [attr:value'enter the email address'] ] [el:button [attr:value'create or restart the membership'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 70 | button 77 44 15 5 | description 22 31 75 3 | complete icon 94 46 1 2 | input 21 43 52 7 | complete text 22 46 11 2 | title 22 16 75 12 | complete title 18 38 82 4", "layout_seq_without_completion": "background 0 0 120 70 | button 77 44 15 5 | description 22 31 75 3 | icon 94 46 1 2 | input 21 43 52 7 | text 22 46 11 2 | title 22 16 75 12 | title 18 38 82 4", "plain_layout_seq": "background 0 0 120 70 | button 77 44 15 5 | description 22 31 75 3 | icon 94 46 1 2 | input 21 43 52 7 | text 22 46 11 2 | title 22 16 75 12 | title 18 38 82 4", "canvas_width": 1024, "canvas_height": 611, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 603 ], "completed": true }, { "type": "title", "position": [ 192, 145, 640, 110 ], "completed": false }, { "type": "description", "position": [ 192, 271, 640, 31 ], "completed": false }, { "type": "title", "position": [ 161, 332, 702, 42 ], "completed": true }, { "type": "input", "position": [ 182, 374, 450, 60 ], "completed": false }, { "type": "button", "position": [ 659, 380, 134, 47 ], "completed": false }, { "type": "text", "position": [ 192, 395, 101, 18 ], "completed": true }, { "type": "icon", "position": [ 806, 395, 10, 20 ], "completed": true } ] }, { "text": "# A page to input the email address to create or restart the membership of a website for watching TV, movies, and shows. #There should be three text boxes. One is the title, and another two are used to tell the advantage of the website and ask the user to input the email address. It is necessary to have an input and a text button, so the user can input the email address and click the button to create or restart the membership.", "region_id": "1786_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat '2'] ] [el:input] [el:button [attr:value'create or restart the membership'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 70 | button 77 44 15 5 | complete icon 94 46 1 2 | input 21 43 52 7 | complete text 22 46 11 2 | text 18 38 82 4 | text 22 31 75 3 | title 22 16 75 12", "layout_seq_without_completion": "background 0 0 120 70 | button 77 44 15 5 | icon 94 46 1 2 | input 21 43 52 7 | text 22 46 11 2 | text 18 38 82 4 | text 22 31 75 3 | title 22 16 75 12", "plain_layout_seq": "background 0 0 120 70 | button 77 44 15 5 | icon 94 46 1 2 | input 21 43 52 7 | text 22 46 11 2 | text 18 38 82 4 | text 22 31 75 3 | title 22 16 75 12", "canvas_width": 1024, "canvas_height": 611, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 603 ], "completed": true }, { "type": "title", "position": [ 192, 145, 640, 110 ], "completed": false }, { "type": "text", "position": [ 192, 271, 640, 31 ], "completed": false }, { "type": "text", "position": [ 161, 332, 702, 42 ], "completed": false }, { "type": "input", "position": [ 182, 374, 450, 60 ], "completed": false }, { "type": "button", "position": [ 659, 380, 134, 47 ], "completed": false }, { "type": "text", "position": [ 192, 395, 101, 18 ], "completed": true }, { "type": "icon", "position": [ 806, 395, 10, 20 ], "completed": true } ] }, { "text": "#A page introducing \"Blockchain.com\" - a platform where users can get crypto services.# There must be a large title highlighting the services, for example, crypto lending, of the platform. It is better to include a short introduction and a small button for becoming a client.", "region_id": "810", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] ] [el:description [attr:size'small'] ] [el:button [attr:size'small'] [attr:value'become a client'] ] ]", "execution": "singleinfo : button undefined small | description undefined small | title undefined large", "layout_seq_with_completion": "button 6 48 22 6 | description 6 33 57 11 | complete icon 8 3 3 3 | complete image 6 1 20 7 | complete text 13 4 11 2 | title 6 11 57 18", "layout_seq_without_completion": "button 6 48 22 6 | description 6 33 57 11 | icon 8 3 3 3 | image 6 1 20 7 | text 13 4 11 2 | title 6 11 57 18", "plain_layout_seq": "button 6 48 22 6 | description 6 33 57 11 | icon 8 3 3 3 | image 6 1 20 7 | text 13 4 11 2 | title 6 11 57 18", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 56, 16, 175, 64 ], "completed": true }, { "type": "icon", "position": [ 72, 32, 32, 32 ], "completed": true }, { "type": "text", "position": [ 114, 36, 101, 25 ], "completed": true }, { "type": "title", "position": [ 56, 100, 488, 156 ], "completed": false }, { "type": "description", "position": [ 56, 286, 488, 96 ], "completed": false }, { "type": "button", "position": [ 56, 412, 188, 54 ], "completed": false } ] }, { "text": "# A page to show guidance for the users.# On the left side of the page, five links are set vertically. On the right side the title of \"Join our mailing list\" is placed above an input within which the words \"Email address\" is contained on the left, and a button of \"subscribe\" is set next to the input.", "region_id": "7745", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:repeat '5'] [attr:position 'left'] ] [el:title [attr:value 'Join our mailing list'] [attr:position 'right'] ] [el:input [attr:position 'right'] [attr:value 'Email address'] ] [el:button [attr:value 'subscribe'] [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | input right undefined | link left undefined | link left undefined | link left undefined | link left undefined | link left undefined | title right undefined", "layout_seq_with_completion": "button 105 14 11 2 | input 60 12 43 6 | title 60 7 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 9 2 ] | [ link 0 15 8 2 ] | [ link 0 19 8 2 ] | [ link 0 23 11 2 ] \"", "layout_seq_without_completion": "button 105 14 11 2 | input 60 12 43 6 | title 60 7 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 9 2 ] | [ link 0 15 8 2 ] | [ link 0 19 8 2 ] | [ link 0 23 11 2 ] \"", "plain_layout_seq": "button 105 14 11 2 | input 60 12 43 6 | link 0 7 7 2 | link 0 11 9 2 | link 0 15 8 2 | link 0 19 8 2 | link 0 23 11 2 | title 60 7 60 2", "canvas_width": 914, "canvas_height": 205, "elements": [ { "type": "title", "position": [ 457, 55, 457, 20 ], "completed": false }, { "type": "link", "position": [ 0, 57, 54, 19 ], "completed": false }, { "type": "link", "position": [ 0, 87, 71, 19 ], "completed": false }, { "type": "input", "position": [ 457, 93, 330, 46 ], "completed": false }, { "type": "button", "position": [ 806, 107, 89, 16 ], "completed": false }, { "type": "link", "position": [ 0, 117, 67, 19 ], "completed": false }, { "type": "link", "position": [ 0, 147, 62, 19 ], "completed": false }, { "type": "link", "position": [ 0, 177, 86, 19 ], "completed": false } ] }, { "text": "#A page for introducing a self-service named \"Continuous Integration\" to users.# The page should include an interface on the left, one title, and a brief description of Harness CI on the right side. Besides, two buttons are needed for users to click for further information.", "region_id": "251", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description right small | image left undefined | title undefined undefined", "layout_seq_with_completion": "button 62 28 16 4 | button 81 28 17 4 | description 62 12 28 2 | image 2 0 54 27 | complete image 62 2 7 7 | complete text 62 16 54 9 | title 71 3 16 6", "layout_seq_without_completion": "button 62 28 16 4 | button 81 28 17 4 | description 62 12 28 2 | image 2 0 54 27 | image 62 2 7 7 | text 62 16 54 9 | title 71 3 16 6", "plain_layout_seq": "button 62 28 16 4 | button 81 28 17 4 | description 62 12 28 2 | image 2 0 54 27 | image 62 2 7 7 | text 62 16 54 9 | title 71 3 16 6", "canvas_width": 1024, "canvas_height": 357, "elements": [ { "type": "image", "position": [ 24, 0, 464, 231 ], "completed": false }, { "type": "image", "position": [ 536, 22, 64, 64 ], "completed": true }, { "type": "title", "position": [ 612, 27, 137, 54 ], "completed": false }, { "type": "description", "position": [ 536, 109, 246, 21 ], "completed": false }, { "type": "text", "position": [ 536, 141, 464, 79 ], "completed": true }, { "type": "button", "position": [ 536, 244, 137, 40 ], "completed": false }, { "type": "button", "position": [ 697, 244, 151, 40 ], "completed": false } ] }, { "text": "#A page for users to subscribe to a special group buys list.# There should have a title \"Subscribe to our Special group buys list\".Four icons and two inputs are on the page. There must include a button \"Subscribe\".", "region_id": "3347", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our special group buys list'] ] [el:icon [attr:repeat '4']] [el:input [attr:repeat '2'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 36 21 5 | icon 50 11 8 11 | icon 39 11 8 11 | icon 71 11 8 11 | icon 61 11 8 11 | input 36 23 51 5 | input 36 29 51 5 | complete text 41 19 5 1 | complete text 73 13 5 5 | complete text 51 19 5 1 | complete text 62 13 5 5 | complete text 51 13 5 5 | complete text 62 19 5 1 | complete text 73 19 5 1 | complete text 41 13 5 5 | title 28 0 63 10", "layout_seq_without_completion": "button 49 36 21 5 | icon 50 11 8 11 | icon 39 11 8 11 | icon 71 11 8 11 | icon 61 11 8 11 | input 36 23 51 5 | input 36 29 51 5 | text 41 19 5 1 | text 73 13 5 5 | text 51 19 5 1 | text 62 13 5 5 | text 51 13 5 5 | text 62 19 5 1 | text 73 19 5 1 | text 41 13 5 5 | title 28 0 63 10", "plain_layout_seq": "button 49 36 21 5 | icon 50 11 8 11 | icon 39 11 8 11 | icon 71 11 8 11 | icon 61 11 8 11 | input 36 23 51 5 | input 36 29 51 5 | text 41 19 5 1 | text 73 13 5 5 | text 51 19 5 1 | text 62 13 5 5 | text 51 13 5 5 | text 62 19 5 1 | text 73 19 5 1 | text 41 13 5 5 | title 28 0 63 10", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 241, 6, 542, 86 ], "completed": false }, { "type": "icon", "position": [ 335, 101, 75, 95 ], "completed": false }, { "type": "icon", "position": [ 428, 101, 75, 95 ], "completed": false }, { "type": "icon", "position": [ 521, 101, 75, 95 ], "completed": false }, { "type": "icon", "position": [ 614, 101, 75, 95 ], "completed": false }, { "type": "text", "position": [ 350, 116, 45, 45 ], "completed": true }, { "type": "text", "position": [ 443, 116, 45, 45 ], "completed": true }, { "type": "text", "position": [ 536, 116, 45, 45 ], "completed": true }, { "type": "text", "position": [ 629, 116, 45, 45 ], "completed": true }, { "type": "text", "position": [ 350, 167, 45, 14 ], "completed": true }, { "type": "text", "position": [ 443, 167, 45, 14 ], "completed": true }, { "type": "text", "position": [ 536, 167, 45, 14 ], "completed": true }, { "type": "text", "position": [ 629, 167, 45, 14 ], "completed": true }, { "type": "input", "position": [ 308, 200, 438, 45 ], "completed": false }, { "type": "input", "position": [ 308, 250, 437, 45 ], "completed": false }, { "type": "button", "position": [ 422, 315, 180, 50 ], "completed": false } ] }, { "text": "# A page for introducing the administration module of a school. # The page should have a title, a short description, a button \"Learn more\" for the user to learn more info by clicking it, and a link \"Watch a video\" for the user to click to watch a video.", "region_id": "5815", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'Learn more'] ] [el:link [attr:value 'watch a video'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "layout_seq_without_completion": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "plain_layout_seq": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "canvas_width": 949, "canvas_height": 873, "elements": [ { "type": "title", "position": [ 0, 213, 949, 36 ], "completed": false }, { "type": "description", "position": [ 0, 260, 949, 61 ], "completed": false }, { "type": "button", "position": [ 0, 341, 146, 44 ], "completed": false }, { "type": "link", "position": [ 190, 353, 96, 19 ], "completed": false } ] }, { "text": "# A page for advertising the jewelry on an online shop. # The page should include a background image, the title \"Exquisite Jewellery\", and a slogan to attract the user. Then it is necessary to have a button to shop and two paginations to switch pages.", "region_id": "6975", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'exquisite jewellery'] ] [el:title] [el:button [attr:value 'shop'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 55 | button 3 40 13 5 | complete button 52 51 1 1 | complete button 65 51 1 1 | complete image 50 49 19 5 | title 3 33 89 2 | title 3 28 114 4", "layout_seq_without_completion": "background 0 0 120 55 | button 3 40 13 5 | button 52 51 1 1 | button 65 51 1 1 | image 50 49 19 5 | title 3 33 89 2 | title 3 28 114 4", "plain_layout_seq": "background 0 0 120 55 | button 3 40 13 5 | button 52 51 1 1 | button 65 51 1 1 | image 50 49 19 5 | title 3 33 89 2 | title 3 28 114 4", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 26, 243, 973, 37 ], "completed": false }, { "type": "title", "position": [ 26, 289, 766, 25 ], "completed": false }, { "type": "button", "position": [ 26, 345, 113, 50 ], "completed": false }, { "type": "image", "position": [ 428, 426, 169, 44 ], "completed": true }, { "type": "button", "position": [ 449, 442, 11, 11 ], "completed": true }, { "type": "button", "position": [ 562, 442, 11, 11 ], "completed": true } ] }, { "text": "#A page teaching users to share folders.# The page should include an image, an icon, the title \"Collaborate with your team\", and text including a link \"Learn more\".", "region_id": "4545", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:icon] [el:title [attr:value 'collaborate with your team'] ] [el:text] [el:link [attr:value 'learn more'] ] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 1 4 57 46 | link 66 23 10 2 | text 61 19 54 6 | title 61 11 57 4", "layout_seq_without_completion": "image 1 4 57 46 | link 66 23 10 2 | text 61 19 54 6 | title 61 11 57 4", "plain_layout_seq": "image 1 4 57 46 | link 66 23 10 2 | text 61 19 54 6 | title 61 11 57 4", "canvas_width": 1024, "canvas_height": 448, "elements": [ { "type": "image", "position": [ 10, 40, 492, 398 ], "completed": false }, { "type": "title", "position": [ 522, 100, 492, 39 ], "completed": false }, { "type": "text", "position": [ 522, 164, 463, 55 ], "completed": false }, { "type": "link", "position": [ 569, 198, 90, 22 ], "completed": false } ] }, { "text": "#A page for showing the product to users.# The page has a picture, a title of the product, a description, and a link named \u201cGrab yours now\u201d for users to click to buy the product.", "region_id": "6778", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:link [attr:value 'Grab yours now'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 64 29 44 4 | image 5 3 54 54 | link 64 34 11 1 | title 64 24 44 3", "layout_seq_without_completion": "description 64 29 44 4 | image 5 3 54 54 | link 64 34 11 1 | title 64 24 44 3", "plain_layout_seq": "description 64 29 44 4 | image 5 3 54 54 | link 64 34 11 1 | title 64 24 44 3", "canvas_width": 1024, "canvas_height": 522, "elements": [ { "type": "image", "position": [ 50, 30, 462, 463 ], "completed": false }, { "type": "title", "position": [ 552, 206, 382, 28 ], "completed": false }, { "type": "description", "position": [ 552, 248, 382, 39 ], "completed": false }, { "type": "link", "position": [ 552, 298, 97, 17 ], "completed": false } ] }, { "text": "#A page of the advertisement for cell phone repairs and accessories.# There is a topic named \"Trusted leaders in cell phone repairs and accessories\". Then, there are two buttons \"Store Locator\" and \"Book Repair Now\" to help visitors choose the services they need.", "region_id": "7784", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Trusted leaders in cell phone repairs and accessories'] ] [el:button [attr:value 'Store Locator'] ] [el:button [attr:value 'Book Repair Now'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 32 24 26 6 | button 60 24 26 6 | title 34 6 51 14", "layout_seq_without_completion": "button 32 24 26 6 | button 60 24 26 6 | title 34 6 51 14", "plain_layout_seq": "button 32 24 26 6 | button 60 24 26 6 | title 34 6 51 14", "canvas_width": 939, "canvas_height": 292, "elements": [ { "type": "title", "position": [ 268, 51, 402, 114 ], "completed": false }, { "type": "button", "position": [ 256, 189, 208, 53 ], "completed": false }, { "type": "button", "position": [ 475, 189, 207, 53 ], "completed": false } ] }, { "text": "# A page for the user to see the free resources of a company. # There should have a title \"Free Resources\" and a slogan to attract the user. Besides, it is necessary to have a link to see all resources by clicking it.", "region_id": "3125", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Free Resources'] ] [el:text] [el:link [attr:value 'see all resources'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 115 7 2 2 | complete image 96 6 23 5 | link 99 7 15 2 | text 0 6 78 5 | title 0 0 120 5", "layout_seq_without_completion": "icon 115 7 2 2 | image 96 6 23 5 | link 99 7 15 2 | text 0 6 78 5 | title 0 0 120 5", "plain_layout_seq": "icon 115 7 2 2 | image 96 6 23 5 | link 99 7 15 2 | text 0 6 78 5 | title 0 0 120 5", "canvas_width": 921, "canvas_height": 88, "elements": [ { "type": "title", "position": [ 0, 0, 921, 40 ], "completed": false }, { "type": "text", "position": [ 0, 48, 606, 40 ], "completed": false }, { "type": "image", "position": [ 743, 48, 178, 40 ], "completed": true }, { "type": "link", "position": [ 760, 58, 120, 20 ], "completed": false }, { "type": "icon", "position": [ 888, 60, 16, 16 ], "completed": true } ] }, { "text": "#A page for signing up into Airtable.# There should be an attractive title. Also, a button is needed for users to sign up for free. There is an additional info \"No credit card needed\".", "region_id": "625", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'sign up for free']] [el:text [attr:value'no credit card needed']] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 24 20 4 | text 29 30 61 2 | title 10 7 99 13", "layout_seq_without_completion": "button 49 24 20 4 | text 29 30 61 2 | title 10 7 99 13", "plain_layout_seq": "button 49 24 20 4 | text 29 30 61 2 | title 10 7 99 13", "canvas_width": 1003, "canvas_height": 311, "elements": [ { "type": "title", "position": [ 87, 64, 829, 110 ], "completed": false }, { "type": "button", "position": [ 416, 207, 171, 39 ], "completed": false }, { "type": "text", "position": [ 246, 258, 512, 22 ], "completed": false } ] }, { "text": "#A page for signing up into Airtable.# There should be an attractive title. Also, a button is needed for users to sign up.", "region_id": "625_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'sign up']] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 24 20 4 | complete text 29 30 61 2 | title 10 7 99 13", "layout_seq_without_completion": "button 49 24 20 4 | text 29 30 61 2 | title 10 7 99 13", "plain_layout_seq": "button 49 24 20 4 | text 29 30 61 2 | title 10 7 99 13", "canvas_width": 1003, "canvas_height": 311, "elements": [ { "type": "title", "position": [ 87, 64, 829, 110 ], "completed": false }, { "type": "button", "position": [ 416, 207, 171, 39 ], "completed": false }, { "type": "text", "position": [ 246, 258, 512, 22 ], "completed": true } ] }, { "text": "#A page for introducing a living room to users.# The page should include one title and a button for users to click for further information.", "region_id": "1639", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 46 21 5 | complete image 34 35 46 19 | title 39 35 38 8", "layout_seq_without_completion": "button 47 46 21 5 | image 34 35 46 19 | title 39 35 38 8", "plain_layout_seq": "button 47 46 21 5 | image 34 35 46 19 | title 39 35 38 8", "canvas_width": 1003, "canvas_height": 755, "elements": [ { "type": "image", "position": [ 292, 294, 391, 167 ], "completed": true }, { "type": "title", "position": [ 328, 294, 319, 74 ], "completed": false }, { "type": "button", "position": [ 396, 392, 180, 44 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company.# The page should include a background image, and two text boxes, one for the question \"Thinking about moving to Australia?\" and another for showing the attitude that the company can help the user. Besides, there should be a text button for the user to tell more.", "region_id": "1005", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'Thinking about moving to Australia?']] [el:text] [el:button [attr:value'tell me more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 59 | button 8 45 22 6 | complete image 0 8 60 51 | text 8 35 46 6 | title 8 14 46 18", "layout_seq_without_completion": "background 0 0 120 59 | button 8 45 22 6 | image 0 8 60 51 | text 8 35 46 6 | title 8 14 46 18", "plain_layout_seq": "background 0 0 120 59 | button 8 45 22 6 | image 0 8 60 51 | text 8 35 46 6 | title 8 14 46 18", "canvas_width": 960, "canvas_height": 472, "elements": [ { "type": "background", "position": [ 0, 0, 960, 472 ], "completed": false }, { "type": "image", "position": [ 0, 64, 480, 408 ], "completed": true }, { "type": "title", "position": [ 64, 112, 368, 144 ], "completed": false }, { "type": "text", "position": [ 64, 280, 368, 48 ], "completed": false }, { "type": "button", "position": [ 64, 360, 180, 48 ], "completed": false } ] }, { "text": "#A page for introducing the White Paper.# Two text boxes are needed, one for showing the title \" BUILD NETWORKS LIKE CLOUD \" and the other for describing the detail. One button is needed for users to click to download the white paper. and one paginator is needed too.", "region_id": "104", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'build networks like cloud'] ] [el:description] [el:button [attr:value'download the white paper'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | complete icon 110 2 4 2 | complete icon 112 39 3 3 | complete logo 4 1 18 3 | title 4 14 42 7", "layout_seq_without_completion": "background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | icon 110 2 4 2 | icon 112 39 3 3 | logo 4 1 18 3 | title 4 14 42 7", "plain_layout_seq": "background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | icon 110 2 4 2 | icon 112 39 3 3 | logo 4 1 18 3 | title 4 14 42 7", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "logo", "position": [ 37, 16, 158, 32 ], "completed": true }, { "type": "icon", "position": [ 947, 18, 39, 24 ], "completed": true }, { "type": "background", "position": [ 0, 60, 1024, 350 ], "completed": true }, { "type": "title", "position": [ 37, 120, 360, 62 ], "completed": false }, { "type": "description", "position": [ 37, 208, 330, 72 ], "completed": false }, { "type": "button", "position": [ 37, 320, 170, 30 ], "completed": false }, { "type": "icon", "position": [ 960, 341, 29, 28 ], "completed": true } ] }, { "text": "#A page for introducing the White Paper.# On the top, there should be two texts, one for showing the platform and the other for exiting the current page. Two text boxes are needed, one for showing the title \" BUILD NETWORKS LIKE CLOUD \" and the other for describing the detail. One text button and one text are needed for users to click to download the white paper.", "region_id": "104_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:position'top'] [attr:repeat'2'] ] [el:title [attr:value'build networks like cloud'] ] [el:description] [el:button [attr:value'download the white paper'] ] [el:text] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text top undefined | text top undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | text 110 2 4 2 | text 112 39 3 3 | text 4 1 18 3 | title 4 14 42 7", "layout_seq_without_completion": "background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | text 110 2 4 2 | text 112 39 3 3 | text 4 1 18 3 | title 4 14 42 7", "plain_layout_seq": "background 0 7 120 41 | button 4 37 19 3 | description 4 24 38 8 | text 110 2 4 2 | text 112 39 3 3 | text 4 1 18 3 | title 4 14 42 7", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "text", "position": [ 37, 16, 158, 32 ], "completed": false }, { "type": "text", "position": [ 947, 18, 39, 24 ], "completed": false }, { "type": "background", "position": [ 0, 60, 1024, 350 ], "completed": true }, { "type": "title", "position": [ 37, 120, 360, 62 ], "completed": false }, { "type": "description", "position": [ 37, 208, 330, 72 ], "completed": false }, { "type": "button", "position": [ 37, 320, 170, 30 ], "completed": false }, { "type": "text", "position": [ 960, 341, 29, 28 ], "completed": false } ] }, { "text": "#A page introducing a talk. # The page should have a background image, two text boxes to show the talk and its source, and a button for users to click to watch the talk.", "region_id": "337", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:repeat '2'] ] [el:button [attr:value'watch the talk'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 84 | button 12 35 18 4 | complete image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "layout_seq_without_completion": "background 0 0 120 84 | button 12 35 18 4 | image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "plain_layout_seq": "background 0 0 120 84 | button 12 35 18 4 | image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "canvas_width": 1024, "canvas_height": 720, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 720 ], "completed": false }, { "type": "image", "position": [ 72, 96, 480, 276 ], "completed": true }, { "type": "text", "position": [ 105, 129, 414, 78 ], "completed": false }, { "type": "text", "position": [ 105, 231, 414, 51 ], "completed": false }, { "type": "button", "position": [ 105, 299, 157, 41 ], "completed": false } ] }, { "text": "#A page introducing a talk. # The page should have a big background image, two text boxes to show the talk and its source, and a button for users to click to watch the talk.", "region_id": "337_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:text [attr:repeat '2'] ] [el:button [attr:value'watch the talk'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 84 | button 12 35 18 4 | complete image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "layout_seq_without_completion": "background 0 0 120 84 | button 12 35 18 4 | image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "plain_layout_seq": "background 0 0 120 84 | button 12 35 18 4 | image 8 11 56 32 | text 12 27 48 5 | text 12 15 48 9", "canvas_width": 1024, "canvas_height": 720, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 720 ], "completed": false }, { "type": "image", "position": [ 72, 96, 480, 276 ], "completed": true }, { "type": "text", "position": [ 105, 129, 414, 78 ], "completed": false }, { "type": "text", "position": [ 105, 231, 414, 51 ], "completed": false }, { "type": "button", "position": [ 105, 299, 157, 41 ], "completed": false } ] }, { "text": "# A page for introducing a company Sysco to attract the user to become a customer. # On the page, there should have a background image, a slogan, a text box with a brief introduction to the company, and a text link for the user to click to become a customer.", "region_id": "2265", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'become a customer'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 112 | description 61 51 48 23 | link 61 80 19 2 | title 61 29 48 15", "layout_seq_without_completion": "background 0 0 120 112 | description 61 51 48 23 | link 61 80 19 2 | title 61 29 48 15", "plain_layout_seq": "background 0 0 120 112 | description 61 51 48 23 | link 61 80 19 2 | title 61 29 48 15", "canvas_width": 1024, "canvas_height": 960, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 960 ], "completed": false }, { "type": "title", "position": [ 527, 248, 410, 128 ], "completed": false }, { "type": "description", "position": [ 527, 442, 410, 202 ], "completed": false }, { "type": "link", "position": [ 527, 683, 169, 18 ], "completed": false } ] }, { "text": "#A page for introducing a commitment that supports LGBTQ+ communities.# The page should have a related image, a title of the commitment, and a link for users to click to learn more about commitments.", "region_id": "3267", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:link [attr:value 'learn more about our commitments'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 10 0 98 55 | link 10 71 98 3 | title 20 59 79 9", "layout_seq_without_completion": "image 10 0 98 55 | link 10 71 98 3 | title 20 59 79 9", "plain_layout_seq": "image 10 0 98 55 | link 10 71 98 3 | title 20 59 79 9", "canvas_width": 880, "canvas_height": 551, "elements": [ { "type": "image", "position": [ 77, 0, 725, 407 ], "completed": false }, { "type": "title", "position": [ 150, 439, 580, 72 ], "completed": false }, { "type": "link", "position": [ 77, 527, 725, 24 ], "completed": false } ] }, { "text": "#A page encouraging users to prepare for Father's Day.# The page should include a background image, two titles, an explanation, and a button \"SHOP NOW\".", "region_id": "5645", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat '2'] ] [el:description] [el:button [attr:value 'shop now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 40 0 77 35 | button 9 24 24 5 | description 3 16 35 5 | title 5 6 32 9 | title 3 3 35 3", "layout_seq_without_completion": "background 40 0 77 35 | button 9 24 24 5 | description 3 16 35 5 | title 5 6 32 9 | title 3 3 35 3", "plain_layout_seq": "background 40 0 77 35 | button 9 24 24 5 | description 3 16 35 5 | title 5 6 32 9 | title 3 3 35 3", "canvas_width": 1024, "canvas_height": 301, "elements": [ { "type": "background", "position": [ 346, 0, 663, 301 ], "completed": false }, { "type": "title", "position": [ 27, 28, 307, 28 ], "completed": false }, { "type": "title", "position": [ 43, 54, 276, 79 ], "completed": false }, { "type": "description", "position": [ 27, 142, 307, 48 ], "completed": false }, { "type": "button", "position": [ 78, 210, 205, 50 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be two buttons and one image as an extra layout and one text box including one title and one slogan. One button is needed for users to learn more. Two text boxes represent the progress bars.", "region_id": "1614", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button [attr:repeat'2'] ] [el:image] [el:title] [el:text] [el:button [attr:value'read more'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | image undefined undefined | pagination undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | complete button 57 45 2 1 | complete button 60 45 2 1 | button 0 19 3 7 | button 116 19 3 7 | button 9 26 12 4 | image 5 11 62 23 | text 9 21 53 3 | title 9 14 53 5", "layout_seq_without_completion": "background 0 0 120 46 | button 57 45 2 1 | button 60 45 2 1 | button 0 19 3 7 | button 116 19 3 7 | button 9 26 12 4 | image 5 11 62 23 | text 9 21 53 3 | title 9 14 53 5", "plain_layout_seq": "background 0 0 120 46 | button 57 45 2 1 | button 60 45 2 1 | button 0 19 3 7 | button 116 19 3 7 | button 9 26 12 4 | image 5 11 62 23 | text 9 21 53 3 | title 9 14 53 5", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 400 ], "completed": true }, { "type": "image", "position": [ 47, 97, 530, 198 ], "completed": false }, { "type": "title", "position": [ 84, 127, 456, 45 ], "completed": false }, { "type": "button", "position": [ 0, 168, 32, 64 ], "completed": false }, { "type": "button", "position": [ 992, 168, 32, 64 ], "completed": false }, { "type": "text", "position": [ 84, 180, 456, 32 ], "completed": false }, { "type": "button", "position": [ 84, 222, 103, 40 ], "completed": false }, { "type": "button", "position": [ 487, 385, 20, 15 ], "completed": true }, { "type": "button", "position": [ 517, 385, 20, 15 ], "completed": true } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a background image, a title \"GET OUR EMAIL LETTER\" followed by a description, an input for the user to enter the email address, and a text button for the user to subscribe. There should have a checkbox with the sentence \"Don't show this popup again\" for the user to choose to close the popup.", "region_id": "7239", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'GET OUR EMAIL LETTER'] ] [el:description] [el:input[attr:value 'enter the email address']] [el:button[attr:value 'subscribe']] [el:text [attr:value 'Dont show this popup again'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 53 | button 80 34 9 2 | description 53 12 62 6 | input 60 22 49 6 | complete input 71 43 1 1 | text 71 42 27 3 | title 53 5 62 4", "layout_seq_without_completion": "background 0 0 120 53 | button 80 34 9 2 | description 53 12 62 6 | input 60 22 49 6 | input 71 43 1 1 | text 71 42 27 3 | title 53 5 62 4", "plain_layout_seq": "background 0 0 120 53 | button 80 34 9 2 | description 53 12 62 6 | input 60 22 49 6 | input 71 43 1 1 | text 71 42 27 3 | title 53 5 62 4", "canvas_width": 890, "canvas_height": 397, "elements": [ { "type": "background", "position": [ 0, 0, 890, 397 ], "completed": false }, { "type": "title", "position": [ 400, 41, 460, 33 ], "completed": false }, { "type": "description", "position": [ 400, 91, 460, 48 ], "completed": false }, { "type": "input", "position": [ 445, 169, 370, 45 ], "completed": false }, { "type": "button", "position": [ 595, 257, 70, 17 ], "completed": false }, { "type": "text", "position": [ 528, 317, 204, 24 ], "completed": false }, { "type": "input", "position": [ 528, 321, 13, 13 ], "completed": true } ] }, { "text": "#A page for introducing the cookies policy.# The page should have an introduction to the cookies policy of the web, a link for users to learn more, and a button for users to click to show that they get it.", "region_id": "6090", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 6 | button 106 1 8 4 | description 5 2 65 2 | link 72 2 9 2", "layout_seq_without_completion": "background 0 0 120 6 | button 106 1 8 4 | description 5 2 65 2 | link 72 2 9 2", "plain_layout_seq": "background 0 0 120 6 | button 106 1 8 4 | description 5 2 65 2 | link 72 2 9 2", "canvas_width": 1024, "canvas_height": 58, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 58 ], "completed": true }, { "type": "button", "position": [ 905, 10, 74, 38 ], "completed": false }, { "type": "description", "position": [ 45, 20, 561, 18 ], "completed": false }, { "type": "link", "position": [ 616, 20, 85, 18 ], "completed": false } ] }, { "text": "#A page showing the company Ferrari.# There is a large image. There are four texts for the rights of Ferrari and a button\"discover more\".", "region_id": "1180", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:text [attr:repeat'4'] ] [el:button [attr:value'discover more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 91 36 20 5 | image 0 0 120 49 | text 71 8 40 8 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "layout_seq_without_completion": "button 91 36 20 5 | image 0 0 120 49 | text 71 8 40 8 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "plain_layout_seq": "button 91 36 20 5 | image 0 0 120 49 | text 71 8 40 8 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "canvas_width": 858, "canvas_height": 354, "elements": [ { "type": "image", "position": [ 0, 0, 858, 354 ], "completed": false }, { "type": "text", "position": [ 689, 30, 109, 24 ], "completed": false }, { "type": "text", "position": [ 508, 61, 290, 60 ], "completed": false }, { "type": "text", "position": [ 618, 120, 180, 26 ], "completed": false }, { "type": "text", "position": [ 412, 122, 386, 103 ], "completed": false }, { "type": "button", "position": [ 652, 260, 146, 36 ], "completed": false } ] }, { "text": "#A page showing the company Ferrari.# There is a large image. There are five text boxes for the rights of Ferrari and a button to discover more.", "region_id": "1180_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:text [attr:repeat'5'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 0 0 120 49 | text 71 8 40 8 | text 91 36 20 5 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "layout_seq_without_completion": "image 0 0 120 49 | text 71 8 40 8 | text 91 36 20 5 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "plain_layout_seq": "image 0 0 120 49 | text 71 8 40 8 | text 91 36 20 5 | text 86 16 25 3 | text 96 4 15 3 | text 57 17 53 14", "canvas_width": 858, "canvas_height": 354, "elements": [ { "type": "image", "position": [ 0, 0, 858, 354 ], "completed": false }, { "type": "text", "position": [ 689, 30, 109, 24 ], "completed": false }, { "type": "text", "position": [ 508, 61, 290, 60 ], "completed": false }, { "type": "text", "position": [ 618, 120, 180, 26 ], "completed": false }, { "type": "text", "position": [ 412, 122, 386, 103 ], "completed": false }, { "type": "text", "position": [ 652, 260, 146, 36 ], "completed": false } ] }, { "text": "# A page for marketing MailReach.# The page should have the title \"Email warm up tool\" to have a brief introduction to MailReach, a slogan, and a further introduction. Also, it will be better to have an image of the topic.", "region_id": "5656", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'email warm up tool'] ] [el:description [attr:size 'small'] ] [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined small | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 11 32 52 20 | image 74 10 32 25 | title 11 7 13 1 | title 11 11 51 16", "layout_seq_without_completion": "description 11 32 52 20 | image 74 10 32 25 | title 11 7 13 1 | title 11 11 51 16", "plain_layout_seq": "description 11 32 52 20 | image 74 10 32 25 | title 11 7 13 1 | title 11 11 51 16", "canvas_width": 1024, "canvas_height": 517, "elements": [ { "type": "title", "position": [ 102, 66, 116, 17 ], "completed": false }, { "type": "image", "position": [ 633, 88, 277, 216 ], "completed": false }, { "type": "title", "position": [ 102, 100, 436, 140 ], "completed": false }, { "type": "description", "position": [ 102, 277, 445, 179 ], "completed": false } ] }, { "text": "# A page to show the award and recognization of a company. # On the page, there should be a title \"Award and recognization\" and three images showing the award and recognization.", "region_id": "1455", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'award and recognization'] ] [el:image [attr:repeat'3'] ] ]", "execution": "singleinfo : image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 61 10 56 55 | image 1 10 56 56 | image 78 35 23 2 | complete link 83 50 13 2 | complete logo 61 10 56 20 | complete text 87 30 4 3 | complete text 86 40 6 3 | complete text 68 45 42 3 | title 0 0 120 3", "layout_seq_without_completion": "image 61 10 56 55 | image 1 10 56 56 | image 78 35 23 2 | link 83 50 13 2 | logo 61 10 56 20 | text 87 30 4 3 | text 86 40 6 3 | text 68 45 42 3 | title 0 0 120 3", "plain_layout_seq": "image 61 10 56 55 | image 1 10 56 56 | image 78 35 23 2 | link 83 50 13 2 | logo 61 10 56 20 | text 87 30 4 3 | text 86 40 6 3 | text 68 45 42 3 | title 0 0 120 3", "canvas_width": 1024, "canvas_height": 704, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 31 ], "completed": false }, { "type": "image", "position": [ 15, 90, 482, 482 ], "completed": false }, { "type": "image", "position": [ 527, 90, 482, 477 ], "completed": false }, { "type": "logo", "position": [ 527, 90, 482, 174 ], "completed": true }, { "type": "text", "position": [ 748, 264, 40, 31 ], "completed": true }, { "type": "image", "position": [ 668, 302, 200, 25 ], "completed": false }, { "type": "text", "position": [ 740, 344, 56, 31 ], "completed": true }, { "type": "text", "position": [ 587, 385, 362, 34 ], "completed": true }, { "type": "link", "position": [ 709, 427, 118, 19 ], "completed": true } ] }, { "text": "#A page for introducing a health system to users.# The page should include one picture on the left, one title, and a button for users to click to chat with a doctor today.", "region_id": "297", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:button [attr:value'chat with a doctor today'] ] ]", "execution": "singleinfo : button undefined undefined | image left undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 40 | button 42 25 39 6 | image 5 0 29 24 | complete text 64 20 1 1 | title 42 7 68 17", "layout_seq_without_completion": "background 0 0 120 40 | button 42 25 39 6 | image 5 0 29 24 | text 64 20 1 1 | title 42 7 68 17", "plain_layout_seq": "background 0 0 120 40 | button 42 25 39 6 | image 5 0 29 24 | text 64 20 1 1 | title 42 7 68 17", "canvas_width": 1024, "canvas_height": 349, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 349 ], "completed": true }, { "type": "image", "position": [ 51, 0, 253, 208 ], "completed": false }, { "type": "title", "position": [ 364, 62, 584, 148 ], "completed": false }, { "type": "text", "position": [ 549, 178, 10, 10 ], "completed": true }, { "type": "button", "position": [ 364, 217, 337, 57 ], "completed": false } ] }, { "text": "#A page for playing one video.# One image is used as an extra layout. There is one label showing the name \"video\" and one title\" Is Networld in our Process\". Users can play the video by clicking one button.", "region_id": "1507", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'video'] ] [el:title [attr:value'is networld in our process'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 4 120 48 | title 6 46 41 4 | title 6 42 41 2", "layout_seq_without_completion": "image 0 4 120 48 | title 6 46 41 4 | title 6 42 41 2", "plain_layout_seq": "image 0 4 120 48 | title 6 46 41 4 | title 6 42 41 2", "canvas_width": 1003, "canvas_height": 486, "elements": [ { "type": "image", "position": [ 0, 40, 1003, 406 ], "completed": false }, { "type": "title", "position": [ 52, 352, 344, 18 ], "completed": false }, { "type": "title", "position": [ 52, 385, 344, 38 ], "completed": false } ] }, { "text": "#A page for playing one video.# One image is used as an extra layout. There should be two texts, one showing the name \"video\" and the other for showing the title\" Is Networld in our Process\".", "region_id": "1507_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:value'video'] ] [el:title [attr:value'is networld in our process'] ] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 4 120 48 | text 6 42 41 2 | title 6 46 41 4", "layout_seq_without_completion": "image 0 4 120 48 | text 6 42 41 2 | title 6 46 41 4", "plain_layout_seq": "image 0 4 120 48 | text 6 42 41 2 | title 6 46 41 4", "canvas_width": 1003, "canvas_height": 486, "elements": [ { "type": "image", "position": [ 0, 40, 1003, 406 ], "completed": false }, { "type": "text", "position": [ 52, 352, 344, 18 ], "completed": false }, { "type": "title", "position": [ 52, 385, 344, 38 ], "completed": false } ] }, { "text": "#A page for introducing one product named \"Security Testing Orchestration\".# Two spaces are needed, one for showing the logo and the other for showing one image. There also should be twoe text boxes including the title and the description. Two text buttons are needed for users to request a demo or learn more info. There should be an image of the product on the right side.", "region_id": "241", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:image] [el:title] [el:description] [el:button [attr:value'request a demo'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image right undefined | image undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 38 21 4 | button 27 38 17 4 | description 2 26 54 9 | image 62 11 54 32 | logo 2 12 7 7 | title 2 22 42 2 | title 11 13 22 6", "layout_seq_without_completion": "button 2 38 21 4 | button 27 38 17 4 | description 2 26 54 9 | image 62 11 54 32 | logo 2 12 7 7 | title 2 22 42 2 | title 11 13 22 6", "plain_layout_seq": "button 2 38 21 4 | button 27 38 17 4 | description 2 26 54 9 | image 62 11 54 32 | logo 2 12 7 7 | title 2 22 42 2 | title 11 13 22 6", "canvas_width": 1024, "canvas_height": 481, "elements": [ { "type": "image", "position": [ 536, 100, 464, 280 ], "completed": false }, { "type": "logo", "position": [ 24, 109, 64, 64 ], "completed": false }, { "type": "title", "position": [ 100, 114, 193, 54 ], "completed": false }, { "type": "title", "position": [ 24, 196, 365, 21 ], "completed": false }, { "type": "description", "position": [ 24, 228, 464, 79 ], "completed": false }, { "type": "button", "position": [ 24, 331, 186, 40 ], "completed": false }, { "type": "button", "position": [ 234, 331, 151, 40 ], "completed": false } ] }, { "text": "#A page for introducing one product named \"Security Testing Orchestration\".# Two texts are needed, one for showing the logo and the other for showing one image. There also should be three text boxes including the title and the description. Two text buttons are needed for users to request a demo or learn more info. There should be an interface of the product on the right side.", "region_id": "241_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:image] [el:title] [el:description] [el:text] [el:button [attr:value'request a demo'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image right undefined | image undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 38 21 4 | button 27 38 17 4 | description 2 22 42 2 | image 62 11 54 32 | logo 2 12 7 7 | text 2 26 54 9 | title 11 13 22 6", "layout_seq_without_completion": "button 2 38 21 4 | button 27 38 17 4 | description 2 22 42 2 | image 62 11 54 32 | logo 2 12 7 7 | text 2 26 54 9 | title 11 13 22 6", "plain_layout_seq": "button 2 38 21 4 | button 27 38 17 4 | description 2 22 42 2 | image 62 11 54 32 | logo 2 12 7 7 | text 2 26 54 9 | title 11 13 22 6", "canvas_width": 1024, "canvas_height": 481, "elements": [ { "type": "image", "position": [ 536, 100, 464, 280 ], "completed": false }, { "type": "logo", "position": [ 24, 109, 64, 64 ], "completed": false }, { "type": "title", "position": [ 100, 114, 193, 54 ], "completed": false }, { "type": "description", "position": [ 24, 196, 365, 21 ], "completed": false }, { "type": "text", "position": [ 24, 228, 464, 79 ], "completed": false }, { "type": "button", "position": [ 24, 331, 186, 40 ], "completed": false }, { "type": "button", "position": [ 234, 331, 151, 40 ], "completed": false } ] }, { "text": "#A page for introducing volume discount.# The page should have a title, a short description of the volume discount, a button for users to click to learn more info, and an image.", "region_id": "7989", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'for more information click here']] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 27 39 6 | description 3 14 52 9 | image 59 0 60 42 | title 3 8 52 4", "layout_seq_without_completion": "button 3 27 39 6 | description 3 14 52 9 | image 59 0 60 42 | title 3 8 52 4", "plain_layout_seq": "button 3 27 39 6 | description 3 14 52 9 | image 59 0 60 42 | title 3 8 52 4", "canvas_width": 1009, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 504, 0, 505, 361 ], "completed": false }, { "type": "title", "position": [ 30, 72, 445, 36 ], "completed": false }, { "type": "description", "position": [ 30, 123, 445, 82 ], "completed": false }, { "type": "button", "position": [ 30, 235, 334, 54 ], "completed": false } ] }, { "text": "#A page introducing a Community plan.# The page should include the title \"Community Plan\", an explanation, two numbers and a button for users to start the trial.", "region_id": "5606", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'community plan'] ] [el:description] [el:text [attr:repeat '2'] ] [el:button [attr:value 'start trial'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 9 | button 101 1 15 6 | description 3 5 34 3 | text 42 0 25 7 | complete text 109 3 4 3 | complete text 103 3 4 2 | text 71 0 15 7 | title 3 1 34 3", "layout_seq_without_completion": "background 0 0 120 9 | button 101 1 15 6 | description 3 5 34 3 | text 42 0 25 7 | text 109 3 4 3 | text 103 3 4 2 | text 71 0 15 7 | title 3 1 34 3", "plain_layout_seq": "background 0 0 120 9 | button 101 1 15 6 | description 3 5 34 3 | text 42 0 25 7 | text 109 3 4 3 | text 103 3 4 2 | text 71 0 15 7 | title 3 1 34 3", "canvas_width": 837, "canvas_height": 67, "elements": [ { "type": "background", "position": [ 0, 0, 837, 67 ], "completed": true }, { "type": "text", "position": [ 296, 4, 175, 51 ], "completed": false }, { "type": "text", "position": [ 501, 4, 107, 51 ], "completed": false }, { "type": "title", "position": [ 24, 11, 243, 25 ], "completed": false }, { "type": "button", "position": [ 706, 12, 106, 43 ], "completed": false }, { "type": "text", "position": [ 763, 23, 30, 21 ], "completed": true }, { "type": "text", "position": [ 725, 24, 34, 19 ], "completed": true }, { "type": "description", "position": [ 24, 36, 243, 21 ], "completed": false } ] }, { "text": "# A page for the user to join a company's email list. # The page should have a title \"Be the first to know\", a short description, and an input box with an icon for the user to enter the email address and click to subscribe.", "region_id": "8192", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'be the first to know'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email'] ] [el:icon [attr:value 'subscribe']] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 16 16 86 3 | icon 78 24 1 3 | input 37 22 44 5 | complete text 40 24 6 2 | title 11 6 97 8", "layout_seq_without_completion": "description 16 16 86 3 | icon 78 24 1 3 | input 37 22 44 5 | text 40 24 6 2 | title 11 6 97 8", "plain_layout_seq": "description 16 16 86 3 | icon 78 24 1 3 | input 37 22 44 5 | text 40 24 6 2 | title 11 6 97 8", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "title", "position": [ 94, 56, 835, 73 ], "completed": false }, { "type": "description", "position": [ 144, 144, 735, 30 ], "completed": false }, { "type": "input", "position": [ 324, 195, 376, 47 ], "completed": false }, { "type": "text", "position": [ 345, 206, 54, 25 ], "completed": true }, { "type": "icon", "position": [ 669, 206, 16, 26 ], "completed": false } ] }, { "text": "#A page for sharing the developer-first experience to users.# The page should include a picture on the left, one title, and a brief description on the right side.", "region_id": "247", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] [attr:position'right'] ] ]", "execution": "singleinfo : description right small | image left undefined | title undefined undefined", "layout_seq_with_completion": "description 60 29 57 9 | image 2 0 57 54 | title 60 13 57 12", "layout_seq_without_completion": "description 60 29 57 9 | image 2 0 57 54 | title 60 13 57 12", "plain_layout_seq": "description 60 29 57 9 | image 2 0 57 54 | title 60 13 57 12", "canvas_width": 1024, "canvas_height": 468, "elements": [ { "type": "image", "position": [ 24, 0, 488, 468 ], "completed": false }, { "type": "title", "position": [ 512, 117, 488, 108 ], "completed": false }, { "type": "description", "position": [ 512, 249, 488, 79 ], "completed": false } ] }, { "text": "#A page for users to subscribe.# There is one title \"JOIN MY NEWSLETTER TO HEAR ABOUT THE BEST KIND OF NEWS..GOOD NEWS!\", one description, and one input box for users to enter their email. Users can subscribe to the newsletter by clicking one button.", "region_id": "6973", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'join my newsletter to hear about the best kind of news..good news!'] ] [el:description] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 81 33 8 1 | description 6 17 107 7 | input 27 31 52 5 | title 6 12 107 2", "layout_seq_without_completion": "button 81 33 8 1 | description 6 17 107 7 | input 27 31 52 5 | title 6 12 107 2", "plain_layout_seq": "button 81 33 8 1 | description 6 17 107 7 | input 27 31 52 5 | title 6 12 107 2", "canvas_width": 1024, "canvas_height": 387, "elements": [ { "type": "title", "position": [ 55, 109, 914, 24 ], "completed": false }, { "type": "description", "position": [ 55, 150, 914, 65 ], "completed": false }, { "type": "input", "position": [ 232, 270, 446, 46 ], "completed": false }, { "type": "button", "position": [ 697, 284, 76, 16 ], "completed": false } ] }, { "text": "#A page for introducing the cookie notice for users.# This page should include one title \"Cookie Notice\" and a detailed description. There should be an \"OK\" button for users to confirm.", "region_id": "3738", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'cookie notice'] ] [el:description] [el:button [attr:value 'ok'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 15 | button 81 5 14 4 | description 3 6 66 6 | complete link 51 10 10 2 | title 3 2 15 2", "layout_seq_without_completion": "background 0 0 120 15 | button 81 5 14 4 | description 3 6 66 6 | link 51 10 10 2 | title 3 2 15 2", "plain_layout_seq": "background 0 0 120 15 | button 81 5 14 4 | description 3 6 66 6 | link 51 10 10 2 | title 3 2 15 2", "canvas_width": 1024, "canvas_height": 136, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 136 ], "completed": true }, { "type": "title", "position": [ 32, 20, 128, 25 ], "completed": false }, { "type": "button", "position": [ 699, 46, 125, 42 ], "completed": false }, { "type": "description", "position": [ 32, 54, 568, 57 ], "completed": false }, { "type": "link", "position": [ 438, 93, 88, 18 ], "completed": true } ] }, { "text": "#This page introduces the 2022 season to users. #This page has one: the title of \"2022 SEASON\" a detailed description of the season, and two pictures of the participant's activities on the right.", "region_id": "8448", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value '2022 season'] ] [el:description] [el:image [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | image right undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "\" [ complete text 7 3 40 1 ] | [ title 7 6 40 6 ] | [ description 7 14 40 25 ] \"", "layout_seq_without_completion": "\" [ text 7 3 40 1 ] | [ title 7 6 40 6 ] | [ description 7 14 40 25 ] \"", "plain_layout_seq": "description 7 14 40 25 | text 7 3 40 1 | title 7 6 40 6", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "text", "position": [ 60, 31, 346, 13 ], "completed": true }, { "type": "title", "position": [ 60, 54, 346, 55 ], "completed": false }, { "type": "description", "position": [ 60, 124, 346, 215 ], "completed": false } ] }, { "text": "#A page for downloading one app.# There is one image and one title\"Use the Aiways to control your vehicle\". Next is one prompt and one description. Two buttons are needed for users to choose different ways to download.", "region_id": "599", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'use the aiways to control your vehicle'] ] [el:description [attr:repeat'2'] ] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "layout_seq_without_completion": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "plain_layout_seq": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "canvas_width": 1003, "canvas_height": 522, "elements": [ { "type": "title", "position": [ 10, 10, 983, 148 ], "completed": false }, { "type": "image", "position": [ 10, 178, 295, 254 ], "completed": false }, { "type": "description", "position": [ 335, 188, 648, 32 ], "completed": false }, { "type": "description", "position": [ 335, 240, 648, 32 ], "completed": false }, { "type": "button", "position": [ 389, 302, 166, 50 ], "completed": false }, { "type": "button", "position": [ 575, 302, 166, 50 ], "completed": false } ] }, { "text": "#A page for downloading one app.# There should be one image and one text box showing the title. Two text boxes are used to show the detailed info. Two text buttons are needed for users to choose different ways to download.", "region_id": "599_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:repeat'2'] ] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "layout_seq_without_completion": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "plain_layout_seq": "button 46 36 19 5 | button 68 36 19 5 | description 40 22 77 3 | description 40 28 77 3 | image 1 21 35 30 | title 1 1 117 17", "canvas_width": 1003, "canvas_height": 522, "elements": [ { "type": "title", "position": [ 10, 10, 983, 148 ], "completed": false }, { "type": "image", "position": [ 10, 178, 295, 254 ], "completed": false }, { "type": "description", "position": [ 335, 188, 648, 32 ], "completed": false }, { "type": "description", "position": [ 335, 240, 648, 32 ], "completed": false }, { "type": "button", "position": [ 389, 302, 166, 50 ], "completed": false }, { "type": "button", "position": [ 575, 302, 166, 50 ], "completed": false } ] }, { "text": "# A page to download the report of a company. # The page should include the title \"Reports\". And two text links are needed to download the latest report \"Annual Report 2021\" and \"Sustainability Report 2021\". There should be two images.", "region_id": "1013", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'reports'] ] [el:link [attr:value'Annual Report 2021'] ] [el:link [attr:value'Sustainability Report 2021'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : image undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 39 37 | image 80 0 39 37 | image 39 0 39 37 | link 3 12 32 12 | title 3 3 32 6", "layout_seq_without_completion": "image 0 0 39 37 | image 80 0 39 37 | image 39 0 39 37 | link 3 12 32 12 | title 3 3 32 6", "plain_layout_seq": "image 0 0 39 37 | image 80 0 39 37 | image 39 0 39 37 | link 3 12 32 12 | title 3 3 32 6", "canvas_width": 1024, "canvas_height": 318, "elements": [ { "type": "image", "position": [ 0, 0, 341, 318 ], "completed": false }, { "type": "image", "position": [ 341, 0, 341, 318 ], "completed": false }, { "type": "image", "position": [ 683, 0, 341, 317 ], "completed": false }, { "type": "title", "position": [ 30, 30, 281, 58 ], "completed": false }, { "type": "link", "position": [ 30, 103, 281, 104 ], "completed": false } ] }, { "text": "# A page for guiding the user to sign up to have a free trial to a website.# The page should have a title, a description, and a button \"Sign up now\" for the user to sign up.", "region_id": "3331", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'sign up now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 46 17 26 4 | description 4 10 111 4 | title 4 5 111 3", "layout_seq_without_completion": "button 46 17 26 4 | description 4 10 111 4 | title 4 5 111 3", "plain_layout_seq": "button 46 17 26 4 | description 4 10 111 4 | title 4 5 111 3", "canvas_width": 1009, "canvas_height": 240, "elements": [ { "type": "title", "position": [ 34, 50, 940, 26 ], "completed": false }, { "type": "description", "position": [ 34, 86, 940, 37 ], "completed": false }, { "type": "button", "position": [ 392, 148, 220, 42 ], "completed": false } ] }, { "text": "#A page for introducing one business suite.# There should be one image and one text box showing the title. Three icons are needed and each of them is followed by one text box. Below, there should be four text boxes.", "region_id": "1993", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text] ] ] [el:text [attr:repeat '4'] ] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | title 5 5 71 9 | \" [ text 5 41 23 6 ] | [ text 5 49 23 4 ] | [ text 5 55 23 4 ] \"", "layout_seq_without_completion": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | title 5 5 71 9 | \" [ text 5 41 23 6 ] | [ text 5 49 23 4 ] | [ text 5 55 23 4 ] \"", "plain_layout_seq": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | text 5 41 23 6 | text 5 49 23 4 | text 5 55 23 4 | title 5 5 71 9", "canvas_width": 1024, "canvas_height": 563, "elements": [ { "type": "title", "position": [ 47, 47, 610, 85 ], "completed": false }, { "type": "image", "position": [ 687, 48, 290, 447 ], "completed": false }, { "type": "icon", "position": [ 47, 174, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 248, 174, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 450, 174, 64, 64 ], "completed": false }, { "type": "text", "position": [ 450, 249, 152, 51 ], "completed": false }, { "type": "text", "position": [ 47, 261, 76, 37 ], "completed": false }, { "type": "text", "position": [ 248, 261, 101, 38 ], "completed": false }, { "type": "text", "position": [ 47, 358, 203, 59 ], "completed": false }, { "type": "text", "position": [ 317, 358, 340, 40 ], "completed": false }, { "type": "text", "position": [ 47, 425, 203, 37 ], "completed": false }, { "type": "text", "position": [ 47, 470, 203, 37 ], "completed": false } ] }, { "text": "# A page for attracting the user to buy video ads of a company. # On the page, there should have an image showing the 100% quality of the company, a slogan followed by a sentence, and 5 entries about the service to attract the user. What's more, there must have a button \"Get Your Winning Video Ad Now\" to buy the video ads now.", "region_id": "4627", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:text [attr:repeat '5']] [el:button [attr:value 'Get Your Winning Video Ad Now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 54 50 11 | description 61 18 43 2 | image 7 5 52 52 | text 66 23 46 5 | text 66 47 46 5 | complete text 61 41 4 4 | text 67 42 45 2 | complete text 61 24 4 4 | complete text 61 30 4 4 | complete text 61 47 4 4 | text 66 29 46 5 | complete text 61 35 4 4 | text 67 36 45 2 | title 61 5 50 10", "layout_seq_without_completion": "button 61 54 50 11 | description 61 18 43 2 | image 7 5 52 52 | text 66 23 46 5 | text 66 47 46 5 | text 61 41 4 4 | text 67 42 45 2 | text 61 24 4 4 | text 61 30 4 4 | text 61 47 4 4 | text 66 29 46 5 | text 61 35 4 4 | text 67 36 45 2 | title 61 5 50 10", "plain_layout_seq": "button 61 54 50 11 | description 61 18 43 2 | image 7 5 52 52 | text 66 23 46 5 | text 66 47 46 5 | text 61 41 4 4 | text 67 42 45 2 | text 61 24 4 4 | text 61 30 4 4 | text 61 47 4 4 | text 66 29 46 5 | text 61 35 4 4 | text 67 36 45 2 | title 61 5 50 10", "canvas_width": 1024, "canvas_height": 616, "elements": [ { "type": "image", "position": [ 62, 50, 450, 450 ], "completed": false }, { "type": "title", "position": [ 527, 50, 428, 86 ], "completed": false }, { "type": "description", "position": [ 527, 157, 370, 24 ], "completed": false }, { "type": "text", "position": [ 569, 203, 393, 45 ], "completed": false }, { "type": "text", "position": [ 527, 206, 36, 40 ], "completed": true }, { "type": "text", "position": [ 569, 253, 393, 45 ], "completed": false }, { "type": "text", "position": [ 527, 256, 36, 40 ], "completed": true }, { "type": "text", "position": [ 527, 306, 40, 40 ], "completed": true }, { "type": "text", "position": [ 573, 314, 388, 22 ], "completed": false }, { "type": "text", "position": [ 527, 356, 40, 40 ], "completed": true }, { "type": "text", "position": [ 573, 364, 384, 22 ], "completed": false }, { "type": "text", "position": [ 568, 403, 394, 45 ], "completed": false }, { "type": "text", "position": [ 527, 406, 35, 40 ], "completed": true }, { "type": "button", "position": [ 527, 467, 435, 100 ], "completed": false } ] }, { "text": "#A page for booking a demo.# There are two text boxes. One is for 'Book Your Demo' title and the other is a short description. A 'Book Now' button is necessary for the users to click to book the demo now.", "region_id": "760", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'book your demo'] ] [el:description [attr:size 'small'] ] [el:button [attr:value'book now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "layout_seq_without_completion": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "plain_layout_seq": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "canvas_width": 1024, "canvas_height": 319, "elements": [ { "type": "title", "position": [ 422, 90, 180, 45 ], "completed": false }, { "type": "description", "position": [ 129, 145, 766, 30 ], "completed": false }, { "type": "button", "position": [ 414, 215, 196, 42 ], "completed": false } ] }, { "text": "#A page for booking a demo.# There are two text boxes. One is for 'Book Your Demo' and the other is a short description. A 'Book Now' button is necessary for the users to click to book the demo now.", "region_id": "760_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'book your demo'] ] [el:description] [el:button [attr:value'book the demo now'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "layout_seq_without_completion": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "plain_layout_seq": "button 48 25 22 4 | description 15 16 89 3 | title 49 10 21 5", "canvas_width": 1024, "canvas_height": 319, "elements": [ { "type": "title", "position": [ 422, 90, 180, 45 ], "completed": false }, { "type": "description", "position": [ 129, 145, 766, 30 ], "completed": false }, { "type": "button", "position": [ 414, 215, 196, 42 ], "completed": false } ] }, { "text": "#A page for introducing carriers for users.# The page should include one label\" FOR CARRIERS\", one title \"Earn more with less hassle\", and a brief introduction to Convoy. A button is needed for users to click for further information about Convoy.", "region_id": "76", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'for carriers'] ] [el:title [attr:value'earn more with less hassle'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 68 42 16 5 | description 68 30 43 9 | complete image 0 0 60 60 | title 68 13 43 2 | title 68 17 43 10", "layout_seq_without_completion": "button 68 42 16 5 | description 68 30 43 9 | image 0 0 60 60 | title 68 13 43 2 | title 68 17 43 10", "plain_layout_seq": "button 68 42 16 5 | description 68 30 43 9 | image 0 0 60 60 | title 68 13 43 2 | title 68 17 43 10", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "image", "position": [ 0, 0, 512, 512 ], "completed": true }, { "type": "title", "position": [ 584, 115, 368, 22 ], "completed": false }, { "type": "title", "position": [ 584, 152, 368, 92 ], "completed": false }, { "type": "description", "position": [ 584, 260, 368, 81 ], "completed": false }, { "type": "button", "position": [ 584, 365, 138, 47 ], "completed": false } ] }, { "text": "#A page for introducing revolutionizing healthcare to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. It's better to have a picture on the right side.", "region_id": "2070", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 59 | button 2 36 21 4 | description 2 22 49 10 | image 62 7 52 44 | image 61 6 55 46 | title 2 9 55 9 | \" [ complete button 2 51 1 1 ] | [ complete button 4 51 1 1 ] | [ complete button 7 51 1 1 ] \"", "layout_seq_without_completion": "background 0 0 120 59 | button 2 36 21 4 | description 2 22 49 10 | image 62 7 52 44 | image 61 6 55 46 | title 2 9 55 9 | \" [ button 2 51 1 1 ] | [ button 4 51 1 1 ] | [ button 7 51 1 1 ] \"", "plain_layout_seq": "background 0 0 120 59 | button 2 36 21 4 | button 2 51 1 1 | button 4 51 1 1 | button 7 51 1 1 | description 2 22 49 10 | image 62 7 52 44 | image 61 6 55 46 | title 2 9 55 9", "canvas_width": 1024, "canvas_height": 608, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 510 ], "completed": true }, { "type": "image", "position": [ 527, 57, 472, 400 ], "completed": false }, { "type": "image", "position": [ 537, 67, 452, 380 ], "completed": false }, { "type": "title", "position": [ 25, 85, 472, 80 ], "completed": false }, { "type": "description", "position": [ 25, 188, 420, 92 ], "completed": false }, { "type": "button", "position": [ 25, 312, 181, 38 ], "completed": false }, { "type": "button", "position": [ 20, 436, 12, 12 ], "completed": true }, { "type": "button", "position": [ 42, 436, 12, 12 ], "completed": true }, { "type": "button", "position": [ 64, 436, 12, 12 ], "completed": true } ] }, { "text": "# A page for introducing Rewards Checking.# The page should have a small image, the title \"REWARDS CHECKING\", and a slogan with three entries of introduction to attract the user. Besides, a link for the user to learn more about Rewards Checking is needed.", "region_id": "5325", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'small'] ] [el:title [attr:value 'rewards checking'] ] [el:text] [el:description [attr:repeat '3'] ] [el:link [attr:value 'read more about Rewards Checking'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | image undefined small | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 46 24 59 3 | description 46 29 15 3 | description 46 33 57 3 | image 14 15 15 13 | link 41 40 33 2 | text 41 13 74 9 | title 41 9 74 2", "layout_seq_without_completion": "description 46 24 59 3 | description 46 29 15 3 | description 46 33 57 3 | image 14 15 15 13 | link 41 40 33 2 | text 41 13 74 9 | title 41 9 74 2", "plain_layout_seq": "description 46 24 59 3 | description 46 29 15 3 | description 46 33 57 3 | image 14 15 15 13 | link 41 40 33 2 | text 41 13 74 9 | title 41 9 74 2", "canvas_width": 1024, "canvas_height": 448, "elements": [ { "type": "title", "position": [ 357, 80, 635, 24 ], "completed": false }, { "type": "text", "position": [ 357, 115, 635, 84 ], "completed": false }, { "type": "image", "position": [ 123, 128, 128, 115 ], "completed": false }, { "type": "description", "position": [ 401, 213, 504, 28 ], "completed": false }, { "type": "description", "position": [ 401, 250, 129, 28 ], "completed": false }, { "type": "description", "position": [ 401, 286, 490, 28 ], "completed": false }, { "type": "link", "position": [ 357, 345, 283, 20 ], "completed": false } ] }, { "text": "#This page is to guide users to log in to learn more about the product.#That has the title \"Our best tips and tricks, straight to your inbox.\" with a brief description. In addition, there is an Email input box and a signup button.", "region_id": "4765", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'our best tips and tricks, straight to your inbox.'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 67 26 32 7 | description 5 14 108 8 | input 19 26 81 7 | title 6 7 107 4", "layout_seq_without_completion": "button 67 26 32 7 | description 5 14 108 8 | input 19 26 81 7 | title 6 7 107 4", "plain_layout_seq": "button 67 26 32 7 | description 5 14 108 8 | input 19 26 81 7 | title 6 7 107 4", "canvas_width": 1024, "canvas_height": 349, "elements": [ { "type": "title", "position": [ 55, 66, 914, 40 ], "completed": false }, { "type": "description", "position": [ 51, 122, 922, 71 ], "completed": false }, { "type": "input", "position": [ 165, 224, 694, 64 ], "completed": false }, { "type": "button", "position": [ 579, 224, 280, 64 ], "completed": false } ] }, { "text": "#A page for showing a product.# The page includes a background, a label named \"EXCLUSIVE FREE TRAINING REVEALS...\", a title, a description, and a button named \"LEARN MORE\" for users to click to get further information.", "region_id": "3214", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'exclusive free training reveals...'] ] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 58 | button 14 33 39 9 | description 8 24 52 6 | complete image 5 0 57 57 | title 11 4 45 3 | title 8 9 52 15", "layout_seq_without_completion": "background 0 0 120 58 | button 14 33 39 9 | description 8 24 52 6 | image 5 0 57 57 | title 11 4 45 3 | title 8 9 52 15", "plain_layout_seq": "background 0 0 120 58 | button 14 33 39 9 | description 8 24 52 6 | image 5 0 57 57 | title 11 4 45 3 | title 8 9 52 15", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 500 ], "completed": false }, { "type": "image", "position": [ 51, 5, 492, 490 ], "completed": true }, { "type": "title", "position": [ 101, 36, 392, 29 ], "completed": false }, { "type": "title", "position": [ 72, 77, 451, 130 ], "completed": false }, { "type": "description", "position": [ 72, 207, 451, 55 ], "completed": false }, { "type": "button", "position": [ 127, 282, 340, 77 ], "completed": false } ] }, { "text": "# A page for introducing European popular journeys by train.# The page should have the slogan \"Enjoy all Europe destinations by train\", the title \"Popular journeys by train\", and 21 buttons for the journey. So the user can click the buttons to know more info about the journey.", "region_id": "3646", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'enjoy all europe destinations by train'] ] [el:title [attr:value 'popular journeys by train'] ] [el:button [attr:repeat '21'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 31 26 25 3 | button 2 30 23 3 | button 32 22 26 3 | button 58 26 28 3 | button 88 26 22 3 | button 88 22 24 3 | button 53 30 21 3 | button 54 35 23 3 | button 2 22 28 3 | button 2 26 27 3 | button 27 30 24 3 | button 76 30 25 3 | button 28 35 24 3 | button 49 39 21 3 | button 2 44 27 3 | button 60 22 27 3 | button 2 35 24 3 | button 79 35 19 3 | button 2 39 20 3 | button 24 39 23 3 | button 72 39 21 3 | title 1 10 116 4 | title 1 3 116 5", "layout_seq_without_completion": "button 31 26 25 3 | button 2 30 23 3 | button 32 22 26 3 | button 58 26 28 3 | button 88 26 22 3 | button 88 22 24 3 | button 53 30 21 3 | button 54 35 23 3 | button 2 22 28 3 | button 2 26 27 3 | button 27 30 24 3 | button 76 30 25 3 | button 28 35 24 3 | button 49 39 21 3 | button 2 44 27 3 | button 60 22 27 3 | button 2 35 24 3 | button 79 35 19 3 | button 2 39 20 3 | button 24 39 23 3 | button 72 39 21 3 | title 1 10 116 4 | title 1 3 116 5", "plain_layout_seq": "button 31 26 25 3 | button 2 30 23 3 | button 32 22 26 3 | button 58 26 28 3 | button 88 26 22 3 | button 88 22 24 3 | button 53 30 21 3 | button 54 35 23 3 | button 2 22 28 3 | button 2 26 27 3 | button 27 30 24 3 | button 76 30 25 3 | button 28 35 24 3 | button 49 39 21 3 | button 2 44 27 3 | button 60 22 27 3 | button 2 35 24 3 | button 79 35 19 3 | button 2 39 20 3 | button 24 39 23 3 | button 72 39 21 3 | title 1 10 116 4 | title 1 3 116 5", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 16, 32, 992, 45 ], "completed": false }, { "type": "title", "position": [ 16, 93, 992, 37 ], "completed": false }, { "type": "button", "position": [ 22, 188, 243, 26 ], "completed": false }, { "type": "button", "position": [ 277, 188, 227, 26 ], "completed": false }, { "type": "button", "position": [ 516, 188, 231, 26 ], "completed": false }, { "type": "button", "position": [ 759, 188, 212, 26 ], "completed": false }, { "type": "button", "position": [ 22, 226, 235, 26 ], "completed": false }, { "type": "button", "position": [ 269, 226, 221, 26 ], "completed": false }, { "type": "button", "position": [ 502, 226, 242, 26 ], "completed": false }, { "type": "button", "position": [ 756, 226, 192, 26 ], "completed": false }, { "type": "button", "position": [ 22, 264, 199, 26 ], "completed": false }, { "type": "button", "position": [ 233, 264, 210, 26 ], "completed": false }, { "type": "button", "position": [ 455, 264, 187, 26 ], "completed": false }, { "type": "button", "position": [ 654, 264, 214, 26 ], "completed": false }, { "type": "button", "position": [ 22, 302, 212, 26 ], "completed": false }, { "type": "button", "position": [ 246, 302, 205, 26 ], "completed": false }, { "type": "button", "position": [ 463, 302, 200, 26 ], "completed": false }, { "type": "button", "position": [ 675, 302, 167, 26 ], "completed": false }, { "type": "button", "position": [ 22, 340, 174, 26 ], "completed": false }, { "type": "button", "position": [ 208, 340, 204, 26 ], "completed": false }, { "type": "button", "position": [ 424, 340, 186, 26 ], "completed": false }, { "type": "button", "position": [ 622, 340, 185, 26 ], "completed": false }, { "type": "button", "position": [ 22, 378, 235, 26 ], "completed": false } ] }, { "text": "#A page introducing an innovation hub. # The page should have a background image, a title, and a link for users to click to check the hub's look inside the Raytheon Technologies Research Center.", "region_id": "2107", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:link [attr:value'check the hubs look inside the raytheon technologies research center'] ] ]", "execution": "singleinfo : background undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | link 9 56 71 3 | title 9 48 71 6", "layout_seq_without_completion": "background 0 0 120 67 | link 9 56 71 3 | title 9 48 71 6", "plain_layout_seq": "background 0 0 120 67 | link 9 56 71 3 | title 9 48 71 6", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "title", "position": [ 85, 417, 609, 55 ], "completed": false }, { "type": "link", "position": [ 85, 479, 609, 32 ], "completed": false } ] }, { "text": "#A page introducing an innovation hub. # The page should have a big and corresponding background image, a title, and a button for users to click to check the hub's look inside the Raytheon Technologies Research Center.", "region_id": "2107_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:button [attr:value'check the hubs look inside the raytheon technologies research center'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | button 9 56 71 3 | title 9 48 71 6", "layout_seq_without_completion": "background 0 0 120 67 | button 9 56 71 3 | title 9 48 71 6", "plain_layout_seq": "background 0 0 120 67 | button 9 56 71 3 | title 9 48 71 6", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "title", "position": [ 85, 417, 609, 55 ], "completed": false }, { "type": "button", "position": [ 85, 479, 609, 32 ], "completed": false } ] }, { "text": "#A page showing the \"Online Reports\" of a web.# There is a long text named \"Our Online Reports\". There are additional four shorter text boxes showing the categories of options such as \"Online Sustainability Report 2021\".", "region_id": "1159", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'our online reports'] [attr:size 'large'] ] [el:text [attr:repeat '4'] [attr:size 'small'] ] ]", "execution": "singleinfo : text undefined small | text undefined small | text undefined small | text undefined small | title undefined large", "layout_seq_with_completion": "text 7 41 48 3 | text 7 45 37 3 | text 63 41 48 3 | text 63 45 44 3 | title 5 8 108 6", "layout_seq_without_completion": "text 7 41 48 3 | text 7 45 37 3 | text 63 41 48 3 | text 63 45 44 3 | title 5 8 108 6", "plain_layout_seq": "text 7 41 48 3 | text 7 45 37 3 | text 63 41 48 3 | text 63 45 44 3 | title 5 8 108 6", "canvas_width": 1040, "canvas_height": 523, "elements": [ { "type": "title", "position": [ 48, 72, 944, 58 ], "completed": false }, { "type": "text", "position": [ 64, 356, 424, 30 ], "completed": false }, { "type": "text", "position": [ 552, 356, 424, 30 ], "completed": false }, { "type": "text", "position": [ 64, 394, 324, 32 ], "completed": false }, { "type": "text", "position": [ 552, 394, 389, 32 ], "completed": false } ] }, { "text": "#A page giving information about the product of a company. # There should be an attractive title, with two small icons. Also, there has to be a link. Users can read the case study through this link. It is better to include an attractive picture.", "region_id": "1375", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:icon [attr:size'small'] [attr:repeat '2'] ] [el:link [attr:value'read the case study'] ] [el:image] ]", "execution": "singleinfo : icon undefined small | icon undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 18 39 2 2 | icon 19 29 4 4 | icon 0 29 14 4 | image 65 6 54 37 | link 0 38 21 3 | complete text 0 38 16 2 | title 0 9 54 15", "layout_seq_without_completion": "icon 18 39 2 2 | icon 19 29 4 4 | icon 0 29 14 4 | image 65 6 54 37 | link 0 38 21 3 | text 0 38 16 2 | title 0 9 54 15", "plain_layout_seq": "icon 18 39 2 2 | icon 19 29 4 4 | icon 0 29 14 4 | image 65 6 54 37 | link 0 38 21 3 | text 0 38 16 2 | title 0 9 54 15", "canvas_width": 864, "canvas_height": 374, "elements": [ { "type": "image", "position": [ 472, 48, 392, 271 ], "completed": false }, { "type": "title", "position": [ 0, 70, 392, 111 ], "completed": false }, { "type": "icon", "position": [ 138, 213, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 0, 214, 106, 30 ], "completed": false }, { "type": "link", "position": [ 0, 277, 155, 26 ], "completed": false }, { "type": "text", "position": [ 0, 280, 121, 19 ], "completed": true }, { "type": "icon", "position": [ 134, 281, 20, 20 ], "completed": true } ] }, { "text": "#A page for users to search for a route to take a tour. # The page should have a big background image related to the tourist, one input for users to enter the destination they want, and one slogan to introduce the tour web.", "region_id": "1280", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:input [attr:value'enter your destination'] ] [el:description] ]", "execution": "singleinfo : background undefined large | description undefined undefined | input undefined undefined", "layout_seq_with_completion": "background 0 0 120 37 | description 1 14 116 5 | complete icon 4 3 2 2 | input 7 3 98 2", "layout_seq_without_completion": "background 0 0 120 37 | description 1 14 116 5 | icon 4 3 2 2 | input 7 3 98 2", "plain_layout_seq": "background 0 0 120 37 | description 1 14 116 5 | icon 4 3 2 2 | input 7 3 98 2", "canvas_width": 1024, "canvas_height": 320, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 320 ], "completed": false }, { "type": "input", "position": [ 68, 33, 842, 22 ], "completed": false }, { "type": "icon", "position": [ 36, 34, 20, 20 ], "completed": true }, { "type": "description", "position": [ 16, 124, 992, 44 ], "completed": false } ] }, { "text": "#A page for showing one news.# There should be one label for the name of the newspaper and one image for the news. Next is one title \"Meet Kansas Landowner Brenda Sharp\" and one description.", "region_id": "1457", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image] [el:title [attr:value'meet kansas landowner brenda sharp'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 62 120 10 | image 0 2 120 49 | title 0 2 16 8 | title 0 54 120 8", "layout_seq_without_completion": "description 0 62 120 10 | image 0 2 120 49 | title 0 2 16 8 | title 0 54 120 8", "plain_layout_seq": "description 0 62 120 10 | image 0 2 120 49 | title 0 2 16 8 | title 0 54 120 8", "canvas_width": 984, "canvas_height": 623, "elements": [ { "type": "image", "position": [ 0, 20, 984, 405 ], "completed": false }, { "type": "title", "position": [ 0, 20, 136, 70 ], "completed": false }, { "type": "title", "position": [ 0, 445, 984, 68 ], "completed": false }, { "type": "description", "position": [ 0, 513, 984, 90 ], "completed": false } ] }, { "text": "#A page for showing one news.# There should be two images, one for the name of the newspaper and the other for the pic of the news. Two text boxes are needed for users to learn the title and its detailed description.", "region_id": "1457_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '2'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 62 120 10 | image 0 2 120 49 | image 0 2 16 8 | title 0 54 120 8", "layout_seq_without_completion": "description 0 62 120 10 | image 0 2 120 49 | image 0 2 16 8 | title 0 54 120 8", "plain_layout_seq": "description 0 62 120 10 | image 0 2 120 49 | image 0 2 16 8 | title 0 54 120 8", "canvas_width": 984, "canvas_height": 623, "elements": [ { "type": "image", "position": [ 0, 20, 984, 405 ], "completed": false }, { "type": "image", "position": [ 0, 20, 136, 70 ], "completed": false }, { "type": "title", "position": [ 0, 445, 984, 68 ], "completed": false }, { "type": "description", "position": [ 0, 513, 984, 90 ], "completed": false } ] }, { "text": "#A page for guiding users to confirm some information.# The page has a description, a link named \u201cLearn More\u201d for users to click to get further information, and an icon named \u201cOkay\u201d for users to click to accept the request.", "region_id": "8566", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value 'learn more'] ] [el:icon[attr:value 'Okay']] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 3 3 67 2 | icon 100 1 16 4 | link 70 2 10 3", "layout_seq_without_completion": "description 3 3 67 2 | icon 100 1 16 4 | link 70 2 10 3", "plain_layout_seq": "description 3 3 67 2 | icon 100 1 16 4 | link 70 2 10 3", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "icon", "position": [ 855, 16, 140, 40 ], "completed": false }, { "type": "link", "position": [ 601, 21, 87, 30 ], "completed": false }, { "type": "description", "position": [ 29, 26, 572, 19 ], "completed": false } ] }, { "text": "#A page for showing the novel.# There is one image, one title \"Millionaire Son In Law Novel Chapter 4548\", one label showing the date, one label showing the writer, one slogan, and one icon of the novel.", "region_id": "3392", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'millionaire son in law novel chapter 4548'] ] [el:text[attr:repeat'3']] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 4 87 1 1 | image 0 0 120 67 | complete link 7 87 5 2 | text 17 75 2 2 | text 4 81 110 3 | text 4 75 12 2 | text 20 75 5 2 | title 4 71 56 2", "layout_seq_without_completion": "icon 4 87 1 1 | image 0 0 120 67 | link 7 87 5 2 | text 17 75 2 2 | text 4 81 110 3 | text 4 75 12 2 | text 20 75 5 2 | title 4 71 56 2", "plain_layout_seq": "icon 4 87 1 1 | image 0 0 120 67 | link 7 87 5 2 | text 17 75 2 2 | text 4 81 110 3 | text 4 75 12 2 | text 20 75 5 2 | title 4 71 56 2", "canvas_width": 1024, "canvas_height": 810, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "title", "position": [ 40, 612, 478, 24 ], "completed": false }, { "type": "text", "position": [ 40, 645, 106, 18 ], "completed": false }, { "type": "text", "position": [ 151, 645, 24, 18 ], "completed": false }, { "type": "text", "position": [ 175, 645, 48, 18 ], "completed": false }, { "type": "text", "position": [ 40, 695, 944, 27 ], "completed": false }, { "type": "icon", "position": [ 40, 749, 15, 15 ], "completed": false }, { "type": "link", "position": [ 64, 749, 44, 18 ], "completed": true } ] }, { "text": "#A page showing more information about the application.# The page includes a description, a logo of the application named \u201cmystalk\u201d, four links for users to click to get further information, three logos of the related social media, and a label named \u201c#mystalk - All rights reserved\u201d.", "region_id": "4595", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:logo [attr:value 'mystalk'] ] [el:link [attr:repeat '4'] ] [el:logo [attr:repeat '3'] ] [el:text [attr:value '#mystalk - All rights reserved'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "description 7 2 105 4 | \" [ link 62 22 8 1 | link 38 22 9 1 | link 50 22 9 1 | link 72 22 8 1 | logo 51 15 17 4 ] | [ logo 66 26 2 2 | logo 71 26 2 2 | logo 77 26 2 1 | text 4 26 21 1 ] \"", "layout_seq_without_completion": "description 7 2 105 4 | \" [ link 62 22 8 1 | link 38 22 9 1 | link 50 22 9 1 | link 72 22 8 1 | logo 51 15 17 4 ] | [ logo 66 26 2 2 | logo 71 26 2 2 | logo 77 26 2 1 | text 4 26 21 1 ] \"", "plain_layout_seq": "description 7 2 105 4 | link 62 22 8 1 | link 38 22 9 1 | link 50 22 9 1 | link 72 22 8 1 | logo 51 15 17 4 | logo 66 26 2 2 | logo 71 26 2 2 | logo 77 26 2 1 | text 4 26 21 1", "canvas_width": 1024, "canvas_height": 282, "elements": [ { "type": "description", "position": [ 62, 19, 900, 38 ], "completed": false }, { "type": "logo", "position": [ 437, 132, 150, 39 ], "completed": false }, { "type": "link", "position": [ 332, 193, 83, 12 ], "completed": false }, { "type": "link", "position": [ 434, 193, 80, 12 ], "completed": false }, { "type": "link", "position": [ 532, 193, 70, 12 ], "completed": false }, { "type": "link", "position": [ 622, 193, 71, 12 ], "completed": false }, { "type": "text", "position": [ 42, 225, 183, 12 ], "completed": false }, { "type": "logo", "position": [ 570, 225, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 614, 225, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 658, 228, 20, 17 ], "completed": false } ] }, { "text": "#A page showing one company's news.# There should be a title named \"2021 Letter to Investors\" followed by a link, where users can view letters to investors. Also, it is better to have two images for the background pictures.", "region_id": "1158", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'2021 letter to investors'] ] [el:link [attr:value'view letters to investors'] ] [el:background_image [attr:repeat '2'] ] ]", "execution": "singleinfo : background undefined undefined | background undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "layout_seq_without_completion": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "plain_layout_seq": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "canvas_width": 968, "canvas_height": 758, "elements": [ { "type": "background", "position": [ 89, 0, 458, 410 ], "completed": false }, { "type": "background", "position": [ 171, 517, 129, 167 ], "completed": false }, { "type": "title", "position": [ 327, 570, 257, 26 ], "completed": false }, { "type": "link", "position": [ 327, 610, 135, 15 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be a title named \"2021 Letter to Investors\" followed by a link, where users can tap to view the letter. Also, it is better to have two images for the background pictures.", "region_id": "1158_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'2021 letter to investors'] ] [el:link [attr:value'view the letter'] ] [el:background_image [attr:repeat '2'] ] ]", "execution": "singleinfo : background undefined undefined | background undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "layout_seq_without_completion": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "plain_layout_seq": "background 21 64 15 20 | background 11 0 56 50 | link 40 75 16 1 | title 40 70 31 3", "canvas_width": 968, "canvas_height": 758, "elements": [ { "type": "background", "position": [ 89, 0, 458, 410 ], "completed": false }, { "type": "background", "position": [ 171, 517, 129, 167 ], "completed": false }, { "type": "title", "position": [ 327, 570, 257, 26 ], "completed": false }, { "type": "link", "position": [ 327, 610, 135, 15 ], "completed": false } ] }, { "text": "#A page showing the functions of a website.# There are five text boxes showing these features. There are two small buttons.", "region_id": "1178", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '5'] ] [el:button [attr:repeat '2'] [attr:size'small'] ] ]", "execution": "singleinfo : button undefined small | button undefined small | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 81 21 3 3 | button 23 21 15 4 | complete button 85 21 3 3 | complete link 94 25 17 2 | text 94 20 20 2 | text 59 7 19 7 | text 1 7 19 7 | text 23 7 25 10 | text 81 7 35 10", "layout_seq_without_completion": "button 81 21 3 3 | button 23 21 15 4 | button 85 21 3 3 | link 94 25 17 2 | text 94 20 20 2 | text 59 7 19 7 | text 1 7 19 7 | text 23 7 25 10 | text 81 7 35 10", "plain_layout_seq": "button 81 21 3 3 | button 23 21 15 4 | button 85 21 3 3 | link 94 25 17 2 | text 94 20 20 2 | text 59 7 19 7 | text 1 7 19 7 | text 23 7 25 10 | text 81 7 35 10", "canvas_width": 1003, "canvas_height": 306, "elements": [ { "type": "text", "position": [ 16, 61, 162, 60 ], "completed": false }, { "type": "text", "position": [ 193, 61, 213, 90 ], "completed": false }, { "type": "text", "position": [ 501, 61, 162, 60 ], "completed": false }, { "type": "text", "position": [ 678, 61, 293, 90 ], "completed": false }, { "type": "text", "position": [ 786, 174, 172, 20 ], "completed": false }, { "type": "button", "position": [ 193, 176, 130, 34 ], "completed": false }, { "type": "button", "position": [ 678, 176, 32, 32 ], "completed": false }, { "type": "button", "position": [ 712, 176, 32, 32 ], "completed": true }, { "type": "link", "position": [ 786, 209, 147, 20 ], "completed": true } ] }, { "text": "#A page for downloading a video.# The page should have a logo of the web, 3 texts to show the name, the size, and the time of the video, and a button for users to click to download it.", "region_id": "4665", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:text [attr:repeat '2'] ] [el:button [attr:value 'download it'] ] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 88 0 7 4 | logo 0 0 11 4 | logo 0 0 10 3 | text 95 0 10 4 | text 105 0 14 4 | title 11 0 76 4", "layout_seq_without_completion": "button 88 0 7 4 | logo 0 0 11 4 | logo 0 0 10 3 | text 95 0 10 4 | text 105 0 14 4 | title 11 0 76 4", "plain_layout_seq": "button 88 0 7 4 | logo 0 0 11 4 | logo 0 0 10 3 | text 95 0 10 4 | text 105 0 14 4 | title 11 0 76 4", "canvas_width": 940, "canvas_height": 39, "elements": [ { "type": "logo", "position": [ 0, 0, 89, 38 ], "completed": false }, { "type": "title", "position": [ 90, 0, 603, 38 ], "completed": false }, { "type": "button", "position": [ 692, 0, 56, 38 ], "completed": false }, { "type": "text", "position": [ 749, 0, 81, 38 ], "completed": false }, { "type": "text", "position": [ 830, 0, 110, 38 ], "completed": false }, { "type": "logo", "position": [ 5, 5, 80, 28 ], "completed": false } ] }, { "text": "#A page marketing the services of a company.# There must be three titles showing the marketization of the service.", "region_id": "2349", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'3'] ] ]", "execution": "singleinfo : title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 2 3 114 6 ] | [ title 2 10 114 6 ] | [ title 2 16 114 6 ] \"", "layout_seq_without_completion": "\" [ title 2 3 114 6 ] | [ title 2 10 114 6 ] | [ title 2 16 114 6 ] \"", "plain_layout_seq": "title 2 3 114 6 | title 2 10 114 6 | title 2 16 114 6", "canvas_width": 1024, "canvas_height": 263, "elements": [ { "type": "title", "position": [ 24, 32, 976, 56 ], "completed": false }, { "type": "title", "position": [ 24, 88, 976, 57 ], "completed": false }, { "type": "title", "position": [ 24, 145, 976, 56 ], "completed": false } ] }, { "text": "#A page marketing the services of a company.# There must be three text boxes showing the marketization of the service.", "region_id": "2349_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'3'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "\" [ text 2 3 114 6 ] | [ text 2 10 114 6 ] | [ text 2 16 114 6 ] \"", "layout_seq_without_completion": "\" [ text 2 3 114 6 ] | [ text 2 10 114 6 ] | [ text 2 16 114 6 ] \"", "plain_layout_seq": "text 2 3 114 6 | text 2 10 114 6 | text 2 16 114 6", "canvas_width": 1024, "canvas_height": 263, "elements": [ { "type": "text", "position": [ 24, 32, 976, 56 ], "completed": false }, { "type": "text", "position": [ 24, 88, 976, 57 ], "completed": false }, { "type": "text", "position": [ 24, 145, 976, 56 ], "completed": false } ] }, { "text": "#A page for introducing the exception partnership to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. One image is used as an extra layout.", "region_id": "1700", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 37 19 4 | description 4 25 72 6 | image 0 0 120 58 | title 4 16 72 6", "layout_seq_without_completion": "button 4 37 19 4 | description 4 25 72 6 | image 0 0 120 58 | title 4 16 72 6", "plain_layout_seq": "button 4 37 19 4 | description 4 25 72 6 | image 0 0 120 58 | title 4 16 72 6", "canvas_width": 1024, "canvas_height": 498, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 498 ], "completed": false }, { "type": "title", "position": [ 42, 140, 617, 53 ], "completed": false }, { "type": "description", "position": [ 42, 217, 617, 58 ], "completed": false }, { "type": "button", "position": [ 42, 319, 164, 39 ], "completed": false } ] }, { "text": "#A page for introducing Easter gifts and surprises.# The page should have a background image showing the gifts that users can buy as Easter gifts. There should also have one slogan and one short introduction to entice users to use the service, and a button for users to click to get Easter Basket Gift Ideas.", "region_id": "2282", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size 'small']] [el:button [attr:value'Easter Basket Gift Ideas']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 44 | \" [ title 41 14 36 9 ] | [ description 41 25 36 5 ] | [ button 47 33 25 2 ] \"", "layout_seq_without_completion": "background 0 0 120 44 | \" [ title 41 14 36 9 ] | [ description 41 25 36 5 ] | [ button 47 33 25 2 ] \"", "plain_layout_seq": "background 0 0 120 44 | button 47 33 25 2 | description 41 25 36 5 | title 41 14 36 9", "canvas_width": 1003, "canvas_height": 376, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 376 ], "completed": false }, { "type": "title", "position": [ 351, 120, 301, 82 ], "completed": false }, { "type": "description", "position": [ 351, 210, 301, 46 ], "completed": false }, { "type": "button", "position": [ 397, 284, 209, 20 ], "completed": false } ] }, { "text": "#A page for introducing Easter gifts and surprises.# The page should have a big background image showing the gifts that users can buy as Easter gifts. There should also have one slogan and one short introduction to entice users to use the service, and a button for users to click to get Easter Basket gift ideas.", "region_id": "2282_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large']] [el:title] [el:description [attr:size 'small']] [el:button [attr:value'Easter Basket gift ideas']] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 44 | \" [ title 41 14 36 9 ] | [ description 41 25 36 5 ] | [ button 47 33 25 2 ] \"", "layout_seq_without_completion": "background 0 0 120 44 | \" [ title 41 14 36 9 ] | [ description 41 25 36 5 ] | [ button 47 33 25 2 ] \"", "plain_layout_seq": "background 0 0 120 44 | button 47 33 25 2 | description 41 25 36 5 | title 41 14 36 9", "canvas_width": 1003, "canvas_height": 376, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 376 ], "completed": false }, { "type": "title", "position": [ 351, 120, 301, 82 ], "completed": false }, { "type": "description", "position": [ 351, 210, 301, 46 ], "completed": false }, { "type": "button", "position": [ 397, 284, 209, 20 ], "completed": false } ] }, { "text": "# A page to introduce the Cell Wellbeing hair test. # On the page, there should have a title \"The Cell Wellbeing Hair Test\", a related image, a further introduction, and a text button \"FIND OUT MORE!\" for the user to learn more info about the test.", "region_id": "7205", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'The Cell Wellbeing Hair Test'] ] [el:image] [el:description] [el:button [attr:value 'FIND OUT MORE!'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 54 20 5 | description 6 21 49 30 | image 60 23 53 20 | title 6 10 49 9", "layout_seq_without_completion": "button 6 54 20 5 | description 6 21 49 30 | image 60 23 53 20 | title 6 10 49 9", "plain_layout_seq": "button 6 54 20 5 | description 6 21 49 30 | image 60 23 53 20 | title 6 10 49 9", "canvas_width": 1024, "canvas_height": 599, "elements": [ { "type": "title", "position": [ 55, 88, 422, 79 ], "completed": false }, { "type": "description", "position": [ 55, 184, 422, 263 ], "completed": false }, { "type": "image", "position": [ 512, 202, 457, 175 ], "completed": false }, { "type": "button", "position": [ 55, 466, 173, 43 ], "completed": false } ] }, { "text": "#A page for introducing a company to users.# The page should include a background image of the company and a slogan in the middle.", "region_id": "1236", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] ]", "execution": "singleinfo : background undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | title 16 22 86 6", "layout_seq_without_completion": "background 0 0 120 50 | title 16 22 86 6", "plain_layout_seq": "background 0 0 120 50 | title 16 22 86 6", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 432 ], "completed": false }, { "type": "title", "position": [ 142, 189, 739, 54 ], "completed": false } ] }, { "text": "#This page is to guide users to understand the product. #There is a short description on the left side of this page, an input box for entering your Email Address, and a button for subscribing on the right.", "region_id": "4203", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] [attr:position 'left'] ] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'subscribing'][attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | description left small | input undefined undefined", "layout_seq_with_completion": "button 97 7 18 5 | description 3 4 46 11 | input 52 7 41 5", "layout_seq_without_completion": "button 97 7 18 5 | description 3 4 46 11 | input 52 7 41 5", "plain_layout_seq": "button 97 7 18 5 | description 3 4 46 11 | input 52 7 41 5", "canvas_width": 1024, "canvas_height": 180, "elements": [ { "type": "description", "position": [ 32, 40, 399, 100 ], "completed": false }, { "type": "button", "position": [ 831, 65, 161, 50 ], "completed": false }, { "type": "input", "position": [ 451, 67, 350, 46 ], "completed": false } ] }, { "text": "#The page introducing the information about stock to the user.# There should be one headline and three buttons for the user to click on to enter the next step.", "region_id": "5882", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 0 0 47 2 | \" [ button 103 2 4 1 ] | [ button 109 2 4 1 ] | [ button 115 2 4 1 ] \"", "layout_seq_without_completion": "title 0 0 47 2 | \" [ button 103 2 4 1 ] | [ button 109 2 4 1 ] | [ button 115 2 4 1 ] \"", "plain_layout_seq": "button 103 2 4 1 | button 109 2 4 1 | button 115 2 4 1 | title 0 0 47 2", "canvas_width": 974, "canvas_height": 48, "elements": [ { "type": "title", "position": [ 0, 0, 388, 20 ], "completed": false }, { "type": "button", "position": [ 841, 23, 40, 15 ], "completed": false }, { "type": "button", "position": [ 889, 23, 38, 15 ], "completed": false }, { "type": "button", "position": [ 935, 23, 39, 15 ], "completed": false } ] }, { "text": "#A page for introducing the DiversityInc Top 50 companies for Philanthropy to users.# The page should include one title and a brief description of the DiversityInc. A button is needed for users to click for further information about Convoy.", "region_id": "574", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "description 12 22 95 8 | title 12 18 95 4 | \" [ button 51 39 4 0 ] | [ button 57 39 4 0 ] | [ button 63 39 4 0 ] \"", "layout_seq_without_completion": "description 12 22 95 8 | title 12 18 95 4 | \" [ button 51 39 4 0 ] | [ button 57 39 4 0 ] | [ button 63 39 4 0 ] \"", "plain_layout_seq": "button 51 39 4 0 | button 57 39 4 0 | button 63 39 4 0 | description 12 22 95 8 | title 12 18 95 4", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 105, 154, 813, 35 ], "completed": false }, { "type": "description", "position": [ 105, 194, 813, 76 ], "completed": false }, { "type": "button", "position": [ 438, 333, 39, 7 ], "completed": false }, { "type": "button", "position": [ 490, 333, 39, 7 ], "completed": false }, { "type": "button", "position": [ 543, 333, 39, 7 ], "completed": false } ] }, { "text": "# A page to subscribe to the newsletter. # There should contain a title \"SUBSCRIBE TO OUR NEWSLETTER\", a short description, an input, and a button \"SUBSCRIBE\" for the user to input the email address and click to subscribe. Also, there should have six icons for the user to follow the company on social media platforms: Facebook, Twitter, Instagram, Tumblr, Pinterest, and YouTube.", "region_id": "8682", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our newsletter'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'twitter'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'Tumblr'] ] [el:icon [attr:value 'Pinterest'] ] [el:icon [attr:value 'YouTube'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 35 10 14 4 | description 0 4 118 2 | input 0 10 33 4 | title 0 0 25 2 | \" [ icon 0 19 4 4 ] | [ icon 7 19 4 4 ] | [ icon 13 19 4 4 ] | [ icon 19 19 4 4 ] | [ icon 26 19 4 4 ] | [ icon 32 19 4 4 ] \"", "layout_seq_without_completion": "button 35 10 14 4 | description 0 4 118 2 | input 0 10 33 4 | title 0 0 25 2 | \" [ icon 0 19 4 4 ] | [ icon 7 19 4 4 ] | [ icon 13 19 4 4 ] | [ icon 19 19 4 4 ] | [ icon 26 19 4 4 ] | [ icon 32 19 4 4 ] \"", "plain_layout_seq": "button 35 10 14 4 | description 0 4 118 2 | icon 0 19 4 4 | icon 7 19 4 4 | icon 13 19 4 4 | icon 19 19 4 4 | icon 26 19 4 4 | icon 32 19 4 4 | input 0 10 33 4 | title 0 0 25 2", "canvas_width": 1010, "canvas_height": 210, "elements": [ { "type": "title", "position": [ 8, 0, 215, 21 ], "completed": false }, { "type": "description", "position": [ 8, 40, 994, 22 ], "completed": false }, { "type": "input", "position": [ 8, 87, 280, 42 ], "completed": false }, { "type": "button", "position": [ 298, 87, 120, 42 ], "completed": false }, { "type": "icon", "position": [ 8, 167, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 61, 167, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 114, 167, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 167, 167, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 220, 167, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 273, 167, 40, 40 ], "completed": false } ] }, { "text": "#This page is to collect feedback from users after using the product. #This page has a title of \"Get a feel for what Wordtune can do!\", a \"Write or paste your text here\" input box, and a Rewrite button below it. There is also a page number sign in the lower-left corner.", "region_id": "3307", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'get a feel for what wordtune can do!'] ] [el:input [attr:value 'Write or paste your text here'] ] [el:button [attr:value 'Rewrite'] ] [el:text [attr:position 'left'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | text left undefined | title undefined undefined", "layout_seq_with_completion": "button 87 41 7 2 | complete icon 85 41 2 2 | complete image 20 18 79 28 | input 20 18 79 19 | text 23 41 4 1 | title 20 9 79 6", "layout_seq_without_completion": "button 87 41 7 2 | icon 85 41 2 2 | image 20 18 79 28 | input 20 18 79 19 | text 23 41 4 1 | title 20 9 79 6", "plain_layout_seq": "button 87 41 7 2 | icon 85 41 2 2 | image 20 18 79 28 | input 20 18 79 19 | text 23 41 4 1 | title 20 9 79 6", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 172, 80, 680, 56 ], "completed": false }, { "type": "image", "position": [ 172, 160, 680, 240 ], "completed": true }, { "type": "input", "position": [ 173, 161, 678, 168 ], "completed": false }, { "type": "button", "position": [ 750, 352, 65, 20 ], "completed": false }, { "type": "icon", "position": [ 732, 353, 19, 18 ], "completed": true }, { "type": "text", "position": [ 197, 354, 39, 15 ], "completed": false } ] }, { "text": "#This page introduces users to a movie and TV series. #This page is a video of a film and television drama, with the title of \"How salsa Queen Began\" on the right, and a description of the film and television drama below.", "region_id": "7538", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'how salsa queen began'] [attr:position 'right'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title right undefined", "layout_seq_with_completion": "description 63 18 52 50 | image 3 11 52 32 | title 63 11 52 5", "layout_seq_without_completion": "description 63 18 52 50 | image 3 11 52 32 | title 63 11 52 5", "plain_layout_seq": "description 63 18 52 50 | image 3 11 52 32 | title 63 11 52 5", "canvas_width": 1024, "canvas_height": 618, "elements": [ { "type": "image", "position": [ 30, 100, 452, 280 ], "completed": false }, { "type": "title", "position": [ 542, 100, 452, 48 ], "completed": false }, { "type": "description", "position": [ 542, 159, 452, 435 ], "completed": false } ] }, { "text": "#A page advertising a store.# There should be a title labeled \"Suppliers\", followed by a short introduction. A link\"Learn more\" should also be in place. It also has a picture.", "region_id": "632", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'suppliers']] [el:description [attr:size 'small']] [el:link [attr:value 'learn more']] [el:image]]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 8 15 43 9 | image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "layout_seq_without_completion": "description 8 15 43 9 | image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "plain_layout_seq": "description 8 15 43 9 | image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "canvas_width": 1003, "canvas_height": 320, "elements": [ { "type": "image", "position": [ 502, 0, 501, 320 ], "completed": false }, { "type": "title", "position": [ 70, 50, 178, 59 ], "completed": false }, { "type": "description", "position": [ 70, 127, 362, 81 ], "completed": false }, { "type": "link", "position": [ 70, 236, 97, 24 ], "completed": false } ] }, { "text": "#A page advertising a store.# There should be a text box labeled \"Suppliers\", followed by a short introduction. A link should also be in place for more information.", "region_id": "632_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'suppliers']] [el:description [attr:size 'small']] [el:link [attr:value 'learn more']] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 8 15 43 9 | complete image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "layout_seq_without_completion": "description 8 15 43 9 | image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "plain_layout_seq": "description 8 15 43 9 | image 60 0 59 38 | link 8 28 11 2 | title 8 5 21 7", "canvas_width": 1003, "canvas_height": 320, "elements": [ { "type": "image", "position": [ 502, 0, 501, 320 ], "completed": true }, { "type": "title", "position": [ 70, 50, 178, 59 ], "completed": false }, { "type": "description", "position": [ 70, 127, 362, 81 ], "completed": false }, { "type": "link", "position": [ 70, 236, 97, 24 ], "completed": false } ] }, { "text": "#A page for showing the services.#The page has two buttons, \"request a demo\" and \"cookie settings\". There are three icons of social media for users to share with.", "region_id": "5958", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:button [attr:value 'request a demo'] ] [el:button [attr:value 'cookie settings'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined", "layout_seq_with_completion": "button 0 11 39 10 | button 0 0 39 8 | \" [ icon 72 8 4 4 ] | [ icon 82 8 4 4 ] | [ icon 93 8 4 4 ] \"", "layout_seq_without_completion": "button 0 11 39 10 | button 0 0 39 8 | \" [ icon 72 8 4 4 ] | [ icon 82 8 4 4 ] | [ icon 93 8 4 4 ] \"", "plain_layout_seq": "button 0 11 39 10 | button 0 0 39 8 | icon 72 8 4 4 | icon 82 8 4 4 | icon 93 8 4 4", "canvas_width": 920, "canvas_height": 214, "elements": [ { "type": "button", "position": [ 0, 0, 300, 66 ], "completed": false }, { "type": "icon", "position": [ 555, 66, 37, 37 ], "completed": false }, { "type": "icon", "position": [ 636, 66, 37, 38 ], "completed": false }, { "type": "icon", "position": [ 718, 66, 37, 37 ], "completed": false }, { "type": "button", "position": [ 0, 86, 300, 82 ], "completed": false } ] }, { "text": "# A page to guide the user to download the VPN. # The page should have one title \"Connect to OpenVPN\", a further description, and five logos showing the system supporting the VPN. Besides, it is necessary to have a button \"Download\" for the user to download the VPN, and a link for the user to read the installation guide. And it will be better to have an image of the topic.", "region_id": "2698", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'connect to openvpn'] ] [el:description] [el:logo [attr:repeat '5'] ] [el:button [attr:value 'Download']] [el:link [attr:value 'read the installation guide'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 39 23 5 | description 5 16 52 10 | complete image 13 31 5 5 | complete image 28 31 5 5 | complete image 5 31 5 5 | complete image 36 31 5 5 | complete image 20 31 5 5 | image 61 0 52 56 | link 5 48 27 2 | logo 7 32 2 2 | logo 30 32 2 2 | logo 37 32 3 2 | logo 15 32 2 2 | logo 22 32 2 2 | title 5 9 52 4", "layout_seq_without_completion": "button 5 39 23 5 | description 5 16 52 10 | image 13 31 5 5 | image 28 31 5 5 | image 5 31 5 5 | image 36 31 5 5 | image 20 31 5 5 | image 61 0 52 56 | link 5 48 27 2 | logo 7 32 2 2 | logo 30 32 2 2 | logo 37 32 3 2 | logo 15 32 2 2 | logo 22 32 2 2 | title 5 9 52 4", "plain_layout_seq": "button 5 39 23 5 | description 5 16 52 10 | image 13 31 5 5 | image 28 31 5 5 | image 5 31 5 5 | image 36 31 5 5 | image 20 31 5 5 | image 61 0 52 56 | link 5 48 27 2 | logo 7 32 2 2 | logo 30 32 2 2 | logo 37 32 3 2 | logo 15 32 2 2 | logo 22 32 2 2 | title 5 9 52 4", "canvas_width": 1024, "canvas_height": 488, "elements": [ { "type": "image", "position": [ 527, 0, 450, 481 ], "completed": false }, { "type": "title", "position": [ 47, 80, 450, 40 ], "completed": false }, { "type": "description", "position": [ 47, 144, 450, 90 ], "completed": false }, { "type": "image", "position": [ 47, 266, 50, 50 ], "completed": true }, { "type": "image", "position": [ 113, 266, 50, 50 ], "completed": true }, { "type": "image", "position": [ 179, 266, 50, 50 ], "completed": true }, { "type": "image", "position": [ 245, 266, 50, 50 ], "completed": true }, { "type": "image", "position": [ 311, 266, 50, 50 ], "completed": true }, { "type": "logo", "position": [ 61, 279, 22, 24 ], "completed": false }, { "type": "logo", "position": [ 128, 279, 21, 24 ], "completed": false }, { "type": "logo", "position": [ 194, 279, 21, 24 ], "completed": false }, { "type": "logo", "position": [ 258, 279, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 319, 279, 34, 24 ], "completed": false }, { "type": "button", "position": [ 47, 341, 200, 48 ], "completed": false }, { "type": "link", "position": [ 47, 415, 231, 20 ], "completed": false } ] }, { "text": "#A page for introducing a construction management software to users.# The page should include one title and a brief description. Besides, two buttons are needed for users to click for further information.", "region_id": "2027", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | button 5 35 17 6 | button 26 36 19 3 | description 5 22 51 9 | title 5 5 51 2 | title 5 9 51 9", "layout_seq_without_completion": "background 0 0 120 46 | button 5 35 17 6 | button 26 36 19 3 | description 5 22 51 9 | title 5 5 51 2 | title 5 9 51 9", "plain_layout_seq": "background 0 0 120 46 | button 5 35 17 6 | button 26 36 19 3 | description 5 22 51 9 | title 5 5 51 2 | title 5 9 51 9", "canvas_width": 1024, "canvas_height": 401, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 401 ], "completed": true }, { "type": "title", "position": [ 50, 50, 437, 20 ], "completed": false }, { "type": "title", "position": [ 50, 85, 437, 80 ], "completed": false }, { "type": "description", "position": [ 50, 190, 437, 84 ], "completed": false }, { "type": "button", "position": [ 50, 299, 150, 52 ], "completed": false }, { "type": "button", "position": [ 230, 312, 168, 29 ], "completed": false } ] }, { "text": "# A page for marketing a shop selling bags. # The page should have the title \"THE WORK BAG REINVENTED\", a short description, and a button \"VIEW PRODUCTS\" for the user to enter the shop to view products.", "region_id": "7766", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the work bag reinvented'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'VIEW PRODUCTS'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 90 23 23 6 | description 5 8 109 11 | title 5 0 109 6", "layout_seq_without_completion": "button 90 23 23 6 | description 5 8 109 11 | title 5 0 109 6", "plain_layout_seq": "button 90 23 23 6 | description 5 8 109 11 | title 5 0 109 6", "canvas_width": 909, "canvas_height": 225, "elements": [ { "type": "title", "position": [ 40, 0, 829, 50 ], "completed": false }, { "type": "description", "position": [ 40, 65, 829, 84 ], "completed": false }, { "type": "button", "position": [ 689, 179, 180, 46 ], "completed": false } ] }, { "text": "#A page for introducing payments to users.# The page should include one title and a brief description on the left. On the right side, there should be two links for users to click for text payments and card reader.", "region_id": "2011", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:link [attr:value'text payments'] [attr:position'right'] ] [el:link [attr:value'card reader'] [attr:position'right'] ] ]", "execution": "singleinfo : description left small | link right undefined | link right undefined | title left undefined", "layout_seq_with_completion": "complete background 0 0 120 38 | description 6 11 41 6 | complete description 85 14 27 4 | complete description 85 30 27 4 | link 85 10 27 4 | link 85 25 27 4 | title 6 6 41 4", "layout_seq_without_completion": "background 0 0 120 38 | description 6 11 41 6 | description 85 14 27 4 | description 85 30 27 4 | link 85 10 27 4 | link 85 25 27 4 | title 6 6 41 4", "plain_layout_seq": "background 0 0 120 38 | description 6 11 41 6 | description 85 14 27 4 | description 85 30 27 4 | link 85 10 27 4 | link 85 25 27 4 | title 6 6 41 4", "canvas_width": 848, "canvas_height": 271, "elements": [ { "type": "background", "position": [ 0, 0, 848, 271 ], "completed": true }, { "type": "title", "position": [ 47, 47, 295, 32 ], "completed": false }, { "type": "link", "position": [ 607, 71, 194, 30 ], "completed": false }, { "type": "description", "position": [ 47, 79, 295, 48 ], "completed": false }, { "type": "description", "position": [ 607, 101, 194, 32 ], "completed": true }, { "type": "link", "position": [ 607, 182, 194, 30 ], "completed": false }, { "type": "description", "position": [ 607, 212, 194, 32 ], "completed": true } ] }, { "text": "# A page for the user to subscribe to the newsletter.# The page should have a slogan \"Stay in the Lems loop\", an input box, and a button where the user can enter the email address and click to subscribe.", "region_id": "6396", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'stay in the lems loop'] ] [el:input] [el:button [attr:value 'enter the email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 54 14 11 4 | input 34 7 50 4 | title 47 2 25 2", "layout_seq_without_completion": "button 54 14 11 4 | input 34 7 50 4 | title 47 2 25 2", "plain_layout_seq": "button 54 14 11 4 | input 34 7 50 4 | title 47 2 25 2", "canvas_width": 1024, "canvas_height": 179, "elements": [ { "type": "title", "position": [ 405, 20, 214, 22 ], "completed": false }, { "type": "input", "position": [ 298, 63, 428, 38 ], "completed": false }, { "type": "button", "position": [ 463, 121, 97, 38 ], "completed": false } ] }, { "text": "#A page for showing important notices.# The page should have one title and some text boxes to show the specific time and content of the notices.", "region_id": "1416", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat'several'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "text 17 7 45 2 | text 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "layout_seq_without_completion": "text 17 7 45 2 | text 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "plain_layout_seq": "text 17 7 45 2 | text 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "canvas_width": 973, "canvas_height": 207, "elements": [ { "type": "title", "position": [ 0, 0, 973, 23 ], "completed": false }, { "type": "text", "position": [ 0, 43, 144, 51 ], "completed": false }, { "type": "text", "position": [ 144, 59, 368, 20 ], "completed": false }, { "type": "text", "position": [ 0, 94, 144, 51 ], "completed": false }, { "type": "text", "position": [ 144, 110, 579, 20 ], "completed": false } ] }, { "text": "#A page for introducing 3D printers.# There is one image used as an extra layout. One text box is used for the title\"High Performance 3D Printers, Finally within Reach\" and one text box is used for the detailed description. Two buttons are needed for users to browse 3D printers or request a free sample part.", "region_id": "154", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value '\"High Performance 3D Printers, Finally within Reach\"']] [el:description] [el:button [attr:value'browse 3d printers'] ] [el:button [attr:value'request a free sample part'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "layout_seq_without_completion": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "plain_layout_seq": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "canvas_width": 1024, "canvas_height": 651, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 651 ], "completed": false }, { "type": "title", "position": [ 0, 64, 1024, 39 ], "completed": false }, { "type": "description", "position": [ 0, 120, 1024, 26 ], "completed": false }, { "type": "button", "position": [ 277, 181, 201, 23 ], "completed": false }, { "type": "button", "position": [ 486, 181, 261, 23 ], "completed": false } ] }, { "text": "#A page for introducing 3D printers.# There is one image used as an extra layout. One text box is used for the title and one text box is used for the detailed description. Two text buttons are needed for users to learn more.", "region_id": "154_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "layout_seq_without_completion": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "plain_layout_seq": "button 56 21 30 2 | button 32 21 23 2 | description 0 14 120 3 | image 0 0 120 76 | title 0 7 120 4", "canvas_width": 1024, "canvas_height": 651, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 651 ], "completed": false }, { "type": "title", "position": [ 0, 64, 1024, 39 ], "completed": false }, { "type": "description", "position": [ 0, 120, 1024, 26 ], "completed": false }, { "type": "button", "position": [ 277, 181, 201, 23 ], "completed": false }, { "type": "button", "position": [ 486, 181, 261, 23 ], "completed": false } ] }, { "text": "#A page introducing the product to users and guiding users to use it.#The page should have one slogan, one brief description, one button for users to create an account, and one picture of the product.", "region_id": "5072", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'create account'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 73 43 5 | description 5 64 62 6 | image 71 29 48 56 | title 5 31 62 30", "layout_seq_without_completion": "button 5 73 43 5 | description 5 64 62 6 | image 71 29 48 56 | title 5 31 62 30", "plain_layout_seq": "button 5 73 43 5 | description 5 64 62 6 | image 71 29 48 56 | title 5 31 62 30", "canvas_width": 1024, "canvas_height": 735, "elements": [ { "type": "image", "position": [ 614, 254, 410, 481 ], "completed": false }, { "type": "title", "position": [ 47, 273, 530, 256 ], "completed": false }, { "type": "description", "position": [ 47, 553, 530, 54 ], "completed": false }, { "type": "button", "position": [ 47, 623, 370, 48 ], "completed": false } ] }, { "text": "#A page of information about nail polish.# There are two background images and one slogan to advertise nail polish. There is a button to help users get the 10% discount.", "region_id": "6950", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:repeat '2']] [el:title] [el:button [attr:value 'get the 10% discount']] ]", "execution": "singleinfo : background undefined undefined | background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 60 0 60 65 | background 0 0 60 65 | button 38 48 43 5 | title 32 34 55 12", "layout_seq_without_completion": "background 60 0 60 65 | background 0 0 60 65 | button 38 48 43 5 | title 32 34 55 12", "plain_layout_seq": "background 60 0 60 65 | background 0 0 60 65 | button 38 48 43 5 | title 32 34 55 12", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "background", "position": [ 0, 0, 512, 560 ], "completed": false }, { "type": "background", "position": [ 512, 0, 512, 560 ], "completed": false }, { "type": "title", "position": [ 275, 291, 474, 104 ], "completed": false }, { "type": "button", "position": [ 326, 415, 373, 45 ], "completed": false } ] }, { "text": "# A page to introduce the mission of a company. # The page should have a background image, the title \" Our mission since 1919\" and a text box showing the mission of the company.", "region_id": "1888", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'our mission since 1919'] ] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | description 7 27 75 20 | title 7 23 75 2", "layout_seq_without_completion": "background 0 0 120 67 | description 7 27 75 20 | title 7 23 75 2", "plain_layout_seq": "background 0 0 120 67 | description 7 27 75 20 | title 7 23 75 2", "canvas_width": 1003, "canvas_height": 564, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 564 ], "completed": false }, { "type": "title", "position": [ 63, 193, 627, 20 ], "completed": false }, { "type": "description", "position": [ 63, 229, 627, 174 ], "completed": false } ] }, { "text": "#A page for introducing NTT group environment protection activities to users.# On the top, there should be an image of the forest. Under it, the page should include one title and a brief description. Besides, there should be six links for users to click for further information.", "region_id": "216", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'top'] ] [el:title] [el:description [attr:size'small'] ] [el:link [attr:repeat'6'] ] ]", "execution": "singleinfo : description undefined small | image top undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 40 118 2 | image 0 0 120 33 | title 0 35 118 3 | \" [ link 0 45 3 1 ] | [ link 8 45 18 1 ] | [ link 30 45 12 1 ] | [ link 47 45 22 1 ] | [ link 74 45 2 1 ] | [ link 81 45 32 1 ] \"", "layout_seq_without_completion": "description 0 40 118 2 | image 0 0 120 33 | title 0 35 118 3 | \" [ link 0 45 3 1 ] | [ link 8 45 18 1 ] | [ link 30 45 12 1 ] | [ link 47 45 22 1 ] | [ link 74 45 2 1 ] | [ link 81 45 32 1 ] \"", "plain_layout_seq": "description 0 40 118 2 | image 0 0 120 33 | link 0 45 3 1 | link 8 45 18 1 | link 30 45 12 1 | link 47 45 22 1 | link 74 45 2 1 | link 81 45 32 1 | title 0 35 118 3", "canvas_width": 1220, "canvas_height": 490, "elements": [ { "type": "image", "position": [ 0, 0, 1220, 343 ], "completed": false }, { "type": "title", "position": [ 10, 363, 1200, 34 ], "completed": false }, { "type": "description", "position": [ 10, 407, 1200, 28 ], "completed": false }, { "type": "link", "position": [ 10, 462, 36, 20 ], "completed": false }, { "type": "link", "position": [ 87, 462, 187, 20 ], "completed": false }, { "type": "link", "position": [ 315, 462, 130, 20 ], "completed": false }, { "type": "link", "position": [ 486, 462, 231, 20 ], "completed": false }, { "type": "link", "position": [ 758, 462, 28, 20 ], "completed": false }, { "type": "link", "position": [ 826, 462, 327, 20 ], "completed": false } ] }, { "text": "# A page to advertise products. # The page should contain a logo, two background images, and a pagination.", "region_id": "7711", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:background_image [attr:repeat '2'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | background undefined undefined | logo undefined undefined | pagination undefined undefined", "layout_seq_with_completion": "background 9 0 110 46 | complete icon 2 22 3 3 | complete icon 114 22 3 3 | \" [ complete button 55 42 0 0 ] | [ complete button 58 42 0 0 ] | [ complete button 61 42 0 0 ] | [ complete button 64 42 0 0 ] \"", "layout_seq_without_completion": "background 9 0 110 46 | icon 2 22 3 3 | icon 114 22 3 3 | \" [ button 55 42 0 0 ] | [ button 58 42 0 0 ] | [ button 61 42 0 0 ] | [ button 64 42 0 0 ] \"", "plain_layout_seq": "background 9 0 110 46 | button 55 42 0 0 | button 58 42 0 0 | button 61 42 0 0 | button 64 42 0 0 | icon 2 22 3 3 | icon 114 22 3 3", "canvas_width": 1009, "canvas_height": 394, "elements": [ { "type": "background", "position": [ 81, 3, 928, 388 ], "completed": false }, { "type": "icon", "position": [ 18, 186, 26, 26 ], "completed": true }, { "type": "icon", "position": [ 966, 186, 26, 26 ], "completed": true }, { "type": "button", "position": [ 464, 358, 8, 8 ], "completed": true }, { "type": "button", "position": [ 496, 358, 8, 8 ], "completed": true }, { "type": "button", "position": [ 520, 358, 8, 8 ], "completed": true }, { "type": "button", "position": [ 544, 358, 8, 8 ], "completed": true } ] }, { "text": "# A page to introduce and advertise the blog. # There should be a slogan and a text box having a brief introduction of the blog to attract the user. The page should have a text button where the user can enter the blog by clicking it.", "region_id": "1362", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'enter the blog'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 10 37 23 5 | description 10 25 64 9 | title 10 10 64 13", "layout_seq_without_completion": "button 10 37 23 5 | description 10 25 64 9 | title 10 10 64 13", "plain_layout_seq": "button 10 37 23 5 | description 10 25 64 9 | title 10 10 64 13", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "title", "position": [ 91, 88, 553, 112 ], "completed": false }, { "type": "description", "position": [ 91, 216, 553, 84 ], "completed": false }, { "type": "button", "position": [ 91, 320, 197, 48 ], "completed": false } ] }, { "text": "#A page for showing one discount.# There should be one slogan. A button is needed to find looks.", "region_id": "2085", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'find looks'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 25 | button 48 17 23 5 | title 30 2 60 10", "layout_seq_without_completion": "background 0 0 120 25 | button 48 17 23 5 | title 30 2 60 10", "plain_layout_seq": "background 0 0 120 25 | button 48 17 23 5 | title 30 2 60 10", "canvas_width": 1003, "canvas_height": 210, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 209 ], "completed": true }, { "type": "title", "position": [ 251, 18, 502, 85 ], "completed": false }, { "type": "button", "position": [ 404, 149, 195, 44 ], "completed": false } ] }, { "text": "#A page introducing Reinsurance. # The page should include one title and one introduction to show the business cover of Reinsurance to attract users to use the service. In addition, a button is needed for users to click to discover Reinsurance.", "region_id": "2255", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'discover reinsurance'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 0 3 120 4 ] | [ description 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "layout_seq_without_completion": "\" [ title 0 3 120 4 ] | [ description 0 12 120 3 ] | [ button 56 22 7 2 ] \"", "plain_layout_seq": "button 56 22 7 2 | description 0 12 120 3 | title 0 3 120 4", "canvas_width": 964, "canvas_height": 244, "elements": [ { "type": "title", "position": [ 0, 30, 964, 38 ], "completed": false }, { "type": "description", "position": [ 0, 98, 964, 27 ], "completed": false }, { "type": "button", "position": [ 451, 178, 62, 20 ], "completed": false } ] }, { "text": "#A page introducing one news. # The page should have a corresponding image, a title with a short introduction of the new launches, and a button for users to click to read more.", "region_id": "487", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | title 44 4 60 2", "layout_seq_without_completion": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | title 44 4 60 2", "plain_layout_seq": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | title 44 4 60 2", "canvas_width": 1003, "canvas_height": 319, "elements": [ { "type": "title", "position": [ 374, 40, 509, 23 ], "completed": false }, { "type": "description", "position": [ 374, 74, 509, 137 ], "completed": false }, { "type": "image", "position": [ 120, 99, 214, 121 ], "completed": false }, { "type": "button", "position": [ 374, 235, 205, 44 ], "completed": false } ] }, { "text": "#A page introducing one news. # The page should have a corresponding image, some text boxes to shortly introduce the new launches, and a button for users to click to read more.", "region_id": "487_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | complete title 44 4 60 2", "layout_seq_without_completion": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | title 44 4 60 2", "plain_layout_seq": "button 44 28 24 5 | description 44 8 60 16 | image 14 11 25 14 | title 44 4 60 2", "canvas_width": 1003, "canvas_height": 319, "elements": [ { "type": "title", "position": [ 374, 40, 509, 23 ], "completed": true }, { "type": "description", "position": [ 374, 74, 509, 137 ], "completed": false }, { "type": "image", "position": [ 120, 99, 214, 121 ], "completed": false }, { "type": "button", "position": [ 374, 235, 205, 44 ], "completed": false } ] }, { "text": "# A page for introducing how to buy an engagement ring in the store. # The page should have an image, a title, a slogan, and a description of the ways to buy the ring. Then a button \"READ MORE\" is needed for the user to click to learn more info.", "region_id": "6702", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text] [el:description] [el:button [attr:value 'READ MORE'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 45 12 5 | description 61 32 55 9 | text 61 28 55 2 | title 61 23 55 2", "layout_seq_without_completion": "button 61 45 12 5 | description 61 32 55 9 | text 61 28 55 2 | title 61 23 55 2", "plain_layout_seq": "button 61 45 12 5 | description 61 32 55 9 | text 61 28 55 2 | title 61 23 55 2", "canvas_width": 1024, "canvas_height": 587, "elements": [ { "type": "title", "position": [ 527, 201, 471, 22 ], "completed": false }, { "type": "text", "position": [ 527, 240, 471, 21 ], "completed": false }, { "type": "description", "position": [ 527, 280, 471, 84 ], "completed": false }, { "type": "button", "position": [ 527, 384, 110, 45 ], "completed": false } ] }, { "text": "#A page for showing the homepage of one company.# There should be one image and two text boxes, one for the company's name and the other for introducing the company. Users can learn more by clicking one button.", "region_id": "2237", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 81 28 16 4 | description 67 17 45 8 | image 0 0 60 45 | title 67 12 45 3", "layout_seq_without_completion": "button 81 28 16 4 | description 67 17 45 8 | image 0 0 60 45 | title 67 12 45 3", "plain_layout_seq": "button 81 28 16 4 | description 67 17 45 8 | image 0 0 60 45 | title 67 12 45 3", "canvas_width": 1003, "canvas_height": 380, "elements": [ { "type": "image", "position": [ 0, 0, 502, 380 ], "completed": false }, { "type": "title", "position": [ 562, 106, 382, 33 ], "completed": false }, { "type": "description", "position": [ 562, 147, 382, 72 ], "completed": false }, { "type": "button", "position": [ 684, 235, 137, 37 ], "completed": false } ] }, { "text": "#A page showing the putter line of the website to users.#The page should have one picture, one title, and one slogan of the product.", "region_id": "5698", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:title] ]", "execution": "singleinfo : image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 38 26 | title 41 2 76 1 | title 41 4 76 2", "layout_seq_without_completion": "image 0 0 38 26 | title 41 2 76 1 | title 41 4 76 2", "plain_layout_seq": "image 0 0 38 26 | title 41 2 76 1 | title 41 4 76 2", "canvas_width": 994, "canvas_height": 223, "elements": [ { "type": "image", "position": [ 1, 0, 322, 222 ], "completed": false }, { "type": "title", "position": [ 343, 20, 630, 10 ], "completed": false }, { "type": "title", "position": [ 343, 40, 630, 21 ], "completed": false } ] }, { "text": "#A page showing the starting button of a product for a company.# There must be a text button to get started now.", "region_id": "532", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'Get started now']] ]", "execution": "singleinfo : text undefined undefined", "layout_seq_with_completion": "complete icon 68 8 2 2 | complete image 46 6 27 6 | text 48 8 18 2", "layout_seq_without_completion": "icon 68 8 2 2 | image 46 6 27 6 | text 48 8 18 2", "plain_layout_seq": "icon 68 8 2 2 | image 46 6 27 6 | text 48 8 18 2", "canvas_width": 1024, "canvas_height": 159, "elements": [ { "type": "image", "position": [ 397, 56, 231, 55 ], "completed": true }, { "type": "text", "position": [ 418, 71, 160, 24 ], "completed": false }, { "type": "icon", "position": [ 585, 73, 21, 21 ], "completed": true } ] }, { "text": "#A page for users to learn more about their career opportunities.# There should be two text boxes, one showing the title and the other for describing the detail. One text button is needed for users to view more info. An image is used as one extra layout.", "region_id": "2307", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'view more'] ][el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 81 112 4 | description 3 75 112 3 | image 0 0 120 67 | title 3 71 112 3", "layout_seq_without_completion": "button 3 81 112 4 | description 3 75 112 3 | image 0 0 120 67 | title 3 71 112 3", "plain_layout_seq": "button 3 81 112 4 | description 3 75 112 3 | image 0 0 120 67 | title 3 71 112 3", "canvas_width": 1003, "canvas_height": 749, "elements": [ { "type": "image", "position": [ 0, 0, 1003, 564 ], "completed": false }, { "type": "title", "position": [ 32, 597, 939, 28 ], "completed": false }, { "type": "description", "position": [ 32, 633, 939, 26 ], "completed": false }, { "type": "button", "position": [ 32, 682, 939, 34 ], "completed": false } ] }, { "text": "# A page to introduce the NEC. # On the page, there should be two text boxes. One is the title \"NEC at a Glance\" and another is a short description of NEC. It is necessary to contain a text button used to click to explore it. It is better to have an image of the topic.", "region_id": "1779", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'nec at a glance'] ] [el:description [attr:size'small'] ] [el:button [attr:value'explore'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 59 16 5 | description 7 54 110 2 | complete image 4 41 115 28 | image 0 0 81 45 | title 7 45 24 4", "layout_seq_without_completion": "button 7 59 16 5 | description 7 54 110 2 | image 4 41 115 28 | image 0 0 81 45 | title 7 45 24 4", "plain_layout_seq": "button 7 59 16 5 | description 7 54 110 2 | image 4 41 115 28 | image 0 0 81 45 | title 7 45 24 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 237 ], "completed": true }, { "type": "title", "position": [ 60, 385, 203, 40 ], "completed": false }, { "type": "description", "position": [ 60, 455, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 499, 137, 43 ], "completed": false } ] }, { "text": "#A page for introducing the healthcare business to users.# The page should include one title and a button for users to click for further information on the left. On the right side, there should be an image.", "region_id": "72", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:button [attr:value'read more'] [attr:position'left'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button left undefined | image right undefined | title left undefined", "layout_seq_with_completion": "complete background 2 4 115 48 | button 12 33 26 6 | image 69 4 47 48 | title 12 18 55 11", "layout_seq_without_completion": "background 2 4 115 48 | button 12 33 26 6 | image 69 4 47 48 | title 12 18 55 11", "plain_layout_seq": "background 2 4 115 48 | button 12 33 26 6 | image 69 4 47 48 | title 12 18 55 11", "canvas_width": 1024, "canvas_height": 529, "elements": [ { "type": "background", "position": [ 20, 42, 984, 418 ], "completed": true }, { "type": "image", "position": [ 597, 42, 407, 418 ], "completed": false }, { "type": "title", "position": [ 110, 157, 472, 94 ], "completed": false }, { "type": "button", "position": [ 110, 286, 226, 54 ], "completed": false } ] }, { "text": "#A page showing info about Dapper.# There should be a small title labeled \"Dapper\", followed by a short introduction. There also need to be three texts for specific data. Preferably with a picture.", "region_id": "1062", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] [attr:value'dapper'] ] [el:description [attr:size'small'] ] [el:text [attr:repeat '3'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined small", "layout_seq_with_completion": "description 0 53 65 8 | image 0 12 65 35 | text 77 39 21 5 | text 77 31 21 2 | text 77 26 21 5 | text 77 12 21 5 | text 77 18 21 2 | text 77 45 21 2 | title 0 0 25 7", "layout_seq_without_completion": "description 0 53 65 8 | image 0 12 65 35 | text 77 39 21 5 | text 77 31 21 2 | text 77 26 21 5 | text 77 12 21 5 | text 77 18 21 2 | text 77 45 21 2 | title 0 0 25 7", "plain_layout_seq": "description 0 53 65 8 | image 0 12 65 35 | text 77 39 21 5 | text 77 31 21 2 | text 77 26 21 5 | text 77 12 21 5 | text 77 18 21 2 | text 77 45 21 2 | title 0 0 25 7", "canvas_width": 940, "canvas_height": 494, "elements": [ { "type": "title", "position": [ 0, 0, 198, 55 ], "completed": false }, { "type": "image", "position": [ 0, 100, 510, 275 ], "completed": false }, { "type": "text", "position": [ 605, 101, 168, 44 ], "completed": false }, { "type": "text", "position": [ 605, 145, 168, 22 ], "completed": false }, { "type": "text", "position": [ 605, 205, 168, 44 ], "completed": false }, { "type": "text", "position": [ 605, 249, 168, 22 ], "completed": false }, { "type": "text", "position": [ 605, 309, 168, 44 ], "completed": false }, { "type": "text", "position": [ 605, 353, 168, 22 ], "completed": false }, { "type": "description", "position": [ 0, 420, 510, 64 ], "completed": false } ] }, { "text": "#A page for users to search porn.#The page should have a title on the left side, and there is an input box and an icon, which is for users to search for information.", "region_id": "5326", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'left'] ] [el:input [attr:value 'search porn'] ] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | title left undefined", "layout_seq_with_completion": "icon 115 1 2 2 | input 48 0 70 4 | title 1 0 42 5", "layout_seq_without_completion": "icon 115 1 2 2 | input 48 0 70 4 | title 1 0 42 5", "plain_layout_seq": "icon 115 1 2 2 | input 48 0 70 4 | title 1 0 42 5", "canvas_width": 1024, "canvas_height": 51, "elements": [ { "type": "title", "position": [ 10, 0, 360, 50 ], "completed": false }, { "type": "input", "position": [ 414, 7, 600, 36 ], "completed": false }, { "type": "icon", "position": [ 987, 16, 18, 18 ], "completed": false } ] }, { "text": "# A page to introduce the Gnarly SQL Querry. # On the page, there should include one title and a brief description of the main function. It is necessary to have a button used to click to learn more information. It would be better to have an image of the Gnarly SQL Querry.", "region_id": "1115", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 7 66 4", "layout_seq_without_completion": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 7 66 4", "plain_layout_seq": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 7 66 4", "canvas_width": 1024, "canvas_height": 376, "elements": [ { "type": "title", "position": [ 434, 68, 565, 35 ], "completed": false }, { "type": "image", "position": [ 45, 70, 337, 208 ], "completed": false }, { "type": "description", "position": [ 464, 115, 505, 63 ], "completed": false }, { "type": "button", "position": [ 464, 217, 193, 48 ], "completed": false } ] }, { "text": "#A page for introducing thoughts on environmental initial \"Panasonic GREEN IMPACT\" and solutions to users.# The page should include one title, a brief description on the left, and an image of Panasonic green impact on the right. A button is needed for users to click for further information.", "region_id": "1933", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description left small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 2 35 27 6 | description 2 22 44 9 | complete icon 24 38 1 1 | image 51 22 65 37 | complete text 6 38 16 2 | title 2 14 68 3", "layout_seq_without_completion": "button 2 35 27 6 | description 2 22 44 9 | icon 24 38 1 1 | image 51 22 65 37 | text 6 38 16 2 | title 2 14 68 3", "plain_layout_seq": "button 2 35 27 6 | description 2 22 44 9 | icon 24 38 1 1 | image 51 22 65 37 | text 6 38 16 2 | title 2 14 68 3", "canvas_width": 1024, "canvas_height": 508, "elements": [ { "type": "title", "position": [ 24, 121, 581, 30 ], "completed": false }, { "type": "image", "position": [ 439, 192, 561, 316 ], "completed": false }, { "type": "description", "position": [ 24, 194, 379, 78 ], "completed": false }, { "type": "button", "position": [ 24, 306, 234, 59 ], "completed": false }, { "type": "text", "position": [ 57, 325, 144, 22 ], "completed": true }, { "type": "icon", "position": [ 209, 328, 16, 16 ], "completed": true } ] }, { "text": "# A page guiding the user to start a free trial for Shutterstock# On the page, there should have a title \"Shutterstock Offer Millions of creative assets\" followed by a slogan to attract the user. Then, there should have a button for the user to click to start a free trial.", "region_id": "5424", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Shutterstock Offer Millions of creative assets'] ] [el:description] [el:button [attr:value 'start a free trial'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 0 0 120 3 ] | [ description 0 4 120 2 ] | [ button 46 9 26 4 ] \"", "layout_seq_without_completion": "\" [ title 0 0 120 3 ] | [ description 0 4 120 2 ] | [ button 46 9 26 4 ] \"", "plain_layout_seq": "button 46 9 26 4 | description 0 4 120 2 | title 0 0 120 3", "canvas_width": 994, "canvas_height": 117, "elements": [ { "type": "title", "position": [ 0, 0, 994, 25 ], "completed": false }, { "type": "description", "position": [ 0, 41, 994, 21 ], "completed": false }, { "type": "button", "position": [ 388, 78, 218, 39 ], "completed": false } ] }, { "text": "#A page for introducing one software.# There is one background image, one logo, one slogan, one description, and one button for learning more.", "region_id": "5108", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:logo] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 52 | button 3 40 21 4 | description 3 29 64 6 | logo 3 11 41 10 | title 3 23 64 3", "layout_seq_without_completion": "background 0 0 120 52 | button 3 40 21 4 | description 3 29 64 6 | logo 3 11 41 10 | title 3 23 64 3", "plain_layout_seq": "background 0 0 120 52 | button 3 40 21 4 | description 3 29 64 6 | logo 3 11 41 10 | title 3 23 64 3", "canvas_width": 1024, "canvas_height": 450, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 450 ], "completed": false }, { "type": "logo", "position": [ 32, 100, 350, 92 ], "completed": false }, { "type": "title", "position": [ 32, 202, 550, 28 ], "completed": false }, { "type": "description", "position": [ 32, 250, 550, 54 ], "completed": false }, { "type": "button", "position": [ 32, 349, 180, 38 ], "completed": false } ] }, { "text": "# A page for the user to download eBook. The page should have a background image, the text \"eBook\", the book name, and the link \"Download the eBook\" with a small icon on the right for the user to download eBook.", "region_id": "6083", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value 'ebook']] [el:title] [el:link[attr:value 'Download the eBook']] [el:icon [attr:size 'small']]]", "execution": "singleinfo : background undefined undefined | icon undefined small | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 62 | icon 79 37 2 1 | link 52 38 25 1 | text 52 23 65 2 | title 52 27 65 8", "layout_seq_without_completion": "background 0 0 120 62 | icon 79 37 2 1 | link 52 38 25 1 | text 52 23 65 2 | title 52 27 65 8", "plain_layout_seq": "background 0 0 120 62 | icon 79 37 2 1 | link 52 38 25 1 | text 52 23 65 2 | title 52 27 65 8", "canvas_width": 882, "canvas_height": 463, "elements": [ { "type": "background", "position": [ 0, 0, 882, 463 ], "completed": false }, { "type": "text", "position": [ 387, 170, 485, 19 ], "completed": false }, { "type": "title", "position": [ 387, 201, 485, 63 ], "completed": false }, { "type": "icon", "position": [ 582, 279, 16, 14 ], "completed": false }, { "type": "link", "position": [ 387, 280, 185, 12 ], "completed": false } ] }, { "text": "#A page advertising AXONIUS.# There should be a large description box marketing the company`s strengths, followed by a small text box and a link for more information. Also, it is better to have a small icon at the top.", "region_id": "759", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'large'] ] [el:text [attr:size'small'] ] [el:link [attr:value'read more'] ] [el:icon [attr:size'small'] [attr:position'top'] ] ]", "execution": "singleinfo : description undefined large | icon top small | link undefined undefined | text undefined small", "layout_seq_with_completion": "description 2 20 115 50 | icon 2 9 7 7 | link 2 81 21 5 | text 2 73 115 3", "layout_seq_without_completion": "description 2 20 115 50 | icon 2 9 7 7 | link 2 81 21 5 | text 2 73 115 3", "plain_layout_seq": "description 2 20 115 50 | icon 2 9 7 7 | link 2 81 21 5 | text 2 73 115 3", "canvas_width": 1024, "canvas_height": 823, "elements": [ { "type": "icon", "position": [ 20, 80, 67, 63 ], "completed": false }, { "type": "description", "position": [ 20, 173, 984, 432 ], "completed": false }, { "type": "text", "position": [ 20, 625, 984, 26 ], "completed": false }, { "type": "link", "position": [ 20, 694, 187, 48 ], "completed": false } ] }, { "text": "#A page advertising the company - \"Exor\". #There is a title labeled \"Exor builds great companies\". There is a small link\"DISCOVER MORE\". It also has a background image.", "region_id": "1179", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'exor builds great companies'] ] [el:link [attr:size'small'] [attr:value'discover more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | link undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | link 49 46 20 4 | title 29 12 60 29", "layout_seq_without_completion": "background 0 0 120 67 | link 49 46 20 4 | title 29 12 60 29", "plain_layout_seq": "background 0 0 120 67 | link 49 46 20 4 | title 29 12 60 29", "canvas_width": 938, "canvas_height": 528, "elements": [ { "type": "background", "position": [ 0, 0, 938, 528 ], "completed": false }, { "type": "title", "position": [ 234, 99, 469, 230 ], "completed": false }, { "type": "link", "position": [ 389, 365, 161, 36 ], "completed": false } ] }, { "text": "#A page advertising the company - \"Exor\". #There is a text box labeled \"Exor builds great companies\". There is a small text box for obtaining more info.", "region_id": "1179_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'exor builds great companies'] ] [el:button [attr:size'small'] [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | button 49 46 20 4 | title 29 12 60 29", "layout_seq_without_completion": "background 0 0 120 67 | button 49 46 20 4 | title 29 12 60 29", "plain_layout_seq": "background 0 0 120 67 | button 49 46 20 4 | title 29 12 60 29", "canvas_width": 938, "canvas_height": 528, "elements": [ { "type": "background", "position": [ 0, 0, 938, 528 ], "completed": true }, { "type": "title", "position": [ 234, 99, 469, 230 ], "completed": false }, { "type": "button", "position": [ 389, 365, 161, 36 ], "completed": false } ] }, { "text": "#A page for introducing the fantasy violence to users.# The page should include one icon, one title, and a brief description. Besides, there should be an image on the right side.", "region_id": "407", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "description 72 15 45 9 | icon 2 14 5 7 | image 98 27 19 7 | title 12 14 55 3", "layout_seq_without_completion": "description 72 15 45 9 | icon 2 14 5 7 | image 98 27 19 7 | title 12 14 55 3", "plain_layout_seq": "description 72 15 45 9 | icon 2 14 5 7 | image 98 27 19 7 | title 12 14 55 3", "canvas_width": 994, "canvas_height": 285, "elements": [ { "type": "icon", "position": [ 17, 116, 49, 65 ], "completed": false }, { "type": "title", "position": [ 100, 116, 463, 26 ], "completed": false }, { "type": "description", "position": [ 597, 132, 380, 77 ], "completed": false }, { "type": "image", "position": [ 817, 225, 160, 60 ], "completed": false } ] }, { "text": "#A page for introducing one service.# There should be two text boxes, one for the title and the other for the detailed description. Users can click on the button to learn more.", "region_id": "2202", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 19 26 5 | description 1 11 116 5 | title 1 5 116 4", "layout_seq_without_completion": "button 1 19 26 5 | description 1 11 116 5 | title 1 5 116 4", "plain_layout_seq": "button 1 19 26 5 | description 1 11 116 5 | title 1 5 116 4", "canvas_width": 1024, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 15, 46, 994, 36 ], "completed": false }, { "type": "description", "position": [ 15, 100, 994, 50 ], "completed": false }, { "type": "button", "position": [ 15, 166, 225, 48 ], "completed": false } ] }, { "text": "#A page introducing a pipeline from a company.# There is a title \"One Pipeline For All\". There is an explanation. It also has a large image.", "region_id": "248", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'one pipeline for all'] ] [el:description] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "description 2 26 57 9 | image 60 0 57 54 | title 2 16 57 6", "layout_seq_without_completion": "description 2 26 57 9 | image 60 0 57 54 | title 2 16 57 6", "plain_layout_seq": "description 2 26 57 9 | image 60 0 57 54 | title 2 16 57 6", "canvas_width": 1024, "canvas_height": 468, "elements": [ { "type": "image", "position": [ 512, 0, 488, 468 ], "completed": false }, { "type": "title", "position": [ 24, 144, 488, 54 ], "completed": false }, { "type": "description", "position": [ 24, 222, 488, 79 ], "completed": false } ] }, { "text": "#A page introducing a pipeline from a company.# There is a text box titled \"One Pipeline For All\". There is another text box showing a short introduction.", "region_id": "248_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'one pipeline for all'] ] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined", "layout_seq_with_completion": "description 2 26 57 9 | complete image 60 0 57 54 | title 2 16 57 6", "layout_seq_without_completion": "description 2 26 57 9 | image 60 0 57 54 | title 2 16 57 6", "plain_layout_seq": "description 2 26 57 9 | image 60 0 57 54 | title 2 16 57 6", "canvas_width": 1024, "canvas_height": 468, "elements": [ { "type": "image", "position": [ 512, 0, 488, 468 ], "completed": true }, { "type": "title", "position": [ 24, 144, 488, 54 ], "completed": false }, { "type": "description", "position": [ 24, 222, 488, 79 ], "completed": false } ] }, { "text": "#A page for showing the web Help the hearts you love.#The page should have a background image and a title. There is a description under the title, and two buttons \"donate once\" and \"donate monthly\".", "region_id": "6330", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] [el:button [attr:value 'donate once'] ] [el:button [attr:value 'donate monthly'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 31 0 86 59 | button 33 39 26 4 | button 7 39 25 4 | description 7 30 53 7 | complete image 1 9 65 41 | title 7 14 46 14", "layout_seq_without_completion": "background 31 0 86 59 | button 33 39 26 4 | button 7 39 25 4 | description 7 30 53 7 | image 1 9 65 41 | title 7 14 46 14", "plain_layout_seq": "background 31 0 86 59 | button 33 39 26 4 | button 7 39 25 4 | description 7 30 53 7 | image 1 9 65 41 | title 7 14 46 14", "canvas_width": 1009, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 265, 0, 729, 500 ], "completed": false }, { "type": "image", "position": [ 15, 79, 550, 352 ], "completed": true }, { "type": "title", "position": [ 63, 126, 394, 121 ], "completed": false }, { "type": "description", "position": [ 63, 255, 454, 60 ], "completed": false }, { "type": "button", "position": [ 63, 335, 212, 42 ], "completed": false }, { "type": "button", "position": [ 283, 335, 226, 42 ], "completed": false } ] }, { "text": "#A page for introducing a white paper to users.# The page should include an image on the left, one title of the white paper named \"Heavy reading: A radical network change to the cloud\", and a brief introduction to the white paper. A button is needed for users to click for further information.", "region_id": "107", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:value'heavy reading: a radical network change to the cloud'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image left undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 35 | \" [ complete text 76 5 41 2 ] | [ title 76 9 41 7 ] | [ description 76 18 41 5 ] | [ button 76 26 19 3 ] \"", "layout_seq_without_completion": "image 0 0 120 35 | \" [ text 76 5 41 2 ] | [ title 76 9 41 7 ] | [ description 76 18 41 5 ] | [ button 76 26 19 3 ] \"", "plain_layout_seq": "button 76 26 19 3 | description 76 18 41 5 | image 0 0 120 35 | text 76 5 41 2 | title 76 9 41 7", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 300 ], "completed": false }, { "type": "text", "position": [ 654, 47, 350, 21 ], "completed": true }, { "type": "title", "position": [ 654, 83, 350, 63 ], "completed": false }, { "type": "description", "position": [ 654, 160, 350, 48 ], "completed": false }, { "type": "button", "position": [ 654, 223, 170, 30 ], "completed": false } ] }, { "text": "#A page for introducing the conversation intelligence to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. It's better to have an icon and a page of the website on the right side.", "region_id": "429", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:icon [attr:position 'right'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | icon right undefined | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 12 55 38 5 | description 12 44 41 8 | complete icon 12 11 6 6 | icon 56 42 8 8 | image 64 21 43 25 | title 12 21 41 19", "layout_seq_without_completion": "button 12 55 38 5 | description 12 44 41 8 | icon 12 11 6 6 | icon 56 42 8 8 | image 64 21 43 25 | title 12 21 41 19", "plain_layout_seq": "button 12 55 38 5 | description 12 44 41 8 | icon 12 11 6 6 | icon 56 42 8 8 | image 64 21 43 25 | title 12 21 41 19", "canvas_width": 980, "canvas_height": 576, "elements": [ { "type": "icon", "position": [ 100, 96, 56, 56 ], "completed": true }, { "type": "image", "position": [ 524, 173, 356, 212 ], "completed": false }, { "type": "title", "position": [ 100, 176, 340, 160 ], "completed": false }, { "type": "icon", "position": [ 464, 349, 72, 72 ], "completed": false }, { "type": "description", "position": [ 100, 360, 340, 72 ], "completed": false }, { "type": "button", "position": [ 100, 456, 316, 48 ], "completed": false } ] }, { "text": "#A page for introducing Oracle Live to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. It's better to have an image on the right side.", "region_id": "1874", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "layout_seq_without_completion": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "plain_layout_seq": "button 2 14 24 2 | description 2 7 69 3 | image 73 2 43 15 | title 2 2 69 3", "canvas_width": 976, "canvas_height": 156, "elements": [ { "type": "title", "position": [ 24, 24, 562, 28 ], "completed": false }, { "type": "image", "position": [ 601, 24, 351, 128 ], "completed": false }, { "type": "description", "position": [ 24, 60, 562, 32 ], "completed": false }, { "type": "button", "position": [ 24, 115, 200, 17 ], "completed": false } ] }, { "text": "#A page for introducing the partner management to users.# The page should include four subtitles for users to click for further information. It's better to have an interface on the right side.", "region_id": "518", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'4'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : image right undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete icon 9 16 3 3 | complete icon 9 65 3 3 | complete icon 9 40 3 3 | complete icon 9 52 3 3 | image 65 22 49 49 | complete text 15 24 35 6 | title 15 64 35 8 | title 15 17 29 6 | title 15 39 35 4 | title 15 52 35 4", "layout_seq_without_completion": "icon 9 16 3 3 | icon 9 65 3 3 | icon 9 40 3 3 | icon 9 52 3 3 | image 65 22 49 49 | text 15 24 35 6 | title 15 64 35 8 | title 15 17 29 6 | title 15 39 35 4 | title 15 52 35 4", "plain_layout_seq": "icon 9 16 3 3 | icon 9 65 3 3 | icon 9 40 3 3 | icon 9 52 3 3 | image 65 22 49 49 | text 15 24 35 6 | title 15 64 35 8 | title 15 17 29 6 | title 15 39 35 4 | title 15 52 35 4", "canvas_width": 1039, "canvas_height": 703, "elements": [ { "type": "icon", "position": [ 81, 147, 32, 32 ], "completed": true }, { "type": "title", "position": [ 130, 149, 257, 60 ], "completed": false }, { "type": "image", "position": [ 564, 191, 430, 430 ], "completed": false }, { "type": "text", "position": [ 130, 215, 308, 59 ], "completed": true }, { "type": "title", "position": [ 130, 346, 308, 35 ], "completed": false }, { "type": "icon", "position": [ 81, 348, 32, 32 ], "completed": true }, { "type": "title", "position": [ 130, 453, 308, 35 ], "completed": false }, { "type": "icon", "position": [ 81, 456, 32, 32 ], "completed": true }, { "type": "title", "position": [ 130, 561, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 563, 32, 32 ], "completed": true } ] }, { "text": "# A page for introducing the service, so the user to search the doctor in the provider's directory. # On the page, an image of the topic, a title \"Searching for your doctor\", and a text box with a short description are needed. Then there should be a text button for the user to search providers.", "region_id": "1094", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'searching for your doctor'] ] [el:description [attr:size'small'] ] [el:button [attr:value'Search providers'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 48 27 25 5 | description 48 13 71 10 | image 4 1 39 39 | title 48 7 71 6", "layout_seq_without_completion": "button 48 27 25 5 | description 48 13 71 10 | image 4 1 39 39 | title 48 7 71 6", "plain_layout_seq": "button 48 27 25 5 | description 48 13 71 10 | image 4 1 39 39 | title 48 7 71 6", "canvas_width": 984, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 40, 16, 320, 320 ], "completed": false }, { "type": "title", "position": [ 400, 62, 584, 52 ], "completed": false }, { "type": "description", "position": [ 400, 114, 584, 84 ], "completed": false }, { "type": "button", "position": [ 400, 228, 213, 46 ], "completed": false } ] }, { "text": "#A page for introducing the kpop database.# There is one title \"Kpopping's kpop database\" and one description. Below are three buttons.", "region_id": "4022", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'kpoppings kpop database'] ] [el:description] [el:button [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 20 | description 5 8 108 2 | title 1 1 116 4 | \" [ button 19 12 24 6 ] | [ button 43 12 26 6 ] | [ button 70 12 29 6 ] \"", "layout_seq_without_completion": "background 0 0 120 20 | description 5 8 108 2 | title 1 1 116 4 | \" [ button 19 12 24 6 ] | [ button 43 12 26 6 ] | [ button 70 12 29 6 ] \"", "plain_layout_seq": "background 0 0 120 20 | button 19 12 24 6 | button 43 12 26 6 | button 70 12 29 6 | description 5 8 108 2 | title 1 1 116 4", "canvas_width": 960, "canvas_height": 176, "elements": [ { "type": "background", "position": [ 0, 0, 960, 161 ], "completed": true }, { "type": "title", "position": [ 15, 15, 930, 39 ], "completed": false }, { "type": "description", "position": [ 46, 65, 869, 19 ], "completed": false }, { "type": "button", "position": [ 159, 96, 192, 50 ], "completed": false }, { "type": "button", "position": [ 351, 96, 212, 50 ], "completed": false }, { "type": "button", "position": [ 563, 96, 238, 50 ], "completed": false } ] }, { "text": "# A page for the company Samsara. # There should have two text boxes. One is the slogan introducing the main features of the comapny, and another is the short description of the advantage of the company. Besides, it is necessary to include a text button that the user can click to ckeck the prices.", "region_id": "2119", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'check the prices'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 75 | button 5 54 23 5 | description 5 40 43 10 | title 5 24 43 14", "layout_seq_without_completion": "background 0 0 120 75 | button 5 54 23 5 | description 5 40 43 10 | title 5 24 43 14", "plain_layout_seq": "background 0 0 120 75 | button 5 54 23 5 | description 5 40 43 10 | title 5 24 43 14", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 640 ], "completed": true }, { "type": "title", "position": [ 50, 208, 372, 120 ], "completed": false }, { "type": "description", "position": [ 50, 346, 372, 90 ], "completed": false }, { "type": "button", "position": [ 50, 463, 200, 47 ], "completed": false } ] }, { "text": "#A page for introducing the web CU-FIRE.#The page should have an image on the left side. There is a title, \"welcome to cu-fire\", and there is a long description under it.", "region_id": "6991", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:value 'welcome to cufire'] ] [el:description [attr:size 'large'] ] ]", "execution": "singleinfo : description undefined large | image left undefined | title undefined undefined", "layout_seq_with_completion": "description 64 12 44 63 | image 5 27 54 30 | title 64 8 44 3", "layout_seq_without_completion": "description 64 12 44 63 | image 5 27 54 30 | title 64 8 44 3", "plain_layout_seq": "description 64 12 44 63 | image 5 27 54 30 | title 64 8 44 3", "canvas_width": 1024, "canvas_height": 727, "elements": [ { "type": "title", "position": [ 552, 70, 382, 28 ], "completed": false }, { "type": "description", "position": [ 552, 109, 382, 538 ], "completed": false }, { "type": "image", "position": [ 50, 233, 462, 260 ], "completed": false } ] }, { "text": "#A page for users to subscribe to the newsletter. # A page should include a title to call for newspaper subscriptions, an input box for users to enter an email address, and a button to click to subscribe.", "region_id": "2036", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input [attr:value'enter an email address'] ] [el:button [attr:value'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 99 7 14 5 | input 70 7 28 5 | title 6 6 61 11", "layout_seq_without_completion": "button 99 7 14 5 | input 70 7 28 5 | title 6 6 61 11", "plain_layout_seq": "button 99 7 14 5 | input 70 7 28 5 | title 6 6 61 11", "canvas_width": 1054, "canvas_height": 202, "elements": [ { "type": "title", "position": [ 57, 60, 536, 102 ], "completed": false }, { "type": "input", "position": [ 623, 64, 249, 50 ], "completed": false }, { "type": "button", "position": [ 872, 64, 125, 50 ], "completed": false } ] }, { "text": "# A page for the user to explore a virtual tour of the campus. # The page should have a background image, the title \"Virtual tour\", a further description, and a link \"Virtual tour\" with a small icon on the right for the user to click to experience the virtual tour.", "region_id": "4826", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'virtual tour'] ] [el:description] [el:link [attr:value 'virtual tour'] ] [el:icon [attr:size 'small'] [attr:position 'right'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | icon right small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 71 | description 59 23 43 16 | icon 76 44 2 2 | complete image 54 9 54 49 | link 59 44 14 4 | title 59 14 43 5", "layout_seq_without_completion": "background 0 0 120 71 | description 59 23 43 16 | icon 76 44 2 2 | image 54 9 54 49 | link 59 44 14 4 | title 59 14 43 5", "plain_layout_seq": "background 0 0 120 71 | description 59 23 43 16 | icon 76 44 2 2 | image 54 9 54 49 | link 59 44 14 4 | title 59 14 43 5", "canvas_width": 905, "canvas_height": 542, "elements": [ { "type": "background", "position": [ 0, 0, 905, 542 ], "completed": false }, { "type": "image", "position": [ 411, 72, 412, 372 ], "completed": true }, { "type": "title", "position": [ 451, 112, 331, 44 ], "completed": false }, { "type": "description", "position": [ 451, 180, 331, 128 ], "completed": false }, { "type": "link", "position": [ 451, 332, 113, 32 ], "completed": false }, { "type": "icon", "position": [ 576, 339, 18, 18 ], "completed": false } ] }, { "text": "#A page for introducing the statement of CEO \"Leonhard Birnbaum\" to users.# The page should include one title and a brief description. Besides, three links should be provided for users to click for further information. It's better to have an image of the CEO on the left side.", "region_id": "1160", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:repeat'3'] ] [el:image [attr:position'left'] ] ]", "execution": "singleinfo : description undefined small | image left undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 21 52 20 | title 61 8 52 10 | \" [ link 61 45 32 3 ] | [ link 61 49 52 6 ] | [ link 61 57 37 3 ] \"", "layout_seq_without_completion": "description 61 21 52 20 | title 61 8 52 10 | \" [ link 61 45 32 3 ] | [ link 61 49 52 6 ] | [ link 61 57 37 3 ] \"", "plain_layout_seq": "description 61 21 52 20 | link 61 45 32 3 | link 61 49 52 6 | link 61 57 37 3 | title 61 8 52 10", "canvas_width": 1040, "canvas_height": 614, "elements": [ { "type": "title", "position": [ 536, 72, 456, 92 ], "completed": false }, { "type": "description", "position": [ 536, 188, 456, 180 ], "completed": false }, { "type": "link", "position": [ 536, 392, 282, 32 ], "completed": false }, { "type": "link", "position": [ 536, 432, 456, 54 ], "completed": false }, { "type": "link", "position": [ 536, 494, 325, 32 ], "completed": false } ] }, { "text": "# A page to get an ebook on a website. # There should a background image, a slogan, and a text box to attract the user. Then there should contain five inputs to enter first, last name, phone number, email address, and country. Besides, a text button to submit the info is needed.", "region_id": "260", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text] [el:input [attr:value'first name'] ] [el:input [attr:value'last name'] ] [el:input [attr:value'phone number'] ] [el:input [attr:value'email address'] ] [el:input [attr:value'country'] ] [el:button [attr:value'submit'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 62 | button 5 54 17 5 | input 5 33 26 5 | input 32 33 26 5 | input 5 40 26 5 | input 32 40 26 5 | input 5 47 53 5 | text 5 22 54 7 | title 5 2 54 16", "layout_seq_without_completion": "background 0 0 120 62 | button 5 54 17 5 | input 5 33 26 5 | input 32 33 26 5 | input 5 40 26 5 | input 32 40 26 5 | input 5 47 53 5 | text 5 22 54 7 | title 5 2 54 16", "plain_layout_seq": "background 0 0 120 62 | button 5 54 17 5 | input 5 33 26 5 | input 32 33 26 5 | input 5 40 26 5 | input 32 40 26 5 | input 5 47 53 5 | text 5 22 54 7 | title 5 2 54 16", "canvas_width": 1024, "canvas_height": 535, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 535 ], "completed": false }, { "type": "title", "position": [ 44, 24, 468, 144 ], "completed": false }, { "type": "text", "position": [ 44, 196, 468, 64 ], "completed": false }, { "type": "input", "position": [ 44, 283, 222, 48 ], "completed": false }, { "type": "input", "position": [ 278, 283, 222, 48 ], "completed": false }, { "type": "input", "position": [ 44, 343, 222, 48 ], "completed": false }, { "type": "input", "position": [ 278, 343, 222, 48 ], "completed": false }, { "type": "input", "position": [ 44, 403, 456, 48 ], "completed": false }, { "type": "button", "position": [ 44, 463, 150, 48 ], "completed": false } ] }, { "text": "#A page for introducing F22 half-year results to users.# The page should include one title and a link for users to click for further information.", "region_id": "2408", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 56 | complete icon 58 28 1 1 | complete image 78 26 41 30 | link 2 26 60 7 | complete text 7 28 47 2 | title 2 16 93 3 | \" [ complete button 2 47 1 1 ] | [ complete button 5 47 1 1 ] | [ complete button 9 47 1 1 ] \"", "layout_seq_without_completion": "background 0 0 120 56 | icon 58 28 1 1 | image 78 26 41 30 | link 2 26 60 7 | text 7 28 47 2 | title 2 16 93 3 | \" [ button 2 47 1 1 ] | [ button 5 47 1 1 ] | [ button 9 47 1 1 ] \"", "plain_layout_seq": "background 0 0 120 56 | button 2 47 1 1 | button 5 47 1 1 | button 9 47 1 1 | icon 58 28 1 1 | image 78 26 41 30 | link 2 26 60 7 | text 7 28 47 2 | title 2 16 93 3", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 480 ], "completed": true }, { "type": "title", "position": [ 24, 145, 800, 34 ], "completed": false }, { "type": "link", "position": [ 24, 222, 519, 63 ], "completed": false }, { "type": "image", "position": [ 667, 222, 357, 258 ], "completed": true }, { "type": "text", "position": [ 64, 244, 409, 18 ], "completed": true }, { "type": "icon", "position": [ 495, 244, 16, 16 ], "completed": true }, { "type": "button", "position": [ 25, 407, 16, 16 ], "completed": true }, { "type": "button", "position": [ 51, 407, 16, 16 ], "completed": true }, { "type": "button", "position": [ 77, 407, 16, 16 ], "completed": true } ] }, { "text": "#A page for introducing one platform.#There should be one title\"Accelerate innovation with a platform built to evolve with you\", and one text box showing the detailed advantages of the platform. One image is used to show the platform.", "region_id": "32", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'accelerate innovation with a platform built to evolve with you'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "layout_seq_without_completion": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "plain_layout_seq": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "canvas_width": 1024, "canvas_height": 724, "elements": [ { "type": "title", "position": [ 103, 96, 818, 95 ], "completed": false }, { "type": "description", "position": [ 34, 252, 328, 377 ], "completed": false }, { "type": "image", "position": [ 462, 289, 552, 402 ], "completed": false } ] }, { "text": "#A page for introducing one platform.#There should be one text box showing the title and one text box showing the detailed advantages of the platform. One image is used to show the platform.", "region_id": "32_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "layout_seq_without_completion": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "plain_layout_seq": "description 3 29 38 44 | image 54 33 64 47 | title 12 11 95 11", "canvas_width": 1024, "canvas_height": 724, "elements": [ { "type": "title", "position": [ 103, 96, 818, 95 ], "completed": false }, { "type": "description", "position": [ 34, 252, 328, 377 ], "completed": false }, { "type": "image", "position": [ 462, 289, 552, 402 ], "completed": false } ] }, { "text": "#A page for introducing the Data discovery to users.# The page should include one title and five subtitles. Users can click each subtitle link to read the detailed description. On the right side, there should be an interface of the software.", "region_id": "23", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:repeat'5'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : image right undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 54 42 58 44 | link 6 96 26 3 | link 6 69 20 3 | link 6 78 28 3 | link 6 29 24 3 | link 6 87 31 3 | complete link 12 60 9 1 | complete text 12 35 32 22 | title 6 11 106 4", "layout_seq_without_completion": "image 54 42 58 44 | link 6 96 26 3 | link 6 69 20 3 | link 6 78 28 3 | link 6 29 24 3 | link 6 87 31 3 | link 12 60 9 1 | text 12 35 32 22 | title 6 11 106 4", "plain_layout_seq": "image 54 42 58 44 | link 6 96 26 3 | link 6 69 20 3 | link 6 78 28 3 | link 6 29 24 3 | link 6 87 31 3 | link 12 60 9 1 | text 12 35 32 22 | title 6 11 106 4", "canvas_width": 1024, "canvas_height": 851, "elements": [ { "type": "title", "position": [ 57, 100, 910, 40 ], "completed": false }, { "type": "link", "position": [ 57, 255, 205, 28 ], "completed": false }, { "type": "text", "position": [ 110, 307, 281, 192 ], "completed": true }, { "type": "image", "position": [ 467, 361, 500, 383 ], "completed": false }, { "type": "link", "position": [ 110, 518, 85, 17 ], "completed": true }, { "type": "link", "position": [ 57, 589, 179, 28 ], "completed": false }, { "type": "link", "position": [ 57, 667, 240, 28 ], "completed": false }, { "type": "link", "position": [ 57, 745, 268, 28 ], "completed": false }, { "type": "link", "position": [ 57, 823, 224, 28 ], "completed": false } ] }, { "text": "#A page for attracting users to use a listing.# The page should have a background image, two texts to shortly introduce the products to attract users to use it, and a button for users to click to start using the listing.", "region_id": "5503", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:description [attr:repeat '2'] [attr:size 'small'] ] [el:button [attr:value 'start using listing']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | description undefined small", "layout_seq_with_completion": "background 0 0 56 30 | button 2 19 18 5 | description 2 13 38 4 | description 2 5 50 6 | complete text 57 0 24 30", "layout_seq_without_completion": "background 0 0 56 30 | button 2 19 18 5 | description 2 13 38 4 | description 2 5 50 6 | text 57 0 24 30", "plain_layout_seq": "background 0 0 56 30 | button 2 19 18 5 | description 2 13 38 4 | description 2 5 50 6 | text 57 0 24 30", "canvas_width": 980, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 461, 250 ], "completed": false }, { "type": "text", "position": [ 470, 0, 196, 250 ], "completed": true }, { "type": "description", "position": [ 20, 46, 416, 56 ], "completed": false }, { "type": "description", "position": [ 20, 108, 312, 34 ], "completed": false }, { "type": "button", "position": [ 20, 160, 147, 41 ], "completed": false } ] }, { "text": "#A page for introducing the cookies of the web.# The page should have an introduction to the cookies of the web, and 2 buttons for users to click to learn more and accept it.", "region_id": "4316", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:button [attr:value 'learn more'] ] [el:button [attr:value 'accept'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined", "layout_seq_with_completion": "button 20 8 10 5 | button 4 8 15 5 | description 4 1 111 5", "layout_seq_without_completion": "button 20 8 10 5 | button 4 8 15 5 | description 4 1 111 5", "plain_layout_seq": "button 20 8 10 5 | button 4 8 15 5 | description 4 1 111 5", "canvas_width": 882, "canvas_height": 108, "elements": [ { "type": "description", "position": [ 31, 8, 820, 38 ], "completed": false }, { "type": "button", "position": [ 31, 62, 115, 38 ], "completed": false }, { "type": "button", "position": [ 150, 62, 78, 38 ], "completed": false } ] }, { "text": "# A page to introduce the company about returning capital to shareholders. # On the page, there should three text boxes. It is necessary to have a text button used to click to find out more.", "region_id": "751", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] [el:button [attr:value'find out more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 3 0 112 31 | button 50 20 19 5 | text 26 3 67 2 | text 26 7 67 3 | text 26 11 67 5", "layout_seq_without_completion": "background 3 0 112 31 | button 50 20 19 5 | text 26 3 67 2 | text 26 7 67 3 | text 26 11 67 5", "plain_layout_seq": "background 3 0 112 31 | button 50 20 19 5 | text 26 3 67 2 | text 26 7 67 3 | text 26 11 67 5", "canvas_width": 1024, "canvas_height": 266, "elements": [ { "type": "background", "position": [ 30, 0, 964, 266 ], "completed": true }, { "type": "text", "position": [ 223, 34, 578, 20 ], "completed": false }, { "type": "text", "position": [ 223, 65, 578, 28 ], "completed": false }, { "type": "text", "position": [ 223, 101, 578, 48 ], "completed": false }, { "type": "button", "position": [ 427, 175, 170, 51 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page has a background image and a title, named \"Drip T-Shirts For Street Enthusiasts\". There is a brief description and a link \"discover\" under the title.", "region_id": "6939", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'drip t-shirts for street enthusiasts'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'discover'] ] ]", "execution": "singleinfo : background undefined undefined | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 54 47 2 | link 5 59 8 2 | title 5 28 47 27", "layout_seq_without_completion": "description 5 54 47 2 | link 5 59 8 2 | title 5 28 47 27", "plain_layout_seq": "description 5 54 47 2 | link 5 59 8 2 | title 5 28 47 27", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "title", "position": [ 48, 246, 404, 234 ], "completed": false }, { "type": "description", "position": [ 48, 468, 404, 24 ], "completed": false }, { "type": "link", "position": [ 48, 508, 72, 18 ], "completed": false } ] }, { "text": "# A page for the user to plan Virginia vacation.# The page should have the phrase \"VIRGINIA TOURISM\" to introduce the topic, a title \"Virginia Travel: Your Guide\", and a further description. It is necessary to have a button for the user to click to plan the Virginia vacation. And it will be better to have an image of the topic.", "region_id": "3537", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'virginia tourism'] ] [el:title [attr:value 'virginia travel: your guide'] ] [el:description] [el:button [attr:value 'plan your virginia vacation'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 64 35 7 | description 8 36 35 25 | image 46 14 73 49 | complete image 2 4 48 72 | title 8 7 35 2 | title 8 9 30 20", "layout_seq_without_completion": "button 8 64 35 7 | description 8 36 35 25 | image 46 14 73 49 | image 2 4 48 72 | title 8 7 35 2 | title 8 9 30 20", "plain_layout_seq": "button 8 64 35 7 | description 8 36 35 25 | image 46 14 73 49 | image 2 4 48 72 | title 8 7 35 2 | title 8 9 30 20", "canvas_width": 1025, "canvas_height": 728, "elements": [ { "type": "image", "position": [ 18, 37, 412, 615 ], "completed": true }, { "type": "title", "position": [ 72, 64, 304, 18 ], "completed": false }, { "type": "title", "position": [ 72, 85, 264, 177 ], "completed": false }, { "type": "image", "position": [ 395, 123, 630, 423 ], "completed": false }, { "type": "description", "position": [ 72, 308, 304, 216 ], "completed": false }, { "type": "button", "position": [ 72, 548, 304, 68 ], "completed": false } ] }, { "text": "#A page for introducing the data activation platform to users.# The page should include one title and a brief description of the platform. Besides, a button is needed for users to click for further information. On the right, there should be a website of the platform.", "region_id": "270", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 4 67 13 2 | description 4 47 45 15 | image 55 24 60 36 | complete text 4 19 45 2 | title 4 25 45 20", "layout_seq_without_completion": "button 4 67 13 2 | description 4 47 45 15 | image 55 24 60 36 | text 4 19 45 2 | title 4 25 45 20", "plain_layout_seq": "button 4 67 13 2 | description 4 47 45 15 | image 55 24 60 36 | text 4 19 45 2 | title 4 25 45 20", "canvas_width": 1003, "canvas_height": 712, "elements": [ { "type": "text", "position": [ 36, 160, 383, 24 ], "completed": true }, { "type": "image", "position": [ 461, 202, 502, 307 ], "completed": false }, { "type": "title", "position": [ 36, 209, 383, 168 ], "completed": false }, { "type": "description", "position": [ 36, 397, 383, 128 ], "completed": false }, { "type": "button", "position": [ 36, 567, 113, 22 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be an attractive title\"We produce materials essential to human progress\" with one background image.", "region_id": "2096", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'we produce materials essential to human progress'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 65 | title 12 55 76 3", "layout_seq_without_completion": "background 0 0 120 65 | title 12 55 76 3", "plain_layout_seq": "background 0 0 120 65 | title 12 55 76 3", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 560 ], "completed": false }, { "type": "title", "position": [ 104, 475, 649, 29 ], "completed": false } ] }, { "text": "#A page advertising the service of a company.# There should be an attractive title giving information on the service of the company. There should be a large corresponding image.", "region_id": "2096_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : image undefined large | title undefined undefined", "layout_seq_with_completion": "image 0 0 120 65 | title 12 55 76 3", "layout_seq_without_completion": "image 0 0 120 65 | title 12 55 76 3", "plain_layout_seq": "image 0 0 120 65 | title 12 55 76 3", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 560 ], "completed": false }, { "type": "title", "position": [ 104, 475, 649, 29 ], "completed": false } ] }, { "text": "#A page showing the app.# There should be a title labeled \"Tracking and Telematics.\" There should be a short introduction to the app. Also, it is better to include two buttons for getting pricing and learning more.", "region_id": "291", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Tracking and telematics'] ] [el:description [attr:size 'small']] [el:button [attr:value'get pricing'] ] [el:button [attr:value'learn more'] ]]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | complete image 51 11 61 40 | title 7 11 39 8", "layout_seq_without_completion": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | image 51 11 61 40 | title 7 11 39 8", "plain_layout_seq": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | image 51 11 61 40 | title 7 11 39 8", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "title", "position": [ 60, 96, 340, 72 ], "completed": false }, { "type": "image", "position": [ 442, 96, 522, 345 ], "completed": true }, { "type": "description", "position": [ 60, 198, 340, 60 ], "completed": false }, { "type": "button", "position": [ 60, 334, 183, 41 ], "completed": false }, { "type": "button", "position": [ 60, 382, 183, 41 ], "completed": false } ] }, { "text": "#A page showing the app.# There should be a textbox labeled \"Tracking and Telematics.\" There should be another text box giving a short introduction to the app. Also, it is better to include two buttons for obtaining more info.", "region_id": "291_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Tracking and telematics'] ] [el:description [attr:size 'small']] [el:button [attr:repeat'2']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | complete image 51 11 61 40 | title 7 11 39 8", "layout_seq_without_completion": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | image 51 11 61 40 | title 7 11 39 8", "plain_layout_seq": "button 7 39 21 4 | button 7 44 21 4 | description 7 23 39 7 | image 51 11 61 40 | title 7 11 39 8", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "title", "position": [ 60, 96, 340, 72 ], "completed": false }, { "type": "image", "position": [ 442, 96, 522, 345 ], "completed": true }, { "type": "description", "position": [ 60, 198, 340, 60 ], "completed": false }, { "type": "button", "position": [ 60, 334, 183, 41 ], "completed": false }, { "type": "button", "position": [ 60, 382, 183, 41 ], "completed": false } ] }, { "text": "#A page for introducing HCP Vault.# There should be one the title\"HCP Vault: Now with Multi-Region Replication\". One image is used for showing the detail. One link is needed for users to learn more info.", "region_id": "1373", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'hcp vault: now with multi-region replication'] ] [el:image] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 80 0 40 29 | link 4 20 3 3 | title 4 9 70 4", "layout_seq_without_completion": "image 80 0 40 29 | link 4 20 3 3 | title 4 9 70 4", "plain_layout_seq": "image 80 0 40 29 | link 4 20 3 3 | title 4 9 70 4", "canvas_width": 864, "canvas_height": 215, "elements": [ { "type": "image", "position": [ 576, 0, 288, 215 ], "completed": false }, { "type": "title", "position": [ 32, 67, 509, 32 ], "completed": false }, { "type": "link", "position": [ 32, 151, 24, 24 ], "completed": false } ] }, { "text": "#A page for introducing HCP Vault.# There should be one text box for the title \"HCP Vault: Now with Multi-Region Replication\". One image is used for showing the detail. One text is needed for users to learn more info.", "region_id": "1373_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'hcp vault: now with multi-region replication'] ] [el:image] [el:text [attr:value 'learn more'] ] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 80 0 40 29 | text 4 20 3 3 | title 4 9 70 4", "layout_seq_without_completion": "image 80 0 40 29 | text 4 20 3 3 | title 4 9 70 4", "plain_layout_seq": "image 80 0 40 29 | text 4 20 3 3 | title 4 9 70 4", "canvas_width": 864, "canvas_height": 215, "elements": [ { "type": "image", "position": [ 576, 0, 288, 215 ], "completed": false }, { "type": "title", "position": [ 32, 67, 509, 32 ], "completed": false }, { "type": "text", "position": [ 32, 151, 24, 24 ], "completed": false } ] }, { "text": "#A page for introducing a video about revolutionizing precision heart care to users.# The page should include one title and a video. There should be a button for users to click to watch this video.", "region_id": "1389", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 55 36 8 8 | image 0 0 120 71 | title 9 26 101 7", "layout_seq_without_completion": "button 55 36 8 8 | image 0 0 120 71 | title 9 26 101 7", "plain_layout_seq": "button 55 36 8 8 | image 0 0 120 71 | title 9 26 101 7", "canvas_width": 1003, "canvas_height": 601, "elements": [ { "type": "image", "position": [ 0, 0, 1003, 601 ], "completed": false }, { "type": "title", "position": [ 76, 219, 850, 61 ], "completed": false }, { "type": "button", "position": [ 468, 304, 68, 68 ], "completed": false } ] }, { "text": "#A page for searching products on a site.# The page should have a title, an input for users to enter the products they need, and icon for users to click to start to search.", "region_id": "8227", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:input [attr:value 'enter the products'] ] [el:icon [attr:value 'search'] ] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 94 4 5 4 | input 23 4 70 4 | title 23 0 76 3", "layout_seq_without_completion": "icon 94 4 5 4 | input 23 4 70 4 | title 23 0 76 3", "plain_layout_seq": "icon 94 4 5 4 | input 23 4 70 4 | title 23 0 76 3", "canvas_width": 979, "canvas_height": 92, "elements": [ { "type": "title", "position": [ 193, 0, 623, 29 ], "completed": false }, { "type": "input", "position": [ 194, 39, 574, 37 ], "completed": false }, { "type": "icon", "position": [ 768, 39, 47, 37 ], "completed": false } ] }, { "text": "# A page for the user to download an app.# The page should have an image, the title \"Mobile app now available!\", a short description, and two icons for the user to download the app on Google Play and App Store.", "region_id": "5720", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'mobile app now available!'] ] [el:description [attr:size 'small'] ] [el:icon [attr:value 'Google Play'] ] [el:icon [attr:value 'App Store'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 40 | description 63 17 49 3 | icon 63 21 18 7 | icon 82 22 14 4 | image 5 1 55 36 | title 63 11 49 5", "layout_seq_without_completion": "background 0 0 120 40 | description 63 17 49 3 | icon 63 21 18 7 | icon 82 22 14 4 | image 5 1 55 36 | title 63 11 49 5", "plain_layout_seq": "background 0 0 120 40 | description 63 17 49 3 | icon 63 21 18 7 | icon 82 22 14 4 | image 5 1 55 36 | title 63 11 49 5", "canvas_width": 1024, "canvas_height": 346, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 346 ], "completed": true }, { "type": "image", "position": [ 48, 16, 476, 314 ], "completed": false }, { "type": "title", "position": [ 540, 102, 419, 49 ], "completed": false }, { "type": "description", "position": [ 540, 151, 419, 31 ], "completed": false }, { "type": "icon", "position": [ 540, 182, 160, 62 ], "completed": false }, { "type": "icon", "position": [ 704, 192, 125, 42 ], "completed": false } ] }, { "text": "#A page informing users that our website uses cookies and guiding users to confirm.#The page should have one short description and one button to accept it.", "region_id": "8506", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:button [attr:value 'accept'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small", "layout_seq_with_completion": "complete background 0 0 120 8 | button 106 1 8 4 | description 3 2 102 2", "layout_seq_without_completion": "background 0 0 120 8 | button 106 1 8 4 | description 3 2 102 2", "plain_layout_seq": "background 0 0 120 8 | button 106 1 8 4 | description 3 2 102 2", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 71 ], "completed": true }, { "type": "button", "position": [ 912, 15, 76, 41 ], "completed": false }, { "type": "description", "position": [ 28, 24, 877, 23 ], "completed": false } ] }, { "text": "#A page for introducing a company that helps users to choose a deal.# The page should have a title, and two texts to introduce the advantages of the company. Two images as the extra layout.", "region_id": "5195", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat '2'] ] [el:image [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 24 25 69 8 | description 18 9 81 12 | image 19 37 38 53 | image 61 37 38 53 | title 18 4 81 1", "layout_seq_without_completion": "description 24 25 69 8 | description 18 9 81 12 | image 19 37 38 53 | image 61 37 38 53 | title 18 4 81 1", "plain_layout_seq": "description 24 25 69 8 | description 18 9 81 12 | image 19 37 38 53 | image 61 37 38 53 | title 18 4 81 1", "canvas_width": 1024, "canvas_height": 866, "elements": [ { "type": "title", "position": [ 154, 42, 697, 14 ], "completed": false }, { "type": "description", "position": [ 154, 77, 697, 103 ], "completed": false }, { "type": "description", "position": [ 206, 220, 592, 72 ], "completed": false }, { "type": "image", "position": [ 167, 316, 332, 458 ], "completed": false }, { "type": "image", "position": [ 525, 316, 332, 458 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have a description of \"culture\" on the top, and there is an image in the middle. There is a title and a description under the image.", "region_id": "5831", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:position 'top'] ] [el:image] [el:title] [el:description] ]", "execution": "singleinfo : description top undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 2 12 2 | description 5 82 108 4 | image 0 10 120 67 | complete link 8 89 16 1 | complete text 5 89 2 1 | complete text 5 91 108 1 | title 5 80 8 1", "layout_seq_without_completion": "description 5 2 12 2 | description 5 82 108 4 | image 0 10 120 67 | link 8 89 16 1 | text 5 89 2 1 | text 5 91 108 1 | title 5 80 8 1", "plain_layout_seq": "description 5 2 12 2 | description 5 82 108 4 | image 0 10 120 67 | link 8 89 16 1 | text 5 89 2 1 | text 5 91 108 1 | title 5 80 8 1", "canvas_width": 1009, "canvas_height": 849, "elements": [ { "type": "description", "position": [ 48, 17, 102, 24 ], "completed": false }, { "type": "image", "position": [ 0, 90, 1009, 568 ], "completed": false }, { "type": "title", "position": [ 48, 674, 68, 13 ], "completed": false }, { "type": "description", "position": [ 48, 697, 913, 35 ], "completed": false }, { "type": "text", "position": [ 48, 750, 23, 12 ], "completed": true }, { "type": "link", "position": [ 71, 750, 136, 12 ], "completed": true }, { "type": "text", "position": [ 48, 768, 913, 16 ], "completed": true } ] }, { "text": "# A page to introduce a company called Oracle.# On the page, there should have a title \"About Us\", a text box with a description, and an image showing the CEO of the company.", "region_id": "378", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about us'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 12 32 41 24 | complete icon 5 23 9 7 | complete icon 51 58 9 7 | image 67 26 46 35 | title 5 12 108 4", "layout_seq_without_completion": "description 12 32 41 24 | icon 5 23 9 7 | icon 51 58 9 7 | image 67 26 46 35 | title 5 12 108 4", "plain_layout_seq": "description 12 32 41 24 | icon 5 23 9 7 | icon 51 58 9 7 | image 67 26 46 35 | title 5 12 108 4", "canvas_width": 1024, "canvas_height": 781, "elements": [ { "type": "title", "position": [ 47, 110, 930, 38 ], "completed": false }, { "type": "icon", "position": [ 47, 203, 81, 60 ], "completed": true }, { "type": "image", "position": [ 577, 228, 400, 303 ], "completed": false }, { "type": "description", "position": [ 107, 277, 355, 205 ], "completed": false }, { "type": "icon", "position": [ 436, 500, 81, 60 ], "completed": true } ] }, { "text": "# A page to introduce the service of SkySlope to attract the user. # The page should have a slogan \"EVERYTHING YOU NEED\", a title, a further description, and a button \"Learn More\" for the user to click for more info.", "region_id": "6194", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'everything you need'] ] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 24 16 4 | description 2 12 115 6 | text 2 0 115 3 | title 2 5 115 4", "layout_seq_without_completion": "button 51 24 16 4 | description 2 12 115 6 | text 2 0 115 3 | title 2 5 115 4", "plain_layout_seq": "button 51 24 16 4 | description 2 12 115 6 | text 2 0 115 3 | title 2 5 115 4", "canvas_width": 1009, "canvas_height": 270, "elements": [ { "type": "text", "position": [ 20, 0, 969, 28 ], "completed": false }, { "type": "title", "position": [ 20, 48, 969, 36 ], "completed": false }, { "type": "description", "position": [ 20, 104, 969, 56 ], "completed": false }, { "type": "button", "position": [ 435, 205, 139, 35 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have a background image and a title. Under the title, there is a button \"shop now\" which is for users to click. There are two paginations on both sides of the page.", "region_id": "6772", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:button [attr:value 'shop now'] ] [el:pagination] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 3 0 112 47 | button 17 29 22 4 | complete icon 5 22 3 3 | complete icon 110 22 3 3 | title 15 12 28 15", "layout_seq_without_completion": "background 3 0 112 47 | button 17 29 22 4 | icon 5 22 3 3 | icon 110 22 3 3 | title 15 12 28 15", "plain_layout_seq": "background 3 0 112 47 | button 17 29 22 4 | icon 5 22 3 3 | icon 110 22 3 3 | title 15 12 28 15", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "background", "position": [ 32, 0, 960, 403 ], "completed": false }, { "type": "title", "position": [ 128, 109, 240, 128 ], "completed": false }, { "type": "icon", "position": [ 51, 188, 26, 26 ], "completed": true }, { "type": "icon", "position": [ 947, 188, 26, 26 ], "completed": true }, { "type": "button", "position": [ 153, 253, 190, 37 ], "completed": false } ] }, { "text": "#A page introducing the pros of Goldman Sachs. # The page should use one slogan and one exciting introduction to call on people to use the company's services. One link is needed for users to click to learn more about what the company does.", "region_id": "1318", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'learn more about what the company does'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 24 20 70 15 | link 45 39 29 2 | title 0 14 120 6", "layout_seq_without_completion": "description 24 20 70 15 | link 45 39 29 2 | title 0 14 120 6", "plain_layout_seq": "description 24 20 70 15 | link 45 39 29 2 | title 0 14 120 6", "canvas_width": 1024, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 0, 120, 1024, 52 ], "completed": false }, { "type": "description", "position": [ 212, 172, 600, 136 ], "completed": false }, { "type": "link", "position": [ 387, 336, 250, 18 ], "completed": false } ] }, { "text": "#A page introducing the pros of Goldman Sachs. # The page should use one slogan and one exciting introduction to call on people to use the company's services. One button is needed for users to click to learn more about what the company does.", "region_id": "1318_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'learn more about what the company does'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 45 39 29 2 | description 24 20 70 15 | title 0 14 120 6", "layout_seq_without_completion": "button 45 39 29 2 | description 24 20 70 15 | title 0 14 120 6", "plain_layout_seq": "button 45 39 29 2 | description 24 20 70 15 | title 0 14 120 6", "canvas_width": 1024, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 0, 120, 1024, 52 ], "completed": false }, { "type": "description", "position": [ 212, 172, 600, 136 ], "completed": false }, { "type": "button", "position": [ 387, 336, 250, 18 ], "completed": false } ] }, { "text": "#A page for introducing \"LitCharts\" to users.# This page should include one title \"Upgrade to LitCharts\" ,one icon and a brief description.", "region_id": "3739", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'upgrade to litcharts'] ] [el:icon] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 6 116 3 | icon 78 0 6 5 | title 34 0 42 5", "layout_seq_without_completion": "description 1 6 116 3 | icon 78 0 6 5 | title 34 0 42 5", "plain_layout_seq": "description 1 6 116 3 | icon 78 0 6 5 | title 34 0 42 5", "canvas_width": 994, "canvas_height": 115, "elements": [ { "type": "icon", "position": [ 647, 0, 50, 46 ], "completed": false }, { "type": "title", "position": [ 285, 7, 355, 42 ], "completed": false }, { "type": "description", "position": [ 15, 55, 964, 28 ], "completed": false } ] }, { "text": "# A page for marketing the certified bikes at the Pro's Closet. # There should have a title \"Buy Certified Bikes\", a further introduction, and a button for the user to click to learn more info. Also, an image of a bike is needed.", "region_id": "2765", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'buy certified bikes'] ] [el:description] [el:button [attr:value 'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 34 13 4 | description 5 21 36 10 | image 50 4 63 42 | title 5 16 36 3", "layout_seq_without_completion": "button 5 34 13 4 | description 5 21 36 10 | image 50 4 63 42 | title 5 16 36 3", "plain_layout_seq": "button 5 34 13 4 | description 5 21 36 10 | image 50 4 63 42 | title 5 16 36 3", "canvas_width": 1334, "canvas_height": 568, "elements": [ { "type": "image", "position": [ 566, 48, 705, 470 ], "completed": false }, { "type": "title", "position": [ 63, 178, 403, 42 ], "completed": false }, { "type": "description", "position": [ 63, 243, 403, 116 ], "completed": false }, { "type": "button", "position": [ 63, 385, 150, 50 ], "completed": false } ] }, { "text": "#A page for introducing one strategy.# There should be two text boxes, one including the title\"fuel the FUTURE\", and the other for describing the title. A text button is needed for users to learn more information. Also, there should be one image.", "region_id": "2345", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'fuel the future'] ] [el:description] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 60 60 | button 13 35 32 6 | description 3 20 52 6 | image 60 0 60 60 | title 8 12 42 4", "layout_seq_without_completion": "background 0 0 60 60 | button 13 35 32 6 | description 3 20 52 6 | image 60 0 60 60 | title 8 12 42 4", "plain_layout_seq": "background 0 0 60 60 | button 13 35 32 6 | description 3 20 52 6 | image 60 0 60 60 | title 8 12 42 4", "canvas_width": 932, "canvas_height": 541, "elements": [ { "type": "background", "position": [ 0, 0, 466, 466 ], "completed": true }, { "type": "image", "position": [ 466, 0, 466, 466 ], "completed": false }, { "type": "title", "position": [ 68, 100, 330, 37 ], "completed": false }, { "type": "description", "position": [ 30, 162, 406, 50 ], "completed": false }, { "type": "button", "position": [ 107, 272, 250, 54 ], "completed": false } ] }, { "text": "# A page to download the State Farm mobile app. # On the page, there should be an image of the app, a title \"State Farm mobile app\", and a text box with a short description. Then two buttons are needed for the user to download the app from Google Play and Apple Store.", "region_id": "2232", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'State Farm mobile app'] ] [el:description [attr:size 'small']] [el:button [attr:value 'Dowload from Google Play']] [el:button [attr:value 'Download from Apple Store']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "layout_seq_without_completion": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "plain_layout_seq": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "canvas_width": 1024, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 156, 0, 217, 345 ], "completed": false }, { "type": "title", "position": [ 432, 70, 393, 39 ], "completed": false }, { "type": "description", "position": [ 432, 117, 393, 62 ], "completed": false }, { "type": "button", "position": [ 432, 217, 120, 40 ], "completed": false }, { "type": "button", "position": [ 594, 217, 120, 40 ], "completed": false } ] }, { "text": "# A page to download the State Farm mobile app. # On the page, there should be an image of the app, a title, and a text box with a short description. Then two text buttons are needed for the user to download the app from Google Play and Apple Store.", "region_id": "2232_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'State Farm mobile app'] ] [el:description [attr:size 'small']] [el:button [attr:value 'Google Play']] [el:button [attr:value 'Apple Store']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "layout_seq_without_completion": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "plain_layout_seq": "button 69 25 14 4 | button 50 25 14 4 | description 50 13 46 7 | image 18 0 25 40 | title 50 8 46 4", "canvas_width": 1024, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 156, 0, 217, 345 ], "completed": false }, { "type": "title", "position": [ 432, 70, 393, 39 ], "completed": false }, { "type": "description", "position": [ 432, 117, 393, 62 ], "completed": false }, { "type": "button", "position": [ 432, 217, 120, 40 ], "completed": false }, { "type": "button", "position": [ 594, 217, 120, 40 ], "completed": false } ] }, { "text": "#A page for introducing one insurance. # There should be one title and one slogan advertising the service of the company. Also, there should be a large background image.", "region_id": "2315", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:background_image [attr:size'large'] ] ]", "execution": "singleinfo : background undefined large | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 38 | title 11 16 95 13 | title 11 5 95 8", "layout_seq_without_completion": "background 0 0 120 38 | title 11 16 95 13 | title 11 5 95 8", "plain_layout_seq": "background 0 0 120 38 | title 11 16 95 13 | title 11 5 95 8", "canvas_width": 1034, "canvas_height": 336, "elements": [ { "type": "background", "position": [ 0, 0, 1034, 336 ], "completed": false }, { "type": "title", "position": [ 103, 46, 827, 75 ], "completed": false }, { "type": "title", "position": [ 103, 145, 827, 120 ], "completed": false } ] }, { "text": "#A page marketing the service of a company. # There should be two textboxes advertising the service of the company. Also, there should be a large background image.", "region_id": "2315_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:background_image [attr:size'large'] ] ]", "execution": "singleinfo : background undefined large | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 38 | text 11 16 95 13 | text 11 5 95 8", "layout_seq_without_completion": "background 0 0 120 38 | text 11 16 95 13 | text 11 5 95 8", "plain_layout_seq": "background 0 0 120 38 | text 11 16 95 13 | text 11 5 95 8", "canvas_width": 1034, "canvas_height": 336, "elements": [ { "type": "background", "position": [ 0, 0, 1034, 336 ], "completed": false }, { "type": "text", "position": [ 103, 46, 827, 75 ], "completed": false }, { "type": "text", "position": [ 103, 145, 827, 120 ], "completed": false } ] }, { "text": "#A page introducing the service of one company. # The page should have a slogan and a short introduction of its pros to entice users to use their service.", "region_id": "283", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined", "layout_seq_with_completion": "\" [ title 1 22 116 5 ] | [ description 3 30 113 4 ] | [ description 3 34 113 4 ] \"", "layout_seq_without_completion": "\" [ title 1 22 116 5 ] | [ description 3 30 113 4 ] | [ description 3 34 113 4 ] \"", "plain_layout_seq": "description 3 30 113 4 | description 3 34 113 4 | title 1 22 116 5", "canvas_width": 1003, "canvas_height": 407, "elements": [ { "type": "title", "position": [ 16, 188, 971, 48 ], "completed": false }, { "type": "description", "position": [ 26, 253, 950, 38 ], "completed": false }, { "type": "description", "position": [ 26, 290, 950, 37 ], "completed": false } ] }, { "text": "# A page for an online shop to explore exceptional products. # There should include a background image, the title \"Explore Exceptional Products\". What's more, there must have a button \"Shop All\", so the user can click it to shop among all products.", "region_id": "7664", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'Explore Exceptional Products'] ] [el:button [attr:value 'Shop All'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 65 | button 52 34 14 5 | title 29 26 61 5", "layout_seq_without_completion": "background 0 0 120 65 | button 52 34 14 5 | title 29 26 61 5", "plain_layout_seq": "background 0 0 120 65 | button 52 34 14 5 | title 29 26 61 5", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 560 ], "completed": false }, { "type": "title", "position": [ 252, 225, 521, 44 ], "completed": false }, { "type": "button", "position": [ 452, 293, 121, 45 ], "completed": false } ] }, { "text": "#A page introducing GONG.# There is a text box with an attractive title. There is another small introduction about GONG. There is also a button for users to see it in action.", "region_id": "1326", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'see it in action'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 82 53 15 4 | description 79 46 18 5 | complete image 79 53 18 4 | complete input 79 53 2 4 | title 9 19 60 66", "layout_seq_without_completion": "button 82 53 15 4 | description 79 46 18 5 | image 79 53 18 4 | input 79 53 2 4 | title 9 19 60 66", "plain_layout_seq": "button 82 53 15 4 | description 79 46 18 5 | image 79 53 18 4 | input 79 53 2 4 | title 9 19 60 66", "canvas_width": 1003, "canvas_height": 720, "elements": [ { "type": "title", "position": [ 80, 160, 506, 560 ], "completed": false }, { "type": "description", "position": [ 666, 390, 153, 44 ], "completed": false }, { "type": "input", "position": [ 666, 450, 23, 40 ], "completed": true }, { "type": "image", "position": [ 666, 450, 153, 40 ], "completed": true }, { "type": "button", "position": [ 688, 450, 131, 40 ], "completed": false } ] }, { "text": "#A page introducing the hair-free product to users by watching the video.#The page should have one problematic slogan, one brief description, one video, and one suspend button for users to click to watch the video.", "region_id": "6663", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 55 38 8 8 | description 73 6 45 3 | description 73 0 45 5 | complete icon 59 41 2 2 | image 1 13 116 57 | title 1 0 39 11", "layout_seq_without_completion": "button 55 38 8 8 | description 73 6 45 3 | description 73 0 45 5 | icon 59 41 2 2 | image 1 13 116 57 | title 1 0 39 11", "plain_layout_seq": "button 55 38 8 8 | description 73 6 45 3 | description 73 0 45 5 | icon 59 41 2 2 | image 1 13 116 57 | title 1 0 39 11", "canvas_width": 1024, "canvas_height": 770, "elements": [ { "type": "title", "position": [ 15, 0, 338, 96 ], "completed": false }, { "type": "description", "position": [ 623, 8, 386, 48 ], "completed": false }, { "type": "description", "position": [ 623, 58, 386, 30 ], "completed": false }, { "type": "image", "position": [ 15, 116, 994, 494 ], "completed": false }, { "type": "button", "position": [ 474, 325, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 504, 350, 21, 25 ], "completed": true } ] }, { "text": "#A page for introducing the STEM education to users.# The page should include one image, one title and a brief description. Besides, a button is needed for users to click to explore STEM education.", "region_id": "1634", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small']] [el:button [attr:value'explore stem education'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 29 32 30 6 | description 4 20 55 7 | image 0 0 120 44 | title 4 7 55 13", "layout_seq_without_completion": "button 29 32 30 6 | description 4 20 55 7 | image 0 0 120 44 | title 4 7 55 13", "plain_layout_seq": "button 29 32 30 6 | description 4 20 55 7 | image 0 0 120 44 | title 4 7 55 13", "canvas_width": 1024, "canvas_height": 383, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 383 ], "completed": false }, { "type": "title", "position": [ 40, 60, 472, 116 ], "completed": false }, { "type": "description", "position": [ 40, 176, 472, 64 ], "completed": false }, { "type": "button", "position": [ 255, 280, 257, 53 ], "completed": false } ] }, { "text": "#A page for introducing the STEM education to users.# The page should include one title and a brief description. Besides, a button is needed for users to click to explore STEM education.", "region_id": "1634_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small']] [el:button [attr:value'explore stem education'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 44 | button 29 32 30 6 | description 4 20 55 7 | title 4 7 55 13", "layout_seq_without_completion": "background 0 0 120 44 | button 29 32 30 6 | description 4 20 55 7 | title 4 7 55 13", "plain_layout_seq": "background 0 0 120 44 | button 29 32 30 6 | description 4 20 55 7 | title 4 7 55 13", "canvas_width": 1024, "canvas_height": 383, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 383 ], "completed": true }, { "type": "title", "position": [ 40, 60, 472, 116 ], "completed": false }, { "type": "description", "position": [ 40, 176, 472, 64 ], "completed": false }, { "type": "button", "position": [ 255, 280, 257, 53 ], "completed": false } ] }, { "text": "#A page for showing the connections around education.#The page should have a title and a button, named \"sign up free\". There is a description under the button. Three images were set on this page.", "region_id": "2999", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'sign up free'] ] [el:description] [el:image[attr:repeat'3'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 30 0 58 34 | button 56 19 6 2 | description 53 24 16 2 | complete text 50 24 8 1 | title 41 7 36 10 | \" [ image 77 2 16 11 ] | [ image 22 12 17 13 ] | [ image 69 22 17 15 ] \"", "layout_seq_without_completion": "background 30 0 58 34 | button 56 19 6 2 | description 53 24 16 2 | text 50 24 8 1 | title 41 7 36 10 | \" [ image 77 2 16 11 ] | [ image 22 12 17 13 ] | [ image 69 22 17 15 ] \"", "plain_layout_seq": "background 30 0 58 34 | button 56 19 6 2 | description 53 24 16 2 | image 77 2 16 11 | image 22 12 17 13 | image 69 22 17 15 | text 50 24 8 1 | title 41 7 36 10", "canvas_width": 2272, "canvas_height": 731, "elements": [ { "type": "background", "position": [ 581, 0, 1110, 659 ], "completed": true }, { "type": "image", "position": [ 1468, 38, 310, 222 ], "completed": false }, { "type": "title", "position": [ 792, 148, 688, 198 ], "completed": false }, { "type": "image", "position": [ 424, 238, 332, 257 ], "completed": false }, { "type": "button", "position": [ 1064, 378, 129, 45 ], "completed": false }, { "type": "image", "position": [ 1316, 422, 332, 284 ], "completed": false }, { "type": "text", "position": [ 958, 457, 161, 22 ], "completed": true }, { "type": "description", "position": [ 1004, 457, 306, 47 ], "completed": false } ] }, { "text": "#A page show advertisement for UNITED FOR GOODNESS.# There is a title \"UNITED FOR GOODNESS\". Then, there is a slogan and a button for the user to click for further information. There is a background image on the left side of the picture.", "region_id": "6856", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'united for goodness'] ] [el:text] [el:button[attr:value'read more']] [el:background_image [attr:position 'left'] ] ]", "execution": "singleinfo : background left undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 46 | button 87 27 20 5 | text 48 21 60 3 | title 48 15 60 4", "layout_seq_without_completion": "background 0 0 120 46 | button 87 27 20 5 | text 48 21 60 3 | title 48 15 60 4", "plain_layout_seq": "background 0 0 120 46 | button 87 27 20 5 | text 48 21 60 3 | title 48 15 60 4", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 400 ], "completed": false }, { "type": "title", "position": [ 410, 128, 514, 36 ], "completed": false }, { "type": "text", "position": [ 410, 180, 514, 28 ], "completed": false }, { "type": "button", "position": [ 747, 238, 177, 51 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter of a company. # There should have a slogan \"SUBSCRIBE TO OUR NEWSLETTER\", a sentence about the service of the newsletter, and an input with a button beside for the user to enter an email address and confirm to subscribe to the newsletter.", "region_id": "8200", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'SUBSCRIBE TO OUR NEWSLETTER'] ] [el:description] [el:input[attr:value 'your Email'] ] [el:button[attr:value'subscribe']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 93 16 1 1 | description 3 7 112 2 | input 22 14 69 5 | title 3 3 112 4", "layout_seq_without_completion": "button 93 16 1 1 | description 3 7 112 2 | input 22 14 69 5 | title 3 3 112 4", "plain_layout_seq": "button 93 16 1 1 | description 3 7 112 2 | input 22 14 69 5 | title 3 3 112 4", "canvas_width": 1024, "canvas_height": 220, "elements": [ { "type": "title", "position": [ 30, 30, 964, 39 ], "completed": false }, { "type": "description", "position": [ 30, 68, 964, 23 ], "completed": false }, { "type": "input", "position": [ 194, 122, 590, 48 ], "completed": false }, { "type": "button", "position": [ 800, 138, 14, 17 ], "completed": false } ] }, { "text": "# A page for introducing the creat video product for creating videos for users and guiding users to buy it.#The page should include one background image, one picture of the product, one slogan, three icons, and three text headings. The page should have one create account button and one button guiding users to buy it.", "region_id": "5936", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:image] [el:icon [attr:repeat '3'] ] [el:title [attr:repeat '4']] [el:button [attr:value 'create account'] ] [el:button [attr:value 'contact sales'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 0 110 70 | button 4 48 24 4 | button 4 59 23 0 | icon 4 37 3 3 | icon 20 37 3 3 | icon 35 37 3 3 | image 52 9 67 67 | complete image 4 54 24 4 | complete text 11 55 11 2 | title 4 42 12 2 | title 35 41 11 2 | title 20 42 11 2 | title 4 15 37 18", "layout_seq_without_completion": "background 1 0 110 70 | button 4 48 24 4 | button 4 59 23 0 | icon 4 37 3 3 | icon 20 37 3 3 | icon 35 37 3 3 | image 52 9 67 67 | image 4 54 24 4 | text 11 55 11 2 | title 4 42 12 2 | title 35 41 11 2 | title 20 42 11 2 | title 4 15 37 18", "plain_layout_seq": "background 1 0 110 70 | button 4 48 24 4 | button 4 59 23 0 | icon 4 37 3 3 | icon 20 37 3 3 | icon 35 37 3 3 | image 52 9 67 67 | image 4 54 24 4 | text 11 55 11 2 | title 4 42 12 2 | title 35 41 11 2 | title 20 42 11 2 | title 4 15 37 18", "canvas_width": 1024, "canvas_height": 744, "elements": [ { "type": "background", "position": [ 13, 0, 944, 598 ], "completed": false }, { "type": "image", "position": [ 451, 82, 573, 580 ], "completed": false }, { "type": "title", "position": [ 40, 128, 324, 158 ], "completed": false }, { "type": "icon", "position": [ 40, 318, 32, 33 ], "completed": false }, { "type": "icon", "position": [ 172, 318, 32, 33 ], "completed": false }, { "type": "icon", "position": [ 302, 318, 32, 32 ], "completed": false }, { "type": "title", "position": [ 302, 358, 99, 24 ], "completed": false }, { "type": "title", "position": [ 40, 359, 104, 24 ], "completed": false }, { "type": "title", "position": [ 172, 359, 102, 24 ], "completed": false }, { "type": "button", "position": [ 40, 415, 208, 40 ], "completed": false }, { "type": "image", "position": [ 40, 467, 208, 40 ], "completed": true }, { "type": "text", "position": [ 94, 475, 100, 24 ], "completed": true }, { "type": "button", "position": [ 42, 505, 204, 2 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a title highlighting the target audience, followed by a short introduction. There must be a button for learning more.", "region_id": "1458", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "layout_seq_without_completion": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "plain_layout_seq": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | title 2 3 115 5", "canvas_width": 1004, "canvas_height": 239, "elements": [ { "type": "background", "position": [ 0, 0, 1004, 239 ], "completed": true }, { "type": "title", "position": [ 20, 30, 964, 48 ], "completed": false }, { "type": "description", "position": [ 20, 98, 964, 34 ], "completed": false }, { "type": "button", "position": [ 413, 152, 178, 57 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a text box highlighting the target audience, followed by a short introduction. There must be a link for learning more.", "region_id": "1458_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'highlighting the target audience'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | text 2 3 115 5", "layout_seq_without_completion": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | text 2 3 115 5", "plain_layout_seq": "background 0 0 120 28 | button 49 18 21 6 | description 2 11 115 4 | text 2 3 115 5", "canvas_width": 1004, "canvas_height": 239, "elements": [ { "type": "background", "position": [ 0, 0, 1004, 239 ], "completed": true }, { "type": "text", "position": [ 20, 30, 964, 48 ], "completed": false }, { "type": "description", "position": [ 20, 98, 964, 34 ], "completed": false }, { "type": "button", "position": [ 413, 152, 178, 57 ], "completed": false } ] }, { "text": "#A page introducing a product.#\"Trakstar Academy\" is a title on the page. The page should have two paragraphs, and a picture. \"Visit Trakstar Academy\" is a link.", "region_id": "2771", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Trakstar Academy'] ] [el:description [attr:repeat '2'] ] [el:image] [el:link [attr:value 'visit trakstar academy'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 66 16 47 22 | description 66 41 47 9 | complete icon 94 56 1 2 | image 1 11 56 43 | link 66 54 32 5 | complete text 70 56 22 2 | title 66 6 47 7", "layout_seq_without_completion": "description 66 16 47 22 | description 66 41 47 9 | icon 94 56 1 2 | image 1 11 56 43 | link 66 54 32 5 | text 70 56 22 2 | title 66 6 47 7", "plain_layout_seq": "description 66 16 47 22 | description 66 41 47 9 | icon 94 56 1 2 | image 1 11 56 43 | link 66 54 32 5 | text 70 56 22 2 | title 66 6 47 7", "canvas_width": 888, "canvas_height": 495, "elements": [ { "type": "title", "position": [ 492, 48, 348, 53 ], "completed": false }, { "type": "image", "position": [ 12, 85, 420, 325 ], "completed": false }, { "type": "description", "position": [ 492, 125, 348, 168 ], "completed": false }, { "type": "description", "position": [ 492, 309, 348, 72 ], "completed": false }, { "type": "link", "position": [ 492, 405, 241, 42 ], "completed": false }, { "type": "icon", "position": [ 698, 416, 10, 16 ], "completed": true }, { "type": "text", "position": [ 518, 418, 165, 16 ], "completed": true } ] }, { "text": "#A page showing the impact of the organisation's work.# There is a title \"The Impact of Our Work\" and a description beside it. The page should also include a button written \"NEWS FROM BROWN\" for users to get more information.", "region_id": "4213", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the impact of our work'] ] [el:description] [el:button [attr:value 'news from brown'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 90 12 25 7 | description 46 9 41 13 | title 4 10 37 12", "layout_seq_without_completion": "button 90 12 25 7 | description 46 9 41 13 | title 4 10 37 12", "plain_layout_seq": "button 90 12 25 7 | description 46 9 41 13 | title 4 10 37 12", "canvas_width": 1009, "canvas_height": 274, "elements": [ { "type": "description", "position": [ 388, 80, 352, 114 ], "completed": false }, { "type": "title", "position": [ 34, 85, 313, 104 ], "completed": false }, { "type": "button", "position": [ 762, 104, 213, 65 ], "completed": false } ] }, { "text": "# A page for marketing the company Druva, showing the difference. # On the page, there should be a title named \"THE DRUVA DIFFERENCE\", a slogan, and a text box with a further description of the difference and advantage.", "region_id": "1128", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the druva difference'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 18 34 82 9 | title 23 18 72 12 | title 1 13 117 1", "layout_seq_without_completion": "description 18 34 82 9 | title 23 18 72 12 | title 1 13 117 1", "plain_layout_seq": "description 18 34 82 9 | title 23 18 72 12 | title 1 13 117 1", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 10, 115, 1004, 16 ], "completed": false }, { "type": "title", "position": [ 201, 159, 622, 104 ], "completed": false }, { "type": "description", "position": [ 161, 291, 702, 84 ], "completed": false } ] }, { "text": "# A page for NET online TV. # On the page, there should be a big image, the title \"NET Online TV\", and a text box showing the content of the video. What's more, there should be a text button for the user to explore more info.", "region_id": "1776", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title [attr:value'net online tv'] ] [el:description] [el:button [attr:value'explore'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | complete image 4 41 115 28 | title 7 45 22 4", "layout_seq_without_completion": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 22 4", "plain_layout_seq": "button 7 59 16 5 | description 7 54 110 2 | image 0 0 81 45 | image 4 41 115 28 | title 7 45 22 4", "canvas_width": 1007, "canvas_height": 582, "elements": [ { "type": "image", "position": [ 0, 0, 687, 380 ], "completed": false }, { "type": "image", "position": [ 40, 345, 967, 237 ], "completed": true }, { "type": "title", "position": [ 60, 385, 186, 40 ], "completed": false }, { "type": "description", "position": [ 60, 454, 927, 24 ], "completed": false }, { "type": "button", "position": [ 60, 498, 137, 43 ], "completed": false } ] }, { "text": "#A page for introducing Gympass to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1361", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 8 59 24 5 | description 8 43 51 9 | complete logo 90 69 20 2 | title 8 11 85 28 | complete title 8 67 85 3 | \" [ complete text 89 74 8 1 ] | [ complete text 98 74 8 3 ] | [ complete text 108 74 3 1 ] \"", "layout_seq_without_completion": "button 8 59 24 5 | description 8 43 51 9 | logo 90 69 20 2 | title 8 11 85 28 | title 8 67 85 3 | \" [ text 89 74 8 1 ] | [ text 98 74 8 3 ] | [ text 108 74 3 1 ] \"", "plain_layout_seq": "button 8 59 24 5 | description 8 43 51 9 | logo 90 69 20 2 | text 89 74 8 1 | text 98 74 8 3 | text 108 74 3 1 | title 8 11 85 28 | title 8 67 85 3", "canvas_width": 1024, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 71, 96, 731, 240 ], "completed": false }, { "type": "description", "position": [ 71, 368, 439, 84 ], "completed": false }, { "type": "button", "position": [ 71, 508, 209, 48 ], "completed": false }, { "type": "title", "position": [ 71, 576, 731, 28 ], "completed": true }, { "type": "logo", "position": [ 770, 591, 177, 20 ], "completed": true }, { "type": "text", "position": [ 843, 634, 71, 26 ], "completed": true }, { "type": "text", "position": [ 765, 639, 71, 16 ], "completed": true }, { "type": "text", "position": [ 922, 639, 30, 16 ], "completed": true } ] }, { "text": "#A page introducing OVO Drive. # The page should have a background image to show the photo of a car, one title, and one short introduction to OVO drive. One button is needed for users to click to find out more.", "region_id": "1920", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 118 93 | complete background 0 0 114 76 | button 2 88 13 2 | description 2 84 114 3 | title 2 78 114 3", "layout_seq_without_completion": "background 0 0 118 93 | background 0 0 114 76 | button 2 88 13 2 | description 2 84 114 3 | title 2 78 114 3", "plain_layout_seq": "background 0 0 118 93 | background 0 0 114 76 | button 2 88 13 2 | description 2 84 114 3 | title 2 78 114 3", "canvas_width": 940, "canvas_height": 744, "elements": [ { "type": "background", "position": [ 4, 0, 930, 734 ], "completed": false }, { "type": "background", "position": [ 4, 0, 900, 600 ], "completed": true }, { "type": "title", "position": [ 20, 616, 898, 30 ], "completed": false }, { "type": "description", "position": [ 20, 658, 898, 24 ], "completed": false }, { "type": "button", "position": [ 20, 695, 105, 22 ], "completed": false } ] }, { "text": "#A page introducing OVO Drive. # The page should have a big image to show the photo of a car, one title, and one short introduction to OVO drive. One button is needed for users to click to find out more.", "region_id": "1920_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined large | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 118 93 | button 2 88 13 2 | description 2 84 114 3 | image 0 0 114 76 | title 2 78 114 3", "layout_seq_without_completion": "background 0 0 118 93 | button 2 88 13 2 | description 2 84 114 3 | image 0 0 114 76 | title 2 78 114 3", "plain_layout_seq": "background 0 0 118 93 | button 2 88 13 2 | description 2 84 114 3 | image 0 0 114 76 | title 2 78 114 3", "canvas_width": 940, "canvas_height": 744, "elements": [ { "type": "background", "position": [ 4, 0, 930, 734 ], "completed": true }, { "type": "image", "position": [ 4, 0, 900, 600 ], "completed": false }, { "type": "title", "position": [ 20, 616, 898, 30 ], "completed": false }, { "type": "description", "position": [ 20, 658, 898, 24 ], "completed": false }, { "type": "button", "position": [ 20, 695, 105, 22 ], "completed": false } ] }, { "text": "#A page introducing a companys service. # The page should have a slogan and a short introduction to entice users to use the companys service, and a button for users to click to meet its solutions. An area and a button are needed to show a corresponding video clip and play it.", "region_id": "69", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'meet the solutions'] ] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "layout_seq_without_completion": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "plain_layout_seq": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "canvas_width": 1024, "canvas_height": 581, "elements": [ { "type": "image", "position": [ 431, 128, 568, 320 ], "completed": false }, { "type": "title", "position": [ 25, 139, 376, 115 ], "completed": false }, { "type": "button", "position": [ 678, 254, 74, 74 ], "completed": false }, { "type": "description", "position": [ 25, 291, 358, 72 ], "completed": false }, { "type": "button", "position": [ 25, 402, 123, 25 ], "completed": false } ] }, { "text": "#A page introducing a company's service. # The page should have a slogan and a short introduction to entice users to use the company's service, and a button for users to click to meet its solutions. An area and a button are needed to show a corresponding clip and play it.", "region_id": "69_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'meet the solutions'] ] [el:button] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "layout_seq_without_completion": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "plain_layout_seq": "button 79 29 8 8 | button 2 47 14 2 | description 2 34 41 8 | image 50 15 66 37 | title 2 16 44 13", "canvas_width": 1024, "canvas_height": 581, "elements": [ { "type": "image", "position": [ 431, 128, 568, 320 ], "completed": false }, { "type": "title", "position": [ 25, 139, 376, 115 ], "completed": false }, { "type": "button", "position": [ 678, 254, 74, 74 ], "completed": false }, { "type": "description", "position": [ 25, 291, 358, 72 ], "completed": false }, { "type": "button", "position": [ 25, 402, 123, 25 ], "completed": false } ] }, { "text": "#A page advertising Calendly.# There should be a small text box labeled as \"BITLY\", someone's comment is cited as an attractive title and a name shows the source of the citation. Also, there must be an icon or a logo in the corner and a link \"see how teams use Calendly\". It is better to have a corresponding image next to these items.", "region_id": "57", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'BITLY'] [attr:size'small']] [el:title] [el:text] [el:icon] [el:link [attr:value'see how teams use Calendly']] [el:image] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | link undefined undefined | text undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 84 39 3 3 | complete icon 100 30 15 15 | image 4 3 45 45 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "layout_seq_without_completion": "icon 84 39 3 3 | icon 100 30 15 15 | image 4 3 45 45 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "plain_layout_seq": "icon 84 39 3 3 | icon 100 30 15 15 | image 4 3 45 45 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "text", "position": [ 494, 0, 490, 16 ], "completed": false }, { "type": "image", "position": [ 40, 32, 390, 390 ], "completed": false }, { "type": "title", "position": [ 494, 40, 490, 200 ], "completed": false }, { "type": "icon", "position": [ 854, 262, 130, 130 ], "completed": true }, { "type": "text", "position": [ 494, 273, 144, 30 ], "completed": false }, { "type": "icon", "position": [ 723, 336, 32, 32 ], "completed": false }, { "type": "link", "position": [ 494, 342, 213, 19 ], "completed": false } ] }, { "text": "#A page advertising Calendly.# There should be a small text box titled \"BITLY\", followed by an attractive title highlighting the feature of Calendly. Also, there must be a small icon or a logo, the author's name, and a link where users can get more info. about Calendly. It is better to have a corresponding image next to these items.", "region_id": "57_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'BITLY'] [attr:size'small']] [el:title[attr:value'the feature of Calendly']] [el:icon [attr:size'small']] [el:text][el:link] [el:image] ]", "execution": "singleinfo : icon undefined small | image undefined undefined | link undefined undefined | text undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 84 39 3 3 | image 4 3 45 45 | complete image 100 30 15 15 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "layout_seq_without_completion": "icon 84 39 3 3 | image 4 3 45 45 | image 100 30 15 15 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "plain_layout_seq": "icon 84 39 3 3 | image 4 3 45 45 | image 100 30 15 15 | link 57 40 24 2 | text 57 31 16 3 | text 57 0 57 1 | title 57 4 57 23", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "text", "position": [ 494, 0, 490, 16 ], "completed": false }, { "type": "image", "position": [ 40, 32, 390, 390 ], "completed": false }, { "type": "title", "position": [ 494, 40, 490, 200 ], "completed": false }, { "type": "image", "position": [ 854, 262, 130, 130 ], "completed": true }, { "type": "text", "position": [ 494, 273, 144, 30 ], "completed": false }, { "type": "icon", "position": [ 723, 336, 32, 32 ], "completed": false }, { "type": "link", "position": [ 494, 342, 213, 19 ], "completed": false } ] }, { "text": "#A page showing the 2021 Gartner reports. # There should be a title and an explanation. A link to obtain the report must also be included.", "region_id": "87", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'obtain the report'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 23 9 64 5 | complete image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "layout_seq_without_completion": "description 23 9 64 5 | image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "plain_layout_seq": "description 23 9 64 5 | image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "canvas_width": 873, "canvas_height": 170, "elements": [ { "type": "image", "position": [ 52, 24, 78, 78 ], "completed": true }, { "type": "title", "position": [ 168, 25, 430, 45 ], "completed": false }, { "type": "description", "position": [ 168, 72, 468, 42 ], "completed": false }, { "type": "link", "position": [ 168, 123, 114, 21 ], "completed": false } ] }, { "text": "#A page showing the 2021 Gartner reports. # There should be two text boxes showing the title and a short introduction. A link to obtain the report must also be included.", "region_id": "87_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'obtain the report'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 23 9 64 5 | complete image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "layout_seq_without_completion": "description 23 9 64 5 | image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "plain_layout_seq": "description 23 9 64 5 | image 7 3 10 10 | link 23 16 15 2 | title 23 3 59 6", "canvas_width": 873, "canvas_height": 170, "elements": [ { "type": "image", "position": [ 52, 24, 78, 78 ], "completed": true }, { "type": "title", "position": [ 168, 25, 430, 45 ], "completed": false }, { "type": "description", "position": [ 168, 72, 468, 42 ], "completed": false }, { "type": "link", "position": [ 168, 123, 114, 21 ], "completed": false } ] }, { "text": "#A page for introducing the world-class support of a company.# The page should have an image, a title, 2 introductions to the world-class support, a button, and an icon for users to click to visit support.", "region_id": "4803", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:repeat '2'] ] [el:button] [el:icon [attr:value 'visit support']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 66 58 25 5 | description 66 24 47 9 | description 66 35 47 19 | icon 84 60 1 2 | image 1 13 56 43 | complete text 70 60 12 2 | title 66 6 47 14", "layout_seq_without_completion": "button 66 58 25 5 | description 66 24 47 9 | description 66 35 47 19 | icon 84 60 1 2 | image 1 13 56 43 | text 70 60 12 2 | title 66 6 47 14", "plain_layout_seq": "button 66 58 25 5 | description 66 24 47 9 | description 66 35 47 19 | icon 84 60 1 2 | image 1 13 56 43 | text 70 60 12 2 | title 66 6 47 14", "canvas_width": 888, "canvas_height": 524, "elements": [ { "type": "title", "position": [ 492, 48, 348, 106 ], "completed": false }, { "type": "image", "position": [ 12, 100, 420, 325 ], "completed": false }, { "type": "description", "position": [ 492, 178, 348, 72 ], "completed": false }, { "type": "description", "position": [ 492, 266, 348, 144 ], "completed": false }, { "type": "button", "position": [ 492, 434, 186, 42 ], "completed": false }, { "type": "icon", "position": [ 628, 445, 10, 16 ], "completed": false }, { "type": "text", "position": [ 518, 447, 94, 16 ], "completed": true } ] }, { "text": "#A page including a report of a game.# The page should include an image of the game and a button \"live\" on the image. There should also be a title of the report, an introduction, and the author of the report.", "region_id": "5886", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:button [attr:value 'live'] ] [el:title] [el:description] [el:text] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 24 2 | title 53 3 62 7", "layout_seq_without_completion": "button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 24 2 | title 53 3 62 7", "plain_layout_seq": "button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 24 2 | title 53 3 62 7", "canvas_width": 1004, "canvas_height": 230, "elements": [ { "type": "image", "position": [ 0, 0, 418, 230 ], "completed": false }, { "type": "button", "position": [ 10, 10, 50, 31 ], "completed": false }, { "type": "title", "position": [ 448, 30, 526, 63 ], "completed": false }, { "type": "description", "position": [ 448, 98, 526, 72 ], "completed": false }, { "type": "text", "position": [ 448, 183, 208, 17 ], "completed": false } ] }, { "text": "#A page for getting started with the Digital Marketing.# The page should have an exciting slogan and one text to shortly describe the pros of Digital Marketing, and a button for users to click to get started.", "region_id": "6129", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'get started']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 49 | button 50 31 19 6 | description 18 21 82 7 | title 18 12 82 9", "layout_seq_without_completion": "background 0 0 120 49 | button 50 31 19 6 | description 18 21 82 7 | title 18 12 82 9", "plain_layout_seq": "background 0 0 120 49 | button 50 31 19 6 | description 18 21 82 7 | title 18 12 82 9", "canvas_width": 1024, "canvas_height": 423, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 423 ], "completed": true }, { "type": "title", "position": [ 162, 103, 700, 77 ], "completed": false }, { "type": "description", "position": [ 162, 180, 700, 65 ], "completed": false }, { "type": "button", "position": [ 428, 265, 169, 56 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have an exciting and eye-catching slogan and a description about the pros of the company to entice users who have the need to use its service, and one button for users to click to find out the pros.", "region_id": "784", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'find out the pros'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 98 10 17 5 | description 32 9 65 5 | title 32 3 83 5", "layout_seq_without_completion": "button 98 10 17 5 | description 32 9 65 5 | title 32 3 83 5", "plain_layout_seq": "button 98 10 17 5 | description 32 9 65 5 | title 32 3 83 5", "canvas_width": 970, "canvas_height": 202, "elements": [ { "type": "title", "position": [ 265, 32, 675, 42 ], "completed": false }, { "type": "description", "position": [ 265, 79, 530, 48 ], "completed": false }, { "type": "button", "position": [ 795, 86, 145, 44 ], "completed": false } ] }, { "text": "#A page for asking if the page is helpful.# The page should have a question \" Was this page helpful? \" and two buttons for users to click \u201cYes\u201d or \u201cNo\u201d.", "region_id": "3157", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'Was this page helpful?']] [el:button [attr:value 'Yes'] ][el:button [attr:value 'No'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "layout_seq_without_completion": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "plain_layout_seq": "button 64 3 6 3 | button 73 3 5 3 | text 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "text", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "#A page for reminding the cookies policy of a web.# The page should have a text to remind the cookies policy of the web, a link for users to check the privacy policy, and two buttons for users to click to dismiss and accept it.", "region_id": "7008", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:link [attr:value 'privacy policy'] ] [el:button [attr:value 'dismiss'] ] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 103 2 14 3 | button 86 2 16 3 | link 72 2 9 2 | text 2 3 70 3", "layout_seq_without_completion": "button 103 2 14 3 | button 86 2 16 3 | link 72 2 9 2 | text 2 3 70 3", "plain_layout_seq": "button 103 2 14 3 | button 86 2 16 3 | link 72 2 9 2 | text 2 3 70 3", "canvas_width": 1024, "canvas_height": 69, "elements": [ { "type": "button", "position": [ 736, 18, 140, 33 ], "completed": false }, { "type": "button", "position": [ 881, 18, 120, 33 ], "completed": false }, { "type": "link", "position": [ 622, 25, 81, 19 ], "completed": false }, { "type": "text", "position": [ 23, 29, 599, 27 ], "completed": false } ] }, { "text": "# A page introducing Instapage.# The page should have a logo, a title, and a further introduction.", "region_id": "2959", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | complete image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 230, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "logo", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 48 ], "completed": false } ] }, { "text": "#A header page for showing some info.# There is one logo and two buttons, one for searching and the other for adding items to a cart. One label shows the phone number.", "region_id": "7502", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:button [attr:value 'search'] ] [el:button [attr:value 'add item to a cart'] ] [el:text] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 113 11 2 2 | button 108 11 2 2 | logo 37 2 44 18 | text 103 15 12 2", "layout_seq_without_completion": "button 113 11 2 2 | button 108 11 2 2 | logo 37 2 44 18 | text 103 15 12 2", "plain_layout_seq": "button 113 11 2 2 | button 108 11 2 2 | logo 37 2 44 18 | text 103 15 12 2", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "logo", "position": [ 321, 20, 382, 155 ], "completed": false }, { "type": "button", "position": [ 972, 96, 22, 22 ], "completed": false }, { "type": "button", "position": [ 930, 97, 22, 22 ], "completed": false }, { "type": "text", "position": [ 886, 135, 108, 18 ], "completed": false } ] }, { "text": "#A page for guiding users to use an application.# The page includes a headline named \"Get Started\", a brief description, and a button named \"UPLOAD FREE\".", "region_id": "3474", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'get started'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'upload free'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 49 12 21 5 | description 21 7 77 3 | complete text 51 13 9 2 | complete text 62 13 6 2 | title 0 0 120 6", "layout_seq_without_completion": "button 49 12 21 5 | description 21 7 77 3 | text 51 13 9 2 | text 62 13 6 2 | title 0 0 120 6", "plain_layout_seq": "button 49 12 21 5 | description 21 7 77 3 | text 51 13 9 2 | text 62 13 6 2 | title 0 0 120 6", "canvas_width": 930, "canvas_height": 145, "elements": [ { "type": "title", "position": [ 0, 0, 930, 53 ], "completed": false }, { "type": "description", "position": [ 165, 61, 600, 26 ], "completed": false }, { "type": "button", "position": [ 380, 95, 170, 42 ], "completed": false }, { "type": "text", "position": [ 401, 105, 74, 22 ], "completed": true }, { "type": "text", "position": [ 482, 105, 47, 22 ], "completed": true } ] }, { "text": "#A page for promoting users to join our newsletter.# The page should include one title and a slogan. Below, an input is necessary for users to enter their email to sign up.", "region_id": "1230", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] [attr:repeat'2'] ] [el:input [attr:value'email'] ] ]", "execution": "singleinfo : input undefined undefined | title top undefined | title top undefined", "layout_seq_with_completion": "complete button 66 21 15 6 | input 38 21 43 6 | title 29 13 61 3 | title 45 8 28 4", "layout_seq_without_completion": "button 66 21 15 6 | input 38 21 43 6 | title 29 13 61 3 | title 45 8 28 4", "plain_layout_seq": "button 66 21 15 6 | input 38 21 43 6 | title 29 13 61 3 | title 45 8 28 4", "canvas_width": 919, "canvas_height": 298, "elements": [ { "type": "title", "position": [ 352, 64, 216, 38 ], "completed": false }, { "type": "title", "position": [ 223, 102, 473, 28 ], "completed": false }, { "type": "input", "position": [ 292, 162, 336, 48 ], "completed": false }, { "type": "button", "position": [ 510, 162, 117, 48 ], "completed": true } ] }, { "text": "#A page for introducing the company.# The page should have two texts to introduce the pros of the products and company to attract users to buy from it, and a related image.", "region_id": "6431", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:image] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 62 6 47 24 | text 6 16 49 11 | text 6 10 49 3", "layout_seq_without_completion": "image 62 6 47 24 | text 6 16 49 11 | text 6 10 49 3", "plain_layout_seq": "image 62 6 47 24 | text 6 16 49 11 | text 6 10 49 3", "canvas_width": 1024, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 537, 55, 407, 210 ], "completed": false }, { "type": "text", "position": [ 55, 93, 422, 32 ], "completed": false }, { "type": "text", "position": [ 55, 143, 422, 102 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have one slogan to entice users to use its service, and a button for users to click to sign up.", "region_id": "153", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | complete title 0 29 120 4", "layout_seq_without_completion": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | title 0 29 120 4", "plain_layout_seq": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | title 0 29 120 4", "canvas_width": 971, "canvas_height": 460, "elements": [ { "type": "title", "position": [ 296, 100, 379, 43 ], "completed": false }, { "type": "title", "position": [ 313, 143, 345, 77 ], "completed": false }, { "type": "title", "position": [ 0, 236, 971, 34 ], "completed": true }, { "type": "button", "position": [ 424, 302, 123, 58 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have some text boxes to show some exciting slogans to entice users to use its service, and a button for users to click to sign up.", "region_id": "153_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat 'several']] [el:button [attr:value'sign up'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | title 0 29 120 4", "layout_seq_without_completion": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | title 0 29 120 4", "plain_layout_seq": "button 52 37 15 7 | title 36 12 46 5 | title 38 17 42 9 | title 0 29 120 4", "canvas_width": 971, "canvas_height": 460, "elements": [ { "type": "title", "position": [ 296, 100, 379, 43 ], "completed": false }, { "type": "title", "position": [ 313, 143, 345, 77 ], "completed": false }, { "type": "title", "position": [ 0, 236, 971, 34 ], "completed": false }, { "type": "button", "position": [ 424, 302, 123, 58 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be four images on the left, next to which is a title and some examples of the topic.Then a logo is also shown, below is one button for users to learn more info.", "region_id": "2342", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '4'] ] [el:title] [el:description] [el:logo] [el:button [attr:value'Learn More'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 43 32 6 | description 63 18 52 6 | image 0 0 30 30 | image 29 0 30 30 | image 0 30 30 30 | image 29 30 30 30 | logo 85 28 9 9 | complete text 53 19 5 10 | complete text 23 49 5 10 | title 60 3 60 10", "layout_seq_without_completion": "button 73 43 32 6 | description 63 18 52 6 | image 0 0 30 30 | image 29 0 30 30 | image 0 30 30 30 | image 29 30 30 30 | logo 85 28 9 9 | text 53 19 5 10 | text 23 49 5 10 | title 60 3 60 10", "plain_layout_seq": "button 73 43 32 6 | description 63 18 52 6 | image 0 0 30 30 | image 29 0 30 30 | image 0 30 30 30 | image 29 30 30 30 | logo 85 28 9 9 | text 53 19 5 10 | text 23 49 5 10 | title 60 3 60 10", "canvas_width": 932, "canvas_height": 541, "elements": [ { "type": "image", "position": [ 0, 0, 233, 233 ], "completed": false }, { "type": "image", "position": [ 232, 0, 233, 233 ], "completed": false }, { "type": "title", "position": [ 466, 30, 466, 80 ], "completed": false }, { "type": "description", "position": [ 496, 140, 406, 50 ], "completed": false }, { "type": "text", "position": [ 417, 148, 44, 85 ], "completed": true }, { "type": "logo", "position": [ 664, 220, 70, 74 ], "completed": false }, { "type": "image", "position": [ 0, 233, 233, 233 ], "completed": false }, { "type": "image", "position": [ 232, 233, 233, 233 ], "completed": false }, { "type": "button", "position": [ 574, 334, 250, 54 ], "completed": false }, { "type": "text", "position": [ 184, 381, 44, 85 ], "completed": true } ] }, { "text": "#A page of information about OpenPhone.# There should be a logo and a description of the company. Then there should be five social media icons to help users share.", "region_id": "5814", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description] [el:icon [attr:repeat '5'] ] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 0 7 56 8 | logo 0 0 26 4 | \" [ icon 84 10 3 3 | complete image 83 9 5 5 ] | [ icon 92 10 3 3 | complete image 91 9 5 5 ] | [ icon 99 10 3 3 | complete image 98 9 5 5 ] | [ icon 107 10 3 3 | complete image 106 9 5 5 ] | [ icon 114 10 3 3 | complete image 113 9 5 5 ] \"", "layout_seq_without_completion": "description 0 7 56 8 | logo 0 0 26 4 | \" [ icon 84 10 3 3 | image 83 9 5 5 ] | [ icon 92 10 3 3 | image 91 9 5 5 ] | [ icon 99 10 3 3 | image 98 9 5 5 ] | [ icon 107 10 3 3 | image 106 9 5 5 ] | [ icon 114 10 3 3 | image 113 9 5 5 ] \"", "plain_layout_seq": "description 0 7 56 8 | icon 84 10 3 3 | icon 92 10 3 3 | icon 99 10 3 3 | icon 107 10 3 3 | icon 114 10 3 3 | image 83 9 5 5 | image 91 9 5 5 | image 98 9 5 5 | image 106 9 5 5 | image 113 9 5 5 | logo 0 0 26 4", "canvas_width": 904, "canvas_height": 120, "elements": [ { "type": "logo", "position": [ 0, 0, 202, 32 ], "completed": false }, { "type": "description", "position": [ 0, 56, 424, 64 ], "completed": false }, { "type": "image", "position": [ 632, 68, 40, 40 ], "completed": true }, { "type": "image", "position": [ 688, 68, 40, 40 ], "completed": true }, { "type": "image", "position": [ 744, 68, 40, 40 ], "completed": true }, { "type": "image", "position": [ 800, 68, 40, 40 ], "completed": true }, { "type": "image", "position": [ 856, 68, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 640, 76, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 696, 76, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 752, 76, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 808, 76, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 864, 76, 24, 24 ], "completed": false } ] }, { "text": "#The page shows some information about the store to the user.# The page includes three links for the user to click on to get into the next step, such as starting a store, finding products to sell, and buying an existing online store.", "region_id": "6821", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value 'start a store'] ] [el:link [attr:value 'find products to sell'] ] [el:link [attr:value 'buy an existing online store'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for usrs to get started and download all.# The page should have a slogan to attract more users, and two buttons for users to get started and download all.", "region_id": "5847", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'get started'] ] [el:button [attr:value 'download all'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 60 15 16 5 | button 43 15 15 5 | title 30 7 58 4", "layout_seq_without_completion": "button 60 15 16 5 | button 43 15 15 5 | title 30 7 58 4", "plain_layout_seq": "button 60 15 16 5 | button 43 15 15 5 | title 30 7 58 4", "canvas_width": 1024, "canvas_height": 240, "elements": [ { "type": "title", "position": [ 264, 64, 496, 40 ], "completed": false }, { "type": "button", "position": [ 370, 128, 128, 48 ], "completed": false }, { "type": "button", "position": [ 514, 128, 140, 48 ], "completed": false } ] }, { "text": "#A page for users to choose whether the page is useful.#The page should have a brief description and two buttons, \"Yes\" and \"No\".", "region_id": "5880", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small", "layout_seq_with_completion": "button 64 3 6 3 | button 73 3 5 3 | description 40 4 21 2", "layout_seq_without_completion": "button 64 3 6 3 | button 73 3 5 3 | description 40 4 21 2", "plain_layout_seq": "button 64 3 6 3 | button 73 3 5 3 | description 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "description", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "#A page for asking if the page is useful.# The page should have a title, 2 buttons for users to choose yes or no, and a text and an icon to show a tip.", "region_id": "4835", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] [el:text] [el:icon [attr:value 'show a tip'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 44 3 6 4 | button 35 3 6 4 | icon 104 4 1 1 | complete link 93 3 10 2 | text 66 3 27 2 | title 9 3 23 2", "layout_seq_without_completion": "button 44 3 6 4 | button 35 3 6 4 | icon 104 4 1 1 | link 93 3 10 2 | text 66 3 27 2 | title 9 3 23 2", "plain_layout_seq": "button 44 3 6 4 | button 35 3 6 4 | icon 104 4 1 1 | link 93 3 10 2 | text 66 3 27 2 | title 9 3 23 2", "canvas_width": 960, "canvas_height": 59, "elements": [ { "type": "button", "position": [ 281, 26, 55, 33 ], "completed": false }, { "type": "button", "position": [ 357, 26, 52, 33 ], "completed": false }, { "type": "title", "position": [ 79, 31, 186, 19 ], "completed": false }, { "type": "text", "position": [ 530, 31, 218, 19 ], "completed": false }, { "type": "link", "position": [ 748, 31, 82, 19 ], "completed": true }, { "type": "icon", "position": [ 838, 33, 13, 13 ], "completed": false } ] }, { "text": "#A page introducing the purpose of Olam. # The page should have a slogan and a short introduction of the purpose of Olam, and an area to show a corresponding video clip.", "region_id": "1849", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 14 9 90 7 | image 14 17 90 50 | title 14 3 90 3", "layout_seq_without_completion": "description 14 9 90 7 | image 14 17 90 50 | title 14 3 90 3", "plain_layout_seq": "description 14 9 90 7 | image 14 17 90 50 | title 14 3 90 3", "canvas_width": 1024, "canvas_height": 617, "elements": [ { "type": "title", "position": [ 125, 30, 773, 34 ], "completed": false }, { "type": "description", "position": [ 125, 79, 773, 63 ], "completed": false }, { "type": "image", "position": [ 125, 152, 773, 435 ], "completed": false } ] }, { "text": "#A page for the advertisement of the company.#The page has a background image and a title, \"maximum waves, minimum effort\". Under the title, there is a description and a button for users to discover.", "region_id": "8022", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'maximum waves, minimum effort'] ] [el:description] [el:button [attr:value 'discover'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 68 | button 51 57 17 5 | description 12 48 94 4 | title 7 40 105 6", "layout_seq_without_completion": "background 0 0 120 68 | button 51 57 17 5 | description 12 48 94 4 | title 7 40 105 6", "plain_layout_seq": "background 0 0 120 68 | button 51 57 17 5 | description 12 48 94 4 | title 7 40 105 6", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 582 ], "completed": false }, { "type": "title", "position": [ 62, 344, 900, 56 ], "completed": false }, { "type": "description", "position": [ 107, 418, 810, 38 ], "completed": false }, { "type": "button", "position": [ 437, 487, 150, 45 ], "completed": false } ] }, { "text": "# A page for marketing a company.# The page should have a small image, the slogan \"PROTECT Your Digital Assets.\" and a further description.", "region_id": "3818", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size 'small'] ] [el:title [attr:value 'protect your digital assets.'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined small | title undefined undefined", "layout_seq_with_completion": "description 0 34 120 6 | image 56 0 6 7 | title 43 10 33 21", "layout_seq_without_completion": "description 0 34 120 6 | image 56 0 6 7 | title 43 10 33 21", "plain_layout_seq": "description 0 34 120 6 | image 56 0 6 7 | title 43 10 33 21", "canvas_width": 969, "canvas_height": 392, "elements": [ { "type": "image", "position": [ 458, 0, 53, 64 ], "completed": false }, { "type": "title", "position": [ 350, 88, 270, 170 ], "completed": false }, { "type": "description", "position": [ 0, 282, 969, 55 ], "completed": false } ] }, { "text": "#A page for introducing a POS product.# The page should have an exciting slogan, a text to introduce the POS product to attract users to buy, and a button for users to click to take a free demo. An image as the extra layout.", "region_id": "3183", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'take a free demo'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 76 45 18 4 | description 76 29 37 12 | image 6 11 54 46 | title 76 18 37 8", "layout_seq_without_completion": "button 76 45 18 4 | description 76 29 37 12 | image 6 11 54 46 | title 76 18 37 8", "plain_layout_seq": "button 76 45 18 4 | description 76 29 37 12 | image 6 11 54 46 | title 76 18 37 8", "canvas_width": 1039, "canvas_height": 551, "elements": [ { "type": "image", "position": [ 54, 96, 470, 405 ], "completed": false }, { "type": "title", "position": [ 662, 163, 322, 70 ], "completed": false }, { "type": "description", "position": [ 662, 257, 322, 108 ], "completed": false }, { "type": "button", "position": [ 662, 397, 157, 37 ], "completed": false } ] }, { "text": "#A page showing the error reporting interface of the website to users.#The page should have one icon, one text heading, and one detail of the error interface.", "region_id": "3588", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 9 | description 23 21 95 12 | icon 6 15 10 10 | title 23 14 95 2", "layout_seq_without_completion": "background 0 0 120 9 | description 23 21 95 12 | icon 6 15 10 10 | title 23 14 95 2", "plain_layout_seq": "background 0 0 120 9 | description 23 21 95 12 | icon 6 15 10 10 | title 23 14 95 2", "canvas_width": 1024, "canvas_height": 306, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 82 ], "completed": true }, { "type": "title", "position": [ 200, 123, 819, 25 ], "completed": false }, { "type": "icon", "position": [ 52, 130, 90, 92 ], "completed": false }, { "type": "description", "position": [ 200, 184, 819, 103 ], "completed": false } ] }, { "text": "#A page teaching users to use Ticket IDs.# The page contains one information set. The group includes an icon, the title \"Freshdesk\", and a description.", "region_id": "5982", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title [attr:value 'freshdesk'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 8 | icon 56 5 6 6 | complete image 45 0 28 31 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 8 | icon 56 5 6 6 | image 45 0 28 31 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 8 | icon 56 5 6 6 | image 45 0 28 31 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 245, "elements": [ { "type": "image", "position": [ 352, 0, 223, 245 ], "completed": true }, { "type": "icon", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 64 ], "completed": false } ] }, { "text": "A page for introducing one store.# There should be one title\"Products and Solutions\" and one short introduction. Users can make choices by clicking two buttons.", "region_id": "1935", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'products and solutions']] [el:description [attr:size 'small']] [el:button [attr:repeat '2']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 14 120 65 | description 2 43 114 5 | title 40 34 38 5 | \" [ button 30 52 19 7 | complete icon 43 54 1 1 | complete text 33 54 8 2 ] | [ button 52 52 37 7 | complete icon 84 54 1 1 | complete text 56 54 26 2 ] \"", "layout_seq_without_completion": "background 0 14 120 65 | description 2 43 114 5 | title 40 34 38 5 | \" [ button 30 52 19 7 | icon 43 54 1 1 | text 33 54 8 2 ] | [ button 52 52 37 7 | icon 84 54 1 1 | text 56 54 26 2 ] \"", "plain_layout_seq": "background 0 14 120 65 | button 30 52 19 7 | button 52 52 37 7 | description 2 43 114 5 | icon 43 54 1 1 | icon 84 54 1 1 | text 33 54 8 2 | text 56 54 26 2 | title 40 34 38 5", "canvas_width": 1024, "canvas_height": 683, "elements": [ { "type": "background", "position": [ 0, 120, 1024, 563 ], "completed": true }, { "type": "title", "position": [ 348, 298, 328, 43 ], "completed": false }, { "type": "description", "position": [ 25, 370, 974, 49 ], "completed": false }, { "type": "button", "position": [ 257, 446, 163, 60 ], "completed": false }, { "type": "button", "position": [ 447, 446, 320, 60 ], "completed": false }, { "type": "text", "position": [ 290, 466, 74, 22 ], "completed": true }, { "type": "text", "position": [ 480, 466, 230, 22 ], "completed": true }, { "type": "icon", "position": [ 372, 469, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 718, 469, 16, 16 ], "completed": true } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a picture, a title named \"LETS WORK TOGETHER\", and a paragraph for attracting users to learn about the brand.", "region_id": "6723", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'lets work together'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 43 12 70 31 | image 3 3 35 48 | title 43 8 70 2", "layout_seq_without_completion": "description 43 12 70 31 | image 3 3 35 48 | title 43 8 70 2", "plain_layout_seq": "description 43 12 70 31 | image 3 3 35 48 | title 43 8 70 2", "canvas_width": 1024, "canvas_height": 465, "elements": [ { "type": "image", "position": [ 30, 28, 300, 410 ], "completed": false }, { "type": "title", "position": [ 375, 75, 600, 25 ], "completed": false }, { "type": "description", "position": [ 375, 110, 600, 270 ], "completed": false } ] }, { "text": "#A page for introducing the mining service.# There is one title \"Pool the World Together by Providing the Best Mining Service\", one slogan, and three images showing the content.", "region_id": "4989", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'pool the world together by providing the best mining service'] ] [el:title] [el:image [attr:repeat '3'] ] ]", "execution": "singleinfo : image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 48 | title 44 18 31 1 | title 0 12 120 4 | \" [ image 2 22 36 18 ] | [ image 42 22 36 18 ] | [ image 83 22 36 18 ] \"", "layout_seq_without_completion": "background 0 0 120 48 | title 44 18 31 1 | title 0 12 120 4 | \" [ image 2 22 36 18 ] | [ image 42 22 36 18 ] | [ image 83 22 36 18 ] \"", "plain_layout_seq": "background 0 0 120 48 | image 2 22 36 18 | image 42 22 36 18 | image 83 22 36 18 | title 44 18 31 1 | title 0 12 120 4", "canvas_width": 1185, "canvas_height": 475, "elements": [ { "type": "background", "position": [ 0, 0, 1185, 475 ], "completed": true }, { "type": "title", "position": [ 0, 128, 1185, 44 ], "completed": false }, { "type": "title", "position": [ 439, 184, 307, 16 ], "completed": false }, { "type": "image", "position": [ 20, 220, 360, 180 ], "completed": false }, { "type": "image", "position": [ 420, 220, 360, 180 ], "completed": false }, { "type": "image", "position": [ 820, 220, 360, 180 ], "completed": false } ] }, { "text": "#A page introducing 2 options of stocks. #The page includes one line of text and 2 buttons for the options.", "region_id": "5408", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 107 2 5 1 | button 114 2 5 1 | text 0 0 96 2", "layout_seq_without_completion": "button 107 2 5 1 | button 114 2 5 1 | text 0 0 96 2", "plain_layout_seq": "button 107 2 5 1 | button 114 2 5 1 | text 0 0 96 2", "canvas_width": 974, "canvas_height": 47, "elements": [ { "type": "text", "position": [ 0, 0, 784, 20 ], "completed": false }, { "type": "button", "position": [ 871, 23, 47, 15 ], "completed": false }, { "type": "button", "position": [ 926, 23, 48, 15 ], "completed": false } ] }, { "text": "#A page for promoting houses to users.# The page should include one title \"A home of your own\", and a brief introduction. A button is needed for users to click to get started.", "region_id": "2399", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'a home of your own'] ] [el:description [attr:size'small']] [el:button [attr:value'Get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 2 120 55 | button 49 75 20 4 | description 1 69 116 3 | title 1 62 116 3", "layout_seq_without_completion": "background 0 2 120 55 | button 49 75 20 4 | description 1 69 116 3 | title 1 62 116 3", "plain_layout_seq": "background 0 2 120 55 | button 49 75 20 4 | description 1 69 116 3 | title 1 62 116 3", "canvas_width": 1024, "canvas_height": 725, "elements": [ { "type": "background", "position": [ 0, 24, 1024, 475 ], "completed": true }, { "type": "title", "position": [ 16, 532, 992, 34 ], "completed": false }, { "type": "description", "position": [ 16, 590, 992, 30 ], "completed": false }, { "type": "button", "position": [ 423, 644, 178, 40 ], "completed": false } ] }, { "text": "#A page for introducing one service.# There should be one image and two text boxes, one for the title\"Built for speed, security, and extensibility\" and one for the description. Users can find solutions by clicking one button.", "region_id": "641", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'built for speed, security, and extensibility'] ] [el:description] [el:button [attr:value'find solutions'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "layout_seq_without_completion": "background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "plain_layout_seq": "background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "canvas_width": 1004, "canvas_height": 685, "elements": [ { "type": "image", "position": [ 0, 0, 502, 685 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1003, 685 ], "completed": true }, { "type": "title", "position": [ 552, 50, 401, 180 ], "completed": false }, { "type": "description", "position": [ 552, 274, 401, 243 ], "completed": false }, { "type": "button", "position": [ 552, 564, 199, 46 ], "completed": false } ] }, { "text": "#A page for introducing one service.# There should be one image and two text boxes, one for the title and one for the detail. Users can find solutions by clicking one text button.", "region_id": "641_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'find solutions'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "layout_seq_without_completion": "background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "plain_layout_seq": "background 0 0 119 81 | button 65 67 23 5 | description 65 32 47 29 | image 0 0 60 81 | title 65 5 47 21", "canvas_width": 1004, "canvas_height": 685, "elements": [ { "type": "image", "position": [ 0, 0, 502, 685 ], "completed": false }, { "type": "background", "position": [ 0, 0, 1003, 685 ], "completed": true }, { "type": "title", "position": [ 552, 50, 401, 180 ], "completed": false }, { "type": "description", "position": [ 552, 274, 401, 243 ], "completed": false }, { "type": "button", "position": [ 552, 564, 199, 46 ], "completed": false } ] }, { "text": "# A page for recruiting employees.# There should be a title 'career opportunities', a short introduction, and a button to view job vacancies.", "region_id": "592", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'career opportunities']] [el:description [attr:size 'small']] [el:button [attr:value'View Job Vacancies']] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 64 35 16 4 | description 64 18 50 14 | complete image 0 7 60 35 | complete image 40 4 20 45 | complete title 64 4 50 2 | title 64 9 50 5", "layout_seq_without_completion": "button 64 35 16 4 | description 64 18 50 14 | image 0 7 60 35 | image 40 4 20 45 | title 64 4 50 2 | title 64 9 50 5", "plain_layout_seq": "button 64 35 16 4 | description 64 18 50 14 | image 0 7 60 35 | image 40 4 20 45 | title 64 4 50 2 | title 64 9 50 5", "canvas_width": 1024, "canvas_height": 420, "elements": [ { "type": "image", "position": [ 344, 35, 176, 385 ], "completed": true }, { "type": "title", "position": [ 552, 36, 432, 25 ], "completed": true }, { "type": "image", "position": [ 0, 60, 512, 300 ], "completed": true }, { "type": "title", "position": [ 552, 85, 432, 46 ], "completed": false }, { "type": "description", "position": [ 552, 155, 432, 120 ], "completed": false }, { "type": "button", "position": [ 552, 299, 141, 42 ], "completed": false } ] }, { "text": "#A page for searching for jobs. # The page should have one slogan and a short introduction to the company, and some links listing the categories of the job. One button is needed for users to click to search for a job.", "region_id": "1966", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:repeat'several'] ] [el:button [attr:value'search for a job'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 46 22 4 | description 5 11 108 4 | link 7 41 11 1 | link 7 26 10 1 | link 7 35 8 1 | link 7 24 6 1 | link 7 31 7 1 | link 7 33 11 1 | link 7 39 19 1 | link 7 29 5 1 | link 7 37 16 1 | complete text 5 17 108 3 | title 5 7 108 2", "layout_seq_without_completion": "button 5 46 22 4 | description 5 11 108 4 | link 7 41 11 1 | link 7 26 10 1 | link 7 35 8 1 | link 7 24 6 1 | link 7 31 7 1 | link 7 33 11 1 | link 7 39 19 1 | link 7 29 5 1 | link 7 37 16 1 | text 5 17 108 3 | title 5 7 108 2", "plain_layout_seq": "button 5 46 22 4 | description 5 11 108 4 | link 7 41 11 1 | link 7 26 10 1 | link 7 35 8 1 | link 7 24 6 1 | link 7 31 7 1 | link 7 33 11 1 | link 7 39 19 1 | link 7 29 5 1 | link 7 37 16 1 | text 5 17 108 3 | title 5 7 108 2", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "title", "position": [ 50, 60, 924, 25 ], "completed": false }, { "type": "description", "position": [ 50, 98, 924, 37 ], "completed": false }, { "type": "text", "position": [ 50, 151, 924, 27 ], "completed": true }, { "type": "link", "position": [ 65, 212, 55, 17 ], "completed": false }, { "type": "link", "position": [ 65, 230, 86, 17 ], "completed": false }, { "type": "link", "position": [ 65, 248, 44, 17 ], "completed": false }, { "type": "link", "position": [ 65, 266, 61, 17 ], "completed": false }, { "type": "link", "position": [ 65, 284, 100, 17 ], "completed": false }, { "type": "link", "position": [ 65, 302, 75, 17 ], "completed": false }, { "type": "link", "position": [ 65, 320, 137, 17 ], "completed": false }, { "type": "link", "position": [ 65, 338, 170, 17 ], "completed": false }, { "type": "link", "position": [ 65, 356, 96, 17 ], "completed": false }, { "type": "button", "position": [ 50, 395, 190, 39 ], "completed": false } ] }, { "text": "#A page for searching for jobs. # The page should have three text boxes to show the slogan and a short introduction to the company, and some text boxes listing the categories of the job. One button is needed for users to click to search for a job.", "region_id": "1966_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '3']] [el:description [attr:size'small'] ] [el:text [attr:repeat 'several']] [el:button [attr:value'search for a job'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 46 22 4 | text 7 41 11 1 | text 7 26 10 1 | text 7 35 8 1 | text 7 24 6 1 | text 7 31 7 1 | text 7 33 11 1 | text 7 39 19 1 | text 7 29 5 1 | text 7 37 16 1 | title 5 11 108 4 | title 5 17 108 3 | title 5 7 108 2", "layout_seq_without_completion": "button 5 46 22 4 | text 7 41 11 1 | text 7 26 10 1 | text 7 35 8 1 | text 7 24 6 1 | text 7 31 7 1 | text 7 33 11 1 | text 7 39 19 1 | text 7 29 5 1 | text 7 37 16 1 | title 5 11 108 4 | title 5 17 108 3 | title 5 7 108 2", "plain_layout_seq": "button 5 46 22 4 | text 7 41 11 1 | text 7 26 10 1 | text 7 35 8 1 | text 7 24 6 1 | text 7 31 7 1 | text 7 33 11 1 | text 7 39 19 1 | text 7 29 5 1 | text 7 37 16 1 | title 5 11 108 4 | title 5 17 108 3 | title 5 7 108 2", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "title", "position": [ 50, 60, 924, 25 ], "completed": false }, { "type": "title", "position": [ 50, 98, 924, 37 ], "completed": false }, { "type": "title", "position": [ 50, 151, 924, 27 ], "completed": false }, { "type": "text", "position": [ 65, 212, 55, 17 ], "completed": false }, { "type": "text", "position": [ 65, 230, 86, 17 ], "completed": false }, { "type": "text", "position": [ 65, 248, 44, 17 ], "completed": false }, { "type": "text", "position": [ 65, 266, 61, 17 ], "completed": false }, { "type": "text", "position": [ 65, 284, 100, 17 ], "completed": false }, { "type": "text", "position": [ 65, 302, 75, 17 ], "completed": false }, { "type": "text", "position": [ 65, 320, 137, 17 ], "completed": false }, { "type": "text", "position": [ 65, 338, 170, 17 ], "completed": false }, { "type": "text", "position": [ 65, 356, 96, 17 ], "completed": false }, { "type": "button", "position": [ 50, 395, 190, 39 ], "completed": false } ] }, { "text": "#A page showing the game CrossFire is now available.# The page should include a background image, the title \"NOW AVAILABLE\", and an image of the game.", "region_id": "5099", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'now available'] ] [el:image] ]", "execution": "singleinfo : background undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 7 120 16 | image 58 1 50 27 | title 3 11 57 8", "layout_seq_without_completion": "background 0 7 120 16 | image 58 1 50 27 | title 3 11 57 8", "plain_layout_seq": "background 0 7 120 16 | image 58 1 50 27 | title 3 11 57 8", "canvas_width": 1024, "canvas_height": 268, "elements": [ { "type": "image", "position": [ 499, 17, 435, 235 ], "completed": false }, { "type": "background", "position": [ 0, 64, 1024, 140 ], "completed": false }, { "type": "title", "position": [ 32, 99, 492, 70 ], "completed": false } ] }, { "text": "#A page for users to sign up.#There should be two text boxes, one for the title\"Stay Connect with Us\" and the other for the slogan, one icon, and one input box for users to enter their email addresses. Two images show one company's two parts of the business.", "region_id": "1962", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'stay connect with us'] ] [el:title] [el:icon] [el:input [attr:value'enter your email address'] ] [el:image [attr:repeat'2'] ] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | image undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | complete text 90 0 29 9 | complete text 60 0 29 6 | title 2 7 54 5 | title 2 12 54 5", "layout_seq_without_completion": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | text 90 0 29 9 | text 60 0 29 6 | title 2 7 54 5 | title 2 12 54 5", "plain_layout_seq": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | text 90 0 29 9 | text 60 0 29 6 | title 2 7 54 5 | title 2 12 54 5", "canvas_width": 1024, "canvas_height": 334, "elements": [ { "type": "image", "position": [ 514, 0, 254, 332 ], "completed": false }, { "type": "text", "position": [ 514, 0, 254, 58 ], "completed": true }, { "type": "text", "position": [ 770, 0, 254, 83 ], "completed": true }, { "type": "image", "position": [ 770, 0, 254, 332 ], "completed": false }, { "type": "title", "position": [ 25, 60, 462, 44 ], "completed": false }, { "type": "title", "position": [ 25, 104, 462, 48 ], "completed": false }, { "type": "input", "position": [ 25, 202, 413, 50 ], "completed": false }, { "type": "icon", "position": [ 447, 202, 40, 29 ], "completed": false } ] }, { "text": "#A page for users to sign up.#There should be two text boxes, one icon, and one input box for users to enter their email addresses. Two images show one company's two parts of the business.", "region_id": "1962_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'2'] ] [el:icon] [el:input [attr:value'enter your email address'] ] [el:image [attr:repeat'2'] ] ]", "execution": "singleinfo : icon undefined undefined | image undefined undefined | image undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | complete text 90 0 29 9 | text 2 7 54 5 | text 2 12 54 5 | complete text 60 0 29 6", "layout_seq_without_completion": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | text 90 0 29 9 | text 2 7 54 5 | text 2 12 54 5 | text 60 0 29 6", "plain_layout_seq": "icon 52 23 4 3 | image 60 0 29 38 | image 90 0 29 38 | input 2 23 48 5 | text 90 0 29 9 | text 2 7 54 5 | text 2 12 54 5 | text 60 0 29 6", "canvas_width": 1024, "canvas_height": 334, "elements": [ { "type": "image", "position": [ 514, 0, 254, 332 ], "completed": false }, { "type": "text", "position": [ 514, 0, 254, 58 ], "completed": true }, { "type": "text", "position": [ 770, 0, 254, 83 ], "completed": true }, { "type": "image", "position": [ 770, 0, 254, 332 ], "completed": false }, { "type": "text", "position": [ 25, 60, 462, 44 ], "completed": false }, { "type": "text", "position": [ 25, 104, 462, 48 ], "completed": false }, { "type": "input", "position": [ 25, 202, 413, 50 ], "completed": false }, { "type": "icon", "position": [ 447, 202, 40, 29 ], "completed": false } ] }, { "text": "#A page for users to overview the features.#A page should have a title and a long description. Under the description, there is a link, named \"features overview\", and the pagination was set next to it.", "region_id": "4755", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'large'] ] [el:link [attr:value 'features overview'] ] [el:pagination] ]", "execution": "singleinfo : description undefined large | link undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 11 13 96 12 | link 11 28 16 2 | title 11 8 96 2", "layout_seq_without_completion": "description 11 13 96 12 | link 11 28 16 2 | title 11 8 96 2", "plain_layout_seq": "description 11 13 96 12 | link 11 28 16 2 | title 11 8 96 2", "canvas_width": 1009, "canvas_height": 333, "elements": [ { "type": "title", "position": [ 100, 72, 809, 24 ], "completed": false }, { "type": "description", "position": [ 100, 112, 809, 108 ], "completed": false }, { "type": "link", "position": [ 100, 239, 135, 19 ], "completed": false } ] }, { "text": "#This page is mainly to guide users to subscribe to related products.# This page has a \"Subscribe to get 40 exclusive photos\" title and a brief description, as well as a user-friendly subscribe button.", "region_id": "5130", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to get 40 exclusive photos'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 48 17 23 4 | description 0 12 120 2 | title 0 6 120 5", "layout_seq_without_completion": "button 48 17 23 4 | description 0 12 120 2 | title 0 6 120 5", "plain_layout_seq": "button 48 17 23 4 | description 0 12 120 2 | title 0 6 120 5", "canvas_width": 1009, "canvas_height": 230, "elements": [ { "type": "title", "position": [ 0, 51, 1009, 48 ], "completed": false }, { "type": "description", "position": [ 0, 109, 1009, 24 ], "completed": false }, { "type": "button", "position": [ 404, 143, 200, 37 ], "completed": false } ] }, { "text": "#A page about the smartwatch advertisement website.# The page contains 1 big text title, 1 descriptive paragraph, 1 line of text introduction, 3 logos that users can click to buy the product, and 1 big image containing many small images introducing the functions of this product.", "region_id": "6879", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title[attr:size'large']] [el:description][el:text] [el:logo [attr:repeat '3'] ] [el:image [attr:size 'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title undefined large", "layout_seq_with_completion": "description 32 22 56 14 | image 5 53 111 63 | logo 54 44 9 4 | logo 65 44 12 4 | logo 44 44 7 4 | text 32 40 56 2 | title 33 6 55 12", "layout_seq_without_completion": "description 32 22 56 14 | image 5 53 111 63 | logo 54 44 9 4 | logo 65 44 12 4 | logo 44 44 7 4 | text 32 40 56 2 | title 33 6 55 12", "plain_layout_seq": "description 32 22 56 14 | image 5 53 111 63 | logo 54 44 9 4 | logo 65 44 12 4 | logo 44 44 7 4 | text 32 40 56 2 | title 33 6 55 12", "canvas_width": 1024, "canvas_height": 1001, "elements": [ { "type": "title", "position": [ 284, 56, 470, 108 ], "completed": false }, { "type": "description", "position": [ 280, 191, 480, 120 ], "completed": false }, { "type": "text", "position": [ 280, 344, 480, 24 ], "completed": false }, { "type": "logo", "position": [ 378, 383, 68, 40 ], "completed": false }, { "type": "logo", "position": [ 461, 383, 80, 40 ], "completed": false }, { "type": "logo", "position": [ 556, 383, 105, 40 ], "completed": false }, { "type": "image", "position": [ 43, 456, 953, 545 ], "completed": false } ] }, { "text": "#A page for introducing an app named \"Icertis Contract Intelligence\" for users.# The page should include a background image, one title, and a slogan. At the bottom, a button is needed for users to learn more information.", "region_id": "1442", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat'2'] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "singleinfo : background undefined undefined | button bottom undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 16 46 17 5 | title 16 27 69 9 | title 16 7 74 16 | \" [ complete button 0 28 14 2 ] | [ complete button 0 32 14 2 ] | [ complete button 0 35 14 2 ] \"", "layout_seq_without_completion": "button 16 46 17 5 | title 16 27 69 9 | title 16 7 74 16 | \" [ button 0 28 14 2 ] | [ button 0 32 14 2 ] | [ button 0 35 14 2 ] \"", "plain_layout_seq": "button 16 46 17 5 | button 0 28 14 2 | button 0 32 14 2 | button 0 35 14 2 | title 16 27 69 9 | title 16 7 74 16", "canvas_width": 963, "canvas_height": 533, "elements": [ { "type": "title", "position": [ 135, 64, 596, 134 ], "completed": false }, { "type": "title", "position": [ 135, 223, 556, 80 ], "completed": false }, { "type": "button", "position": [ 0, 230, 119, 24 ], "completed": true }, { "type": "button", "position": [ 0, 258, 119, 24 ], "completed": true }, { "type": "button", "position": [ 0, 286, 119, 24 ], "completed": true }, { "type": "button", "position": [ 135, 374, 139, 44 ], "completed": false } ] }, { "text": "# A page for the user to look for archives.# The page should have the title \"Archives\" and two links for the archives of June 2022 and May 2022.", "region_id": "3567", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'archives'] ] [el:link [attr:value 'June 2022'] ] [el:link [attr:value 'May 2022'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 7 7 9 2 | link 7 11 8 2 | title 0 0 11 4", "layout_seq_without_completion": "link 7 7 9 2 | link 7 11 8 2 | title 0 0 11 4", "plain_layout_seq": "link 7 7 9 2 | link 7 11 8 2 | title 0 0 11 4", "canvas_width": 994, "canvas_height": 146, "elements": [ { "type": "title", "position": [ 0, 0, 98, 40 ], "completed": false }, { "type": "link", "position": [ 60, 65, 81, 19 ], "completed": false }, { "type": "link", "position": [ 60, 95, 73, 19 ], "completed": false } ] }, { "text": "#A page for introducing a website named \"monday.com\" to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "315", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 55 17 7 2 | description 16 11 86 2 | complete icon 63 18 1 0 | title 62 6 21 3 | title 35 6 26 3", "layout_seq_without_completion": "button 55 17 7 2 | description 16 11 86 2 | icon 63 18 1 0 | title 62 6 21 3 | title 35 6 26 3", "plain_layout_seq": "button 55 17 7 2 | description 16 11 86 2 | icon 63 18 1 0 | title 62 6 21 3 | title 35 6 26 3", "canvas_width": 1441, "canvas_height": 315, "elements": [ { "type": "title", "position": [ 426, 77, 320, 46 ], "completed": false }, { "type": "title", "position": [ 754, 77, 261, 46 ], "completed": false }, { "type": "description", "position": [ 202, 136, 1036, 32 ], "completed": false }, { "type": "button", "position": [ 663, 212, 93, 25 ], "completed": false }, { "type": "icon", "position": [ 768, 220, 16, 12 ], "completed": true } ] }, { "text": "#A page introducing API docs.# The page should contain a title, a description text and an image. There is a button \"Sign Up\" for users to sign up. There is also a text and 8 logos of different companies at the bottom of the page.", "region_id": "5822", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description][el:image] [el:button [attr:value 'sign up'] ] [el:text [attr:position 'bottom'] ] [el:logo [attr:repeat '8'] [attr:position 'bottom'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | text bottom undefined | title undefined undefined", "layout_seq_with_completion": "button 5 47 17 5 | description 5 33 52 10 | image 61 13 52 49 | logo 5 67 52 8 | text 5 59 51 5 | title 5 6 52 24", "layout_seq_without_completion": "button 5 47 17 5 | description 5 33 52 10 | image 61 13 52 49 | logo 5 67 52 8 | text 5 59 51 5 | title 5 6 52 24", "plain_layout_seq": "button 5 47 17 5 | description 5 33 52 10 | image 61 13 52 49 | logo 5 67 52 8 | text 5 59 51 5 | title 5 6 52 24", "canvas_width": 1024, "canvas_height": 646, "elements": [ { "type": "title", "position": [ 51, 56, 445, 207 ], "completed": false }, { "type": "image", "position": [ 528, 113, 445, 420 ], "completed": false }, { "type": "description", "position": [ 51, 284, 445, 90 ], "completed": false }, { "type": "button", "position": [ 51, 408, 150, 47 ], "completed": false }, { "type": "text", "position": [ 51, 504, 441, 49 ], "completed": false }, { "type": "logo", "position": [ 51, 576, 445, 70 ], "completed": false } ] }, { "text": "#This page introduces users to hand-woven crafts from Africa and Asia. #On the left side of the page there is a title of \"Hand-woven crafts from Africa and Asia\", a description of it, and a button for Shop now, and there is a product display image on the right.", "region_id": "6555", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'left'][attr:value 'Hand-woven crafts from Africa and Asia'] ] [el:description] [el:button [attr:value 'shop now'] ] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image right undefined | title left undefined", "layout_seq_with_completion": "button 14 76 15 5 | description 14 35 21 37 | image 38 16 75 59 | complete image 5 3 37 86 | title 14 10 21 22", "layout_seq_without_completion": "button 14 76 15 5 | description 14 35 21 37 | image 38 16 75 59 | image 5 3 37 86 | title 14 10 21 22", "plain_layout_seq": "button 14 76 15 5 | description 14 35 21 37 | image 38 16 75 59 | image 5 3 37 86 | title 14 10 21 22", "canvas_width": 1024, "canvas_height": 796, "elements": [ { "type": "image", "position": [ 50, 30, 321, 736 ], "completed": true }, { "type": "title", "position": [ 120, 90, 181, 192 ], "completed": false }, { "type": "image", "position": [ 331, 143, 643, 510 ], "completed": false }, { "type": "description", "position": [ 120, 302, 181, 317 ], "completed": false }, { "type": "button", "position": [ 120, 649, 133, 47 ], "completed": false } ] }, { "text": "#A page for showing the contact and location.# The page should have a title, and two texts to show the specific contact and location, and one link for users to click to check the map. An image as an extra layout.", "region_id": "7056", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text [attr:repeat '2'] ] [el:link[attr:value 'check the map']] [el:image] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 49 4 66 59 | link 7 45 8 2 | text 7 28 21 14 | text 32 28 21 13 | title 7 20 46 4", "layout_seq_without_completion": "image 49 4 66 59 | link 7 45 8 2 | text 7 28 21 14 | text 32 28 21 13 | title 7 20 46 4", "plain_layout_seq": "image 49 4 66 59 | link 7 45 8 2 | text 7 28 21 14 | text 32 28 21 13 | title 7 20 46 4", "canvas_width": 1009, "canvas_height": 584, "elements": [ { "type": "image", "position": [ 420, 42, 560, 500 ], "completed": false }, { "type": "title", "position": [ 66, 176, 388, 34 ], "completed": false }, { "type": "text", "position": [ 66, 240, 179, 120 ], "completed": false }, { "type": "text", "position": [ 275, 240, 179, 111 ], "completed": false }, { "type": "link", "position": [ 66, 380, 71, 19 ], "completed": false } ] }, { "text": "#A page for selling kids' clothes.# The page should have a big background image, a title, and a text to attract users to buy from it, and two buttons \"shop now\" and \"shop all\".", "region_id": "6860", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size 'large'] ] [el:title] [el:text] [el:button [attr:value 'shop now'] ] [el:button [attr:value 'shop all'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 2 2 117 47 | button 27 29 15 4 | button 9 29 16 4 | text 9 23 59 3 | title 9 16 59 5", "layout_seq_without_completion": "background 2 2 117 47 | button 27 29 15 4 | button 9 29 16 4 | text 9 23 59 3 | title 9 16 59 5", "plain_layout_seq": "background 2 2 117 47 | button 27 29 15 4 | button 9 29 16 4 | text 9 23 59 3 | title 9 16 59 5", "canvas_width": 964, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 20, 20, 944, 380 ], "completed": false }, { "type": "title", "position": [ 76, 132, 478, 48 ], "completed": false }, { "type": "text", "position": [ 76, 191, 478, 31 ], "completed": false }, { "type": "button", "position": [ 76, 236, 130, 40 ], "completed": false }, { "type": "button", "position": [ 221, 236, 124, 40 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There is an attractive title, followed by a short explanation of the company`s service. There are two buttons for users to see our innovations and explore solutions. There's a picture to fill in the blanks.", "region_id": "2271", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'see our innovations']] [el:button [attr:value'explore solutions']] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | image 60 5 49 58 | title 19 13 31 7", "layout_seq_without_completion": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | image 60 5 49 58 | title 19 13 31 7", "plain_layout_seq": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | image 60 5 49 58 | title 19 13 31 7", "canvas_width": 1024, "canvas_height": 596, "elements": [ { "type": "image", "position": [ 512, 48, 425, 499 ], "completed": false }, { "type": "title", "position": [ 167, 112, 266, 67 ], "completed": false }, { "type": "description", "position": [ 167, 196, 234, 144 ], "completed": false }, { "type": "button", "position": [ 167, 372, 231, 48 ], "completed": false }, { "type": "button", "position": [ 167, 436, 219, 48 ], "completed": false } ] }, { "text": "#A page introducing the service of a company.# There is an attractive title, followed by a short marketization of the company`s service. There are two buttons for users to get more information.", "region_id": "2271_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] [attr:value 'the company`s service'] ] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | complete image 60 5 49 58 | title 19 13 31 7", "layout_seq_without_completion": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | image 60 5 49 58 | title 19 13 31 7", "plain_layout_seq": "button 19 43 27 5 | button 19 51 25 5 | description 19 22 27 16 | image 60 5 49 58 | title 19 13 31 7", "canvas_width": 1024, "canvas_height": 596, "elements": [ { "type": "image", "position": [ 512, 48, 425, 499 ], "completed": true }, { "type": "title", "position": [ 167, 112, 266, 67 ], "completed": false }, { "type": "description", "position": [ 167, 196, 234, 144 ], "completed": false }, { "type": "button", "position": [ 167, 372, 231, 48 ], "completed": false }, { "type": "button", "position": [ 167, 436, 219, 48 ], "completed": false } ] }, { "text": "#A page for introducing the 2021 ESG report for users.# The page should include one label, one title, and a brief introduction to the 2021 ESG report. On the right, there should be a short video for users to watch. Also, a link is needed for users to click for further information about the 2021 ESG report.", "region_id": "2048", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined small | image right undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 14 17 35 11 | image 51 0 63 35 | link 14 28 35 3 | title 14 10 30 4 | title 14 7 35 2", "layout_seq_without_completion": "description 14 17 35 11 | image 51 0 63 35 | link 14 28 35 3 | title 14 10 30 4 | title 14 7 35 2", "plain_layout_seq": "description 14 17 35 11 | image 51 0 63 35 | link 14 28 35 3 | title 14 10 30 4 | title 14 7 35 2", "canvas_width": 1024, "canvas_height": 326, "elements": [ { "type": "image", "position": [ 442, 7, 541, 303 ], "completed": false }, { "type": "title", "position": [ 121, 66, 301, 20 ], "completed": false }, { "type": "title", "position": [ 121, 86, 261, 42 ], "completed": false }, { "type": "description", "position": [ 121, 146, 301, 94 ], "completed": false }, { "type": "link", "position": [ 121, 240, 301, 34 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a background image, and a title with an introduction to show the pros and commitment of the company.", "region_id": "349", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 119 | complete text 0 2 2 116 | complete text 117 0 2 116 | title 21 51 77 16", "layout_seq_without_completion": "background 0 0 120 119 | text 0 2 2 116 | text 117 0 2 116 | title 21 51 77 16", "plain_layout_seq": "background 0 0 120 119 | text 0 2 2 116 | text 117 0 2 116 | title 21 51 77 16", "canvas_width": 1003, "canvas_height": 1000, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 1000 ], "completed": false }, { "type": "text", "position": [ 978, 0, 25, 975 ], "completed": true }, { "type": "text", "position": [ 0, 25, 25, 975 ], "completed": true }, { "type": "title", "position": [ 176, 429, 650, 142 ], "completed": false } ] }, { "text": "#A page introducing why industry expertise matters. # The page should have a background image, a title, one short introduction, and one button for users to click to read the story.", "region_id": "610", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read the story'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | complete image 9 4 48 31 | title 11 6 44 8", "layout_seq_without_completion": "background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | image 9 4 48 31 | title 11 6 44 8", "plain_layout_seq": "background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | image 9 4 48 31 | title 11 6 44 8", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 341 ], "completed": false }, { "type": "image", "position": [ 85, 37, 410, 268 ], "completed": true }, { "type": "title", "position": [ 100, 57, 380, 76 ], "completed": false }, { "type": "description", "position": [ 100, 148, 380, 48 ], "completed": false }, { "type": "button", "position": [ 100, 237, 162, 48 ], "completed": false } ] }, { "text": "#A page introducing why industry expertise matters. # The page should have a big and corresponding image, a title, one short introduction, and one button for users to click to read the story.", "region_id": "610_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read the story'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined large | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | image 9 4 48 31 | title 11 6 44 8", "layout_seq_without_completion": "background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | image 9 4 48 31 | title 11 6 44 8", "plain_layout_seq": "background 0 0 120 39 | button 11 27 18 5 | description 11 17 44 5 | image 9 4 48 31 | title 11 6 44 8", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 341 ], "completed": true }, { "type": "image", "position": [ 85, 37, 410, 268 ], "completed": false }, { "type": "title", "position": [ 100, 57, 380, 76 ], "completed": false }, { "type": "description", "position": [ 100, 148, 380, 48 ], "completed": false }, { "type": "button", "position": [ 100, 237, 162, 48 ], "completed": false } ] }, { "text": "#A page showing a discovery about the learning process.# The page should include an image, the title \"Progress Monitoring Drives Outcomes\", and an introduction.", "region_id": "6079", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'progress monitoring drives outcomes'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 12 16 55 14 | image 71 2 35 32 | title 12 6 48 6", "layout_seq_without_completion": "description 12 16 55 14 | image 71 2 35 32 | title 12 6 48 6", "plain_layout_seq": "description 12 16 55 14 | image 71 2 35 32 | title 12 6 48 6", "canvas_width": 971, "canvas_height": 297, "elements": [ { "type": "image", "position": [ 582, 18, 291, 263 ], "completed": false }, { "type": "title", "position": [ 98, 52, 391, 56 ], "completed": false }, { "type": "description", "position": [ 98, 130, 446, 115 ], "completed": false } ] }, { "text": "# A page to introduce a company. # The page should have a slogan to attract the user. A text button is needed to request a demo by clicking the button.", "region_id": "644", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 23 | button 47 12 25 5 | title 15 3 88 7", "layout_seq_without_completion": "background 0 0 120 23 | button 47 12 25 5 | title 15 3 88 7", "plain_layout_seq": "background 0 0 120 23 | button 47 12 25 5 | title 15 3 88 7", "canvas_width": 1003, "canvas_height": 197, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 197 ], "completed": true }, { "type": "title", "position": [ 133, 31, 738, 60 ], "completed": false }, { "type": "button", "position": [ 397, 106, 209, 46 ], "completed": false } ] }, { "text": "# A page to introduce a product. # The page should contain two detailed descriptions to introduce the detail and advantage of the product. Besides, it is necessary to have a button that the users can click to view products. It would be better to have an image of the product.", "region_id": "335", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'large'] [attr:repeat '2'] ] [el:button [attr:value'view products'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined large | description undefined large | image undefined undefined", "layout_seq_with_completion": "button 50 41 18 4 | description 1 21 116 14 | description 1 7 116 11 | image 1 52 116 24", "layout_seq_without_completion": "button 50 41 18 4 | description 1 21 116 14 | description 1 7 116 11 | image 1 52 116 24", "plain_layout_seq": "button 50 41 18 4 | description 1 21 116 14 | description 1 7 116 11 | image 1 52 116 24", "canvas_width": 1024, "canvas_height": 717, "elements": [ { "type": "description", "position": [ 16, 64, 992, 99 ], "completed": false }, { "type": "description", "position": [ 16, 187, 992, 120 ], "completed": false }, { "type": "button", "position": [ 433, 355, 158, 41 ], "completed": false }, { "type": "image", "position": [ 16, 444, 992, 209 ], "completed": false } ] }, { "text": "#A page for introducing the service reliability management to users.# On the left side, there should be an interface of the software. On the right, the page should include one title and a brief description. Besides, two buttons should be provided for users to click to request a demo and learn more information.", "region_id": "242", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:value'request a demo'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 62 28 21 4 | button 87 28 17 4 | description 62 16 54 9 | complete image 62 2 7 7 | image 2 0 54 27 | title 62 12 36 2 | title 71 3 24 6", "layout_seq_without_completion": "button 62 28 21 4 | button 87 28 17 4 | description 62 16 54 9 | image 62 2 7 7 | image 2 0 54 27 | title 62 12 36 2 | title 71 3 24 6", "plain_layout_seq": "button 62 28 21 4 | button 87 28 17 4 | description 62 16 54 9 | image 62 2 7 7 | image 2 0 54 27 | title 62 12 36 2 | title 71 3 24 6", "canvas_width": 1024, "canvas_height": 356, "elements": [ { "type": "image", "position": [ 24, 0, 464, 231 ], "completed": false }, { "type": "image", "position": [ 536, 22, 64, 64 ], "completed": true }, { "type": "title", "position": [ 612, 27, 211, 54 ], "completed": false }, { "type": "title", "position": [ 536, 109, 308, 21 ], "completed": false }, { "type": "description", "position": [ 536, 141, 464, 79 ], "completed": false }, { "type": "button", "position": [ 536, 244, 186, 40 ], "completed": false }, { "type": "button", "position": [ 746, 244, 151, 40 ], "completed": false } ] }, { "text": "#A page for introducing security to users.# The page should include one title and a brief description for users to pay attention to.", "region_id": "479", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined", "layout_seq_with_completion": "description 8 24 39 5 | complete icon 8 9 4 4 | complete image 3 0 48 39 | title 8 15 39 6", "layout_seq_without_completion": "description 8 24 39 5 | icon 8 9 4 4 | image 3 0 48 39 | title 8 15 39 6", "plain_layout_seq": "description 8 24 39 5 | icon 8 9 4 4 | image 3 0 48 39 | title 8 15 39 6", "canvas_width": 1024, "canvas_height": 336, "elements": [ { "type": "image", "position": [ 32, 0, 416, 336 ], "completed": true }, { "type": "icon", "position": [ 72, 80, 40, 40 ], "completed": true }, { "type": "title", "position": [ 72, 136, 336, 56 ], "completed": false }, { "type": "description", "position": [ 72, 208, 336, 48 ], "completed": false } ] }, { "text": "# A page for the user to read about the research.# The page should be the title \"Read About The Research\", a short description, and a button for the user to read more info by clicking.", "region_id": "8681", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'read about the research'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 0 27 15 4 | description 0 19 56 6 | title 0 15 56 3", "layout_seq_without_completion": "button 0 27 15 4 | description 0 19 56 6 | title 0 15 56 3", "plain_layout_seq": "button 0 27 15 4 | description 0 19 56 6 | title 0 15 56 3", "canvas_width": 964, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 0, 122, 452, 26 ], "completed": false }, { "type": "description", "position": [ 0, 158, 452, 51 ], "completed": false }, { "type": "button", "position": [ 0, 224, 127, 38 ], "completed": false } ] }, { "text": "#A page about \"Burning Crusade Classic Realm Consolidation Coming on August 9\". #The page includes 1 image, 1 headline, 1 descriptive paragraph, and 1 line of text showing the time and the name of the person in charge.", "region_id": "3797", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:text] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 25 2 | title 53 3 62 7", "layout_seq_without_completion": "button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 25 2 | title 53 3 62 7", "plain_layout_seq": "button 1 1 5 3 | description 53 11 62 8 | image 0 0 49 27 | text 53 21 25 2 | title 53 3 62 7", "canvas_width": 1004, "canvas_height": 230, "elements": [ { "type": "image", "position": [ 0, 0, 418, 230 ], "completed": false }, { "type": "button", "position": [ 10, 10, 46, 31 ], "completed": true }, { "type": "title", "position": [ 448, 30, 526, 63 ], "completed": false }, { "type": "description", "position": [ 448, 98, 526, 72 ], "completed": false }, { "type": "text", "position": [ 448, 183, 212, 17 ], "completed": false } ] }, { "text": "#A page for showing Oracle Cloud Regions.# There is one title \"Global Oracle Cloud Regions\" and one description. In the upper right corner, there is one link for learn more about Oracle Cloud Regions. In the middle of the page, there is one image with three icons represent \"Current Regions\", \"Regions coming soon\", and \"Azure Interconnect\".", "region_id": "1870", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'global oracle cloud regions'] ] [el:description] [el:link [attr:position'top-right'] [attr:value'read more'] ] [el:image] [el:icon [attr:repeat'3'] ] [el:text [attr:value'current regions'] ] [el:text [attr:value'regions coming soon'] ] [el:text [attr:value'azure interconnect'] ] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | link top undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 19 114 4 | icon 2 67 1 1 | icon 2 64 1 1 | icon 2 61 1 1 | image 2 26 114 42 | link 86 12 31 2 | text 5 60 13 2 | text 5 66 16 2 | text 5 63 18 2 | title 2 9 80 4", "layout_seq_without_completion": "description 2 19 114 4 | icon 2 67 1 1 | icon 2 64 1 1 | icon 2 61 1 1 | image 2 26 114 42 | link 86 12 31 2 | text 5 60 13 2 | text 5 66 16 2 | text 5 63 18 2 | title 2 9 80 4", "plain_layout_seq": "description 2 19 114 4 | icon 2 67 1 1 | icon 2 64 1 1 | icon 2 61 1 1 | image 2 26 114 42 | link 86 12 31 2 | text 5 60 13 2 | text 5 66 16 2 | text 5 63 18 2 | title 2 9 80 4", "canvas_width": 1024, "canvas_height": 674, "elements": [ { "type": "title", "position": [ 24, 82, 683, 35 ], "completed": false }, { "type": "link", "position": [ 734, 107, 266, 20 ], "completed": false }, { "type": "description", "position": [ 24, 167, 976, 41 ], "completed": false }, { "type": "image", "position": [ 24, 223, 976, 359 ], "completed": false }, { "type": "text", "position": [ 49, 520, 117, 21 ], "completed": false }, { "type": "icon", "position": [ 24, 525, 12, 12 ], "completed": false }, { "type": "text", "position": [ 49, 544, 156, 21 ], "completed": false }, { "type": "icon", "position": [ 24, 549, 12, 12 ], "completed": false }, { "type": "text", "position": [ 49, 568, 137, 21 ], "completed": false }, { "type": "icon", "position": [ 24, 573, 12, 12 ], "completed": false } ] }, { "text": "# A page for reading the sustainability report of a company. # There should be a background image, a slogan \"Advancing Lives and Livelihoods\", and a text button for the user to click to read the sustainability report.", "region_id": "1532", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'advancing lives and livelihoods'] ] [el:button [attr:value'read the sustainability report'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 30 | button 4 20 30 5 | title 4 4 68 15", "layout_seq_without_completion": "background 0 0 120 30 | button 4 20 30 5 | title 4 4 68 15", "plain_layout_seq": "background 0 0 120 30 | button 4 20 30 5 | title 4 4 68 15", "canvas_width": 1024, "canvas_height": 314, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 260 ], "completed": false }, { "type": "title", "position": [ 40, 40, 586, 130 ], "completed": false }, { "type": "button", "position": [ 40, 178, 258, 48 ], "completed": false } ] }, { "text": "#A page for introducing 2021 IDC MarketScape to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1793", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 8 0 104 32 | button 11 27 17 2 | description 11 12 96 2 | title 11 3 96 6", "layout_seq_without_completion": "background 8 0 104 32 | button 11 27 17 2 | description 11 12 96 2 | title 11 3 96 6", "plain_layout_seq": "background 8 0 104 32 | button 11 27 17 2 | description 11 12 96 2 | title 11 3 96 6", "canvas_width": 960, "canvas_height": 260, "elements": [ { "type": "background", "position": [ 65, 0, 832, 260 ], "completed": true }, { "type": "title", "position": [ 95, 30, 772, 53 ], "completed": false }, { "type": "description", "position": [ 95, 99, 772, 18 ], "completed": false }, { "type": "button", "position": [ 95, 216, 136, 19 ], "completed": false } ] }, { "text": "# A page for the user to search for jobs in the company. # The page should include a small image, one title \"We're hiring\" and a text box to attract the user. Besides, there should be a text button used to click to search for jobs.", "region_id": "2230", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'small'] ] [el:title [attr:value'were hiring'] ] [el:text] [el:button [attr:value'search for jobs'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 16 14 20 5 | image 5 1 7 7 | text 16 9 97 2 | title 16 3 97 3", "layout_seq_without_completion": "button 16 14 20 5 | image 5 1 7 7 | text 16 9 97 2 | title 16 3 97 3", "plain_layout_seq": "button 16 14 20 5 | image 5 1 7 7 | text 16 9 97 2 | title 16 3 97 3", "canvas_width": 1024, "canvas_height": 203, "elements": [ { "type": "image", "position": [ 47, 16, 64, 64 ], "completed": false }, { "type": "title", "position": [ 142, 31, 835, 31 ], "completed": false }, { "type": "text", "position": [ 142, 82, 835, 21 ], "completed": false }, { "type": "button", "position": [ 142, 124, 179, 48 ], "completed": false } ] }, { "text": "#A page for introducing the cookies policy of a web.# The page should have an introduction to the cookies of the web, a button for users to click to accept it, and a link for users to click to learn more info.", "region_id": "6425", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:button [attr:value 'accept'] ] [el:link [attr:value 'more info'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 96 3 9 3 | description 17 1 79 6 | link 108 4 7 2", "layout_seq_without_completion": "button 96 3 9 3 | description 17 1 79 6 | link 108 4 7 2", "plain_layout_seq": "button 96 3 9 3 | description 17 1 79 6 | link 108 4 7 2", "canvas_width": 1024, "canvas_height": 91, "elements": [ { "type": "description", "position": [ 150, 17, 677, 59 ], "completed": false }, { "type": "button", "position": [ 827, 30, 83, 34 ], "completed": false }, { "type": "link", "position": [ 930, 37, 64, 19 ], "completed": false } ] }, { "text": "#A page for an introduction to a service.# The page contains a headline named \"Selected HD Wallpaper\", a description, and a picture.", "region_id": "3774", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'selected hd wallpaper'] ] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 2 11 115 2 | image 0 20 120 47 | title 2 0 115 9", "layout_seq_without_completion": "description 2 11 115 2 | image 0 20 120 47 | title 2 0 115 9", "plain_layout_seq": "description 2 11 115 2 | image 0 20 120 47 | title 2 0 115 9", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "title", "position": [ 18, 0, 988, 84 ], "completed": false }, { "type": "description", "position": [ 18, 94, 988, 22 ], "completed": false }, { "type": "image", "position": [ 0, 172, 1024, 404 ], "completed": false } ] }, { "text": "#A page for introducing a glasses retailer named \"Zenni\" users.# This page should include one logo, and one title named \"Receive special discounts and perks just by shopping at Zenni\". A link should be provided for users to get rewarded.", "region_id": "4893", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title [attr:value 'receive special discounts and perks just by shopping at zenni'] ] [el:link [attr:value 'get rewarded'] ] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 52 44 14 2 | logo 41 17 36 13 | title 3 35 112 4", "layout_seq_without_completion": "link 52 44 14 2 | logo 41 17 36 13 | title 3 35 112 4", "plain_layout_seq": "link 52 44 14 2 | logo 41 17 36 13 | title 3 35 112 4", "canvas_width": 1009, "canvas_height": 531, "elements": [ { "type": "logo", "position": [ 351, 150, 307, 116 ], "completed": false }, { "type": "title", "position": [ 32, 298, 945, 39 ], "completed": false }, { "type": "link", "position": [ 444, 371, 122, 18 ], "completed": false } ] }, { "text": "# A page for an online shop. # The page should have a text box for slogan and a text button for the user to shop now by clicking it. There should have a background image on the page.", "region_id": "754", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'shop now'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 45 | button 5 24 34 6 | title 5 13 62 6", "layout_seq_without_completion": "background 0 0 120 45 | button 5 24 34 6 | title 5 13 62 6", "plain_layout_seq": "background 0 0 120 45 | button 5 24 34 6 | title 5 13 62 6", "canvas_width": 1024, "canvas_height": 384, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 384 ], "completed": false }, { "type": "title", "position": [ 48, 118, 533, 59 ], "completed": false }, { "type": "button", "position": [ 48, 209, 296, 57 ], "completed": false } ] }, { "text": "#A page for showing the novel ranking.# There is one label \"Novel Ranking\" and four links \"Daily\", \"Weekly\", \"Monthly\", and \"All time\". Users can click these links to know the novel ranking.", "region_id": "2998", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:link [attr:value 'Daily'] ] [el:link [attr:value 'Weekly'] ] [el:link [attr:value 'Monthly'] ] [el:link [attr:value 'All time'] ]]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "logo 9 3 21 4 | \" [ link 62 3 10 4 ] | [ link 72 3 12 4 ] | [ link 84 3 13 4 ] | [ link 97 3 12 4 ] \"", "layout_seq_without_completion": "logo 9 3 21 4 | \" [ link 62 3 10 4 ] | [ link 72 3 12 4 ] | [ link 84 3 13 4 ] | [ link 97 3 12 4 ] \"", "plain_layout_seq": "link 62 3 10 4 | link 72 3 12 4 | link 84 3 13 4 | link 97 3 12 4 | logo 9 3 21 4", "canvas_width": 1021, "canvas_height": 124, "elements": [ { "type": "logo", "position": [ 77, 33, 185, 41 ], "completed": false }, { "type": "link", "position": [ 529, 33, 86, 41 ], "completed": false }, { "type": "link", "position": [ 615, 33, 105, 41 ], "completed": false }, { "type": "link", "position": [ 720, 33, 114, 41 ], "completed": false }, { "type": "link", "position": [ 833, 33, 110, 41 ], "completed": false } ] }, { "text": "#A page for introducing the logistics solutions to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1658", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 2 21 18 4 | description 2 10 76 8 | title 2 3 76 4", "layout_seq_without_completion": "button 2 21 18 4 | description 2 10 76 8 | title 2 3 76 4", "plain_layout_seq": "button 2 21 18 4 | description 2 10 76 8 | title 2 3 76 4", "canvas_width": 1024, "canvas_height": 254, "elements": [ { "type": "title", "position": [ 24, 32, 651, 40 ], "completed": false }, { "type": "description", "position": [ 24, 88, 651, 72 ], "completed": false }, { "type": "button", "position": [ 24, 180, 157, 42 ], "completed": false } ] }, { "text": "#A page introducing \"TripActions\". # There should be an explanation with an attractive title. There must be a button for viewing a demo and an additional link for signing in. It has a picture.", "region_id": "530", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:title] [el:button [attr:value'View a Demo'] ] [el:link [attr:value'Sign in'] ][el:image]]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 31 14 2 | complete icon 78 31 2 2 | image 0 4 57 48 | link 86 38 6 2 | complete text 60 38 25 2 | title 60 16 57 11", "layout_seq_without_completion": "button 62 31 14 2 | icon 78 31 2 2 | image 0 4 57 48 | link 86 38 6 2 | text 60 38 25 2 | title 60 16 57 11", "plain_layout_seq": "button 62 31 14 2 | icon 78 31 2 2 | image 0 4 57 48 | link 86 38 6 2 | text 60 38 25 2 | title 60 16 57 11", "canvas_width": 1024, "canvas_height": 455, "elements": [ { "type": "image", "position": [ 0, 40, 493, 415 ], "completed": false }, { "type": "title", "position": [ 513, 143, 491, 94 ], "completed": false }, { "type": "button", "position": [ 534, 268, 125, 24 ], "completed": false }, { "type": "icon", "position": [ 667, 270, 21, 21 ], "completed": true }, { "type": "text", "position": [ 513, 329, 216, 21 ], "completed": true }, { "type": "link", "position": [ 737, 329, 56, 21 ], "completed": false } ] }, { "text": "# A page to advertise the product of Glossier. # The page should have two images of the product, a logan, and a text box to attract or appeal to the user to buy the product. And it is necessary to have a text button for the user to shop.", "region_id": "1300", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:repeat '2'] ] [el:title] [el:description] [el:button [attr:value'shop'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 80 36 33 6 | description 80 30 31 4 | image 5 0 35 46 | image 41 0 35 46 | image 73 3 10 13 | title 80 20 33 9", "layout_seq_without_completion": "button 80 36 33 6 | description 80 30 31 4 | image 5 0 35 46 | image 41 0 35 46 | image 73 3 10 13 | title 80 20 33 9", "plain_layout_seq": "button 80 36 33 6 | description 80 30 31 4 | image 5 0 35 46 | image 41 0 35 46 | image 73 3 10 13 | title 80 20 33 9", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "image", "position": [ 48, 0, 300, 400 ], "completed": false }, { "type": "image", "position": [ 356, 0, 300, 400 ], "completed": false }, { "type": "image", "position": [ 628, 32, 88, 117 ], "completed": false }, { "type": "title", "position": [ 688, 171, 288, 80 ], "completed": false }, { "type": "description", "position": [ 688, 261, 265, 39 ], "completed": false }, { "type": "button", "position": [ 688, 310, 288, 58 ], "completed": false } ] }, { "text": "#A page for introducing a central hub named \"DevHub\" to users.# The page should include one title and a brief description of the Socure DevHub. At the bottom, a button should be provided for users to click for further information.", "region_id": "2182", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:position'bottom'] [attr:value'read more'] ] ]", "execution": "singleinfo : button bottom undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 46 | button 45 35 28 5 | description 7 20 104 8 | complete text 7 8 104 2 | title 14 15 89 3", "layout_seq_without_completion": "background 0 0 120 46 | button 45 35 28 5 | description 7 20 104 8 | text 7 8 104 2 | title 14 15 89 3", "plain_layout_seq": "background 0 0 120 46 | button 45 35 28 5 | description 7 20 104 8 | text 7 8 104 2 | title 14 15 89 3", "canvas_width": 1027, "canvas_height": 396, "elements": [ { "type": "background", "position": [ 0, 0, 1027, 396 ], "completed": true }, { "type": "text", "position": [ 67, 75, 893, 24 ], "completed": true }, { "type": "title", "position": [ 128, 129, 770, 32 ], "completed": false }, { "type": "description", "position": [ 67, 176, 893, 72 ], "completed": false }, { "type": "button", "position": [ 392, 305, 243, 51 ], "completed": false } ] }, { "text": "#A page for showing one product.# There should be one title\"Continuous Product Design: Customer signals for every team\", and one detailed description. One button is used for users to learn more about CPD.", "region_id": "2061", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'continuous product design: customer signals for every team'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "layout_seq_without_completion": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "plain_layout_seq": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "title", "position": [ 70, 96, 884, 112 ], "completed": false }, { "type": "description", "position": [ 70, 226, 884, 48 ], "completed": false }, { "type": "button", "position": [ 406, 316, 212, 54 ], "completed": false } ] }, { "text": "#A page for showing one product.# There should be one text box showing the title and one text box showing the detailed description. One text button is used for users to learn more info.", "region_id": "2061_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "layout_seq_without_completion": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "plain_layout_seq": "button 47 37 24 6 | description 8 26 103 5 | title 8 11 103 13", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "title", "position": [ 70, 96, 884, 112 ], "completed": false }, { "type": "description", "position": [ 70, 226, 884, 48 ], "completed": false }, { "type": "button", "position": [ 406, 316, 212, 54 ], "completed": false } ] }, { "text": "# A page to introduce a company. # The page should have a background image of the company. There should be a text box named \"Play video\" and an icon to play it by clicking.", "region_id": "1525", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value'play video'] ] [el:icon] ]", "execution": "singleinfo : background undefined undefined | icon undefined undefined | text undefined undefined", "layout_seq_with_completion": "background 0 0 120 60 | icon 29 57 7 7 | text 8 58 13 4", "layout_seq_without_completion": "background 0 0 120 60 | icon 29 57 7 7 | text 8 58 13 4", "plain_layout_seq": "background 0 0 120 60 | icon 29 57 7 7 | text 8 58 13 4", "canvas_width": 1024, "canvas_height": 572, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 512 ], "completed": false }, { "type": "icon", "position": [ 250, 491, 60, 60 ], "completed": false }, { "type": "text", "position": [ 69, 503, 115, 35 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a background image, two exciting slogans to entice users to use the company's service, and two buttons for users to get pricing and request a demo.", "region_id": "287", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat'2'] ] [el:button [attr:value'get pricing'] ] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | complete image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "layout_seq_without_completion": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "plain_layout_seq": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 0, 0, 964, 500 ], "completed": false }, { "type": "image", "position": [ 60, 0, 460, 342 ], "completed": true }, { "type": "title", "position": [ 90, 40, 400, 21 ], "completed": false }, { "type": "title", "position": [ 90, 103, 400, 108 ], "completed": false }, { "type": "button", "position": [ 90, 261, 183, 41 ], "completed": false }, { "type": "button", "position": [ 281, 261, 183, 41 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have a big and corresponding background image, two exciting slogans to entice users to use the company's service, and two buttons for users to get pricing and request a demo.", "region_id": "287_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:title] [el:button [attr:value'get pricing'] ] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | complete image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "layout_seq_without_completion": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "plain_layout_seq": "background 0 0 112 58 | button 32 30 21 4 | button 10 30 21 4 | image 7 0 53 40 | title 10 4 46 2 | title 10 12 46 12", "canvas_width": 1024, "canvas_height": 500, "elements": [ { "type": "background", "position": [ 0, 0, 964, 500 ], "completed": false }, { "type": "image", "position": [ 60, 0, 460, 342 ], "completed": true }, { "type": "title", "position": [ 90, 40, 400, 21 ], "completed": false }, { "type": "title", "position": [ 90, 103, 400, 108 ], "completed": false }, { "type": "button", "position": [ 90, 261, 183, 41 ], "completed": false }, { "type": "button", "position": [ 281, 261, 183, 41 ], "completed": false } ] }, { "text": "#A page introducing the app. # The page should have a slogan and a short introduction of the pros for providers and one button to learn more, and two links for users to check the solutions for payers and life sciences. In addition, there should be one image of the app shown on the phone and pc.", "region_id": "269", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:link [attr:value'for payers'] ] [el:link [attr:value'for life sciences'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | link 1 69 53 4 | link 1 58 53 4 | complete text 4 19 53 3 | title 0 26 53 4", "layout_seq_without_completion": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | link 1 69 53 4 | link 1 58 53 4 | text 4 19 53 3 | title 0 26 53 4", "plain_layout_seq": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | link 1 69 53 4 | link 1 58 53 4 | text 4 19 53 3 | title 0 26 53 4", "canvas_width": 1003, "canvas_height": 774, "elements": [ { "type": "image", "position": [ 502, 146, 501, 481 ], "completed": false }, { "type": "text", "position": [ 36, 160, 450, 30 ], "completed": true }, { "type": "title", "position": [ 0, 220, 450, 36 ], "completed": false }, { "type": "description", "position": [ 36, 266, 450, 120 ], "completed": false }, { "type": "button", "position": [ 36, 418, 117, 19 ], "completed": false }, { "type": "link", "position": [ 16, 491, 450, 36 ], "completed": false }, { "type": "link", "position": [ 16, 578, 450, 36 ], "completed": false } ] }, { "text": "#A page introducing the app. # The page should have a slogan and a short introduction of the pros for providers and one button to learn more, and two texts for users to check the solutions for payers and life sciences. In addition, there should be one image of the app shown on the phone and pc.", "region_id": "269_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:text [attr:repeat '2'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | text 1 69 53 4 | text 1 58 53 4 | title 4 19 53 3 | complete title 0 26 53 4", "layout_seq_without_completion": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | text 1 69 53 4 | text 1 58 53 4 | title 4 19 53 3 | title 0 26 53 4", "plain_layout_seq": "button 4 50 13 2 | description 4 31 53 14 | image 60 17 59 57 | text 1 69 53 4 | text 1 58 53 4 | title 4 19 53 3 | title 0 26 53 4", "canvas_width": 1003, "canvas_height": 774, "elements": [ { "type": "image", "position": [ 502, 146, 501, 481 ], "completed": false }, { "type": "title", "position": [ 36, 160, 450, 30 ], "completed": false }, { "type": "title", "position": [ 0, 220, 450, 36 ], "completed": true }, { "type": "description", "position": [ 36, 266, 450, 120 ], "completed": false }, { "type": "button", "position": [ 36, 418, 117, 19 ], "completed": false }, { "type": "text", "position": [ 16, 491, 450, 36 ], "completed": false }, { "type": "text", "position": [ 16, 578, 450, 36 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # The page should contain a text box with a question to attract the user, and a text link for the user to talk to the company's expert. And a text button is required for the user to request a demo.", "region_id": "921", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:link[attr:value'Talk To The Company Expert']] [el:button [attr:value'Request A Demo'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 61 16 20 6 | link 61 8 21 2 | text 5 8 39 14", "layout_seq_without_completion": "button 61 16 20 6 | link 61 8 21 2 | text 5 8 39 14", "plain_layout_seq": "button 61 16 20 6 | link 61 8 21 2 | text 5 8 39 14", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "text", "position": [ 46, 71, 334, 121 ], "completed": false }, { "type": "link", "position": [ 524, 72, 180, 18 ], "completed": false }, { "type": "button", "position": [ 524, 138, 174, 52 ], "completed": false } ] }, { "text": "# A page to guide the user to get started on a web.# The page should have a title \"Browse the web and watch together online\", a short description, and a button \"Get started\" for the user to start the web by clicking it.", "region_id": "3341", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'browse the web and watch together online'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'Get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 50 48 18 6 | description 11 37 97 7 | title 19 15 79 18", "layout_seq_without_completion": "button 50 48 18 6 | description 11 37 97 7 | title 19 15 79 18", "plain_layout_seq": "button 50 48 18 6 | description 11 37 97 7 | title 19 15 79 18", "canvas_width": 1009, "canvas_height": 600, "elements": [ { "type": "title", "position": [ 168, 134, 672, 152 ], "completed": false }, { "type": "description", "position": [ 96, 318, 817, 66 ], "completed": false }, { "type": "button", "position": [ 426, 408, 157, 57 ], "completed": false } ] }, { "text": "#A page for introducing a website for users.# This page should include one tip for users, which contains two links \"Privacy Policy\" and \"Terms of Service\" for users to click for further information. On the right side, a close button should be provided for users to close this tip.", "region_id": "4090", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:link [attr:value 'privacy policy'] ] [el:link [attr:value 'terms of service'] ] [el:button [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | link undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 116 1 2 3 | link 33 2 11 1 | link 48 2 12 1 | text 2 2 31 1 | text 61 2 0 1 | text 44 2 3 1", "layout_seq_without_completion": "button 116 1 2 3 | link 33 2 11 1 | link 48 2 12 1 | text 2 2 31 1 | text 61 2 0 1 | text 44 2 3 1", "plain_layout_seq": "button 116 1 2 3 | link 33 2 11 1 | link 48 2 12 1 | text 2 2 31 1 | text 61 2 0 1 | text 44 2 3 1", "canvas_width": 1024, "canvas_height": 63, "elements": [ { "type": "button", "position": [ 995, 11, 19, 32 ], "completed": false }, { "type": "text", "position": [ 20, 23, 269, 17 ], "completed": false }, { "type": "link", "position": [ 289, 23, 94, 17 ], "completed": false }, { "type": "text", "position": [ 383, 23, 31, 17 ], "completed": false }, { "type": "link", "position": [ 414, 23, 110, 17 ], "completed": false }, { "type": "text", "position": [ 524, 23, 3, 17 ], "completed": false } ] }, { "text": "#A page for introducing the free textboxes.# There is one title \"Free and flexible textbooks and resources\", one slogan, two buttons for getting started now or logging in, and one image.", "region_id": "5773", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'free and flexible textbooks and resources'] ] [el:text] [el:button [attr:value 'get started now'] ] [el:button [attr:value 'log in'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 26 36 11 5 | button 1 36 21 5 | image 60 0 60 61 | complete image 0 2 74 53 | text 1 30 58 2 | title 1 9 58 17", "layout_seq_without_completion": "button 26 36 11 5 | button 1 36 21 5 | image 60 0 60 61 | image 0 2 74 53 | text 1 30 58 2 | title 1 9 58 17", "plain_layout_seq": "button 26 36 11 5 | button 1 36 21 5 | image 60 0 60 61 | image 0 2 74 53 | text 1 30 58 2 | title 1 9 58 17", "canvas_width": 1024, "canvas_height": 528, "elements": [ { "type": "image", "position": [ 512, 0, 512, 528 ], "completed": false }, { "type": "image", "position": [ 0, 20, 639, 455 ], "completed": true }, { "type": "title", "position": [ 15, 80, 497, 150 ], "completed": false }, { "type": "text", "position": [ 15, 260, 497, 25 ], "completed": false }, { "type": "button", "position": [ 15, 315, 182, 50 ], "completed": false }, { "type": "button", "position": [ 222, 315, 102, 50 ], "completed": false } ] }, { "text": "# A page to introduce a company. # On the page, there should have a title \"About\" and a text box with a short description of the company. Then a text button is needed to learn more about the company.", "region_id": "1971", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'about'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 3 47 25 7 | description 3 12 113 32 | title 3 4 113 2", "layout_seq_without_completion": "button 3 47 25 7 | description 3 12 113 32 | title 3 4 113 2", "plain_layout_seq": "button 3 47 25 7 | description 3 12 113 32 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 495, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "description", "position": [ 28, 104, 947, 269 ], "completed": false }, { "type": "button", "position": [ 28, 394, 216, 61 ], "completed": false } ] }, { "text": "#A page for users to enter their emails.#The page should include the title \"Stay up to Date with Buum Gear\". An input and an icon are also on the page.", "region_id": "8145", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'stay up to date with buum gear'] ] [el:input] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 80 18 3 2 | input 36 16 46 5 | title 28 9 62 4", "layout_seq_without_completion": "icon 80 18 3 2 | input 36 16 46 5 | title 28 9 62 4", "plain_layout_seq": "icon 80 18 3 2 | input 36 16 46 5 | title 28 9 62 4", "canvas_width": 1024, "canvas_height": 268, "elements": [ { "type": "title", "position": [ 245, 80, 534, 42 ], "completed": false }, { "type": "input", "position": [ 312, 142, 400, 47 ], "completed": false }, { "type": "icon", "position": [ 686, 154, 26, 24 ], "completed": false } ] }, { "text": "# A page for marketing an app Zmenu. # The page should have a slogan, a sentence, and an image showing the app to attract the user to download the app.", "region_id": "5174", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 21 76 5 | image 81 0 32 49 | title 1 16 76 4", "layout_seq_without_completion": "description 1 21 76 5 | image 81 0 32 49 | title 1 16 76 4", "plain_layout_seq": "description 1 21 76 5 | image 81 0 32 49 | title 1 16 76 4", "canvas_width": 970, "canvas_height": 399, "elements": [ { "type": "image", "position": [ 662, 0, 266, 399 ], "completed": false }, { "type": "title", "position": [ 16, 130, 617, 40 ], "completed": false }, { "type": "description", "position": [ 16, 170, 617, 43 ], "completed": false } ] }, { "text": "#A page selling Luxury Dresses.# The page should include an image, the title \"Luxury Dresses\", and a button for users to discover more.", "region_id": "7855", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'luxury dresses'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 64 37 14 5 | image 0 0 60 75 | title 64 31 51 3", "layout_seq_without_completion": "button 64 37 14 5 | image 0 0 60 75 | title 64 31 51 3", "plain_layout_seq": "button 64 37 14 5 | image 0 0 60 75 | title 64 31 51 3", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "image", "position": [ 0, 0, 512, 640 ], "completed": false }, { "type": "title", "position": [ 547, 272, 442, 32 ], "completed": false }, { "type": "button", "position": [ 547, 320, 120, 48 ], "completed": false } ] }, { "text": "#A page informing users that the website use cookies and guiding users to confirm it.#The page should have one small description, one link for users to click to learn more, and one confirm button.", "region_id": "8536", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined", "layout_seq_with_completion": "button 99 1 16 4 | description 3 3 68 2 | link 71 2 10 3", "layout_seq_without_completion": "button 99 1 16 4 | description 3 3 68 2 | link 71 2 10 3", "plain_layout_seq": "button 99 1 16 4 | description 3 3 68 2 | link 71 2 10 3", "canvas_width": 1009, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 840, 16, 140, 40 ], "completed": false }, { "type": "link", "position": [ 604, 21, 89, 30 ], "completed": false }, { "type": "description", "position": [ 29, 27, 575, 17 ], "completed": false } ] }, { "text": "#A page for one notice.#There should be two text boxes for the detail.", "region_id": "775", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined", "layout_seq_with_completion": "text 17 25 95 0 | text 17 19 95 4 | text 17 28 95 2", "layout_seq_without_completion": "text 17 25 95 0 | text 17 19 95 4 | text 17 28 95 2", "plain_layout_seq": "text 17 25 95 0 | text 17 19 95 4 | text 17 28 95 2", "canvas_width": 1008, "canvas_height": 420, "elements": [ { "type": "text", "position": [ 150, 166, 800, 36 ], "completed": false }, { "type": "text", "position": [ 150, 218, 800, 2 ], "completed": false }, { "type": "text", "position": [ 150, 236, 800, 18 ], "completed": false } ] }, { "text": "#A page for introducing one company's achievements.# There should be a large image to make the page look attractive. Below is one label\"Pick Up\", one text box for the date, and one label for \"corporate\". Next, is one title showing \"Summary of Honda Briefing on Automobile Electrification Business\"", "region_id": "182", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:text [attr:value 'Pick Up']] [el:text [attr:value 'date']] [el:text [attr:value 'corporate']] [el:title [attr:value 'Summary of Honda Briefing on Automobile Electrification Business']] ]", "execution": "singleinfo : image undefined large | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "layout_seq_without_completion": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "plain_layout_seq": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "canvas_width": 942, "canvas_height": 585, "elements": [ { "type": "image", "position": [ 7, 0, 928, 522 ], "completed": false }, { "type": "text", "position": [ 177, 532, 73, 24 ], "completed": false }, { "type": "text", "position": [ 7, 534, 61, 20 ], "completed": false }, { "type": "text", "position": [ 78, 536, 88, 16 ], "completed": false }, { "type": "title", "position": [ 7, 561, 928, 24 ], "completed": false } ] }, { "text": "#A page showing information about a product of a company.# There should be a large image to make the page look attractive. A title, one label, along with another two information boxes on the date and corporate, should be added below the image.", "region_id": "182_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:text] [el:text [attr:repeat '2']] ]", "execution": "singleinfo : image undefined large | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "layout_seq_without_completion": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "plain_layout_seq": "image 0 0 118 66 | text 0 68 7 2 | text 9 68 11 2 | text 22 67 9 3 | title 0 71 118 3", "canvas_width": 942, "canvas_height": 585, "elements": [ { "type": "image", "position": [ 7, 0, 928, 522 ], "completed": false }, { "type": "text", "position": [ 177, 532, 73, 24 ], "completed": false }, { "type": "text", "position": [ 7, 534, 61, 20 ], "completed": false }, { "type": "text", "position": [ 78, 536, 88, 16 ], "completed": false }, { "type": "title", "position": [ 7, 561, 928, 24 ], "completed": false } ] }, { "text": "# A page for the user to try Databricks for free.# The page should have a background image, a title showing the question \"Ready to get started?\", and a text button for the user to try Databricks for free.", "region_id": "91", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'ready to get started?'] ] [el:button [attr:value'try databricks for free'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 6 29 29 9 | complete image 80 0 39 51 | complete image 52 0 32 51 | title 6 13 32 14", "layout_seq_without_completion": "button 6 29 29 9 | image 80 0 39 51 | image 52 0 32 51 | title 6 13 32 14", "plain_layout_seq": "button 6 29 29 9 | image 80 0 39 51 | image 52 0 32 51 | title 6 13 32 14", "canvas_width": 873, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 384, 0, 235, 375 ], "completed": true }, { "type": "image", "position": [ 587, 0, 286, 375 ], "completed": true }, { "type": "title", "position": [ 44, 95, 233, 102 ], "completed": false }, { "type": "button", "position": [ 44, 212, 212, 70 ], "completed": false } ] }, { "text": "#A page for introducing the Mazda website to users.# The page should include one title and a link for users to click for further information. One image is used as an extra layout.", "region_id": "1690", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 2 0 114 35 | link 42 21 35 5 | title 16 10 86 8", "layout_seq_without_completion": "image 2 0 114 35 | link 42 21 35 5 | title 16 10 86 8", "plain_layout_seq": "image 2 0 114 35 | link 42 21 35 5 | title 16 10 86 8", "canvas_width": 1024, "canvas_height": 312, "elements": [ { "type": "image", "position": [ 22, 6, 980, 300 ], "completed": false }, { "type": "title", "position": [ 145, 86, 735, 69 ], "completed": false }, { "type": "link", "position": [ 362, 182, 300, 43 ], "completed": false } ] }, { "text": "#A page for users to search parts. # The page should have a title, a button for users to click to choose the model as they wish, and one input for users to enter the keyword to search. And there should also be a button to click if they want to search for parts by other manufacturers.", "region_id": "1537", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'choose the manufaturer'] ] [el:input [attr:value'enter the keyword'] ] [el:button [attr:value'search for parts by other manufacturer'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 9 20 33 2 | button 18 13 5 2 | complete icon 7 20 1 1 | input 39 11 73 6 | title 7 2 105 4", "layout_seq_without_completion": "button 9 20 33 2 | button 18 13 5 2 | icon 7 20 1 1 | input 39 11 73 6 | title 7 2 105 4", "plain_layout_seq": "button 9 20 33 2 | button 18 13 5 2 | icon 7 20 1 1 | input 39 11 73 6 | title 7 2 105 4", "canvas_width": 1024, "canvas_height": 222, "elements": [ { "type": "title", "position": [ 60, 20, 904, 36 ], "completed": false }, { "type": "input", "position": [ 335, 96, 629, 59 ], "completed": false }, { "type": "button", "position": [ 158, 114, 51, 24 ], "completed": false }, { "type": "icon", "position": [ 60, 179, 17, 17 ], "completed": true }, { "type": "button", "position": [ 85, 179, 282, 19 ], "completed": false } ] }, { "text": "#A page for attracting users to try Shortform for free.# The page should have a title, a slogan, and a button for users to click to sign up for free.", "region_id": "5129", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value 'sign up for free'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 20 24 7 | text 40 14 39 1 | title 9 8 100 3", "layout_seq_without_completion": "button 47 20 24 7 | text 40 14 39 1 | title 9 8 100 3", "plain_layout_seq": "button 47 20 24 7 | text 40 14 39 1 | title 9 8 100 3", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "title", "position": [ 82, 70, 860, 33 ], "completed": false }, { "type": "text", "position": [ 345, 121, 334, 17 ], "completed": false }, { "type": "button", "position": [ 408, 176, 209, 64 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a slogan \"STAY UPDATED AND GET SPECIAL OFFERS\" followed by a description, an input for the user to enter an email address, and a button where the user can click to subscribe.", "region_id": "6805", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'STAY UPDATED AND GET SPECIAL OFFERS'] ] [el:description] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 66 28 11 1 | description 6 17 107 2 | input 40 27 24 5 | title 6 12 107 2", "layout_seq_without_completion": "button 66 28 11 1 | description 6 17 107 2 | input 40 27 24 5 | title 6 12 107 2", "plain_layout_seq": "button 66 28 11 1 | description 6 17 107 2 | input 40 27 24 5 | title 6 12 107 2", "canvas_width": 1024, "canvas_height": 333, "elements": [ { "type": "title", "position": [ 55, 110, 914, 24 ], "completed": false }, { "type": "description", "position": [ 55, 151, 914, 25 ], "completed": false }, { "type": "input", "position": [ 342, 232, 205, 46 ], "completed": false }, { "type": "button", "position": [ 566, 246, 98, 17 ], "completed": false } ] }, { "text": "# A page for the user to search the majors, degrees, and programs in a university.# The page should have a brief introduction to the university, a title, an input box for the user to enter things they want to look for, and four buttons for searching undergraduate, searching graduate, browsing undergraduate, and browsing graduate.", "region_id": "2778", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size 'small'] ] [el:title] [el:input] [el:button [attr:value 'search undergraduate'] ] [el:button [attr:value 'searching graduate'] ] [el:button [attr:value 'browsing undergraduate'] ][el:button [attr:value 'browsing graduate'] ]]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 30 | button 80 20 21 4 | button 52 20 27 4 | button 52 15 25 4 | button 78 15 19 4 | description 4 3 41 16 | input 52 9 64 4 | title 52 3 64 4", "layout_seq_without_completion": "background 0 0 120 30 | button 80 20 21 4 | button 52 20 27 4 | button 52 15 25 4 | button 78 15 19 4 | description 4 3 41 16 | input 52 9 64 4 | title 52 3 64 4", "plain_layout_seq": "background 0 0 120 30 | button 80 20 21 4 | button 52 20 27 4 | button 52 15 25 4 | button 78 15 19 4 | description 4 3 41 16 | input 52 9 64 4 | title 52 3 64 4", "canvas_width": 940, "canvas_height": 240, "elements": [ { "type": "background", "position": [ 0, 0, 940, 240 ], "completed": true }, { "type": "description", "position": [ 36, 31, 326, 127 ], "completed": false }, { "type": "title", "position": [ 412, 31, 508, 38 ], "completed": false }, { "type": "input", "position": [ 412, 77, 508, 37 ], "completed": false }, { "type": "button", "position": [ 412, 124, 196, 36 ], "completed": false }, { "type": "button", "position": [ 612, 124, 151, 36 ], "completed": false }, { "type": "button", "position": [ 412, 164, 212, 36 ], "completed": false }, { "type": "button", "position": [ 628, 164, 167, 36 ], "completed": false } ] }, { "text": "#A page for attracting users to subscribe.# The page should have a background image, two slogans, text to call for users to subscribe, and input to enter an email.", "region_id": "2723", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:repeat '2'] ] [el:text] [el:input [attr:value 'email address'] ] ]", "execution": "singleinfo : background undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 46 | input 36 21 46 4 | text 43 29 32 2 | title 28 14 63 2 | title 28 0 63 13", "layout_seq_without_completion": "background 0 0 120 46 | input 36 21 46 4 | text 43 29 32 2 | title 28 14 63 2 | title 28 0 63 13", "plain_layout_seq": "background 0 0 120 46 | input 36 21 46 4 | text 43 29 32 2 | title 28 14 63 2 | title 28 0 63 13", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 400 ], "completed": false }, { "type": "title", "position": [ 242, 0, 540, 111 ], "completed": false }, { "type": "title", "position": [ 242, 121, 540, 19 ], "completed": false }, { "type": "input", "position": [ 312, 180, 400, 40 ], "completed": false }, { "type": "text", "position": [ 373, 249, 278, 18 ], "completed": false } ] }, { "text": "#A page for users to know about the cloud solutions for publishers.#The page should have a title and a description under it. There is a button for users to find more information. A background image was set on the page.", "region_id": "6176", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'find out more']] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 45 | button 52 29 14 4 | description 22 18 74 7 | title 29 9 60 7", "layout_seq_without_completion": "background 0 0 120 45 | button 52 29 14 4 | description 22 18 74 7 | title 29 9 60 7", "plain_layout_seq": "background 0 0 120 45 | button 52 29 14 4 | description 22 18 74 7 | title 29 9 60 7", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 390 ], "completed": false }, { "type": "title", "position": [ 254, 78, 516, 60 ], "completed": false }, { "type": "description", "position": [ 194, 162, 636, 60 ], "completed": false }, { "type": "button", "position": [ 451, 252, 122, 36 ], "completed": false } ] }, { "text": "#The page is an advertising text for the shopping app Meesho.#The page has two Meesho banners and a brief description of Meesho's business scope.", "region_id": "310", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 9 120 11 | title 0 4 30 3 | title 0 0 58 3", "layout_seq_without_completion": "description 0 9 120 11 | title 0 4 30 3 | title 0 0 58 3", "plain_layout_seq": "description 0 9 120 11 | title 0 4 30 3 | title 0 0 58 3", "canvas_width": 910, "canvas_height": 160, "elements": [ { "type": "title", "position": [ 0, 6, 441, 27 ], "completed": false }, { "type": "title", "position": [ 0, 36, 235, 27 ], "completed": false }, { "type": "description", "position": [ 0, 70, 910, 90 ], "completed": false } ] }, { "text": "#A page for introducing the business lending solution of a company. # There should be two text boxes on the page. One is the title \"Our Solution\", and another is the details of the solution, where the user can know details such as the location of the relationship bankers.", "region_id": "1546", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'our solution'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 41 12 37 21 | complete image 37 1 44 34 | title 41 3 37 4", "layout_seq_without_completion": "description 41 12 37 21 | image 37 1 44 34 | title 41 3 37 4", "plain_layout_seq": "description 41 12 37 21 | image 37 1 44 34 | title 41 3 37 4", "canvas_width": 1003, "canvas_height": 301, "elements": [ { "type": "image", "position": [ 314, 15, 375, 285 ], "completed": true }, { "type": "title", "position": [ 344, 30, 315, 35 ], "completed": false }, { "type": "description", "position": [ 344, 106, 315, 180 ], "completed": false } ] }, { "text": "#A page for showing one study.# There should be a description instructing the user to learn more about Modern Care. The page has to have a link, where users can download the study. Also, there should be a large background image.", "region_id": "2205", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:value'download the study'] ] [el:background_image [attr:size'large'] ] ]", "execution": "singleinfo : background undefined large | description undefined undefined | link undefined undefined", "layout_seq_with_completion": "background 0 0 120 22 | description 9 2 100 9 | link 53 15 12 2", "layout_seq_without_completion": "background 0 0 120 22 | description 9 2 100 9 | link 53 15 12 2", "plain_layout_seq": "background 0 0 120 22 | description 9 2 100 9 | link 53 15 12 2", "canvas_width": 1003, "canvas_height": 185, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 185 ], "completed": false }, { "type": "description", "position": [ 80, 24, 843, 77 ], "completed": false }, { "type": "link", "position": [ 449, 131, 105, 24 ], "completed": false } ] }, { "text": "#A page showing the links of a website such as \"Event\". # There are five separate links for different categories of information.", "region_id": "2251", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:repeat'5'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "layout_seq_without_completion": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "plain_layout_seq": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "link", "position": [ 60, 18, 271, 20 ], "completed": false }, { "type": "link", "position": [ 361, 18, 271, 20 ], "completed": false }, { "type": "link", "position": [ 663, 18, 271, 22 ], "completed": false }, { "type": "link", "position": [ 60, 38, 271, 22 ], "completed": false }, { "type": "link", "position": [ 361, 38, 271, 22 ], "completed": false } ] }, { "text": "#A page for introducing Softbank vision fund to users.# The page should include an image of the Softbank vision fund on the left and a title on the right side.", "region_id": "239", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title [attr:position'right'] ] ]", "execution": "singleinfo : image left undefined | title right undefined", "layout_seq_with_completion": "complete icon 109 21 3 2 | image 0 0 83 42 | title 89 20 18 4 | title 89 17 13 4", "layout_seq_without_completion": "icon 109 21 3 2 | image 0 0 83 42 | title 89 20 18 4 | title 89 17 13 4", "plain_layout_seq": "icon 109 21 3 2 | image 0 0 83 42 | title 89 20 18 4 | title 89 17 13 4", "canvas_width": 960, "canvas_height": 340, "elements": [ { "type": "image", "position": [ 0, 0, 668, 340 ], "completed": false }, { "type": "title", "position": [ 718, 139, 111, 36 ], "completed": false }, { "type": "title", "position": [ 718, 165, 144, 36 ], "completed": false }, { "type": "icon", "position": [ 872, 175, 31, 21 ], "completed": true } ] }, { "text": "#A page for introducing one app.#There is one image on the left. And on the right, there is one label\"DEALS FOR SHOPPERS\", one title\" Automatically get better deals when you shop online\", and one description. Below is one button for users to add capital one shopping.", "region_id": "2704", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'][attr:value 'DEALS FOR SHOPPERS'] ] [el:title [attr:position 'right'][attr:value 'Automatically get better deals when you shop online'] ] [el:description] [el:button [attr:position 'right'] [attr:value 'add capital one shopping'] ] ]", "execution": "singleinfo : button right undefined | description undefined undefined | image left undefined | title right undefined | title right undefined", "layout_seq_with_completion": "button 65 47 23 3 | description 65 37 48 5 | image 0 0 60 65 | complete image 60 0 60 65 | title 65 8 48 2 | title 65 16 48 18", "layout_seq_without_completion": "button 65 47 23 3 | description 65 37 48 5 | image 0 0 60 65 | image 60 0 60 65 | title 65 8 48 2 | title 65 16 48 18", "plain_layout_seq": "button 65 47 23 3 | description 65 37 48 5 | image 0 0 60 65 | image 60 0 60 65 | title 65 8 48 2 | title 65 16 48 18", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "image", "position": [ 0, 0, 512, 560 ], "completed": false }, { "type": "image", "position": [ 512, 0, 512, 560 ], "completed": true }, { "type": "title", "position": [ 560, 72, 416, 24 ], "completed": false }, { "type": "title", "position": [ 560, 144, 416, 156 ], "completed": false }, { "type": "description", "position": [ 560, 316, 416, 48 ], "completed": false }, { "type": "button", "position": [ 560, 404, 199, 32 ], "completed": false } ] }, { "text": "# A page for the user to sign up for a 25% off discount code.# The page should a slogan, a title, and a short description. And there should have two input boxes with a word \"Name\" and \"Email\" above respectively. So the user can enter the name and email address in the input box. And a button \"Submit\" is necessary for the user to submit the information they input.", "region_id": "8335", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description [attr:size 'small'] ] [el:text[attr:value'Name']][el:text[attr:value'Email']][el:input [attr:value 'enter the name'] ] [el:input [attr:value 'enter your email'] ] [el:button [attr:value 'submit'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 84 30 8 4 | description 33 23 52 1 | complete image 24 15 70 22 | input 26 30 27 4 | input 55 30 27 4 | text 55 28 27 2 | text 26 28 27 2 | title 37 18 44 2 | title 6 6 107 2", "layout_seq_without_completion": "button 84 30 8 4 | description 33 23 52 1 | image 24 15 70 22 | input 26 30 27 4 | input 55 30 27 4 | text 55 28 27 2 | text 26 28 27 2 | title 37 18 44 2 | title 6 6 107 2", "plain_layout_seq": "button 84 30 8 4 | description 33 23 52 1 | image 24 15 70 22 | input 26 30 27 4 | input 55 30 27 4 | text 55 28 27 2 | text 26 28 27 2 | title 37 18 44 2 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 382, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 212, 134, 600, 193 ], "completed": true }, { "type": "title", "position": [ 323, 160, 378, 22 ], "completed": false }, { "type": "description", "position": [ 287, 203, 450, 16 ], "completed": false }, { "type": "text", "position": [ 229, 239, 236, 24 ], "completed": false }, { "type": "text", "position": [ 477, 239, 236, 24 ], "completed": false }, { "type": "input", "position": [ 229, 263, 236, 38 ], "completed": false }, { "type": "input", "position": [ 477, 263, 236, 38 ], "completed": false }, { "type": "button", "position": [ 725, 263, 70, 38 ], "completed": false } ] }, { "text": "# A page to introduce the team that trusts the company. # There should contain a title \"Trusted by 18,000 teams from all over the world (and still growing)\" and six logos of the teams.", "region_id": "5155", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Trusted by 18,000 teams from all over the world (and still growing) '] ] [el:logo [attr:repeat '6'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "logo 61 10 16 3 | logo 79 10 16 3 | logo 26 9 10 3 | logo 42 9 16 4 | logo 98 9 16 3 | logo 8 8 9 5 | title 5 3 108 2", "layout_seq_without_completion": "logo 61 10 16 3 | logo 79 10 16 3 | logo 26 9 10 3 | logo 42 9 16 4 | logo 98 9 16 3 | logo 8 8 9 5 | title 5 3 108 2", "plain_layout_seq": "logo 61 10 16 3 | logo 79 10 16 3 | logo 26 9 10 3 | logo 42 9 16 4 | logo 98 9 16 3 | logo 8 8 9 5 | title 5 3 108 2", "canvas_width": 1024, "canvas_height": 154, "elements": [ { "type": "title", "position": [ 47, 32, 930, 20 ], "completed": false }, { "type": "logo", "position": [ 70, 76, 83, 46 ], "completed": false }, { "type": "logo", "position": [ 362, 81, 140, 36 ], "completed": false }, { "type": "logo", "position": [ 842, 84, 140, 30 ], "completed": false }, { "type": "logo", "position": [ 226, 85, 92, 28 ], "completed": false }, { "type": "logo", "position": [ 522, 86, 140, 26 ], "completed": false }, { "type": "logo", "position": [ 680, 86, 143, 26 ], "completed": false } ] }, { "text": "#A page for introducing the software named \"Razorpay\" to users.# The page should include one title and a brief description. Besides, a button is needed for users to click to sign up. Four texts show the pros of the software and one image shows the software.", "region_id": "399", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'sign up'] ] [el:text [attr:repeat '4'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 61 | button 3 42 13 5 | description 3 23 51 5 | complete icon 13 44 1 1 | image 88 15 28 33 | complete text 6 44 6 2 | complete text 3 20 2 0 | title 3 15 57 3 | \" [ text 7 33 16 3 ] | [ text 29 33 26 3 ] | [ text 61 33 10 3 ] | [ text 7 37 12 3 ] \"", "layout_seq_without_completion": "background 0 0 120 61 | button 3 42 13 5 | description 3 23 51 5 | icon 13 44 1 1 | image 88 15 28 33 | text 6 44 6 2 | text 3 20 2 0 | title 3 15 57 3 | \" [ text 7 33 16 3 ] | [ text 29 33 26 3 ] | [ text 61 33 10 3 ] | [ text 7 37 12 3 ] \"", "plain_layout_seq": "background 0 0 120 61 | button 3 42 13 5 | description 3 23 51 5 | icon 13 44 1 1 | image 88 15 28 33 | text 6 44 6 2 | text 3 20 2 0 | text 7 33 16 3 | text 29 33 26 3 | text 61 33 10 3 | text 7 37 12 3 | title 3 15 57 3", "canvas_width": 1024, "canvas_height": 526, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 526 ], "completed": true }, { "type": "title", "position": [ 32, 130, 492, 29 ], "completed": false }, { "type": "image", "position": [ 752, 130, 240, 282 ], "completed": false }, { "type": "text", "position": [ 32, 174, 24, 4 ], "completed": true }, { "type": "description", "position": [ 32, 202, 440, 48 ], "completed": false }, { "type": "text", "position": [ 64, 282, 142, 34 ], "completed": false }, { "type": "text", "position": [ 254, 282, 225, 34 ], "completed": false }, { "type": "text", "position": [ 527, 282, 89, 34 ], "completed": false }, { "type": "text", "position": [ 64, 316, 107, 34 ], "completed": false }, { "type": "button", "position": [ 32, 366, 117, 43 ], "completed": false }, { "type": "text", "position": [ 53, 378, 53, 18 ], "completed": true }, { "type": "icon", "position": [ 114, 381, 14, 14 ], "completed": true } ] }, { "text": "# A page to introduce the Lakehouse platform. # There should have a background image, a slogan \"The Forever-Free Lakehouse Platform\" and a text box showing the potential user object. Also, two text buttons are required for the user to get started and watch a video.", "region_id": "1113", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'the forever-free lakehouse platform'] ] [el:text] [el:button [attr:value'get started'] ] [el:button [attr:value'watch a video'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 43 20 6 | button 25 43 23 6 | text 2 31 52 8 | title 2 7 56 22", "layout_seq_without_completion": "button 2 43 20 6 | button 25 43 23 6 | text 2 31 52 8 | title 2 7 56 22", "plain_layout_seq": "button 2 43 20 6 | button 25 43 23 6 | text 2 31 52 8 | title 2 7 56 22", "canvas_width": 1024, "canvas_height": 525, "elements": [ { "type": "title", "position": [ 25, 60, 479, 194 ], "completed": false }, { "type": "text", "position": [ 25, 270, 445, 71 ], "completed": false }, { "type": "button", "position": [ 25, 371, 174, 54 ], "completed": false }, { "type": "button", "position": [ 214, 371, 203, 54 ], "completed": false } ] }, { "text": "# A page to show the reliability of a company. # The page should have the title \"Trusted by More Than 340 Countries and Municipalities Around North America\" and five logos showing the Countries and Municipalities.", "region_id": "4477", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'trusted by more than 340 countries and municipalities around north america'] ] [el:logo [attr:repeat '5'] ] ]", "execution": "singleinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 6 10 106 12 | \" [ logo 19 27 13 13 ] | [ logo 37 27 13 13 ] | [ logo 55 27 13 13 ] | [ logo 73 27 13 13 ] | [ logo 90 27 13 13 ] \"", "layout_seq_without_completion": "title 6 10 106 12 | \" [ logo 19 27 13 13 ] | [ logo 37 27 13 13 ] | [ logo 55 27 13 13 ] | [ logo 73 27 13 13 ] | [ logo 90 27 13 13 ] \"", "plain_layout_seq": "logo 19 27 13 13 | logo 37 27 13 13 | logo 55 27 13 13 | logo 73 27 13 13 | logo 90 27 13 13 | title 6 10 106 12", "canvas_width": 1024, "canvas_height": 364, "elements": [ { "type": "title", "position": [ 56, 90, 912, 106 ], "completed": false }, { "type": "logo", "position": [ 166, 232, 111, 112 ], "completed": false }, { "type": "logo", "position": [ 318, 232, 112, 112 ], "completed": false }, { "type": "logo", "position": [ 471, 232, 112, 112 ], "completed": false }, { "type": "logo", "position": [ 624, 232, 112, 112 ], "completed": false }, { "type": "logo", "position": [ 776, 232, 112, 112 ], "completed": false } ] }, { "text": "#A page for introducing a milestone to users.# The page should include a background image, one title, and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1823", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 61 | button 46 38 14 3 | description 46 28 68 7 | title 46 25 68 2", "layout_seq_without_completion": "background 0 0 120 61 | button 46 38 14 3 | description 46 28 68 7 | title 46 25 68 2", "plain_layout_seq": "background 0 0 120 61 | button 46 38 14 3 | description 46 28 68 7 | title 46 25 68 2", "canvas_width": 1054, "canvas_height": 544, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 544 ], "completed": false }, { "type": "title", "position": [ 409, 220, 600, 24 ], "completed": false }, { "type": "description", "position": [ 409, 252, 600, 67 ], "completed": false }, { "type": "button", "position": [ 409, 339, 130, 35 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter. # There should have a title \"Sign up for our newsletter\", an input for the user to enter the email address for receiving the newsletter, and an icon for the user to sign up.", "region_id": "6697", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up for our newsletter'] ] [el:input [attr:value 'email address'] ] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 76 5 2 2 | complete image 39 3 41 5 | input 39 4 35 4 | title 2 0 115 2", "layout_seq_without_completion": "icon 76 5 2 2 | image 39 3 41 5 | input 39 4 35 4 | title 2 0 115 2", "plain_layout_seq": "icon 76 5 2 2 | image 39 3 41 5 | input 39 4 35 4 | title 2 0 115 2", "canvas_width": 1009, "canvas_height": 107, "elements": [ { "type": "title", "position": [ 20, 0, 969, 21 ], "completed": false }, { "type": "image", "position": [ 328, 31, 352, 45 ], "completed": true }, { "type": "input", "position": [ 330, 34, 300, 40 ], "completed": false }, { "type": "icon", "position": [ 642, 43, 24, 24 ], "completed": false } ] }, { "text": "# A page for the user to rate the page of a website.# The page should have a question \"Was this page helpful?\" and two buttons \"Yes\" and \"No\" for the user to choose to click. Besides, there should be a description of the importance of the rating.", "region_id": "4114", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'was this page helpful?'] ] [el:button [attr:value 'yes'] ] [el:button [attr:value 'no'] ] [el:description] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 13 | description 61 5 38 2 | \" [ button 34 3 10 5 ] | [ button 46 3 10 5 ] | [ title 11 5 20 2 ] \"", "layout_seq_without_completion": "background 0 0 120 13 | description 61 5 38 2 | \" [ button 34 3 10 5 ] | [ button 46 3 10 5 ] | [ title 11 5 20 2 ] \"", "plain_layout_seq": "background 0 0 120 13 | button 34 3 10 5 | button 46 3 10 5 | description 61 5 38 2 | title 11 5 20 2", "canvas_width": 1024, "canvas_height": 114, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 114 ], "completed": true }, { "type": "button", "position": [ 292, 33, 86, 48 ], "completed": false }, { "type": "button", "position": [ 393, 33, 86, 48 ], "completed": false }, { "type": "description", "position": [ 527, 45, 327, 24 ], "completed": false }, { "type": "title", "position": [ 96, 51, 173, 19 ], "completed": false } ] }, { "text": "#A page to introduce the advantage of developing for Magic Leap 1 and start building it.# The page should need two text boxes. One is the title and the other is a description of the advantage. A 'Start building' button is necessary for the user to click to start building. It will be better to have an image of the topic.", "region_id": "1665", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'start building'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 82 17 5 | description 61 40 55 33 | image 2 27 56 42 | title 61 17 42 17", "layout_seq_without_completion": "button 61 82 17 5 | description 61 40 55 33 | image 2 27 56 42 | title 61 17 42 17", "plain_layout_seq": "button 61 82 17 5 | description 61 40 55 33 | image 2 27 56 42 | title 61 17 42 17", "canvas_width": 1024, "canvas_height": 878, "elements": [ { "type": "title", "position": [ 526, 148, 365, 148 ], "completed": false }, { "type": "image", "position": [ 20, 234, 478, 360 ], "completed": false }, { "type": "description", "position": [ 526, 345, 476, 286 ], "completed": false }, { "type": "button", "position": [ 526, 704, 153, 50 ], "completed": false } ] }, { "text": "#A page for introducing loft home furniture to users.# The page should include a background image, one title, a logo, and a slogan under it. Besides, a button is needed for users to click to shop all the loft home furniture.", "region_id": "1635", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:logo] [el:title] [el:button [attr:value'shop all the loft home furniture'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 86 | button 49 53 21 5 | logo 50 17 18 17 | title 20 40 79 6", "layout_seq_without_completion": "background 0 0 120 86 | button 49 53 21 5 | logo 50 17 18 17 | title 20 40 79 6", "plain_layout_seq": "background 0 0 120 86 | button 49 53 21 5 | logo 50 17 18 17 | title 20 40 79 6", "canvas_width": 1003, "canvas_height": 722, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 722 ], "completed": false }, { "type": "logo", "position": [ 424, 150, 155, 149 ], "completed": false }, { "type": "title", "position": [ 169, 336, 666, 57 ], "completed": false }, { "type": "button", "position": [ 412, 446, 180, 44 ], "completed": false } ] }, { "text": "#A page introducing the Podcast Series. # The page should have a slogan, a short introduction to entice users to use Podcast Series, and a button for users to click to explore series.", "region_id": "1314", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore series'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | complete text 31 7 57 3 | title 29 13 60 19", "layout_seq_without_completion": "background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | text 31 7 57 3 | title 29 13 60 19", "plain_layout_seq": "background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | text 31 7 57 3 | title 29 13 60 19", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 512 ], "completed": true }, { "type": "text", "position": [ 268, 68, 488, 30 ], "completed": true }, { "type": "title", "position": [ 253, 114, 518, 164 ], "completed": false }, { "type": "description", "position": [ 268, 294, 488, 120 ], "completed": false }, { "type": "button", "position": [ 421, 446, 181, 34 ], "completed": false } ] }, { "text": "#A page introducing the Podcast Series. # The page should have a label, a slogan, a short introduction to entice users to use Podcast Series, and a button for users to click to explore the Series.", "region_id": "1314_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'explore the series'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | title 31 7 57 3 | title 29 13 60 19", "layout_seq_without_completion": "background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | title 31 7 57 3 | title 29 13 60 19", "plain_layout_seq": "background 0 0 120 60 | button 49 52 21 3 | description 31 34 57 14 | title 31 7 57 3 | title 29 13 60 19", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 512 ], "completed": true }, { "type": "title", "position": [ 268, 68, 488, 30 ], "completed": false }, { "type": "title", "position": [ 253, 114, 518, 164 ], "completed": false }, { "type": "description", "position": [ 268, 294, 488, 120 ], "completed": false }, { "type": "button", "position": [ 421, 446, 181, 34 ], "completed": false } ] }, { "text": "#A page for showing some information to users.# The page includes a brand logo, a title named \"Chainlink\", and two labels showing different numbers.", "region_id": "5489", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:title [attr:value 'chainlink'] ] [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : logo undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "logo 0 0 6 3 | text 99 0 20 5 | text 75 0 24 5 | title 24 0 10 3", "layout_seq_without_completion": "logo 0 0 6 3 | text 99 0 20 5 | text 75 0 24 5 | title 24 0 10 3", "plain_layout_seq": "logo 0 0 6 3 | text 99 0 20 5 | text 75 0 24 5 | title 24 0 10 3", "canvas_width": 940, "canvas_height": 46, "elements": [ { "type": "text", "position": [ 590, 0, 190, 46 ], "completed": false }, { "type": "text", "position": [ 780, 0, 160, 46 ], "completed": false }, { "type": "logo", "position": [ 5, 7, 48, 31 ], "completed": false }, { "type": "title", "position": [ 188, 7, 83, 31 ], "completed": false } ] }, { "text": "#A page for showing a product to users.# The page includes a picture, a label named \u201cIMMORTAL\u201d, a title of the product, a description, and a label showing the origin and the release time of the product.", "region_id": "5216", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:value 'immoral'] ] [el:title] [el:description] [el:text] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 53 11 62 5 | image 0 0 49 27 | text 1 1 11 3 | text 53 21 24 2 | title 53 3 62 7", "layout_seq_without_completion": "description 53 11 62 5 | image 0 0 49 27 | text 1 1 11 3 | text 53 21 24 2 | title 53 3 62 7", "plain_layout_seq": "description 53 11 62 5 | image 0 0 49 27 | text 1 1 11 3 | text 53 21 24 2 | title 53 3 62 7", "canvas_width": 1004, "canvas_height": 230, "elements": [ { "type": "image", "position": [ 0, 0, 418, 230 ], "completed": false }, { "type": "text", "position": [ 10, 10, 97, 31 ], "completed": false }, { "type": "title", "position": [ 448, 30, 526, 63 ], "completed": false }, { "type": "description", "position": [ 448, 98, 526, 48 ], "completed": false }, { "type": "text", "position": [ 448, 183, 205, 17 ], "completed": false } ] }, { "text": "#A page introducing the quality survey results. # The page should have an image, a title, and a short introduction to the pros of the results. A button is needed for users to click to check the survey results.", "region_id": "2214", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'survey results'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 93 16 21 4 | description 20 13 70 15 | image 4 13 14 11 | title 20 9 70 2", "layout_seq_without_completion": "button 93 16 21 4 | description 20 13 70 15 | image 4 13 14 11 | title 20 9 70 2", "plain_layout_seq": "button 93 16 21 4 | description 20 13 70 15 | image 4 13 14 11 | title 20 9 70 2", "canvas_width": 1024, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 176, 79, 605, 24 ], "completed": false }, { "type": "image", "position": [ 40, 111, 120, 100 ], "completed": false }, { "type": "description", "position": [ 176, 113, 605, 130 ], "completed": false }, { "type": "button", "position": [ 797, 141, 187, 41 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter. # There should have a slogan \"Connect with us to get promo updates!\" followed by an input box for the user to enter the email address, and a button where the user can click to subscribe.", "region_id": "8131", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Connect with us to get promo updates!'] ] [el:input [attr:value 'enter the email address'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 72 6 23 6 | input 24 6 71 6 | title 1 0 116 4", "layout_seq_without_completion": "button 72 6 23 6 | input 24 6 71 6 | title 1 0 116 4", "plain_layout_seq": "button 72 6 23 6 | input 24 6 71 6 | title 1 0 116 4", "canvas_width": 960, "canvas_height": 98, "elements": [ { "type": "title", "position": [ 15, 0, 930, 39 ], "completed": false }, { "type": "input", "position": [ 195, 48, 570, 50 ], "completed": false }, { "type": "button", "position": [ 580, 48, 184, 50 ], "completed": false } ] }, { "text": "#A page for introducing one home loan.# There should be one image as an extra layout. One text includes one label \"Personal banking\", one title, and one description. Two buttons are needed for users to explore home loans or home remodeling loans.", "region_id": "2358", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'personal banking'] ] [el:title] [el:description] [el:button [attr:value'explore home loans'] ] [el:button [attr:value'home remodeling loans'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 19 34 20 4 | button 21 28 17 4 | description 8 19 40 5 | image 0 0 120 65 | complete image 5 2 48 39 | title 8 9 35 8 | title 8 5 42 2", "layout_seq_without_completion": "button 19 34 20 4 | button 21 28 17 4 | description 8 19 40 5 | image 0 0 120 65 | image 5 2 48 39 | title 8 9 35 8 | title 8 5 42 2", "plain_layout_seq": "button 19 34 20 4 | button 21 28 17 4 | description 8 19 40 5 | image 0 0 120 65 | image 5 2 48 39 | title 8 9 35 8 | title 8 5 42 2", "canvas_width": 1024, "canvas_height": 555, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 555 ], "completed": false }, { "type": "image", "position": [ 51, 24, 411, 335 ], "completed": true }, { "type": "title", "position": [ 75, 48, 363, 21 ], "completed": false }, { "type": "title", "position": [ 75, 85, 302, 69 ], "completed": false }, { "type": "description", "position": [ 75, 169, 346, 44 ], "completed": false }, { "type": "button", "position": [ 183, 241, 146, 36 ], "completed": false }, { "type": "button", "position": [ 169, 297, 175, 36 ], "completed": false } ] }, { "text": "#A page for introducing one home loan.# There should be one image as an extra layout. One text includes one label \"Personal banking\" and two text boxes. Two text buttons are needed for users to learn more.", "region_id": "2358_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'personal banking'] ] [el:text [attr:repeat '2'] ] [el:button [attr:repeat '2'] [attr:value 'learn more']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 65 | button 19 34 20 4 | button 21 28 17 4 | image 5 2 48 39 | text 8 9 35 8 | text 8 19 40 5 | title 8 5 42 2", "layout_seq_without_completion": "background 0 0 120 65 | button 19 34 20 4 | button 21 28 17 4 | image 5 2 48 39 | text 8 9 35 8 | text 8 19 40 5 | title 8 5 42 2", "plain_layout_seq": "background 0 0 120 65 | button 19 34 20 4 | button 21 28 17 4 | image 5 2 48 39 | text 8 9 35 8 | text 8 19 40 5 | title 8 5 42 2", "canvas_width": 1024, "canvas_height": 555, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 555 ], "completed": true }, { "type": "image", "position": [ 51, 24, 411, 335 ], "completed": false }, { "type": "title", "position": [ 75, 48, 363, 21 ], "completed": false }, { "type": "text", "position": [ 75, 85, 302, 69 ], "completed": false }, { "type": "text", "position": [ 75, 169, 346, 44 ], "completed": false }, { "type": "button", "position": [ 183, 241, 146, 36 ], "completed": false }, { "type": "button", "position": [ 169, 297, 175, 36 ], "completed": false } ] }, { "text": "#A page for introducing the Kaseya products.# The page should have one title, and two texts to shortly introduce the pros of the Kaseya products.", "region_id": "4919", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 15 120 6 | description 0 2 120 10 | title 0 0 120 2", "layout_seq_without_completion": "description 0 15 120 6 | description 0 2 120 10 | title 0 0 120 2", "plain_layout_seq": "description 0 15 120 6 | description 0 2 120 10 | title 0 0 120 2", "canvas_width": 930, "canvas_height": 183, "elements": [ { "type": "title", "position": [ 0, 0, 930, 19 ], "completed": false }, { "type": "description", "position": [ 0, 19, 930, 84 ], "completed": false }, { "type": "description", "position": [ 0, 117, 930, 53 ], "completed": false } ] }, { "text": "#A page of zoom video information.# There is an image, a title, a description, a time label, and an icon.", "region_id": "3368", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:text] [el:icon] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 16 3 103 5 | icon 116 14 3 1 | image 0 0 14 14 | text 16 10 10 1 | title 16 0 48 2", "layout_seq_without_completion": "description 16 3 103 5 | icon 116 14 3 1 | image 0 0 14 14 | text 16 10 10 1 | title 16 0 48 2", "plain_layout_seq": "description 16 3 103 5 | icon 116 14 3 1 | image 0 0 14 14 | text 16 10 10 1 | title 16 0 48 2", "canvas_width": 992, "canvas_height": 147, "elements": [ { "type": "title", "position": [ 136, 0, 403, 24 ], "completed": false }, { "type": "image", "position": [ 0, 2, 120, 120 ], "completed": false }, { "type": "description", "position": [ 136, 31, 856, 42 ], "completed": false }, { "type": "text", "position": [ 136, 84, 85, 16 ], "completed": false }, { "type": "icon", "position": [ 959, 116, 33, 15 ], "completed": false } ] }, { "text": "#A page introducing Bestsellers. # The page should have a background image, a title, a short description to entice users to buy the goods, and a button for users to click to shop now.", "region_id": "1938", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'shop now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 65 | button 45 31 28 4 | description 0 26 120 2 | title 0 23 120 2", "layout_seq_without_completion": "background 0 0 120 65 | button 45 31 28 4 | description 0 26 120 2 | title 0 23 120 2", "plain_layout_seq": "background 0 0 120 65 | button 45 31 28 4 | description 0 26 120 2 | title 0 23 120 2", "canvas_width": 1003, "canvas_height": 551, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 551 ], "completed": false }, { "type": "title", "position": [ 0, 193, 1003, 24 ], "completed": false }, { "type": "description", "position": [ 0, 222, 1003, 20 ], "completed": false }, { "type": "button", "position": [ 382, 267, 240, 40 ], "completed": false } ] }, { "text": "#A page introducing Bestsellers. # The page should have a big and corresponding background image, a title and a short slogan to entice users to buy the goods, and a button for users to click to shop now.", "region_id": "1938_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:title [attr:size'small'] ] [el:button [attr:value'shop now'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | title undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 65 | button 45 31 28 4 | title 0 26 120 2 | title 0 23 120 2", "layout_seq_without_completion": "background 0 0 120 65 | button 45 31 28 4 | title 0 26 120 2 | title 0 23 120 2", "plain_layout_seq": "background 0 0 120 65 | button 45 31 28 4 | title 0 26 120 2 | title 0 23 120 2", "canvas_width": 1003, "canvas_height": 551, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 551 ], "completed": false }, { "type": "title", "position": [ 0, 193, 1003, 24 ], "completed": false }, { "type": "title", "position": [ 0, 222, 1003, 20 ], "completed": false }, { "type": "button", "position": [ 382, 267, 240, 40 ], "completed": false } ] }, { "text": "# A page to introduce the products and services of a company. # On the page, three text boxes are needed. One is the title \"Products and Services\", and another two are the slogan of the company and further description of the products and services. What's more, a text link should be contained to see all products by clicking it.", "region_id": "1150", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'products and services'] ] [el:title] [el:description] [el:link [attr:value'see all products'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 10 28 60 17 | complete icon 33 52 1 1 | link 10 51 22 2 | title 10 0 60 2 | title 10 7 60 14", "layout_seq_without_completion": "description 10 28 60 17 | icon 33 52 1 1 | link 10 51 22 2 | title 10 0 60 2 | title 10 7 60 14", "plain_layout_seq": "description 10 28 60 17 | icon 33 52 1 1 | link 10 51 22 2 | title 10 0 60 2 | title 10 7 60 14", "canvas_width": 901, "canvas_height": 424, "elements": [ { "type": "title", "position": [ 76, 0, 451, 22 ], "completed": false }, { "type": "title", "position": [ 76, 58, 451, 112 ], "completed": false }, { "type": "description", "position": [ 76, 214, 451, 132 ], "completed": false }, { "type": "link", "position": [ 76, 388, 167, 22 ], "completed": false }, { "type": "icon", "position": [ 250, 395, 12, 12 ], "completed": true } ] }, { "text": "#A page for introducing Nexthink.# The page should have a short slogan to introduce the pros of the Nexthink to entice people to use its service, and one button for users to click to learn more.", "region_id": "1803", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined small", "layout_seq_with_completion": "complete background 0 0 120 31 | button 54 18 11 3 | title 30 7 59 7", "layout_seq_without_completion": "background 0 0 120 31 | button 54 18 11 3 | title 30 7 59 7", "plain_layout_seq": "background 0 0 120 31 | button 54 18 11 3 | title 30 7 59 7", "canvas_width": 1354, "canvas_height": 353, "elements": [ { "type": "background", "position": [ 0, 0, 1354, 353 ], "completed": true }, { "type": "title", "position": [ 342, 90, 670, 88 ], "completed": false }, { "type": "button", "position": [ 615, 206, 125, 45 ], "completed": false } ] }, { "text": "# A page for the user to have a 30-day free trial to Planbook. # The page should have a blue background image, an image, a slogan, a brief introduction to Planbook, and a button for the user to click to start the 30-day free trial.", "region_id": "3413", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value '30 day free trial'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 0 116 44 | image 60 19 56 25 | \" [ title 5 8 52 6 ] | [ description 5 16 52 8 ] | [ button 5 29 24 6 ] \"", "layout_seq_without_completion": "background 1 0 116 44 | image 60 19 56 25 | \" [ title 5 8 52 6 ] | [ description 5 16 52 8 ] | [ button 5 29 24 6 ] \"", "plain_layout_seq": "background 1 0 116 44 | button 5 29 24 6 | description 5 16 52 8 | image 60 19 56 25 | title 5 8 52 6", "canvas_width": 1024, "canvas_height": 382, "elements": [ { "type": "background", "position": [ 16, 0, 992, 382 ], "completed": false }, { "type": "title", "position": [ 46, 70, 451, 56 ], "completed": false }, { "type": "description", "position": [ 46, 141, 451, 74 ], "completed": false }, { "type": "image", "position": [ 512, 166, 481, 215 ], "completed": false }, { "type": "button", "position": [ 46, 255, 210, 57 ], "completed": false } ] }, { "text": "#A page for introducing a platform.# The page should have a slogan and a short introduction to entice users to use the platform, and two buttons respectively are \"Why Ivalua\" and \"contact sales\".", "region_id": "1512", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'why ivalua'] ] [el:button [attr:value'Contact sales']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "layout_seq_without_completion": "background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "plain_layout_seq": "background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 472 ], "completed": true }, { "type": "title", "position": [ 12, 140, 645, 78 ], "completed": false }, { "type": "description", "position": [ 12, 226, 645, 29 ], "completed": false }, { "type": "button", "position": [ 12, 285, 142, 47 ], "completed": false }, { "type": "button", "position": [ 172, 293, 126, 31 ], "completed": false } ] }, { "text": "#A page for introducing a platform.# The page should have a slogan and a short introduction to entice users to use the platform, and buttons for users to click to know more pros of the platform and contact the sales.", "region_id": "1512_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small']] [el:button [attr:value'Learn more pros'] ] [el:button [attr:value'Contact sales']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "layout_seq_without_completion": "background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "plain_layout_seq": "background 0 0 120 55 | button 1 33 16 5 | button 20 34 14 3 | description 1 26 75 3 | title 1 16 75 9", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 472 ], "completed": true }, { "type": "title", "position": [ 12, 140, 645, 78 ], "completed": false }, { "type": "description", "position": [ 12, 226, 645, 29 ], "completed": false }, { "type": "button", "position": [ 12, 285, 142, 47 ], "completed": false }, { "type": "button", "position": [ 172, 293, 126, 31 ], "completed": false } ] }, { "text": "#A page introducing \"News Hub\". Users can be able to read press releases or stories on it. # There should be a title and an explanation, and a link for more info. It has a little image to fill in the blanks.", "region_id": "2394", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'read more'] ] [el:image [attr:size'small'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 38 8 30 11 | image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "layout_seq_without_completion": "description 38 8 30 11 | image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "plain_layout_seq": "description 38 8 30 11 | image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "canvas_width": 972, "canvas_height": 307, "elements": [ { "type": "image", "position": [ 584, 33, 388, 242 ], "completed": false }, { "type": "title", "position": [ 1, 63, 157, 40 ], "completed": false }, { "type": "description", "position": [ 308, 65, 243, 91 ], "completed": false }, { "type": "link", "position": [ 1, 137, 116, 19 ], "completed": false } ] }, { "text": "#A page introducing \"News Hub\". Users can be able to read press releases or stories on it. # There should be two text boxes of different sizes showing the introduction and a link for more info.", "region_id": "2394_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 38 8 30 11 | complete image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "layout_seq_without_completion": "description 38 8 30 11 | image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "plain_layout_seq": "description 38 8 30 11 | image 72 4 47 29 | link 0 16 14 2 | title 0 7 19 4", "canvas_width": 972, "canvas_height": 307, "elements": [ { "type": "image", "position": [ 584, 33, 388, 242 ], "completed": true }, { "type": "title", "position": [ 1, 63, 157, 40 ], "completed": false }, { "type": "description", "position": [ 308, 65, 243, 91 ], "completed": false }, { "type": "link", "position": [ 1, 137, 116, 19 ], "completed": false } ] }, { "text": "#A page for introducing an AI product to users.# The page should include one title and a brief description. Besides, two buttons are needed for users to click for further information. One image is used as an extra layout.", "region_id": "1024", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:repeat '2'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 45 15 6 | button 20 45 18 6 | complete button 92 28 9 9 | description 2 36 76 6 | image 59 0 60 77 | title 2 14 76 19", "layout_seq_without_completion": "button 2 45 15 6 | button 20 45 18 6 | button 92 28 9 9 | description 2 36 76 6 | image 59 0 60 77 | title 2 14 76 19", "plain_layout_seq": "button 2 45 15 6 | button 20 45 18 6 | button 92 28 9 9 | description 2 36 76 6 | image 59 0 60 77 | title 2 14 76 19", "canvas_width": 1024, "canvas_height": 661, "elements": [ { "type": "image", "position": [ 505, 0, 519, 661 ], "completed": false }, { "type": "title", "position": [ 25, 120, 649, 167 ], "completed": false }, { "type": "button", "position": [ 790, 244, 80, 80 ], "completed": true }, { "type": "description", "position": [ 25, 311, 649, 56 ], "completed": false }, { "type": "button", "position": [ 25, 391, 130, 56 ], "completed": false }, { "type": "button", "position": [ 174, 391, 162, 56 ], "completed": false } ] }, { "text": "#A page for showing a modernized ecosystem.# There should be one title\"Modernized Ecosystem\" and one description. One button is used for users to learn more.", "region_id": "1699", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'modernized ecosystem'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "layout_seq_without_completion": "background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "plain_layout_seq": "background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 582 ], "completed": true }, { "type": "title", "position": [ 527, 90, 311, 106 ], "completed": false }, { "type": "description", "position": [ 527, 220, 311, 205 ], "completed": false }, { "type": "button", "position": [ 675, 449, 163, 38 ], "completed": false } ] }, { "text": "#A page for showing a modernized ecosystem.# There should be one text box for showing the title and one text box for showing the detailed description. One text button is used for users to learn more.", "region_id": "1699_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "layout_seq_without_completion": "background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "plain_layout_seq": "background 0 0 120 68 | button 79 52 19 4 | description 61 25 36 24 | title 61 10 36 12", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 582 ], "completed": true }, { "type": "title", "position": [ 527, 90, 311, 106 ], "completed": false }, { "type": "description", "position": [ 527, 220, 311, 205 ], "completed": false }, { "type": "button", "position": [ 675, 449, 163, 38 ], "completed": false } ] }, { "text": "# A page to introduce why IT and Security teams trust Axonics. # On the page, there should be three text boxes, one for the title \"AXONICX FOR YOUR ROLE\", and another two for the question \"Why IT and Security Teams trust Axonics\" and an answer illustrating the reason.", "region_id": "758", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'axonicx for your role'] ] [el:text [attr:value'why it and security teams trust axonics'] ] [el:text] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "text 2 9 115 7 | text 2 2 115 5 | title 2 0 115 2", "layout_seq_without_completion": "text 2 9 115 7 | text 2 2 115 5 | title 2 0 115 2", "plain_layout_seq": "text 2 9 115 7 | text 2 2 115 5 | title 2 0 115 2", "canvas_width": 1024, "canvas_height": 151, "elements": [ { "type": "title", "position": [ 20, 0, 984, 19 ], "completed": false }, { "type": "text", "position": [ 20, 25, 984, 48 ], "completed": false }, { "type": "text", "position": [ 20, 83, 984, 68 ], "completed": false } ] }, { "text": "#The page introducing how to buy the product for the user.# There should be a title and description of the product, and a button for users to click on to buy the product fastly. Then the page also has a photo of the product.", "region_id": "8226", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'buy'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 3 29 14 5 | description 3 23 52 3 | title 3 18 52 3", "layout_seq_without_completion": "button 3 29 14 5 | description 3 23 52 3 | title 3 18 52 3", "plain_layout_seq": "button 3 29 14 5 | description 3 23 52 3 | title 3 18 52 3", "canvas_width": 1024, "canvas_height": 451, "elements": [ { "type": "title", "position": [ 30, 157, 447, 30 ], "completed": false }, { "type": "description", "position": [ 30, 204, 447, 27 ], "completed": false }, { "type": "button", "position": [ 30, 251, 120, 43 ], "completed": false } ] }, { "text": "#A page for introducing an App Promote.# The page should have one title \"AppBrain\", a slogan, and a description.", "region_id": "6157", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'AppBrain'] ] [el:text] [el:description] ]", "execution": "singleinfo : description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 30 | description 18 20 82 5 | text 1 14 116 2 | title 1 5 116 5", "layout_seq_without_completion": "background 0 0 120 30 | description 18 20 82 5 | text 1 14 116 2 | title 1 5 116 5", "plain_layout_seq": "background 0 0 120 30 | description 18 20 82 5 | text 1 14 116 2 | title 1 5 116 5", "canvas_width": 1009, "canvas_height": 258, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 258 ], "completed": true }, { "type": "title", "position": [ 14, 44, 981, 46 ], "completed": false }, { "type": "text", "position": [ 14, 118, 981, 25 ], "completed": false }, { "type": "description", "position": [ 159, 172, 691, 43 ], "completed": false } ] }, { "text": "#A page giving instructions on how to use the app.# There are a title and an explanation showing the content of the promotion. And it has two buttons to get started and watch 2-minute demo.", "region_id": "628", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'get started'] ] [el:button [attr:value'watch 2-minute demo']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 78 14 22 3 | button 78 20 22 3 | description 12 22 53 4 | title 12 11 53 9", "layout_seq_without_completion": "button 78 14 22 3 | button 78 20 22 3 | description 12 22 53 4 | title 12 11 53 9", "plain_layout_seq": "button 78 14 22 3 | button 78 20 22 3 | description 12 22 53 4 | title 12 11 53 9", "canvas_width": 1257, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 128, 120, 564, 104 ], "completed": false }, { "type": "button", "position": [ 822, 156, 240, 40 ], "completed": false }, { "type": "button", "position": [ 822, 212, 240, 40 ], "completed": false }, { "type": "description", "position": [ 128, 240, 564, 48 ], "completed": false } ] }, { "text": "#A page giving instructions on how to use the app.# There are two long text boxes showing the content of the promotion.", "region_id": "628_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size'large'] [attr:repeat '2']]]", "execution": "singleinfo : text undefined large | text undefined large", "layout_seq_with_completion": "complete button 78 14 22 3 | complete button 78 20 22 3 | text 12 22 53 4 | text 12 11 53 9", "layout_seq_without_completion": "button 78 14 22 3 | button 78 20 22 3 | text 12 22 53 4 | text 12 11 53 9", "plain_layout_seq": "button 78 14 22 3 | button 78 20 22 3 | text 12 22 53 4 | text 12 11 53 9", "canvas_width": 1257, "canvas_height": 408, "elements": [ { "type": "text", "position": [ 128, 120, 564, 104 ], "completed": false }, { "type": "button", "position": [ 822, 156, 240, 40 ], "completed": true }, { "type": "button", "position": [ 822, 212, 240, 40 ], "completed": true }, { "type": "text", "position": [ 128, 240, 564, 48 ], "completed": false } ] }, { "text": "#This page is mainly to guide users to join us.#This page has the title \"JOIN FOR EXCLUSIVE ANNOUNCEMENTS AND DISCOUNTS\", with an input box for ENTER YOUR EMAIL and a small envelope-like icon on the right.", "region_id": "8486", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'join for exclusive announcements and discounts'] ] [el:input [attr:value 'enter your email'] ] [el:icon [attr:size 'small'] [attr:position 'right'] ] ]", "execution": "singleinfo : icon right small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 23 | icon 108 10 3 2 | input 64 9 46 5 | title 7 6 50 9", "layout_seq_without_completion": "background 0 0 120 23 | icon 108 10 3 2 | input 64 9 46 5 | title 7 6 50 9", "plain_layout_seq": "background 0 0 120 23 | icon 108 10 3 2 | input 64 9 46 5 | title 7 6 50 9", "canvas_width": 1024, "canvas_height": 204, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 204 ], "completed": true }, { "type": "title", "position": [ 60, 57, 432, 84 ], "completed": false }, { "type": "input", "position": [ 548, 80, 400, 44 ], "completed": false }, { "type": "icon", "position": [ 922, 90, 26, 24 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # The page should have the title \"Communication Module\" and a further introduction. Then there should have a text button and a link to learn more info and watch the video.", "region_id": "5049", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'communication module'] ] [el:description] [el:button [attr:value'read more'] ] [el:link [attr:value'watch the video'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "layout_seq_without_completion": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "plain_layout_seq": "button 0 43 18 5 | description 0 32 120 7 | link 24 44 12 2 | title 0 26 120 4", "canvas_width": 949, "canvas_height": 873, "elements": [ { "type": "title", "position": [ 0, 213, 949, 36 ], "completed": false }, { "type": "description", "position": [ 0, 260, 949, 61 ], "completed": false }, { "type": "button", "position": [ 0, 341, 146, 44 ], "completed": false }, { "type": "link", "position": [ 190, 353, 96, 19 ], "completed": false } ] }, { "text": "#A page for showing a multi-cloud data resilience virtual summit.# The page should have one title of the summit, one tip, and one button for users to click to watch it. There also should be an image of the summit and one button for playing a clip.", "region_id": "1120", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value'watch it'] ] [el:image] [el:button] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 65 5 51 41 | complete background 0 0 120 72 | button 2 53 35 8 | button 82 21 9 9 | text 2 45 62 3 | title 2 8 62 33", "layout_seq_without_completion": "background 65 5 51 41 | background 0 0 120 72 | button 2 53 35 8 | button 82 21 9 9 | text 2 45 62 3 | title 2 8 62 33", "plain_layout_seq": "background 65 5 51 41 | background 0 0 120 72 | button 2 53 35 8 | button 82 21 9 9 | text 2 45 62 3 | title 2 8 62 33", "canvas_width": 1024, "canvas_height": 617, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 617 ], "completed": true }, { "type": "background", "position": [ 561, 50, 438, 355 ], "completed": false }, { "type": "title", "position": [ 25, 76, 536, 283 ], "completed": false }, { "type": "button", "position": [ 700, 182, 82, 82 ], "completed": false }, { "type": "text", "position": [ 25, 384, 536, 30 ], "completed": false }, { "type": "button", "position": [ 25, 454, 307, 69 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company.# The page should have the title \"Streamline data entering\", a text box for a short description, and a text button for the user to learn more info. There should also be an image.", "region_id": "1117", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'streamline data entering'] ] [el:description [attr:size'small'] ] [el:button [attr:value'learn more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 8 66 4", "layout_seq_without_completion": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 8 66 4", "plain_layout_seq": "button 54 25 22 5 | description 54 13 59 7 | image 5 8 39 24 | title 50 8 66 4", "canvas_width": 1024, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 434, 69, 565, 35 ], "completed": false }, { "type": "image", "position": [ 45, 70, 337, 208 ], "completed": false }, { "type": "description", "position": [ 464, 116, 505, 63 ], "completed": false }, { "type": "button", "position": [ 464, 217, 193, 48 ], "completed": false } ] }, { "text": "#A page showing one paper. # The page should include one title and one resume of the paper, as well as one big image related to the paper. A button is needed for users to click download the paper.", "region_id": "27", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image [attr:size'large'] ] [el:button [attr:value'download the paper'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "button 67 55 22 5 | description 67 43 45 8 | image 7 11 45 63 | complete text 67 25 13 3 | title 67 31 45 9", "layout_seq_without_completion": "button 67 55 22 5 | description 67 43 45 8 | image 7 11 45 63 | text 67 25 13 3 | title 67 31 45 9", "plain_layout_seq": "button 67 55 22 5 | description 67 43 45 8 | image 7 11 45 63 | text 67 25 13 3 | title 67 31 45 9", "canvas_width": 1024, "canvas_height": 762, "elements": [ { "type": "image", "position": [ 64, 100, 388, 542 ], "completed": false }, { "type": "text", "position": [ 572, 219, 111, 28 ], "completed": true }, { "type": "title", "position": [ 572, 267, 388, 80 ], "completed": false }, { "type": "description", "position": [ 572, 372, 388, 72 ], "completed": false }, { "type": "button", "position": [ 572, 474, 194, 50 ], "completed": false } ] }, { "text": "#A page showing one paper. # The page should include three text boxes to show the source, the name, and the resume of the paper, as well as one big image related to the paper. A button is needed for users to click download the paper.", "region_id": "27_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] [el:image [attr:size'large'] ] [el:button [attr:value'download the paper'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 67 55 22 5 | image 7 11 45 63 | text 67 43 45 8 | text 67 25 13 3 | text 67 31 45 9", "layout_seq_without_completion": "button 67 55 22 5 | image 7 11 45 63 | text 67 43 45 8 | text 67 25 13 3 | text 67 31 45 9", "plain_layout_seq": "button 67 55 22 5 | image 7 11 45 63 | text 67 43 45 8 | text 67 25 13 3 | text 67 31 45 9", "canvas_width": 1024, "canvas_height": 762, "elements": [ { "type": "image", "position": [ 64, 100, 388, 542 ], "completed": false }, { "type": "text", "position": [ 572, 219, 111, 28 ], "completed": false }, { "type": "text", "position": [ 572, 267, 388, 80 ], "completed": false }, { "type": "text", "position": [ 572, 372, 388, 72 ], "completed": false }, { "type": "button", "position": [ 572, 474, 194, 50 ], "completed": false } ] }, { "text": "#This page is for the convenience of users searching about Information et services gouvernementaux.#In addition to the title \"Information et services gouvernementaux\" on this page, there is also an input box for \"Rechercher dans Quebec.ca\" with a magnifying glass icon on the right, which can be used as a button.", "region_id": "3725", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'information et services gouvernementaux'] ] [el:input [attr:value 'rechercher dans quebec.ca'] ] [el:button [attr:position 'right'] ] ]", "execution": "singleinfo : button right undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 79 10 4 4 | input 5 10 74 4 | title 5 2 71 3", "layout_seq_without_completion": "button 79 10 4 4 | input 5 10 74 4 | title 5 2 71 3", "plain_layout_seq": "button 79 10 4 4 | input 5 10 74 4 | title 5 2 71 3", "canvas_width": 1024, "canvas_height": 126, "elements": [ { "type": "title", "position": [ 47, 24, 610, 30 ], "completed": false }, { "type": "input", "position": [ 47, 86, 632, 40 ], "completed": false }, { "type": "button", "position": [ 678, 86, 41, 40 ], "completed": false } ] }, { "text": "# A page to introduce the scale of a company. # The page should have a title and a text box to indicate that the company is global. There should be a text button where the user can learn more info by clicking it.", "region_id": "1718", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:button [attr:value'more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 48 | button 53 27 13 5 | text 0 22 120 3 | title 0 15 120 5", "layout_seq_without_completion": "background 0 0 120 48 | button 53 27 13 5 | text 0 22 120 3 | title 0 15 120 5", "plain_layout_seq": "background 0 0 120 48 | button 53 27 13 5 | text 0 22 120 3 | title 0 15 120 5", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 417 ], "completed": true }, { "type": "title", "position": [ 0, 135, 1024, 45 ], "completed": false }, { "type": "text", "position": [ 0, 189, 1024, 27 ], "completed": false }, { "type": "button", "position": [ 455, 237, 113, 46 ], "completed": false } ] }, { "text": "#A page for users to sign up for exclusive email-only coupons.#The page should have a title and a brief description. There is an input box for users to input the email address and a button 'Send Me Deals' next to it.", "region_id": "2940", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'Send Me Deals']] ]", "execution": "singleinfo : button undefined undefined | description undefined small | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 105 4 12 3 | description 1 8 81 2 | complete image 82 3 36 5 | input 82 3 23 5 | title 1 3 81 3", "layout_seq_without_completion": "button 105 4 12 3 | description 1 8 81 2 | image 82 3 36 5 | input 82 3 23 5 | title 1 3 81 3", "plain_layout_seq": "button 105 4 12 3 | description 1 8 81 2 | image 82 3 36 5 | input 82 3 23 5 | title 1 3 81 3", "canvas_width": 1110, "canvas_height": 130, "elements": [ { "type": "title", "position": [ 10, 32, 751, 34 ], "completed": false }, { "type": "image", "position": [ 761, 32, 339, 48 ], "completed": true }, { "type": "input", "position": [ 761, 32, 217, 48 ], "completed": false }, { "type": "button", "position": [ 978, 40, 111, 32 ], "completed": false }, { "type": "description", "position": [ 10, 74, 751, 22 ], "completed": false } ] }, { "text": "# A page for introducing Vyapar billing software to attract the user to download it. # The page should have an image showing the software, the slogan \"Make GST Bills & Share with your Customers\" and a short description. Besides, it is necessary to have a link \"+Read more\" for the user to learn more info by clicking it.", "region_id": "4534", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'Make GST Bills & Share with your Customers'] ] [el:description [attr:size 'small'] ] [el:link [attr:value '+Read more'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 67 43 44 13 | image 0 2 60 64 | link 67 58 14 3 | title 67 11 44 30", "layout_seq_without_completion": "description 67 43 44 13 | image 0 2 60 64 | link 67 58 14 3 | title 67 11 44 30", "plain_layout_seq": "description 67 43 44 13 | image 0 2 60 64 | link 67 58 14 3 | title 67 11 44 30", "canvas_width": 853, "canvas_height": 501, "elements": [ { "type": "image", "position": [ 0, 20, 430, 461 ], "completed": false }, { "type": "title", "position": [ 482, 82, 317, 216 ], "completed": false }, { "type": "description", "position": [ 482, 308, 317, 96 ], "completed": false }, { "type": "link", "position": [ 482, 413, 101, 23 ], "completed": false } ] }, { "text": "# A page for introducing the tribal benefit.# The page should have a title \"Tribal Benefit\", a short description, and a link \"Learn More\" for the user to click to learn more info.", "region_id": "6133", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'tribal benefit'] ] [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 31 | complete background 4 2 110 26 | description 10 13 99 2 | link 10 18 10 2 | title 10 7 99 3", "layout_seq_without_completion": "background 0 0 120 31 | background 4 2 110 26 | description 10 13 99 2 | link 10 18 10 2 | title 10 7 99 3", "plain_layout_seq": "background 0 0 120 31 | background 4 2 110 26 | description 10 13 99 2 | link 10 18 10 2 | title 10 7 99 3", "canvas_width": 1024, "canvas_height": 265, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 265 ], "completed": true }, { "type": "background", "position": [ 42, 21, 940, 224 ], "completed": true }, { "type": "title", "position": [ 89, 68, 846, 34 ], "completed": false }, { "type": "description", "position": [ 89, 118, 846, 24 ], "completed": false }, { "type": "link", "position": [ 89, 158, 86, 24 ], "completed": false } ] }, { "text": "#A page for showing the top hospitals.# The page should have a title, and 6 texts to show the addresses of top hospitals.", "region_id": "3574", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title][el:text[attr:repeat '6']]]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 0 0 118 3 | \" [ text 3 4 20 3 ] | [ text 27 4 23 3 ] | [ text 54 4 21 3 ] | [ text 80 4 27 3 ] | [ text 3 8 29 3 ] | [ text 36 8 28 3 ] \"", "layout_seq_without_completion": "title 0 0 118 3 | \" [ text 3 4 20 3 ] | [ text 27 4 23 3 ] | [ text 54 4 21 3 ] | [ text 80 4 27 3 ] | [ text 3 8 29 3 ] | [ text 36 8 28 3 ] \"", "plain_layout_seq": "text 3 4 20 3 | text 27 4 23 3 | text 54 4 21 3 | text 80 4 27 3 | text 3 8 29 3 | text 36 8 28 3 | title 0 0 118 3", "canvas_width": 984, "canvas_height": 114, "elements": [ { "type": "title", "position": [ 8, 0, 968, 30 ], "completed": false }, { "type": "text", "position": [ 27, 40, 172, 27 ], "completed": false }, { "type": "text", "position": [ 229, 40, 191, 27 ], "completed": false }, { "type": "text", "position": [ 450, 40, 176, 27 ], "completed": false }, { "type": "text", "position": [ 656, 40, 225, 27 ], "completed": false }, { "type": "text", "position": [ 27, 67, 243, 27 ], "completed": false }, { "type": "text", "position": [ 300, 67, 230, 27 ], "completed": false } ] }, { "text": "#A page is used for a company to search for cooperation. # The page should have a slogan of the company, and one short introduction to express the goals to look for cooperation. A button is needed for users to click to join in.", "region_id": "356", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'join in'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 2 36 23 7 | description 2 23 56 8 | title 0 0 58 21", "layout_seq_without_completion": "button 2 36 23 7 | description 2 23 56 8 | title 0 0 58 21", "plain_layout_seq": "button 2 36 23 7 | description 2 23 56 8 | title 0 0 58 21", "canvas_width": 943, "canvas_height": 486, "elements": [ { "type": "title", "position": [ 1, 1, 462, 170 ], "completed": false }, { "type": "description", "position": [ 21, 187, 442, 67 ], "completed": false }, { "type": "button", "position": [ 21, 285, 184, 61 ], "completed": false } ] }, { "text": "#A page is used for a company to search for cooperation. # The page should have an image to show a slogan of the company, and one short introduction to express the goals to look for cooperation. A button is needed for users to click to join in.", "region_id": "356_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description [attr:size'small'] ] [el:button [attr:value'join in'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined", "layout_seq_with_completion": "button 2 36 23 7 | description 2 23 56 8 | image 0 0 58 21", "layout_seq_without_completion": "button 2 36 23 7 | description 2 23 56 8 | image 0 0 58 21", "plain_layout_seq": "button 2 36 23 7 | description 2 23 56 8 | image 0 0 58 21", "canvas_width": 943, "canvas_height": 486, "elements": [ { "type": "image", "position": [ 1, 1, 462, 170 ], "completed": false }, { "type": "description", "position": [ 21, 187, 442, 67 ], "completed": false }, { "type": "button", "position": [ 21, 285, 184, 61 ], "completed": false } ] }, { "text": "#A page with some news for users to read.# There is an image of the news. There is also a title and a text of a brief introduction to the news. A small text shows the time of the news. At last, there is the logo of the news company 'MTN'.", "region_id": "3132", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small'] ] [el:text [attr:size 'small'] ] [el:logo [attr:value 'mtn'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | logo undefined undefined | text undefined small | title undefined undefined", "layout_seq_with_completion": "description 16 3 103 5 | image 0 0 14 14 | logo 115 13 4 1 | text 16 10 10 1 | title 16 0 51 2", "layout_seq_without_completion": "description 16 3 103 5 | image 0 0 14 14 | logo 115 13 4 1 | text 16 10 10 1 | title 16 0 51 2", "plain_layout_seq": "description 16 3 103 5 | image 0 0 14 14 | logo 115 13 4 1 | text 16 10 10 1 | title 16 0 51 2", "canvas_width": 992, "canvas_height": 135, "elements": [ { "type": "title", "position": [ 136, 0, 425, 24 ], "completed": false }, { "type": "image", "position": [ 0, 2, 120, 120 ], "completed": false }, { "type": "description", "position": [ 136, 31, 856, 42 ], "completed": false }, { "type": "text", "position": [ 136, 83, 85, 16 ], "completed": false }, { "type": "logo", "position": [ 951, 115, 41, 15 ], "completed": false } ] }, { "text": "#A page for users to sign up.# The page should have two links for users to search and know about the company, two texts to call for users to subscribe, three texts and three inputs for users to enter emails, first name, and last name, and a button for users to click to sign up. Two other texts are needed to show tips.", "region_id": "7592", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:repeat '2'] [attr:value 'search,about us'] ] [el:text [attr:repeat '2'] ] [el:text [attr:repeat '3'] [attr:value 'email address,first name,last name'] ] [el:input [attr:repeat '3'] ] [el:button [attr:value 'sign up'] ] [el:text [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | input undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 27 54 64 5 | input 27 46 64 4 | input 27 25 64 4 | input 27 36 64 4 | link 11 4 4 1 | link 11 8 6 1 | text 27 14 64 5 | text 53 76 13 3 | text 27 59 64 8 | text 27 33 64 1 | text 27 43 64 1 | text 27 22 64 1 | text 27 5 64 8", "layout_seq_without_completion": "button 27 54 64 5 | input 27 46 64 4 | input 27 25 64 4 | input 27 36 64 4 | link 11 4 4 1 | link 11 8 6 1 | text 27 14 64 5 | text 53 76 13 3 | text 27 59 64 8 | text 27 33 64 1 | text 27 43 64 1 | text 27 22 64 1 | text 27 5 64 8", "plain_layout_seq": "button 27 54 64 5 | input 27 46 64 4 | input 27 25 64 4 | input 27 36 64 4 | link 11 4 4 1 | link 11 8 6 1 | text 27 14 64 5 | text 53 76 13 3 | text 27 59 64 8 | text 27 33 64 1 | text 27 43 64 1 | text 27 22 64 1 | text 27 5 64 8", "canvas_width": 1024, "canvas_height": 724, "elements": [ { "type": "link", "position": [ 102, 37, 41, 15 ], "completed": false }, { "type": "text", "position": [ 237, 51, 550, 71 ], "completed": false }, { "type": "link", "position": [ 94, 70, 56, 15 ], "completed": false }, { "type": "text", "position": [ 237, 122, 550, 48 ], "completed": false }, { "type": "text", "position": [ 237, 193, 550, 15 ], "completed": false }, { "type": "input", "position": [ 237, 219, 550, 40 ], "completed": false }, { "type": "text", "position": [ 237, 282, 550, 15 ], "completed": false }, { "type": "input", "position": [ 237, 308, 550, 40 ], "completed": false }, { "type": "text", "position": [ 237, 371, 550, 15 ], "completed": false }, { "type": "input", "position": [ 237, 397, 550, 40 ], "completed": false }, { "type": "button", "position": [ 237, 461, 550, 44 ], "completed": false }, { "type": "text", "position": [ 237, 505, 550, 76 ], "completed": false }, { "type": "text", "position": [ 456, 652, 113, 26 ], "completed": false } ] }, { "text": "#A page for introducing an advertisement to users.# The page should include one title named \"Grow your business on your own terms\" and two buttons for users to click to start for free and get a demo.", "region_id": "1565", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'grow your business on your own terms'] ] [el:button [attr:value'start for free'] ] [el:button [attr:value'get a demo'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 26 16 5 | button 23 26 15 5 | title 5 12 100 9", "layout_seq_without_completion": "button 5 26 16 5 | button 23 26 15 5 | title 5 12 100 9", "plain_layout_seq": "button 5 26 16 5 | button 23 26 15 5 | title 5 12 100 9", "canvas_width": 1024, "canvas_height": 384, "elements": [ { "type": "title", "position": [ 44, 104, 856, 77 ], "completed": false }, { "type": "button", "position": [ 44, 229, 145, 51 ], "completed": false }, { "type": "button", "position": [ 204, 229, 136, 51 ], "completed": false } ] }, { "text": "#A page introducing the pros of an app. # The page should have an image that will be seen on the phone and PC. There should be four introductions texts to show the pros of the app.", "region_id": "534", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description [attr:repeat '4'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "image 6 17 59 43 | \" [ description 72 7 41 16 ] | [ description 72 23 41 14 ] | [ description 72 37 41 16 ] | [ description 72 54 41 16 ] \"", "layout_seq_without_completion": "image 6 17 59 43 | \" [ description 72 7 41 16 ] | [ description 72 23 41 14 ] | [ description 72 37 41 16 ] | [ description 72 54 41 16 ] \"", "plain_layout_seq": "description 72 7 41 16 | description 72 23 41 14 | description 72 37 41 16 | description 72 54 41 16 | image 6 17 59 43", "canvas_width": 1024, "canvas_height": 669, "elements": [ { "type": "description", "position": [ 620, 60, 352, 143 ], "completed": false }, { "type": "image", "position": [ 52, 150, 508, 369 ], "completed": false }, { "type": "description", "position": [ 620, 203, 352, 120 ], "completed": false }, { "type": "description", "position": [ 620, 323, 352, 143 ], "completed": false }, { "type": "description", "position": [ 620, 466, 352, 143 ], "completed": false } ] }, { "text": "#A page for users to buy patiern#. There is one image, one title \"Harvest Braid Beanie\", one slogan, and one button for buying patterns now.", "region_id": "8658", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'harvest braid beanie'] ] [el:title] [el:button [attr:value 'buy patterns now'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 40 25 5 | image 60 3 60 60 | title 0 27 55 11 | title 0 20 55 4", "layout_seq_without_completion": "button 0 40 25 5 | image 60 3 60 60 | title 0 27 55 11 | title 0 20 55 4", "plain_layout_seq": "button 0 40 25 5 | image 60 3 60 60 | title 0 27 55 11 | title 0 20 55 4", "canvas_width": 964, "canvas_height": 537, "elements": [ { "type": "image", "position": [ 482, 28, 482, 482 ], "completed": false }, { "type": "title", "position": [ 0, 166, 447, 36 ], "completed": false }, { "type": "title", "position": [ 0, 218, 447, 92 ], "completed": false }, { "type": "button", "position": [ 0, 325, 201, 47 ], "completed": false } ] }, { "text": "# A page for advertising the JEM organics nut butter in a shop. # The page should have a background image, a description \"USDA Certified Organic\", a product name, a short introduction, and a button \"Shop Now\" for the user to purchase it.", "region_id": "7785", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:description [attr:value 'USDA Certified Organic'] ] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'shop now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 68 6 44 48 | button 73 45 13 5 | description 73 29 34 14 | description 73 12 34 3 | title 73 18 34 8", "layout_seq_without_completion": "background 68 6 44 48 | button 73 45 13 5 | description 73 29 34 14 | description 73 12 34 3 | title 73 18 34 8", "plain_layout_seq": "background 68 6 44 48 | button 73 45 13 5 | description 73 29 34 14 | description 73 12 34 3 | title 73 18 34 8", "canvas_width": 1029, "canvas_height": 750, "elements": [ { "type": "background", "position": [ 589, 60, 380, 420 ], "completed": false }, { "type": "description", "position": [ 629, 105, 300, 30 ], "completed": false }, { "type": "title", "position": [ 629, 156, 300, 77 ], "completed": false }, { "type": "description", "position": [ 629, 253, 300, 122 ], "completed": false }, { "type": "button", "position": [ 629, 394, 115, 47 ], "completed": false } ] }, { "text": "#A page for introducing mobile monetization to users.# On the left side of the page, there should be one title \"Mobile Monetization\" and a brief description under it. Below, one link should be provided for users to read more information. On the right side, there should be one image of mobile monetization.", "region_id": "5449", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'Mobile Monetization'] [attr:position 'left'] ] [el:description [attr:size 'small'][attr:position 'left'] ] [el:link[attr:value 'Read more']] [el:image [attr:position 'right'] ] ]", "execution": "singleinfo : description left small | image right undefined | link undefined undefined | title left undefined", "layout_seq_with_completion": "description 0 28 62 12 | image 62 17 57 32 | link 0 46 17 2 | title 0 14 62 13", "layout_seq_without_completion": "description 0 28 62 12 | image 62 17 57 32 | link 0 46 17 2 | title 0 14 62 13", "plain_layout_seq": "description 0 28 62 12 | image 62 17 57 32 | link 0 46 17 2 | title 0 14 62 13", "canvas_width": 930, "canvas_height": 578, "elements": [ { "type": "title", "position": [ 0, 110, 488, 101 ], "completed": false }, { "type": "image", "position": [ 488, 133, 442, 252 ], "completed": false }, { "type": "description", "position": [ 0, 219, 488, 95 ], "completed": false }, { "type": "link", "position": [ 0, 363, 132, 22 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Uplight\" to users.# The page should include one title and a brief description on the left. On the right side, there should be an image.", "region_id": "543", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description left small | image right undefined | title left undefined", "layout_seq_with_completion": "description 16 45 41 11 | image 60 29 55 40 | title 16 26 41 16", "layout_seq_without_completion": "description 16 45 41 11 | image 60 29 55 40 | title 16 26 41 16", "plain_layout_seq": "description 16 45 41 11 | image 60 29 55 40 | title 16 26 41 16", "canvas_width": 1024, "canvas_height": 727, "elements": [ { "type": "title", "position": [ 140, 225, 351, 144 ], "completed": false }, { "type": "image", "position": [ 512, 250, 472, 345 ], "completed": false }, { "type": "description", "position": [ 140, 384, 351, 96 ], "completed": false } ] }, { "text": "# A page for the user to get directions to the shop. # The page should have the title \"SHOP LOCATION\" and three entries of address information. Also, it is necessary to have a button \"DIRECTIONS\" for the user to get directions to the shop. It will be better to have an image.", "region_id": "8040", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'shop location'] ] [el:text [attr:repeat '3'] ] [el:button [attr:value 'directions'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 19 33 20 5 | complete image 0 3 60 41 | image 60 3 60 41 | text 3 14 52 3 | text 3 19 52 3 | text 3 24 52 6 | title 3 7 52 4", "layout_seq_without_completion": "button 19 33 20 5 | image 0 3 60 41 | image 60 3 60 41 | text 3 14 52 3 | text 3 19 52 3 | text 3 24 52 6 | title 3 7 52 4", "plain_layout_seq": "button 19 33 20 5 | image 0 3 60 41 | image 60 3 60 41 | text 3 14 52 3 | text 3 19 52 3 | text 3 24 52 6 | title 3 7 52 4", "canvas_width": 964, "canvas_height": 386, "elements": [ { "type": "image", "position": [ 0, 28, 482, 331 ], "completed": true }, { "type": "image", "position": [ 482, 28, 482, 331 ], "completed": false }, { "type": "title", "position": [ 30, 58, 422, 40 ], "completed": false }, { "type": "text", "position": [ 30, 113, 422, 27 ], "completed": false }, { "type": "text", "position": [ 30, 155, 422, 28 ], "completed": false }, { "type": "text", "position": [ 30, 197, 422, 54 ], "completed": false }, { "type": "button", "position": [ 158, 267, 166, 47 ], "completed": false } ] }, { "text": "# A page for introducing an app. # On the page, there should be a text box showing the slogan, a background image showing the app, and a text button for the user to explore the app.", "region_id": "771", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:background_image] [el:button [attr:value'explore the app'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 38 | button 11 21 19 4 | title 11 2 35 19", "layout_seq_without_completion": "background 0 0 120 38 | button 11 21 19 4 | title 11 2 35 19", "plain_layout_seq": "background 0 0 120 38 | button 11 21 19 4 | title 11 2 35 19", "canvas_width": 1003, "canvas_height": 325, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 325 ], "completed": false }, { "type": "title", "position": [ 97, 20, 300, 160 ], "completed": false }, { "type": "button", "position": [ 97, 180, 160, 40 ], "completed": false } ] }, { "text": "# A page for the user to read featured news.# The page should have the word \"FEATURED\" to attract the reader, a news title, and a further description. There should also be a button \"READ MORE\" for the user to read more by clicking it. It will be better to have an image for the news.", "region_id": "4642", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value 'featured'] ] [el:title] [el:description] [el:button [attr:value 'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 34 18 5 | description 5 24 35 7 | image 46 4 67 34 | text 5 2 8 2 | title 5 6 35 15", "layout_seq_without_completion": "button 5 34 18 5 | description 5 24 35 7 | image 46 4 67 34 | text 5 2 8 2 | title 5 6 35 15", "plain_layout_seq": "button 5 34 18 5 | description 5 24 35 7 | image 46 4 67 34 | text 5 2 8 2 | title 5 6 35 15", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "text", "position": [ 50, 21, 73, 20 ], "completed": false }, { "type": "image", "position": [ 398, 36, 578, 298 ], "completed": false }, { "type": "title", "position": [ 50, 54, 304, 135 ], "completed": false }, { "type": "description", "position": [ 50, 211, 304, 63 ], "completed": false }, { "type": "button", "position": [ 50, 296, 160, 50 ], "completed": false } ] }, { "text": "#A page for users to find career opportunities in a company.# There should be two text boxes, one showing the slogan and the other for the description. One text link is needed for users to learn more info to find a job in the company. A background image should be used.", "region_id": "2004", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'read more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 31 | description 2 15 90 2 | link 2 19 17 1 | title 2 8 90 4", "layout_seq_without_completion": "background 0 0 120 31 | description 2 15 90 2 | link 2 19 17 1 | title 2 8 90 4", "plain_layout_seq": "background 0 0 120 31 | description 2 15 90 2 | link 2 19 17 1 | title 2 8 90 4", "canvas_width": 984, "canvas_height": 256, "elements": [ { "type": "background", "position": [ 0, 0, 984, 256 ], "completed": false }, { "type": "title", "position": [ 20, 70, 739, 40 ], "completed": false }, { "type": "description", "position": [ 20, 125, 739, 20 ], "completed": false }, { "type": "link", "position": [ 20, 161, 140, 15 ], "completed": false } ] }, { "text": "#A page to introduce some courses.# There are two titles and a short description to lead you to some courses you can complete in a day.", "region_id": "4932", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "layout_seq_without_completion": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "plain_layout_seq": "description 0 13 120 3 | title 0 0 120 3 | title 0 5 120 5", "canvas_width": 969, "canvas_height": 136, "elements": [ { "type": "title", "position": [ 0, 0, 969, 28 ], "completed": false }, { "type": "title", "position": [ 0, 44, 969, 48 ], "completed": false }, { "type": "description", "position": [ 0, 108, 969, 28 ], "completed": false } ] }, { "text": "#A page for introducing the Gourmet & Ethnic team to users.# The page should include one picture on the left. On the right side, there should be a brief description of the Gourmet & Ethnic and the name of the authors.", "region_id": "2348", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:text [attr:position'right'] ] ]", "execution": "singleinfo : description right small | image left undefined | text right undefined", "layout_seq_with_completion": "description 80 0 39 12 | complete icon 75 0 4 4 | image 60 0 15 15 | text 80 12 34 2", "layout_seq_without_completion": "description 80 0 39 12 | icon 75 0 4 4 | image 60 0 15 15 | text 80 12 34 2", "plain_layout_seq": "description 80 0 39 12 | icon 75 0 4 4 | image 60 0 15 15 | text 80 12 34 2", "canvas_width": 932, "canvas_height": 154, "elements": [ { "type": "image", "position": [ 466, 0, 120, 120 ], "completed": false }, { "type": "icon", "position": [ 586, 0, 37, 35 ], "completed": true }, { "type": "description", "position": [ 622, 0, 309, 98 ], "completed": false }, { "type": "text", "position": [ 622, 98, 268, 17 ], "completed": false } ] }, { "text": "#A page for introducing one company named \"earnix\".# There should be six text boxes showing the company's info and one link for users to follow it. There should be four links for users to choose their follow social media.", "region_id": "119", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'6'] ] [el:link [attr:value'follow it'] ] [el:link [attr:repeat'4'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "link 2 55 114 4 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | complete text 2 75 28 1 | \" [ link 45 61 5 5 ] | [ link 53 61 5 5 ] | [ link 61 61 5 5 ] | [ link 69 61 5 5 ] \"", "layout_seq_without_completion": "link 2 55 114 4 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | text 2 75 28 1 | \" [ link 45 61 5 5 ] | [ link 53 61 5 5 ] | [ link 61 61 5 5 ] | [ link 69 61 5 5 ] \"", "plain_layout_seq": "link 2 55 114 4 | link 45 61 5 5 | link 53 61 5 5 | link 61 61 5 5 | link 69 61 5 5 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | text 2 75 28 1", "canvas_width": 1024, "canvas_height": 675, "elements": [ { "type": "text", "position": [ 20, 147, 984, 16 ], "completed": false }, { "type": "text", "position": [ 20, 197, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 250, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 302, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 354, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 407, 984, 18 ], "completed": false }, { "type": "link", "position": [ 25, 472, 974, 36 ], "completed": false }, { "type": "link", "position": [ 385, 528, 44, 44 ], "completed": false }, { "type": "link", "position": [ 455, 528, 44, 44 ], "completed": false }, { "type": "link", "position": [ 525, 528, 44, 44 ], "completed": false }, { "type": "link", "position": [ 595, 528, 44, 44 ], "completed": false }, { "type": "text", "position": [ 25, 640, 245, 13 ], "completed": true } ] }, { "text": "#A page for introducing one company named \"earnix\".# There should be six text boxes showing the company's info and one text box for users to follow it. There should be four texts for users to choose their follow ways.", "region_id": "119_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'6'] ] [el:text] [el:text [attr:repeat'4'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete link 2 75 28 1 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | text 2 55 114 4 | \" [ text 45 61 5 5 ] | [ text 53 61 5 5 ] | [ text 61 61 5 5 ] | [ text 69 61 5 5 ] \"", "layout_seq_without_completion": "link 2 75 28 1 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | text 2 55 114 4 | \" [ text 45 61 5 5 ] | [ text 53 61 5 5 ] | [ text 61 61 5 5 ] | [ text 69 61 5 5 ] \"", "plain_layout_seq": "link 2 75 28 1 | text 2 17 115 1 | text 2 35 115 2 | text 2 23 115 2 | text 2 41 115 2 | text 2 47 115 2 | text 2 29 115 2 | text 2 55 114 4 | text 45 61 5 5 | text 53 61 5 5 | text 61 61 5 5 | text 69 61 5 5", "canvas_width": 1024, "canvas_height": 675, "elements": [ { "type": "text", "position": [ 20, 147, 984, 16 ], "completed": false }, { "type": "text", "position": [ 20, 197, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 250, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 302, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 354, 984, 18 ], "completed": false }, { "type": "text", "position": [ 20, 407, 984, 18 ], "completed": false }, { "type": "text", "position": [ 25, 472, 974, 36 ], "completed": false }, { "type": "text", "position": [ 385, 528, 44, 44 ], "completed": false }, { "type": "text", "position": [ 455, 528, 44, 44 ], "completed": false }, { "type": "text", "position": [ 525, 528, 44, 44 ], "completed": false }, { "type": "text", "position": [ 595, 528, 44, 44 ], "completed": false }, { "type": "link", "position": [ 25, 640, 245, 13 ], "completed": true } ] }, { "text": "#A page for introducing a video gallery to users.# The page should include one title, and a video link for users to click to play. At the bottom, there should be two buttons for switching to different videos.", "region_id": "1541", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'play vedio']] [el:button [attr:position 'bottom'] [attr:repeat '2']] ]", "execution": "singleinfo : button bottom undefined | button bottom undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 27 16 65 44 | button 50 68 6 2 | button 62 68 6 2 | button 54 31 10 10 | complete icon 59 69 0 0 | complete text 27 61 65 5 | title 11 5 97 5", "layout_seq_without_completion": "background 27 16 65 44 | button 50 68 6 2 | button 62 68 6 2 | button 54 31 10 10 | icon 59 69 0 0 | text 27 61 65 5 | title 11 5 97 5", "plain_layout_seq": "background 27 16 65 44 | button 50 68 6 2 | button 62 68 6 2 | button 54 31 10 10 | icon 59 69 0 0 | text 27 61 65 5 | title 11 5 97 5", "canvas_width": 1024, "canvas_height": 649, "elements": [ { "type": "title", "position": [ 94, 50, 836, 45 ], "completed": false }, { "type": "background", "position": [ 232, 145, 560, 380 ], "completed": true }, { "type": "button", "position": [ 467, 266, 90, 90 ], "completed": false }, { "type": "text", "position": [ 232, 525, 560, 50 ], "completed": true }, { "type": "button", "position": [ 432, 585, 56, 24 ], "completed": false }, { "type": "button", "position": [ 536, 585, 56, 24 ], "completed": false }, { "type": "icon", "position": [ 508, 593, 8, 8 ], "completed": true } ] }, { "text": "#A page for users to search for information about Sri Lanka.# The page should include a link, \"All of Sri Lanka\", with an icon, an input, and a button.", "region_id": "6340", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value 'all of sri lanka'] ] [el:icon] [el:input] [el:button] ]", "execution": "singleinfo : button undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 102 12 2 2 | icon 52 5 2 2 | input 12 10 87 6 | link 55 5 11 1", "layout_seq_without_completion": "button 102 12 2 2 | icon 52 5 2 2 | input 12 10 87 6 | link 55 5 11 1", "plain_layout_seq": "button 102 12 2 2 | icon 52 5 2 2 | input 12 10 87 6 | link 55 5 11 1", "canvas_width": 1009, "canvas_height": 186, "elements": [ { "type": "icon", "position": [ 441, 44, 24, 24 ], "completed": false }, { "type": "link", "position": [ 465, 48, 99, 16 ], "completed": false }, { "type": "input", "position": [ 107, 88, 737, 58 ], "completed": false }, { "type": "button", "position": [ 861, 105, 24, 24 ], "completed": false } ] }, { "text": "#A page showing the service of a company. There needs to be a long title and a resume of the news. There has to be a small link for finding out more.", "region_id": "1632", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size'large'] ] [el:description] [el:link [attr:size'small'] [attr:value'read more'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined small | title undefined large", "layout_seq_with_completion": "complete background 0 0 120 62 | description 7 40 111 4 | link 7 46 11 5 | title 7 32 111 7", "layout_seq_without_completion": "background 0 0 120 62 | description 7 40 111 4 | link 7 46 11 5 | title 7 32 111 7", "plain_layout_seq": "background 0 0 120 62 | description 7 40 111 4 | link 7 46 11 5 | title 7 32 111 7", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 530 ], "completed": true }, { "type": "title", "position": [ 66, 280, 952, 67 ], "completed": false }, { "type": "description", "position": [ 66, 347, 952, 39 ], "completed": false }, { "type": "link", "position": [ 66, 401, 101, 48 ], "completed": false } ] }, { "text": "#A page showing the service of a company. There needs to be a long text box showing the title of the news. There has to be a small link for finding out more.", "region_id": "1632_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:size 'large'] ] [el:link [attr:size'small'] [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined small | title undefined large", "layout_seq_with_completion": "complete background 0 0 120 62 | link 7 46 11 5 | title 7 32 111 7 | complete title 7 40 111 4", "layout_seq_without_completion": "background 0 0 120 62 | link 7 46 11 5 | title 7 32 111 7 | title 7 40 111 4", "plain_layout_seq": "background 0 0 120 62 | link 7 46 11 5 | title 7 32 111 7 | title 7 40 111 4", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 530 ], "completed": true }, { "type": "title", "position": [ 66, 280, 952, 67 ], "completed": false }, { "type": "title", "position": [ 66, 347, 952, 39 ], "completed": true }, { "type": "link", "position": [ 66, 401, 101, 48 ], "completed": false } ] }, { "text": "#A page for introducing one repository.# There is one background image including one title \"the all in one repository\", one description, and one button for finding out more.", "region_id": "4578", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'the all in one repository']] [el:description] [el:button [attr:value 'find out more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 45 | button 52 30 14 4 | description 22 20 74 7 | title 36 9 47 7", "layout_seq_without_completion": "background 0 0 120 45 | button 52 30 14 4 | description 22 20 74 7 | title 36 9 47 7", "plain_layout_seq": "background 0 0 120 45 | button 52 30 14 4 | description 22 20 74 7 | title 36 9 47 7", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 390 ], "completed": false }, { "type": "title", "position": [ 309, 78, 406, 60 ], "completed": false }, { "type": "description", "position": [ 194, 174, 636, 60 ], "completed": false }, { "type": "button", "position": [ 451, 264, 122, 36 ], "completed": false } ] }, { "text": "#A page introducing an app.# There should be an image on the left. On the right, there is a title labeled \"Allianz Investor Relations App\" , an additional explanation for more information and a link for more details must be in place.", "region_id": "646", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left']] [el:title [attr:value'Allianz Investor Relations App'] [attr:position 'right']] [el:text [attr:position 'right']] [el:link [attr:value'More details'] [attr:position 'right']] ]", "execution": "singleinfo : image left undefined | link right undefined | text right undefined | title right undefined", "layout_seq_with_completion": "image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | title 43 5 71 4", "layout_seq_without_completion": "image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | title 43 5 71 4", "plain_layout_seq": "image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | title 43 5 71 4", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "image", "position": [ 47, 48, 289, 189 ], "completed": false }, { "type": "title", "position": [ 368, 48, 609, 36 ], "completed": false }, { "type": "text", "position": [ 368, 114, 609, 48 ], "completed": false }, { "type": "link", "position": [ 400, 192, 177, 24 ], "completed": false } ] }, { "text": "#A page introducing an app.# There should be a text box labeled \"Allianz Investor Relations App\". Also, an additional text box for more information and a link for more information must be in place.", "region_id": "646_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'Allianz Investor Relations App'] ] [el:text] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | text 43 5 71 4", "layout_seq_without_completion": "image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | text 43 5 71 4", "plain_layout_seq": "image 5 5 33 22 | link 46 22 20 2 | text 43 13 71 5 | text 43 5 71 4", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "image", "position": [ 47, 48, 289, 189 ], "completed": true }, { "type": "text", "position": [ 368, 48, 609, 36 ], "completed": false }, { "type": "text", "position": [ 368, 114, 609, 48 ], "completed": false }, { "type": "link", "position": [ 400, 192, 177, 24 ], "completed": false } ] }, { "text": "#A page for introducing an app named \"Moonshot\" to users.# The page should include one title and a brief description on the left. On the right side, there should be an interface for the Moonshot app.", "region_id": "1977", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'left'] ] [el:description [attr:size'small'] [attr:position'left'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : description left small | image right undefined | title left undefined", "layout_seq_with_completion": "description 0 11 56 18 | image 69 11 50 28 | complete text 0 33 56 14 | title 0 5 120 3", "layout_seq_without_completion": "description 0 11 56 18 | image 69 11 50 28 | text 0 33 56 14 | title 0 5 120 3", "plain_layout_seq": "description 0 11 56 18 | image 69 11 50 28 | text 0 33 56 14 | title 0 5 120 3", "canvas_width": 947, "canvas_height": 421, "elements": [ { "type": "title", "position": [ 0, 41, 947, 30 ], "completed": false }, { "type": "image", "position": [ 552, 91, 395, 221 ], "completed": false }, { "type": "description", "position": [ 0, 94, 442, 143 ], "completed": false }, { "type": "text", "position": [ 0, 264, 448, 114 ], "completed": true } ] }, { "text": "#This page introduces cookies to users. #This page has a description of cookies and two buttons: Set cookies and accept all.", "region_id": "6046", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:button [attr:value 'set cookies'] ] [el:button [attr:value 'accept all'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 48 | button 43 37 12 7 | button 60 37 21 5 | description 38 2 43 33", "layout_seq_without_completion": "background 0 0 120 48 | button 43 37 12 7 | button 60 37 21 5 | description 38 2 43 33", "plain_layout_seq": "background 0 0 120 48 | button 43 37 12 7 | button 60 37 21 5 | description 38 2 43 33", "canvas_width": 1024, "canvas_height": 412, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 412 ], "completed": true }, { "type": "description", "position": [ 327, 20, 370, 288 ], "completed": false }, { "type": "button", "position": [ 367, 324, 105, 68 ], "completed": false }, { "type": "button", "position": [ 512, 324, 185, 44 ], "completed": false } ] }, { "text": "# A page introducing the origin of the store Sugar & Spice. # On the page, there should have an image, the name of the store, the title \"OUR LEGACY\", and a long description of the shop. Then, a link is needed for the user to click to learn more info about the shop.", "region_id": "8048", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text][el:title [attr:value 'OUR LEGACY'] ] [el:description [attr:size 'large'] ] [el:link [attr:value'learn more']] ]", "execution": "singleinfo : description undefined large | image undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 22 49 21 | link 5 46 8 2 | text 5 11 49 2 | title 5 15 49 3", "layout_seq_without_completion": "description 5 22 49 21 | link 5 46 8 2 | text 5 11 49 2 | title 5 15 49 3", "plain_layout_seq": "description 5 22 49 21 | link 5 46 8 2 | text 5 11 49 2 | title 5 15 49 3", "canvas_width": 1024, "canvas_height": 513, "elements": [ { "type": "text", "position": [ 50, 94, 422, 20 ], "completed": false }, { "type": "title", "position": [ 50, 130, 422, 33 ], "completed": false }, { "type": "description", "position": [ 50, 188, 422, 185 ], "completed": false }, { "type": "link", "position": [ 50, 393, 71, 23 ], "completed": false } ] }, { "text": "#A page introducing the company's cooperation with other companies. # The page should have a title and a short introduction to the commitment of the company entice users to cooperate with it, and a button for users to click to view all. And 4 logos of cooperative companies and two paginiations to turn the page.", "region_id": "1505", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'view all'] ] [el:logo [attr:repeat'4'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | description undefined small | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | pagination undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete button 76 20 0 0 | complete button 78 20 0 0 | button 6 25 29 5 | description 6 8 33 9 | title 6 4 33 2 | \" [ logo 49 9 5 5 ] | [ logo 62 9 14 5 ] | [ logo 78 10 17 4 ] | [ logo 95 10 17 3 ] \"", "layout_seq_without_completion": "button 76 20 0 0 | button 78 20 0 0 | button 6 25 29 5 | description 6 8 33 9 | title 6 4 33 2 | \" [ logo 49 9 5 5 ] | [ logo 62 9 14 5 ] | [ logo 78 10 17 4 ] | [ logo 95 10 17 3 ] \"", "plain_layout_seq": "button 76 20 0 0 | button 78 20 0 0 | button 6 25 29 5 | description 6 8 33 9 | logo 49 9 5 5 | logo 62 9 14 5 | logo 78 10 17 4 | logo 95 10 17 3 | title 6 4 33 2", "canvas_width": 1003, "canvas_height": 303, "elements": [ { "type": "title", "position": [ 55, 40, 278, 18 ], "completed": false }, { "type": "description", "position": [ 55, 73, 278, 76 ], "completed": false }, { "type": "logo", "position": [ 411, 80, 49, 50 ], "completed": false }, { "type": "logo", "position": [ 524, 80, 119, 50 ], "completed": false }, { "type": "logo", "position": [ 655, 87, 150, 36 ], "completed": false }, { "type": "logo", "position": [ 802, 90, 150, 30 ], "completed": false }, { "type": "button", "position": [ 641, 172, 8, 8 ], "completed": true }, { "type": "button", "position": [ 657, 172, 8, 8 ], "completed": true }, { "type": "button", "position": [ 55, 215, 250, 48 ], "completed": false } ] }, { "text": "#A page to introduce their jeweler custom service.# There is a title followed by a description of the service. There is also a button 'CONTACT US' for users to contact the company.", "region_id": "7919", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'contact us'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 32 18 4 | description 10 17 37 11 | complete image 7 7 44 33 | title 10 11 37 4", "layout_seq_without_completion": "button 10 32 18 4 | description 10 17 37 11 | image 7 7 44 33 | title 10 11 37 4", "plain_layout_seq": "button 10 32 18 4 | description 10 17 37 11 | image 7 7 44 33 | title 10 11 37 4", "canvas_width": 1024, "canvas_height": 750, "elements": [ { "type": "image", "position": [ 60, 60, 380, 290 ], "completed": true }, { "type": "title", "position": [ 90, 96, 320, 42 ], "completed": false }, { "type": "description", "position": [ 90, 150, 320, 97 ], "completed": false }, { "type": "button", "position": [ 90, 277, 158, 42 ], "completed": false } ] }, { "text": "#A page showing the recruiting page of Sanofi - a job finding sector of the website.# There should be an attractive title and a short introduction to the platform. A long input box for search and there's a button\"SEARCH\" underneath it. There must be three additional buttons \"our recruitment process, see all open jobs, sign up for job alerts\" for different platform options.", "region_id": "2128", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:input [attr:size'large'] [attr:value'search for jobs'] ] [el:button [attr:value'search'] ] [el:button [attr:value'our recruitment process'] ] [el:button [attr:value'see all open jobs'] ] [el:button [attr:value'sign up for job alerts'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | input undefined large | title undefined undefined", "layout_seq_with_completion": "button 52 29 15 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4 | \" [ button 42 37 35 5 ] | [ button 42 44 35 5 ] | [ button 42 51 35 5 ] \"", "layout_seq_without_completion": "button 52 29 15 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4 | \" [ button 42 37 35 5 ] | [ button 42 44 35 5 ] | [ button 42 51 35 5 ] \"", "plain_layout_seq": "button 52 29 15 5 | button 42 37 35 5 | button 42 44 35 5 | button 42 51 35 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "title", "position": [ 108, 30, 808, 42 ], "completed": false }, { "type": "description", "position": [ 108, 92, 808, 27 ], "completed": false }, { "type": "input", "position": [ 156, 149, 712, 70 ], "completed": false }, { "type": "button", "position": [ 444, 249, 136, 44 ], "completed": false }, { "type": "button", "position": [ 359, 323, 306, 44 ], "completed": false }, { "type": "button", "position": [ 359, 382, 306, 44 ], "completed": false }, { "type": "button", "position": [ 359, 441, 306, 44 ], "completed": false } ] }, { "text": "#A page showing the recruiting page of Sanofi - a job finding sector of the website.# There should be two parallel text boxes showing an attractive title and a short introduction for the platform. A long button, along with a short one, also should be included where users can search for jobs. There must be three additional buttons for different platform options such as \"signing up\".", "region_id": "2128_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:input [attr:size'large'] [attr:value'search for jobs'] ] [el:button [attr:size'small'] ] [el:button [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined small | button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | input undefined large | title undefined undefined", "layout_seq_with_completion": "button 52 29 15 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4 | \" [ button 42 37 35 5 ] | [ button 42 44 35 5 ] | [ button 42 51 35 5 ] \"", "layout_seq_without_completion": "button 52 29 15 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4 | \" [ button 42 37 35 5 ] | [ button 42 44 35 5 ] | [ button 42 51 35 5 ] \"", "plain_layout_seq": "button 52 29 15 5 | button 42 37 35 5 | button 42 44 35 5 | button 42 51 35 5 | description 12 10 94 3 | input 18 17 83 8 | title 12 3 94 4", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "title", "position": [ 108, 30, 808, 42 ], "completed": false }, { "type": "description", "position": [ 108, 92, 808, 27 ], "completed": false }, { "type": "input", "position": [ 156, 149, 712, 70 ], "completed": false }, { "type": "button", "position": [ 444, 249, 136, 44 ], "completed": false }, { "type": "button", "position": [ 359, 323, 306, 44 ], "completed": false }, { "type": "button", "position": [ 359, 382, 306, 44 ], "completed": false }, { "type": "button", "position": [ 359, 441, 306, 44 ], "completed": false } ] }, { "text": "#A page to check career in the Phillips 66.# The page should have 'Phillips 66 Career' as its title and a short description of the advantage of working at Phillips 66. A 'Careers' button is wanted for the users to click to find careers. It will be better to have a background image of the company for beauty.", "region_id": "1989", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'phillips 66 career'] ] [el:description [attr:size'small'] ] [el:button [attr:value'careers'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 39 | button 95 30 14 6 | description 50 20 60 5 | title 50 3 60 15", "layout_seq_without_completion": "background 0 0 120 39 | button 95 30 14 6 | description 50 20 60 5 | title 50 3 60 15", "plain_layout_seq": "background 0 0 120 39 | button 95 30 14 6 | description 50 20 60 5 | title 50 3 60 15", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 341 ], "completed": false }, { "type": "title", "position": [ 427, 29, 512, 132 ], "completed": false }, { "type": "description", "position": [ 427, 176, 512, 50 ], "completed": false }, { "type": "button", "position": [ 817, 256, 122, 56 ], "completed": false } ] }, { "text": "# A page for marketing software and guiding the user to contact the company. # There should have a background image, a slogan, and a button \"Contact us\" for the user to contact the company.", "region_id": "3294", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:button [attr:value 'Contact us'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 32 | button 1 25 15 4 | title 1 5 58 17", "layout_seq_without_completion": "background 0 0 120 32 | button 1 25 15 4 | title 1 5 58 17", "plain_layout_seq": "background 0 0 120 32 | button 1 25 15 4 | title 1 5 58 17", "canvas_width": 1089, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 0, 0, 1089, 295 ], "completed": false }, { "type": "title", "position": [ 15, 52, 530, 159 ], "completed": false }, { "type": "button", "position": [ 15, 231, 141, 44 ], "completed": false } ] }, { "text": "# A page about the corporate vision. # The page should contain a title \"OUR VISION\", a logo and the name \"Bhome Nutrition\", and a brief description of the company's vision.", "region_id": "8471", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'our vision'] ] [el:logo] [el:text [attr:value 'bhome nutrition'] ] [el:description [attr:size 'small']] ]", "execution": "singleinfo : description undefined small | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete button 60 36 2 3 | complete button 57 36 2 3 | description 12 28 94 2 | description 12 23 94 3 | logo 58 14 2 2 | text 51 19 17 2 | title 5 3 108 4", "layout_seq_without_completion": "button 60 36 2 3 | button 57 36 2 3 | description 12 28 94 2 | description 12 23 94 3 | logo 58 14 2 2 | text 51 19 17 2 | title 5 3 108 4", "plain_layout_seq": "button 60 36 2 3 | button 57 36 2 3 | description 12 28 94 2 | description 12 23 94 3 | logo 58 14 2 2 | text 51 19 17 2 | title 5 3 108 4", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 50, 30, 924, 39 ], "completed": false }, { "type": "logo", "position": [ 502, 124, 20, 20 ], "completed": false }, { "type": "text", "position": [ 438, 167, 148, 25 ], "completed": false }, { "type": "description", "position": [ 110, 203, 804, 27 ], "completed": false }, { "type": "description", "position": [ 110, 241, 804, 22 ], "completed": false }, { "type": "button", "position": [ 488, 312, 19, 27 ], "completed": true }, { "type": "button", "position": [ 518, 312, 18, 27 ], "completed": true } ] }, { "text": "#A page for calling for users to start a store.# The page should have 3 texts to call for users to start a store, a button for users to click to start for free, a text to show a tip, and a link for users to boost it with Sellvial. An image as the extra layout.", "region_id": "5167", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] [el:button [attr:value 'start for free'] ] [el:text] [el:link [attr:value 'boost it with Sellvial'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 60 40 35 8 | image 3 12 35 33 | link 82 54 22 2 | text 45 22 63 7 | text 49 54 33 2 | text 45 34 63 3 | text 45 12 63 7", "layout_seq_without_completion": "button 60 40 35 8 | image 3 12 35 33 | link 82 54 22 2 | text 45 22 63 7 | text 49 54 33 2 | text 45 34 63 3 | text 45 12 63 7", "plain_layout_seq": "button 60 40 35 8 | image 3 12 35 33 | link 82 54 22 2 | text 45 22 63 7 | text 49 54 33 2 | text 45 34 63 3 | text 45 12 63 7", "canvas_width": 1024, "canvas_height": 656, "elements": [ { "type": "image", "position": [ 30, 108, 300, 284 ], "completed": false }, { "type": "text", "position": [ 391, 109, 542, 60 ], "completed": false }, { "type": "text", "position": [ 391, 189, 542, 64 ], "completed": false }, { "type": "text", "position": [ 391, 293, 542, 26 ], "completed": false }, { "type": "button", "position": [ 512, 349, 300, 70 ], "completed": false }, { "type": "link", "position": [ 706, 463, 195, 22 ], "completed": false }, { "type": "text", "position": [ 423, 466, 283, 19 ], "completed": false } ] }, { "text": "#A page for downloading a video.# The page should have a logo of the web, 3 texts to show the name the volume, and the time of the video, as well as a button for users to click to download the video.", "region_id": "3036", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:text [attr:repeat'3']] [el:button] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 88 0 7 4 | complete image 0 0 10 3 | logo 0 0 11 4 | text 95 0 10 4 | text 105 0 14 4 | text 11 0 76 4", "layout_seq_without_completion": "button 88 0 7 4 | image 0 0 10 3 | logo 0 0 11 4 | text 95 0 10 4 | text 105 0 14 4 | text 11 0 76 4", "plain_layout_seq": "button 88 0 7 4 | image 0 0 10 3 | logo 0 0 11 4 | text 95 0 10 4 | text 105 0 14 4 | text 11 0 76 4", "canvas_width": 940, "canvas_height": 39, "elements": [ { "type": "logo", "position": [ 0, 0, 89, 38 ], "completed": false }, { "type": "text", "position": [ 90, 0, 603, 38 ], "completed": false }, { "type": "button", "position": [ 692, 0, 56, 38 ], "completed": false }, { "type": "text", "position": [ 749, 0, 81, 38 ], "completed": false }, { "type": "text", "position": [ 830, 0, 110, 38 ], "completed": false }, { "type": "image", "position": [ 5, 6, 80, 28 ], "completed": true } ] }, { "text": "#A page for introducing the payouts function of the app to users.# The page should contain a title on the top and a brief description following it. Users can click the button to learn more information about the payouts function.", "region_id": "927", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title top undefined", "layout_seq_with_completion": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "layout_seq_without_completion": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "plain_layout_seq": "button 3 18 111 3 | description 3 9 111 6 | title 3 4 111 3", "canvas_width": 875, "canvas_height": 184, "elements": [ { "type": "title", "position": [ 24, 32, 811, 24 ], "completed": false }, { "type": "description", "position": [ 24, 72, 811, 48 ], "completed": false }, { "type": "button", "position": [ 24, 136, 811, 24 ], "completed": false } ] }, { "text": "#A page for introducing one company's cooperated company.# There should be two text boxes, one for the title and the other for the detailed description. Eight images are used to show the collaborators' logos.", "region_id": "149", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '8'] [item [el:image]] ] ]", "execution": "singleinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "description 3 17 114 14 | title 3 3 114 11 | \" [ image 37 33 15 15 ] | [ image 3 37 23 7 ] | [ image 93 38 21 4 ] | [ image 67 39 14 4 ] | [ image 3 51 15 14 ] | [ image 93 51 21 14 ] | [ image 37 54 15 8 ] | [ image 67 57 14 2 ] \"", "layout_seq_without_completion": "description 3 17 114 14 | title 3 3 114 11 | \" [ image 37 33 15 15 ] | [ image 3 37 23 7 ] | [ image 93 38 21 4 ] | [ image 67 39 14 4 ] | [ image 3 51 15 14 ] | [ image 93 51 21 14 ] | [ image 37 54 15 8 ] | [ image 67 57 14 2 ] \"", "plain_layout_seq": "description 3 17 114 14 | image 37 33 15 15 | image 3 37 23 7 | image 93 38 21 4 | image 67 39 14 4 | image 3 51 15 14 | image 93 51 21 14 | image 37 54 15 8 | image 67 57 14 2 | title 3 3 114 11", "canvas_width": 1024, "canvas_height": 594, "elements": [ { "type": "title", "position": [ 26, 30, 973, 96 ], "completed": false }, { "type": "description", "position": [ 26, 146, 973, 120 ], "completed": false }, { "type": "image", "position": [ 321, 286, 133, 134 ], "completed": false }, { "type": "image", "position": [ 26, 320, 203, 66 ], "completed": false }, { "type": "image", "position": [ 794, 332, 180, 42 ], "completed": false }, { "type": "image", "position": [ 575, 335, 123, 36 ], "completed": false }, { "type": "image", "position": [ 26, 436, 136, 124 ], "completed": false }, { "type": "image", "position": [ 794, 436, 180, 127 ], "completed": false }, { "type": "image", "position": [ 321, 463, 133, 73 ], "completed": false }, { "type": "image", "position": [ 575, 488, 123, 23 ], "completed": false } ] }, { "text": "# A page for marketing the app OpenPhone and guiding the user to try it for free. # The page should have the title \"Your business phone reimagined\", a description, and a button \"Try for free\" for the user to have a free trial. Besides, there should have four icons and a short description to tell the user can download it on Mac, Windows, Web, iOS, and Android. And it will be better to have an image showing the app.", "region_id": "2880", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'your business phone reimagined'] ] [el:description] [el:button [attr:value 'Try for free'] ] [el:icon [attr:repeat '4'] ] [el:description[attr:size'small'][attr:value'available on Mac, Windows, Web, iOS, and Android.']] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 50 17 6 | description 7 31 44 15 | description 10 67 38 5 | icon 36 60 4 4 | icon 17 60 4 4 | icon 26 60 4 4 | icon 7 60 4 4 | icon 46 60 4 4 | icon 46 60 5 4 | icon 7 60 5 4 | icon 26 60 5 4 | icon 36 60 5 4 | icon 17 60 5 4 | image 60 16 60 43 | title 7 4 44 22", "layout_seq_without_completion": "button 7 50 17 6 | description 7 31 44 15 | description 10 67 38 5 | icon 36 60 4 4 | icon 17 60 4 4 | icon 26 60 4 4 | icon 7 60 4 4 | icon 46 60 4 4 | icon 46 60 5 4 | icon 7 60 5 4 | icon 26 60 5 4 | icon 36 60 5 4 | icon 17 60 5 4 | image 60 16 60 43 | title 7 4 44 22", "plain_layout_seq": "button 7 50 17 6 | description 7 31 44 15 | description 10 67 38 5 | icon 36 60 4 4 | icon 17 60 4 4 | icon 26 60 4 4 | icon 7 60 4 4 | icon 46 60 4 4 | icon 46 60 5 4 | icon 7 60 5 4 | icon 26 60 5 4 | icon 36 60 5 4 | icon 17 60 5 4 | image 60 16 60 43 | title 7 4 44 22", "canvas_width": 1024, "canvas_height": 684, "elements": [ { "type": "title", "position": [ 64, 42, 380, 196 ], "completed": false }, { "type": "image", "position": [ 512, 141, 512, 375 ], "completed": false }, { "type": "description", "position": [ 64, 268, 380, 128 ], "completed": false }, { "type": "button", "position": [ 64, 428, 149, 56 ], "completed": false }, { "type": "icon", "position": [ 64, 516, 50, 36 ], "completed": false }, { "type": "icon", "position": [ 64, 516, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 146, 516, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 146, 516, 50, 36 ], "completed": false }, { "type": "icon", "position": [ 229, 516, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 229, 516, 50, 36 ], "completed": false }, { "type": "icon", "position": [ 311, 516, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 311, 516, 50, 36 ], "completed": false }, { "type": "icon", "position": [ 394, 516, 50, 36 ], "completed": false }, { "type": "icon", "position": [ 394, 516, 36, 36 ], "completed": false }, { "type": "description", "position": [ 92, 574, 325, 44 ], "completed": false } ] }, { "text": "#A page showing the promotion of a car.# There's a background picture. There are four descriptions showing the details of the voting rights. There's a button called\"DISCOVER MORE\".", "region_id": "1185", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:description [attr:repeat'4'] ] [el:button [attr:value'discover more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined", "layout_seq_with_completion": "background 0 0 120 49 | button 91 36 20 5 | description 90 8 21 8 | description 96 4 15 3 | description 86 16 24 3 | description 59 17 51 14", "layout_seq_without_completion": "background 0 0 120 49 | button 91 36 20 5 | description 90 8 21 8 | description 96 4 15 3 | description 86 16 24 3 | description 59 17 51 14", "plain_layout_seq": "background 0 0 120 49 | button 91 36 20 5 | description 90 8 21 8 | description 96 4 15 3 | description 86 16 24 3 | description 59 17 51 14", "canvas_width": 858, "canvas_height": 354, "elements": [ { "type": "background", "position": [ 0, 0, 858, 354 ], "completed": false }, { "type": "description", "position": [ 689, 30, 109, 24 ], "completed": false }, { "type": "description", "position": [ 645, 61, 153, 60 ], "completed": false }, { "type": "description", "position": [ 622, 120, 176, 26 ], "completed": false }, { "type": "description", "position": [ 428, 122, 370, 103 ], "completed": false }, { "type": "button", "position": [ 652, 260, 146, 36 ], "completed": false } ] }, { "text": "#A page for attracting users to join Coursera.# A page should include two texts to entice users to join in Coursera, and one button for users to click to join for free. An image is needed as an extra layout.", "region_id": "4264", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:button [attr:value 'join for free'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 15 72 18 2 | image 8 5 56 39 | text 15 63 71 2 | text 15 49 83 11", "layout_seq_without_completion": "button 15 72 18 2 | image 8 5 56 39 | text 15 63 71 2 | text 15 49 83 11", "plain_layout_seq": "button 15 72 18 2 | image 8 5 56 39 | text 15 63 71 2 | text 15 49 83 11", "canvas_width": 1009, "canvas_height": 694, "elements": [ { "type": "image", "position": [ 72, 48, 471, 330 ], "completed": false }, { "type": "text", "position": [ 132, 416, 705, 96 ], "completed": false }, { "type": "text", "position": [ 132, 536, 599, 24 ], "completed": false }, { "type": "button", "position": [ 132, 610, 152, 24 ], "completed": false } ] }, { "text": "# A page to advertise a product OrCam MyEye. # On the page, there should be an image showing the product, a title showing the name of the product, and a text box with a brief introduction of the product. What's more, there should be two text buttons. So the user can click them to learn more info about the product and buy it now.", "region_id": "1884", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:button [attr:value'buy it now'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 42 16 3 | button 91 42 14 3 | description 73 26 43 11 | image 1 5 66 51 | title 73 17 43 7", "layout_seq_without_completion": "button 73 42 16 3 | button 91 42 14 3 | description 73 26 43 11 | image 1 5 66 51 | title 73 17 43 7", "plain_layout_seq": "button 73 42 16 3 | button 91 42 14 3 | description 73 26 43 11 | image 1 5 66 51 | title 73 17 43 7", "canvas_width": 1039, "canvas_height": 548, "elements": [ { "type": "image", "position": [ 15, 50, 576, 448 ], "completed": false }, { "type": "title", "position": [ 636, 155, 373, 61 ], "completed": false }, { "type": "description", "position": [ 636, 232, 373, 96 ], "completed": false }, { "type": "button", "position": [ 636, 364, 147, 29 ], "completed": false }, { "type": "button", "position": [ 794, 364, 127, 29 ], "completed": false } ] }, { "text": "#A page for solving people's problems by speaking with experts.# There is one title\"Speak with an expert\" and one description. One image is used to show the pic of the expert. And there should be one text button for users to get a demo.", "region_id": "444", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'speak with an expert'] ] [el:description] [el:image] [el:button [attr:value'get a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "layout_seq_without_completion": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "plain_layout_seq": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "title", "position": [ 24, 96, 464, 106 ], "completed": false }, { "type": "image", "position": [ 536, 105, 464, 268 ], "completed": false }, { "type": "description", "position": [ 24, 226, 464, 84 ], "completed": false }, { "type": "button", "position": [ 24, 342, 161, 39 ], "completed": false } ] }, { "text": "#A page for solving people's problems by speaking with experts.# There should be two text boxes, one for showing the title and the other for showing the detailed description. One image is used to show the pic of the expert. And there should be one text button for users to get a demo.", "region_id": "444_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image] [el:button [attr:value'get a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "layout_seq_without_completion": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "plain_layout_seq": "button 2 40 18 4 | description 2 26 54 9 | image 62 12 54 31 | title 2 11 54 12", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "title", "position": [ 24, 96, 464, 106 ], "completed": false }, { "type": "image", "position": [ 536, 105, 464, 268 ], "completed": false }, { "type": "description", "position": [ 24, 226, 464, 84 ], "completed": false }, { "type": "button", "position": [ 24, 342, 161, 39 ], "completed": false } ] }, { "text": "# A page to download the YouTube video to the MP4. # The page should have an image, a link \"Your YouTube to MP4\" for the user to click to download, and a short description.", "region_id": "4076", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:link [attr:value 'Your YouTube to MP4'] ] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 9 4 55 3 | image 1 1 6 6 | link 9 1 55 3", "layout_seq_without_completion": "description 9 4 55 3 | image 1 1 6 6 | link 9 1 55 3", "plain_layout_seq": "description 9 4 55 3 | image 1 1 6 6 | link 9 1 55 3", "canvas_width": 900, "canvas_height": 73, "elements": [ { "type": "image", "position": [ 10, 10, 50, 50 ], "completed": false }, { "type": "link", "position": [ 70, 10, 417, 26 ], "completed": false }, { "type": "description", "position": [ 70, 35, 417, 27 ], "completed": false } ] }, { "text": "#A page introducing the resources offered by the company. # The page should have three text boxes to show the title, one slogan and one introduction to represent the resources offered by the company to attract users to use its service. One button is needed for users to click to learn more.", "region_id": "2183", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 43 | button 45 32 28 5 | description 7 20 104 5 | title 7 8 104 2 | title 14 15 89 3", "layout_seq_without_completion": "background 0 0 120 43 | button 45 32 28 5 | description 7 20 104 5 | title 7 8 104 2 | title 14 15 89 3", "plain_layout_seq": "background 0 0 120 43 | button 45 32 28 5 | description 7 20 104 5 | title 7 8 104 2 | title 14 15 89 3", "canvas_width": 1027, "canvas_height": 372, "elements": [ { "type": "background", "position": [ 0, 0, 1027, 372 ], "completed": true }, { "type": "title", "position": [ 67, 75, 893, 24 ], "completed": false }, { "type": "title", "position": [ 128, 129, 770, 32 ], "completed": false }, { "type": "description", "position": [ 67, 176, 893, 48 ], "completed": false }, { "type": "button", "position": [ 392, 281, 243, 51 ], "completed": false } ] }, { "text": "#A page for introducing one pipeline.#There should be one image, one label \"Pipeline&Partners\" and one text box showing the detailed description. One button is used for users to view the pipeline.", "region_id": "1488", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'pipeline&partners'] ] [el:description] [el:button [attr:value'view the pipeline'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | title 4 5 71 5", "layout_seq_without_completion": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | title 4 5 71 5", "plain_layout_seq": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | title 4 5 71 5", "canvas_width": 1039, "canvas_height": 568, "elements": [ { "type": "title", "position": [ 38, 50, 621, 44 ], "completed": false }, { "type": "image", "position": [ 705, 50, 311, 467 ], "completed": false }, { "type": "description", "position": [ 38, 184, 609, 66 ], "completed": false }, { "type": "button", "position": [ 38, 302, 167, 60 ], "completed": false } ] }, { "text": "#A page for introducing one pipeline.#There should be one image and one text box showing the detailed description. One text button is used for users to view the pipeline.", "region_id": "1488_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:description] [el:button [attr:value'view the pipeline'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | complete title 4 5 71 5", "layout_seq_without_completion": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | title 4 5 71 5", "plain_layout_seq": "button 4 34 19 6 | description 4 21 70 7 | image 81 5 35 53 | title 4 5 71 5", "canvas_width": 1039, "canvas_height": 568, "elements": [ { "type": "title", "position": [ 38, 50, 621, 44 ], "completed": true }, { "type": "image", "position": [ 705, 50, 311, 467 ], "completed": false }, { "type": "description", "position": [ 38, 184, 609, 66 ], "completed": false }, { "type": "button", "position": [ 38, 302, 167, 60 ], "completed": false } ] }, { "text": "#A page informing users that we use cookies and guiding users to manage choices and confirm them.#The page should have one text heading, one brief description, one close button, and two buttons for users to click to manage choices and accept the Cookies Policy.", "region_id": "4168", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:button] [el:button [attr:value 'manage choices'] ] [el:button [attr:value 'agree & proceed'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 91 6 20 4 | button 70 6 20 4 | button 115 2 1 1 | description 5 3 61 10 | title 5 3 16 2", "layout_seq_without_completion": "button 91 6 20 4 | button 70 6 20 4 | button 115 2 1 1 | description 5 3 61 10 | title 5 3 16 2", "plain_layout_seq": "button 91 6 20 4 | button 70 6 20 4 | button 115 2 1 1 | description 5 3 61 10 | title 5 3 16 2", "canvas_width": 1024, "canvas_height": 148, "elements": [ { "type": "button", "position": [ 987, 21, 14, 14 ], "completed": false }, { "type": "title", "position": [ 50, 28, 145, 18 ], "completed": false }, { "type": "description", "position": [ 50, 28, 521, 93 ], "completed": false }, { "type": "button", "position": [ 604, 53, 172, 42 ], "completed": false }, { "type": "button", "position": [ 784, 53, 172, 42 ], "completed": false } ] }, { "text": "#A page for introducing a web selling luxuries.# The page should have a related image, a title, and text to raise web selling luxuries and attract users to buy.", "region_id": "6472", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 0 0 60 39 | text 68 5 42 29 | title 71 0 36 2", "layout_seq_without_completion": "image 0 0 60 39 | text 68 5 42 29 | title 71 0 36 2", "plain_layout_seq": "image 0 0 60 39 | text 68 5 42 29 | title 71 0 36 2", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 0, 0, 512, 341 ], "completed": false }, { "type": "title", "position": [ 614, 2, 309, 24 ], "completed": false }, { "type": "text", "position": [ 587, 44, 362, 252 ], "completed": false } ] }, { "text": "# A page for CIO Video Seminar. # On the page, there should need two text boxes. One is the title, and another is a short description. It is necessary to have a text button. So the user can view the video by clicking it. It would be better to have an image of the topic.", "region_id": "2337", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'view the video'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 61 5 53 36 | \" [ title 4 4 53 4 ] | [ description 4 10 53 2 ] | [ button 4 16 12 5 ] \"", "layout_seq_without_completion": "image 61 5 53 36 | \" [ title 4 4 53 4 ] | [ description 4 10 53 2 ] | [ button 4 16 12 5 ] \"", "plain_layout_seq": "button 4 16 12 5 | description 4 10 53 2 | image 61 5 53 36 | title 4 4 53 4", "canvas_width": 1024, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 42, 42, 460, 41 ], "completed": false }, { "type": "image", "position": [ 522, 50, 460, 308 ], "completed": false }, { "type": "description", "position": [ 42, 92, 460, 24 ], "completed": false }, { "type": "button", "position": [ 42, 139, 104, 48 ], "completed": false } ] }, { "text": "# A page to download the NEXT mobile app. # On the page, there should be an image, a slogan, and a text box with a short description. Then two image links are needed for the user to download the app from Apple Store and Google Play.", "region_id": "1808", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'download the app from apple store'] ] [el:link [attr:value'download the app from google play'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 34 38 51 2 | image 11 7 35 35 | link 34 44 23 7 | link 60 44 23 7 | title 45 14 61 18", "layout_seq_without_completion": "description 34 38 51 2 | image 11 7 35 35 | link 34 44 23 7 | link 60 44 23 7 | title 45 14 61 18", "plain_layout_seq": "description 34 38 51 2 | image 11 7 35 35 | link 34 44 23 7 | link 60 44 23 7 | title 45 14 61 18", "canvas_width": 1024, "canvas_height": 501, "elements": [ { "type": "image", "position": [ 102, 62, 307, 307 ], "completed": false }, { "type": "title", "position": [ 389, 123, 524, 159 ], "completed": false }, { "type": "description", "position": [ 294, 330, 436, 18 ], "completed": false }, { "type": "link", "position": [ 292, 379, 200, 60 ], "completed": false }, { "type": "link", "position": [ 512, 379, 200, 60 ], "completed": false } ] }, { "text": "#A page for introducing the ALLDAY to users.# The page should include one logo, one image and a brief description under it. Besides, there should be three data given on the right side.", "region_id": "1060", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:image] [el:description [attr:size 'small']] [el:text [attr:repeat '3'] [attr:position 'right']] ]", "execution": "singleinfo : description undefined small | image undefined undefined | logo undefined undefined | text right undefined | text right undefined | text right undefined", "layout_seq_with_completion": "description 0 50 65 12 | image 0 9 65 35 | logo 0 0 20 2 | complete text 77 15 22 2 | complete text 77 28 22 2 | text 77 9 22 5 | complete text 77 42 22 2 | text 77 23 22 5 | text 77 36 22 5", "layout_seq_without_completion": "description 0 50 65 12 | image 0 9 65 35 | logo 0 0 20 2 | text 77 15 22 2 | text 77 28 22 2 | text 77 9 22 5 | text 77 42 22 2 | text 77 23 22 5 | text 77 36 22 5", "plain_layout_seq": "description 0 50 65 12 | image 0 9 65 35 | logo 0 0 20 2 | text 77 15 22 2 | text 77 28 22 2 | text 77 9 22 5 | text 77 42 22 2 | text 77 23 22 5 | text 77 36 22 5", "canvas_width": 940, "canvas_height": 503, "elements": [ { "type": "logo", "position": [ 0, 6, 160, 23 ], "completed": false }, { "type": "image", "position": [ 0, 77, 510, 275 ], "completed": false }, { "type": "text", "position": [ 605, 78, 176, 44 ], "completed": false }, { "type": "text", "position": [ 605, 122, 176, 22 ], "completed": true }, { "type": "text", "position": [ 605, 182, 176, 44 ], "completed": false }, { "type": "text", "position": [ 605, 226, 176, 22 ], "completed": true }, { "type": "text", "position": [ 605, 286, 176, 44 ], "completed": false }, { "type": "text", "position": [ 605, 330, 176, 22 ], "completed": true }, { "type": "description", "position": [ 0, 397, 510, 96 ], "completed": false } ] }, { "text": "#A page for introducing building applications to users.# The page should include one title, a slogan named \"Fast, Right, and for the Future with Low-Code\", a brief introduction under it, and an image of the application on the right. A button is needed for users to click for further information about the platform.", "region_id": "1895", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title [attr:value'fast, right, and for the future with low-code'] ] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 5 68 14 6 | description 5 52 43 13 | image 52 9 67 56 | complete link 24 70 21 3 | title 4 0 49 17 | title 5 8 49 41", "layout_seq_without_completion": "button 5 68 14 6 | description 5 52 43 13 | image 52 9 67 56 | link 24 70 21 3 | title 4 0 49 17 | title 5 8 49 41", "plain_layout_seq": "button 5 68 14 6 | description 5 52 43 13 | image 52 9 67 56 | link 24 70 21 3 | title 4 0 49 17 | title 5 8 49 41", "canvas_width": 1024, "canvas_height": 642, "elements": [ { "type": "title", "position": [ 38, 0, 424, 147 ], "completed": false }, { "type": "title", "position": [ 47, 74, 420, 357 ], "completed": false }, { "type": "image", "position": [ 447, 80, 577, 481 ], "completed": false }, { "type": "description", "position": [ 47, 450, 370, 111 ], "completed": false }, { "type": "button", "position": [ 47, 588, 124, 53 ], "completed": false }, { "type": "link", "position": [ 212, 601, 183, 29 ], "completed": true } ] }, { "text": "#A page for introducing the first Amazon Arbitrage software to users.# This page should include one title \"The #1 Amazon Arbitrage software trusted by top FBA sellers\". There should be one image of the software and a certificate of web retailer.", "region_id": "4198", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'the #1 amazon arbitrage software trusted by top fba sellers'] ] [el:image] [el:text] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 3 12 112 77 | complete background 0 0 120 94 | image 3 25 112 51 | text 46 76 26 13 | title 3 12 112 4", "layout_seq_without_completion": "background 3 12 112 77 | background 0 0 120 94 | image 3 25 112 51 | text 46 76 26 13 | title 3 12 112 4", "plain_layout_seq": "background 3 12 112 77 | background 0 0 120 94 | image 3 25 112 51 | text 46 76 26 13 | title 3 12 112 4", "canvas_width": 1009, "canvas_height": 798, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 798 ], "completed": true }, { "type": "title", "position": [ 30, 103, 949, 42 ], "completed": false }, { "type": "background", "position": [ 30, 103, 949, 651 ], "completed": true }, { "type": "image", "position": [ 30, 211, 949, 434 ], "completed": false }, { "type": "text", "position": [ 394, 644, 220, 110 ], "completed": false } ] }, { "text": "#A page for introducing a tip about cookies.# The page should have a title for the web to show a tip about cookies, and two buttons for users to click to learn more and get it.", "region_id": "8516", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value 'learn more'] ] [el:button [attr:value 'got it'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 99 1 16 4 | button 71 2 10 3 | title 3 3 68 2", "layout_seq_without_completion": "button 99 1 16 4 | button 71 2 10 3 | title 3 3 68 2", "plain_layout_seq": "button 99 1 16 4 | button 71 2 10 3 | title 3 3 68 2", "canvas_width": 1009, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 840, 16, 140, 40 ], "completed": false }, { "type": "button", "position": [ 604, 21, 89, 30 ], "completed": false }, { "type": "title", "position": [ 29, 27, 575, 17 ], "completed": false } ] }, { "text": "# A page used to subscribe to CyberheistNews.# On the page, there should be two textboxes telling the user to subscribe to CyberheistNews to get the latest about social engineering. There should be an input for entering an email address to subscribe.", "region_id": "1569", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:input [attr:value'enter email address'] ] ]", "execution": "singleinfo : input undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete button 82 14 6 5 | input 31 14 56 5 | text 31 3 56 3 | text 31 8 56 2", "layout_seq_without_completion": "button 82 14 6 5 | input 31 14 56 5 | text 31 3 56 3 | text 31 8 56 2", "plain_layout_seq": "button 82 14 6 5 | input 31 14 56 5 | text 31 3 56 3 | text 31 8 56 2", "canvas_width": 1024, "canvas_height": 218, "elements": [ { "type": "text", "position": [ 270, 30, 483, 27 ], "completed": false }, { "type": "text", "position": [ 270, 71, 483, 21 ], "completed": false }, { "type": "input", "position": [ 270, 127, 483, 46 ], "completed": false }, { "type": "button", "position": [ 702, 127, 52, 46 ], "completed": true } ] }, { "text": "#A page introducing an app.# The page should contain an image, a title, and a button.", "region_id": "5442", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:button] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 56 19 15 4 | image 32 0 20 33 | title 56 9 34 7", "layout_seq_without_completion": "button 56 19 15 4 | image 32 0 20 33 | title 56 9 34 7", "plain_layout_seq": "button 56 19 15 4 | image 32 0 20 33 | title 56 9 34 7", "canvas_width": 1122, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 306, 0, 187, 314 ], "completed": false }, { "type": "title", "position": [ 529, 93, 325, 68 ], "completed": false }, { "type": "button", "position": [ 529, 178, 147, 43 ], "completed": false } ] }, { "text": "# A page for marketing a product of the company monday.com. # On the page, there should be a big image, and a small image showing the logo of monday work management, a text box with a brief introduction to the monday work management. It is also necessary to have a text button for the user to get started.", "region_id": "320", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:logo] [el:description [attr:size 'small'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined large | logo undefined undefined", "layout_seq_with_completion": "button 78 36 7 2 | description 75 26 34 7 | complete icon 86 37 1 0 | image 8 0 62 59 | logo 75 19 42 5", "layout_seq_without_completion": "button 78 36 7 2 | description 75 26 34 7 | icon 86 37 1 0 | image 8 0 62 59 | logo 75 19 42 5", "plain_layout_seq": "button 78 36 7 2 | description 75 26 34 7 | icon 86 37 1 0 | image 8 0 62 59 | logo 75 19 42 5", "canvas_width": 1441, "canvas_height": 716, "elements": [ { "type": "image", "position": [ 97, 0, 749, 716 ], "completed": false }, { "type": "logo", "position": [ 905, 232, 506, 65 ], "completed": false }, { "type": "description", "position": [ 905, 317, 410, 86 ], "completed": false }, { "type": "button", "position": [ 937, 444, 93, 25 ], "completed": false }, { "type": "icon", "position": [ 1042, 452, 16, 12 ], "completed": true } ] }, { "text": "#A page for introducing a free app named \"Keep&Share\" to users.# This page should include one title \"Create an account and download the free Keep&Share app\". Two buttons should be provided for users to click to download the app on the App Store or Google Play.", "region_id": "3073", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'create an account and download the free keep&share app'] ] [el:button [attr:value 'download on the app store'] ] [el:button [attr:value 'get it on google play'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 36 8 19 5 | button 64 8 19 5 | title 5 2 108 2", "layout_seq_without_completion": "button 36 8 19 5 | button 64 8 19 5 | title 5 2 108 2", "plain_layout_seq": "button 36 8 19 5 | button 64 8 19 5 | title 5 2 108 2", "canvas_width": 1024, "canvas_height": 156, "elements": [ { "type": "title", "position": [ 47, 24, 930, 24 ], "completed": false }, { "type": "button", "position": [ 308, 72, 168, 50 ], "completed": false }, { "type": "button", "position": [ 548, 72, 168, 50 ], "completed": false } ] }, { "text": "# A page for the user to the testimonials from the customer. # The page should have the title \"Customer Speaks\", a short description, and a button \"Read More\" for the user to read more by clicking it.", "region_id": "7587", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'customer speaks'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 25 25 16 5 | description 25 18 27 3 | title 25 13 27 3", "layout_seq_without_completion": "button 25 25 16 5 | description 25 18 27 3 | title 25 13 27 3", "plain_layout_seq": "button 25 25 16 5 | description 25 18 27 3 | title 25 13 27 3", "canvas_width": 1024, "canvas_height": 378, "elements": [ { "type": "title", "position": [ 216, 113, 236, 33 ], "completed": false }, { "type": "description", "position": [ 216, 160, 236, 30 ], "completed": false }, { "type": "button", "position": [ 216, 217, 138, 48 ], "completed": false } ] }, { "text": "# A page for advertising the design of sustainable jewelry. # The page should include a background image, a slogan followed by the sentence \"minimalist | made-to-order\". Also, a button is needed for the user to shop the designs.", "region_id": "8055", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text [attr:value 'minimalist | made-to-order'] ] [el:button[attr:value'shop the designs']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 108 60 | button 48 49 23 7 | text 23 42 73 3 | title 23 15 73 26", "layout_seq_without_completion": "background 0 0 108 60 | button 48 49 23 7 | text 23 42 73 3 | title 23 15 73 26", "plain_layout_seq": "background 0 0 108 60 | button 48 49 23 7 | text 23 42 73 3 | title 23 15 73 26", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "background", "position": [ 0, 0, 922, 519 ], "completed": false }, { "type": "title", "position": [ 197, 128, 629, 227 ], "completed": false }, { "type": "text", "position": [ 197, 359, 629, 28 ], "completed": false }, { "type": "button", "position": [ 412, 421, 199, 65 ], "completed": false } ] }, { "text": "#A page for introducing the business banking to users.# The page should include an image on the top, one title, and a detailed description.", "region_id": "1545", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'top'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image top undefined | title undefined undefined", "layout_seq_with_completion": "description 42 54 35 36 | image 37 7 44 29 | complete image 40 41 39 56 | complete text 37 53 44 23 | title 42 44 35 7", "layout_seq_without_completion": "description 42 54 35 36 | image 37 7 44 29 | image 40 41 39 56 | text 37 53 44 23 | title 42 44 35 7", "plain_layout_seq": "description 42 54 35 36 | image 37 7 44 29 | image 40 41 39 56 | text 37 53 44 23 | title 42 44 35 7", "canvas_width": 1003, "canvas_height": 845, "elements": [ { "type": "image", "position": [ 314, 60, 375, 250 ], "completed": false }, { "type": "image", "position": [ 336, 346, 330, 469 ], "completed": true }, { "type": "title", "position": [ 352, 376, 300, 62 ], "completed": false }, { "type": "text", "position": [ 314, 450, 375, 200 ], "completed": true }, { "type": "description", "position": [ 352, 453, 300, 302 ], "completed": false } ] }, { "text": "#A page showing some slogans. # The page should have 3 slogans to encourage people to work hard to have a better future.", "region_id": "2167", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '3'] ] ]", "execution": "singleinfo : title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 4 7 111 14 ] | [ title 4 22 111 29 ] | [ title 4 51 111 29 ] \"", "layout_seq_without_completion": "\" [ title 4 7 111 14 ] | [ title 4 22 111 29 ] | [ title 4 51 111 29 ] \"", "plain_layout_seq": "title 4 7 111 14 | title 4 22 111 29 | title 4 51 111 29", "canvas_width": 1024, "canvas_height": 748, "elements": [ { "type": "title", "position": [ 36, 64, 952, 124 ], "completed": false }, { "type": "title", "position": [ 36, 188, 952, 248 ], "completed": false }, { "type": "title", "position": [ 36, 436, 952, 248 ], "completed": false } ] }, { "text": "#A page showing some slogans. # The page should have 3 text boxes to show some slogans to encourage people to work hard to have a better future.", "region_id": "2167_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "\" [ text 4 7 111 14 ] | [ text 4 22 111 29 ] | [ text 4 51 111 29 ] \"", "layout_seq_without_completion": "\" [ text 4 7 111 14 ] | [ text 4 22 111 29 ] | [ text 4 51 111 29 ] \"", "plain_layout_seq": "text 4 7 111 14 | text 4 22 111 29 | text 4 51 111 29", "canvas_width": 1024, "canvas_height": 748, "elements": [ { "type": "text", "position": [ 36, 64, 952, 124 ], "completed": false }, { "type": "text", "position": [ 36, 188, 952, 248 ], "completed": false }, { "type": "text", "position": [ 36, 436, 952, 248 ], "completed": false } ] }, { "text": "#A page showing information about \"Key Downloads\".# There should be a category labeled \"Key downloads\", and three links with three corresponding text boxes must be placed on the left of that category. Users can view the downloads or get the pdf by tapping those links.", "region_id": "2353", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'key downloads'] ] [el:link [attr:repeat'3'] ] [el:text [attr:repeat'3'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete image 1 8 65 3 | complete image 1 16 55 3 | complete image 1 25 59 3 | link 4 8 52 3 | link 4 25 45 3 | link 4 16 42 3 | text 46 17 10 2 | text 57 9 10 2 | text 50 25 11 2 | title 1 1 116 3", "layout_seq_without_completion": "image 1 8 65 3 | image 1 16 55 3 | image 1 25 59 3 | link 4 8 52 3 | link 4 25 45 3 | link 4 16 42 3 | text 46 17 10 2 | text 57 9 10 2 | text 50 25 11 2 | title 1 1 116 3", "plain_layout_seq": "image 1 8 65 3 | image 1 16 55 3 | image 1 25 59 3 | link 4 8 52 3 | link 4 25 45 3 | link 4 16 42 3 | text 46 17 10 2 | text 57 9 10 2 | text 50 25 11 2 | title 1 1 116 3", "canvas_width": 955, "canvas_height": 276, "elements": [ { "type": "title", "position": [ 15, 15, 925, 28 ], "completed": false }, { "type": "image", "position": [ 15, 70, 525, 25 ], "completed": true }, { "type": "link", "position": [ 34, 70, 420, 25 ], "completed": false }, { "type": "text", "position": [ 455, 75, 86, 19 ], "completed": false }, { "type": "image", "position": [ 15, 135, 443, 25 ], "completed": true }, { "type": "link", "position": [ 34, 135, 339, 25 ], "completed": false }, { "type": "text", "position": [ 373, 140, 85, 19 ], "completed": false }, { "type": "image", "position": [ 15, 200, 476, 25 ], "completed": true }, { "type": "link", "position": [ 34, 200, 365, 25 ], "completed": false }, { "type": "text", "position": [ 399, 205, 92, 19 ], "completed": false } ] }, { "text": "# A page for guiding the user to calculate the ROI and get started with the app. # The page should have a slogan, a long further description, an image, and two buttons \"Calculate your ROI\" and \"Get started\" for the user to calculate the ROI and get started.", "region_id": "2879", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'large'] ] [el:image] [el:button [attr:value 'calculate your roi'] ] [el:button [attr:value 'get started'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined large | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 27 41 18 4 | button 2 41 23 4 | description 2 19 56 17 | image 59 0 58 48 | title 2 2 53 15", "layout_seq_without_completion": "button 27 41 18 4 | button 2 41 23 4 | description 2 19 56 17 | image 59 0 58 48 | title 2 2 53 15", "plain_layout_seq": "button 27 41 18 4 | button 2 41 23 4 | description 2 19 56 17 | image 59 0 58 48 | title 2 2 53 15", "canvas_width": 1009, "canvas_height": 410, "elements": [ { "type": "image", "position": [ 504, 0, 494, 405 ], "completed": false }, { "type": "title", "position": [ 20, 20, 449, 132 ], "completed": false }, { "type": "description", "position": [ 20, 167, 475, 144 ], "completed": false }, { "type": "button", "position": [ 20, 351, 201, 40 ], "completed": false }, { "type": "button", "position": [ 231, 351, 154, 40 ], "completed": false } ] }, { "text": "# A header page for an online shop Lovely Hen. # There should have a welcome sentence on the top. In the middle, there should be a logo of the store. Below it, there should be two links \"Home\", and \"Catalog\" for the user to return to the home page and shop by catalog. Also, three icons for search, login, and shopping cart are needed.", "region_id": "6792", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:logo] [el:link [attr:value 'home'] ] [el:link [attr:value 'catalog'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "singleinfo : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | title top undefined", "layout_seq_with_completion": "link 60 26 5 2 | link 53 26 4 2 | logo 45 9 29 13 | title 0 0 119 5 | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "layout_seq_without_completion": "link 60 26 5 2 | link 53 26 4 2 | logo 45 9 29 13 | title 0 0 119 5 | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "plain_layout_seq": "icon 100 15 2 2 | icon 105 15 2 2 | icon 109 15 2 2 | link 60 26 5 2 | link 53 26 4 2 | logo 45 9 29 13 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 296, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 387, 81, 250, 117 ], "completed": false }, { "type": "icon", "position": [ 856, 130, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 130, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 130, 20, 20 ], "completed": false }, { "type": "link", "position": [ 455, 225, 40, 18 ], "completed": false }, { "type": "link", "position": [ 519, 225, 50, 18 ], "completed": false } ] }, { "text": "#A page introducing a media company. # The page should have a background image, a slogan and a short introduction to entice users to use the company's service, and a button for users to click to discover more.", "region_id": "620", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "layout_seq_without_completion": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "plain_layout_seq": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "title", "position": [ 20, 91, 410, 32 ], "completed": false }, { "type": "description", "position": [ 20, 139, 410, 64 ], "completed": false }, { "type": "button", "position": [ 20, 219, 146, 40 ], "completed": false } ] }, { "text": "#A page introducing a media company. # The page should have a big background image, a slogan and a short introduction to entice users to use the company's service, and a button for users to click to discover more.", "region_id": "620_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "layout_seq_without_completion": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "plain_layout_seq": "background 0 0 120 41 | button 2 25 17 4 | description 2 16 48 7 | title 2 10 48 3", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "title", "position": [ 20, 91, 410, 32 ], "completed": false }, { "type": "description", "position": [ 20, 139, 410, 64 ], "completed": false }, { "type": "button", "position": [ 20, 219, 146, 40 ], "completed": false } ] }, { "text": "#A page for introducing E-mail & SMS service to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "2293", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 45 15 26 4 | description 1 8 117 4 | title 1 2 117 5", "layout_seq_without_completion": "button 45 15 26 4 | description 1 8 117 4 | title 1 2 117 5", "plain_layout_seq": "button 45 15 26 4 | description 1 8 117 4 | title 1 2 117 5", "canvas_width": 1008, "canvas_height": 208, "elements": [ { "type": "title", "position": [ 12, 24, 984, 49 ], "completed": false }, { "type": "description", "position": [ 12, 72, 984, 37 ], "completed": false }, { "type": "button", "position": [ 385, 133, 226, 38 ], "completed": false } ] }, { "text": "# A page for the user to find career opportunities in a company. # There should be a slogan \"Supporting our colleagues\" and a text box with a short description to attract the user. A text button is needed for clicking to find career opportunities.", "region_id": "1388", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'supporting our colleagues'] ] [el:description [attr:size'small'] ] [el:button [attr:value'find career opportunities'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 5 27 18 4 | description 5 17 72 5 | complete image 81 3 35 35 | title 5 11 72 4", "layout_seq_without_completion": "button 5 27 18 4 | description 5 17 72 5 | image 81 3 35 35 | title 5 11 72 4", "plain_layout_seq": "button 5 27 18 4 | description 5 17 72 5 | image 81 3 35 35 | title 5 11 72 4", "canvas_width": 970, "canvas_height": 358, "elements": [ { "type": "image", "position": [ 657, 25, 283, 283 ], "completed": true }, { "type": "title", "position": [ 45, 93, 582, 35 ], "completed": false }, { "type": "description", "position": [ 45, 143, 582, 46 ], "completed": false }, { "type": "button", "position": [ 45, 219, 153, 40 ], "completed": false } ] }, { "text": "#A page for the company Forter.# The page should include one title, a short description of the company, and a link used to click to watch the video. There is also needed a button to click to request a demo.", "region_id": "1253", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'watch the video'] ] [el:button [attr:value'request a demo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 39 45 20 5 | description 16 35 86 5 | complete icon 62 47 2 2 | link 65 47 12 2 | title 16 16 86 15", "layout_seq_without_completion": "button 39 45 20 5 | description 16 35 86 5 | icon 62 47 2 2 | link 65 47 12 2 | title 16 16 86 15", "plain_layout_seq": "button 39 45 20 5 | description 16 35 86 5 | icon 62 47 2 2 | link 65 47 12 2 | title 16 16 86 15", "canvas_width": 1024, "canvas_height": 759, "elements": [ { "type": "title", "position": [ 143, 144, 738, 131 ], "completed": false }, { "type": "description", "position": [ 143, 299, 738, 44 ], "completed": false }, { "type": "button", "position": [ 334, 391, 174, 48 ], "completed": false }, { "type": "link", "position": [ 558, 404, 108, 21 ], "completed": false }, { "type": "icon", "position": [ 532, 405, 18, 18 ], "completed": true } ] }, { "text": "#A page showing information about values of properties in different locations.# There should be three links\"See value fast\", \"Gain perspective\" and \"Use templates\". It has a huge picture and a line of instructions, a button should also be included for more info.", "region_id": "623", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:value'see value fast'] ] [el:link [attr:value'gain perspective'] ] [el:link [attr:value'use templates'] ] [el:image [attr:size'large'] ] [el:text] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 95 99 24 5 | image 0 6 120 89 | text 0 100 71 2 | \" [ link 30 0 15 3 ] | [ link 50 0 18 3 ] | [ link 73 0 15 3 ] \"", "layout_seq_without_completion": "button 95 99 24 5 | image 0 6 120 89 | text 0 100 71 2 | \" [ link 30 0 15 3 ] | [ link 50 0 18 3 ] | [ link 73 0 15 3 ] \"", "plain_layout_seq": "button 95 99 24 5 | image 0 6 120 89 | link 30 0 15 3 | link 50 0 18 3 | link 73 0 15 3 | text 0 100 71 2", "canvas_width": 939, "canvas_height": 818, "elements": [ { "type": "link", "position": [ 240, 0, 123, 29 ], "completed": false }, { "type": "link", "position": [ 394, 0, 148, 29 ], "completed": false }, { "type": "link", "position": [ 574, 0, 125, 29 ], "completed": false }, { "type": "image", "position": [ 0, 53, 939, 704 ], "completed": false }, { "type": "button", "position": [ 751, 776, 188, 42 ], "completed": false }, { "type": "text", "position": [ 0, 786, 563, 22 ], "completed": false } ] }, { "text": "#A page showing information about values of properties in different locations.# There should be three links directing the user for different categories of info. A button should also be included for more info.", "region_id": "623_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:link [attr:repeat'3'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "button 95 99 24 5 | complete image 0 6 120 89 | complete title 0 100 71 2 | \" [ link 30 0 15 3 ] | [ link 50 0 18 3 ] | [ link 73 0 15 3 ] \"", "layout_seq_without_completion": "button 95 99 24 5 | image 0 6 120 89 | title 0 100 71 2 | \" [ link 30 0 15 3 ] | [ link 50 0 18 3 ] | [ link 73 0 15 3 ] \"", "plain_layout_seq": "button 95 99 24 5 | image 0 6 120 89 | link 30 0 15 3 | link 50 0 18 3 | link 73 0 15 3 | title 0 100 71 2", "canvas_width": 939, "canvas_height": 818, "elements": [ { "type": "link", "position": [ 240, 0, 123, 29 ], "completed": false }, { "type": "link", "position": [ 394, 0, 148, 29 ], "completed": false }, { "type": "link", "position": [ 574, 0, 125, 29 ], "completed": false }, { "type": "image", "position": [ 0, 53, 939, 704 ], "completed": true }, { "type": "button", "position": [ 751, 776, 188, 42 ], "completed": false }, { "type": "title", "position": [ 0, 786, 563, 22 ], "completed": true } ] }, { "text": "#A page advertising a payment platform.# There must be a title and an explanation about the payment platform. There must be a button for gaining more about solutions.", "region_id": "100", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 45 24 5 | description 52 31 54 11 | complete image 3 7 45 56 | title 52 16 54 13", "layout_seq_without_completion": "button 52 45 24 5 | description 52 31 54 11 | image 3 7 45 56 | title 52 16 54 13", "plain_layout_seq": "button 52 45 24 5 | description 52 31 54 11 | image 3 7 45 56 | title 52 16 54 13", "canvas_width": 1024, "canvas_height": 607, "elements": [ { "type": "image", "position": [ 30, 60, 384, 481 ], "completed": true }, { "type": "title", "position": [ 444, 140, 467, 112 ], "completed": false }, { "type": "description", "position": [ 444, 271, 467, 96 ], "completed": false }, { "type": "button", "position": [ 444, 392, 210, 43 ], "completed": false } ] }, { "text": "#A page advertising a payment platform.# There must be two text boxes showing the information about the payment platform. There must be a button for gaining more information.", "region_id": "100_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat'2'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | description undefined undefined", "layout_seq_with_completion": "button 52 45 24 5 | description 52 31 54 11 | description 52 16 54 13 | complete image 3 7 45 56", "layout_seq_without_completion": "button 52 45 24 5 | description 52 31 54 11 | description 52 16 54 13 | image 3 7 45 56", "plain_layout_seq": "button 52 45 24 5 | description 52 31 54 11 | description 52 16 54 13 | image 3 7 45 56", "canvas_width": 1024, "canvas_height": 607, "elements": [ { "type": "image", "position": [ 30, 60, 384, 481 ], "completed": true }, { "type": "description", "position": [ 444, 140, 467, 112 ], "completed": false }, { "type": "description", "position": [ 444, 271, 467, 96 ], "completed": false }, { "type": "button", "position": [ 444, 392, 210, 43 ], "completed": false } ] }, { "text": "#A page for introducing a platform for performance to users.# The page should include one title on the top and a brief description under it. A button is needed for users to click for further information about Convoy. At the bottom, there should be some information listed about the company.", "region_id": "1577", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] ] [el:button] [el:text [attr:repeat'several'] [attr:position'bottom'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | text bottom undefined | text bottom undefined | text bottom undefined | text bottom undefined | title top undefined", "layout_seq_with_completion": "description 9 13 101 10 | title 1 4 116 6 | \" [ text 26 29 16 2 ] | [ text 26 32 15 2 ] | [ text 26 36 11 2 ] | [ text 26 39 22 2 ] \" | \" [ text 63 29 17 2 ] | [ text 63 32 16 2 ] | [ text 63 36 22 2 ] | [ text 63 39 13 2 ] \"", "layout_seq_without_completion": "description 9 13 101 10 | title 1 4 116 6 | \" [ text 26 29 16 2 ] | [ text 26 32 15 2 ] | [ text 26 36 11 2 ] | [ text 26 39 22 2 ] \" | \" [ text 63 29 17 2 ] | [ text 63 32 16 2 ] | [ text 63 36 22 2 ] | [ text 63 39 13 2 ] \"", "plain_layout_seq": "description 9 13 101 10 | text 26 29 16 2 | text 26 32 15 2 | text 26 36 11 2 | text 26 39 22 2 | text 63 29 17 2 | text 63 32 16 2 | text 63 36 22 2 | text 63 39 13 2 | title 1 4 116 6", "canvas_width": 970, "canvas_height": 381, "elements": [ { "type": "title", "position": [ 15, 40, 940, 52 ], "completed": false }, { "type": "description", "position": [ 75, 111, 820, 88 ], "completed": false }, { "type": "text", "position": [ 211, 239, 132, 19 ], "completed": false }, { "type": "text", "position": [ 511, 239, 141, 19 ], "completed": false }, { "type": "text", "position": [ 211, 266, 125, 19 ], "completed": false }, { "type": "text", "position": [ 511, 266, 132, 19 ], "completed": false }, { "type": "text", "position": [ 211, 293, 89, 19 ], "completed": false }, { "type": "text", "position": [ 511, 293, 180, 19 ], "completed": false }, { "type": "text", "position": [ 211, 320, 181, 19 ], "completed": false }, { "type": "text", "position": [ 511, 320, 111, 19 ], "completed": false } ] }, { "text": "# A page to show the global location of a company. # There should an image of a world map, the title \"Global Locations\" and a text box with a description.", "region_id": "1616", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'global locations'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 87 19 27 5 | image 5 1 81 40 | title 87 15 27 2", "layout_seq_without_completion": "description 87 19 27 5 | image 5 1 81 40 | title 87 15 27 2", "plain_layout_seq": "description 87 19 27 5 | image 5 1 81 40 | title 87 15 27 2", "canvas_width": 1024, "canvas_height": 367, "elements": [ { "type": "image", "position": [ 47, 9, 698, 349 ], "completed": false }, { "type": "title", "position": [ 744, 133, 233, 24 ], "completed": false }, { "type": "description", "position": [ 744, 165, 233, 48 ], "completed": false } ] }, { "text": "# A page to get directions to Hobart City Store. # The page should have a background image of the store, a title named \"Hobart City Store Address\" and a description of the specific address. Also, a button \"GET DIRECTIONS\" is necessary for the user to find the way.", "region_id": "7443", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'hobart city store address'] ] [el:description] [el:button [attr:value 'GET DIRECTIONS'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 64 | button 7 47 34 5 | description 7 19 34 23 | complete image 2 6 43 51 | title 7 11 34 4", "layout_seq_without_completion": "background 0 0 120 64 | button 7 47 34 5 | description 7 19 34 23 | image 2 6 43 51 | title 7 11 34 4", "plain_layout_seq": "background 0 0 120 64 | button 7 47 34 5 | description 7 19 34 23 | image 2 6 43 51 | title 7 11 34 4", "canvas_width": 1024, "canvas_height": 551, "elements": [ { "type": "background", "position": [ 0, 1, 1024, 550 ], "completed": false }, { "type": "image", "position": [ 25, 58, 370, 437 ], "completed": true }, { "type": "title", "position": [ 63, 99, 294, 40 ], "completed": false }, { "type": "description", "position": [ 63, 165, 294, 198 ], "completed": false }, { "type": "button", "position": [ 63, 407, 294, 50 ], "completed": false } ] }, { "text": "#A page for introducing Serato studio.# The page should have a logo of Serato studio, a short introduction to Serato studio, a button for users to click to find out more, and a link for users to download it. An image as the extra layout.", "region_id": "5319", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:description [attr:size 'small'] ] [el:button [attr:value 'find out more'] ] [el:link[attr:value 'Download']][el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 5 23 22 5 | description 5 14 46 5 | image 67 0 52 35 | link 32 24 18 2 | logo 5 5 39 7", "layout_seq_without_completion": "button 5 23 22 5 | description 5 14 46 5 | image 67 0 52 35 | link 32 24 18 2 | logo 5 5 39 7", "plain_layout_seq": "button 5 23 22 5 | description 5 14 46 5 | image 67 0 52 35 | link 32 24 18 2 | logo 5 5 39 7", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "image", "position": [ 573, 0, 451, 300 ], "completed": false }, { "type": "logo", "position": [ 50, 47, 333, 60 ], "completed": false }, { "type": "description", "position": [ 50, 123, 401, 48 ], "completed": false }, { "type": "button", "position": [ 50, 198, 195, 45 ], "completed": false }, { "type": "link", "position": [ 279, 207, 160, 24 ], "completed": false } ] }, { "text": "#A page for showing the footer of Forex Golds.# The page should have a logo of Forex Golds, a short introduction to the company, and 2 links for users to lick to check the privacy policy and terms of use.", "region_id": "3896", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:value 'Forex Golds']] [el:description [attr:size 'small'] ] [el:link [attr:value 'privacy policy'] ] [el:link [attr:value 'term of use'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 1 6 36 2 | link 1 11 14 5 | link 16 11 14 5 | logo 1 2 17 3", "layout_seq_without_completion": "description 1 6 36 2 | link 1 11 14 5 | link 16 11 14 5 | logo 1 2 17 3", "plain_layout_seq": "description 1 6 36 2 | link 1 11 14 5 | link 16 11 14 5 | logo 1 2 17 3", "canvas_width": 1024, "canvas_height": 146, "elements": [ { "type": "logo", "position": [ 15, 20, 149, 33 ], "completed": false }, { "type": "description", "position": [ 15, 54, 311, 22 ], "completed": false }, { "type": "link", "position": [ 15, 96, 124, 50 ], "completed": false }, { "type": "link", "position": [ 139, 96, 120, 50 ], "completed": false } ] }, { "text": "#A page marketing the product of a company.# There should be a textbox highlighting the company`s product. There should also be 6 links for more info.", "region_id": "1973", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:link [attr:repeat'6'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 61 12 55 48 | complete icon 114 74 2 2 | complete icon 114 93 2 2 | complete icon 114 67 2 2 | complete icon 114 87 2 2 | complete icon 114 100 2 2 | complete icon 114 80 2 2 | complete image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | complete text 3 4 113 2", "layout_seq_without_completion": "description 61 12 55 48 | icon 114 74 2 2 | icon 114 93 2 2 | icon 114 67 2 2 | icon 114 87 2 2 | icon 114 100 2 2 | icon 114 80 2 2 | image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | text 3 4 113 2", "plain_layout_seq": "description 61 12 55 48 | icon 114 74 2 2 | icon 114 93 2 2 | icon 114 67 2 2 | icon 114 87 2 2 | icon 114 100 2 2 | icon 114 80 2 2 | image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | text 3 4 113 2", "canvas_width": 1003, "canvas_height": 918, "elements": [ { "type": "text", "position": [ 28, 40, 947, 24 ], "completed": true }, { "type": "image", "position": [ 28, 104, 381, 507 ], "completed": true }, { "type": "description", "position": [ 513, 104, 462, 403 ], "completed": false }, { "type": "link", "position": [ 513, 556, 121, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 565, 18, 20 ], "completed": true }, { "type": "link", "position": [ 513, 611, 371, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 620, 18, 20 ], "completed": true }, { "type": "link", "position": [ 513, 666, 109, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 675, 18, 20 ], "completed": true }, { "type": "link", "position": [ 513, 721, 162, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 730, 18, 20 ], "completed": true }, { "type": "link", "position": [ 513, 776, 223, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 785, 18, 20 ], "completed": true }, { "type": "link", "position": [ 513, 831, 180, 38 ], "completed": false }, { "type": "icon", "position": [ 956, 840, 18, 20 ], "completed": true } ] }, { "text": "# A page for introducing the goal of a company. # The page should include a text box having a brief introduction to the goal of the company, an image, and a text button to learn more info by clicking it. Besides, there should be three small icons showing the page indicator.", "region_id": "792", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:size'small'] ] [el:image] [el:button [attr:value'read more'] ] [el:pagination] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | pagination undefined undefined", "layout_seq_with_completion": "button 13 27 21 5 | description 5 9 37 14 | image 47 0 72 43 | \" [ complete button 19 38 1 1 ] | [ complete button 23 38 1 1 ] | [ complete button 26 38 1 1 ] \"", "layout_seq_without_completion": "button 13 27 21 5 | description 5 9 37 14 | image 47 0 72 43 | \" [ button 19 38 1 1 ] | [ button 23 38 1 1 ] | [ button 26 38 1 1 ] \"", "plain_layout_seq": "button 13 27 21 5 | button 19 38 1 1 | button 23 38 1 1 | button 26 38 1 1 | description 5 9 37 14 | image 47 0 72 43", "canvas_width": 1003, "canvas_height": 360, "elements": [ { "type": "image", "position": [ 401, 0, 602, 360 ], "completed": false }, { "type": "description", "position": [ 44, 80, 313, 121 ], "completed": false }, { "type": "button", "position": [ 111, 231, 180, 50 ], "completed": false }, { "type": "button", "position": [ 161, 320, 16, 16 ], "completed": true }, { "type": "button", "position": [ 193, 320, 16, 16 ], "completed": true }, { "type": "button", "position": [ 225, 320, 16, 16 ], "completed": true } ] }, { "text": "#A page giving instructions on downloading an app.# There are a title and an explanation instructing the user to download the app.There are two buttons and a background image.", "region_id": "1586", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:repeat'2'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 9 120 52 | button 7 34 14 4 | button 23 34 14 4 | description 7 24 36 10 | title 7 12 36 6", "layout_seq_without_completion": "background 0 9 120 52 | button 7 34 14 4 | button 23 34 14 4 | description 7 24 36 10 | title 7 12 36 6", "plain_layout_seq": "background 0 9 120 52 | button 7 34 14 4 | button 23 34 14 4 | description 7 24 36 10 | title 7 12 36 6", "canvas_width": 1024, "canvas_height": 535, "elements": [ { "type": "background", "position": [ 0, 85, 1024, 450 ], "completed": false }, { "type": "title", "position": [ 65, 105, 310, 58 ], "completed": false }, { "type": "description", "position": [ 65, 207, 310, 87 ], "completed": false }, { "type": "button", "position": [ 65, 294, 122, 40 ], "completed": false }, { "type": "button", "position": [ 203, 294, 122, 40 ], "completed": false } ] }, { "text": "#A page giving instructions on downloading an app.# There are two text boxes instructing the user to download the app.", "region_id": "1586_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined", "layout_seq_with_completion": "complete background 0 9 120 52 | complete button 7 34 14 4 | complete button 23 34 14 4 | description 7 24 36 10 | description 7 12 36 6", "layout_seq_without_completion": "background 0 9 120 52 | button 7 34 14 4 | button 23 34 14 4 | description 7 24 36 10 | description 7 12 36 6", "plain_layout_seq": "background 0 9 120 52 | button 7 34 14 4 | button 23 34 14 4 | description 7 24 36 10 | description 7 12 36 6", "canvas_width": 1024, "canvas_height": 535, "elements": [ { "type": "background", "position": [ 0, 85, 1024, 450 ], "completed": true }, { "type": "description", "position": [ 65, 105, 310, 58 ], "completed": false }, { "type": "description", "position": [ 65, 207, 310, 87 ], "completed": false }, { "type": "button", "position": [ 65, 294, 122, 40 ], "completed": true }, { "type": "button", "position": [ 203, 294, 122, 40 ], "completed": true } ] }, { "text": "#A page introducing the commitment to CES 2022. # The page should have a background image, a title to show the commitment to CES 2022, and a button for users to click to learn more.", "region_id": "1728", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'ces 2022'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | button 50 26 18 5 | complete icon 52 27 3 3 | complete text 56 28 10 2 | title 13 14 92 9 | title 13 8 92 5", "layout_seq_without_completion": "background 0 0 120 41 | button 50 26 18 5 | icon 52 27 3 3 | text 56 28 10 2 | title 13 14 92 9 | title 13 8 92 5", "plain_layout_seq": "background 0 0 120 41 | button 50 26 18 5 | icon 52 27 3 3 | text 56 28 10 2 | title 13 14 92 9 | title 13 8 92 5", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "title", "position": [ 116, 73, 791, 43 ], "completed": false }, { "type": "title", "position": [ 116, 121, 791, 77 ], "completed": false }, { "type": "button", "position": [ 432, 228, 160, 49 ], "completed": false }, { "type": "icon", "position": [ 449, 238, 26, 26 ], "completed": true }, { "type": "text", "position": [ 484, 241, 92, 22 ], "completed": true } ] }, { "text": "#A page introducing the commitment to CES 2022. # The page should have a big background image, a text box to show the commitment to CES 2022, and a button for users to click to learn more.", "region_id": "1728_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image [attr:size'large'] ] [el:title [attr:value'ces 2022'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : background undefined large | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 41 | button 50 26 18 5 | complete icon 52 27 3 3 | complete text 56 28 10 2 | complete text 13 8 92 5 | title 13 14 92 9", "layout_seq_without_completion": "background 0 0 120 41 | button 50 26 18 5 | icon 52 27 3 3 | text 56 28 10 2 | text 13 8 92 5 | title 13 14 92 9", "plain_layout_seq": "background 0 0 120 41 | button 50 26 18 5 | icon 52 27 3 3 | text 56 28 10 2 | text 13 8 92 5 | title 13 14 92 9", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 350 ], "completed": false }, { "type": "text", "position": [ 116, 73, 791, 43 ], "completed": true }, { "type": "title", "position": [ 116, 121, 791, 77 ], "completed": false }, { "type": "button", "position": [ 432, 228, 160, 49 ], "completed": false }, { "type": "icon", "position": [ 449, 238, 26, 26 ], "completed": true }, { "type": "text", "position": [ 484, 241, 92, 22 ], "completed": true } ] }, { "text": "#A page for showing one notice under the condition of the COVID-19.# There should be two text boxes, one for the headline \"COVID-19: Customer Information\" and the other for the detail of the notice. Customers can click a button to contact us.", "region_id": "2235", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'covid-19: customer information']] [el:description] [el:button [attr:value 'Contact us']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "layout_seq_without_completion": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "plain_layout_seq": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "canvas_width": 1003, "canvas_height": 303, "elements": [ { "type": "title", "position": [ 20, 28, 963, 29 ], "completed": false }, { "type": "description", "position": [ 20, 72, 963, 130 ], "completed": false }, { "type": "button", "position": [ 432, 218, 132, 39 ], "completed": false } ] }, { "text": "#A page for showing one notice under the condition of the COVID-19.# There should be two text boxes, one for the label and the other for the detail of the notice. Customers can click a text button to contact the company.", "region_id": "2235_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value 'Contact the company']] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "layout_seq_without_completion": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "plain_layout_seq": "button 51 26 15 4 | description 2 8 115 15 | title 2 3 115 3", "canvas_width": 1003, "canvas_height": 303, "elements": [ { "type": "title", "position": [ 20, 28, 963, 29 ], "completed": false }, { "type": "description", "position": [ 20, 72, 963, 130 ], "completed": false }, { "type": "button", "position": [ 432, 218, 132, 39 ], "completed": false } ] }, { "text": "#A page for introducing one app.# There should be one title\"From Zero to Crypto in Minutes\". And one button is used to get started.", "region_id": "812", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'from zero to crypto in minotes'] ] [el:button [attr:value'get started'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 25 | button 87 9 17 6 | title 14 9 69 6", "layout_seq_without_completion": "background 0 0 120 25 | button 87 9 17 6 | title 14 9 69 6", "plain_layout_seq": "background 0 0 120 25 | button 87 9 17 6 | title 14 9 69 6", "canvas_width": 1024, "canvas_height": 214, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 214 ], "completed": true }, { "type": "button", "position": [ 749, 80, 148, 54 ], "completed": false }, { "type": "title", "position": [ 127, 81, 590, 52 ], "completed": false } ] }, { "text": "#A page marketing the services of a company.# There must be a title and an explanation advertising the services. There also should be a link\"Get started now\". It has to have an associated picture.", "region_id": "2012", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:link [attr:value'get started now'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 33 43 13 | image 58 9 61 57 | link 0 52 16 2 | title 0 21 43 9", "layout_seq_without_completion": "description 0 33 43 13 | image 58 9 61 57 | link 0 52 16 2 | title 0 21 43 9", "plain_layout_seq": "description 0 33 43 13 | image 58 9 61 57 | link 0 52 16 2 | title 0 21 43 9", "canvas_width": 848, "canvas_height": 540, "elements": [ { "type": "image", "position": [ 410, 64, 438, 409 ], "completed": false }, { "type": "title", "position": [ 0, 150, 310, 64 ], "completed": false }, { "type": "description", "position": [ 0, 234, 310, 96 ], "completed": false }, { "type": "link", "position": [ 0, 370, 114, 19 ], "completed": false } ] }, { "text": "#A page marketing the services of a company.# There must be two text boxes in different sizes advertising the services. There also should be a link for using these services.", "region_id": "2012_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat'several'] ] [el:link [attr:value'use the services'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete image 58 9 61 57 | link 0 52 16 2 | text 0 33 43 13 | text 0 21 43 9", "layout_seq_without_completion": "image 58 9 61 57 | link 0 52 16 2 | text 0 33 43 13 | text 0 21 43 9", "plain_layout_seq": "image 58 9 61 57 | link 0 52 16 2 | text 0 33 43 13 | text 0 21 43 9", "canvas_width": 848, "canvas_height": 540, "elements": [ { "type": "image", "position": [ 410, 64, 438, 409 ], "completed": true }, { "type": "text", "position": [ 0, 150, 310, 64 ], "completed": false }, { "type": "text", "position": [ 0, 234, 310, 96 ], "completed": false }, { "type": "link", "position": [ 0, 370, 114, 19 ], "completed": false } ] }, { "text": "#A page for introducing CIO reports to users.# The page should include one title \"CIO Reports after COVID-19\", and an image on the left. A button is needed for users to click for further information about CIO reports.", "region_id": "2338", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'cio reports after covid-19'] ] [el:image [attr:position'left'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | image left undefined | title undefined undefined", "layout_seq_with_completion": "image 4 2 53 36 | \" [ title 61 1 53 4 ] | [ title 61 7 53 2 ] | [ button 61 13 13 5 ] \"", "layout_seq_without_completion": "image 4 2 53 36 | \" [ title 61 1 53 4 ] | [ title 61 7 53 2 ] | [ button 61 13 13 5 ] \"", "plain_layout_seq": "button 61 13 13 5 | image 4 2 53 36 | title 61 1 53 4 | title 61 7 53 2", "canvas_width": 1024, "canvas_height": 358, "elements": [ { "type": "title", "position": [ 522, 17, 460, 41 ], "completed": false }, { "type": "image", "position": [ 42, 25, 460, 308 ], "completed": false }, { "type": "title", "position": [ 522, 67, 460, 24 ], "completed": false }, { "type": "button", "position": [ 522, 114, 111, 48 ], "completed": false } ] }, { "text": "# A page appeal to the user to have a try the service of a company. # On the page, there should be a title showing the question \"Ready to Give Us a Try?\", a text box advertising the advantage, and a text button for the user to talk to the sales team.", "region_id": "64", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'ready to give us a try?'] ] [el:description] [el:button [attr:value'talk to the sales team'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 46 26 27 4 | description 23 20 72 2 | title 4 11 110 4", "layout_seq_without_completion": "button 46 26 27 4 | description 23 20 72 2 | title 4 11 110 4", "plain_layout_seq": "button 46 26 27 4 | description 23 20 72 2 | title 4 11 110 4", "canvas_width": 1024, "canvas_height": 365, "elements": [ { "type": "title", "position": [ 40, 96, 944, 42 ], "completed": false }, { "type": "description", "position": [ 203, 171, 618, 24 ], "completed": false }, { "type": "button", "position": [ 396, 229, 233, 40 ], "completed": false } ] }, { "text": "#A page to introduce a word practice app.# There is a big picture on right. Two titles and pagination on the left introduce the app. At the bottom, there is pagination.", "region_id": "3115", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'right'] [attr:size 'large'] ] [el:title [attr:position 'left'] [attr:repeat '2'] ] [el:pagination [attr:position 'left'] ] [el:pagination [attr:position 'bottom'] ] ]", "execution": "singleinfo : image right large | pagination bottom undefined | pagination left undefined | title left undefined | title left undefined", "layout_seq_with_completion": "complete button 9 47 7 7 | complete button 0 47 7 7 | image 62 0 45 60 | title 0 34 49 3 | title 0 23 49 9 | \" [ complete button 50 62 1 1 ] | [ complete button 52 62 1 1 ] | [ complete button 54 62 1 1 ] | [ complete button 56 62 1 1 ] \"", "layout_seq_without_completion": "button 9 47 7 7 | button 0 47 7 7 | image 62 0 45 60 | title 0 34 49 3 | title 0 23 49 9 | \" [ button 50 62 1 1 ] | [ button 52 62 1 1 ] | [ button 54 62 1 1 ] | [ button 56 62 1 1 ] \"", "plain_layout_seq": "button 9 47 7 7 | button 0 47 7 7 | button 50 62 1 1 | button 52 62 1 1 | button 54 62 1 1 | button 56 62 1 1 | image 62 0 45 60 | title 0 34 49 3 | title 0 23 49 9", "canvas_width": 856, "canvas_height": 453, "elements": [ { "type": "image", "position": [ 444, 0, 324, 429 ], "completed": false }, { "type": "title", "position": [ 0, 170, 352, 68 ], "completed": false }, { "type": "title", "position": [ 0, 248, 352, 22 ], "completed": false }, { "type": "button", "position": [ 0, 338, 50, 50 ], "completed": true }, { "type": "button", "position": [ 65, 338, 50, 50 ], "completed": true }, { "type": "button", "position": [ 359, 444, 8, 8 ], "completed": true }, { "type": "button", "position": [ 373, 444, 8, 8 ], "completed": true }, { "type": "button", "position": [ 387, 444, 8, 8 ], "completed": true }, { "type": "button", "position": [ 401, 444, 8, 8 ], "completed": true } ] }, { "text": "#A page for introducing a mobile app to users.# On the left, there should be an interface of the app. On the right side, the page should include one title and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "1951", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position 'left']] [el:title [attr:position 'right']] [el:description [attr:size 'small'][attr:position 'right']] [el:button [attr:value'Learn more']]]", "execution": "singleinfo : button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 71 36 13 5 | description 71 22 37 11 | complete icon 82 38 2 2 | image 0 2 61 52 | complete text 71 38 10 2 | title 71 13 15 5", "layout_seq_without_completion": "button 71 36 13 5 | description 71 22 37 11 | icon 82 38 2 2 | image 0 2 61 52 | text 71 38 10 2 | title 71 13 15 5", "plain_layout_seq": "button 71 36 13 5 | description 71 22 37 11 | icon 82 38 2 2 | image 0 2 61 52 | text 71 38 10 2 | title 71 13 15 5", "canvas_width": 1024, "canvas_height": 545, "elements": [ { "type": "image", "position": [ 0, 20, 525, 445 ], "completed": false }, { "type": "title", "position": [ 612, 117, 135, 49 ], "completed": false }, { "type": "description", "position": [ 612, 188, 317, 102 ], "completed": false }, { "type": "button", "position": [ 612, 314, 114, 51 ], "completed": false }, { "type": "text", "position": [ 613, 328, 92, 20 ], "completed": true }, { "type": "icon", "position": [ 705, 331, 20, 18 ], "completed": true } ] }, { "text": "# A page to join the company Glovo as a rider. # On the page, there should include an image, the title \"Become a rider\" and a text box with a short description. Besides, a text button is needed for the user to join Glovo.", "region_id": "193", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value'become a rider'] ] [el:description [attr:size'small'] ] [el:button [attr:value'join glovo'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 49 38 21 7 | description 13 33 92 2 | image 44 0 30 26 | title 48 29 22 3", "layout_seq_without_completion": "button 49 38 21 7 | description 13 33 92 2 | image 44 0 30 26 | title 48 29 22 3", "plain_layout_seq": "button 49 38 21 7 | description 13 33 92 2 | image 44 0 30 26 | title 48 29 22 3", "canvas_width": 1004, "canvas_height": 385, "elements": [ { "type": "image", "position": [ 375, 0, 254, 220 ], "completed": false }, { "type": "title", "position": [ 409, 244, 186, 28 ], "completed": false }, { "type": "description", "position": [ 117, 280, 770, 20 ], "completed": false }, { "type": "button", "position": [ 410, 324, 184, 61 ], "completed": false } ] }, { "text": "# A page to introduce a website about watching movies, TV, and shows. # On the page, there should be a slogan \"Watch everywhere\" to attract the user and a text box to have a brief introduction. There should be an image of the topic.", "region_id": "1789", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'watch everywhere'] ] [el:description [attr:size'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 5 26 54 10 | complete image 64 5 54 41 | image 75 10 34 19 | title 5 17 54 6", "layout_seq_without_completion": "description 5 26 54 10 | image 64 5 54 41 | image 75 10 34 19 | title 5 17 54 6", "plain_layout_seq": "description 5 26 54 10 | image 64 5 54 41 | image 75 10 34 19 | title 5 17 54 6", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 554, 49, 468, 351 ], "completed": true }, { "type": "image", "position": [ 640, 86, 295, 167 ], "completed": false }, { "type": "title", "position": [ 45, 150, 461, 55 ], "completed": false }, { "type": "description", "position": [ 45, 224, 461, 93 ], "completed": false } ] }, { "text": "#A page for organizing research.# There is one title \"Organize your research\", one slogan, one image, and one button for learning more.", "region_id": "6252", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'organize your research'] ] [el:title] [el:image] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 61 23 10 2 | image 1 4 57 46 | title 61 19 55 2 | title 61 11 57 4", "layout_seq_without_completion": "button 61 23 10 2 | image 1 4 57 46 | title 61 19 55 2 | title 61 11 57 4", "plain_layout_seq": "button 61 23 10 2 | image 1 4 57 46 | title 61 19 55 2 | title 61 11 57 4", "canvas_width": 1024, "canvas_height": 448, "elements": [ { "type": "image", "position": [ 10, 40, 492, 398 ], "completed": false }, { "type": "title", "position": [ 522, 99, 492, 39 ], "completed": false }, { "type": "title", "position": [ 522, 163, 475, 22 ], "completed": false }, { "type": "button", "position": [ 522, 197, 90, 22 ], "completed": false } ] }, { "text": "#A page to introduce Cabify Business. # The page should have the title \"Cabify Business\", a slogan, a text box with a short description, and an image. Then a text link is needed for the user to discover Cabify Business.", "region_id": "52", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'cabify business'] ] [el:title] [el:description [attr:size'small'] ] [el:image] [el:link [attr:value'discover cabify business'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 13 30 40 16 | complete icon 38 50 1 1 | complete image 6 6 106 53 | image 60 6 53 53 | link 13 50 24 2 | title 13 13 40 2 | title 13 18 40 10", "layout_seq_without_completion": "description 13 30 40 16 | icon 38 50 1 1 | image 6 6 106 53 | image 60 6 53 53 | link 13 50 24 2 | title 13 13 40 2 | title 13 18 40 10", "plain_layout_seq": "description 13 30 40 16 | icon 38 50 1 1 | image 6 6 106 53 | image 60 6 53 53 | link 13 50 24 2 | title 13 13 40 2 | title 13 18 40 10", "canvas_width": 1024, "canvas_height": 716, "elements": [ { "type": "image", "position": [ 56, 56, 912, 453 ], "completed": true }, { "type": "image", "position": [ 512, 56, 456, 453 ], "completed": false }, { "type": "title", "position": [ 112, 112, 344, 20 ], "completed": false }, { "type": "title", "position": [ 112, 156, 344, 88 ], "completed": false }, { "type": "description", "position": [ 112, 260, 344, 141 ], "completed": false }, { "type": "link", "position": [ 112, 428, 211, 19 ], "completed": false }, { "type": "icon", "position": [ 327, 430, 16, 16 ], "completed": true } ] }, { "text": "#A page for introducing one health plan for users.# There should be one background image. One title is \"NEC 2030 VISION\" and one slogan is \"seize the future together\" and \"explore\" button.", "region_id": "1769", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value'nec 2030 vision'] ] [el:title [attr:value'seize the future together'] ] [el:button [attr:value'explore'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 40 | button 7 20 16 5 | title 7 13 36 3 | title 7 8 36 3", "layout_seq_without_completion": "background 0 0 120 40 | button 7 20 16 5 | title 7 13 36 3 | title 7 8 36 3", "plain_layout_seq": "background 0 0 120 40 | button 7 20 16 5 | title 7 13 36 3 | title 7 8 36 3", "canvas_width": 1007, "canvas_height": 341, "elements": [ { "type": "background", "position": [ 0, 0, 1007, 341 ], "completed": false }, { "type": "title", "position": [ 65, 72, 310, 27 ], "completed": false }, { "type": "title", "position": [ 65, 113, 310, 26 ], "completed": false }, { "type": "button", "position": [ 65, 170, 137, 43 ], "completed": false } ] }, { "text": "#A page for introducing one plan for users.# One image is used as an extra layout. Two text boxes are needed to show the title and the detail of the title. And there should be one text button for users to explore more info about the plan.", "region_id": "1769_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 7 20 16 5 | description 7 13 36 3 | image 0 0 120 40 | title 7 8 36 3", "layout_seq_without_completion": "button 7 20 16 5 | description 7 13 36 3 | image 0 0 120 40 | title 7 8 36 3", "plain_layout_seq": "button 7 20 16 5 | description 7 13 36 3 | image 0 0 120 40 | title 7 8 36 3", "canvas_width": 1007, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 0, 0, 1007, 341 ], "completed": false }, { "type": "title", "position": [ 65, 72, 310, 27 ], "completed": false }, { "type": "description", "position": [ 65, 113, 310, 26 ], "completed": false }, { "type": "button", "position": [ 65, 170, 137, 43 ], "completed": false } ] }, { "text": "#A page for introducing a one-stop shop for wholesale to users.# The page should include one title, a slogan, and one input for users to sign up to shop. Besides, a button is needed for users to click to apply as a Brand.", "region_id": "1195", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat'2'] ] [el:input [attr:value'sign up to shop'] ] [el:button [attr:value'apply as a brand'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 70 | button 46 48 26 5 | input 46 41 26 5 | title 31 15 57 15 | title 32 33 10 2 | title 50 33 37 2 | \" [ complete text 43 33 1 2 ] | [ complete text 44 33 1 2 ] | [ complete text 45 33 0 2 ] | [ complete text 46 33 1 2 ] | [ complete text 47 33 1 2 ] | [ complete text 48 33 1 2 ] \"", "layout_seq_without_completion": "background 0 0 120 70 | button 46 48 26 5 | input 46 41 26 5 | title 31 15 57 15 | title 32 33 10 2 | title 50 33 37 2 | \" [ text 43 33 1 2 ] | [ text 44 33 1 2 ] | [ text 45 33 0 2 ] | [ text 46 33 1 2 ] | [ text 47 33 1 2 ] | [ text 48 33 1 2 ] \"", "plain_layout_seq": "background 0 0 120 70 | button 46 48 26 5 | input 46 41 26 5 | text 43 33 1 2 | text 44 33 1 2 | text 45 33 0 2 | text 46 33 1 2 | text 47 33 1 2 | text 48 33 1 2 | title 31 15 57 15 | title 32 33 10 2 | title 50 33 37 2", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 600 ], "completed": true }, { "type": "title", "position": [ 266, 133, 491, 128 ], "completed": false }, { "type": "text", "position": [ 367, 285, 11, 24 ], "completed": true }, { "type": "text", "position": [ 378, 285, 11, 24 ], "completed": true }, { "type": "text", "position": [ 388, 285, 5, 24 ], "completed": true }, { "type": "text", "position": [ 394, 285, 11, 24 ], "completed": true }, { "type": "text", "position": [ 405, 285, 11, 24 ], "completed": true }, { "type": "text", "position": [ 416, 285, 11, 24 ], "completed": true }, { "type": "title", "position": [ 274, 289, 92, 18 ], "completed": false }, { "type": "title", "position": [ 427, 289, 323, 18 ], "completed": false }, { "type": "input", "position": [ 398, 351, 228, 50 ], "completed": false }, { "type": "button", "position": [ 398, 417, 228, 50 ], "completed": false } ] }, { "text": "# A page to introduce the Circle, a community platform. # The page should include a slogan and a text box with a long description of the service. Then two text buttons should be needed to get started and contact sales.", "region_id": "945", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'large']] [el:button [attr:value'GET STARTED'] ] [el:button [attr:value'CONTACT SALES'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined large | title undefined undefined", "layout_seq_with_completion": "button 6 62 17 5 | button 26 62 20 5 | description 6 37 107 22 | title 6 9 107 26", "layout_seq_without_completion": "button 6 62 17 5 | button 26 62 20 5 | description 6 37 107 22 | title 6 9 107 26", "plain_layout_seq": "button 6 62 17 5 | button 26 62 20 5 | description 6 37 107 22 | title 6 9 107 26", "canvas_width": 1024, "canvas_height": 657, "elements": [ { "type": "title", "position": [ 55, 80, 914, 227 ], "completed": false }, { "type": "description", "position": [ 55, 319, 914, 190 ], "completed": false }, { "type": "button", "position": [ 55, 533, 149, 43 ], "completed": false }, { "type": "button", "position": [ 228, 533, 174, 43 ], "completed": false } ] }, { "text": "#A page advertising IVLUA NOW. Users can register on through this page.# There should be a heading with a date at the top. There should also be a button \"register now\".", "region_id": "1515", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] ] [el:text [attr:position'top'] ] [el:button [attr:value'register now'] ] ]", "execution": "singleinfo : button undefined undefined | text top undefined | title top undefined", "layout_seq_with_completion": "complete background 0 0 120 27 | button 22 20 16 4 | complete image 22 15 35 2 | complete logo 4 5 14 14 | title 22 2 59 10", "layout_seq_without_completion": "background 0 0 120 27 | button 22 20 16 4 | image 22 15 35 2 | logo 4 5 14 14 | title 22 2 59 10", "plain_layout_seq": "background 0 0 120 27 | button 22 20 16 4 | image 22 15 35 2 | logo 4 5 14 14 | title 22 2 59 10", "canvas_width": 1024, "canvas_height": 237, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 237 ], "completed": true }, { "type": "title", "position": [ 191, 24, 511, 90 ], "completed": false }, { "type": "logo", "position": [ 35, 48, 125, 125 ], "completed": true }, { "type": "image", "position": [ 191, 130, 300, 24 ], "completed": true }, { "type": "button", "position": [ 191, 178, 142, 35 ], "completed": false } ] }, { "text": "#A page for introducing a video gallery to users.# The page should include a background image, one title, and a brief description. Besides, a button is needed for users to click to watch the video.", "region_id": "791", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'watch the video'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "background 5 12 76 36 | button 86 33 11 4 | description 86 18 23 11 | complete image 60 10 54 39 | complete link 86 39 22 1 | title 5 5 108 3", "layout_seq_without_completion": "background 5 12 76 36 | button 86 33 11 4 | description 86 18 23 11 | image 60 10 54 39 | link 86 39 22 1 | title 5 5 108 3", "plain_layout_seq": "background 5 12 76 36 | button 86 33 11 4 | description 86 18 23 11 | image 60 10 54 39 | link 86 39 22 1 | title 5 5 108 3", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "title", "position": [ 47, 50, 930, 26 ], "completed": false }, { "type": "image", "position": [ 512, 91, 465, 336 ], "completed": true }, { "type": "background", "position": [ 47, 103, 651, 312 ], "completed": false }, { "type": "description", "position": [ 738, 161, 199, 99 ], "completed": false }, { "type": "button", "position": [ 738, 290, 101, 35 ], "completed": false }, { "type": "link", "position": [ 738, 340, 194, 17 ], "completed": true } ] }, { "text": "# A page for introducing the service of a company. # There should have an image, a slogan \"We made it easy and global for you\", and a further description.", "region_id": "7932", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'We made it easy and global for you'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 64 20 44 6 | image 5 3 54 36 | title 64 15 44 3", "layout_seq_without_completion": "description 64 20 44 6 | image 5 3 54 36 | title 64 15 44 3", "plain_layout_seq": "description 64 20 44 6 | image 5 3 54 36 | title 64 15 44 3", "canvas_width": 1024, "canvas_height": 368, "elements": [ { "type": "image", "position": [ 50, 30, 462, 308 ], "completed": false }, { "type": "title", "position": [ 552, 134, 382, 28 ], "completed": false }, { "type": "description", "position": [ 552, 176, 382, 58 ], "completed": false } ] }, { "text": "#A page for introducing the feature flags to users.# The page should include one title and a brief description on the right. Besides, two buttons should be provided for users to click for further information. There should be an image of the website on the left.", "region_id": "240", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'right'] ] [el:description [attr:size'small'] [attr:position'right'] ] [el:button [attr:repeat '2'] [attr:value'read more'] ] [el:image [attr:position'left'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description right small | image left undefined | title right undefined", "layout_seq_with_completion": "button 62 28 16 4 | button 81 28 17 4 | description 62 16 54 9 | complete image 62 2 7 7 | image 2 0 54 27 | title 62 13 38 2 | complete title 71 3 10 6", "layout_seq_without_completion": "button 62 28 16 4 | button 81 28 17 4 | description 62 16 54 9 | image 62 2 7 7 | image 2 0 54 27 | title 62 13 38 2 | title 71 3 10 6", "plain_layout_seq": "button 62 28 16 4 | button 81 28 17 4 | description 62 16 54 9 | image 62 2 7 7 | image 2 0 54 27 | title 62 13 38 2 | title 71 3 10 6", "canvas_width": 1024, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 24, 0, 464, 238 ], "completed": false }, { "type": "image", "position": [ 536, 25, 64, 64 ], "completed": true }, { "type": "title", "position": [ 612, 30, 90, 54 ], "completed": true }, { "type": "title", "position": [ 536, 112, 328, 21 ], "completed": false }, { "type": "description", "position": [ 536, 145, 464, 79 ], "completed": false }, { "type": "button", "position": [ 536, 247, 137, 40 ], "completed": false }, { "type": "button", "position": [ 697, 247, 151, 40 ], "completed": false } ] }, { "text": "#A page for introducing an award for users.# The page should include a title \"2021 LendTech of the year\" and a small description for this award. Also, there should be an image as an extra layout. And a button called 'SEE AWARDS' is also needed for users to see the details of the award.", "region_id": "1836", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'2021 lendtech of the year'] ] [el:description [attr:size 'small']][el:image] [el:button [attr:value'SEE AWARDS'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 119 55 | button 8 37 13 5 | description 8 21 46 11 | image 67 7 41 40 | complete text 8 18 8 0 | title 8 12 46 2", "layout_seq_without_completion": "background 0 0 119 55 | button 8 37 13 5 | description 8 21 46 11 | image 67 7 41 40 | text 8 18 8 0 | title 8 12 46 2", "plain_layout_seq": "background 0 0 119 55 | button 8 37 13 5 | description 8 21 46 11 | image 67 7 41 40 | text 8 18 8 0 | title 8 12 46 2", "canvas_width": 1164, "canvas_height": 536, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 536 ], "completed": true }, { "type": "image", "position": [ 659, 70, 400, 396 ], "completed": false }, { "type": "title", "position": [ 80, 125, 450, 27 ], "completed": false }, { "type": "text", "position": [ 80, 178, 80, 4 ], "completed": true }, { "type": "description", "position": [ 80, 205, 450, 115 ], "completed": false }, { "type": "button", "position": [ 80, 360, 132, 51 ], "completed": false } ] }, { "text": "#A page introducing AirAsia to the website users# A background picture of an airplane is involved. And on the top left-hand, the logo of \"eightfold.ai\" is set. And under the logo, a title is placed above a short description of AirAsia, under which a button of \"Air Asia lands a record number of candidates\" is paced.", "region_id": "5396", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:logo [attr:position 'top'] [attr:value 'eightfold.ai']] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'air asia lands a record number of candidates'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | logo top undefined | title undefined undefined", "layout_seq_with_completion": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "layout_seq_without_completion": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "plain_layout_seq": "background 3 0 112 83 | button 10 72 43 4 | description 10 55 49 11 | logo 10 7 23 4 | title 10 18 49 35", "canvas_width": 1024, "canvas_height": 716, "elements": [ { "type": "background", "position": [ 30, 0, 964, 715 ], "completed": false }, { "type": "logo", "position": [ 90, 60, 200, 35 ], "completed": false }, { "type": "title", "position": [ 90, 161, 422, 300 ], "completed": false }, { "type": "description", "position": [ 90, 476, 422, 100 ], "completed": false }, { "type": "button", "position": [ 90, 616, 372, 40 ], "completed": false } ] }, { "text": "# A page to introduce the history of a company Promasidor. # The page needs the title \"How We Started\", and a long text box about the history of the company. Besides, a text button is needed to find out more by clicking the button. It would be better to have an image with the word \"About Us\".", "region_id": "2039", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'how we started'] ] [el:description [attr:size 'large'] ] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined large | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 8 31 20 5 | description 8 12 63 16 | image 80 0 39 43 | title 8 6 63 4", "layout_seq_without_completion": "button 8 31 20 5 | description 8 12 63 16 | image 80 0 39 43 | title 8 6 63 4", "plain_layout_seq": "button 8 31 20 5 | description 8 12 63 16 | image 80 0 39 43 | title 8 6 63 4", "canvas_width": 940, "canvas_height": 338, "elements": [ { "type": "image", "position": [ 627, 0, 313, 338 ], "completed": false }, { "type": "title", "position": [ 63, 48, 501, 32 ], "completed": false }, { "type": "description", "position": [ 63, 100, 501, 126 ], "completed": false }, { "type": "button", "position": [ 63, 250, 158, 40 ], "completed": false } ] }, { "text": "# A page for marketing the CloSYS products.# The page should have an image, a title \"CloSYS Difference\", a further introduction to CloSYS products, and four entries of phrases to advertise the products. Besides, it is necessary to have a button named \"MORE ABOUT CLOSYS\" to learn more about CloSYS.", "region_id": "8077", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'closys difference'] ] [el:description] [el:text [attr:repeat '4'] ] [el:button [attr:value 'more about closys'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 65 46 23 5 | description 65 9 44 16 | complete icon 65 40 2 2 | complete icon 65 36 2 2 | complete icon 65 32 2 2 | complete icon 65 28 2 2 | image 3 0 56 56 | text 69 28 25 2 | text 69 32 22 2 | text 69 36 23 2 | text 69 40 26 2 | title 65 3 44 5", "layout_seq_without_completion": "button 65 46 23 5 | description 65 9 44 16 | icon 65 40 2 2 | icon 65 36 2 2 | icon 65 32 2 2 | icon 65 28 2 2 | image 3 0 56 56 | text 69 28 25 2 | text 69 32 22 2 | text 69 36 23 2 | text 69 40 26 2 | title 65 3 44 5", "plain_layout_seq": "button 65 46 23 5 | description 65 9 44 16 | icon 65 40 2 2 | icon 65 36 2 2 | icon 65 32 2 2 | icon 65 28 2 2 | image 3 0 56 56 | text 69 28 25 2 | text 69 32 22 2 | text 69 36 23 2 | text 69 40 26 2 | title 65 3 44 5", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 30, 0, 482, 482 ], "completed": false }, { "type": "title", "position": [ 562, 28, 382, 45 ], "completed": false }, { "type": "description", "position": [ 562, 82, 382, 140 ], "completed": false }, { "type": "text", "position": [ 590, 242, 221, 24 ], "completed": false }, { "type": "icon", "position": [ 562, 243, 18, 18 ], "completed": true }, { "type": "text", "position": [ 590, 276, 191, 24 ], "completed": false }, { "type": "icon", "position": [ 562, 277, 18, 18 ], "completed": true }, { "type": "text", "position": [ 590, 310, 201, 24 ], "completed": false }, { "type": "icon", "position": [ 562, 311, 18, 18 ], "completed": true }, { "type": "text", "position": [ 590, 344, 225, 24 ], "completed": false }, { "type": "icon", "position": [ 562, 345, 18, 18 ], "completed": true }, { "type": "button", "position": [ 562, 398, 201, 50 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be two text boxes, one for the title and the other for the detailed info. One text button is needed for users to experience.", "region_id": "1554", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'experience'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 93 | button 48 79 22 7 | description 19 67 81 8 | title 14 57 91 7 | \" [ complete button 50 90 5 0 ] | [ complete button 57 90 5 0 ] | [ complete button 64 90 5 0 ] \"", "layout_seq_without_completion": "background 0 0 120 93 | button 48 79 22 7 | description 19 67 81 8 | title 14 57 91 7 | \" [ button 50 90 5 0 ] | [ button 57 90 5 0 ] | [ button 64 90 5 0 ] \"", "plain_layout_seq": "background 0 0 120 93 | button 48 79 22 7 | button 50 90 5 0 | button 57 90 5 0 | button 64 90 5 0 | description 19 67 81 8 | title 14 57 91 7", "canvas_width": 1024, "canvas_height": 800, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 800 ], "completed": true }, { "type": "title", "position": [ 124, 490, 777, 60 ], "completed": false }, { "type": "description", "position": [ 165, 572, 694, 71 ], "completed": false }, { "type": "button", "position": [ 416, 676, 192, 60 ], "completed": false }, { "type": "button", "position": [ 431, 771, 45, 4 ], "completed": true }, { "type": "button", "position": [ 490, 771, 45, 4 ], "completed": true }, { "type": "button", "position": [ 548, 771, 45, 4 ], "completed": true } ] }, { "text": "# A page for introducing Bitvise SSH Server. # The page should have an image, the tile \"Bitvise Server\", a further introduction, and a link for the user to click to download Bitvise SSH Server.", "region_id": "3673", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'bitvise server'] ] [el:description] [el:link [attr:value 'download bitvise ssh server'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 41 8 74 5 | image 6 3 25 17 | link 41 15 21 1 | title 41 5 74 2", "layout_seq_without_completion": "description 41 8 74 5 | image 6 3 25 17 | link 41 15 21 1 | title 41 5 74 2", "plain_layout_seq": "description 41 8 74 5 | image 6 3 25 17 | link 41 15 21 1 | title 41 5 74 2", "canvas_width": 1008, "canvas_height": 205, "elements": [ { "type": "image", "position": [ 55, 31, 210, 144 ], "completed": false }, { "type": "title", "position": [ 345, 42, 628, 18 ], "completed": false }, { "type": "description", "position": [ 345, 75, 628, 45 ], "completed": false }, { "type": "link", "position": [ 345, 134, 177, 15 ], "completed": false } ] }, { "text": "# A page for the user who wants to find jobs in the company Northvolt. # On the page, a title \"Working at Northvolt\", and a text box with a brief description of careers are needed. Besides, there should a text button for the user to explore roles, and three images of the company.", "region_id": "357", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'working at northvolt'] ] [el:description [attr:size'small'] ] [el:button [attr:value'explore roles'] ] [el:image [attr:repeat '3'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 0 40 23 7 | description 0 21 37 14 | title 0 5 37 14 | \" [ image 50 0 69 46 ] | [ image 41 30 34 41 ] | [ image 81 41 22 35 ] \"", "layout_seq_without_completion": "button 0 40 23 7 | description 0 21 37 14 | title 0 5 37 14 | \" [ image 50 0 69 46 ] | [ image 41 30 34 41 ] | [ image 81 41 22 35 ] \"", "plain_layout_seq": "button 0 40 23 7 | description 0 21 37 14 | image 50 0 69 46 | image 41 30 34 41 | image 81 41 22 35 | title 0 5 37 14", "canvas_width": 922, "canvas_height": 587, "elements": [ { "type": "image", "position": [ 386, 0, 536, 357 ], "completed": false }, { "type": "title", "position": [ 0, 41, 286, 110 ], "completed": false }, { "type": "description", "position": [ 0, 167, 286, 112 ], "completed": false }, { "type": "image", "position": [ 316, 237, 268, 320 ], "completed": false }, { "type": "button", "position": [ 0, 310, 184, 61 ], "completed": false }, { "type": "image", "position": [ 630, 317, 171, 270 ], "completed": false } ] }, { "text": "# A page for introducing the service of MOW.# The page should have the slogan \"Getting started has never been easier\", a title \"Make it Simple\" and three pieces of introduction. Besides, it will be better to have an image of MOW.", "region_id": "3710", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'getting started has never been easier'] ] [el:title [attr:value 'make it simple'] ] [el:description [attr:repeat '3'] ] [el:image] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 77 24 37 10 | description 77 40 37 5 | description 77 50 35 3 | complete icon 71 24 3 3 | complete icon 71 40 3 3 | complete icon 71 50 3 3 | image 4 9 53 54 | title 71 13 36 2 | title 71 15 43 6", "layout_seq_without_completion": "description 77 24 37 10 | description 77 40 37 5 | description 77 50 35 3 | icon 71 24 3 3 | icon 71 40 3 3 | icon 71 50 3 3 | image 4 9 53 54 | title 71 13 36 2 | title 71 15 43 6", "plain_layout_seq": "description 77 24 37 10 | description 77 40 37 5 | description 77 50 35 3 | icon 71 24 3 3 | icon 71 40 3 3 | icon 71 50 3 3 | image 4 9 53 54 | title 71 13 36 2 | title 71 15 43 6", "canvas_width": 1024, "canvas_height": 579, "elements": [ { "type": "image", "position": [ 42, 82, 455, 465 ], "completed": false }, { "type": "title", "position": [ 608, 113, 309, 19 ], "completed": false }, { "type": "title", "position": [ 608, 135, 374, 58 ], "completed": false }, { "type": "icon", "position": [ 608, 213, 32, 32 ], "completed": true }, { "type": "description", "position": [ 660, 213, 322, 91 ], "completed": false }, { "type": "icon", "position": [ 608, 344, 32, 32 ], "completed": true }, { "type": "description", "position": [ 660, 344, 322, 46 ], "completed": false }, { "type": "icon", "position": [ 608, 430, 32, 32 ], "completed": true }, { "type": "description", "position": [ 660, 430, 299, 32 ], "completed": false } ] }, { "text": "# A page for introducing Sendbird. # On the page, there should an image, a slogan, and a text box with a brief introduction of Sendbird to attract the user. Then a button \"talk to sales\" should be included for more info.", "region_id": "446", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:description [attr:size 'small']] [el:button [attr:value'Talk to sales'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 53 16 5 | description 1 38 56 12 | image 61 18 56 43 | title 1 20 56 15", "layout_seq_without_completion": "button 1 53 16 5 | description 1 38 56 12 | image 61 18 56 43 | title 1 20 56 15", "plain_layout_seq": "button 1 53 16 5 | description 1 38 56 12 | image 61 18 56 43 | title 1 20 56 15", "canvas_width": 1024, "canvas_height": 609, "elements": [ { "type": "image", "position": [ 527, 160, 482, 369 ], "completed": false }, { "type": "title", "position": [ 15, 174, 482, 132 ], "completed": false }, { "type": "description", "position": [ 15, 330, 482, 103 ], "completed": false }, { "type": "button", "position": [ 15, 454, 145, 48 ], "completed": false } ] }, { "text": "# A page for the user to bespeak wedding bands. # The page should have a background image, a title \"BESPOKE WEDDING BANDS\", a question, and a button named \"DISCOVER\" for the user to click to discover more info.", "region_id": "8620", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image ] [el:title [attr:value 'BESPOKE WEDDING BANDS'] ] [el:text] [el:button [attr:value 'DISCOVER'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 6 120 55 | button 53 37 12 4 | text 17 31 85 3 | title 3 25 114 4", "layout_seq_without_completion": "background 0 6 120 55 | button 53 37 12 4 | text 17 31 85 3 | title 3 25 114 4", "plain_layout_seq": "background 0 6 120 55 | button 53 37 12 4 | text 17 31 85 3 | title 3 25 114 4", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "background", "position": [ 0, 55, 1024, 475 ], "completed": false }, { "type": "title", "position": [ 26, 221, 973, 37 ], "completed": false }, { "type": "text", "position": [ 147, 266, 730, 27 ], "completed": false }, { "type": "button", "position": [ 459, 321, 107, 40 ], "completed": false } ] }, { "text": "#A page for showing the steps of work.#The page should have a slogan and a title, named \"how it works\". ALso, there is a description to show the 3 steps.", "region_id": "7848", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title [attr:value 'how it works'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 33 17 52 15 | text 5 5 108 3 | title 5 10 108 6", "layout_seq_without_completion": "description 33 17 52 15 | text 5 5 108 3 | title 5 10 108 6", "plain_layout_seq": "description 33 17 52 15 | text 5 5 108 3 | title 5 10 108 6", "canvas_width": 1024, "canvas_height": 332, "elements": [ { "type": "text", "position": [ 48, 50, 928, 26 ], "completed": false }, { "type": "title", "position": [ 48, 86, 928, 52 ], "completed": false }, { "type": "description", "position": [ 288, 146, 448, 136 ], "completed": false } ] }, { "text": "#A page of advertise lawn care service.# There is a title \"Meet a Jobber customer\" and a label for the time. Then, there is an image to show the lawn care service.", "region_id": "6257", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'meet a jobber customer'] ] [el:text] [el:image] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "image 5 6 109 61 | text 55 0 15 4 | title 5 0 48 4", "layout_seq_without_completion": "image 5 6 109 61 | text 55 0 15 4 | title 5 0 48 4", "plain_layout_seq": "image 5 6 109 61 | text 55 0 15 4 | title 5 0 48 4", "canvas_width": 1009, "canvas_height": 577, "elements": [ { "type": "title", "position": [ 44, 0, 407, 40 ], "completed": false }, { "type": "text", "position": [ 470, 0, 127, 40 ], "completed": false }, { "type": "image", "position": [ 44, 56, 921, 517 ], "completed": false } ] }, { "text": "#A page for introducing the dropshipping superstar season 1.# The page should have a title, a short description, and an image.", "region_id": "5055", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : description undefined small | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 26 45 7 | image 61 3 54 41 | title 3 14 38 8", "layout_seq_without_completion": "description 3 26 45 7 | image 61 3 54 41 | title 3 14 38 8", "plain_layout_seq": "description 3 26 45 7 | image 61 3 54 41 | title 3 14 38 8", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "image", "position": [ 527, 31, 467, 351 ], "completed": false }, { "type": "title", "position": [ 30, 121, 332, 76 ], "completed": false }, { "type": "description", "position": [ 30, 230, 384, 65 ], "completed": false } ] }, { "text": "# A page to check careers in the company Promasidor. # The page should have the title \"Careers\" and a long text box with a brief introduction of the company to appeal to the user to contact the company for job opportunities. There should be a text link for the user to click to visit Promasidor LinkedIn page to view available careers.", "region_id": "2041", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'careers'] ] [el:description [attr:size'small'] ] [el:link [attr:value'visit promasidor linkedin page'] ] ]", "execution": "singleinfo : description undefined small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 7 14 104 17 | link 7 34 104 2 | title 7 7 104 4", "layout_seq_without_completion": "description 7 14 104 17 | link 7 34 104 2 | title 7 7 104 4", "plain_layout_seq": "description 7 14 104 17 | link 7 34 104 2 | title 7 7 104 4", "canvas_width": 1054, "canvas_height": 397, "elements": [ { "type": "title", "position": [ 66, 64, 922, 40 ], "completed": false }, { "type": "description", "position": [ 66, 128, 922, 154 ], "completed": false }, { "type": "link", "position": [ 66, 304, 922, 21 ], "completed": false } ] }, { "text": "# A page to guide the user to have a free trial for a website. # The page should have a background image, a slogan \"PEAK FAMILY TIME\", a short description, and a button named \"TRY IT FREE\" to have a free trial.", "region_id": "4250", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'peak family time'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'try it free'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 9 22 9 1 | description 4 12 45 7 | title 4 0 45 10", "layout_seq_without_completion": "button 9 22 9 1 | description 4 12 45 7 | title 4 0 45 10", "plain_layout_seq": "button 9 22 9 1 | description 4 12 45 7 | title 4 0 45 10", "canvas_width": 1024, "canvas_height": 219, "elements": [ { "type": "title", "position": [ 40, 0, 388, 91 ], "completed": false }, { "type": "description", "position": [ 40, 107, 388, 66 ], "completed": false }, { "type": "button", "position": [ 80, 188, 83, 16 ], "completed": false } ] }, { "text": "# A page to introduce NADRA. # The page should have an image, a title \"About Us\", and an introduction.", "region_id": "4001", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'about us'] ] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 1 10 54 26 | image 61 0 58 37 | title 1 4 54 4", "layout_seq_without_completion": "description 1 10 54 26 | image 61 0 58 37 | title 1 4 54 4", "plain_layout_seq": "description 1 10 54 26 | image 61 0 58 37 | title 1 4 54 4", "canvas_width": 970, "canvas_height": 383, "elements": [ { "type": "image", "position": [ 500, 0, 470, 300 ], "completed": false }, { "type": "title", "position": [ 14, 39, 440, 36 ], "completed": false }, { "type": "description", "position": [ 14, 86, 440, 216 ], "completed": false } ] }, { "text": "#A page for introducing one vendor.# There should be one title\"The leading vendor in analyst reports \n since 2016\", one button for users to learn more, and one image including the vendor's logo.", "region_id": "442", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'the leading vendor in analyst reports since 2016'] ] [el:button [attr:value'read more'] ] [el:logo] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "layout_seq_without_completion": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "plain_layout_seq": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "canvas_width": 1024, "canvas_height": 433, "elements": [ { "type": "logo", "position": [ 439, 96, 561, 337 ], "completed": false }, { "type": "title", "position": [ 88, 131, 293, 168 ], "completed": false }, { "type": "button", "position": [ 88, 347, 155, 51 ], "completed": false } ] }, { "text": "#A page for introducing one vendor.# There should be one text box showing the title, one text button showing for users to learn more, and one text including the vendor's logo.", "region_id": "442_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] [el:logo] ]", "execution": "singleinfo : button undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "layout_seq_without_completion": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "plain_layout_seq": "button 10 40 18 5 | logo 51 11 65 39 | title 10 15 34 19", "canvas_width": 1024, "canvas_height": 433, "elements": [ { "type": "logo", "position": [ 439, 96, 561, 337 ], "completed": false }, { "type": "title", "position": [ 88, 131, 293, 168 ], "completed": false }, { "type": "button", "position": [ 88, 347, 155, 51 ], "completed": false } ] }, { "text": "# A page to introduce the company. # On the page, there should be two text boxes. One is a label \"Our Vision\" and another is a short slogan of the vision. There should contain a text button, too. So the user can learn more about the company by clicking it.", "region_id": "2259", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:value'Our Vision'] ] [el:title] [el:button [attr:value'Learn more'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 70 | button 51 47 17 2 | text 23 18 72 2 | title 23 24 72 13", "layout_seq_without_completion": "background 0 0 120 70 | button 51 47 17 2 | text 23 18 72 2 | title 23 24 72 13", "plain_layout_seq": "background 0 0 120 70 | button 51 47 17 2 | text 23 18 72 2 | title 23 24 72 13", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 600 ], "completed": true }, { "type": "text", "position": [ 204, 161, 615, 23 ], "completed": false }, { "type": "title", "position": [ 204, 213, 615, 116 ], "completed": false }, { "type": "button", "position": [ 438, 404, 147, 20 ], "completed": false } ] }, { "text": "# A page to introduce the company. # On the page, there should be two text boxes. One is the title \"Our Vision\" and another is a short description of the vision. There should contain a text button, too. So the user can learn more about the company by clicking it.", "region_id": "2259_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'Our Vision'] ] [el:description[attr:size'small'][attr:value'Vision']] [el:button [attr:value'Learn more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 70 | button 51 47 17 2 | description 23 24 72 13 | title 23 18 72 2", "layout_seq_without_completion": "background 0 0 120 70 | button 51 47 17 2 | description 23 24 72 13 | title 23 18 72 2", "plain_layout_seq": "background 0 0 120 70 | button 51 47 17 2 | description 23 24 72 13 | title 23 18 72 2", "canvas_width": 1024, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 600 ], "completed": true }, { "type": "title", "position": [ 204, 161, 615, 23 ], "completed": false }, { "type": "description", "position": [ 204, 213, 615, 116 ], "completed": false }, { "type": "button", "position": [ 438, 404, 147, 20 ], "completed": false } ] }, { "text": "#A page introducing the website uses cookies to users.#The page should have one brief text, one link for users to click to learn more information, and one ok button.", "region_id": "7415", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | text undefined small", "layout_seq_with_completion": "button 100 1 16 4 | link 65 2 10 3 | text 3 3 62 1", "layout_seq_without_completion": "button 100 1 16 4 | link 65 2 10 3 | text 3 3 62 1", "plain_layout_seq": "button 100 1 16 4 | link 65 2 10 3 | text 3 3 62 1", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 855, 16, 140, 40 ], "completed": false }, { "type": "link", "position": [ 559, 21, 92, 30 ], "completed": false }, { "type": "text", "position": [ 29, 27, 530, 17 ], "completed": false } ] }, { "text": "#A page for users to get a discount code.# There is one background image, one label \"GET A DISCOUNT CODE\", one title \"YOU MUST BE A WINNER!\", and one description.", "region_id": "6947", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:text [attr:value 'get a discount code'] ] [el:title [attr:value 'you must be a winner!'] ] [el:description] ]", "execution": "singleinfo : background undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 68 | description 23 35 73 9 | text 18 22 82 3 | title 18 27 82 6", "layout_seq_without_completion": "background 0 0 120 68 | description 23 35 73 9 | text 18 22 82 3 | title 18 27 82 6", "plain_layout_seq": "background 0 0 120 68 | description 23 35 73 9 | text 18 22 82 3 | title 18 27 82 6", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 582 ], "completed": false }, { "type": "text", "position": [ 162, 196, 700, 26 ], "completed": false }, { "type": "title", "position": [ 162, 232, 700, 52 ], "completed": false }, { "type": "description", "position": [ 197, 304, 630, 82 ], "completed": false } ] }, { "text": "# A page for users willingly subscribe to the service. # The page should contain a slogan \"Subscribe to our emails for exclusive news, promotions \uff06 10% off your next order.\" and an explanation. There should also include two inputs and a button\" Subscribe\".", "region_id": "6727", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our emails for exclusive news, promotions \uff06 10% off your next order.'] ] [el:description] [el:input [attr:repeat '2'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 84 16 10 5 | description 23 31 73 6 | input 24 23 72 4 | input 24 17 58 4 | title 24 2 72 11", "layout_seq_without_completion": "button 84 16 10 5 | description 23 31 73 6 | input 24 23 72 4 | input 24 17 58 4 | title 24 2 72 11", "plain_layout_seq": "button 84 16 10 5 | description 23 31 73 6 | input 24 23 72 4 | input 24 17 58 4 | title 24 2 72 11", "canvas_width": 944, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 193, 21, 574, 92 ], "completed": false }, { "type": "button", "position": [ 666, 129, 85, 42 ], "completed": false }, { "type": "input", "position": [ 193, 137, 457, 34 ], "completed": false }, { "type": "input", "position": [ 193, 187, 574, 34 ], "completed": false }, { "type": "description", "position": [ 183, 247, 578, 48 ], "completed": false } ] }, { "text": "#A page for subscribing.# There is one title \"Subscribe to our newsletter\" and one slogan. Users can input their emails in the input box and join by clicking the button.", "region_id": "6946", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'subscribe to our newsletter'] ] [el:title] [el:input [attr:value 'enter your email address'] ] [el:button [attr:value 'join'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 96 5 6 5 | input 62 5 33 5 | title 6 13 50 2 | title 6 9 50 2", "layout_seq_without_completion": "button 96 5 6 5 | input 62 5 33 5 | title 6 13 50 2 | title 6 9 50 2", "plain_layout_seq": "button 96 5 6 5 | input 62 5 33 5 | title 6 13 50 2 | title 6 9 50 2", "canvas_width": 1024, "canvas_height": 216, "elements": [ { "type": "button", "position": [ 823, 50, 59, 50 ], "completed": false }, { "type": "input", "position": [ 537, 51, 283, 50 ], "completed": false }, { "type": "title", "position": [ 52, 83, 435, 24 ], "completed": false }, { "type": "title", "position": [ 52, 112, 435, 21 ], "completed": false } ] }, { "text": "#A page for an introduction of a product.# The page has a picture, a label named \"COMMUNITY\", a title named \"Get Great Ideas from Other Readers\", a paragraph showing the description, and a link named \"Learn More\" for users to get further information.", "region_id": "3300", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'community'] ] [el:title [attr:value 'get great ideas from other readers'] ] [el:description] [el:link [attr:value 'learn more'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 3 28 53 15 | complete icon 17 54 2 1 | image 58 11 61 49 | link 3 54 12 2 | complete text 3 45 53 3 | \" [ title 3 13 53 2 ] | [ title 3 18 31 2 ] | [ title 3 22 21 3 ] \"", "layout_seq_without_completion": "description 3 28 53 15 | icon 17 54 2 1 | image 58 11 61 49 | link 3 54 12 2 | text 3 45 53 3 | \" [ title 3 13 53 2 ] | [ title 3 18 31 2 ] | [ title 3 22 21 3 ] \"", "plain_layout_seq": "description 3 28 53 15 | icon 17 54 2 1 | image 58 11 61 49 | link 3 54 12 2 | text 3 45 53 3 | title 3 13 53 2 | title 3 18 31 2 | title 3 22 21 3", "canvas_width": 1024, "canvas_height": 622, "elements": [ { "type": "image", "position": [ 501, 100, 523, 421 ], "completed": false }, { "type": "title", "position": [ 32, 116, 455, 22 ], "completed": false }, { "type": "title", "position": [ 32, 158, 266, 24 ], "completed": false }, { "type": "title", "position": [ 32, 191, 182, 27 ], "completed": false }, { "type": "description", "position": [ 32, 247, 455, 128 ], "completed": false }, { "type": "text", "position": [ 32, 390, 455, 32 ], "completed": true }, { "type": "link", "position": [ 32, 461, 109, 18 ], "completed": false }, { "type": "icon", "position": [ 146, 464, 24, 12 ], "completed": true } ] }, { "text": "#A page for introducing one brand.#There should be one image on the left and three text boxes on the right showing its development.", "region_id": "1703", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:text [attr:repeat '3'] [attr:position'right'] ] ]", "execution": "singleinfo : image left undefined | text right undefined | text right undefined | text right undefined", "layout_seq_with_completion": "image 0 0 59 36 | \" [ text 64 0 55 16 ] | [ text 64 16 55 28 ] | [ text 64 44 55 18 ] \"", "layout_seq_without_completion": "image 0 0 59 36 | \" [ text 64 0 55 16 ] | [ text 64 16 55 28 ] | [ text 64 44 55 18 ] \"", "plain_layout_seq": "image 0 0 59 36 | text 64 0 55 16 | text 64 16 55 28 | text 64 44 55 18", "canvas_width": 1040, "canvas_height": 577, "elements": [ { "type": "image", "position": [ 0, 0, 513, 316 ], "completed": false }, { "type": "text", "position": [ 557, 0, 482, 140 ], "completed": false }, { "type": "text", "position": [ 557, 140, 482, 248 ], "completed": false }, { "type": "text", "position": [ 557, 388, 482, 164 ], "completed": false } ] }, { "text": "#A page for introducing one brand.#There should be one image and three text boxes showing its development.", "region_id": "1703_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:text [attr:repeat '3'] ] ]", "execution": "singleinfo : image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "image 0 0 59 36 | \" [ text 64 0 55 16 ] | [ text 64 16 55 28 ] | [ text 64 44 55 18 ] \"", "layout_seq_without_completion": "image 0 0 59 36 | \" [ text 64 0 55 16 ] | [ text 64 16 55 28 ] | [ text 64 44 55 18 ] \"", "plain_layout_seq": "image 0 0 59 36 | text 64 0 55 16 | text 64 16 55 28 | text 64 44 55 18", "canvas_width": 1040, "canvas_height": 577, "elements": [ { "type": "image", "position": [ 0, 0, 513, 316 ], "completed": false }, { "type": "text", "position": [ 557, 0, 482, 140 ], "completed": false }, { "type": "text", "position": [ 557, 140, 482, 248 ], "completed": false }, { "type": "text", "position": [ 557, 388, 482, 164 ], "completed": false } ] }, { "text": "#A page for advertising one defense platform.# There should be one text box for showing the title and three small descriptions for showing the detailed info of the title. Two buttons are needed for users to learn more info and explore the platform.", "region_id": "1045", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:repeat'3'] ] [el:button [attr:value 'learn more'] ] [el:button [attr:value 'explore the platform'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | description undefined small | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 38 24 15 4 | button 55 24 26 4 | description 34 16 50 1 | title 33 0 53 14 | \" [ description 37 19 15 1 ] | [ description 53 19 15 1 ] | [ complete text 69 19 12 1 ] \"", "layout_seq_without_completion": "button 38 24 15 4 | button 55 24 26 4 | description 34 16 50 1 | title 33 0 53 14 | \" [ description 37 19 15 1 ] | [ description 53 19 15 1 ] | [ text 69 19 12 1 ] \"", "plain_layout_seq": "button 38 24 15 4 | button 55 24 26 4 | description 34 16 50 1 | description 37 19 15 1 | description 53 19 15 1 | text 69 19 12 1 | title 33 0 53 14", "canvas_width": 1451, "canvas_height": 343, "elements": [ { "type": "title", "position": [ 400, 0, 650, 180 ], "completed": false }, { "type": "description", "position": [ 420, 204, 611, 24 ], "completed": false }, { "type": "description", "position": [ 453, 239, 186, 24 ], "completed": false }, { "type": "description", "position": [ 647, 239, 183, 24 ], "completed": false }, { "type": "text", "position": [ 839, 239, 155, 24 ], "completed": true }, { "type": "button", "position": [ 460, 294, 193, 49 ], "completed": false }, { "type": "button", "position": [ 667, 294, 324, 49 ], "completed": false } ] }, { "text": "#A page for advertising one defense platform.# There should be one text box for showing the title and three small text boxes for showing the detailed info of the title. Two text buttons are needed for users to learn more info.", "region_id": "1045_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] [attr:repeat'3'] ] [el:button [attr:repeat'2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | description undefined small | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 38 24 15 4 | button 55 24 26 4 | complete text 34 16 50 1 | title 33 0 53 14 | \" [ description 37 19 15 1 ] | [ description 53 19 15 1 ] | [ description 69 19 12 1 ] \"", "layout_seq_without_completion": "button 38 24 15 4 | button 55 24 26 4 | text 34 16 50 1 | title 33 0 53 14 | \" [ description 37 19 15 1 ] | [ description 53 19 15 1 ] | [ description 69 19 12 1 ] \"", "plain_layout_seq": "button 38 24 15 4 | button 55 24 26 4 | description 37 19 15 1 | description 53 19 15 1 | description 69 19 12 1 | text 34 16 50 1 | title 33 0 53 14", "canvas_width": 1451, "canvas_height": 343, "elements": [ { "type": "title", "position": [ 400, 0, 650, 180 ], "completed": false }, { "type": "text", "position": [ 420, 204, 611, 24 ], "completed": true }, { "type": "description", "position": [ 453, 239, 186, 24 ], "completed": false }, { "type": "description", "position": [ 647, 239, 183, 24 ], "completed": false }, { "type": "description", "position": [ 839, 239, 155, 24 ], "completed": false }, { "type": "button", "position": [ 460, 294, 193, 49 ], "completed": false }, { "type": "button", "position": [ 667, 294, 324, 49 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Goldman Sachs\" for users.# The page should include an image on the left, one title, and a brief introduction to Goldman Sachs. A button is also needed for users to get more information.", "region_id": "1321", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:position'left'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image left undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 78 | button 63 68 17 5 | description 63 52 50 10 | image 5 15 54 54 | complete text 63 15 50 1 | title 63 21 50 28", "layout_seq_without_completion": "background 0 0 120 78 | button 63 68 17 5 | description 63 52 50 10 | image 5 15 54 54 | text 63 15 50 1 | title 63 21 50 28", "plain_layout_seq": "background 0 0 120 78 | button 63 68 17 5 | description 63 52 50 10 | image 5 15 54 54 | text 63 15 50 1 | title 63 21 50 28", "canvas_width": 1024, "canvas_height": 674, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 674 ], "completed": true }, { "type": "image", "position": [ 48, 128, 464, 464 ], "completed": false }, { "type": "text", "position": [ 544, 128, 432, 14 ], "completed": true }, { "type": "title", "position": [ 544, 182, 432, 246 ], "completed": false }, { "type": "description", "position": [ 544, 452, 432, 90 ], "completed": false }, { "type": "button", "position": [ 544, 582, 148, 44 ], "completed": false } ] }, { "text": "# A page to guide the user to sign up for the Wakelet platform for free.# The page should have the slogan \"Free, safe, and unlimited!\", a short description, and a button for the user to sign up for free.", "region_id": "4221", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'free, safe, and unlimited!'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'sign up for free'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 44 14 30 6 | description 25 8 65 2 | complete icon 92 8 1 1 | title 1 0 116 5", "layout_seq_without_completion": "button 44 14 30 6 | description 25 8 65 2 | icon 92 8 1 1 | title 1 0 116 5", "plain_layout_seq": "button 44 14 30 6 | description 25 8 65 2 | icon 92 8 1 1 | title 1 0 116 5", "canvas_width": 1024, "canvas_height": 210, "elements": [ { "type": "title", "position": [ 16, 0, 992, 46 ], "completed": false }, { "type": "description", "position": [ 220, 71, 563, 19 ], "completed": false }, { "type": "icon", "position": [ 788, 72, 16, 16 ], "completed": true }, { "type": "button", "position": [ 382, 122, 260, 56 ], "completed": false } ] }, { "text": "#A page for showing the free delivery within UAE.#The page should have a description and an image. Under the image, there are three links for users to click fastly, \"home\", \"shop now\", and \"how it works?\". There are three icons on the bottom of the page.", "region_id": "8722", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:image] [el:link [attr:value 'home'] ] [el:link [attr:value 'shop now'] ] [el:link [attr:value 'how it works?'] ] [el:icon [attr:position 'bottom'] [attr:repeat '3'] ] ]", "execution": "singleinfo : description undefined undefined | icon bottom undefined | icon bottom undefined | icon bottom undefined | image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 47 1 24 1 | icon 104 26 2 2 | icon 112 26 2 2 | icon 108 26 2 2 | image 51 7 16 16 | complete text 113 27 2 2 | \" [ link 45 26 4 2 ] | [ link 52 26 8 2 ] | [ link 63 26 11 2 ] \"", "layout_seq_without_completion": "description 47 1 24 1 | icon 104 26 2 2 | icon 112 26 2 2 | icon 108 26 2 2 | image 51 7 16 16 | text 113 27 2 2 | \" [ link 45 26 4 2 ] | [ link 52 26 8 2 ] | [ link 63 26 11 2 ] \"", "plain_layout_seq": "description 47 1 24 1 | icon 104 26 2 2 | icon 112 26 2 2 | icon 108 26 2 2 | image 51 7 16 16 | link 45 26 4 2 | link 52 26 8 2 | link 63 26 11 2 | text 113 27 2 2", "canvas_width": 1009, "canvas_height": 264, "elements": [ { "type": "description", "position": [ 403, 10, 203, 14 ], "completed": false }, { "type": "image", "position": [ 434, 65, 140, 140 ], "completed": false }, { "type": "icon", "position": [ 877, 220, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 911, 220, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 945, 220, 24, 24 ], "completed": false }, { "type": "link", "position": [ 380, 221, 40, 21 ], "completed": false }, { "type": "link", "position": [ 444, 221, 68, 21 ], "completed": false }, { "type": "link", "position": [ 534, 221, 94, 21 ], "completed": false }, { "type": "text", "position": [ 955, 230, 18, 20 ], "completed": true } ] }, { "text": "#A page for guiding users to learn more information.# The page has a sentence, a logo of the product, and a link named \u201cLearn more\u201d for users to click to get further information.", "region_id": "4466", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:logo] [el:link [attr:value 'learn more'] ] ]", "execution": "singleinfo : link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "link 70 2 10 2 | logo 83 0 12 8 | title 23 2 46 2", "layout_seq_without_completion": "link 70 2 10 2 | logo 83 0 12 8 | title 23 2 46 2", "plain_layout_seq": "link 70 2 10 2 | logo 83 0 12 8 | title 23 2 46 2", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "logo", "position": [ 714, 0, 110, 72 ], "completed": false }, { "type": "title", "position": [ 200, 24, 399, 24 ], "completed": false }, { "type": "link", "position": [ 603, 24, 93, 24 ], "completed": false } ] }, { "text": "#A page for introducing games to users.# The page should include one title and a brief description. Besides, a button is needed for users to click for further information. On the right side, there should be a video of the games for users to watch.", "region_id": "551", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] [el:image [attr:position'right'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 5 27 27 6 | description 5 12 33 5 | image 43 7 71 36 | complete text 5 20 23 2 | title 5 8 33 2", "layout_seq_without_completion": "button 5 27 27 6 | description 5 12 33 5 | image 43 7 71 36 | text 5 20 23 2 | title 5 8 33 2", "plain_layout_seq": "button 5 27 27 6 | description 5 12 33 5 | image 43 7 71 36 | text 5 20 23 2 | title 5 8 33 2", "canvas_width": 1024, "canvas_height": 437, "elements": [ { "type": "image", "position": [ 367, 60, 610, 310 ], "completed": false }, { "type": "title", "position": [ 47, 70, 290, 19 ], "completed": false }, { "type": "description", "position": [ 47, 109, 290, 48 ], "completed": false }, { "type": "text", "position": [ 47, 177, 201, 23 ], "completed": true }, { "type": "button", "position": [ 47, 236, 232, 56 ], "completed": false } ] }, { "text": "#A page introducing the service - \"Market+\".# There should be a title named \"Market+: a simple, more profitable way to buy and sell grain\". And an additional explanation should be placed showing the introduction. There must be a link for users to explore the app.", "region_id": "1462", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'market+: a simple, more profitable way to buy and sell grain'] ] [el:description] [el:link [attr:value'explore the app'] ] ]", "execution": "singleinfo : description undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 72 29 44 14 | complete image 2 5 58 50 | link 72 46 26 5 | title 72 10 44 16", "layout_seq_without_completion": "description 72 29 44 14 | image 2 5 58 50 | link 72 46 26 5 | title 72 10 44 16", "plain_layout_seq": "description 72 29 44 14 | image 2 5 58 50 | link 72 46 26 5 | title 72 10 44 16", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "image", "position": [ 20, 50, 501, 427 ], "completed": true }, { "type": "title", "position": [ 621, 90, 383, 144 ], "completed": false }, { "type": "description", "position": [ 621, 254, 383, 120 ], "completed": false }, { "type": "link", "position": [ 621, 394, 228, 43 ], "completed": false } ] }, { "text": "#A page introducing the service - \"Market+\".# There should be a text box named \"Market+: a simple, more profitable way to buy and sell grain\". And an additional text box should be placed showing the introduction. There must be a button for users to explore the app.", "region_id": "1462_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'market+: a simple, more profitable way to buy and sell grain'] ] [el:description] [el:button [attr:value'explore the app'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 72 46 26 5 | description 72 29 44 14 | complete image 2 5 58 50 | title 72 10 44 16", "layout_seq_without_completion": "button 72 46 26 5 | description 72 29 44 14 | image 2 5 58 50 | title 72 10 44 16", "plain_layout_seq": "button 72 46 26 5 | description 72 29 44 14 | image 2 5 58 50 | title 72 10 44 16", "canvas_width": 1024, "canvas_height": 477, "elements": [ { "type": "image", "position": [ 20, 50, 501, 427 ], "completed": true }, { "type": "title", "position": [ 621, 90, 383, 144 ], "completed": false }, { "type": "description", "position": [ 621, 254, 383, 120 ], "completed": false }, { "type": "button", "position": [ 621, 394, 228, 43 ], "completed": false } ] }, { "text": "#A page for introducing iPad air products to users.# The page should include one title and a slogan of the iPad air products. Under it, two links should be provided for users to click for further information and buy the products.", "region_id": "686", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position'top'] [attr:repeat'2'] ] [el:link [attr:value'read more'] ] [el:link [attr:value'buy'] ] ]", "execution": "singleinfo : link undefined undefined | link undefined undefined | title top undefined | title top undefined", "layout_seq_with_completion": "complete background 0 8 120 81 | link 48 32 22 2 | title 0 21 120 5 | title 0 27 120 3", "layout_seq_without_completion": "background 0 8 120 81 | link 48 32 22 2 | title 0 21 120 5 | title 0 27 120 3", "plain_layout_seq": "background 0 8 120 81 | link 48 32 22 2 | title 0 21 120 5 | title 0 27 120 3", "canvas_width": 1024, "canvas_height": 776, "elements": [ { "type": "background", "position": [ 0, 70, 1024, 694 ], "completed": true }, { "type": "title", "position": [ 0, 185, 1024, 43 ], "completed": false }, { "type": "title", "position": [ 0, 233, 1024, 28 ], "completed": false }, { "type": "link", "position": [ 418, 275, 188, 23 ], "completed": false } ] }, { "text": "#A page introducing the investor highlights of a company. # The page should have a title and some links for users to click to learn more about the investor highlights. In addition, a button is needed for users to click to explore investor relations.", "region_id": "1544", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:link [attr:repeat'several'] ] [el:button [attr:value'explore investor relations'] ] ]", "execution": "singleinfo : button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 45 66 29 5 | link 15 59 43 1 | link 61 52 40 4 | link 15 31 43 1 | link 15 41 38 2 | link 61 36 36 4 | link 61 31 43 1 | link 15 47 43 1 | link 15 24 36 4 | link 61 24 42 4 | link 15 36 42 4 | link 61 44 43 1 | link 15 52 36 4 | link 61 59 43 1 | title 11 5 97 8", "layout_seq_without_completion": "button 45 66 29 5 | link 15 59 43 1 | link 61 52 40 4 | link 15 31 43 1 | link 15 41 38 2 | link 61 36 36 4 | link 61 31 43 1 | link 15 47 43 1 | link 15 24 36 4 | link 61 24 42 4 | link 15 36 42 4 | link 61 44 43 1 | link 15 52 36 4 | link 61 59 43 1 | title 11 5 97 8", "plain_layout_seq": "button 45 66 29 5 | link 15 59 43 1 | link 61 52 40 4 | link 15 31 43 1 | link 15 41 38 2 | link 61 36 36 4 | link 61 31 43 1 | link 15 47 43 1 | link 15 24 36 4 | link 61 24 42 4 | link 15 36 42 4 | link 61 44 43 1 | link 15 52 36 4 | link 61 59 43 1 | title 11 5 97 8", "canvas_width": 1024, "canvas_height": 665, "elements": [ { "type": "title", "position": [ 94, 50, 836, 76 ], "completed": false }, { "type": "link", "position": [ 128, 207, 313, 42 ], "completed": false }, { "type": "link", "position": [ 526, 207, 365, 42 ], "completed": false }, { "type": "link", "position": [ 128, 272, 370, 14 ], "completed": false }, { "type": "link", "position": [ 526, 272, 370, 14 ], "completed": false }, { "type": "link", "position": [ 128, 312, 364, 42 ], "completed": false }, { "type": "link", "position": [ 526, 312, 313, 42 ], "completed": false }, { "type": "link", "position": [ 128, 356, 330, 23 ], "completed": false }, { "type": "link", "position": [ 526, 376, 370, 14 ], "completed": false }, { "type": "link", "position": [ 128, 405, 370, 14 ], "completed": false }, { "type": "link", "position": [ 128, 445, 312, 42 ], "completed": false }, { "type": "link", "position": [ 526, 445, 348, 42 ], "completed": false }, { "type": "link", "position": [ 128, 510, 370, 14 ], "completed": false }, { "type": "link", "position": [ 526, 510, 370, 14 ], "completed": false }, { "type": "button", "position": [ 385, 569, 254, 46 ], "completed": false } ] }, { "text": "#A page for searching for videos.#There is one logo and one input box for entering the videos' names. Users can search them by clicking one search button.", "region_id": "4298", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo] [el:input [attr:value 'search for videos']] [el:button [attr:value 'search'] ] ]", "execution": "singleinfo : button undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 101 4 5 4 | input 54 4 49 4 | logo 14 3 35 7", "layout_seq_without_completion": "button 101 4 5 4 | input 54 4 49 4 | logo 14 3 35 7", "plain_layout_seq": "button 101 4 5 4 | input 54 4 49 4 | logo 14 3 35 7", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "logo", "position": [ 121, 30, 296, 60 ], "completed": false }, { "type": "input", "position": [ 457, 40, 420, 42 ], "completed": false }, { "type": "button", "position": [ 852, 40, 45, 40 ], "completed": false } ] }, { "text": "# A page to introduce the partner of a company. # On the page, there should have three images showing the logo of the partner company, a headline, and a text box for a further description. Also, there should be a text button for the user to learn more about our partners.", "region_id": "947", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:repeat '3'] ] [el:title] [el:description] [el:button [attr:value'Learn more about our partners'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 40 51 39 5 | description 25 39 68 8 | title 24 29 71 7 | \" [ logo 54 8 16 13 ] | [ logo 79 11 16 6 ] | [ logo 24 12 21 3 ] \"", "layout_seq_without_completion": "button 40 51 39 5 | description 25 39 68 8 | title 24 29 71 7 | \" [ logo 54 8 16 13 ] | [ logo 79 11 16 6 ] | [ logo 24 12 21 3 ] \"", "plain_layout_seq": "button 40 51 39 5 | description 25 39 68 8 | logo 54 8 16 13 | logo 79 11 16 6 | logo 24 12 21 3 | title 24 29 71 7", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "logo", "position": [ 464, 72, 144, 111 ], "completed": false }, { "type": "logo", "position": [ 680, 101, 139, 53 ], "completed": false }, { "type": "logo", "position": [ 206, 110, 186, 34 ], "completed": false }, { "type": "title", "position": [ 207, 255, 610, 64 ], "completed": false }, { "type": "description", "position": [ 219, 341, 585, 71 ], "completed": false }, { "type": "button", "position": [ 346, 437, 333, 43 ], "completed": false } ] }, { "text": "#A page to ask the user whether they want to use Cookies to get the best experience on the website.# On the left side of the page, the description that cookies can provide the users the best experience on this website is involved. Next to the description, a link to \"Learn More\" is set. And on the right side, a button \"okay\" is involved.", "region_id": "8576", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description [attr:position 'left'] ] [el:link [attr:value 'learn more'] ] [el:button [attr:position 'right'] [attr:value 'okay'] ] ]", "execution": "singleinfo : button right undefined | description left undefined | link undefined undefined", "layout_seq_with_completion": "button 100 1 16 4 | description 3 3 67 1 | link 70 2 10 3", "layout_seq_without_completion": "button 100 1 16 4 | description 3 3 67 1 | link 70 2 10 3", "plain_layout_seq": "button 100 1 16 4 | description 3 3 67 1 | link 70 2 10 3", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "button", "position": [ 855, 16, 140, 40 ], "completed": false }, { "type": "link", "position": [ 604, 21, 89, 30 ], "completed": false }, { "type": "description", "position": [ 29, 27, 575, 17 ], "completed": false } ] }, { "text": "#A page introducing an escrow company.# The page should include a map, a title \"The most trusted, licensed online escrow service in the world\", and two description texts.", "region_id": "5038", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'the most trusted, licensed online escrow service in the world'] ] [el:description [attr:repeat '2'] ] ]", "execution": "singleinfo : description undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 61 26 55 6 | description 61 35 55 14 | image 2 15 55 30 | title 61 10 55 14", "layout_seq_without_completion": "description 61 26 55 6 | description 61 35 55 14 | image 2 15 55 30 | title 61 10 55 14", "plain_layout_seq": "description 61 26 55 6 | description 61 35 55 14 | image 2 15 55 30 | title 61 10 55 14", "canvas_width": 1024, "canvas_height": 544, "elements": [ { "type": "title", "position": [ 528, 87, 472, 120 ], "completed": false }, { "type": "image", "position": [ 24, 129, 472, 260 ], "completed": false }, { "type": "description", "position": [ 528, 227, 472, 56 ], "completed": false }, { "type": "description", "position": [ 528, 299, 472, 120 ], "completed": false } ] }, { "text": "#A page for introducing the desktop review and sketch validation.# The page should have an icon, a title, and a short description.", "region_id": "3040", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:icon] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 12 5 40 16 | icon 1 0 8 8 | title 12 0 34 2", "layout_seq_without_completion": "description 12 5 40 16 | icon 1 0 8 8 | title 12 0 34 2", "plain_layout_seq": "description 12 5 40 16 | icon 1 0 8 8 | title 12 0 34 2", "canvas_width": 1014, "canvas_height": 270, "elements": [ { "type": "icon", "position": [ 15, 0, 70, 70 ], "completed": false }, { "type": "title", "position": [ 109, 3, 292, 24 ], "completed": false }, { "type": "description", "position": [ 109, 48, 345, 136 ], "completed": false } ] }, { "text": "#A page showing a brief introduction of an article to the readers.# The title of the article is firstly shown on the top placed above the time of being released. Followed a combination of a picture with the theme of \"sleep\" and a short description based on the theme of getting enough sleep.", "region_id": "7291", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:text][el:image] [el:description [attr:size 'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "description 24 8 91 4 | image 0 7 24 15 | text 0 3 10 2 | title 0 0 44 2", "layout_seq_without_completion": "description 24 8 91 4 | image 0 7 24 15 | text 0 3 10 2 | title 0 0 44 2", "plain_layout_seq": "description 24 8 91 4 | image 0 7 24 15 | text 0 3 10 2 | title 0 0 44 2", "canvas_width": 940, "canvas_height": 182, "elements": [ { "type": "title", "position": [ 0, 1, 345, 19 ], "completed": false }, { "type": "text", "position": [ 0, 30, 83, 16 ], "completed": false }, { "type": "image", "position": [ 0, 60, 195, 122 ], "completed": false }, { "type": "description", "position": [ 195, 63, 714, 37 ], "completed": false } ] }, { "text": "#A page for publicity PETRONAS FLOW.# There should be a title of the promotional video, a button to watch the full video, and a button to view more Infos about the company.It is best to have a background image.", "region_id": "1957", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'watch the full video'] ] [el:button [attr:value'read more'] ] [el:background_image] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "layout_seq_without_completion": "background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "plain_layout_seq": "background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "canvas_width": 1024, "canvas_height": 434, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 432 ], "completed": false }, { "type": "title", "position": [ 137, 150, 187, 156 ], "completed": false }, { "type": "button", "position": [ 137, 344, 192, 25 ], "completed": false }, { "type": "button", "position": [ 137, 407, 172, 25 ], "completed": false } ] }, { "text": "#A page for publicity PETRONAS FLOW.# There should be a title of the promotional video, a button to watch the full video, and a button to view more Infos about the company.", "region_id": "1957_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'watch the full video'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "layout_seq_without_completion": "background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "plain_layout_seq": "background 0 0 120 50 | button 16 47 20 2 | button 16 40 22 2 | title 16 17 21 18", "canvas_width": 1024, "canvas_height": 434, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 432 ], "completed": true }, { "type": "title", "position": [ 137, 150, 187, 156 ], "completed": false }, { "type": "button", "position": [ 137, 344, 192, 25 ], "completed": false }, { "type": "button", "position": [ 137, 407, 172, 25 ], "completed": false } ] }, { "text": "#A page for showing information for users.# The page has a description of information, an icon, and a title named \u201cThePornDude\u201d.", "region_id": "4894", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:description] [el:icon] [el:title [attr:value 'theporndude'] ] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 4 0 87 3 | icon 4 4 1 1 | title 5 4 9 1", "layout_seq_without_completion": "description 4 0 87 3 | icon 4 4 1 1 | title 5 4 9 1", "plain_layout_seq": "description 4 0 87 3 | icon 4 4 1 1 | title 5 4 9 1", "canvas_width": 1024, "canvas_height": 61, "elements": [ { "type": "description", "position": [ 35, 3, 744, 33 ], "completed": false }, { "type": "title", "position": [ 51, 39, 84, 15 ], "completed": false }, { "type": "icon", "position": [ 35, 40, 16, 16 ], "completed": false } ] }, { "text": "#A page showing the ad video of HONDA.# There should be an attractive background image and a button\"Play Movie\".", "region_id": "180", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:button [attr:value'Play Movie']] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined", "layout_seq_with_completion": "background 0 0 120 67 | complete icon 64 53 1 1 | complete text 54 53 8 1", "layout_seq_without_completion": "background 0 0 120 67 | icon 64 53 1 1 | text 54 53 8 1", "plain_layout_seq": "background 0 0 120 67 | icon 64 53 1 1 | text 54 53 8 1", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "text", "position": [ 462, 455, 74, 17 ], "completed": true }, { "type": "icon", "position": [ 548, 457, 15, 13 ], "completed": true } ] }, { "text": "#A page showing the ad video of HONDA.# There should be an attractive image and a button to play the movie.", "region_id": "180_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:button [attr:value'Play Movie']] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined", "layout_seq_with_completion": "button 54 53 8 1 | complete icon 64 53 1 1 | image 0 0 120 67", "layout_seq_without_completion": "button 54 53 8 1 | icon 64 53 1 1 | image 0 0 120 67", "plain_layout_seq": "button 54 53 8 1 | icon 64 53 1 1 | image 0 0 120 67", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 576 ], "completed": false }, { "type": "button", "position": [ 462, 455, 74, 17 ], "completed": false }, { "type": "icon", "position": [ 548, 457, 15, 13 ], "completed": true } ] }, { "text": "#A page for introducing cloud networks to users.# The page should contain a title named \"Time to build networks like cloud\" and a piece of description under it. Below, there is a button for users to click to get further information.", "region_id": "106", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'time to build networks like cloud'] [attr:position'top'] ] [el:description] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 0 0 120 35 | \" [ title 2 11 40 3 ] | [ description 2 17 40 2 ] | [ button 2 21 19 3 ] \"", "layout_seq_without_completion": "background 0 0 120 35 | \" [ title 2 11 40 3 ] | [ description 2 17 40 2 ] | [ button 2 21 19 3 ] \"", "plain_layout_seq": "background 0 0 120 35 | button 2 21 19 3 | description 2 17 40 2 | title 2 11 40 3", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 300 ], "completed": true }, { "type": "title", "position": [ 25, 100, 349, 31 ], "completed": false }, { "type": "description", "position": [ 25, 146, 349, 24 ], "completed": false }, { "type": "button", "position": [ 25, 185, 170, 30 ], "completed": false } ] }, { "text": "#A page for introducing cloud networks to users.# The page should contain a title named \"Time to build networks like cloud\" and a slogan under it. Below, there is a button for users to click to get further information.", "region_id": "106_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'time to build networks like cloud'] [attr:position'top'] ] [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title top undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 35 | \" [ title 2 11 40 3 ] | [ title 2 17 40 2 ] | [ button 2 21 19 3 ] \"", "layout_seq_without_completion": "background 0 0 120 35 | \" [ title 2 11 40 3 ] | [ title 2 17 40 2 ] | [ button 2 21 19 3 ] \"", "plain_layout_seq": "background 0 0 120 35 | button 2 21 19 3 | title 2 11 40 3 | title 2 17 40 2", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 300 ], "completed": true }, { "type": "title", "position": [ 25, 100, 349, 31 ], "completed": false }, { "type": "title", "position": [ 25, 146, 349, 24 ], "completed": false }, { "type": "button", "position": [ 25, 185, 170, 30 ], "completed": false } ] }, { "text": "#A page advertising a \"Biopharmaceutical Company\".# There is a title named \"UNPARALLELED\". There is also a subtitle labeled \"Biopharmaceutical Company\". There is a long explaination. There is a small button\"more\".", "region_id": "693", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'unparalleled'] ] [el:title [attr:value'biopharmaceutical company'] ] [el:description [attr:size'large'] ] [el:button [attr:size'small'] [attr:value'more'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 26 16 6 | description 0 15 120 11 | complete text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "layout_seq_without_completion": "button 51 26 16 6 | description 0 15 120 11 | text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "plain_layout_seq": "button 51 26 16 6 | description 0 15 120 11 | text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "canvas_width": 1003, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 297, 0, 408, 61 ], "completed": false }, { "type": "title", "position": [ 0, 57, 1003, 72 ], "completed": false }, { "type": "description", "position": [ 0, 129, 1003, 93 ], "completed": false }, { "type": "button", "position": [ 434, 222, 135, 52 ], "completed": false }, { "type": "text", "position": [ 458, 240, 39, 15 ], "completed": true } ] }, { "text": "#A page advertising a \"Biopharmaceutical Company\".# There is a text box named \"UNPARALLELED\". There is also a text box labeled \"Biopharmaceutical Company\". There is a long text box showing the content of the advertisement. There is a small text button.", "region_id": "693_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'unparalleled'] ] [el:title [attr:value'biopharmaceutical company'] ] [el:description [attr:size'large'] ] [el:button [attr:size'small'] ] ]", "execution": "singleinfo : button undefined small | description undefined large | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 51 26 16 6 | description 0 15 120 11 | complete text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "layout_seq_without_completion": "button 51 26 16 6 | description 0 15 120 11 | text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "plain_layout_seq": "button 51 26 16 6 | description 0 15 120 11 | text 54 28 4 1 | title 0 6 120 8 | title 35 0 48 7", "canvas_width": 1003, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 297, 0, 408, 61 ], "completed": false }, { "type": "title", "position": [ 0, 57, 1003, 72 ], "completed": false }, { "type": "description", "position": [ 0, 129, 1003, 93 ], "completed": false }, { "type": "button", "position": [ 434, 222, 135, 52 ], "completed": false }, { "type": "text", "position": [ 458, 240, 39, 15 ], "completed": true } ] }, { "text": "#A page for introducing MLG Streams to users.# This page should include one logo on the left and one title \"MLG Streams\" beside it.", "region_id": "4928", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo [attr:position 'left'] ] [el:title [attr:value 'mlg streams'] ] ]", "execution": "singleinfo : logo left undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 11 | logo 1 1 10 7 | title 12 3 19 3", "layout_seq_without_completion": "background 0 0 120 11 | logo 1 1 10 7 | title 12 3 19 3", "plain_layout_seq": "background 0 0 120 11 | logo 1 1 10 7 | title 12 3 19 3", "canvas_width": 1024, "canvas_height": 101, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 101 ], "completed": true }, { "type": "logo", "position": [ 13, 14, 91, 65 ], "completed": false }, { "type": "title", "position": [ 104, 28, 167, 33 ], "completed": false } ] }, { "text": "#A page for promoting one person.# There is a slogan between the quotation marks. Below is one label showing the name and identity and one icon.", "region_id": "3714", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'top'] ] [el:text][el:text] [el:icon] ]", "execution": "singleinfo : icon undefined undefined | text undefined undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "complete icon 14 18 5 3 | complete icon 100 18 5 3 | icon 23 38 11 3 | text 23 29 72 5 | title 23 16 72 9", "layout_seq_without_completion": "icon 14 18 5 3 | icon 100 18 5 3 | icon 23 38 11 3 | text 23 29 72 5 | title 23 16 72 9", "plain_layout_seq": "icon 14 18 5 3 | icon 100 18 5 3 | icon 23 38 11 3 | text 23 29 72 5 | title 23 16 72 9", "canvas_width": 1024, "canvas_height": 495, "elements": [ { "type": "title", "position": [ 204, 140, 617, 78 ], "completed": false }, { "type": "icon", "position": [ 123, 160, 45, 34 ], "completed": true }, { "type": "icon", "position": [ 856, 160, 45, 34 ], "completed": true }, { "type": "text", "position": [ 204, 248, 617, 48 ], "completed": false }, { "type": "icon", "position": [ 204, 326, 100, 29 ], "completed": false } ] }, { "text": "#A page for downloading the app.# There is one image, one title \"Download the app\", one description, and two buttons for users to choose the downloading ways.", "region_id": "2598", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title [attr:value 'download the app'] ] [el:description] [el:button [attr:repeat '2'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 4 120 29 | button 1 23 13 3 | button 15 23 13 3 | description 1 16 28 5 | image 47 0 37 34 | title 1 11 28 3", "layout_seq_without_completion": "background 0 4 120 29 | button 1 23 13 3 | button 15 23 13 3 | description 1 16 28 5 | image 47 0 37 34 | title 1 11 28 3", "plain_layout_seq": "background 0 4 120 29 | button 1 23 13 3 | button 15 23 13 3 | description 1 16 28 5 | image 47 0 37 34 | title 1 11 28 3", "canvas_width": 1024, "canvas_height": 291, "elements": [ { "type": "image", "position": [ 407, 0, 320, 291 ], "completed": false }, { "type": "background", "position": [ 0, 40, 1024, 251 ], "completed": true }, { "type": "title", "position": [ 16, 102, 245, 27 ], "completed": false }, { "type": "description", "position": [ 16, 143, 245, 44 ], "completed": false }, { "type": "button", "position": [ 16, 200, 115, 34 ], "completed": false }, { "type": "button", "position": [ 134, 200, 115, 34 ], "completed": false } ] }, { "text": "#A page advertising a Samsung Galaxy phone.# There is a title, a promotional slogan, a piece of discount information, the information on other terms, and a 'shop now' button. Next to it is a large image showing the phone for sale.", "region_id": "721", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:title] [el:text] [el:text] [el:button [attr:value'shop now'] ] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined large | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 4 28 25 5 | image 1 1 116 58 | text 4 13 55 6 | text 4 22 55 3 | title 4 4 55 1 | title 4 7 55 4", "layout_seq_without_completion": "button 4 28 25 5 | image 1 1 116 58 | text 4 13 55 6 | text 4 22 55 3 | title 4 4 55 1 | title 4 7 55 4", "plain_layout_seq": "button 4 28 25 5 | image 1 1 116 58 | text 4 13 55 6 | text 4 22 55 3 | title 4 4 55 1 | title 4 7 55 4", "canvas_width": 971, "canvas_height": 508, "elements": [ { "type": "image", "position": [ 16, 16, 939, 476 ], "completed": false }, { "type": "title", "position": [ 40, 40, 446, 15 ], "completed": false }, { "type": "title", "position": [ 40, 63, 446, 34 ], "completed": false }, { "type": "text", "position": [ 40, 113, 446, 54 ], "completed": false }, { "type": "text", "position": [ 40, 182, 446, 30 ], "completed": false }, { "type": "button", "position": [ 40, 228, 205, 48 ], "completed": false } ] }, { "text": "#A page for introducing the latest news to users.# The page should include one title and a button for users to click for further information.", "region_id": "2001", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 18 29 35 5 | complete text 24 31 23 2 | complete text 4 14 3 0 | title 18 21 96 3 | complete title 9 12 4 2", "layout_seq_without_completion": "button 18 29 35 5 | text 24 31 23 2 | text 4 14 3 0 | title 18 21 96 3 | title 9 12 4 2", "plain_layout_seq": "button 18 29 35 5 | text 24 31 23 2 | text 4 14 3 0 | title 18 21 96 3 | title 9 12 4 2", "canvas_width": 1024, "canvas_height": 304, "elements": [ { "type": "title", "position": [ 82, 110, 40, 24 ], "completed": true }, { "type": "text", "position": [ 42, 121, 30, 2 ], "completed": true }, { "type": "title", "position": [ 162, 184, 820, 30 ], "completed": false }, { "type": "button", "position": [ 162, 254, 300, 50 ], "completed": false }, { "type": "text", "position": [ 213, 269, 198, 19 ], "completed": true } ] }, { "text": "#A page for collecting users' comments.# The page should have a title, and 2 buttons for users to choose whether the page is useful or not.", "region_id": "3290", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:repeat '2']] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 73 3 5 3 | button 64 3 6 3 | title 40 4 21 2", "layout_seq_without_completion": "button 73 3 5 3 | button 64 3 6 3 | title 40 4 21 2", "plain_layout_seq": "button 73 3 5 3 | button 64 3 6 3 | title 40 4 21 2", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "button", "position": [ 549, 32, 56, 33 ], "completed": false }, { "type": "button", "position": [ 626, 32, 50, 33 ], "completed": false }, { "type": "title", "position": [ 348, 38, 186, 19 ], "completed": false } ] }, { "text": "#A page to guide users to sign up and get a discount for the first purchase.# There is a title 'Sign up and save' followed by a description. There is also an input box for users to enter their email and an icon next to it for users to click to sign up.", "region_id": "6839", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'sign up and save'] ] [el:description] [el:input [attr:value 'enter your email']] [el:icon [attr:value 'sign up'] ] ]", "execution": "singleinfo : description undefined undefined | icon undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 28 17 62 5 | icon 80 27 3 2 | input 36 25 46 5 | title 28 9 62 5", "layout_seq_without_completion": "description 28 17 62 5 | icon 80 27 3 2 | input 36 25 46 5 | title 28 9 62 5", "plain_layout_seq": "description 28 17 62 5 | icon 80 27 3 2 | input 36 25 46 5 | title 28 9 62 5", "canvas_width": 1024, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 245, 80, 534, 48 ], "completed": false }, { "type": "description", "position": [ 245, 148, 534, 51 ], "completed": false }, { "type": "input", "position": [ 312, 219, 400, 47 ], "completed": false }, { "type": "icon", "position": [ 686, 232, 26, 24 ], "completed": false } ] }, { "text": "# A page for the user to read REF 2021 press release. # The page should have a background image, the title \"Research Excellence Framework 2021\", and a further long description. Besides, a link with a small icon on the right for the user to click to read REF 2021 press release is needed.", "region_id": "3845", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'research excellence framework 2021'] ] [el:description [attr:size 'large'] ] [el:link [attr:value 'read ref 2021 press release'] ] [el:icon [attr:position 'right'] [attr:size 'small']] ]", "execution": "singleinfo : background undefined undefined | description undefined large | icon right small | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 0 0 120 99 | description 59 29 43 38 | icon 101 72 2 2 | complete image 54 9 54 80 | link 59 71 40 8 | title 59 14 43 11", "layout_seq_without_completion": "background 0 0 120 99 | description 59 29 43 38 | icon 101 72 2 2 | image 54 9 54 80 | link 59 71 40 8 | title 59 14 43 11", "plain_layout_seq": "background 0 0 120 99 | description 59 29 43 38 | icon 101 72 2 2 | image 54 9 54 80 | link 59 71 40 8 | title 59 14 43 11", "canvas_width": 905, "canvas_height": 752, "elements": [ { "type": "background", "position": [ 0, 0, 905, 752 ], "completed": false }, { "type": "image", "position": [ 411, 72, 412, 608 ], "completed": true }, { "type": "title", "position": [ 451, 112, 331, 88 ], "completed": false }, { "type": "description", "position": [ 451, 224, 331, 288 ], "completed": false }, { "type": "link", "position": [ 451, 536, 303, 64 ], "completed": false }, { "type": "icon", "position": [ 766, 543, 16, 18 ], "completed": false } ] }, { "text": "#A page for introducing NIS.# The page should have a related image, a title, 2 texts to introduce the NIS company, and a button for users to click to learn more.", "region_id": "3039", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image] [el:title] [el:text [attr:repeat '2'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "singleinfo : button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 65 55 13 5 | image 0 5 60 58 | complete image 60 5 60 58 | text 65 40 50 10 | text 65 8 50 2 | title 65 12 50 25", "layout_seq_without_completion": "button 65 55 13 5 | image 0 5 60 58 | image 60 5 60 58 | text 65 40 50 10 | text 65 8 50 2 | title 65 12 50 25", "plain_layout_seq": "button 65 55 13 5 | image 0 5 60 58 | image 60 5 60 58 | text 65 40 50 10 | text 65 8 50 2 | title 65 12 50 25", "canvas_width": 1024, "canvas_height": 543, "elements": [ { "type": "image", "position": [ 0, 48, 512, 495 ], "completed": false }, { "type": "image", "position": [ 512, 48, 512, 495 ], "completed": true }, { "type": "text", "position": [ 557, 72, 434, 18 ], "completed": false }, { "type": "title", "position": [ 557, 106, 434, 219 ], "completed": false }, { "type": "text", "position": [ 557, 349, 434, 86 ], "completed": false }, { "type": "button", "position": [ 557, 475, 115, 44 ], "completed": false } ] }, { "text": "# A page used to subscribe. # The page should be a slogan and a text box to attract the user to subscribe. There should be an input to enter email and a text button to subscribe by clicking it.", "region_id": "2186", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:input [attr:value'enter email'] ] [el:button [attr:value'subscribe'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 10 27 26 6 | description 7 10 104 2 | input 7 18 104 3 | title 14 4 89 3", "layout_seq_without_completion": "button 10 27 26 6 | description 7 10 104 2 | input 7 18 104 3 | title 14 4 89 3", "plain_layout_seq": "button 10 27 26 6 | description 7 10 104 2 | input 7 18 104 3 | title 14 4 89 3", "canvas_width": 1027, "canvas_height": 344, "elements": [ { "type": "title", "position": [ 128, 40, 770, 32 ], "completed": false }, { "type": "description", "position": [ 67, 87, 893, 24 ], "completed": false }, { "type": "input", "position": [ 67, 157, 893, 27 ], "completed": false }, { "type": "button", "position": [ 87, 238, 225, 56 ], "completed": false } ] }, { "text": "#A page for guiding users to use a product to make a website.# The page has a headline named \u201cHow to make a website for free?\u201d, four sentences showing the answer, three labels showing the advantages of the product, and a button named \u201dStart a free website\u201d for users to click to use the product to make a website.", "region_id": "5074", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'how to make a website for free?'] ] [el:text[attr:repeat '4']] [el:text[attr:repeat '3']][el:button [attr:value 'start a free website'] ] ]", "execution": "singleinfo : button undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 1 53 31 6 | text 4 31 50 3 | text 4 40 50 3 | text 4 45 50 3 | text 4 36 50 3 | title 1 13 52 14 | \" [ text 4 66 15 2 ] | [ text 24 66 19 2 ] | [ text 4 69 17 2 ] \"", "layout_seq_without_completion": "button 1 53 31 6 | text 4 31 50 3 | text 4 40 50 3 | text 4 45 50 3 | text 4 36 50 3 | title 1 13 52 14 | \" [ text 4 66 15 2 ] | [ text 24 66 19 2 ] | [ text 4 69 17 2 ] \"", "plain_layout_seq": "button 1 53 31 6 | text 4 31 50 3 | text 4 40 50 3 | text 4 45 50 3 | text 4 36 50 3 | text 4 66 15 2 | text 24 66 19 2 | text 4 69 17 2 | title 1 13 52 14", "canvas_width": 1024, "canvas_height": 708, "elements": [ { "type": "title", "position": [ 16, 116, 450, 120 ], "completed": false }, { "type": "text", "position": [ 36, 272, 431, 28 ], "completed": false }, { "type": "text", "position": [ 36, 310, 431, 29 ], "completed": false }, { "type": "text", "position": [ 36, 349, 431, 28 ], "completed": false }, { "type": "text", "position": [ 36, 387, 431, 28 ], "completed": false }, { "type": "button", "position": [ 16, 453, 265, 56 ], "completed": false }, { "type": "text", "position": [ 41, 565, 128, 19 ], "completed": false }, { "type": "text", "position": [ 208, 565, 163, 19 ], "completed": false }, { "type": "text", "position": [ 41, 597, 149, 19 ], "completed": false } ] }, { "text": "#A page for introducing software named \"AcmeApp\" to users.# The page should include one title and a brief description of AcemApp. On the right, there should be an interface of the app. Besides, a button is needed for users to click to tour the product.", "region_id": "1944", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:button [attr:value'tour the product'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 1 49 22 4 | description 1 34 53 11 | complete image 61 10 58 38 | image 57 5 62 49 | complete logo 38 51 26 12 | title 1 11 56 20", "layout_seq_without_completion": "button 1 49 22 4 | description 1 34 53 11 | image 61 10 58 38 | image 57 5 62 49 | logo 38 51 26 12 | title 1 11 56 20", "plain_layout_seq": "button 1 49 22 4 | description 1 34 53 11 | image 61 10 58 38 | image 57 5 62 49 | logo 38 51 26 12 | title 1 11 56 20", "canvas_width": 1024, "canvas_height": 562, "elements": [ { "type": "image", "position": [ 487, 50, 537, 423 ], "completed": false }, { "type": "image", "position": [ 527, 91, 497, 325 ], "completed": true }, { "type": "title", "position": [ 15, 100, 482, 174 ], "completed": false }, { "type": "description", "position": [ 15, 298, 458, 102 ], "completed": false }, { "type": "button", "position": [ 15, 424, 190, 38 ], "completed": false }, { "type": "logo", "position": [ 327, 440, 230, 104 ], "completed": true } ] }, { "text": "#A page for introducing a shopping platform named \"Meesho\" to users.# The page should include one title named \"Jewellery, Accessories, and Footwear\" on the top and a brief description of Meesho under it.", "region_id": "311", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'jewellery, accessories, and footwear'] [attr:position'top'] ] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | title top undefined", "layout_seq_with_completion": "description 0 5 120 5 | complete text 0 14 120 5 | complete text 0 11 120 3 | title 0 0 120 3", "layout_seq_without_completion": "description 0 5 120 5 | text 0 14 120 5 | text 0 11 120 3 | title 0 0 120 3", "plain_layout_seq": "description 0 5 120 5 | text 0 14 120 5 | text 0 11 120 3 | title 0 0 120 3", "canvas_width": 910, "canvas_height": 153, "elements": [ { "type": "title", "position": [ 0, 5, 910, 30 ], "completed": false }, { "type": "description", "position": [ 0, 40, 910, 45 ], "completed": false }, { "type": "text", "position": [ 0, 85, 910, 23 ], "completed": true }, { "type": "text", "position": [ 0, 108, 910, 45 ], "completed": true } ] }, { "text": "#A page introducing the product to users and guiding users to experience it.#The page should have one background picture, one question title, one slogan of the product, and one button for users to click to start experiencing it.", "region_id": "3923", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title] [el:text] [el:button [attr:value 'schedule a call'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 7 5 64 52 | button 85 45 21 5 | text 61 27 50 16 | title 61 12 36 6 | complete title 61 20 24 6", "layout_seq_without_completion": "background 7 5 64 52 | button 85 45 21 5 | text 61 27 50 16 | title 61 12 36 6 | title 61 20 24 6", "plain_layout_seq": "background 7 5 64 52 | button 85 45 21 5 | text 61 27 50 16 | title 61 12 36 6 | title 61 20 24 6", "canvas_width": 1024, "canvas_height": 544, "elements": [ { "type": "background", "position": [ 62, 50, 547, 444 ], "completed": false }, { "type": "title", "position": [ 527, 110, 312, 53 ], "completed": false }, { "type": "title", "position": [ 527, 171, 206, 53 ], "completed": true }, { "type": "text", "position": [ 527, 232, 435, 138 ], "completed": false }, { "type": "button", "position": [ 732, 386, 187, 48 ], "completed": false } ] }, { "text": "# A page to introduce Saving Account, a financial product. # There should be one title to introduce the advantage of the product, and another is the details information of the Saving Account such as the APY and fee. It should contain a button, so the user can click it to learn more. There should also be an image of 0.5% APY to attract the user.", "region_id": "933", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:button [attr:value'read more'] ] [el:image] ]", "execution": "singleinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 62 35 31 2 | description 62 23 42 10 | image 14 11 42 26 | title 62 12 42 9", "layout_seq_without_completion": "button 62 35 31 2 | description 62 23 42 10 | image 14 11 42 26 | title 62 12 42 9", "plain_layout_seq": "button 62 35 31 2 | description 62 23 42 10 | image 14 11 42 26 | title 62 12 42 9", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "image", "position": [ 122, 100, 365, 224 ], "completed": false }, { "type": "title", "position": [ 537, 104, 365, 84 ], "completed": false }, { "type": "description", "position": [ 537, 198, 365, 90 ], "completed": false }, { "type": "button", "position": [ 537, 302, 270, 24 ], "completed": false } ] }, { "text": "#A page for showing the number of customers helped.#There should be one label\"You are in good company\", one text box showing the number of customers helped, and one label \"Customers helped.\"", "region_id": "745", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value'you are in good company'] ] [el:text] [el:title [attr:value'customers helped'] ] ]", "execution": "singleinfo : text undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "text 19 18 80 26 | title 42 45 34 5 | title 29 9 60 9", "layout_seq_without_completion": "text 19 18 80 26 | title 42 45 34 5 | title 29 9 60 9", "plain_layout_seq": "text 19 18 80 26 | title 42 45 34 5 | title 29 9 60 9", "canvas_width": 1024, "canvas_height": 511, "elements": [ { "type": "title", "position": [ 253, 80, 518, 81 ], "completed": false }, { "type": "text", "position": [ 169, 161, 686, 225 ], "completed": false }, { "type": "title", "position": [ 366, 386, 292, 45 ], "completed": false } ] }, { "text": "#A page for showing the number of customers helped.#There should be three text boxes, one showing the number of customers helped.", "region_id": "745_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '3'] ] ]", "execution": "singleinfo : text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "text 42 45 34 5 | text 19 18 80 26 | text 29 9 60 9", "layout_seq_without_completion": "text 42 45 34 5 | text 19 18 80 26 | text 29 9 60 9", "plain_layout_seq": "text 42 45 34 5 | text 19 18 80 26 | text 29 9 60 9", "canvas_width": 1024, "canvas_height": 511, "elements": [ { "type": "text", "position": [ 253, 80, 518, 81 ], "completed": false }, { "type": "text", "position": [ 169, 161, 686, 225 ], "completed": false }, { "type": "text", "position": [ 366, 386, 292, 45 ], "completed": false } ] }, { "text": "# A page for the user to start 3Commas. # On the page, there should have a blue background image, a slogan \"Start Trading on 3Commas Today\", a short description, and a button \"Start now\" for the user to click to start.", "region_id": "5162", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'Start Trading on 3Commas Today'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'Start now'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 96 12 16 6 | description 6 17 52 2 | title 6 11 52 3", "layout_seq_without_completion": "button 96 12 16 6 | description 6 17 52 2 | title 6 11 52 3", "plain_layout_seq": "button 96 12 16 6 | description 6 17 52 2 | title 6 11 52 3", "canvas_width": 1024, "canvas_height": 270, "elements": [ { "type": "title", "position": [ 55, 100, 451, 34 ], "completed": false }, { "type": "button", "position": [ 825, 108, 144, 54 ], "completed": false }, { "type": "description", "position": [ 55, 146, 451, 24 ], "completed": false } ] }, { "text": "# A page for marketing Perforce. # The page should have two slogans to attract the user and two buttons \"THE POWER OF PERFORCE\" and \"START NOW\" for the user to know the power of Perforce and start the Perforce.", "region_id": "5546", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:button [attr:value 'the power of perforce'] ] [el:button [attr:value 'start now'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 34 29 31 4 | button 68 29 17 5 | text 26 16 66 9 | text 4 0 111 14", "layout_seq_without_completion": "button 34 29 31 4 | button 68 29 17 5 | text 26 16 66 9 | text 4 0 111 14", "plain_layout_seq": "button 34 29 31 4 | button 68 29 17 5 | text 26 16 66 9 | text 4 0 111 14", "canvas_width": 1024, "canvas_height": 301, "elements": [ { "type": "text", "position": [ 37, 0, 950, 125 ], "completed": false }, { "type": "text", "position": [ 230, 140, 564, 77 ], "completed": false }, { "type": "button", "position": [ 582, 249, 149, 43 ], "completed": false }, { "type": "button", "position": [ 294, 251, 272, 41 ], "completed": false } ] }, { "text": "#A page for introducing the dining room to users.# The page should include one title and a button for users to click for further information.", "region_id": "1638", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 47 46 21 5 | complete image 34 35 46 19 | title 38 35 39 8", "layout_seq_without_completion": "button 47 46 21 5 | image 34 35 46 19 | title 38 35 39 8", "plain_layout_seq": "button 47 46 21 5 | image 34 35 46 19 | title 38 35 39 8", "canvas_width": 1003, "canvas_height": 755, "elements": [ { "type": "image", "position": [ 292, 294, 391, 167 ], "completed": true }, { "type": "title", "position": [ 320, 294, 333, 74 ], "completed": false }, { "type": "button", "position": [ 396, 390, 180, 44 ], "completed": false } ] }, { "text": "# A page for marketing the Jungleworks. # The page should have a background image, the slogan \"Start your entrepreneurial journey with Jungleworks today!\", and a button \"Get in Touch\" for the user to contact the company.", "region_id": "3969", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:background_image] [el:title [attr:value 'start your entrepreneurial journey with jungleworks today!'] ] [el:button [attr:value 'get in touch'] ] ]", "execution": "singleinfo : background undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "background 1 7 117 27 | button 88 16 24 7 | title 9 14 49 13", "layout_seq_without_completion": "background 1 7 117 27 | button 88 16 24 7 | title 9 14 49 13", "plain_layout_seq": "background 1 7 117 27 | button 88 16 24 7 | title 9 14 49 13", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "background", "position": [ 12, 60, 1000, 235 ], "completed": false }, { "type": "title", "position": [ 77, 120, 420, 115 ], "completed": false }, { "type": "button", "position": [ 752, 145, 212, 66 ], "completed": false } ] }, { "text": "#A page introducing the strategy update of a company. # The page should have 3 text boxes to show the title, update time, a short introduction, and a button for users to click to watch now. And an area with a button is needed to show a corresponding video clip and play it.", "region_id": "1630", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:text] [el:description [attr:size'small'] ] [el:button [attr:value'watch now'] ] [el:button] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 26 67 11 2 | complete button 56 20 6 5 | button 26 67 9 2 | description 26 52 10 1 | complete image 22 2 74 41 | text 26 56 67 9 | title 26 46 67 3", "layout_seq_without_completion": "button 26 67 11 2 | button 56 20 6 5 | button 26 67 9 2 | description 26 52 10 1 | image 22 2 74 41 | text 26 56 67 9 | title 26 46 67 3", "plain_layout_seq": "button 26 67 11 2 | button 56 20 6 5 | button 26 67 9 2 | description 26 52 10 1 | image 22 2 74 41 | text 26 56 67 9 | title 26 46 67 3", "canvas_width": 1143, "canvas_height": 741, "elements": [ { "type": "image", "position": [ 218, 20, 707, 397 ], "completed": true }, { "type": "button", "position": [ 539, 193, 65, 51 ], "completed": true }, { "type": "title", "position": [ 248, 447, 647, 30 ], "completed": false }, { "type": "description", "position": [ 248, 499, 96, 18 ], "completed": false }, { "type": "text", "position": [ 248, 538, 647, 89 ], "completed": false }, { "type": "button", "position": [ 248, 646, 113, 21 ], "completed": false }, { "type": "button", "position": [ 248, 646, 93, 21 ], "completed": false } ] }, { "text": "#A page showing one report. # The page should include the title, and the content of the report, as well as one big image related to the topic.", "region_id": "1978", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "description 0 11 57 18 | image 69 11 50 28 | complete text 0 33 60 11 | title 0 5 120 3", "layout_seq_without_completion": "description 0 11 57 18 | image 69 11 50 28 | text 0 33 60 11 | title 0 5 120 3", "plain_layout_seq": "description 0 11 57 18 | image 69 11 50 28 | text 0 33 60 11 | title 0 5 120 3", "canvas_width": 947, "canvas_height": 391, "elements": [ { "type": "title", "position": [ 0, 41, 947, 30 ], "completed": false }, { "type": "image", "position": [ 552, 91, 395, 221 ], "completed": false }, { "type": "description", "position": [ 0, 94, 453, 143 ], "completed": false }, { "type": "text", "position": [ 0, 261, 474, 90 ], "completed": true } ] }, { "text": "#A page showing one report. # The page should include three text boxes to show the published organization, the title, and the content of the report, as well as one big image related to the topic.", "region_id": "1978_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text] [el:title] [el:description] [el:image [attr:size'large'] ] ]", "execution": "singleinfo : description undefined undefined | image undefined large | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 33 60 11 | image 69 11 50 28 | text 0 5 120 3 | title 0 11 57 18", "layout_seq_without_completion": "description 0 33 60 11 | image 69 11 50 28 | text 0 5 120 3 | title 0 11 57 18", "plain_layout_seq": "description 0 33 60 11 | image 69 11 50 28 | text 0 5 120 3 | title 0 11 57 18", "canvas_width": 947, "canvas_height": 391, "elements": [ { "type": "text", "position": [ 0, 41, 947, 30 ], "completed": false }, { "type": "image", "position": [ 552, 91, 395, 221 ], "completed": false }, { "type": "title", "position": [ 0, 94, 453, 143 ], "completed": false }, { "type": "description", "position": [ 0, 261, 474, 90 ], "completed": false } ] }, { "text": "#A page for introducing an article for users.# This page should include one title \"Create more smiles with every sip and every bite\" and two icons.", "region_id": "4292", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:value 'create more smiles with every sip and every bite'] ] [el:icon [attr:repeat '2'] ] ]", "execution": "singleinfo : icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 92 0 5 8 | icon 18 13 5 9 | complete text 62 4 18 6 | complete text 25 4 36 6 | title 26 4 67 13", "layout_seq_without_completion": "icon 92 0 5 8 | icon 18 13 5 9 | text 62 4 18 6 | text 25 4 36 6 | title 26 4 67 13", "plain_layout_seq": "icon 92 0 5 8 | icon 18 13 5 9 | text 62 4 18 6 | text 25 4 36 6 | title 26 4 67 13", "canvas_width": 1009, "canvas_height": 202, "elements": [ { "type": "icon", "position": [ 777, 0, 50, 68 ], "completed": false }, { "type": "text", "position": [ 218, 37, 306, 56 ], "completed": true }, { "type": "title", "position": [ 224, 37, 566, 114 ], "completed": false }, { "type": "text", "position": [ 524, 37, 152, 56 ], "completed": true }, { "type": "icon", "position": [ 157, 116, 50, 84 ], "completed": false } ] }, { "text": "#A page advertising \"Da Hong Pao Oolong Tea\".# There should be a large image showing the picture of the tea. Also, there must be a title and an explanation.", "region_id": "1756", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:description] ]", "execution": "singleinfo : description undefined undefined | image undefined large | title undefined undefined", "layout_seq_with_completion": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "layout_seq_without_completion": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "plain_layout_seq": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "canvas_width": 938, "canvas_height": 637, "elements": [ { "type": "image", "position": [ 95, 85, 357, 535 ], "completed": false }, { "type": "title", "position": [ 567, 153, 273, 60 ], "completed": false }, { "type": "description", "position": [ 567, 315, 273, 288 ], "completed": false } ] }, { "text": "#A page advertising \"Da Hong Pao Oolong Tea\".# There should be a large image showing the picture of the tea. Also, there must be two text boxes showing an attractive title and a short introduction.", "region_id": "1756_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:image [attr:size'large'] ] [el:title] [el:description [attr:size'small'] ] ]", "execution": "singleinfo : description undefined small | image undefined large | title undefined undefined", "layout_seq_with_completion": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "layout_seq_without_completion": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "plain_layout_seq": "description 72 40 34 36 | image 12 10 45 68 | title 72 19 34 7", "canvas_width": 938, "canvas_height": 637, "elements": [ { "type": "image", "position": [ 95, 85, 357, 535 ], "completed": false }, { "type": "title", "position": [ 567, 153, 273, 60 ], "completed": false }, { "type": "description", "position": [ 567, 315, 273, 288 ], "completed": false } ] }, { "text": "#A page for introducing an app named \"Lightricks\" for users.# The page should include one title and a brief description of Lightricks. Also, there should be an image on the right side. A button is needed for users to learn more information.", "region_id": "1605", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:image [attr:position'right'] ] [el:button [attr:value'read more'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image right undefined | title undefined undefined", "layout_seq_with_completion": "button 0 34 18 6 | description 0 17 49 12 | image 60 2 60 42 | title 0 7 49 8", "layout_seq_without_completion": "button 0 34 18 6 | description 0 17 49 12 | image 60 2 60 42 | title 0 7 49 8", "plain_layout_seq": "button 0 34 18 6 | description 0 17 49 12 | image 60 2 60 42 | title 0 7 49 8", "canvas_width": 1034, "canvas_height": 412, "elements": [ { "type": "image", "position": [ 517, 25, 517, 362 ], "completed": false }, { "type": "title", "position": [ 0, 61, 430, 72 ], "completed": false }, { "type": "description", "position": [ 0, 153, 430, 112 ], "completed": false }, { "type": "button", "position": [ 0, 295, 158, 56 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There need to be two titles marketing the main service of the company, which is to provide food. Also, a button\"FIND OUT MORE\" should be included.", "region_id": "1011", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:repeat '2'] ] [el:button [attr:value'find out more'] ] ]", "execution": "singleinfo : button undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | button 50 75 19 4 | title 24 34 70 7 | title 26 26 66 8", "layout_seq_without_completion": "background 0 0 120 67 | button 50 75 19 4 | title 24 34 70 7 | title 26 26 66 8", "plain_layout_seq": "background 0 0 120 67 | button 50 75 19 4 | title 24 34 70 7 | title 26 26 66 8", "canvas_width": 1024, "canvas_height": 738, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": true }, { "type": "title", "position": [ 227, 223, 570, 70 ], "completed": false }, { "type": "title", "position": [ 213, 293, 598, 60 ], "completed": false }, { "type": "button", "position": [ 430, 643, 164, 35 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There need to be two textboxes marketing the main service of the company, which is to provide food. Also, a link should be included for finding out more.", "region_id": "1011_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:text [attr:repeat '2'] ] [el:link [attr:value'read more'] ] ]", "execution": "singleinfo : link undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 67 | link 50 75 19 4 | text 24 34 70 7 | text 26 26 66 8", "layout_seq_without_completion": "background 0 0 120 67 | link 50 75 19 4 | text 24 34 70 7 | text 26 26 66 8", "plain_layout_seq": "background 0 0 120 67 | link 50 75 19 4 | text 24 34 70 7 | text 26 26 66 8", "canvas_width": 1024, "canvas_height": 738, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 576 ], "completed": true }, { "type": "text", "position": [ 227, 223, 570, 70 ], "completed": false }, { "type": "text", "position": [ 213, 293, 598, 60 ], "completed": false }, { "type": "link", "position": [ 430, 643, 164, 35 ], "completed": false } ] }, { "text": "#A page for introducing the data in motion to users.# The page should include one title and a brief description. Besides, two buttons are needed for users to click to watch a demo for further information or try confluent for free.", "region_id": "1015", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'watch a demo'] ] [el:button [attr:value'try confluent for free'] ] ]", "execution": "singleinfo : button undefined undefined | button undefined undefined | description undefined small | title undefined undefined", "layout_seq_with_completion": "button 10 51 18 5 | button 30 52 24 2 | description 10 38 72 8 | complete image 0 28 120 42 | title 10 17 72 17", "layout_seq_without_completion": "button 10 51 18 5 | button 30 52 24 2 | description 10 38 72 8 | image 0 28 120 42 | title 10 17 72 17", "plain_layout_seq": "button 10 51 18 5 | button 30 52 24 2 | description 10 38 72 8 | image 0 28 120 42 | title 10 17 72 17", "canvas_width": 1024, "canvas_height": 760, "elements": [ { "type": "title", "position": [ 90, 150, 620, 150 ], "completed": false }, { "type": "image", "position": [ 0, 246, 1024, 364 ], "completed": true }, { "type": "description", "position": [ 90, 330, 620, 76 ], "completed": false }, { "type": "button", "position": [ 90, 436, 159, 44 ], "completed": false }, { "type": "button", "position": [ 264, 444, 206, 24 ], "completed": false } ] }, { "text": "#A page introducing credit intelligence for commercial lending.# There is a title and a description and a button \"GET STARTED NOW\" on the left side. On the right is a screenshot of the application.", "region_id": "1834", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title [attr:position 'left']] [el:description[attr:position 'left']] [el:button [attr:value 'get started now'] [attr:position 'left'] ] [el:image [attr:position 'right']] ]", "execution": "singleinfo : button left undefined | description left undefined | image right undefined | title left undefined", "layout_seq_with_completion": "complete background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | complete image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "layout_seq_without_completion": "background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "plain_layout_seq": "background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "canvas_width": 1164, "canvas_height": 805, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 805 ], "completed": true }, { "type": "title", "position": [ 55, 199, 422, 152 ], "completed": false }, { "type": "image", "position": [ 507, 233, 602, 339 ], "completed": false }, { "type": "description", "position": [ 55, 371, 422, 114 ], "completed": false }, { "type": "button", "position": [ 55, 525, 174, 51 ], "completed": false }, { "type": "image", "position": [ 0, 687, 1164, 118 ], "completed": true } ] }, { "text": "#A page introducing credit intelligence for commercial lending.# There are two large text boxes showing the title and the introduction of the system. There is also a small start button and an image.", "region_id": "1834_1", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:title[attr:size 'large']] [el:description [attr:size 'large']] [el:button [attr:size 'small'] ] [el:image] ]", "execution": "singleinfo : button undefined small | description undefined large | image undefined undefined | title undefined large", "layout_seq_with_completion": "complete background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | complete image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "layout_seq_without_completion": "background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "plain_layout_seq": "background 0 0 119 82 | button 5 54 17 5 | description 5 38 43 11 | image 0 70 119 12 | image 52 24 62 34 | title 5 20 43 15", "canvas_width": 1164, "canvas_height": 805, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 805 ], "completed": true }, { "type": "title", "position": [ 55, 199, 422, 152 ], "completed": false }, { "type": "image", "position": [ 507, 233, 602, 339 ], "completed": false }, { "type": "description", "position": [ 55, 371, 422, 114 ], "completed": false }, { "type": "button", "position": [ 55, 525, 174, 51 ], "completed": false }, { "type": "image", "position": [ 0, 687, 1164, 118 ], "completed": true } ] }, { "text": "#A page for showing that access was denied.# The page should have a logo of trivago, a title, an image, and a short description of the situation and the measures. A button is needed for users to click back to trivago.", "region_id": "3471", "region_type": "SingleInfo", "ir": "[region:SingleInfo [el:logo ] [el:title] [el:image] [el:description [attr:size 'small'] ] [el:button [attr:value 'back to trivago'] ] ]", "execution": "singleinfo : button undefined undefined | description undefined small | image undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 52 69 14 5 | description 33 51 52 14 | image 36 31 47 16 | complete image 0 0 120 7 | logo 53 2 12 3 | title 31 22 56 7", "layout_seq_without_completion": "button 52 69 14 5 | description 33 51 52 14 | image 36 31 47 16 | image 0 0 120 7 | logo 53 2 12 3 | title 31 22 56 7", "plain_layout_seq": "button 52 69 14 5 | description 33 51 52 14 | image 36 31 47 16 | image 0 0 120 7 | logo 53 2 12 3 | title 31 22 56 7", "canvas_width": 1024, "canvas_height": 638, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 64 ], "completed": true }, { "type": "logo", "position": [ 460, 18, 105, 32 ], "completed": false }, { "type": "title", "position": [ 269, 194, 486, 60 ], "completed": false }, { "type": "image", "position": [ 308, 270, 408, 142 ], "completed": false }, { "type": "description", "position": [ 287, 436, 450, 126 ], "completed": false }, { "type": "button", "position": [ 449, 594, 125, 44 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company.# The page should have four groups: \"100% Satisfaction Guarantee\" \"Leaves Warehouse in 1-2 Business Days\" \"12 Month Warranty\", and \"30 Day Returns\" and each group should have a small image, a title, and a further introduction.", "region_id": "8530", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names '100% satisfaction guarantee, leaves warehouse in 1-2 business days, 12 month warranty, 30 day returns'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 9 6 18 4 | image 4 1 4 4 | title 9 1 18 4 ] | [ description 38 6 18 6 | image 32 1 4 4 | title 38 1 18 4 ] | [ description 66 4 18 6 | image 61 1 4 4 | title 66 1 18 2 ] | [ description 95 4 18 4 | image 90 1 4 4 | title 95 1 18 2 ] \"", "layout_seq_without_completion": "\" [ description 9 6 18 4 | image 4 1 4 4 | title 9 1 18 4 ] | [ description 38 6 18 6 | image 32 1 4 4 | title 38 1 18 4 ] | [ description 66 4 18 6 | image 61 1 4 4 | title 66 1 18 2 ] | [ description 95 4 18 4 | image 90 1 4 4 | title 95 1 18 2 ] \"", "plain_layout_seq": "description 9 6 18 4 | description 38 6 18 6 | description 66 4 18 6 | description 95 4 18 4 | image 4 1 4 4 | image 32 1 4 4 | image 61 1 4 4 | image 90 1 4 4 | title 9 1 18 4 | title 38 1 18 4 | title 66 1 18 2 | title 95 1 18 2", "canvas_width": 1024, "canvas_height": 124, "elements": [ { "type": "title", "position": [ 80, 12, 160, 40 ], "completed": false }, { "type": "title", "position": [ 325, 12, 160, 40 ], "completed": false }, { "type": "title", "position": [ 570, 12, 160, 22 ], "completed": false }, { "type": "title", "position": [ 815, 12, 160, 22 ], "completed": false }, { "type": "image", "position": [ 35, 15, 35, 35 ], "completed": false }, { "type": "image", "position": [ 280, 15, 35, 35 ], "completed": false }, { "type": "image", "position": [ 525, 15, 35, 35 ], "completed": false }, { "type": "image", "position": [ 770, 15, 35, 35 ], "completed": false }, { "type": "description", "position": [ 570, 38, 160, 54 ], "completed": false }, { "type": "description", "position": [ 815, 38, 160, 36 ], "completed": false }, { "type": "description", "position": [ 80, 55, 160, 36 ], "completed": false }, { "type": "description", "position": [ 325, 55, 160, 54 ], "completed": false } ] }, { "text": "#A page for showing the four products.#The page should have a title and a link, named \"shop now\". There are four groups and each group has an image and a title. Also, there is a description of the price.", "region_id": "8524", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:link [attr:value 'shop now'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description]] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 40 44 9 3 | description 70 44 9 3 | description 99 44 9 3 | description 11 44 9 3 | link 55 4 9 2 | title 6 37 20 6 | title 63 37 22 6 | title 35 37 19 6 | title 92 37 22 6 | title 3 0 112 4", "layout_seq_without_completion": "description 40 44 9 3 | description 70 44 9 3 | description 99 44 9 3 | description 11 44 9 3 | link 55 4 9 2 | title 6 37 20 6 | title 63 37 22 6 | title 35 37 19 6 | title 92 37 22 6 | title 3 0 112 4", "plain_layout_seq": "description 40 44 9 3 | description 70 44 9 3 | description 99 44 9 3 | description 11 44 9 3 | link 55 4 9 2 | title 6 37 20 6 | title 63 37 22 6 | title 35 37 19 6 | title 92 37 22 6 | title 3 0 112 4", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "title", "position": [ 30, 0, 964, 38 ], "completed": false }, { "type": "link", "position": [ 472, 40, 80, 24 ], "completed": false }, { "type": "title", "position": [ 52, 320, 175, 53 ], "completed": false }, { "type": "title", "position": [ 305, 320, 165, 53 ], "completed": false }, { "type": "title", "position": [ 539, 320, 194, 53 ], "completed": false }, { "type": "title", "position": [ 788, 320, 194, 53 ], "completed": false }, { "type": "description", "position": [ 101, 377, 77, 31 ], "completed": false }, { "type": "description", "position": [ 349, 377, 77, 31 ], "completed": false }, { "type": "description", "position": [ 598, 377, 77, 31 ], "completed": false }, { "type": "description", "position": [ 846, 377, 77, 31 ], "completed": false } ] }, { "text": "# A page for an online store to show the new product. # On the page, there should be five images of the new products. The user can click the images to know the detailed information about the products. And two icons should be contained. So the user can use them to switch the page.", "region_id": "146", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:image] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "multiinfo : icon undefined undefined | icon undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "icon 6 16 4 4 | icon 108 16 4 4 | \" [ image 5 5 19 26 ] | [ image 27 5 19 26 ] | [ image 50 5 19 26 ] | [ image 72 5 19 26 ] | [ image 94 5 19 26 ] \"", "layout_seq_without_completion": "icon 6 16 4 4 | icon 108 16 4 4 | \" [ image 5 5 19 26 ] | [ image 27 5 19 26 ] | [ image 50 5 19 26 ] | [ image 72 5 19 26 ] | [ image 94 5 19 26 ] \"", "plain_layout_seq": "icon 6 16 4 4 | icon 108 16 4 4 | image 5 5 19 26 | image 27 5 19 26 | image 50 5 19 26 | image 72 5 19 26 | image 94 5 19 26", "canvas_width": 903, "canvas_height": 321, "elements": [ { "type": "image", "position": [ 40, 40, 149, 201 ], "completed": false }, { "type": "image", "position": [ 209, 40, 149, 201 ], "completed": false }, { "type": "image", "position": [ 377, 40, 149, 201 ], "completed": false }, { "type": "image", "position": [ 546, 40, 149, 201 ], "completed": false }, { "type": "image", "position": [ 714, 40, 149, 201 ], "completed": false }, { "type": "icon", "position": [ 50, 122, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 817, 122, 36, 36 ], "completed": false } ] }, { "text": "#A page for users to learn about the latest reviews.# besides a title named \u201cLatest Reviews\u201d, the page includes four lists, and each of them has one background, one title of the review, and one label showing the date of the review.", "region_id": "4154", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'latest reviews'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 17 3 | \" [ background 0 8 29 27 | text 2 19 10 1 | title 2 22 22 10 ] | [ background 30 8 29 27 | text 32 19 9 1 | title 32 22 24 10 ] | [ background 60 8 29 27 | text 62 19 9 1 | title 62 22 22 10 ] | [ background 90 8 29 27 | text 92 19 9 1 | title 92 22 24 10 ] \"", "layout_seq_without_completion": "title 0 0 17 3 | \" [ background 0 8 29 27 | text 2 19 10 1 | title 2 22 22 10 ] | [ background 30 8 29 27 | text 32 19 9 1 | title 32 22 24 10 ] | [ background 60 8 29 27 | text 62 19 9 1 | title 62 22 22 10 ] | [ background 90 8 29 27 | text 92 19 9 1 | title 92 22 24 10 ] \"", "plain_layout_seq": "background 0 8 29 27 | background 30 8 29 27 | background 60 8 29 27 | background 90 8 29 27 | text 2 19 10 1 | text 32 19 9 1 | text 62 19 9 1 | text 92 19 9 1 | title 0 0 17 3 | title 2 22 22 10 | title 32 22 24 10 | title 62 22 22 10 | title 92 22 24 10", "canvas_width": 943, "canvas_height": 293, "elements": [ { "type": "title", "position": [ 0, 0, 136, 25 ], "completed": false }, { "type": "background", "position": [ 0, 63, 232, 220 ], "completed": false }, { "type": "background", "position": [ 236, 63, 232, 220 ], "completed": false }, { "type": "background", "position": [ 472, 63, 232, 220 ], "completed": false }, { "type": "background", "position": [ 708, 63, 232, 220 ], "completed": false }, { "type": "text", "position": [ 20, 156, 81, 15 ], "completed": false }, { "type": "text", "position": [ 256, 156, 74, 15 ], "completed": false }, { "type": "text", "position": [ 492, 156, 74, 15 ], "completed": false }, { "type": "text", "position": [ 728, 156, 77, 15 ], "completed": false }, { "type": "title", "position": [ 20, 179, 179, 84 ], "completed": false }, { "type": "title", "position": [ 256, 179, 190, 84 ], "completed": false }, { "type": "title", "position": [ 492, 179, 177, 84 ], "completed": false }, { "type": "title", "position": [ 728, 179, 192, 84 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have three groups and each group has a background image and a title, \"marketplace bestsellers\", \"peace designs\", and \"freedom designs\".", "region_id": "3367", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'marketplace bestsellers, peace designs, freedom designs'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 1 0 76 76 | background 81 0 36 36 | background 81 39 36 36 | title 23 66 32 7 | title 87 66 25 7 | title 88 26 22 7", "layout_seq_without_completion": "background 1 0 76 76 | background 81 0 36 36 | background 81 39 36 36 | title 23 66 32 7 | title 87 66 25 7 | title 88 26 22 7", "plain_layout_seq": "background 1 0 76 76 | background 81 0 36 36 | background 81 39 36 36 | title 23 66 32 7 | title 87 66 25 7 | title 88 26 22 7", "canvas_width": 901, "canvas_height": 600, "elements": [ { "type": "background", "position": [ 12, 0, 577, 577 ], "completed": false }, { "type": "background", "position": [ 613, 0, 276, 276 ], "completed": false }, { "type": "title", "position": [ 668, 198, 167, 53 ], "completed": false }, { "type": "background", "position": [ 613, 300, 276, 276 ], "completed": false }, { "type": "title", "position": [ 179, 498, 245, 53 ], "completed": false }, { "type": "title", "position": [ 655, 498, 192, 53 ], "completed": false } ] }, { "text": "# A page presenting the Financial partners of the DHIS2 project.# The page should have the title \"Our Financial Partners\", a short description, and 9 logos of the partners.", "region_id": "4297", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our financial partners'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 23 23 73 6 | title 23 14 73 5 | \" [ logo 8 39 25 12 ] | [ logo 34 39 25 12 ] | [ logo 60 39 25 12 ] | [ logo 85 39 25 12 ] | [ logo 8 55 25 12 ] | [ logo 34 55 25 12 ] | [ logo 60 55 25 12 ] | [ logo 85 55 25 12 ] | [ logo 47 71 25 12 ] \"", "layout_seq_without_completion": "description 23 23 73 6 | title 23 14 73 5 | \" [ logo 8 39 25 12 ] | [ logo 34 39 25 12 ] | [ logo 60 39 25 12 ] | [ logo 85 39 25 12 ] | [ logo 8 55 25 12 ] | [ logo 34 55 25 12 ] | [ logo 60 55 25 12 ] | [ logo 85 55 25 12 ] | [ logo 47 71 25 12 ] \"", "plain_layout_seq": "description 23 23 73 6 | logo 8 39 25 12 | logo 34 39 25 12 | logo 60 39 25 12 | logo 85 39 25 12 | logo 8 55 25 12 | logo 34 55 25 12 | logo 60 55 25 12 | logo 85 55 25 12 | logo 47 71 25 12 | title 23 14 73 5", "canvas_width": 1024, "canvas_height": 839, "elements": [ { "type": "title", "position": [ 199, 126, 627, 43 ], "completed": false }, { "type": "description", "position": [ 199, 199, 627, 54 ], "completed": false }, { "type": "logo", "position": [ 72, 341, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 292, 341, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 512, 341, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 732, 341, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 72, 475, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 292, 475, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 512, 475, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 732, 475, 220, 110 ], "completed": false }, { "type": "logo", "position": [ 402, 609, 220, 110 ], "completed": false } ] }, { "text": "# A page for a company, the user can check the investor document, media resources, press releases, and annual report. # The page should be divided into three parts. In each part, there should be an image and a link for users to click to check the investor document, media resources, press releases, and annual report.", "region_id": "956", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'investor document, media resources, press releases, annual report'] [item [el:image] [el:link]] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 89 11 11 11 | image 18 11 11 11 | image 54 11 11 11 | link 11 23 27 2 | link 45 23 29 5 | link 83 23 22 2", "layout_seq_without_completion": "image 89 11 11 11 | image 18 11 11 11 | image 54 11 11 11 | link 11 23 27 2 | link 45 23 29 5 | link 83 23 22 2", "plain_layout_seq": "image 89 11 11 11 | image 18 11 11 11 | image 54 11 11 11 | link 11 23 27 2 | link 45 23 29 5 | link 83 23 22 2", "canvas_width": 1024, "canvas_height": 345, "elements": [ { "type": "image", "position": [ 161, 96, 100, 100 ], "completed": false }, { "type": "image", "position": [ 462, 96, 100, 100 ], "completed": false }, { "type": "image", "position": [ 763, 96, 100, 100 ], "completed": false }, { "type": "link", "position": [ 96, 198, 231, 24 ], "completed": false }, { "type": "link", "position": [ 388, 198, 248, 50 ], "completed": false }, { "type": "link", "position": [ 716, 198, 193, 24 ], "completed": false } ] }, { "text": "#A page for an introduction to the product.# The page has three groups of information. Each group contains a title ,a description, and a button for users to click to get further information.", "region_id": "5077", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 88 31 18 7 | button 5 33 18 4 | button 63 28 17 5 | description 5 20 47 9 | description 88 17 18 9 | description 63 14 16 9 | title 5 9 50 10 | title 63 9 18 3 | title 88 9 18 6", "layout_seq_without_completion": "button 88 31 18 7 | button 5 33 18 4 | button 63 28 17 5 | description 5 20 47 9 | description 88 17 18 9 | description 63 14 16 9 | title 5 9 50 10 | title 63 9 18 3 | title 88 9 18 6", "plain_layout_seq": "button 88 31 18 7 | button 5 33 18 4 | button 63 28 17 5 | description 5 20 47 9 | description 88 17 18 9 | description 63 14 16 9 | title 5 9 50 10 | title 63 9 18 3 | title 88 9 18 6", "canvas_width": 1024, "canvas_height": 421, "elements": [ { "type": "title", "position": [ 50, 80, 432, 86 ], "completed": false }, { "type": "title", "position": [ 542, 80, 156, 29 ], "completed": false }, { "type": "title", "position": [ 758, 80, 156, 58 ], "completed": false }, { "type": "description", "position": [ 542, 120, 139, 78 ], "completed": false }, { "type": "description", "position": [ 758, 149, 155, 78 ], "completed": false }, { "type": "description", "position": [ 50, 178, 405, 79 ], "completed": false }, { "type": "button", "position": [ 542, 242, 150, 43 ], "completed": false }, { "type": "button", "position": [ 758, 271, 156, 62 ], "completed": false }, { "type": "button", "position": [ 50, 285, 161, 41 ], "completed": false } ] }, { "text": "#This page displays information about the product for the user. #This page has three main groups: All Prints, Portfolio, and About the Artist. Each group has a title and picture. There is a link below each of the three groups: See more, view, and info.", "region_id": "8546", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'all prints, portfolio, about the artist'] [item [el:title] [el:image] [el:link [attr:position 'bottom'] [attr:value 'read more'] ] ] ]]", "execution": "multiinfo : { [ image undefined undefined | link bottom undefined | title undefined undefined ] | [ image undefined undefined | link bottom undefined | title undefined undefined ] | [ image undefined undefined | link bottom undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 43 54 6 3 | link 80 54 6 3 | link 6 54 10 3 | title 6 49 33 3 | title 43 49 33 3 | title 80 49 33 3", "layout_seq_without_completion": "link 43 54 6 3 | link 80 54 6 3 | link 6 54 10 3 | title 6 49 33 3 | title 43 49 33 3 | title 80 49 33 3", "plain_layout_seq": "link 43 54 6 3 | link 80 54 6 3 | link 6 54 10 3 | title 6 49 33 3 | title 43 49 33 3 | title 80 49 33 3", "canvas_width": 1024, "canvas_height": 549, "elements": [ { "type": "title", "position": [ 55, 420, 285, 27 ], "completed": false }, { "type": "title", "position": [ 370, 420, 285, 27 ], "completed": false }, { "type": "title", "position": [ 684, 420, 285, 27 ], "completed": false }, { "type": "link", "position": [ 55, 464, 87, 30 ], "completed": false }, { "type": "link", "position": [ 370, 464, 55, 30 ], "completed": false }, { "type": "link", "position": [ 684, 464, 55, 30 ], "completed": false } ] }, { "text": "# A page for marketing the service of a company. # There should be five categories of items. In each item, there should be a small icon and a phrase showing the service \"14 days return\" and \"worldwide shipping\",\"free shipping aus wide\",\"made to last\" and \"afterpay available\".", "region_id": "6579", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names '14 days return, worldwide shipping, free shipping aus wide, made to last, afterpay available'] [item [el:icon [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "icon 11 4 5 5 | icon 57 4 5 5 | icon 79 4 5 5 | icon 34 4 5 5 | icon 102 4 5 5 | title 8 12 10 6 | title 77 12 10 6 | title 52 12 15 9 | title 29 12 15 6 | title 99 12 12 6", "layout_seq_without_completion": "icon 11 4 5 5 | icon 57 4 5 5 | icon 79 4 5 5 | icon 34 4 5 5 | icon 102 4 5 5 | title 8 12 10 6 | title 77 12 10 6 | title 52 12 15 9 | title 29 12 15 6 | title 99 12 12 6", "plain_layout_seq": "icon 11 4 5 5 | icon 57 4 5 5 | icon 79 4 5 5 | icon 34 4 5 5 | icon 102 4 5 5 | title 8 12 10 6 | title 77 12 10 6 | title 52 12 15 9 | title 29 12 15 6 | title 99 12 12 6", "canvas_width": 1024, "canvas_height": 248, "elements": [ { "type": "icon", "position": [ 98, 40, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 292, 40, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 487, 40, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 682, 40, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 876, 40, 50, 50 ], "completed": false }, { "type": "title", "position": [ 76, 105, 90, 53 ], "completed": false }, { "type": "title", "position": [ 251, 105, 132, 53 ], "completed": false }, { "type": "title", "position": [ 445, 105, 135, 80 ], "completed": false }, { "type": "title", "position": [ 661, 105, 88, 53 ], "completed": false }, { "type": "title", "position": [ 847, 105, 104, 53 ], "completed": false } ] }, { "text": "#A page showing news from Nigeria to users of the web.#The page should include five groups of news. There should have one headline, it has one image, one headline tag, one test title, and one brief introduction to the news. There also have four other news, each of them should include one image and one brief introduction to the news.", "region_id": "3208", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup \n [item [el:title [attr:repeat '2']] [el:image] [el:text] [el:description [attr:size 'small'] ]]\n [item [el:image] [el:description [attr:size 'small'] ] ]\n [item [el:image] [el:description [attr:size 'small'] ] ]\n [item [el:image] [el:description [attr:size 'small'] ] ]\n [item [el:image] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 92 0 21 7 | description 92 39 19 7 | description 92 13 22 7 | description 92 26 19 9 | description 2 45 65 7 | image 2 0 65 32 | image 72 26 17 10 | image 72 0 17 10 | image 72 13 17 10 | image 72 39 17 10 | text 2 30 6 2 | title 2 33 64 9", "layout_seq_without_completion": "description 92 0 21 7 | description 92 39 19 7 | description 92 13 22 7 | description 92 26 19 9 | description 2 45 65 7 | image 2 0 65 32 | image 72 26 17 10 | image 72 0 17 10 | image 72 13 17 10 | image 72 39 17 10 | text 2 30 6 2 | title 2 33 64 9", "plain_layout_seq": "description 92 0 21 7 | description 92 39 19 7 | description 92 13 22 7 | description 92 26 19 9 | description 2 45 65 7 | image 2 0 65 32 | image 72 26 17 10 | image 72 0 17 10 | image 72 13 17 10 | image 72 39 17 10 | text 2 30 6 2 | title 2 33 64 9", "canvas_width": 1009, "canvas_height": 495, "elements": [ { "type": "image", "position": [ 20, 0, 549, 274 ], "completed": false }, { "type": "image", "position": [ 609, 0, 151, 91 ], "completed": false }, { "type": "description", "position": [ 775, 0, 182, 60 ], "completed": false }, { "type": "image", "position": [ 609, 111, 151, 91 ], "completed": false }, { "type": "description", "position": [ 775, 111, 193, 60 ], "completed": false }, { "type": "image", "position": [ 609, 222, 151, 91 ], "completed": false }, { "type": "description", "position": [ 775, 222, 164, 80 ], "completed": false }, { "type": "text", "position": [ 20, 257, 56, 17 ], "completed": false }, { "type": "title", "position": [ 20, 285, 541, 78 ], "completed": false }, { "type": "image", "position": [ 609, 333, 151, 91 ], "completed": false }, { "type": "description", "position": [ 775, 333, 166, 60 ], "completed": false }, { "type": "description", "position": [ 20, 381, 549, 66 ], "completed": false } ] }, { "text": "# A page for the user to see the build video.# The page should have 3 video screenshot with an icon button on each for playing the video. Besides, there is a text button for the user to view more build videos.", "region_id": "4210", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image][el:button] ] ] [el:button [attr:value 'see more build videos'] ] ]", "execution": "multiinfo : button undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 96 9 4 3 | button 18 9 4 3 | button 57 9 4 3 | button 104 23 14 2 | image 42 1 36 19 | image 2 1 36 19 | image 81 1 36 19", "layout_seq_without_completion": "button 96 9 4 3 | button 18 9 4 3 | button 57 9 4 3 | button 104 23 14 2 | image 42 1 36 19 | image 2 1 36 19 | image 81 1 36 19", "plain_layout_seq": "button 96 9 4 3 | button 18 9 4 3 | button 57 9 4 3 | button 104 23 14 2 | image 42 1 36 19 | image 2 1 36 19 | image 81 1 36 19", "canvas_width": 1650, "canvas_height": 357, "elements": [ { "type": "image", "position": [ 41, 20, 495, 272 ], "completed": false }, { "type": "image", "position": [ 578, 20, 495, 272 ], "completed": false }, { "type": "image", "position": [ 1114, 20, 495, 272 ], "completed": false }, { "type": "button", "position": [ 255, 130, 68, 48 ], "completed": false }, { "type": "button", "position": [ 791, 130, 68, 48 ], "completed": false }, { "type": "button", "position": [ 1327, 130, 68, 48 ], "completed": false }, { "type": "button", "position": [ 1431, 318, 199, 39 ], "completed": false } ] }, { "text": "# A page to introduce the T.I.M.E. brands.# The page should have the title \"T.I.M.E. Brands\" and six logos of the brands.", "region_id": "5043", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 't.i.m.e. brands'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 4 1 12 3 | \" [ logo 47 7 23 14 ] | [ logo 47 22 23 14 ] | [ logo 47 37 23 14 ] | [ logo 47 51 23 14 ] | [ logo 47 66 23 14 ] | [ logo 47 81 23 14 ] \"", "layout_seq_without_completion": "title 4 1 12 3 | \" [ logo 47 7 23 14 ] | [ logo 47 22 23 14 ] | [ logo 47 37 23 14 ] | [ logo 47 51 23 14 ] | [ logo 47 66 23 14 ] | [ logo 47 81 23 14 ] \"", "plain_layout_seq": "logo 47 7 23 14 | logo 47 22 23 14 | logo 47 37 23 14 | logo 47 51 23 14 | logo 47 66 23 14 | logo 47 81 23 14 | title 4 1 12 3", "canvas_width": 1024, "canvas_height": 847, "elements": [ { "type": "title", "position": [ 35, 15, 109, 31 ], "completed": false }, { "type": "logo", "position": [ 406, 64, 200, 120 ], "completed": false }, { "type": "logo", "position": [ 406, 190, 200, 120 ], "completed": false }, { "type": "logo", "position": [ 406, 316, 200, 120 ], "completed": false }, { "type": "logo", "position": [ 406, 442, 200, 120 ], "completed": false }, { "type": "logo", "position": [ 406, 568, 200, 120 ], "completed": false }, { "type": "logo", "position": [ 406, 694, 200, 120 ], "completed": false } ] }, { "text": "#A page for introducing one companys cooperated company.# There should be one title and one detailed description. Eight small images are used to show the collaborators logos.", "region_id": "149_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat'8'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 3 17 114 14 | title 3 3 114 11 | \" [ logo 37 33 15 15 ] | [ logo 3 37 23 7 ] | [ logo 93 38 21 4 ] | [ logo 67 39 14 4 ] | [ logo 3 51 15 14 ] | [ logo 93 51 21 14 ] | [ logo 37 54 15 8 ] | [ logo 67 57 14 2 ] \"", "layout_seq_without_completion": "description 3 17 114 14 | title 3 3 114 11 | \" [ logo 37 33 15 15 ] | [ logo 3 37 23 7 ] | [ logo 93 38 21 4 ] | [ logo 67 39 14 4 ] | [ logo 3 51 15 14 ] | [ logo 93 51 21 14 ] | [ logo 37 54 15 8 ] | [ logo 67 57 14 2 ] \"", "plain_layout_seq": "description 3 17 114 14 | logo 37 33 15 15 | logo 3 37 23 7 | logo 93 38 21 4 | logo 67 39 14 4 | logo 3 51 15 14 | logo 93 51 21 14 | logo 37 54 15 8 | logo 67 57 14 2 | title 3 3 114 11", "canvas_width": 1024, "canvas_height": 594, "elements": [ { "type": "title", "position": [ 26, 30, 973, 96 ], "completed": false }, { "type": "description", "position": [ 26, 146, 973, 120 ], "completed": false }, { "type": "logo", "position": [ 321, 286, 133, 134 ], "completed": false }, { "type": "logo", "position": [ 26, 320, 203, 66 ], "completed": false }, { "type": "logo", "position": [ 794, 332, 180, 42 ], "completed": false }, { "type": "logo", "position": [ 575, 335, 123, 36 ], "completed": false }, { "type": "logo", "position": [ 26, 436, 136, 124 ], "completed": false }, { "type": "logo", "position": [ 794, 436, 180, 127 ], "completed": false }, { "type": "logo", "position": [ 321, 463, 133, 73 ], "completed": false }, { "type": "logo", "position": [ 575, 488, 123, 23 ], "completed": false } ] }, { "text": "#A page to inform customers of new colors of products arrived.# First, on the page, the title \"New colors have arrived!\" is placed above a related picture of the products. Under this, four types of products with different colors are set. Each contains a picture under which the name of the product is placed.", "region_id": "8318", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new colors have arrived!'] [attr:position 'top'] ][el:image] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : image undefined undefined | title top undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 7 66 23 23 | image 1 19 116 38 | image 34 66 23 23 | image 61 66 23 23 | image 89 66 23 23 | title 13 5 93 7 | title 7 89 23 9 | title 34 89 23 9 | title 61 89 23 9 | title 89 89 23 9", "layout_seq_without_completion": "image 7 66 23 23 | image 1 19 116 38 | image 34 66 23 23 | image 61 66 23 23 | image 89 66 23 23 | title 13 5 93 7 | title 7 89 23 9 | title 34 89 23 9 | title 61 89 23 9 | title 89 89 23 9", "plain_layout_seq": "image 7 66 23 23 | image 1 19 116 38 | image 34 66 23 23 | image 61 66 23 23 | image 89 66 23 23 | title 13 5 93 7 | title 7 89 23 9 | title 34 89 23 9 | title 61 89 23 9 | title 89 89 23 9", "canvas_width": 1024, "canvas_height": 856, "elements": [ { "type": "title", "position": [ 114, 44, 796, 67 ], "completed": false }, { "type": "image", "position": [ 16, 163, 992, 331 ], "completed": false }, { "type": "image", "position": [ 64, 571, 200, 200 ], "completed": false }, { "type": "image", "position": [ 296, 571, 200, 200 ], "completed": false }, { "type": "image", "position": [ 528, 571, 200, 200 ], "completed": false }, { "type": "image", "position": [ 760, 571, 200, 200 ], "completed": false }, { "type": "title", "position": [ 64, 767, 200, 83 ], "completed": false }, { "type": "title", "position": [ 296, 767, 200, 83 ], "completed": false }, { "type": "title", "position": [ 528, 767, 200, 83 ], "completed": false }, { "type": "title", "position": [ 760, 767, 200, 83 ], "completed": false } ] }, { "text": "#A page for showing popular audiobooks.# The page should have a title, and 6 groups while each group has an image, an icon, and 3 texts to show the type, title, and author. Two icons and a button are needed for users to turn the page and view more.", "region_id": "6278", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:icon] [el:text [attr:repeat '3'] ] ] ] [el:pagination] [el:button [attr:value 'see more']] ]", "execution": "multiinfo : button undefined undefined | pagination undefined undefined | title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 0 8 17 17 | complete image 20 5 17 22 | complete image 40 5 17 34 | complete image 60 5 17 22 | image 60 8 17 17 | complete image 60 5 17 34 | complete image 80 5 17 22 | image 80 8 17 17 | complete image 80 5 17 34 | complete image 100 5 17 22 | image 100 8 17 17 | image 40 8 17 17 | complete image 0 5 17 22 | complete image 0 5 17 34 | image 20 8 17 17 | complete image 20 5 17 34 | complete image 40 5 17 22 | complete image 100 5 17 34 | \" [ button 108 0 7 1 | complete icon 105 0 3 3 | complete icon 116 0 3 3 | title 0 0 60 3 ] \" | \" [ icon 1 29 1 1 | text 3 29 7 2 | text 1 36 15 2 | text 1 31 15 2 ] | [ icon 21 29 1 1 | text 23 29 7 2 | text 21 36 15 2 | text 21 31 15 4 ] | [ icon 41 29 1 1 | text 43 29 7 2 | text 41 36 15 2 | text 41 31 15 4 ] | [ icon 61 29 1 1 | text 63 29 7 2 | text 61 36 15 2 | text 61 31 15 4 ] | [ icon 81 29 1 1 | text 83 29 7 2 | text 81 36 15 2 | text 81 31 15 2 ] | [ icon 101 29 1 1 | text 101 36 15 2 | text 103 29 7 2 | text 101 31 15 4 ] \"", "layout_seq_without_completion": "image 0 8 17 17 | image 20 5 17 22 | image 40 5 17 34 | image 60 5 17 22 | image 60 8 17 17 | image 60 5 17 34 | image 80 5 17 22 | image 80 8 17 17 | image 80 5 17 34 | image 100 5 17 22 | image 100 8 17 17 | image 40 8 17 17 | image 0 5 17 22 | image 0 5 17 34 | image 20 8 17 17 | image 20 5 17 34 | image 40 5 17 22 | image 100 5 17 34 | \" [ button 108 0 7 1 | icon 105 0 3 3 | icon 116 0 3 3 | title 0 0 60 3 ] \" | \" [ icon 1 29 1 1 | text 3 29 7 2 | text 1 36 15 2 | text 1 31 15 2 ] | [ icon 21 29 1 1 | text 23 29 7 2 | text 21 36 15 2 | text 21 31 15 4 ] | [ icon 41 29 1 1 | text 43 29 7 2 | text 41 36 15 2 | text 41 31 15 4 ] | [ icon 61 29 1 1 | text 63 29 7 2 | text 61 36 15 2 | text 61 31 15 4 ] | [ icon 81 29 1 1 | text 83 29 7 2 | text 81 36 15 2 | text 81 31 15 2 ] | [ icon 101 29 1 1 | text 101 36 15 2 | text 103 29 7 2 | text 101 31 15 4 ] \"", "plain_layout_seq": "button 108 0 7 1 | icon 105 0 3 3 | icon 116 0 3 3 | icon 1 29 1 1 | icon 21 29 1 1 | icon 41 29 1 1 | icon 61 29 1 1 | icon 81 29 1 1 | icon 101 29 1 1 | image 0 8 17 17 | image 20 5 17 22 | image 40 5 17 34 | image 60 5 17 22 | image 60 8 17 17 | image 60 5 17 34 | image 80 5 17 22 | image 80 8 17 17 | image 80 5 17 34 | image 100 5 17 22 | image 100 8 17 17 | image 40 8 17 17 | image 0 5 17 22 | image 0 5 17 34 | image 20 8 17 17 | image 20 5 17 34 | image 40 5 17 22 | image 100 5 17 34 | text 3 29 7 2 | text 1 36 15 2 | text 1 31 15 2 | text 23 29 7 2 | text 21 36 15 2 | text 21 31 15 4 | text 43 29 7 2 | text 41 36 15 2 | text 41 31 15 4 | text 63 29 7 2 | text 61 36 15 2 | text 61 31 15 4 | text 83 29 7 2 | text 81 36 15 2 | text 81 31 15 2 | text 101 36 15 2 | text 103 29 7 2 | text 101 31 15 4 | title 0 0 60 3", "canvas_width": 1008, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 0, 0, 504, 28 ], "completed": false }, { "type": "icon", "position": [ 882, 0, 28, 28 ], "completed": true }, { "type": "icon", "position": [ 980, 0, 28, 28 ], "completed": true }, { "type": "button", "position": [ 914, 6, 62, 16 ], "completed": false }, { "type": "image", "position": [ 4, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 172, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 340, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 508, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 676, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 844, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 5, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 173, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 341, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 509, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 677, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 845, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 5, 69, 146, 146 ], "completed": false }, { "type": "image", "position": [ 173, 69, 146, 146 ], "completed": false }, { "type": "image", "position": [ 341, 69, 146, 146 ], "completed": false }, { "type": "image", "position": [ 509, 69, 146, 146 ], "completed": false }, { "type": "image", "position": [ 677, 69, 146, 146 ], "completed": false }, { "type": "image", "position": [ 845, 69, 146, 146 ], "completed": false }, { "type": "text", "position": [ 29, 246, 65, 20 ], "completed": false }, { "type": "text", "position": [ 197, 246, 65, 20 ], "completed": false }, { "type": "text", "position": [ 365, 246, 65, 20 ], "completed": false }, { "type": "text", "position": [ 533, 246, 65, 20 ], "completed": false }, { "type": "text", "position": [ 701, 246, 65, 20 ], "completed": false }, { "type": "text", "position": [ 869, 246, 65, 20 ], "completed": false }, { "type": "icon", "position": [ 13, 250, 12, 12 ], "completed": false }, { "type": "icon", "position": [ 181, 250, 12, 12 ], "completed": false }, { "type": "icon", "position": [ 349, 250, 12, 12 ], "completed": false }, { "type": "icon", "position": [ 517, 250, 12, 12 ], "completed": false }, { "type": "icon", "position": [ 685, 250, 12, 12 ], "completed": false }, { "type": "icon", "position": [ 853, 250, 12, 12 ], "completed": false }, { "type": "text", "position": [ 13, 266, 130, 20 ], "completed": false }, { "type": "text", "position": [ 181, 266, 130, 40 ], "completed": false }, { "type": "text", "position": [ 349, 266, 130, 40 ], "completed": false }, { "type": "text", "position": [ 517, 266, 130, 40 ], "completed": false }, { "type": "text", "position": [ 685, 266, 130, 20 ], "completed": false }, { "type": "text", "position": [ 853, 266, 130, 40 ], "completed": false }, { "type": "text", "position": [ 13, 310, 130, 18 ], "completed": false }, { "type": "text", "position": [ 181, 310, 130, 18 ], "completed": false }, { "type": "text", "position": [ 349, 310, 130, 18 ], "completed": false }, { "type": "text", "position": [ 517, 310, 130, 18 ], "completed": false }, { "type": "text", "position": [ 685, 310, 130, 18 ], "completed": false }, { "type": "text", "position": [ 853, 310, 130, 18 ], "completed": false } ] }, { "text": "#A page for introducing one service.# There should be one title and three texts. Each of the texts includes one text box and one button.", "region_id": "374", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | text undefined undefined ] | [ button undefined undefined | text undefined undefined ] | [ button undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 30 25 5 5 | button 100 25 5 5 | button 65 25 5 5 | complete image 8 21 32 14 | complete image 78 21 32 14 | complete image 43 21 32 14 | text 52 23 13 9 | text 17 23 13 9 | text 86 23 13 9 | title 6 13 107 4", "layout_seq_without_completion": "button 30 25 5 5 | button 100 25 5 5 | button 65 25 5 5 | image 8 21 32 14 | image 78 21 32 14 | image 43 21 32 14 | text 52 23 13 9 | text 17 23 13 9 | text 86 23 13 9 | title 6 13 107 4", "plain_layout_seq": "button 30 25 5 5 | button 100 25 5 5 | button 65 25 5 5 | image 8 21 32 14 | image 78 21 32 14 | image 43 21 32 14 | text 52 23 13 9 | text 17 23 13 9 | text 86 23 13 9 | title 6 13 107 4", "canvas_width": 1024, "canvas_height": 441, "elements": [ { "type": "title", "position": [ 55, 115, 914, 42 ], "completed": false }, { "type": "image", "position": [ 75, 182, 280, 124 ], "completed": true }, { "type": "image", "position": [ 372, 182, 280, 124 ], "completed": true }, { "type": "image", "position": [ 669, 182, 280, 124 ], "completed": true }, { "type": "text", "position": [ 146, 202, 117, 84 ], "completed": false }, { "type": "text", "position": [ 444, 202, 117, 84 ], "completed": false }, { "type": "text", "position": [ 741, 202, 117, 84 ], "completed": false }, { "type": "button", "position": [ 263, 221, 45, 45 ], "completed": false }, { "type": "button", "position": [ 560, 221, 45, 45 ], "completed": false }, { "type": "button", "position": [ 858, 221, 45, 45 ], "completed": false } ] }, { "text": "#A page for users to choose service of the web.#The page should have three groups and each group has an image and a title. Under each title, there is a brief description.", "region_id": "3143", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 14 9 21 2 | image 1 2 12 12 | title 14 1 21 7 ] | [ description 55 9 21 2 | image 42 2 12 12 | title 55 1 21 7 ] | [ description 96 9 21 2 | image 83 2 12 12 | title 96 1 21 7 ] \"", "layout_seq_without_completion": "\" [ description 14 9 21 2 | image 1 2 12 12 | title 14 1 21 7 ] | [ description 55 9 21 2 | image 42 2 12 12 | title 55 1 21 7 ] | [ description 96 9 21 2 | image 83 2 12 12 | title 96 1 21 7 ] \"", "plain_layout_seq": "description 14 9 21 2 | description 55 9 21 2 | description 96 9 21 2 | image 1 2 12 12 | image 42 2 12 12 | image 83 2 12 12 | title 14 1 21 7 | title 55 1 21 7 | title 96 1 21 7", "canvas_width": 960, "canvas_height": 126, "elements": [ { "type": "title", "position": [ 116, 12, 175, 56 ], "completed": false }, { "type": "title", "position": [ 443, 12, 175, 56 ], "completed": false }, { "type": "title", "position": [ 769, 12, 175, 56 ], "completed": false }, { "type": "image", "position": [ 13, 16, 96, 96 ], "completed": false }, { "type": "image", "position": [ 339, 16, 96, 96 ], "completed": false }, { "type": "image", "position": [ 666, 16, 96, 96 ], "completed": false }, { "type": "description", "position": [ 116, 77, 175, 23 ], "completed": false }, { "type": "description", "position": [ 443, 77, 175, 23 ], "completed": false }, { "type": "description", "position": [ 769, 77, 175, 23 ], "completed": false } ] }, { "text": "# This page provides information for the user. #This page is divided into four groups: Bilder, Audio, Formeln, and Begleitmaterial. Each group consists of an image and a name.", "region_id": "2545", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'bilder, audio, formeln, begleitmaterials'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 41 1 16 13 | image 61 1 16 13 | image 20 1 16 13 | image 82 1 16 13 | title 20 14 17 2 | title 41 14 17 2 | title 81 14 17 2 | title 61 14 17 2", "layout_seq_without_completion": "image 41 1 16 13 | image 61 1 16 13 | image 20 1 16 13 | image 82 1 16 13 | title 20 14 17 2 | title 41 14 17 2 | title 81 14 17 2 | title 61 14 17 2", "plain_layout_seq": "image 41 1 16 13 | image 61 1 16 13 | image 20 1 16 13 | image 82 1 16 13 | title 20 14 17 2 | title 41 14 17 2 | title 81 14 17 2 | title 61 14 17 2", "canvas_width": 1024, "canvas_height": 161, "elements": [ { "type": "image", "position": [ 178, 10, 145, 116 ], "completed": false }, { "type": "image", "position": [ 352, 10, 145, 116 ], "completed": false }, { "type": "image", "position": [ 526, 10, 145, 116 ], "completed": false }, { "type": "image", "position": [ 700, 10, 145, 116 ], "completed": false }, { "type": "title", "position": [ 176, 126, 150, 25 ], "completed": false }, { "type": "title", "position": [ 350, 126, 150, 25 ], "completed": false }, { "type": "title", "position": [ 524, 126, 150, 25 ], "completed": false }, { "type": "title", "position": [ 698, 126, 150, 25 ], "completed": false } ] }, { "text": "# A page for the user to follow the company on social platforms. # On the page, there should have a title \"FOLLOW ON US\", and six images showing the logo of the social app, such as Twitter, Facebook, and so on.", "region_id": "1785", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'follow on us'] ] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'Twitter, Facebook'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 11 1 95 3 | \" [ logo 38 7 5 5 ] | [ logo 46 7 5 5 ] | [ logo 53 7 5 5 ] | [ logo 61 7 5 5 ] | [ logo 68 7 5 5 ] | [ logo 76 7 5 5 ] \"", "layout_seq_without_completion": "title 11 1 95 3 | \" [ logo 38 7 5 5 ] | [ logo 46 7 5 5 ] | [ logo 53 7 5 5 ] | [ logo 61 7 5 5 ] | [ logo 68 7 5 5 ] | [ logo 76 7 5 5 ] \"", "plain_layout_seq": "logo 38 7 5 5 | logo 46 7 5 5 | logo 53 7 5 5 | logo 61 7 5 5 | logo 68 7 5 5 | logo 76 7 5 5 | title 11 1 95 3", "canvas_width": 1024, "canvas_height": 162, "elements": [ { "type": "title", "position": [ 102, 14, 819, 32 ], "completed": false }, { "type": "logo", "position": [ 330, 65, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 394, 65, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 458, 65, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 522, 65, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 586, 65, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 650, 65, 44, 44 ], "completed": false } ] }, { "text": "#A page for showing different kinds of products.# The page includes a title named \"FEATURED COLLECTION\" and fifteen lists of information showing products. Each list has an image, the name of the product, and the price.", "region_id": "7930", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [gp:InfoGroup [gattr:repeat '15'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 28 15 18 18 | image 94 15 18 18 | image 50 78 18 18 | image 94 78 18 18 | image 28 46 18 18 | image 94 46 18 18 | image 50 46 18 18 | image 6 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | image 6 46 18 18 | image 72 46 18 18 | image 6 78 18 18 | image 28 78 18 18 | image 72 78 18 18 | text 28 102 6 2 | text 50 102 6 2 | text 6 102 6 2 | text 94 102 6 2 | text 28 39 6 2 | text 50 71 6 2 | text 72 39 6 2 | text 94 71 6 2 | text 6 71 6 2 | text 28 71 6 2 | text 72 102 6 2 | text 6 39 6 2 | text 50 39 6 2 | text 94 39 6 2 | text 72 71 6 2 | title 28 96 18 4 | title 50 96 18 4 | title 72 96 18 4 | title 94 96 18 4 | title 28 65 18 4 | title 28 34 18 4 | title 6 65 18 4 | title 94 34 18 4 | title 72 34 18 4 | title 50 34 18 4 | title 94 65 18 4 | title 6 34 18 4 | title 50 65 18 4 | title 72 65 18 4 | title 6 96 18 4 | title 6 6 107 2", "layout_seq_without_completion": "image 28 15 18 18 | image 94 15 18 18 | image 50 78 18 18 | image 94 78 18 18 | image 28 46 18 18 | image 94 46 18 18 | image 50 46 18 18 | image 6 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | image 6 46 18 18 | image 72 46 18 18 | image 6 78 18 18 | image 28 78 18 18 | image 72 78 18 18 | text 28 102 6 2 | text 50 102 6 2 | text 6 102 6 2 | text 94 102 6 2 | text 28 39 6 2 | text 50 71 6 2 | text 72 39 6 2 | text 94 71 6 2 | text 6 71 6 2 | text 28 71 6 2 | text 72 102 6 2 | text 6 39 6 2 | text 50 39 6 2 | text 94 39 6 2 | text 72 71 6 2 | title 28 96 18 4 | title 50 96 18 4 | title 72 96 18 4 | title 94 96 18 4 | title 28 65 18 4 | title 28 34 18 4 | title 6 65 18 4 | title 94 34 18 4 | title 72 34 18 4 | title 50 34 18 4 | title 94 65 18 4 | title 6 34 18 4 | title 50 65 18 4 | title 72 65 18 4 | title 6 96 18 4 | title 6 6 107 2", "plain_layout_seq": "image 28 15 18 18 | image 94 15 18 18 | image 50 78 18 18 | image 94 78 18 18 | image 28 46 18 18 | image 94 46 18 18 | image 50 46 18 18 | image 6 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | image 6 46 18 18 | image 72 46 18 18 | image 6 78 18 18 | image 28 78 18 18 | image 72 78 18 18 | text 28 102 6 2 | text 50 102 6 2 | text 6 102 6 2 | text 94 102 6 2 | text 28 39 6 2 | text 50 71 6 2 | text 72 39 6 2 | text 94 71 6 2 | text 6 71 6 2 | text 28 71 6 2 | text 72 102 6 2 | text 6 39 6 2 | text 50 39 6 2 | text 94 39 6 2 | text 72 71 6 2 | title 28 96 18 4 | title 50 96 18 4 | title 72 96 18 4 | title 94 96 18 4 | title 28 65 18 4 | title 28 34 18 4 | title 6 65 18 4 | title 94 34 18 4 | title 72 34 18 4 | title 50 34 18 4 | title 94 65 18 4 | title 6 34 18 4 | title 50 65 18 4 | title 72 65 18 4 | title 6 96 18 4 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 934, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 244, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 433, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 621, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 810, 134, 159, 159 ], "completed": false }, { "type": "title", "position": [ 55, 292, 159, 41 ], "completed": false }, { "type": "title", "position": [ 244, 292, 159, 41 ], "completed": false }, { "type": "title", "position": [ 433, 292, 159, 41 ], "completed": false }, { "type": "title", "position": [ 621, 292, 159, 41 ], "completed": false }, { "type": "title", "position": [ 810, 292, 159, 41 ], "completed": false }, { "type": "text", "position": [ 55, 341, 52, 24 ], "completed": false }, { "type": "text", "position": [ 244, 341, 52, 24 ], "completed": false }, { "type": "text", "position": [ 433, 341, 52, 24 ], "completed": false }, { "type": "text", "position": [ 621, 341, 52, 24 ], "completed": false }, { "type": "text", "position": [ 810, 341, 52, 24 ], "completed": false }, { "type": "image", "position": [ 55, 400, 159, 159 ], "completed": false }, { "type": "image", "position": [ 244, 400, 159, 159 ], "completed": false }, { "type": "image", "position": [ 433, 400, 159, 159 ], "completed": false }, { "type": "image", "position": [ 621, 400, 159, 159 ], "completed": false }, { "type": "image", "position": [ 810, 400, 159, 159 ], "completed": false }, { "type": "title", "position": [ 55, 559, 159, 41 ], "completed": false }, { "type": "title", "position": [ 244, 559, 159, 41 ], "completed": false }, { "type": "title", "position": [ 433, 559, 159, 41 ], "completed": false }, { "type": "title", "position": [ 621, 559, 159, 41 ], "completed": false }, { "type": "title", "position": [ 810, 559, 159, 41 ], "completed": false }, { "type": "text", "position": [ 55, 608, 52, 24 ], "completed": false }, { "type": "text", "position": [ 244, 608, 52, 24 ], "completed": false }, { "type": "text", "position": [ 433, 608, 52, 24 ], "completed": false }, { "type": "text", "position": [ 621, 608, 52, 24 ], "completed": false }, { "type": "text", "position": [ 810, 608, 52, 24 ], "completed": false }, { "type": "image", "position": [ 55, 667, 159, 159 ], "completed": false }, { "type": "image", "position": [ 244, 667, 159, 159 ], "completed": false }, { "type": "image", "position": [ 433, 667, 159, 159 ], "completed": false }, { "type": "image", "position": [ 621, 667, 159, 159 ], "completed": false }, { "type": "image", "position": [ 810, 667, 159, 159 ], "completed": false }, { "type": "title", "position": [ 55, 826, 159, 41 ], "completed": false }, { "type": "title", "position": [ 244, 826, 159, 41 ], "completed": false }, { "type": "title", "position": [ 433, 826, 159, 41 ], "completed": false }, { "type": "title", "position": [ 621, 826, 159, 41 ], "completed": false }, { "type": "title", "position": [ 810, 826, 159, 41 ], "completed": false }, { "type": "text", "position": [ 55, 874, 52, 24 ], "completed": false }, { "type": "text", "position": [ 244, 874, 52, 24 ], "completed": false }, { "type": "text", "position": [ 433, 874, 52, 24 ], "completed": false }, { "type": "text", "position": [ 621, 874, 52, 24 ], "completed": false }, { "type": "text", "position": [ 810, 874, 52, 24 ], "completed": false } ] }, { "text": "#A page to provide guidance on different types of goods for the customers# There are six types of goods. Each contains the words \"view all\" placed between a picture and a title", "region_id": "6873", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image][el:text[attr:value'view all']] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 7 23 28 24 | complete image 2 0 38 52 | text 18 12 6 1 | title 8 3 26 9 ] | [ complete image 40 0 38 52 | image 45 23 28 24 | text 56 12 6 1 | title 46 3 26 9 ] | [ complete image 79 0 38 52 | image 84 23 28 24 | text 95 17 6 1 | title 85 3 26 14 ] | [ complete image 2 52 38 57 | image 7 71 28 19 | text 18 65 6 1 | title 8 56 26 9 ] | [ complete image 40 52 38 57 | image 45 71 28 34 | text 56 61 6 1 | title 46 56 26 5 ] | [ complete image 79 52 38 57 | image 84 71 28 24 | text 95 65 6 1 | title 85 56 26 9 ] \"", "layout_seq_without_completion": "\" [ image 7 23 28 24 | image 2 0 38 52 | text 18 12 6 1 | title 8 3 26 9 ] | [ image 40 0 38 52 | image 45 23 28 24 | text 56 12 6 1 | title 46 3 26 9 ] | [ image 79 0 38 52 | image 84 23 28 24 | text 95 17 6 1 | title 85 3 26 14 ] | [ image 2 52 38 57 | image 7 71 28 19 | text 18 65 6 1 | title 8 56 26 9 ] | [ image 40 52 38 57 | image 45 71 28 34 | text 56 61 6 1 | title 46 56 26 5 ] | [ image 79 52 38 57 | image 84 71 28 24 | text 95 65 6 1 | title 85 56 26 9 ] \"", "plain_layout_seq": "image 7 23 28 24 | image 2 0 38 52 | image 40 0 38 52 | image 45 23 28 24 | image 79 0 38 52 | image 84 23 28 24 | image 2 52 38 57 | image 7 71 28 19 | image 40 52 38 57 | image 45 71 28 34 | image 79 52 38 57 | image 84 71 28 24 | text 18 12 6 1 | text 56 12 6 1 | text 95 17 6 1 | text 18 65 6 1 | text 56 61 6 1 | text 95 65 6 1 | title 8 3 26 9 | title 46 3 26 9 | title 85 3 26 14 | title 8 56 26 9 | title 46 56 26 5 | title 85 56 26 9", "canvas_width": 1024, "canvas_height": 944, "elements": [ { "type": "image", "position": [ 20, 0, 328, 451 ], "completed": true }, { "type": "image", "position": [ 348, 0, 328, 451 ], "completed": true }, { "type": "image", "position": [ 676, 0, 328, 451 ], "completed": true }, { "type": "title", "position": [ 73, 27, 223, 82 ], "completed": false }, { "type": "title", "position": [ 401, 27, 223, 82 ], "completed": false }, { "type": "title", "position": [ 729, 27, 223, 120 ], "completed": false }, { "type": "text", "position": [ 157, 109, 55, 17 ], "completed": false }, { "type": "text", "position": [ 485, 109, 55, 17 ], "completed": false }, { "type": "text", "position": [ 813, 148, 55, 17 ], "completed": false }, { "type": "image", "position": [ 61, 198, 247, 212 ], "completed": false }, { "type": "image", "position": [ 389, 198, 247, 212 ], "completed": false }, { "type": "image", "position": [ 717, 198, 247, 210 ], "completed": false }, { "type": "image", "position": [ 20, 451, 328, 493 ], "completed": true }, { "type": "image", "position": [ 348, 451, 328, 493 ], "completed": true }, { "type": "image", "position": [ 676, 451, 328, 493 ], "completed": true }, { "type": "title", "position": [ 73, 478, 223, 82 ], "completed": false }, { "type": "title", "position": [ 401, 478, 223, 43 ], "completed": false }, { "type": "title", "position": [ 729, 478, 223, 82 ], "completed": false }, { "type": "text", "position": [ 485, 522, 55, 17 ], "completed": false }, { "type": "text", "position": [ 157, 560, 55, 17 ], "completed": false }, { "type": "text", "position": [ 813, 560, 55, 17 ], "completed": false }, { "type": "image", "position": [ 61, 610, 247, 165 ], "completed": false }, { "type": "image", "position": [ 389, 610, 247, 293 ], "completed": false }, { "type": "image", "position": [ 717, 610, 247, 207 ], "completed": false } ] }, { "text": "#A page for introducing people.# There should be six groups, each including a picture, a title, and a short introduction.", "region_id": "4021", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 13 3 45 5 | description 73 26 45 2 | description 13 15 45 2 | description 73 4 45 2 | description 13 26 45 2 | description 73 14 45 5 | image 1 0 9 9 | image 61 0 9 9 | image 61 22 9 9 | image 1 22 9 9 | image 1 10 9 9 | image 61 10 9 9 | title 13 1 45 2 | title 73 12 45 2 | title 13 13 45 2 | title 13 24 45 2 | title 73 2 45 2 | title 73 24 45 2", "layout_seq_without_completion": "description 13 3 45 5 | description 73 26 45 2 | description 13 15 45 2 | description 73 4 45 2 | description 13 26 45 2 | description 73 14 45 5 | image 1 0 9 9 | image 61 0 9 9 | image 61 22 9 9 | image 1 22 9 9 | image 1 10 9 9 | image 61 10 9 9 | title 13 1 45 2 | title 73 12 45 2 | title 13 13 45 2 | title 13 24 45 2 | title 73 2 45 2 | title 73 24 45 2", "plain_layout_seq": "description 13 3 45 5 | description 73 26 45 2 | description 13 15 45 2 | description 73 4 45 2 | description 13 26 45 2 | description 73 14 45 5 | image 1 0 9 9 | image 61 0 9 9 | image 61 22 9 9 | image 1 22 9 9 | image 1 10 9 9 | image 61 10 9 9 | title 13 1 45 2 | title 73 12 45 2 | title 13 13 45 2 | title 13 24 45 2 | title 73 2 45 2 | title 73 24 45 2", "canvas_width": 996, "canvas_height": 275, "elements": [ { "type": "image", "position": [ 12, 0, 76, 76 ], "completed": false }, { "type": "image", "position": [ 510, 0, 76, 76 ], "completed": false }, { "type": "title", "position": [ 112, 10, 374, 20 ], "completed": false }, { "type": "title", "position": [ 610, 21, 374, 20 ], "completed": false }, { "type": "description", "position": [ 112, 30, 374, 43 ], "completed": false }, { "type": "description", "position": [ 610, 41, 374, 22 ], "completed": false }, { "type": "image", "position": [ 12, 91, 76, 76 ], "completed": false }, { "type": "image", "position": [ 510, 91, 76, 76 ], "completed": false }, { "type": "title", "position": [ 610, 101, 374, 20 ], "completed": false }, { "type": "title", "position": [ 112, 112, 374, 20 ], "completed": false }, { "type": "description", "position": [ 610, 121, 374, 43 ], "completed": false }, { "type": "description", "position": [ 112, 132, 374, 22 ], "completed": false }, { "type": "image", "position": [ 12, 183, 76, 76 ], "completed": false }, { "type": "image", "position": [ 510, 183, 76, 76 ], "completed": false }, { "type": "title", "position": [ 112, 204, 374, 20 ], "completed": false }, { "type": "title", "position": [ 610, 204, 374, 20 ], "completed": false }, { "type": "description", "position": [ 112, 224, 374, 22 ], "completed": false }, { "type": "description", "position": [ 610, 224, 374, 22 ], "completed": false } ] }, { "text": "# A page showing hot printer products in an online shop. # The page should have a title named \"TOP SELLING ITEMS\" followed by four groups of items. Each item, there should include an image, price information and name of the product.", "region_id": "7709", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'TOP SELLING ITEMS'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 31 20 26 26 | image 92 20 26 26 | image 62 20 26 26 | complete link 61 9 56 3 | text 61 51 19 2 | text 31 50 18 5 | complete text 63 22 5 2 | text 61 56 6 2 | complete text 111 22 6 2 | complete text 33 22 5 2 | text 31 59 10 2 | title 1 9 56 2 | \" [ complete button 57 72 2 0 ] | [ complete button 60 72 0 0 ] | [ complete button 62 72 0 0 ] \" | \" [ image 1 20 26 26 | text 1 50 26 2 | text 1 56 9 2 ] | [ text 92 50 22 2 | text 92 56 10 2 | text 103 56 8 1 ] \"", "layout_seq_without_completion": "image 31 20 26 26 | image 92 20 26 26 | image 62 20 26 26 | link 61 9 56 3 | text 61 51 19 2 | text 31 50 18 5 | text 63 22 5 2 | text 61 56 6 2 | text 111 22 6 2 | text 33 22 5 2 | text 31 59 10 2 | title 1 9 56 2 | \" [ button 57 72 2 0 ] | [ button 60 72 0 0 ] | [ button 62 72 0 0 ] \" | \" [ image 1 20 26 26 | text 1 50 26 2 | text 1 56 9 2 ] | [ text 92 50 22 2 | text 92 56 10 2 | text 103 56 8 1 ] \"", "plain_layout_seq": "button 57 72 2 0 | button 60 72 0 0 | button 62 72 0 0 | image 31 20 26 26 | image 92 20 26 26 | image 62 20 26 26 | image 1 20 26 26 | link 61 9 56 3 | text 61 51 19 2 | text 31 50 18 5 | text 63 22 5 2 | text 61 56 6 2 | text 111 22 6 2 | text 33 22 5 2 | text 31 59 10 2 | text 1 50 26 2 | text 1 56 9 2 | text 92 50 22 2 | text 92 56 10 2 | text 103 56 8 1 | title 1 9 56 2", "canvas_width": 1009, "canvas_height": 704, "elements": [ { "type": "title", "position": [ 15, 80, 475, 22 ], "completed": false }, { "type": "link", "position": [ 520, 80, 475, 33 ], "completed": true }, { "type": "image", "position": [ 16, 173, 221, 221 ], "completed": false }, { "type": "image", "position": [ 269, 173, 221, 221 ], "completed": false }, { "type": "image", "position": [ 522, 173, 221, 226 ], "completed": false }, { "type": "image", "position": [ 775, 173, 221, 221 ], "completed": false }, { "type": "text", "position": [ 284, 193, 45, 22 ], "completed": true }, { "type": "text", "position": [ 537, 193, 45, 22 ], "completed": true }, { "type": "text", "position": [ 939, 193, 57, 23 ], "completed": true }, { "type": "text", "position": [ 15, 428, 221, 18 ], "completed": false }, { "type": "text", "position": [ 268, 428, 153, 43 ], "completed": false }, { "type": "text", "position": [ 774, 428, 187, 18 ], "completed": false }, { "type": "text", "position": [ 521, 433, 168, 18 ], "completed": false }, { "type": "text", "position": [ 15, 472, 83, 18 ], "completed": false }, { "type": "text", "position": [ 774, 472, 85, 18 ], "completed": false }, { "type": "text", "position": [ 869, 475, 69, 14 ], "completed": false }, { "type": "text", "position": [ 521, 478, 52, 18 ], "completed": false }, { "type": "text", "position": [ 268, 497, 87, 18 ], "completed": false }, { "type": "button", "position": [ 480, 612, 24, 5 ], "completed": true }, { "type": "button", "position": [ 512, 612, 5, 5 ], "completed": true }, { "type": "button", "position": [ 524, 612, 5, 5 ], "completed": true } ] }, { "text": "#A page for showing the products.#The page should have a title and there are eight groups and each group has an image and a title. Also, there is a description of the price and the reviews. The description of \"sale\" is on each image.", "region_id": "6901", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:description] [el:text] [el:text [attr:value 'sale']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 51 103 16 4 | title 4 0 110 3 | \" [ text 13 49 4 1 | text 25 9 4 3 | text 7 49 4 1 | text 19 49 8 1 | text 4 51 25 2 | title 4 42 25 6 ] | [ text 54 9 4 3 | text 41 47 4 1 | text 36 47 4 1 | text 47 47 8 1 | text 33 49 25 1 | title 33 42 25 4 ] | [ text 64 47 4 1 | text 70 47 4 1 | text 75 47 8 1 | text 61 49 25 1 | text 82 9 4 3 | title 61 42 25 4 ] | [ text 98 47 4 1 | text 110 9 4 3 | text 92 47 4 1 | text 104 47 8 1 | text 89 49 25 1 | title 89 42 25 4 ] | [ text 13 93 4 1 | text 25 57 4 3 | text 7 93 4 1 | text 19 93 8 1 | text 4 95 25 2 | title 4 91 25 2 ] | [ text 36 95 4 1 | text 33 97 25 2 | text 54 57 4 3 | text 41 95 4 1 | text 47 95 8 1 | title 33 91 25 4 ] | [ text 82 57 4 3 | text 70 95 4 1 | text 75 95 8 1 | text 61 97 25 2 | text 64 95 4 1 | title 61 91 25 4 ] | [ text 110 57 4 3 | text 92 95 4 1 | text 98 95 4 1 | text 104 95 8 1 | text 89 97 25 2 | title 89 91 25 4 ] \"", "layout_seq_without_completion": "button 51 103 16 4 | title 4 0 110 3 | \" [ text 13 49 4 1 | text 25 9 4 3 | text 7 49 4 1 | text 19 49 8 1 | text 4 51 25 2 | title 4 42 25 6 ] | [ text 54 9 4 3 | text 41 47 4 1 | text 36 47 4 1 | text 47 47 8 1 | text 33 49 25 1 | title 33 42 25 4 ] | [ text 64 47 4 1 | text 70 47 4 1 | text 75 47 8 1 | text 61 49 25 1 | text 82 9 4 3 | title 61 42 25 4 ] | [ text 98 47 4 1 | text 110 9 4 3 | text 92 47 4 1 | text 104 47 8 1 | text 89 49 25 1 | title 89 42 25 4 ] | [ text 13 93 4 1 | text 25 57 4 3 | text 7 93 4 1 | text 19 93 8 1 | text 4 95 25 2 | title 4 91 25 2 ] | [ text 36 95 4 1 | text 33 97 25 2 | text 54 57 4 3 | text 41 95 4 1 | text 47 95 8 1 | title 33 91 25 4 ] | [ text 82 57 4 3 | text 70 95 4 1 | text 75 95 8 1 | text 61 97 25 2 | text 64 95 4 1 | title 61 91 25 4 ] | [ text 110 57 4 3 | text 92 95 4 1 | text 98 95 4 1 | text 104 95 8 1 | text 89 97 25 2 | title 89 91 25 4 ] \"", "plain_layout_seq": "button 51 103 16 4 | text 13 49 4 1 | text 25 9 4 3 | text 7 49 4 1 | text 19 49 8 1 | text 4 51 25 2 | text 54 9 4 3 | text 41 47 4 1 | text 36 47 4 1 | text 47 47 8 1 | text 33 49 25 1 | text 64 47 4 1 | text 70 47 4 1 | text 75 47 8 1 | text 61 49 25 1 | text 82 9 4 3 | text 98 47 4 1 | text 110 9 4 3 | text 92 47 4 1 | text 104 47 8 1 | text 89 49 25 1 | text 13 93 4 1 | text 25 57 4 3 | text 7 93 4 1 | text 19 93 8 1 | text 4 95 25 2 | text 36 95 4 1 | text 33 97 25 2 | text 54 57 4 3 | text 41 95 4 1 | text 47 95 8 1 | text 82 57 4 3 | text 70 95 4 1 | text 75 95 8 1 | text 61 97 25 2 | text 64 95 4 1 | text 110 57 4 3 | text 92 95 4 1 | text 98 95 4 1 | text 104 95 8 1 | text 89 97 25 2 | title 4 0 110 3 | title 4 42 25 6 | title 33 42 25 4 | title 61 42 25 4 | title 89 42 25 4 | title 4 91 25 2 | title 33 91 25 4 | title 61 91 25 4 | title 89 91 25 4", "canvas_width": 1024, "canvas_height": 927, "elements": [ { "type": "title", "position": [ 40, 0, 944, 32 ], "completed": false }, { "type": "text", "position": [ 220, 78, 40, 26 ], "completed": false }, { "type": "text", "position": [ 462, 78, 40, 26 ], "completed": false }, { "type": "text", "position": [ 703, 78, 40, 26 ], "completed": false }, { "type": "text", "position": [ 945, 78, 40, 26 ], "completed": false }, { "type": "title", "position": [ 40, 366, 220, 52 ], "completed": false }, { "type": "title", "position": [ 282, 366, 220, 35 ], "completed": false }, { "type": "title", "position": [ 523, 366, 220, 35 ], "completed": false }, { "type": "title", "position": [ 764, 366, 220, 35 ], "completed": false }, { "type": "text", "position": [ 308, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 356, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 405, 404, 70, 16 ], "completed": false }, { "type": "text", "position": [ 549, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 598, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 646, 404, 70, 16 ], "completed": false }, { "type": "text", "position": [ 791, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 839, 404, 40, 16 ], "completed": false }, { "type": "text", "position": [ 888, 404, 70, 16 ], "completed": false }, { "type": "text", "position": [ 282, 420, 220, 17 ], "completed": false }, { "type": "text", "position": [ 523, 420, 220, 17 ], "completed": false }, { "type": "text", "position": [ 764, 420, 220, 17 ], "completed": false }, { "type": "text", "position": [ 66, 421, 40, 16 ], "completed": false }, { "type": "text", "position": [ 115, 421, 40, 16 ], "completed": false }, { "type": "text", "position": [ 163, 421, 70, 16 ], "completed": false }, { "type": "text", "position": [ 40, 436, 220, 18 ], "completed": false }, { "type": "text", "position": [ 220, 489, 40, 26 ], "completed": false }, { "type": "text", "position": [ 462, 489, 40, 26 ], "completed": false }, { "type": "text", "position": [ 703, 489, 40, 26 ], "completed": false }, { "type": "text", "position": [ 945, 489, 40, 26 ], "completed": false }, { "type": "title", "position": [ 40, 777, 220, 18 ], "completed": false }, { "type": "title", "position": [ 282, 777, 220, 35 ], "completed": false }, { "type": "title", "position": [ 523, 777, 220, 35 ], "completed": false }, { "type": "title", "position": [ 764, 777, 220, 35 ], "completed": false }, { "type": "text", "position": [ 66, 799, 40, 16 ], "completed": false }, { "type": "text", "position": [ 115, 799, 40, 16 ], "completed": false }, { "type": "text", "position": [ 163, 799, 70, 16 ], "completed": false }, { "type": "text", "position": [ 40, 814, 220, 18 ], "completed": false }, { "type": "text", "position": [ 308, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 356, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 405, 816, 70, 16 ], "completed": false }, { "type": "text", "position": [ 549, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 598, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 646, 816, 70, 16 ], "completed": false }, { "type": "text", "position": [ 791, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 839, 816, 40, 16 ], "completed": false }, { "type": "text", "position": [ 888, 816, 70, 16 ], "completed": false }, { "type": "text", "position": [ 282, 831, 220, 18 ], "completed": false }, { "type": "text", "position": [ 523, 831, 220, 18 ], "completed": false }, { "type": "text", "position": [ 764, 831, 220, 18 ], "completed": false }, { "type": "button", "position": [ 443, 884, 138, 42 ], "completed": true } ] }, { "text": "#A page showing the labels of six associations.# There are six groups, each has a logo, six links, and a button to see all teams.", "region_id": "1202", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] [el:link [attr:repeat '6'] ] [el:button [attr:value'see all teams'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] | [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] | [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] | [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] | [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] | [ button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "\" [ button 1 43 17 3 | link 2 33 8 2 | link 2 37 8 2 | link 2 18 7 2 | link 2 22 15 2 | link 2 26 5 2 | link 2 29 15 2 | logo 6 4 7 7 ] | [ button 21 43 17 3 | link 25 18 7 2 | link 25 22 9 2 | link 25 29 5 2 | link 25 33 5 2 | link 25 26 5 2 | link 25 37 8 2 | logo 26 4 7 7 ] | [ button 41 43 17 3 | link 45 33 9 2 | link 45 37 5 2 | link 45 18 8 2 | link 45 22 8 2 | link 45 26 7 2 | link 45 29 7 2 | logo 46 4 7 7 ] | [ button 61 43 17 3 | link 65 18 6 2 | link 65 26 9 2 | link 65 29 5 2 | link 65 22 5 2 | link 65 33 7 2 | link 65 37 5 2 | logo 66 4 7 7 ] | [ button 81 43 17 3 | link 85 29 8 2 | link 85 33 6 2 | link 85 37 9 2 | link 85 18 8 2 | link 85 22 7 2 | link 85 26 9 2 | logo 86 4 7 7 ] | [ button 101 43 17 3 | link 100 26 10 2 | link 100 29 12 2 | link 100 18 10 2 | link 100 22 18 2 | link 100 33 9 2 | link 100 37 18 2 | logo 106 4 7 7 ] \"", "layout_seq_without_completion": "\" [ button 1 43 17 3 | link 2 33 8 2 | link 2 37 8 2 | link 2 18 7 2 | link 2 22 15 2 | link 2 26 5 2 | link 2 29 15 2 | logo 6 4 7 7 ] | [ button 21 43 17 3 | link 25 18 7 2 | link 25 22 9 2 | link 25 29 5 2 | link 25 33 5 2 | link 25 26 5 2 | link 25 37 8 2 | logo 26 4 7 7 ] | [ button 41 43 17 3 | link 45 33 9 2 | link 45 37 5 2 | link 45 18 8 2 | link 45 22 8 2 | link 45 26 7 2 | link 45 29 7 2 | logo 46 4 7 7 ] | [ button 61 43 17 3 | link 65 18 6 2 | link 65 26 9 2 | link 65 29 5 2 | link 65 22 5 2 | link 65 33 7 2 | link 65 37 5 2 | logo 66 4 7 7 ] | [ button 81 43 17 3 | link 85 29 8 2 | link 85 33 6 2 | link 85 37 9 2 | link 85 18 8 2 | link 85 22 7 2 | link 85 26 9 2 | logo 86 4 7 7 ] | [ button 101 43 17 3 | link 100 26 10 2 | link 100 29 12 2 | link 100 18 10 2 | link 100 22 18 2 | link 100 33 9 2 | link 100 37 18 2 | logo 106 4 7 7 ] \"", "plain_layout_seq": "button 1 43 17 3 | button 21 43 17 3 | button 41 43 17 3 | button 61 43 17 3 | button 81 43 17 3 | button 101 43 17 3 | link 2 33 8 2 | link 2 37 8 2 | link 2 18 7 2 | link 2 22 15 2 | link 2 26 5 2 | link 2 29 15 2 | link 25 18 7 2 | link 25 22 9 2 | link 25 29 5 2 | link 25 33 5 2 | link 25 26 5 2 | link 25 37 8 2 | link 45 33 9 2 | link 45 37 5 2 | link 45 18 8 2 | link 45 22 8 2 | link 45 26 7 2 | link 45 29 7 2 | link 65 18 6 2 | link 65 26 9 2 | link 65 29 5 2 | link 65 22 5 2 | link 65 33 7 2 | link 65 37 5 2 | link 85 29 8 2 | link 85 33 6 2 | link 85 37 9 2 | link 85 18 8 2 | link 85 22 7 2 | link 85 26 9 2 | link 100 26 10 2 | link 100 29 12 2 | link 100 18 10 2 | link 100 22 18 2 | link 100 33 9 2 | link 100 37 18 2 | logo 6 4 7 7 | logo 26 4 7 7 | logo 46 4 7 7 | logo 66 4 7 7 | logo 86 4 7 7 | logo 106 4 7 7", "canvas_width": 1024, "canvas_height": 428, "elements": [ { "type": "logo", "position": [ 53, 40, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 224, 40, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 395, 40, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 565, 40, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 736, 40, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 907, 40, 64, 64 ], "completed": false }, { "type": "link", "position": [ 20, 156, 62, 21 ], "completed": false }, { "type": "link", "position": [ 217, 156, 66, 21 ], "completed": false }, { "type": "link", "position": [ 384, 156, 76, 21 ], "completed": false }, { "type": "link", "position": [ 557, 156, 59, 21 ], "completed": false }, { "type": "link", "position": [ 726, 156, 72, 21 ], "completed": false }, { "type": "link", "position": [ 858, 156, 91, 21 ], "completed": false }, { "type": "link", "position": [ 20, 189, 130, 21 ], "completed": false }, { "type": "link", "position": [ 217, 189, 78, 21 ], "completed": false }, { "type": "link", "position": [ 384, 189, 69, 21 ], "completed": false }, { "type": "link", "position": [ 557, 189, 51, 21 ], "completed": false }, { "type": "link", "position": [ 726, 189, 60, 21 ], "completed": false }, { "type": "link", "position": [ 858, 189, 155, 21 ], "completed": false }, { "type": "link", "position": [ 20, 222, 47, 21 ], "completed": false }, { "type": "link", "position": [ 217, 222, 50, 21 ], "completed": false }, { "type": "link", "position": [ 384, 222, 60, 21 ], "completed": false }, { "type": "link", "position": [ 557, 222, 80, 21 ], "completed": false }, { "type": "link", "position": [ 726, 222, 79, 21 ], "completed": false }, { "type": "link", "position": [ 858, 222, 89, 21 ], "completed": false }, { "type": "link", "position": [ 20, 255, 128, 21 ], "completed": false }, { "type": "link", "position": [ 217, 255, 48, 21 ], "completed": false }, { "type": "link", "position": [ 384, 255, 67, 21 ], "completed": false }, { "type": "link", "position": [ 557, 255, 50, 21 ], "completed": false }, { "type": "link", "position": [ 726, 255, 72, 21 ], "completed": false }, { "type": "link", "position": [ 858, 255, 108, 21 ], "completed": false }, { "type": "link", "position": [ 20, 288, 71, 21 ], "completed": false }, { "type": "link", "position": [ 217, 288, 45, 21 ], "completed": false }, { "type": "link", "position": [ 384, 288, 85, 21 ], "completed": false }, { "type": "link", "position": [ 557, 288, 62, 21 ], "completed": false }, { "type": "link", "position": [ 726, 288, 55, 21 ], "completed": false }, { "type": "link", "position": [ 858, 288, 83, 21 ], "completed": false }, { "type": "link", "position": [ 20, 321, 74, 21 ], "completed": false }, { "type": "link", "position": [ 217, 321, 72, 21 ], "completed": false }, { "type": "link", "position": [ 384, 321, 46, 21 ], "completed": false }, { "type": "link", "position": [ 557, 321, 44, 21 ], "completed": false }, { "type": "link", "position": [ 726, 321, 85, 21 ], "completed": false }, { "type": "link", "position": [ 858, 321, 162, 21 ], "completed": false }, { "type": "button", "position": [ 10, 370, 150, 33 ], "completed": false }, { "type": "button", "position": [ 181, 370, 150, 33 ], "completed": false }, { "type": "button", "position": [ 352, 370, 150, 33 ], "completed": false }, { "type": "button", "position": [ 522, 370, 150, 33 ], "completed": false }, { "type": "button", "position": [ 693, 370, 150, 33 ], "completed": false }, { "type": "button", "position": [ 864, 370, 150, 33 ], "completed": false } ] }, { "text": "#A page for introducing the reasons to choose Sleepyhead.# The page should have a title, a logo of Sleepyhead, and 4 groups while each group has an image, a title, and a short description to introduce the pros of Sleephead.", "region_id": "3585", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:logo] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : logo undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 94 37 17 5 | description 38 33 16 3 | description 75 33 16 5 | description 57 37 16 1 | image 75 18 5 8 | image 38 18 5 8 | image 57 18 5 8 | image 94 18 5 8 | logo 8 17 27 15 | title 57 29 16 6 | title 75 29 16 3 | title 8 7 103 5 | title 38 29 16 3 | title 94 29 17 6", "layout_seq_without_completion": "description 94 37 17 5 | description 38 33 16 3 | description 75 33 16 5 | description 57 37 16 1 | image 75 18 5 8 | image 38 18 5 8 | image 57 18 5 8 | image 94 18 5 8 | logo 8 17 27 15 | title 57 29 16 6 | title 75 29 16 3 | title 8 7 103 5 | title 38 29 16 3 | title 94 29 17 6", "plain_layout_seq": "description 94 37 17 5 | description 38 33 16 3 | description 75 33 16 5 | description 57 37 16 1 | image 75 18 5 8 | image 38 18 5 8 | image 57 18 5 8 | image 94 18 5 8 | logo 8 17 27 15 | title 57 29 16 6 | title 75 29 16 3 | title 8 7 103 5 | title 38 29 16 3 | title 94 29 17 6", "canvas_width": 1024, "canvas_height": 431, "elements": [ { "type": "title", "position": [ 72, 60, 881, 47 ], "completed": false }, { "type": "logo", "position": [ 72, 152, 237, 131 ], "completed": false }, { "type": "image", "position": [ 328, 157, 50, 70 ], "completed": false }, { "type": "image", "position": [ 487, 157, 50, 70 ], "completed": false }, { "type": "image", "position": [ 645, 157, 50, 70 ], "completed": false }, { "type": "image", "position": [ 804, 157, 50, 70 ], "completed": false }, { "type": "title", "position": [ 328, 252, 139, 27 ], "completed": false }, { "type": "title", "position": [ 487, 252, 139, 54 ], "completed": false }, { "type": "title", "position": [ 645, 252, 139, 27 ], "completed": false }, { "type": "title", "position": [ 804, 252, 149, 54 ], "completed": false }, { "type": "description", "position": [ 328, 289, 139, 30 ], "completed": false }, { "type": "description", "position": [ 645, 289, 139, 45 ], "completed": false }, { "type": "description", "position": [ 487, 316, 139, 15 ], "completed": false }, { "type": "description", "position": [ 804, 316, 149, 45 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have five groups. There is a background image and a description of news the group on the left side. There is a background image, a title \" news\" and a description in the left four groups.", "region_id": "3382", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image [attr:position 'left'] ] [el:description [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title [attr:value 'news'] ] [el:description ] ] ] ]", "execution": "multiinfo : background left undefined | description left undefined | { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 0 0 59 36 | description 0 25 59 11 | \" [ background 60 0 29 17 | description 61 12 23 4 | title 61 8 5 2 ] | [ background 90 0 29 17 | description 91 12 25 4 | title 91 8 5 2 ] | [ background 60 18 29 17 | description 61 31 26 4 | title 61 27 5 2 ] | [ background 90 18 29 17 | description 91 31 25 3 | title 91 27 5 2 ] \"", "layout_seq_without_completion": "background 0 0 59 36 | description 0 25 59 11 | \" [ background 60 0 29 17 | description 61 12 23 4 | title 61 8 5 2 ] | [ background 90 0 29 17 | description 91 12 25 4 | title 91 8 5 2 ] | [ background 60 18 29 17 | description 61 31 26 4 | title 61 27 5 2 ] | [ background 90 18 29 17 | description 91 31 25 3 | title 91 27 5 2 ] \"", "plain_layout_seq": "background 0 0 59 36 | background 60 0 29 17 | background 90 0 29 17 | background 60 18 29 17 | background 90 18 29 17 | description 0 25 59 11 | description 61 12 23 4 | description 91 12 25 4 | description 61 31 26 4 | description 91 31 25 3 | title 61 8 5 2 | title 91 8 5 2 | title 61 27 5 2 | title 91 27 5 2", "canvas_width": 994, "canvas_height": 327, "elements": [ { "type": "background", "position": [ 4, 0, 489, 306 ], "completed": false }, { "type": "background", "position": [ 501, 0, 241, 149 ], "completed": false }, { "type": "background", "position": [ 749, 0, 241, 149 ], "completed": false }, { "type": "title", "position": [ 511, 73, 47, 19 ], "completed": false }, { "type": "title", "position": [ 759, 73, 47, 19 ], "completed": false }, { "type": "description", "position": [ 511, 104, 196, 35 ], "completed": false }, { "type": "description", "position": [ 759, 104, 215, 35 ], "completed": false }, { "type": "background", "position": [ 501, 157, 241, 149 ], "completed": false }, { "type": "background", "position": [ 749, 157, 241, 149 ], "completed": false }, { "type": "description", "position": [ 4, 208, 489, 98 ], "completed": false }, { "type": "title", "position": [ 511, 231, 47, 19 ], "completed": false }, { "type": "title", "position": [ 759, 231, 47, 19 ], "completed": false }, { "type": "description", "position": [ 511, 261, 216, 35 ], "completed": false }, { "type": "description", "position": [ 759, 261, 208, 33 ], "completed": false } ] }, { "text": "#A page showing the information of the GPL website on the web.#The page should have two groups of images. And each of them should have one title and one picture to introduce the information.", "region_id": "6243", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 13 56 34 | image 2 13 53 49 | title 2 8 9 2 | title 61 8 4 2 | complete title 1 1 117 3", "layout_seq_without_completion": "image 61 13 56 34 | image 2 13 53 49 | title 2 8 9 2 | title 61 8 4 2 | title 1 1 117 3", "plain_layout_seq": "image 61 13 56 34 | image 2 13 53 49 | title 2 8 9 2 | title 61 8 4 2 | title 1 1 117 3", "canvas_width": 1024, "canvas_height": 578, "elements": [ { "type": "title", "position": [ 10, 10, 1004, 32 ], "completed": true }, { "type": "title", "position": [ 20, 75, 81, 19 ], "completed": false }, { "type": "title", "position": [ 522, 75, 39, 19 ], "completed": false }, { "type": "image", "position": [ 20, 112, 458, 423 ], "completed": false }, { "type": "image", "position": [ 522, 112, 482, 297 ], "completed": false } ] }, { "text": "# A page for marketing a shop.# The page should have two groups with each having an image with a title and a button \"SHOP NOW\" on it. So the user can click the button to enter the shop to buy products.", "region_id": "8218", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 3 9 56 38 | button 22 37 19 4 | title 13 28 36 7 ] | [ background 63 9 56 38 | button 82 37 19 4 | title 73 31 36 3 ] \"", "layout_seq_without_completion": "\" [ background 3 9 56 38 | button 22 37 19 4 | title 13 28 36 7 ] | [ background 63 9 56 38 | button 82 37 19 4 | title 73 31 36 3 ] \"", "plain_layout_seq": "background 3 9 56 38 | background 63 9 56 38 | button 22 37 19 4 | button 82 37 19 4 | title 13 28 36 7 | title 73 31 36 3", "canvas_width": 994, "canvas_height": 445, "elements": [ { "type": "background", "position": [ 30, 80, 467, 320 ], "completed": false }, { "type": "background", "position": [ 527, 80, 467, 320 ], "completed": false }, { "type": "title", "position": [ 114, 232, 300, 62 ], "completed": false }, { "type": "title", "position": [ 610, 263, 300, 31 ], "completed": false }, { "type": "button", "position": [ 184, 309, 160, 40 ], "completed": false }, { "type": "button", "position": [ 680, 309, 160, 39 ], "completed": false } ] }, { "text": "# A page to introduce the strengths of a product. # There should include a title \"Why Choose ViaBTC\" and three groups of information sets: \"Brand Strength\" \"Security & Stability\" and \"Leading Revenue\" with each including an image, a title, and a further description to introduce its advantage.", "region_id": "3218", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Why Choose ViaBTC'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Brand Strength, Security & Stability, Leading Revenue'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 40 9 40 5 | \" [ description 2 58 32 2 | description 2 63 32 2 | description 2 61 32 2 | description 2 66 32 4 | complete image 0 23 36 48 | image 9 27 18 18 | title 2 53 32 2 ] | [ description 47 58 32 2 | description 47 61 32 4 | description 47 65 32 2 | complete image 45 23 36 48 | image 54 27 18 18 | title 47 53 32 2 ] | [ description 92 58 27 2 | description 92 61 27 2 | complete image 90 23 29 48 | image 99 27 18 18 | title 92 53 27 2 ] \"", "layout_seq_without_completion": "title 40 9 40 5 | \" [ description 2 58 32 2 | description 2 63 32 2 | description 2 61 32 2 | description 2 66 32 4 | image 0 23 36 48 | image 9 27 18 18 | title 2 53 32 2 ] | [ description 47 58 32 2 | description 47 61 32 4 | description 47 65 32 2 | image 45 23 36 48 | image 54 27 18 18 | title 47 53 32 2 ] | [ description 92 58 27 2 | description 92 61 27 2 | image 90 23 29 48 | image 99 27 18 18 | title 92 53 27 2 ] \"", "plain_layout_seq": "description 2 58 32 2 | description 2 63 32 2 | description 2 61 32 2 | description 2 66 32 4 | description 47 58 32 2 | description 47 61 32 4 | description 47 65 32 2 | description 92 58 27 2 | description 92 61 27 2 | image 0 23 36 48 | image 9 27 18 18 | image 45 23 36 48 | image 54 27 18 18 | image 90 23 29 48 | image 99 27 18 18 | title 40 9 40 5 | title 2 53 32 2 | title 47 53 32 2 | title 92 53 27 2", "canvas_width": 1185, "canvas_height": 792, "elements": [ { "type": "title", "position": [ 399, 96, 402, 56 ], "completed": false }, { "type": "image", "position": [ 0, 232, 360, 480 ], "completed": true }, { "type": "image", "position": [ 445, 232, 360, 480 ], "completed": true }, { "type": "image", "position": [ 890, 232, 295, 480 ], "completed": true }, { "type": "image", "position": [ 90, 272, 180, 180 ], "completed": false }, { "type": "image", "position": [ 535, 272, 180, 180 ], "completed": false }, { "type": "image", "position": [ 980, 272, 180, 180 ], "completed": false }, { "type": "title", "position": [ 20, 532, 320, 28 ], "completed": false }, { "type": "title", "position": [ 465, 532, 320, 28 ], "completed": false }, { "type": "title", "position": [ 910, 532, 275, 28 ], "completed": false }, { "type": "description", "position": [ 20, 580, 320, 20 ], "completed": false }, { "type": "description", "position": [ 465, 580, 320, 20 ], "completed": false }, { "type": "description", "position": [ 910, 580, 275, 20 ], "completed": false }, { "type": "description", "position": [ 20, 604, 320, 20 ], "completed": false }, { "type": "description", "position": [ 465, 604, 320, 40 ], "completed": false }, { "type": "description", "position": [ 910, 604, 275, 20 ], "completed": false }, { "type": "description", "position": [ 20, 628, 320, 20 ], "completed": false }, { "type": "description", "position": [ 465, 648, 320, 20 ], "completed": false }, { "type": "description", "position": [ 20, 652, 320, 40 ], "completed": false } ] }, { "text": "# A page for marketing the quiz software. # There should have four groups: \"Auto-grading\" \"Powerful reports\" \"Schedule your tests\" and \"Public and private tests\".", "region_id": "5460", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Auto-grading, Powerful reports, Schedule your tests, Public and private tests'] [item [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "\" [ text 20 11 17 2 ] | [ text 41 11 17 2 ] | [ text 61 11 17 4 ] | [ text 82 11 17 4 ] \"", "layout_seq_without_completion": "\" [ text 20 11 17 2 ] | [ text 41 11 17 2 ] | [ text 61 11 17 4 ] | [ text 82 11 17 4 ] \"", "plain_layout_seq": "text 20 11 17 2 | text 41 11 17 2 | text 61 11 17 4 | text 82 11 17 4", "canvas_width": 970, "canvas_height": 136, "elements": [ { "type": "text", "position": [ 164, 89, 138, 19 ], "completed": false }, { "type": "text", "position": [ 332, 89, 138, 19 ], "completed": false }, { "type": "text", "position": [ 500, 89, 138, 37 ], "completed": false }, { "type": "text", "position": [ 667, 89, 138, 37 ], "completed": false } ] }, { "text": "# A page for introducing HubSpot through some figures.# The page should have eight groups with each having a small image, a figure, and a title.", "region_id": "4266", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image [attr:size 'small'] ] [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 28 3 5 3 | text 25 9 9 5 | title 5 15 50 3 ] | [ image 85 3 8 3 | text 84 9 8 5 | title 63 15 51 3 ] | [ image 23 26 14 3 | text 24 32 13 5 | title 5 38 50 3 ] | [ image 82 26 12 3 | text 84 32 9 5 | title 63 38 51 3 ] | [ image 22 48 17 4 | text 23 54 14 5 | title 5 60 50 3 ] | [ image 87 48 3 3 | text 87 54 2 5 | title 63 60 51 3 ] | [ image 28 71 3 3 | text 24 77 12 5 | title 5 82 50 3 ] | [ image 87 71 2 2 | text 78 77 20 5 | title 63 82 51 3 ] \"", "layout_seq_without_completion": "\" [ image 28 3 5 3 | text 25 9 9 5 | title 5 15 50 3 ] | [ image 85 3 8 3 | text 84 9 8 5 | title 63 15 51 3 ] | [ image 23 26 14 3 | text 24 32 13 5 | title 5 38 50 3 ] | [ image 82 26 12 3 | text 84 32 9 5 | title 63 38 51 3 ] | [ image 22 48 17 4 | text 23 54 14 5 | title 5 60 50 3 ] | [ image 87 48 3 3 | text 87 54 2 5 | title 63 60 51 3 ] | [ image 28 71 3 3 | text 24 77 12 5 | title 5 82 50 3 ] | [ image 87 71 2 2 | text 78 77 20 5 | title 63 82 51 3 ] \"", "plain_layout_seq": "image 28 3 5 3 | image 85 3 8 3 | image 23 26 14 3 | image 82 26 12 3 | image 22 48 17 4 | image 87 48 3 3 | image 28 71 3 3 | image 87 71 2 2 | text 25 9 9 5 | text 84 9 8 5 | text 24 32 13 5 | text 84 32 9 5 | text 23 54 14 5 | text 87 54 2 5 | text 24 77 12 5 | text 78 77 20 5 | title 5 15 50 3 | title 63 15 51 3 | title 5 38 50 3 | title 63 38 51 3 | title 5 60 50 3 | title 63 60 51 3 | title 5 82 50 3 | title 63 82 51 3", "canvas_width": 1024, "canvas_height": 763, "elements": [ { "type": "image", "position": [ 242, 34, 44, 33 ], "completed": false }, { "type": "image", "position": [ 726, 34, 69, 33 ], "completed": false }, { "type": "text", "position": [ 221, 85, 85, 44 ], "completed": false }, { "type": "text", "position": [ 724, 85, 71, 44 ], "completed": false }, { "type": "title", "position": [ 46, 134, 435, 26 ], "completed": false }, { "type": "title", "position": [ 542, 134, 436, 26 ], "completed": false }, { "type": "image", "position": [ 200, 225, 127, 33 ], "completed": false }, { "type": "image", "position": [ 706, 225, 107, 33 ], "completed": false }, { "type": "text", "position": [ 208, 276, 112, 44 ], "completed": false }, { "type": "text", "position": [ 722, 276, 77, 44 ], "completed": false }, { "type": "title", "position": [ 46, 325, 435, 26 ], "completed": false }, { "type": "title", "position": [ 542, 325, 436, 26 ], "completed": false }, { "type": "image", "position": [ 188, 412, 150, 40 ], "completed": false }, { "type": "image", "position": [ 744, 415, 33, 33 ], "completed": false }, { "type": "text", "position": [ 203, 467, 121, 44 ], "completed": false }, { "type": "text", "position": [ 748, 467, 25, 44 ], "completed": false }, { "type": "title", "position": [ 46, 516, 435, 26 ], "completed": false }, { "type": "title", "position": [ 542, 516, 436, 26 ], "completed": false }, { "type": "image", "position": [ 246, 606, 34, 33 ], "completed": false }, { "type": "image", "position": [ 748, 613, 25, 20 ], "completed": false }, { "type": "text", "position": [ 210, 658, 107, 44 ], "completed": false }, { "type": "text", "position": [ 674, 658, 171, 44 ], "completed": false }, { "type": "title", "position": [ 46, 707, 435, 26 ], "completed": false }, { "type": "title", "position": [ 542, 707, 436, 26 ], "completed": false } ] }, { "text": "#A page for showing the openstax TUTOR.#The page should have a title and a description under it. There are two buttons named, \"about openstax tutor\" and \"sign up for more info\". There are four groups and each group has an image and a title, \"personalized homework\", \"analytic\", \"digital reading\", and \"LMS integration\".", "region_id": "3127", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [el:button [attr:value 'about openstax tutor'] ] [el:button [attr:value 'sign up for more info'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'personalized homework,analytic,digital reading,LMS integration'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 1 39 26 5 | button 31 39 24 5 | description 1 19 67 14 | image 79 7 8 8 | image 104 7 8 8 | image 79 29 8 8 | image 104 29 8 8 | title 1 7 45 8 | title 76 41 13 2 | title 101 41 14 2 | title 77 19 11 5 | title 104 19 8 2", "layout_seq_without_completion": "button 1 39 26 5 | button 31 39 24 5 | description 1 19 67 14 | image 79 7 8 8 | image 104 7 8 8 | image 79 29 8 8 | image 104 29 8 8 | title 1 7 45 8 | title 76 41 13 2 | title 101 41 14 2 | title 77 19 11 5 | title 104 19 8 2", "plain_layout_seq": "button 1 39 26 5 | button 31 39 24 5 | description 1 19 67 14 | image 79 7 8 8 | image 104 7 8 8 | image 79 29 8 8 | image 104 29 8 8 | title 1 7 45 8 | title 76 41 13 2 | title 101 41 14 2 | title 77 19 11 5 | title 104 19 8 2", "canvas_width": 1024, "canvas_height": 444, "elements": [ { "type": "title", "position": [ 15, 60, 390, 69 ], "completed": false }, { "type": "image", "position": [ 675, 60, 70, 70 ], "completed": false }, { "type": "image", "position": [ 888, 60, 70, 70 ], "completed": false }, { "type": "title", "position": [ 661, 163, 98, 44 ], "completed": false }, { "type": "title", "position": [ 888, 163, 69, 19 ], "completed": false }, { "type": "description", "position": [ 15, 169, 578, 125 ], "completed": false }, { "type": "image", "position": [ 675, 250, 70, 70 ], "completed": false }, { "type": "image", "position": [ 888, 250, 70, 70 ], "completed": false }, { "type": "button", "position": [ 15, 334, 227, 50 ], "completed": false }, { "type": "button", "position": [ 267, 334, 211, 50 ], "completed": false }, { "type": "title", "position": [ 652, 353, 116, 19 ], "completed": false }, { "type": "title", "position": [ 862, 353, 121, 19 ], "completed": false } ] }, { "text": "# A page for marketing a company.# The page should have two groups: \"CROPS\" and \"CLEARANCE\". In each group, there should have a background image, a title, a short description, and a button \"VIEW\" for the user to learn more info.", "region_id": "7409", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'crops, clearance'] [item [el:background_image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'view'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 2 0 56 35 | button 5 20 8 5 | description 5 9 20 8 | title 5 4 20 5 ] | [ background 60 0 56 35 | button 63 17 8 5 | description 63 9 20 5 | title 63 4 21 5 ] \"", "layout_seq_without_completion": "\" [ background 2 0 56 35 | button 5 20 8 5 | description 5 9 20 8 | title 5 4 20 5 ] | [ background 60 0 56 35 | button 63 17 8 5 | description 63 9 20 5 | title 63 4 21 5 ] \"", "plain_layout_seq": "background 2 0 56 35 | background 60 0 56 35 | button 5 20 8 5 | button 63 17 8 5 | description 5 9 20 8 | description 63 9 20 5 | title 5 4 20 5 | title 63 4 21 5", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 25, 0, 482, 300 ], "completed": false }, { "type": "background", "position": [ 517, 0, 482, 300 ], "completed": false }, { "type": "title", "position": [ 50, 36, 172, 44 ], "completed": false }, { "type": "title", "position": [ 542, 36, 181, 44 ], "completed": false }, { "type": "description", "position": [ 50, 83, 172, 76 ], "completed": false }, { "type": "description", "position": [ 542, 83, 172, 50 ], "completed": false }, { "type": "button", "position": [ 542, 153, 75, 44 ], "completed": false }, { "type": "button", "position": [ 50, 178, 75, 44 ], "completed": false } ] }, { "text": "#A page for showing the product list.# There is one title \"Product list by major brands\", one slogan, eight logos, and one button to list products by other brands.", "region_id": "3573", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'product list by major brands'] ] [el:text] [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] ] ] [el:button [attr:value 'to list of products by other brands'] ] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | button 36 54 47 5 | text 0 9 120 3 | title 37 2 45 3 | \" [ logo 1 16 28 16 ] | [ logo 31 16 28 16 ] | [ logo 60 16 28 16 ] | [ logo 90 16 28 16 ] | [ logo 1 33 28 16 ] | [ logo 31 33 28 16 ] | [ logo 60 33 28 16 ] | [ logo 90 33 28 16 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | button 36 54 47 5 | text 0 9 120 3 | title 37 2 45 3 | \" [ logo 1 16 28 16 ] | [ logo 31 16 28 16 ] | [ logo 60 16 28 16 ] | [ logo 90 16 28 16 ] | [ logo 1 33 28 16 ] | [ logo 31 33 28 16 ] | [ logo 60 33 28 16 ] | [ logo 90 33 28 16 ] \"", "plain_layout_seq": "background 0 0 120 8 | button 36 54 47 5 | logo 1 16 28 16 | logo 31 16 28 16 | logo 60 16 28 16 | logo 90 16 28 16 | logo 1 33 28 16 | logo 31 33 28 16 | logo 60 33 28 16 | logo 90 33 28 16 | text 0 9 120 3 | title 37 2 45 3", "canvas_width": 1000, "canvas_height": 497, "elements": [ { "type": "background", "position": [ 0, 0, 1000, 68 ], "completed": true }, { "type": "title", "position": [ 311, 18, 380, 31 ], "completed": false }, { "type": "text", "position": [ 0, 83, 1000, 26 ], "completed": false }, { "type": "logo", "position": [ 14, 135, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 260, 135, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 506, 135, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 752, 135, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 14, 281, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 260, 281, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 506, 281, 236, 136 ], "completed": false }, { "type": "logo", "position": [ 752, 281, 236, 136 ], "completed": false }, { "type": "button", "position": [ 304, 455, 394, 42 ], "completed": false } ] }, { "text": "#The page shows three kinds of plants to the user.# There should be three lists, and each of them includes one photo, one name, and one description of the plant.", "region_id": "6661", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 80 53 33 18 | description 6 49 33 10 | description 43 46 33 13 | title 6 45 33 2 | title 43 42 33 2 | title 80 49 33 2", "layout_seq_without_completion": "description 80 53 33 18 | description 6 49 33 10 | description 43 46 33 13 | title 6 45 33 2 | title 43 42 33 2 | title 80 49 33 2", "plain_layout_seq": "description 80 53 33 18 | description 6 49 33 10 | description 43 46 33 13 | title 6 45 33 2 | title 43 42 33 2 | title 80 49 33 2", "canvas_width": 1024, "canvas_height": 670, "elements": [ { "type": "title", "position": [ 370, 360, 285, 20 ], "completed": false }, { "type": "title", "position": [ 55, 384, 285, 20 ], "completed": false }, { "type": "description", "position": [ 370, 397, 285, 113 ], "completed": false }, { "type": "title", "position": [ 684, 420, 285, 21 ], "completed": false }, { "type": "description", "position": [ 55, 422, 285, 90 ], "completed": false }, { "type": "description", "position": [ 684, 458, 285, 158 ], "completed": false } ] }, { "text": "#A page for showing the About 123test.#The page should have a title and a long description under it. There are three groups and each group has an image and a title, \"our story\", \"research and development\", and \"the company\". Also, there is a description in each group.", "region_id": "3675", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'large'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'our story, research and development, the company'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description undefined large | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 62 | description 0 17 120 9 | title 0 0 120 16", "layout_seq_without_completion": "background 0 0 120 62 | description 0 17 120 9 | title 0 0 120 16", "plain_layout_seq": "background 0 0 120 62 | description 0 17 120 9 | title 0 0 120 16", "canvas_width": 1026, "canvas_height": 535, "elements": [ { "type": "background", "position": [ 0, 0, 1026, 535 ], "completed": true }, { "type": "title", "position": [ 0, 0, 1026, 141 ], "completed": false }, { "type": "description", "position": [ 0, 151, 1026, 82 ], "completed": false } ] }, { "text": "# A page showing the accepted payment methods. # The page should have 7 logos showing the payment methods.", "region_id": "8150", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 36 0 3 3 ] | [ logo 42 0 3 3 ] | [ logo 48 0 9 3 ] | [ logo 59 0 4 3 ] | [ logo 66 0 4 3 ] | [ logo 73 0 6 3 ] | [ logo 81 0 5 3 ] \"", "layout_seq_without_completion": "\" [ logo 36 0 3 3 ] | [ logo 42 0 3 3 ] | [ logo 48 0 9 3 ] | [ logo 59 0 4 3 ] | [ logo 66 0 4 3 ] | [ logo 73 0 6 3 ] | [ logo 81 0 5 3 ] \"", "plain_layout_seq": "logo 36 0 3 3 | logo 42 0 3 3 | logo 48 0 9 3 | logo 59 0 4 3 | logo 66 0 4 3 | logo 73 0 6 3 | logo 81 0 5 3", "canvas_width": 994, "canvas_height": 43, "elements": [ { "type": "logo", "position": [ 304, 0, 31, 32 ], "completed": false }, { "type": "logo", "position": [ 354, 0, 27, 32 ], "completed": false }, { "type": "logo", "position": [ 398, 0, 81, 32 ], "completed": false }, { "type": "logo", "position": [ 496, 0, 37, 32 ], "completed": false }, { "type": "logo", "position": [ 550, 0, 37, 32 ], "completed": false }, { "type": "logo", "position": [ 606, 0, 55, 32 ], "completed": false }, { "type": "logo", "position": [ 678, 0, 43, 32 ], "completed": false } ] }, { "text": "#A page for showing the news to users.#The page should have three groups and each group have a title and an image to describe the news.", "region_id": "4373", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 57 38 | image 61 30 27 18 | image 91 0 27 18 | title 1 40 46 7 | title 61 0 27 8 | title 91 20 25 5", "layout_seq_without_completion": "image 1 0 57 38 | image 61 30 27 18 | image 91 0 27 18 | title 1 40 46 7 | title 61 0 27 8 | title 91 20 25 5", "plain_layout_seq": "image 1 0 57 38 | image 61 30 27 18 | image 91 0 27 18 | title 1 40 46 7 | title 61 0 27 8 | title 91 20 25 5", "canvas_width": 1009, "canvas_height": 440, "elements": [ { "type": "image", "position": [ 10, 0, 485, 323 ], "completed": false }, { "type": "image", "position": [ 768, 0, 231, 154 ], "completed": false }, { "type": "title", "position": [ 516, 4, 229, 74 ], "completed": false }, { "type": "title", "position": [ 768, 174, 212, 48 ], "completed": false }, { "type": "image", "position": [ 516, 253, 231, 154 ], "completed": false }, { "type": "title", "position": [ 10, 341, 393, 60 ], "completed": false } ] }, { "text": "# A page for showing eight career categories. # The page should have eight images with category names, and a left and right page-turning controls for user to switch pages.", "region_id": "4319", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 15 | complete button 1 6 3 3 | complete button 114 6 3 3 | image 20 1 5 5 | image 64 1 5 5 | image 6 1 5 5 | image 50 1 5 5 | image 79 1 5 5 | image 35 1 5 5 | image 93 1 5 5 | image 108 1 5 5 | title 49 10 6 1 | title 19 10 8 1 | title 75 10 13 1 | title 91 10 10 1 | title 107 10 6 1 | title 3 10 10 1 | title 32 10 10 3 | title 63 10 6 1", "layout_seq_without_completion": "background 0 0 120 15 | button 1 6 3 3 | button 114 6 3 3 | image 20 1 5 5 | image 64 1 5 5 | image 6 1 5 5 | image 50 1 5 5 | image 79 1 5 5 | image 35 1 5 5 | image 93 1 5 5 | image 108 1 5 5 | title 49 10 6 1 | title 19 10 8 1 | title 75 10 13 1 | title 91 10 10 1 | title 107 10 6 1 | title 3 10 10 1 | title 32 10 10 3 | title 63 10 6 1", "plain_layout_seq": "background 0 0 120 15 | button 1 6 3 3 | button 114 6 3 3 | image 20 1 5 5 | image 64 1 5 5 | image 6 1 5 5 | image 50 1 5 5 | image 79 1 5 5 | image 35 1 5 5 | image 93 1 5 5 | image 108 1 5 5 | title 49 10 6 1 | title 19 10 8 1 | title 75 10 13 1 | title 91 10 10 1 | title 107 10 6 1 | title 3 10 10 1 | title 32 10 10 3 | title 63 10 6 1", "canvas_width": 980, "canvas_height": 130, "elements": [ { "type": "background", "position": [ 0, 0, 980, 130 ], "completed": true }, { "type": "image", "position": [ 52, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 171, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 290, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 409, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 528, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 647, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 766, 15, 45, 45 ], "completed": false }, { "type": "image", "position": [ 885, 15, 45, 45 ], "completed": false }, { "type": "button", "position": [ 15, 51, 30, 30 ], "completed": true }, { "type": "button", "position": [ 935, 51, 30, 30 ], "completed": true }, { "type": "title", "position": [ 30, 88, 89, 12 ], "completed": false }, { "type": "title", "position": [ 158, 88, 70, 12 ], "completed": false }, { "type": "title", "position": [ 268, 88, 88, 25 ], "completed": false }, { "type": "title", "position": [ 404, 88, 56, 12 ], "completed": false }, { "type": "title", "position": [ 522, 88, 56, 12 ], "completed": false }, { "type": "title", "position": [ 616, 88, 107, 12 ], "completed": false }, { "type": "title", "position": [ 747, 88, 83, 12 ], "completed": false }, { "type": "title", "position": [ 881, 88, 53, 12 ], "completed": false } ] }, { "text": "#A page for showing the popular files.# There is one label \"Popular Files\". Below are six groups. Each group includes one label showing its condition, one image, and two labels.", "region_id": "4794", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular files'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:text] [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 3 | \" [ complete image 0 6 18 35 | image 0 10 18 18 | text 1 31 14 2 | text 1 34 14 2 | text 0 6 17 3 ] | [ complete image 20 6 18 35 | image 20 10 18 18 | text 22 31 14 2 | text 22 34 14 2 | text 20 6 17 3 ] | [ complete image 40 6 18 35 | image 40 10 18 18 | text 41 6 17 3 | text 42 34 14 2 | text 42 31 14 2 ] | [ complete image 61 6 18 35 | image 61 10 18 18 | text 62 31 14 2 | text 61 6 17 3 | text 62 34 14 2 ] | [ complete image 81 6 18 35 | image 81 10 18 18 | text 83 31 14 2 | text 81 6 17 3 | text 83 34 14 2 ] | [ complete image 101 6 18 35 | image 101 10 18 18 | text 103 31 14 2 | text 102 6 17 3 | text 103 34 14 2 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ image 0 6 18 35 | image 0 10 18 18 | text 1 31 14 2 | text 1 34 14 2 | text 0 6 17 3 ] | [ image 20 6 18 35 | image 20 10 18 18 | text 22 31 14 2 | text 22 34 14 2 | text 20 6 17 3 ] | [ image 40 6 18 35 | image 40 10 18 18 | text 41 6 17 3 | text 42 34 14 2 | text 42 31 14 2 ] | [ image 61 6 18 35 | image 61 10 18 18 | text 62 31 14 2 | text 61 6 17 3 | text 62 34 14 2 ] | [ image 81 6 18 35 | image 81 10 18 18 | text 83 31 14 2 | text 81 6 17 3 | text 83 34 14 2 ] | [ image 101 6 18 35 | image 101 10 18 18 | text 103 31 14 2 | text 102 6 17 3 | text 103 34 14 2 ] \"", "plain_layout_seq": "image 0 6 18 35 | image 0 10 18 18 | image 20 6 18 35 | image 20 10 18 18 | image 40 6 18 35 | image 40 10 18 18 | image 61 6 18 35 | image 61 10 18 18 | image 81 6 18 35 | image 81 10 18 18 | image 101 6 18 35 | image 101 10 18 18 | text 1 31 14 2 | text 1 34 14 2 | text 0 6 17 3 | text 22 31 14 2 | text 22 34 14 2 | text 20 6 17 3 | text 41 6 17 3 | text 42 34 14 2 | text 42 31 14 2 | text 62 31 14 2 | text 61 6 17 3 | text 62 34 14 2 | text 83 31 14 2 | text 81 6 17 3 | text 83 34 14 2 | text 103 31 14 2 | text 102 6 17 3 | text 103 34 14 2 | title 0 0 120 3", "canvas_width": 960, "canvas_height": 332, "elements": [ { "type": "title", "position": [ 0, 0, 960, 27 ], "completed": false }, { "type": "image", "position": [ 0, 48, 148, 284 ], "completed": true }, { "type": "image", "position": [ 162, 48, 147, 284 ], "completed": true }, { "type": "image", "position": [ 325, 48, 148, 284 ], "completed": true }, { "type": "image", "position": [ 488, 48, 147, 284 ], "completed": true }, { "type": "image", "position": [ 650, 48, 148, 284 ], "completed": true }, { "type": "image", "position": [ 812, 48, 147, 284 ], "completed": true }, { "type": "text", "position": [ 4, 52, 140, 31 ], "completed": false }, { "type": "text", "position": [ 166, 52, 140, 31 ], "completed": false }, { "type": "text", "position": [ 329, 52, 140, 31 ], "completed": false }, { "type": "text", "position": [ 492, 52, 140, 31 ], "completed": false }, { "type": "text", "position": [ 654, 52, 140, 31 ], "completed": false }, { "type": "text", "position": [ 816, 52, 140, 31 ], "completed": false }, { "type": "image", "position": [ 0, 86, 148, 147 ], "completed": false }, { "type": "image", "position": [ 162, 86, 147, 147 ], "completed": false }, { "type": "image", "position": [ 325, 86, 148, 147 ], "completed": false }, { "type": "image", "position": [ 488, 86, 147, 147 ], "completed": false }, { "type": "image", "position": [ 650, 86, 148, 147 ], "completed": false }, { "type": "image", "position": [ 812, 86, 147, 147 ], "completed": false }, { "type": "text", "position": [ 15, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 178, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 340, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 502, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 665, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 828, 249, 118, 19 ], "completed": false }, { "type": "text", "position": [ 15, 273, 118, 17 ], "completed": false }, { "type": "text", "position": [ 178, 273, 118, 17 ], "completed": false }, { "type": "text", "position": [ 340, 273, 118, 17 ], "completed": false }, { "type": "text", "position": [ 502, 273, 118, 17 ], "completed": false }, { "type": "text", "position": [ 665, 273, 118, 17 ], "completed": false }, { "type": "text", "position": [ 828, 273, 118, 17 ], "completed": false } ] }, { "text": "#A page including 3 scientific articles.# The page should include the title \"STEM\" and 3 information sets. Each group includes an image, the category of the article, the title of the article, the author and the publishing time of the article.", "region_id": "2617", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'stem'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 54 0 11 14 | \" [ image 3 16 36 36 | text 3 54 5 2 | text 12 65 6 1 | text 21 65 9 1 | title 3 57 36 7 ] | [ image 41 16 36 36 | text 41 54 14 2 | text 47 62 13 1 | text 63 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 85 62 14 1 | text 80 54 7 2 | text 102 62 9 1 | title 80 57 36 4 ] \"", "layout_seq_without_completion": "title 54 0 11 14 | \" [ image 3 16 36 36 | text 3 54 5 2 | text 12 65 6 1 | text 21 65 9 1 | title 3 57 36 7 ] | [ image 41 16 36 36 | text 41 54 14 2 | text 47 62 13 1 | text 63 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 85 62 14 1 | text 80 54 7 2 | text 102 62 9 1 | title 80 57 36 4 ] \"", "plain_layout_seq": "image 3 16 36 36 | image 41 16 36 36 | image 80 16 36 36 | text 3 54 5 2 | text 12 65 6 1 | text 21 65 9 1 | text 41 54 14 2 | text 47 62 13 1 | text 63 62 8 1 | text 85 62 14 1 | text 80 54 7 2 | text 102 62 9 1 | title 54 0 11 14 | title 3 57 36 7 | title 41 57 36 4 | title 80 57 36 4", "canvas_width": 1024, "canvas_height": 590, "elements": [ { "type": "title", "position": [ 464, 0, 97, 125 ], "completed": false }, { "type": "image", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "text", "position": [ 30, 463, 44, 18 ], "completed": false }, { "type": "text", "position": [ 358, 463, 123, 18 ], "completed": false }, { "type": "text", "position": [ 686, 463, 64, 18 ], "completed": false }, { "type": "title", "position": [ 30, 487, 308, 61 ], "completed": false }, { "type": "title", "position": [ 358, 487, 308, 41 ], "completed": false }, { "type": "title", "position": [ 686, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 408, 537, 114, 17 ], "completed": false }, { "type": "text", "position": [ 540, 537, 76, 17 ], "completed": false }, { "type": "text", "position": [ 730, 537, 127, 17 ], "completed": false }, { "type": "text", "position": [ 874, 537, 77, 17 ], "completed": false }, { "type": "text", "position": [ 108, 558, 56, 17 ], "completed": false }, { "type": "text", "position": [ 182, 558, 78, 17 ], "completed": false } ] }, { "text": "#A page to introduce some devices.# The title 'Available on all your favorite devices' is on the page. There are also six logos of technology companies.", "region_id": "3837", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'available on all your favorite devices'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 27 22 11 1 | logo 63 20 10 5 | logo 82 21 11 3 | logo 45 19 10 3 | logo 9 19 10 4 | logo 98 18 10 5 | title 0 5 118 6", "layout_seq_without_completion": "logo 27 22 11 1 | logo 63 20 10 5 | logo 82 21 11 3 | logo 45 19 10 3 | logo 9 19 10 4 | logo 98 18 10 5 | title 0 5 118 6", "plain_layout_seq": "logo 27 22 11 1 | logo 63 20 10 5 | logo 82 21 11 3 | logo 45 19 10 3 | logo 9 19 10 4 | logo 98 18 10 5 | title 0 5 118 6", "canvas_width": 1024, "canvas_height": 284, "elements": [ { "type": "title", "position": [ 0, 47, 1009, 52 ], "completed": false }, { "type": "logo", "position": [ 840, 161, 89, 45 ], "completed": false }, { "type": "logo", "position": [ 80, 165, 92, 38 ], "completed": false }, { "type": "logo", "position": [ 384, 167, 92, 33 ], "completed": false }, { "type": "logo", "position": [ 545, 172, 92, 49 ], "completed": false }, { "type": "logo", "position": [ 700, 182, 95, 29 ], "completed": false }, { "type": "logo", "position": [ 235, 190, 95, 15 ], "completed": false } ] }, { "text": "#A page for introducing the news to users.# The page should include three items of news. Besides, a button is needed for users to click for further information.", "region_id": "696", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:text] ] ] [el:button [attr:value'read more'] ] ]", "execution": "multiinfo : button undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "button 41 15 16 2 | complete image 0 0 37 21 | complete image 39 0 80 4 | complete image 39 4 80 4 | complete image 39 8 80 4 | text 41 4 78 4 | text 41 0 78 4 | text 41 8 78 4 | complete text 41 15 14 2", "layout_seq_without_completion": "button 41 15 16 2 | image 0 0 37 21 | image 39 0 80 4 | image 39 4 80 4 | image 39 8 80 4 | text 41 4 78 4 | text 41 0 78 4 | text 41 8 78 4 | text 41 15 14 2", "plain_layout_seq": "button 41 15 16 2 | image 0 0 37 21 | image 39 0 80 4 | image 39 4 80 4 | image 39 8 80 4 | text 41 4 78 4 | text 41 0 78 4 | text 41 8 78 4 | text 41 15 14 2", "canvas_width": 960, "canvas_height": 173, "elements": [ { "type": "image", "position": [ 0, 0, 298, 169 ], "completed": true }, { "type": "image", "position": [ 317, 0, 643, 35 ], "completed": true }, { "type": "text", "position": [ 330, 0, 630, 35 ], "completed": false }, { "type": "image", "position": [ 317, 35, 643, 35 ], "completed": true }, { "type": "text", "position": [ 330, 35, 630, 35 ], "completed": false }, { "type": "image", "position": [ 317, 70, 643, 35 ], "completed": true }, { "type": "text", "position": [ 330, 70, 630, 35 ], "completed": false }, { "type": "button", "position": [ 330, 122, 133, 20 ], "completed": false }, { "type": "text", "position": [ 330, 122, 113, 20 ], "completed": true } ] }, { "text": "#A page for showing travel tips.# There is one label \"Travel tips\". Below are two groups and each group includes one image and one title. There are four links between the two groups for users to learn the travel tips.", "region_id": "3597", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'travel tips'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] ] ] [el:link [attr:repeat '4'] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 95 | image 90 21 23 29 | image 5 21 51 31 | complete image 5 21 51 53 | complete image 90 21 23 48 | title 92 54 20 12 | title 9 54 44 18 | title 5 11 38 3 | \" [ link 62 21 25 10 ] | [ link 62 33 25 11 ] | [ link 62 46 25 8 ] | [ link 62 55 25 8 ] \"", "layout_seq_without_completion": "background 0 0 120 95 | image 90 21 23 29 | image 5 21 51 31 | image 5 21 51 53 | image 90 21 23 48 | title 92 54 20 12 | title 9 54 44 18 | title 5 11 38 3 | \" [ link 62 21 25 10 ] | [ link 62 33 25 11 ] | [ link 62 46 25 8 ] | [ link 62 55 25 8 ] \"", "plain_layout_seq": "background 0 0 120 95 | image 90 21 23 29 | image 5 21 51 31 | image 5 21 51 53 | image 90 21 23 48 | link 62 21 25 10 | link 62 33 25 11 | link 62 46 25 8 | link 62 55 25 8 | title 92 54 20 12 | title 9 54 44 18 | title 5 11 38 3", "canvas_width": 1024, "canvas_height": 818, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 818 ], "completed": true }, { "type": "title", "position": [ 50, 98, 325, 31 ], "completed": false }, { "type": "image", "position": [ 50, 187, 442, 455 ], "completed": true }, { "type": "image", "position": [ 50, 187, 442, 265 ], "completed": false }, { "type": "link", "position": [ 532, 187, 216, 86 ], "completed": false }, { "type": "image", "position": [ 773, 187, 201, 251 ], "completed": false }, { "type": "image", "position": [ 773, 187, 201, 418 ], "completed": true }, { "type": "link", "position": [ 532, 282, 216, 102 ], "completed": false }, { "type": "link", "position": [ 532, 394, 216, 69 ], "completed": false }, { "type": "title", "position": [ 80, 462, 378, 154 ], "completed": false }, { "type": "title", "position": [ 793, 465, 176, 103 ], "completed": false }, { "type": "link", "position": [ 532, 473, 216, 69 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have two groups and each group has a background image and a title. Also, there is a description above the title of each group.", "region_id": "5706", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title][el:description] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 58 35 | description 2 21 33 11 | title 7 18 8 1 | title 2 18 4 1 ] | [ background 61 0 58 35 | description 63 21 33 11 | title 63 18 4 1 | title 68 18 8 1 ] \"", "layout_seq_without_completion": "\" [ background 0 0 58 35 | description 2 21 33 11 | title 7 18 8 1 | title 2 18 4 1 ] | [ background 61 0 58 35 | description 63 21 33 11 | title 63 18 4 1 | title 68 18 8 1 ] \"", "plain_layout_seq": "background 0 0 58 35 | background 61 0 58 35 | description 2 21 33 11 | description 63 21 33 11 | title 7 18 8 1 | title 2 18 4 1 | title 63 18 4 1 | title 68 18 8 1", "canvas_width": 984, "canvas_height": 289, "elements": [ { "type": "background", "position": [ 0, 0, 482, 289 ], "completed": false }, { "type": "background", "position": [ 502, 0, 482, 289 ], "completed": false }, { "type": "title", "position": [ 20, 155, 38, 11 ], "completed": false }, { "type": "title", "position": [ 63, 155, 69, 11 ], "completed": false }, { "type": "title", "position": [ 521, 155, 38, 11 ], "completed": false }, { "type": "title", "position": [ 564, 155, 69, 11 ], "completed": false }, { "type": "description", "position": [ 20, 174, 276, 95 ], "completed": false }, { "type": "description", "position": [ 521, 174, 276, 95 ], "completed": false } ] }, { "text": "#A page showing the latest reports for users.#The page should have one title, and four groups of reports. Each group report should include one background picture, one heading, and one brief description.", "region_id": "3017", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 3 | \" [ background 0 6 32 18 | description 2 10 29 4 | title 2 7 29 2 ] | [ background 33 6 32 18 | description 35 10 29 4 | title 35 7 29 2 ] | [ background 67 6 32 18 | description 69 10 29 4 | title 69 7 29 2 ] | [ background 101 6 18 18 | description 102 10 17 4 | title 102 7 17 2 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ background 0 6 32 18 | description 2 10 29 4 | title 2 7 29 2 ] | [ background 33 6 32 18 | description 35 10 29 4 | title 35 7 29 2 ] | [ background 67 6 32 18 | description 69 10 29 4 | title 69 7 29 2 ] | [ background 101 6 18 18 | description 102 10 17 4 | title 102 7 17 2 ] \"", "plain_layout_seq": "background 0 6 32 18 | background 33 6 32 18 | background 67 6 32 18 | background 101 6 18 18 | description 2 10 29 4 | description 35 10 29 4 | description 69 10 29 4 | description 102 10 17 4 | title 0 0 120 3 | title 2 7 29 2 | title 35 7 29 2 | title 69 7 29 2 | title 102 7 17 2", "canvas_width": 994, "canvas_height": 234, "elements": [ { "type": "title", "position": [ 0, 0, 994, 31 ], "completed": false }, { "type": "background", "position": [ 3, 51, 272, 153 ], "completed": false }, { "type": "background", "position": [ 281, 51, 272, 153 ], "completed": false }, { "type": "background", "position": [ 559, 51, 272, 153 ], "completed": false }, { "type": "background", "position": [ 837, 51, 157, 153 ], "completed": false }, { "type": "title", "position": [ 18, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 296, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 574, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 852, 61, 142, 17 ], "completed": false }, { "type": "description", "position": [ 18, 88, 242, 41 ], "completed": false }, { "type": "description", "position": [ 296, 88, 242, 41 ], "completed": false }, { "type": "description", "position": [ 574, 88, 242, 41 ], "completed": false }, { "type": "description", "position": [ 852, 88, 142, 41 ], "completed": false } ] }, { "text": "#A web for showing the fan favorites.#The page should have a title and a description for users to tag Instagram photos. There are four images of characters in the middle of the page and a sentence under the images. On the rightmost of the page, pagination was set.", "region_id": "3238", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] [el:text] [el:pagination [attr:position 'right'] ] ]", "execution": "multiinfo : description undefined undefined | pagination right undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 109 30 4 4 | description 5 7 108 9 | text 90 46 17 2 | title 5 0 108 6 | \" [ image 11 22 22 22 ] | [ image 36 22 22 22 ] | [ image 61 22 22 22 ] | [ image 85 22 22 22 ] \"", "layout_seq_without_completion": "button 109 30 4 4 | description 5 7 108 9 | text 90 46 17 2 | title 5 0 108 6 | \" [ image 11 22 22 22 ] | [ image 36 22 22 22 ] | [ image 61 22 22 22 ] | [ image 85 22 22 22 ] \"", "plain_layout_seq": "button 109 30 4 4 | description 5 7 108 9 | image 11 22 22 22 | image 36 22 22 22 | image 61 22 22 22 | image 85 22 22 22 | text 90 46 17 2 | title 5 0 108 6", "canvas_width": 1009, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 48, 0, 913, 51 ], "completed": false }, { "type": "description", "position": [ 48, 66, 913, 77 ], "completed": false }, { "type": "image", "position": [ 98, 185, 188, 188 ], "completed": false }, { "type": "image", "position": [ 306, 185, 188, 188 ], "completed": false }, { "type": "image", "position": [ 514, 185, 188, 188 ], "completed": false }, { "type": "image", "position": [ 723, 185, 188, 188 ], "completed": false }, { "type": "button", "position": [ 921, 259, 40, 40 ], "completed": true }, { "type": "text", "position": [ 761, 394, 150, 25 ], "completed": false } ] }, { "text": "#A page for introducing the backed companies to users.# The page should include one title and seven logos of the backed companies such as \"SoftBank\".", "region_id": "13", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '7'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 9 0 100 6 | \" [ logo 9 11 14 10 ] | [ logo 24 11 14 10 ] | [ logo 38 11 14 10 ] | [ logo 52 11 14 10 ] | [ logo 67 11 14 10 ] | [ logo 81 11 14 10 ] | [ logo 95 11 14 10 ] \"", "layout_seq_without_completion": "title 9 0 100 6 | \" [ logo 9 11 14 10 ] | [ logo 24 11 14 10 ] | [ logo 38 11 14 10 ] | [ logo 52 11 14 10 ] | [ logo 67 11 14 10 ] | [ logo 81 11 14 10 ] | [ logo 95 11 14 10 ] \"", "plain_layout_seq": "logo 9 11 14 10 | logo 24 11 14 10 | logo 38 11 14 10 | logo 52 11 14 10 | logo 67 11 14 10 | logo 81 11 14 10 | logo 95 11 14 10 | title 9 0 100 6", "canvas_width": 1024, "canvas_height": 254, "elements": [ { "type": "title", "position": [ 82, 0, 860, 58 ], "completed": false }, { "type": "logo", "position": [ 82, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 205, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 328, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 451, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 573, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 696, 96, 123, 90 ], "completed": false }, { "type": "logo", "position": [ 819, 96, 123, 90 ], "completed": false } ] }, { "text": "#A page for introducing the full suits of enterprise architecture tools.# The page should have a title, a short description, and 6 groups to introduce the tools while each group has an icon, a title, a short description, and a button for users to click to learn more. An image as the extra layout.", "region_id": "4630", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'learn more'] ] ] ] [el:image] ]", "execution": "multiinfo : description undefined small | image undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 90 | button 62 78 8 1 | button 62 57 8 1 | button 62 36 8 1 | button 90 57 7 1 | button 90 39 7 1 | button 90 78 7 1 | description 1 10 116 6 | description 90 25 24 12 | description 62 25 24 10 | description 62 46 24 10 | description 62 67 24 10 | description 90 46 24 10 | description 90 67 24 10 | icon 62 21 3 3 | icon 62 63 3 3 | icon 90 63 3 3 | icon 90 42 3 3 | icon 62 42 3 3 | icon 90 21 3 3 | image 3 20 54 44 | title 95 61 19 4 | title 95 40 12 4 | title 66 40 16 4 | title 66 61 18 4 | title 95 19 18 4 | title 66 19 14 4 | title 1 7 116 3", "layout_seq_without_completion": "background 0 0 120 90 | button 62 78 8 1 | button 62 57 8 1 | button 62 36 8 1 | button 90 57 7 1 | button 90 39 7 1 | button 90 78 7 1 | description 1 10 116 6 | description 90 25 24 12 | description 62 25 24 10 | description 62 46 24 10 | description 62 67 24 10 | description 90 46 24 10 | description 90 67 24 10 | icon 62 21 3 3 | icon 62 63 3 3 | icon 90 63 3 3 | icon 90 42 3 3 | icon 62 42 3 3 | icon 90 21 3 3 | image 3 20 54 44 | title 95 61 19 4 | title 95 40 12 4 | title 66 40 16 4 | title 66 61 18 4 | title 95 19 18 4 | title 66 19 14 4 | title 1 7 116 3", "plain_layout_seq": "background 0 0 120 90 | button 62 78 8 1 | button 62 57 8 1 | button 62 36 8 1 | button 90 57 7 1 | button 90 39 7 1 | button 90 78 7 1 | description 1 10 116 6 | description 90 25 24 12 | description 62 25 24 10 | description 62 46 24 10 | description 62 67 24 10 | description 90 46 24 10 | description 90 67 24 10 | icon 62 21 3 3 | icon 62 63 3 3 | icon 90 63 3 3 | icon 90 42 3 3 | icon 62 42 3 3 | icon 90 21 3 3 | image 3 20 54 44 | title 95 61 19 4 | title 95 40 12 4 | title 66 40 16 4 | title 66 61 18 4 | title 95 19 18 4 | title 66 19 14 4 | title 1 7 116 3", "canvas_width": 1024, "canvas_height": 776, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 776 ], "completed": true }, { "type": "title", "position": [ 15, 60, 994, 31 ], "completed": false }, { "type": "description", "position": [ 15, 91, 994, 55 ], "completed": false }, { "type": "title", "position": [ 570, 167, 121, 42 ], "completed": false }, { "type": "title", "position": [ 812, 167, 157, 42 ], "completed": false }, { "type": "image", "position": [ 31, 177, 465, 380 ], "completed": false }, { "type": "icon", "position": [ 534, 184, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 776, 184, 32, 32 ], "completed": false }, { "type": "description", "position": [ 534, 216, 212, 89 ], "completed": false }, { "type": "description", "position": [ 776, 216, 212, 110 ], "completed": false }, { "type": "button", "position": [ 534, 313, 69, 17 ], "completed": false }, { "type": "button", "position": [ 776, 334, 68, 17 ], "completed": false }, { "type": "title", "position": [ 570, 347, 144, 42 ], "completed": false }, { "type": "title", "position": [ 812, 347, 109, 42 ], "completed": false }, { "type": "icon", "position": [ 534, 364, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 776, 364, 32, 32 ], "completed": false }, { "type": "description", "position": [ 534, 396, 212, 89 ], "completed": false }, { "type": "description", "position": [ 776, 396, 212, 89 ], "completed": false }, { "type": "button", "position": [ 534, 493, 69, 17 ], "completed": false }, { "type": "button", "position": [ 776, 493, 68, 17 ], "completed": false }, { "type": "title", "position": [ 570, 527, 158, 42 ], "completed": false }, { "type": "title", "position": [ 812, 527, 164, 42 ], "completed": false }, { "type": "icon", "position": [ 534, 544, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 776, 544, 32, 32 ], "completed": false }, { "type": "description", "position": [ 534, 576, 212, 89 ], "completed": false }, { "type": "description", "position": [ 776, 576, 212, 89 ], "completed": false }, { "type": "button", "position": [ 534, 673, 69, 17 ], "completed": false }, { "type": "button", "position": [ 776, 673, 68, 17 ], "completed": false } ] }, { "text": "#A web of hiring simplified.#The page should have a title and a description to introduce the fountain. There are three groups and each group has a text and title, named smart, fast, and seamless. In the middle of the page, there are three images to present.", "region_id": "5273", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'smart, fast, seamless'] [item [el:text] [el:title] [el:image] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 22 93 7 | title 7 14 105 6 | \" [ image 7 38 5 8 | text 7 58 29 15 | title 7 51 29 4 ] | [ image 42 38 9 8 | text 42 58 28 15 | title 42 51 28 4 ] | [ image 76 38 7 8 | text 76 58 30 15 | title 76 51 30 4 ] \"", "layout_seq_without_completion": "description 7 22 93 7 | title 7 14 105 6 | \" [ image 7 38 5 8 | text 7 58 29 15 | title 7 51 29 4 ] | [ image 42 38 9 8 | text 42 58 28 15 | title 42 51 28 4 ] | [ image 76 38 7 8 | text 76 58 30 15 | title 76 51 30 4 ] \"", "plain_layout_seq": "description 7 22 93 7 | image 7 38 5 8 | image 42 38 9 8 | image 76 38 7 8 | text 7 58 29 15 | text 42 58 28 15 | text 76 58 30 15 | title 7 14 105 6 | title 7 51 29 4 | title 42 51 28 4 | title 76 51 30 4", "canvas_width": 1024, "canvas_height": 771, "elements": [ { "type": "title", "position": [ 60, 120, 904, 54 ], "completed": false }, { "type": "description", "position": [ 60, 194, 800, 64 ], "completed": false }, { "type": "image", "position": [ 60, 328, 45, 74 ], "completed": false }, { "type": "image", "position": [ 359, 328, 79, 74 ], "completed": false }, { "type": "image", "position": [ 653, 328, 67, 74 ], "completed": false }, { "type": "title", "position": [ 60, 442, 249, 42 ], "completed": false }, { "type": "title", "position": [ 359, 442, 244, 42 ], "completed": false }, { "type": "title", "position": [ 653, 442, 261, 42 ], "completed": false }, { "type": "text", "position": [ 60, 496, 249, 135 ], "completed": false }, { "type": "text", "position": [ 359, 496, 244, 135 ], "completed": false }, { "type": "text", "position": [ 653, 496, 261, 135 ], "completed": false } ] }, { "text": "#A page introducing the services of a company. # The page should have a title and 6 groups of title and picture to show what can the company does for users, such as get help online, upgrade the phone, and so on.", "region_id": "725", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [gattr:names'get help online, upgrade the phone'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 9 19 6 5 | image 31 18 4 6 | image 72 18 5 5 | image 51 18 6 6 | image 93 18 6 6 | image 115 18 4 6 | title 107 25 10 2 | title 44 25 21 2 | title 1 7 116 4 | title 1 25 21 5 | title 23 25 21 5 | title 65 25 21 5 | title 86 25 21 2", "layout_seq_without_completion": "image 9 19 6 5 | image 31 18 4 6 | image 72 18 5 5 | image 51 18 6 6 | image 93 18 6 6 | image 115 18 4 6 | title 107 25 10 2 | title 44 25 21 2 | title 1 7 116 4 | title 1 25 21 5 | title 23 25 21 5 | title 65 25 21 5 | title 86 25 21 2", "plain_layout_seq": "image 9 19 6 5 | image 31 18 4 6 | image 72 18 5 5 | image 51 18 6 6 | image 93 18 6 6 | image 115 18 4 6 | title 107 25 10 2 | title 44 25 21 2 | title 1 7 116 4 | title 1 25 21 5 | title 23 25 21 5 | title 65 25 21 5 | title 86 25 21 2", "canvas_width": 1003, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 16, 64, 971, 41 ], "completed": false }, { "type": "image", "position": [ 263, 153, 36, 56 ], "completed": false }, { "type": "image", "position": [ 431, 155, 52, 52 ], "completed": false }, { "type": "image", "position": [ 784, 155, 52, 52 ], "completed": false }, { "type": "image", "position": [ 968, 155, 35, 52 ], "completed": false }, { "type": "image", "position": [ 610, 156, 47, 50 ], "completed": false }, { "type": "image", "position": [ 76, 159, 56, 43 ], "completed": false }, { "type": "title", "position": [ 16, 217, 177, 48 ], "completed": false }, { "type": "title", "position": [ 193, 217, 177, 48 ], "completed": false }, { "type": "title", "position": [ 369, 217, 177, 24 ], "completed": false }, { "type": "title", "position": [ 546, 217, 177, 48 ], "completed": false }, { "type": "title", "position": [ 722, 217, 177, 24 ], "completed": false }, { "type": "title", "position": [ 899, 217, 88, 24 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by the software. # The page should have four groups of introduction information: \"Cloud\" \"Weather\" \"Bookmark\", and \"History\" and each one should consist of an image, a title, and a further introduction.", "region_id": "5223", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'cloud, weather, bookmark, history'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 15 19 28 10 | image 23 0 12 12 | title 20 16 18 3 ] | [ description 75 19 28 7 | image 83 0 12 12 | title 84 16 11 3 ] | [ description 15 52 28 7 | image 23 32 12 12 | title 23 48 13 3 ] | [ description 75 52 28 7 | image 83 32 12 12 | title 85 48 9 3 ] \"", "layout_seq_without_completion": "\" [ description 15 19 28 10 | image 23 0 12 12 | title 20 16 18 3 ] | [ description 75 19 28 7 | image 83 0 12 12 | title 84 16 11 3 ] | [ description 15 52 28 7 | image 23 32 12 12 | title 23 48 13 3 ] | [ description 75 52 28 7 | image 83 32 12 12 | title 85 48 9 3 ] \"", "plain_layout_seq": "description 15 19 28 10 | description 75 19 28 7 | description 15 52 28 7 | description 75 52 28 7 | image 23 0 12 12 | image 83 0 12 12 | image 23 32 12 12 | image 83 32 12 12 | title 20 16 18 3 | title 84 16 11 3 | title 23 48 13 3 | title 85 48 9 3", "canvas_width": 1024, "canvas_height": 538, "elements": [ { "type": "image", "position": [ 201, 0, 110, 110 ], "completed": false }, { "type": "image", "position": [ 713, 0, 110, 110 ], "completed": false }, { "type": "title", "position": [ 175, 137, 162, 27 ], "completed": false }, { "type": "title", "position": [ 721, 137, 94, 27 ], "completed": false }, { "type": "description", "position": [ 134, 167, 243, 88 ], "completed": false }, { "type": "description", "position": [ 646, 167, 243, 68 ], "completed": false }, { "type": "image", "position": [ 201, 279, 110, 110 ], "completed": false }, { "type": "image", "position": [ 713, 279, 110, 110 ], "completed": false }, { "type": "title", "position": [ 197, 416, 118, 27 ], "completed": false }, { "type": "title", "position": [ 727, 416, 82, 27 ], "completed": false }, { "type": "description", "position": [ 134, 446, 243, 68 ], "completed": false }, { "type": "description", "position": [ 646, 446, 243, 68 ], "completed": false } ] }, { "text": "#A page showing the methods for users to connect.# There should be three information sets. In each set, there must be an icon, a short title followed by a short description, and several links through which users can get more information. Also, it is better to have a button so that users can explore other means to connect.", "region_id": "2316", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:title [attr:size'small'] ] [el:description [attr:size'small'] ] [el:link [attr:repeat'several'] ] ] ] [el:button [attr:value'explore other means to connect'] ] ]", "execution": "multiinfo : button undefined undefined | { [ description undefined small | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined small ] | [ description undefined small | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined small ] | [ description undefined small | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined small ] }", "layout_seq_with_completion": "button 42 44 34 5 | \" [ description 2 24 33 9 | icon 12 2 15 15 | link 13 37 12 2 | title 2 19 33 3 ] | [ icon 52 2 15 15 | complete link 52 25 15 2 | complete link 50 31 19 2 | link 49 36 21 2 | title 43 19 33 3 ] | [ description 83 24 33 9 | icon 92 2 15 15 | link 93 37 14 2 | title 83 19 33 3 ] \"", "layout_seq_without_completion": "button 42 44 34 5 | \" [ description 2 24 33 9 | icon 12 2 15 15 | link 13 37 12 2 | title 2 19 33 3 ] | [ icon 52 2 15 15 | link 52 25 15 2 | link 50 31 19 2 | link 49 36 21 2 | title 43 19 33 3 ] | [ description 83 24 33 9 | icon 92 2 15 15 | link 93 37 14 2 | title 83 19 33 3 ] \"", "plain_layout_seq": "button 42 44 34 5 | description 2 24 33 9 | description 83 24 33 9 | icon 12 2 15 15 | icon 52 2 15 15 | icon 92 2 15 15 | link 13 37 12 2 | link 52 25 15 2 | link 50 31 19 2 | link 49 36 21 2 | link 93 37 14 2 | title 2 19 33 3 | title 43 19 33 3 | title 83 19 33 3", "canvas_width": 1034, "canvas_height": 481, "elements": [ { "type": "icon", "position": [ 104, 20, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 452, 20, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 800, 20, 130, 130 ], "completed": false }, { "type": "title", "position": [ 25, 170, 288, 30 ], "completed": false }, { "type": "title", "position": [ 373, 170, 288, 30 ], "completed": false }, { "type": "title", "position": [ 721, 170, 288, 30 ], "completed": false }, { "type": "description", "position": [ 25, 215, 288, 81 ], "completed": false }, { "type": "description", "position": [ 721, 215, 288, 81 ], "completed": false }, { "type": "link", "position": [ 451, 221, 132, 22 ], "completed": true }, { "type": "link", "position": [ 432, 268, 170, 22 ], "completed": true }, { "type": "link", "position": [ 424, 315, 186, 22 ], "completed": false }, { "type": "link", "position": [ 117, 322, 104, 22 ], "completed": false }, { "type": "link", "position": [ 803, 322, 124, 22 ], "completed": false }, { "type": "button", "position": [ 369, 383, 296, 48 ], "completed": false } ] }, { "text": "#A page for showing the properties hub.#The page should have a title and two groups, each group has an image and a button, \"service\" and \"shop now\". Also, pagination was set next to the buttons.", "region_id": "5157", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] \n[item [el:image] [el:button[attr:value'service'] ] [el:pagination]]\n[item [el:image] [el:button[attr:value'shop now']] [el:pagination]] ]]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | pagination undefined undefined ] | [ button undefined undefined | image undefined undefined | pagination undefined undefined ] }", "layout_seq_with_completion": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 24 3", "layout_seq_without_completion": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 24 3", "plain_layout_seq": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 24 3", "canvas_width": 1024, "canvas_height": 277, "elements": [ { "type": "title", "position": [ 25, 8, 213, 30 ], "completed": false }, { "type": "image", "position": [ 50, 66, 295, 153 ], "completed": false }, { "type": "image", "position": [ 365, 66, 295, 153 ], "completed": false }, { "type": "button", "position": [ 209, 228, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 228, 116, 30 ], "completed": false } ] }, { "text": "#A page for users to follow Instagram.#The page should have a title and a description on the top. And, there are four images.", "region_id": "7322", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:description [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] ]", "execution": "multiinfo : description top undefined | title top undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "description 52 9 14 1 | title 45 3 29 2 | \" [ image 0 13 29 29 ] | [ image 30 13 29 29 ] | [ image 60 13 29 29 ] | [ image 90 13 29 29 ] \"", "layout_seq_without_completion": "description 52 9 14 1 | title 45 3 29 2 | \" [ image 0 13 29 29 ] | [ image 30 13 29 29 ] | [ image 60 13 29 29 ] | [ image 90 13 29 29 ] \"", "plain_layout_seq": "description 52 9 14 1 | image 0 13 29 29 | image 30 13 29 29 | image 60 13 29 29 | image 90 13 29 29 | title 45 3 29 2", "canvas_width": 1024, "canvas_height": 372, "elements": [ { "type": "title", "position": [ 387, 34, 251, 20 ], "completed": false }, { "type": "description", "position": [ 450, 78, 125, 17 ], "completed": false }, { "type": "image", "position": [ 3, 116, 250, 251 ], "completed": false }, { "type": "image", "position": [ 259, 116, 250, 251 ], "completed": false }, { "type": "image", "position": [ 515, 116, 250, 251 ], "completed": false }, { "type": "image", "position": [ 771, 116, 250, 251 ], "completed": false } ] }, { "text": "#A page of the designer company website.# There is a title and a slogan. Then, there are four groups of information about the designer's company, each of them has one image and one description. There is an image on the right side of the page.", "region_id": "5010", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] ] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : image right undefined | text undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 43 94 33 5 | description 5 47 33 5 | description 43 47 33 5 | description 5 94 33 5 | image 42 11 35 35 | image 4 58 35 34 | image 42 58 35 34 | image 4 11 35 34 | text 4 6 110 2 | title 8 2 25 4", "layout_seq_without_completion": "description 43 94 33 5 | description 5 47 33 5 | description 43 47 33 5 | description 5 94 33 5 | image 42 11 35 35 | image 4 58 35 34 | image 42 58 35 34 | image 4 11 35 34 | text 4 6 110 2 | title 8 2 25 4", "plain_layout_seq": "description 43 94 33 5 | description 5 47 33 5 | description 43 47 33 5 | description 5 94 33 5 | image 42 11 35 35 | image 4 58 35 34 | image 42 58 35 34 | image 4 11 35 34 | text 4 6 110 2 | title 8 2 25 4", "canvas_width": 1009, "canvas_height": 893, "elements": [ { "type": "title", "position": [ 71, 17, 217, 34 ], "completed": false }, { "type": "text", "position": [ 40, 52, 929, 24 ], "completed": false }, { "type": "image", "position": [ 40, 96, 295, 294 ], "completed": false }, { "type": "image", "position": [ 354, 96, 295, 295 ], "completed": false }, { "type": "description", "position": [ 47, 401, 280, 48 ], "completed": false }, { "type": "description", "position": [ 362, 401, 280, 48 ], "completed": false }, { "type": "image", "position": [ 40, 490, 295, 294 ], "completed": false }, { "type": "image", "position": [ 354, 490, 295, 294 ], "completed": false }, { "type": "description", "position": [ 47, 794, 280, 48 ], "completed": false }, { "type": "description", "position": [ 362, 794, 280, 48 ], "completed": false } ] }, { "text": "#A page showing the latest events.# There is a title.It is divided into two groups, each with a date and a description and it has two buttons. Also, there is a button\"VIEW ALL\".", "region_id": "666", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'2'] [item [el:text] [el:description] [el:button [attr:repeat'2'] ] ] ] [el:button [attr:value'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 2 47 16 4 | title 2 5 117 3 | \" [ button 2 23 6 1 | button 10 23 15 1 | description 2 16 113 5 | text 2 13 10 1 ] | [ button 10 40 15 1 | button 2 40 6 1 | description 2 33 117 5 | text 2 30 14 1 ] \"", "layout_seq_without_completion": "button 2 47 16 4 | title 2 5 117 3 | \" [ button 2 23 6 1 | button 10 23 15 1 | description 2 16 113 5 | text 2 13 10 1 ] | [ button 10 40 15 1 | button 2 40 6 1 | description 2 33 117 5 | text 2 30 14 1 ] \"", "plain_layout_seq": "button 2 47 16 4 | button 2 23 6 1 | button 10 23 15 1 | button 10 40 15 1 | button 2 40 6 1 | description 2 16 113 5 | description 2 33 117 5 | text 2 13 10 1 | text 2 30 14 1 | title 2 5 117 3", "canvas_width": 1004, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 20, 50, 984, 33 ], "completed": false }, { "type": "text", "position": [ 20, 114, 91, 15 ], "completed": false }, { "type": "description", "position": [ 20, 139, 951, 43 ], "completed": false }, { "type": "button", "position": [ 20, 196, 53, 15 ], "completed": false }, { "type": "button", "position": [ 88, 196, 131, 15 ], "completed": false }, { "type": "text", "position": [ 20, 259, 125, 15 ], "completed": false }, { "type": "description", "position": [ 20, 284, 979, 43 ], "completed": false }, { "type": "button", "position": [ 20, 342, 53, 15 ], "completed": false }, { "type": "button", "position": [ 88, 342, 131, 15 ], "completed": false }, { "type": "button", "position": [ 20, 394, 135, 36 ], "completed": false } ] }, { "text": "#A page showing the latest events.# There is a title. There is some text that shows the dates, the resumes, webcast, and Conference Call Invite of the events. Also, there is a button for obtaining more info.", "region_id": "666_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat 'several'] [item [el:text [attr:repeat 'several']]] ] [el:button [attr:value'read more'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 2 47 16 4 | title 2 5 117 3 | \" [ text 2 16 113 5 | text 2 13 10 1 | text 2 23 6 1 | text 10 23 15 1 ] | [ text 2 33 117 5 | text 2 30 14 1 | text 10 40 15 1 | text 2 40 6 1 ] \"", "layout_seq_without_completion": "button 2 47 16 4 | title 2 5 117 3 | \" [ text 2 16 113 5 | text 2 13 10 1 | text 2 23 6 1 | text 10 23 15 1 ] | [ text 2 33 117 5 | text 2 30 14 1 | text 10 40 15 1 | text 2 40 6 1 ] \"", "plain_layout_seq": "button 2 47 16 4 | text 2 16 113 5 | text 2 13 10 1 | text 2 23 6 1 | text 10 23 15 1 | text 2 33 117 5 | text 2 30 14 1 | text 10 40 15 1 | text 2 40 6 1 | title 2 5 117 3", "canvas_width": 1004, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 20, 50, 984, 33 ], "completed": false }, { "type": "text", "position": [ 20, 114, 91, 15 ], "completed": false }, { "type": "text", "position": [ 20, 139, 951, 43 ], "completed": false }, { "type": "text", "position": [ 20, 196, 53, 15 ], "completed": false }, { "type": "text", "position": [ 88, 196, 131, 15 ], "completed": false }, { "type": "text", "position": [ 20, 259, 125, 15 ], "completed": false }, { "type": "text", "position": [ 20, 284, 979, 43 ], "completed": false }, { "type": "text", "position": [ 20, 342, 53, 15 ], "completed": false }, { "type": "text", "position": [ 88, 342, 131, 15 ], "completed": false }, { "type": "button", "position": [ 20, 394, 135, 36 ], "completed": false } ] }, { "text": "#A page for users to sign up.# There are two parts. Each part includes one title, one description, and one button for users to sign up.", "region_id": "4773", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description] [el:button [attr:value 'sign up'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 69 22 33 5 | button 13 22 31 5 | description 13 15 37 5 | description 69 15 37 5 | title 69 9 37 4 | title 13 9 37 4", "layout_seq_without_completion": "button 69 22 33 5 | button 13 22 31 5 | description 13 15 37 5 | description 69 15 37 5 | title 69 9 37 4 | title 13 9 37 4", "plain_layout_seq": "button 69 22 33 5 | button 13 22 31 5 | description 13 15 37 5 | description 69 15 37 5 | title 69 9 37 4 | title 13 9 37 4", "canvas_width": 1024, "canvas_height": 342, "elements": [ { "type": "title", "position": [ 112, 81, 320, 40 ], "completed": false }, { "type": "title", "position": [ 592, 81, 320, 40 ], "completed": false }, { "type": "description", "position": [ 112, 129, 320, 48 ], "completed": false }, { "type": "description", "position": [ 592, 129, 320, 48 ], "completed": false }, { "type": "button", "position": [ 112, 193, 270, 48 ], "completed": false }, { "type": "button", "position": [ 592, 193, 284, 48 ], "completed": false } ] }, { "text": "# A page for the user to shop in their favorite league. # There should be a title \"Shop Your Favorite League\" and 8 images and text boxes showing the brand of the league.", "region_id": "1201", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'shop your favorite league'] ] [gp:InfoGroup [gattr:repeat'8'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 1 1 116 3 | \" [ image 22 7 8 8 | complete image 23 8 5 5 | text 25 15 3 3 ] | [ image 32 7 8 8 | complete image 33 8 5 5 | text 33 15 5 3 ] | [ image 41 7 8 8 | complete image 42 8 5 5 | text 43 15 3 3 ] | [ image 51 7 8 8 | complete image 52 8 5 5 | text 53 15 3 3 ] | [ image 60 7 8 8 | complete image 61 8 5 5 | text 62 15 3 3 ] | [ image 70 7 8 8 | complete image 71 8 5 5 | text 72 15 3 3 ] | [ complete image 80 8 5 5 | image 79 7 8 8 | text 80 15 5 3 ] | [ image 89 7 8 8 | complete image 90 8 5 5 | text 89 15 7 3 ] \"", "layout_seq_without_completion": "title 1 1 116 3 | \" [ image 22 7 8 8 | image 23 8 5 5 | text 25 15 3 3 ] | [ image 32 7 8 8 | image 33 8 5 5 | text 33 15 5 3 ] | [ image 41 7 8 8 | image 42 8 5 5 | text 43 15 3 3 ] | [ image 51 7 8 8 | image 52 8 5 5 | text 53 15 3 3 ] | [ image 60 7 8 8 | image 61 8 5 5 | text 62 15 3 3 ] | [ image 70 7 8 8 | image 71 8 5 5 | text 72 15 3 3 ] | [ image 80 8 5 5 | image 79 7 8 8 | text 80 15 5 3 ] | [ image 89 7 8 8 | image 90 8 5 5 | text 89 15 7 3 ] \"", "plain_layout_seq": "image 22 7 8 8 | image 23 8 5 5 | image 32 7 8 8 | image 33 8 5 5 | image 41 7 8 8 | image 42 8 5 5 | image 51 7 8 8 | image 52 8 5 5 | image 60 7 8 8 | image 61 8 5 5 | image 70 7 8 8 | image 71 8 5 5 | image 80 8 5 5 | image 79 7 8 8 | image 89 7 8 8 | image 90 8 5 5 | text 25 15 3 3 | text 33 15 5 3 | text 43 15 3 3 | text 53 15 3 3 | text 62 15 3 3 | text 72 15 3 3 | text 80 15 5 3 | text 89 15 7 3 | title 1 1 116 3", "canvas_width": 1024, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 16, 16, 992, 30 ], "completed": false }, { "type": "image", "position": [ 193, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 274, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 355, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 436, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 517, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 598, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 679, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 760, 62, 71, 71 ], "completed": false }, { "type": "image", "position": [ 203, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 284, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 365, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 446, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 527, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 608, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 689, 72, 51, 51 ], "completed": true }, { "type": "image", "position": [ 770, 72, 51, 51 ], "completed": true }, { "type": "text", "position": [ 214, 133, 29, 32 ], "completed": false }, { "type": "text", "position": [ 288, 133, 43, 32 ], "completed": false }, { "type": "text", "position": [ 374, 133, 33, 32 ], "completed": false }, { "type": "text", "position": [ 455, 133, 33, 32 ], "completed": false }, { "type": "text", "position": [ 536, 133, 33, 32 ], "completed": false }, { "type": "text", "position": [ 618, 133, 31, 32 ], "completed": false }, { "type": "text", "position": [ 690, 133, 49, 32 ], "completed": false }, { "type": "text", "position": [ 765, 133, 61, 32 ], "completed": false } ] }, { "text": "#A page including different payment methods for users to choose from.# The page should include 7 logos of different payment methods, such as VISA, PayPal and Discover Card.", "region_id": "7344", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'][item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 36 0 3 4 ] | [ logo 41 0 3 4 ] | [ logo 46 0 9 4 ] | [ logo 57 0 4 4 ] | [ logo 63 0 4 4 ] | [ logo 69 0 6 4 ] | [ logo 78 0 5 4 ] \"", "layout_seq_without_completion": "\" [ logo 36 0 3 4 ] | [ logo 41 0 3 4 ] | [ logo 46 0 9 4 ] | [ logo 57 0 4 4 ] | [ logo 63 0 4 4 ] | [ logo 69 0 6 4 ] | [ logo 78 0 5 4 ] \"", "plain_layout_seq": "logo 36 0 3 4 | logo 41 0 3 4 | logo 46 0 9 4 | logo 57 0 4 4 | logo 63 0 4 4 | logo 69 0 6 4 | logo 78 0 5 4", "canvas_width": 964, "canvas_height": 40, "elements": [ { "type": "logo", "position": [ 291, 0, 31, 34 ], "completed": false }, { "type": "logo", "position": [ 333, 0, 27, 34 ], "completed": false }, { "type": "logo", "position": [ 370, 0, 80, 34 ], "completed": false }, { "type": "logo", "position": [ 461, 0, 36, 34 ], "completed": false }, { "type": "logo", "position": [ 507, 0, 37, 34 ], "completed": false }, { "type": "logo", "position": [ 555, 0, 55, 34 ], "completed": false }, { "type": "logo", "position": [ 632, 0, 42, 34 ], "completed": false } ] }, { "text": "#A page introducing the companies that succeeded with Procore. # The page should have an exciting title to introduce the projects succeded with Porcore, and 8 logos of the projects.", "region_id": "2030_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'8'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 20 5 79 8 | \" [ logo 43 17 7 7 ] | [ logo 66 18 11 5 ] | [ logo 92 18 11 3 ] | [ logo 15 19 11 1 ] | [ logo 66 27 11 3 ] | [ logo 92 27 11 4 ] | [ logo 15 28 11 2 ] | [ logo 41 28 11 2 ] \"", "layout_seq_without_completion": "title 20 5 79 8 | \" [ logo 43 17 7 7 ] | [ logo 66 18 11 5 ] | [ logo 92 18 11 3 ] | [ logo 15 19 11 1 ] | [ logo 66 27 11 3 ] | [ logo 92 27 11 4 ] | [ logo 15 28 11 2 ] | [ logo 41 28 11 2 ] \"", "plain_layout_seq": "logo 43 17 7 7 | logo 66 18 11 5 | logo 92 18 11 3 | logo 15 19 11 1 | logo 66 27 11 3 | logo 92 27 11 4 | logo 15 28 11 2 | logo 41 28 11 2 | title 20 5 79 8", "canvas_width": 1024, "canvas_height": 398, "elements": [ { "type": "title", "position": [ 172, 50, 680, 72 ], "completed": false }, { "type": "logo", "position": [ 373, 147, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 571, 155, 100, 44 ], "completed": false }, { "type": "logo", "position": [ 790, 162, 100, 30 ], "completed": false }, { "type": "logo", "position": [ 134, 168, 100, 16 ], "completed": false }, { "type": "logo", "position": [ 790, 232, 100, 41 ], "completed": false }, { "type": "logo", "position": [ 571, 238, 100, 27 ], "completed": false }, { "type": "logo", "position": [ 134, 242, 100, 21 ], "completed": false }, { "type": "logo", "position": [ 353, 243, 100, 19 ], "completed": false } ] }, { "text": "#A page for showing the featured tools.# The page should have a title, 3 related images to show the featured tools, and two buttons for users to click to turn the page.", "region_id": "3827", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] [el:pagination ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 111 0 4 5 | complete button 115 0 4 4 | title 0 0 20 5 | \" [ image 0 8 38 28 ] | [ image 40 8 38 28 ] | [ image 80 8 38 28 ] \"", "layout_seq_without_completion": "button 111 0 4 5 | button 115 0 4 4 | title 0 0 20 5 | \" [ image 0 8 38 28 ] | [ image 40 8 38 28 ] | [ image 80 8 38 28 ] \"", "plain_layout_seq": "button 111 0 4 5 | button 115 0 4 4 | image 0 8 38 28 | image 40 8 38 28 | image 80 8 38 28 | title 0 0 20 5", "canvas_width": 984, "canvas_height": 314, "elements": [ { "type": "title", "position": [ 0, 0, 172, 44 ], "completed": false }, { "type": "button", "position": [ 913, 0, 34, 42 ], "completed": true }, { "type": "button", "position": [ 951, 6, 33, 38 ], "completed": true }, { "type": "image", "position": [ 5, 71, 318, 231 ], "completed": false }, { "type": "image", "position": [ 333, 71, 318, 231 ], "completed": false }, { "type": "image", "position": [ 661, 71, 318, 231 ], "completed": false } ] }, { "text": "#A page for users to choose the packages or bundles.# There is one label \"Packages/Bundles\". Below are three parts. Each part includes one image, one name label, and one price label. At the bottom, there is one link for viewing all.", "region_id": "8120", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Packages/Bundles'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:text] ] ] [el:link [attr:position 'bottom'] [attr:value 'viewing all'] ] ]", "execution": "multiinfo : link bottom undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 51 94 16 5 | title 14 16 91 6 | \" [ image 4 31 35 49 | text 7 75 29 2 | text 7 70 29 4 ] | [ image 42 31 35 49 | text 45 75 29 2 | text 45 70 29 4 ] | [ image 79 31 35 53 | text 82 79 29 2 | text 82 70 29 8 ] \"", "layout_seq_without_completion": "link 51 94 16 5 | title 14 16 91 6 | \" [ image 4 31 35 49 | text 7 75 29 2 | text 7 70 29 4 ] | [ image 42 31 35 49 | text 45 75 29 2 | text 45 70 29 4 ] | [ image 79 31 35 53 | text 82 79 29 2 | text 82 70 29 8 ] \"", "plain_layout_seq": "image 4 31 35 49 | image 42 31 35 49 | image 79 31 35 53 | link 51 94 16 5 | text 7 75 29 2 | text 7 70 29 4 | text 45 75 29 2 | text 45 70 29 4 | text 82 79 29 2 | text 82 70 29 8 | title 14 16 91 6", "canvas_width": 1024, "canvas_height": 997, "elements": [ { "type": "title", "position": [ 122, 137, 780, 55 ], "completed": false }, { "type": "image", "position": [ 42, 269, 300, 421 ], "completed": false }, { "type": "image", "position": [ 362, 269, 300, 421 ], "completed": false }, { "type": "image", "position": [ 682, 269, 300, 457 ], "completed": false }, { "type": "text", "position": [ 68, 600, 248, 36 ], "completed": false }, { "type": "text", "position": [ 388, 600, 248, 36 ], "completed": false }, { "type": "text", "position": [ 708, 600, 248, 72 ], "completed": false }, { "type": "text", "position": [ 68, 641, 248, 23 ], "completed": false }, { "type": "text", "position": [ 388, 641, 248, 23 ], "completed": false }, { "type": "text", "position": [ 708, 677, 248, 23 ], "completed": false }, { "type": "link", "position": [ 440, 806, 143, 50 ], "completed": false } ] }, { "text": "# A page for presenting the reviews for a company from the customers. # The page should have the title \"Our reviews\", a short description, and three groups of reviews. In each group, there should have an image, a customer name, a career name, and a short review.", "region_id": "3093", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our reviews'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 11 108 2 | description 5 61 33 5 | description 43 61 33 5 | description 80 61 33 3 | image 82 19 29 29 | image 45 19 29 29 | image 7 19 29 29 | text 5 57 33 2 | text 80 57 33 2 | text 43 57 33 2 | title 5 5 108 4 | title 43 52 33 3 | title 5 52 33 3 | title 80 52 33 3", "layout_seq_without_completion": "description 5 11 108 2 | description 5 61 33 5 | description 43 61 33 5 | description 80 61 33 3 | image 82 19 29 29 | image 45 19 29 29 | image 7 19 29 29 | text 5 57 33 2 | text 80 57 33 2 | text 43 57 33 2 | title 5 5 108 4 | title 43 52 33 3 | title 5 52 33 3 | title 80 52 33 3", "plain_layout_seq": "description 5 11 108 2 | description 5 61 33 5 | description 43 61 33 5 | description 80 61 33 3 | image 82 19 29 29 | image 45 19 29 29 | image 7 19 29 29 | text 5 57 33 2 | text 80 57 33 2 | text 43 57 33 2 | title 5 5 108 4 | title 43 52 33 3 | title 5 52 33 3 | title 80 52 33 3", "canvas_width": 1024, "canvas_height": 668, "elements": [ { "type": "title", "position": [ 47, 48, 930, 41 ], "completed": false }, { "type": "description", "position": [ 47, 97, 930, 25 ], "completed": false }, { "type": "image", "position": [ 67, 170, 250, 250 ], "completed": false }, { "type": "image", "position": [ 387, 170, 250, 250 ], "completed": false }, { "type": "image", "position": [ 707, 170, 250, 250 ], "completed": false }, { "type": "title", "position": [ 47, 444, 290, 31 ], "completed": false }, { "type": "title", "position": [ 367, 444, 290, 31 ], "completed": false }, { "type": "title", "position": [ 687, 444, 290, 31 ], "completed": false }, { "type": "text", "position": [ 47, 491, 290, 20 ], "completed": false }, { "type": "text", "position": [ 367, 491, 290, 20 ], "completed": false }, { "type": "text", "position": [ 687, 491, 290, 20 ], "completed": false }, { "type": "description", "position": [ 47, 527, 290, 51 ], "completed": false }, { "type": "description", "position": [ 367, 527, 290, 51 ], "completed": false }, { "type": "description", "position": [ 687, 527, 290, 26 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# There are three groups on this page. Each group has one background, with a label showing the name of the type.", "region_id": "4872", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 1 0 76 76 | background 81 0 36 36 | background 81 40 36 36 | title 27 66 24 7 | title 88 66 22 7 | title 91 26 17 7", "layout_seq_without_completion": "background 1 0 76 76 | background 81 0 36 36 | background 81 40 36 36 | title 27 66 24 7 | title 88 66 22 7 | title 91 26 17 7", "plain_layout_seq": "background 1 0 76 76 | background 81 0 36 36 | background 81 40 36 36 | title 27 66 24 7 | title 88 66 22 7 | title 91 26 17 7", "canvas_width": 901, "canvas_height": 601, "elements": [ { "type": "background", "position": [ 12, 0, 577, 577 ], "completed": false }, { "type": "background", "position": [ 613, 0, 276, 276 ], "completed": false }, { "type": "title", "position": [ 687, 199, 128, 53 ], "completed": false }, { "type": "background", "position": [ 613, 301, 276, 276 ], "completed": false }, { "type": "title", "position": [ 209, 499, 184, 53 ], "completed": false }, { "type": "title", "position": [ 666, 499, 171, 53 ], "completed": false } ] }, { "text": "#A template for users to enter info they need. # The page should have 3 groups as 3 columns for users to choose the products they need to show. And each group should have one title, and an area for users to introduce the details of the products.", "region_id": "8491", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 8 31 13 | description 80 8 31 13 | description 44 8 31 13 | title 80 4 31 3 | title 7 4 31 3 | title 44 4 31 3", "layout_seq_without_completion": "description 7 8 31 13 | description 80 8 31 13 | description 44 8 31 13 | title 80 4 31 3 | title 7 4 31 3 | title 44 4 31 3", "plain_layout_seq": "description 7 8 31 13 | description 80 8 31 13 | description 44 8 31 13 | title 80 4 31 3 | title 7 4 31 3 | title 44 4 31 3", "canvas_width": 1024, "canvas_height": 249, "elements": [ { "type": "title", "position": [ 65, 36, 273, 27 ], "completed": false }, { "type": "title", "position": [ 376, 36, 273, 27 ], "completed": false }, { "type": "title", "position": [ 686, 36, 273, 27 ], "completed": false }, { "type": "description", "position": [ 65, 73, 273, 115 ], "completed": false }, { "type": "description", "position": [ 376, 73, 273, 115 ], "completed": false }, { "type": "description", "position": [ 686, 73, 273, 115 ], "completed": false } ] }, { "text": "# A page for marketing Escrow.com to attract the user to conduct deals on it. # The page should have six groups of information sets with each having a small image, a title, a further introduction, and a link \"Learn More\" for the user to click to learn more info. So the user can know the service of Escrow.com.", "region_id": "4976", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 16 13 37 20 | image 16 1 5 5 | link 16 34 10 2 | title 16 8 37 3 ] | [ description 66 13 37 17 | image 66 3 7 3 | link 66 31 10 2 | title 66 8 37 3 ] | [ description 16 57 37 11 | image 16 45 6 5 | link 16 70 10 2 | title 16 52 37 3 ] | [ description 66 57 37 11 | image 66 45 6 5 | link 66 70 10 2 | title 66 52 37 3 ] | [ description 16 93 37 11 | image 16 79 6 7 | link 16 106 10 2 | title 16 88 37 3 ] | [ description 66 93 37 14 | image 66 80 4 6 | link 66 109 10 2 | title 66 88 37 3 ] \"", "layout_seq_without_completion": "\" [ description 16 13 37 20 | image 16 1 5 5 | link 16 34 10 2 | title 16 8 37 3 ] | [ description 66 13 37 17 | image 66 3 7 3 | link 66 31 10 2 | title 66 8 37 3 ] | [ description 16 57 37 11 | image 16 45 6 5 | link 16 70 10 2 | title 16 52 37 3 ] | [ description 66 57 37 11 | image 66 45 6 5 | link 66 70 10 2 | title 66 52 37 3 ] | [ description 16 93 37 11 | image 16 79 6 7 | link 16 106 10 2 | title 16 88 37 3 ] | [ description 66 93 37 14 | image 66 80 4 6 | link 66 109 10 2 | title 66 88 37 3 ] \"", "plain_layout_seq": "description 16 13 37 20 | description 66 13 37 17 | description 16 57 37 11 | description 66 57 37 11 | description 16 93 37 11 | description 66 93 37 14 | image 16 1 5 5 | image 66 3 7 3 | image 16 45 6 5 | image 66 45 6 5 | image 16 79 6 7 | image 66 80 4 6 | link 16 34 10 2 | link 66 31 10 2 | link 16 70 10 2 | link 66 70 10 2 | link 16 106 10 2 | link 66 109 10 2 | title 16 8 37 3 | title 66 8 37 3 | title 16 52 37 3 | title 66 52 37 3 | title 16 88 37 3 | title 66 88 37 3", "canvas_width": 1008, "canvas_height": 973, "elements": [ { "type": "image", "position": [ 135, 13, 48, 44 ], "completed": false }, { "type": "image", "position": [ 555, 27, 66, 30 ], "completed": false }, { "type": "title", "position": [ 135, 68, 318, 28 ], "completed": false }, { "type": "title", "position": [ 555, 68, 318, 28 ], "completed": false }, { "type": "description", "position": [ 135, 110, 318, 168 ], "completed": false }, { "type": "description", "position": [ 555, 110, 318, 144 ], "completed": false }, { "type": "link", "position": [ 555, 268, 86, 20 ], "completed": false }, { "type": "link", "position": [ 135, 292, 86, 20 ], "completed": false }, { "type": "image", "position": [ 555, 379, 51, 50 ], "completed": false }, { "type": "image", "position": [ 135, 386, 58, 43 ], "completed": false }, { "type": "title", "position": [ 135, 440, 318, 28 ], "completed": false }, { "type": "title", "position": [ 555, 440, 318, 28 ], "completed": false }, { "type": "description", "position": [ 135, 482, 318, 96 ], "completed": false }, { "type": "description", "position": [ 555, 482, 318, 96 ], "completed": false }, { "type": "link", "position": [ 135, 592, 86, 20 ], "completed": false }, { "type": "link", "position": [ 555, 592, 86, 20 ], "completed": false }, { "type": "image", "position": [ 135, 670, 57, 59 ], "completed": false }, { "type": "image", "position": [ 555, 673, 40, 56 ], "completed": false }, { "type": "title", "position": [ 135, 740, 318, 28 ], "completed": false }, { "type": "title", "position": [ 555, 740, 318, 28 ], "completed": false }, { "type": "description", "position": [ 135, 782, 318, 96 ], "completed": false }, { "type": "description", "position": [ 555, 782, 318, 120 ], "completed": false }, { "type": "link", "position": [ 135, 892, 86, 20 ], "completed": false }, { "type": "link", "position": [ 555, 916, 86, 20 ], "completed": false } ] }, { "text": "#This page is mainly to guide users to Get started with Oasis.app.# This page has the title getting started with Oasis. app. There are three groups at the bottom of the page: Multiply your assets, Borrow Dai and Manage your vault. Each set has a background image, title, and introduction, as well as a button and a icon, to Open the vault or Connect your wallet.", "region_id": "3753", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'get started with the app'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'multiply your assets, borrow dai, manage your vault'] [item [el:background_image] [el:title] [el:description] [el:button] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 4 | \" [ background 2 8 45 55 | button 6 28 10 2 | description 6 17 38 8 | icon 18 28 1 1 | title 6 13 38 3 ] | [ background 52 8 64 25 | button 56 25 10 2 | description 56 17 38 5 | icon 67 26 1 1 | title 56 13 56 3 ] | [ background 52 38 64 25 | button 56 55 19 2 | description 56 47 38 5 | icon 76 55 1 1 | title 56 43 56 3 ] \"", "layout_seq_without_completion": "title 0 0 120 4 | \" [ background 2 8 45 55 | button 6 28 10 2 | description 6 17 38 8 | icon 18 28 1 1 | title 6 13 38 3 ] | [ background 52 8 64 25 | button 56 25 10 2 | description 56 17 38 5 | icon 67 26 1 1 | title 56 13 56 3 ] | [ background 52 38 64 25 | button 56 55 19 2 | description 56 47 38 5 | icon 76 55 1 1 | title 56 43 56 3 ] \"", "plain_layout_seq": "background 2 8 45 55 | background 52 8 64 25 | background 52 38 64 25 | button 6 28 10 2 | button 56 25 10 2 | button 56 55 19 2 | description 6 17 38 8 | description 56 17 38 5 | description 56 47 38 5 | icon 18 28 1 1 | icon 67 26 1 1 | icon 76 55 1 1 | title 0 0 120 4 | title 6 13 38 3 | title 56 13 56 3 | title 56 43 56 3", "canvas_width": 992, "canvas_height": 593, "elements": [ { "type": "title", "position": [ 0, 0, 992, 38 ], "completed": false }, { "type": "background", "position": [ 24, 71, 379, 458 ], "completed": false }, { "type": "background", "position": [ 435, 71, 533, 213 ], "completed": false }, { "type": "title", "position": [ 56, 111, 315, 29 ], "completed": false }, { "type": "title", "position": [ 467, 111, 469, 29 ], "completed": false }, { "type": "description", "position": [ 56, 148, 315, 72 ], "completed": false }, { "type": "description", "position": [ 467, 148, 320, 48 ], "completed": false }, { "type": "button", "position": [ 467, 214, 87, 20 ], "completed": false }, { "type": "icon", "position": [ 560, 215, 15, 15 ], "completed": false }, { "type": "button", "position": [ 56, 238, 87, 20 ], "completed": false }, { "type": "icon", "position": [ 149, 239, 15, 15 ], "completed": false }, { "type": "background", "position": [ 435, 316, 533, 213 ], "completed": false }, { "type": "title", "position": [ 467, 356, 469, 29 ], "completed": false }, { "type": "description", "position": [ 467, 392, 320, 48 ], "completed": false }, { "type": "button", "position": [ 467, 458, 161, 20 ], "completed": false }, { "type": "icon", "position": [ 634, 459, 15, 15 ], "completed": false } ] }, { "text": "# A page for browsing the subjects, undergraduate and postgraduate on a school website. # On the page, three groups \"Subjects\" \"Undergraduate\" and \"Postgraduate\" should be included. In each group, there should be a title, a further description, and a link for the user to click to view more info about the subjects and courses.", "region_id": "4570", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Subjects, Undergraduate, Postgraduate'] [item [el:title] [el:description] [el:link [attr:value 'view more info about the subjects and courses'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 9 29 13 | complete icon 16 29 2 2 | complete image 0 0 37 36 | link 3 26 18 7 | complete text 6 28 9 3 | title 3 3 13 4 ] | [ description 44 9 29 9 | complete icon 69 27 1 2 | complete image 40 0 37 36 | link 44 24 29 7 | complete text 46 25 21 6 | title 44 3 23 4 ] | [ description 85 9 29 9 | complete icon 110 27 2 2 | complete image 81 0 37 36 | link 85 24 29 7 | complete text 87 25 21 6 | title 85 3 21 4 ] \"", "layout_seq_without_completion": "\" [ description 3 9 29 13 | icon 16 29 2 2 | image 0 0 37 36 | link 3 26 18 7 | text 6 28 9 3 | title 3 3 13 4 ] | [ description 44 9 29 9 | icon 69 27 1 2 | image 40 0 37 36 | link 44 24 29 7 | text 46 25 21 6 | title 44 3 23 4 ] | [ description 85 9 29 9 | icon 110 27 2 2 | image 81 0 37 36 | link 85 24 29 7 | text 87 25 21 6 | title 85 3 21 4 ] \"", "plain_layout_seq": "description 3 9 29 13 | description 44 9 29 9 | description 85 9 29 9 | icon 16 29 2 2 | icon 69 27 1 2 | icon 110 27 2 2 | image 0 0 37 36 | image 40 0 37 36 | image 81 0 37 36 | link 3 26 18 7 | link 44 24 29 7 | link 85 24 29 7 | text 6 28 9 3 | text 46 25 21 6 | text 87 25 21 6 | title 3 3 13 4 | title 44 3 23 4 | title 85 3 21 4", "canvas_width": 905, "canvas_height": 276, "elements": [ { "type": "image", "position": [ 0, 0, 281, 276 ], "completed": true }, { "type": "image", "position": [ 308, 0, 281, 276 ], "completed": true }, { "type": "image", "position": [ 615, 0, 281, 276 ], "completed": true }, { "type": "title", "position": [ 28, 28, 102, 34 ], "completed": false }, { "type": "title", "position": [ 336, 28, 179, 34 ], "completed": false }, { "type": "title", "position": [ 643, 28, 161, 34 ], "completed": false }, { "type": "description", "position": [ 28, 74, 221, 100 ], "completed": false }, { "type": "description", "position": [ 336, 74, 221, 75 ], "completed": false }, { "type": "description", "position": [ 643, 74, 221, 75 ], "completed": false }, { "type": "link", "position": [ 336, 188, 221, 60 ], "completed": false }, { "type": "link", "position": [ 643, 188, 221, 60 ], "completed": false }, { "type": "text", "position": [ 354, 194, 162, 48 ], "completed": true }, { "type": "text", "position": [ 661, 194, 161, 48 ], "completed": true }, { "type": "link", "position": [ 28, 198, 136, 60 ], "completed": false }, { "type": "icon", "position": [ 524, 209, 15, 18 ], "completed": true }, { "type": "icon", "position": [ 830, 209, 16, 18 ], "completed": true }, { "type": "text", "position": [ 46, 216, 74, 24 ], "completed": true }, { "type": "icon", "position": [ 128, 219, 18, 18 ], "completed": true } ] }, { "text": "#A page introducing services of a website.# The page contains 4 information sets. Each group includes an icon, a title, and an introduction.", "region_id": "6403", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 29 3 26 11 | icon 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 11 | icon 64 0 3 3 | title 70 0 26 3 ] | [ description 29 24 26 9 | icon 23 21 3 3 | title 29 20 26 3 ] | [ description 70 24 26 11 | icon 64 21 3 3 | title 70 20 26 3 ] \"", "layout_seq_without_completion": "\" [ description 29 3 26 11 | icon 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 11 | icon 64 0 3 3 | title 70 0 26 3 ] | [ description 29 24 26 9 | icon 23 21 3 3 | title 29 20 26 3 ] | [ description 70 24 26 11 | icon 64 21 3 3 | title 70 20 26 3 ] \"", "plain_layout_seq": "description 29 3 26 11 | description 70 3 26 11 | description 29 24 26 9 | description 70 24 26 11 | icon 23 0 3 3 | icon 64 0 3 3 | icon 23 21 3 3 | icon 64 21 3 3 | title 29 0 26 3 | title 70 0 26 3 | title 29 20 26 3 | title 70 20 26 3", "canvas_width": 1024, "canvas_height": 354, "elements": [ { "type": "title", "position": [ 248, 0, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 224, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 30, 224, 102 ], "completed": false }, { "type": "description", "position": [ 600, 30, 224, 102 ], "completed": false }, { "type": "title", "position": [ 248, 177, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 177, 224, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 185, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 185, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 207, 224, 77 ], "completed": false }, { "type": "description", "position": [ 600, 207, 224, 102 ], "completed": false } ] }, { "text": "#A page for users to get information and encouraging users to subscribe to their emails.# The page should contain 4 titles, including \"Quick links\" followed by a link \"Search\", \"Info\" followed by a link \"Search\", \"Our mission\" followed by an introduction, and \"Subscribe to our emails\" followed by a link for users to click.", "region_id": "7770", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] \n[item [el:title[attr:value 'quick links']] [el:link [attr:value 'search']]]\n[item [el:title[attr:value 'Info'] ] [el:link [attr:value 'search']]] \n[item [el:title[attr:value 'Our mission'] ] [el:description]]\n[item [el:title[attr:value 'Subscribe to our emails']] [el:link]]]]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 78 5 35 10 | complete icon 44 25 1 2 | complete input 5 24 41 5 | link 5 5 5 3 | link 42 5 5 3 | link 8 25 4 2 | title 78 0 35 2 | title 42 0 35 2 | title 5 18 108 2 | title 5 0 35 2", "layout_seq_without_completion": "description 78 5 35 10 | icon 44 25 1 2 | input 5 24 41 5 | link 5 5 5 3 | link 42 5 5 3 | link 8 25 4 2 | title 78 0 35 2 | title 42 0 35 2 | title 5 18 108 2 | title 5 0 35 2", "plain_layout_seq": "description 78 5 35 10 | icon 44 25 1 2 | input 5 24 41 5 | link 5 5 5 3 | link 42 5 5 3 | link 8 25 4 2 | title 78 0 35 2 | title 42 0 35 2 | title 5 18 108 2 | title 5 0 35 2", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "title", "position": [ 50, 0, 303, 23 ], "completed": false }, { "type": "title", "position": [ 361, 0, 303, 23 ], "completed": false }, { "type": "title", "position": [ 671, 0, 303, 23 ], "completed": false }, { "type": "description", "position": [ 671, 44, 303, 86 ], "completed": false }, { "type": "link", "position": [ 50, 46, 44, 30 ], "completed": false }, { "type": "link", "position": [ 361, 46, 44, 30 ], "completed": false }, { "type": "title", "position": [ 50, 160, 924, 23 ], "completed": false }, { "type": "input", "position": [ 51, 205, 358, 45 ], "completed": true }, { "type": "link", "position": [ 71, 215, 42, 24 ], "completed": false }, { "type": "icon", "position": [ 380, 215, 15, 25 ], "completed": true } ] }, { "text": "#A page for introducing the starry blog to users.# The page should include two parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "511", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete title 6 0 107 3 | \" [ complete image 6 9 51 67 | image 6 9 51 51 | link 8 70 48 2 | complete text 7 62 11 1 | title 8 66 48 2 ] | [ image 61 9 51 51 | complete image 61 9 51 67 | link 63 70 48 2 | complete text 63 62 11 1 | title 63 66 48 2 ] \"", "layout_seq_without_completion": "title 6 0 107 3 | \" [ image 6 9 51 67 | image 6 9 51 51 | link 8 70 48 2 | text 7 62 11 1 | title 8 66 48 2 ] | [ image 61 9 51 51 | image 61 9 51 67 | link 63 70 48 2 | text 63 62 11 1 | title 63 66 48 2 ] \"", "plain_layout_seq": "image 6 9 51 67 | image 6 9 51 51 | image 61 9 51 51 | image 61 9 51 67 | link 8 70 48 2 | link 63 70 48 2 | text 7 62 11 1 | text 63 62 11 1 | title 6 0 107 3 | title 8 66 48 2 | title 63 66 48 2", "canvas_width": 1024, "canvas_height": 731, "elements": [ { "type": "title", "position": [ 55, 0, 914, 32 ], "completed": true }, { "type": "image", "position": [ 55, 82, 443, 572 ], "completed": true }, { "type": "image", "position": [ 526, 82, 443, 572 ], "completed": true }, { "type": "image", "position": [ 56, 83, 441, 441 ], "completed": false }, { "type": "image", "position": [ 527, 83, 441, 441 ], "completed": false }, { "type": "text", "position": [ 67, 533, 95, 15 ], "completed": true }, { "type": "text", "position": [ 538, 533, 95, 15 ], "completed": true }, { "type": "title", "position": [ 71, 568, 411, 25 ], "completed": false }, { "type": "title", "position": [ 542, 568, 411, 25 ], "completed": false }, { "type": "link", "position": [ 71, 600, 411, 18 ], "completed": false }, { "type": "link", "position": [ 542, 600, 411, 18 ], "completed": false } ] }, { "text": "#A page showing the logos of several user companies.# There should be a long text box as the title. Five small images showing these logos are needed.", "region_id": "55", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size 'large'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined large | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 27 6 65 9 | \" [ logo 31 19 11 3 ] | [ logo 54 19 11 3 ] | [ logo 101 19 11 3 ] | [ logo 6 20 14 1 ] | [ logo 76 20 14 2 ] \"", "layout_seq_without_completion": "title 27 6 65 9 | \" [ logo 31 19 11 3 ] | [ logo 54 19 11 3 ] | [ logo 101 19 11 3 ] | [ logo 6 20 14 1 ] | [ logo 76 20 14 2 ] \"", "plain_layout_seq": "logo 31 19 11 3 | logo 54 19 11 3 | logo 101 19 11 3 | logo 6 20 14 1 | logo 76 20 14 2 | title 27 6 65 9", "canvas_width": 1024, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 232, 56, 560, 80 ], "completed": false }, { "type": "logo", "position": [ 269, 169, 100, 30 ], "completed": false }, { "type": "logo", "position": [ 462, 169, 100, 30 ], "completed": false }, { "type": "logo", "position": [ 868, 169, 100, 30 ], "completed": false }, { "type": "logo", "position": [ 655, 175, 120, 18 ], "completed": false }, { "type": "logo", "position": [ 56, 176, 120, 16 ], "completed": false } ] }, { "text": "# A page introducing which social platforms is the company on. # On the page, there should have a title \"Social\" and five logos of social media platforms: Facebook, Twitter, Linkedin, Instagram, and YouTube.", "region_id": "5547", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Social'] ] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'Facebook, Twitter, Linkedin, Instagram,YouTube'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 8 120 2 | \" [ logo 10 13 8 2 ] | [ logo 35 13 6 2 ] | [ logo 58 13 7 2 ] | [ logo 81 13 8 2 ] | [ logo 105 13 7 2 ] \"", "layout_seq_without_completion": "title 0 8 120 2 | \" [ logo 10 13 8 2 ] | [ logo 35 13 6 2 ] | [ logo 58 13 7 2 ] | [ logo 81 13 8 2 ] | [ logo 105 13 7 2 ] \"", "plain_layout_seq": "logo 10 13 8 2 | logo 35 13 6 2 | logo 58 13 7 2 | logo 81 13 8 2 | logo 105 13 7 2 | title 0 8 120 2", "canvas_width": 1024, "canvas_height": 326, "elements": [ { "type": "title", "position": [ 0, 72, 1024, 24 ], "completed": false }, { "type": "logo", "position": [ 90, 114, 75, 24 ], "completed": false }, { "type": "logo", "position": [ 302, 114, 54, 24 ], "completed": false }, { "type": "logo", "position": [ 499, 114, 62, 24 ], "completed": false }, { "type": "logo", "position": [ 694, 114, 74, 24 ], "completed": false }, { "type": "logo", "position": [ 901, 114, 64, 24 ], "completed": false } ] }, { "text": "#A page showing the advantages of an investment company.# The page should include the title \"60,00,000+ users trust us for their Investments\" and an explanation and a background image. The page also contains 3 information sets. Each group includes an icon, a title, an introduction and a link. The three titles are: \"Mutual Funds\", \"Stock Market\", and \"NPS Retirement Funds\".", "region_id": "6091", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value '60,00,000+ users trust us for their investments'] ] [el:description] [el:background_image] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'mutual funds, stock market, nps retirement funds'] [item [el:icon] [el:title] [el:description] [el:link] ] ] ]", "execution": "multiinfo : background undefined undefined | description undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 0 15 85 103 | description 0 14 120 5 | description 5 44 29 4 | description 84 44 29 4 | description 5 83 29 4 | icon 14 26 12 12 | icon 93 26 12 12 | icon 14 66 12 12 | complete image 78 24 41 35 | complete image 0 63 41 35 | complete image 0 24 41 35 | link 12 90 15 4 | link 12 50 15 4 | link 91 50 15 4 | title 0 0 120 13 | title 92 40 13 2 | title 13 40 13 2 | title 9 80 22 2", "layout_seq_without_completion": "background 0 15 85 103 | description 0 14 120 5 | description 5 44 29 4 | description 84 44 29 4 | description 5 83 29 4 | icon 14 26 12 12 | icon 93 26 12 12 | icon 14 66 12 12 | image 78 24 41 35 | image 0 63 41 35 | image 0 24 41 35 | link 12 90 15 4 | link 12 50 15 4 | link 91 50 15 4 | title 0 0 120 13 | title 92 40 13 2 | title 13 40 13 2 | title 9 80 22 2", "plain_layout_seq": "background 0 15 85 103 | description 0 14 120 5 | description 5 44 29 4 | description 84 44 29 4 | description 5 83 29 4 | icon 14 26 12 12 | icon 93 26 12 12 | icon 14 66 12 12 | image 78 24 41 35 | image 0 63 41 35 | image 0 24 41 35 | link 12 90 15 4 | link 12 50 15 4 | link 91 50 15 4 | title 0 0 120 13 | title 92 40 13 2 | title 13 40 13 2 | title 9 80 22 2", "canvas_width": 1024, "canvas_height": 1009, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 111 ], "completed": false }, { "type": "description", "position": [ 0, 121, 1024, 46 ], "completed": false }, { "type": "background", "position": [ 0, 129, 727, 880 ], "completed": false }, { "type": "image", "position": [ 0, 207, 350, 299 ], "completed": true }, { "type": "image", "position": [ 674, 207, 350, 299 ], "completed": true }, { "type": "icon", "position": [ 120, 226, 109, 108 ], "completed": false }, { "type": "icon", "position": [ 795, 226, 108, 108 ], "completed": false }, { "type": "title", "position": [ 116, 344, 117, 23 ], "completed": false }, { "type": "title", "position": [ 792, 344, 113, 23 ], "completed": false }, { "type": "description", "position": [ 51, 378, 248, 36 ], "completed": false }, { "type": "description", "position": [ 725, 378, 248, 36 ], "completed": false }, { "type": "link", "position": [ 110, 434, 130, 38 ], "completed": false }, { "type": "link", "position": [ 784, 434, 130, 38 ], "completed": false }, { "type": "image", "position": [ 0, 546, 350, 299 ], "completed": true }, { "type": "icon", "position": [ 121, 566, 108, 108 ], "completed": false }, { "type": "title", "position": [ 78, 684, 194, 23 ], "completed": false }, { "type": "description", "position": [ 51, 716, 248, 36 ], "completed": false }, { "type": "link", "position": [ 110, 772, 130, 38 ], "completed": false } ] }, { "text": "#A page for introducing one team which provides solutions to purpose-built .# There should be one title\"Solutions purpose-built for you\". Next are three info groups and each of them includes related people's images and each of them is followed by two text boxes, one for the identity and the other for the personal introduction, and one button for users to learn more.", "region_id": "2028", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'solutions purpose-built for you'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | description 5 46 32 5 | description 43 46 32 5 | description 81 46 32 5 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "layout_seq_without_completion": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | description 5 46 32 5 | description 43 46 32 5 | description 81 46 32 5 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "plain_layout_seq": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | description 5 46 32 5 | description 43 46 32 5 | description 81 46 32 5 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "canvas_width": 1024, "canvas_height": 537, "elements": [ { "type": "title", "position": [ 310, 50, 405, 36 ], "completed": false }, { "type": "image", "position": [ 50, 111, 250, 250 ], "completed": false }, { "type": "image", "position": [ 375, 111, 250, 250 ], "completed": false }, { "type": "image", "position": [ 699, 111, 250, 250 ], "completed": false }, { "type": "text", "position": [ 50, 337, 275, 49 ], "completed": false }, { "type": "text", "position": [ 375, 337, 275, 49 ], "completed": false }, { "type": "text", "position": [ 699, 337, 275, 49 ], "completed": false }, { "type": "description", "position": [ 50, 398, 275, 48 ], "completed": false }, { "type": "description", "position": [ 375, 398, 275, 48 ], "completed": false }, { "type": "description", "position": [ 699, 398, 275, 48 ], "completed": false }, { "type": "button", "position": [ 50, 460, 124, 27 ], "completed": false }, { "type": "button", "position": [ 375, 460, 124, 27 ], "completed": false }, { "type": "button", "position": [ 699, 460, 124, 27 ], "completed": false } ] }, { "text": "#A page for introducing one team which provides solutions to purpose-built .# There should be one text box showing the title. Three images show related people's images and each of them is followed by two text boxes and one text button.", "region_id": "2028_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat '2'] ] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 5 46 32 5 | text 43 46 32 5 | text 81 46 32 5 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "layout_seq_without_completion": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 5 46 32 5 | text 43 46 32 5 | text 81 46 32 5 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "plain_layout_seq": "button 43 53 14 3 | button 5 53 14 3 | button 81 53 14 3 | image 43 13 29 29 | image 81 13 29 29 | image 5 13 29 29 | text 5 46 32 5 | text 43 46 32 5 | text 81 46 32 5 | text 43 39 32 5 | text 5 39 32 5 | text 81 39 32 5 | title 36 5 47 4", "canvas_width": 1024, "canvas_height": 537, "elements": [ { "type": "title", "position": [ 310, 50, 405, 36 ], "completed": false }, { "type": "image", "position": [ 50, 111, 250, 250 ], "completed": false }, { "type": "image", "position": [ 375, 111, 250, 250 ], "completed": false }, { "type": "image", "position": [ 699, 111, 250, 250 ], "completed": false }, { "type": "text", "position": [ 50, 337, 275, 49 ], "completed": false }, { "type": "text", "position": [ 375, 337, 275, 49 ], "completed": false }, { "type": "text", "position": [ 699, 337, 275, 49 ], "completed": false }, { "type": "text", "position": [ 50, 398, 275, 48 ], "completed": false }, { "type": "text", "position": [ 375, 398, 275, 48 ], "completed": false }, { "type": "text", "position": [ 699, 398, 275, 48 ], "completed": false }, { "type": "button", "position": [ 50, 460, 124, 27 ], "completed": false }, { "type": "button", "position": [ 375, 460, 124, 27 ], "completed": false }, { "type": "button", "position": [ 699, 460, 124, 27 ], "completed": false } ] }, { "text": "#A page for users to word tune works on favorite websites.#There are eight groups and each group has a logo and a description. Under the logo, there is a brief description \"and more...\". At the bottom of the page, there is button for users to try for free.", "region_id": "2720", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] [el:description] ] ] [el:description [attr:size 'small'] [attr:value 'and more...'] ] [el:button [attr:value 'try for free'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined small | { [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 50 51 18 6 | description 46 38 8 2 | description 25 38 5 2 | description 34 38 7 2 | description 98 38 11 2 | description 58 38 6 2 | description 9 44 100 2 | description 9 38 11 2 | description 69 38 8 2 | description 82 38 12 2 | logo 13 31 5 5 | logo 25 31 5 5 | logo 47 31 5 5 | logo 101 31 5 5 | logo 35 31 5 5 | logo 59 31 5 5 | logo 71 31 5 5 | logo 85 31 5 5 | complete title 9 23 100 4", "layout_seq_without_completion": "button 50 51 18 6 | description 46 38 8 2 | description 25 38 5 2 | description 34 38 7 2 | description 98 38 11 2 | description 58 38 6 2 | description 9 44 100 2 | description 9 38 11 2 | description 69 38 8 2 | description 82 38 12 2 | logo 13 31 5 5 | logo 25 31 5 5 | logo 47 31 5 5 | logo 101 31 5 5 | logo 35 31 5 5 | logo 59 31 5 5 | logo 71 31 5 5 | logo 85 31 5 5 | title 9 23 100 4", "plain_layout_seq": "button 50 51 18 6 | description 46 38 8 2 | description 25 38 5 2 | description 34 38 7 2 | description 98 38 11 2 | description 58 38 6 2 | description 9 44 100 2 | description 9 38 11 2 | description 69 38 8 2 | description 82 38 12 2 | logo 13 31 5 5 | logo 25 31 5 5 | logo 47 31 5 5 | logo 101 31 5 5 | logo 35 31 5 5 | logo 59 31 5 5 | logo 71 31 5 5 | logo 85 31 5 5 | title 9 23 100 4", "canvas_width": 1024, "canvas_height": 574, "elements": [ { "type": "title", "position": [ 82, 200, 860, 42 ], "completed": true }, { "type": "logo", "position": [ 111, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 219, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 306, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 407, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 506, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 608, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 733, 272, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 870, 272, 44, 44 ], "completed": false }, { "type": "description", "position": [ 82, 326, 102, 20 ], "completed": false }, { "type": "description", "position": [ 219, 326, 44, 20 ], "completed": false }, { "type": "description", "position": [ 297, 326, 61, 20 ], "completed": false }, { "type": "description", "position": [ 393, 326, 72, 20 ], "completed": false }, { "type": "description", "position": [ 499, 326, 58, 20 ], "completed": false }, { "type": "description", "position": [ 592, 326, 76, 20 ], "completed": false }, { "type": "description", "position": [ 702, 326, 106, 20 ], "completed": false }, { "type": "description", "position": [ 843, 326, 99, 20 ], "completed": false }, { "type": "description", "position": [ 82, 376, 860, 22 ], "completed": false }, { "type": "button", "position": [ 433, 438, 158, 56 ], "completed": false } ] }, { "text": "#A page for showing some stories in TipRanks Lab.# The page should have a title, and 4 groups while each group has an image, two texts to show the title and publish time, and a link for users to click to learn more lab stories. An icon is needed for users to check tips.", "region_id": "3432", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:link [attr:value 'more labs stories'] ] [el:icon [attr:value 'check tips']] ]", "execution": "multiinfo : icon undefined undefined | link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 4 120 33 | icon 117 0 2 2 | link 104 38 15 2 | title 0 0 16 3 | \" [ image 1 6 28 19 | text 1 33 28 1 | title 1 27 28 4 ] | [ image 30 6 28 19 | text 30 33 28 1 | title 30 27 28 4 ] | [ image 60 6 28 19 | text 60 33 28 1 | title 60 27 28 4 ] | [ image 90 6 28 19 | text 90 33 28 1 | title 90 27 28 4 ] \"", "layout_seq_without_completion": "background 0 4 120 33 | icon 117 0 2 2 | link 104 38 15 2 | title 0 0 16 3 | \" [ image 1 6 28 19 | text 1 33 28 1 | title 1 27 28 4 ] | [ image 30 6 28 19 | text 30 33 28 1 | title 30 27 28 4 ] | [ image 60 6 28 19 | text 60 33 28 1 | title 60 27 28 4 ] | [ image 90 6 28 19 | text 90 33 28 1 | title 90 27 28 4 ] \"", "plain_layout_seq": "background 0 4 120 33 | icon 117 0 2 2 | image 1 6 28 19 | image 30 6 28 19 | image 60 6 28 19 | image 90 6 28 19 | link 104 38 15 2 | text 1 33 28 1 | text 30 33 28 1 | text 60 33 28 1 | text 90 33 28 1 | title 0 0 16 3 | title 1 27 28 4 | title 30 27 28 4 | title 60 27 28 4 | title 90 27 28 4", "canvas_width": 992, "canvas_height": 338, "elements": [ { "type": "title", "position": [ 0, 0, 135, 26 ], "completed": false }, { "type": "icon", "position": [ 974, 7, 18, 23 ], "completed": false }, { "type": "background", "position": [ 0, 39, 992, 273 ], "completed": true }, { "type": "image", "position": [ 9, 52, 238, 160 ], "completed": false }, { "type": "image", "position": [ 254, 52, 238, 160 ], "completed": false }, { "type": "image", "position": [ 500, 52, 238, 160 ], "completed": false }, { "type": "image", "position": [ 746, 52, 238, 160 ], "completed": false }, { "type": "title", "position": [ 9, 228, 238, 38 ], "completed": false }, { "type": "title", "position": [ 254, 228, 238, 38 ], "completed": false }, { "type": "title", "position": [ 500, 228, 238, 38 ], "completed": false }, { "type": "title", "position": [ 746, 228, 238, 38 ], "completed": false }, { "type": "text", "position": [ 9, 274, 238, 16 ], "completed": false }, { "type": "text", "position": [ 254, 274, 238, 16 ], "completed": false }, { "type": "text", "position": [ 500, 274, 238, 16 ], "completed": false }, { "type": "text", "position": [ 746, 274, 238, 16 ], "completed": false }, { "type": "link", "position": [ 863, 320, 129, 18 ], "completed": false } ] }, { "text": "#A page to show the analysis of football competition to the readers.# On the top left-hand corner of the page, the word \"analysis\" is involved, under which four groups of news about football are set. Each group contains the word \"news\" placed between a related picture and a relevant short description of the news vertically. At the bottom of the page, the number \"1/7\" to show the page information is placed in the middle, with pagination being set on the right side.", "region_id": "3960", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'analysis'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:value 'news']] [el:description [attr:size 'small'] ] ] ] [el:text [attr:value '1/7'] [attr:position 'bottom'] ] [el:pagination [attr:position 'right'] ] ]", "execution": "multiinfo : pagination right undefined | text bottom undefined | title top undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 4 26 22 14 | complete icon 115 49 1 1 | image 2 6 26 40 | image 2 6 26 14 | complete logo 26 7 1 1 | text 6 47 106 6 | text 4 23 22 2 | title 2 0 11 3 | \" [ description 34 26 22 19 | image 32 6 26 40 | image 32 6 26 14 | text 34 23 22 2 ] | [ description 63 26 22 16 | image 61 6 26 40 | image 61 6 26 14 | text 63 23 22 2 ] | [ description 92 26 22 14 | image 90 6 26 14 | image 90 6 26 40 | text 92 23 22 2 ] \"", "layout_seq_without_completion": "description 4 26 22 14 | icon 115 49 1 1 | image 2 6 26 40 | image 2 6 26 14 | logo 26 7 1 1 | text 6 47 106 6 | text 4 23 22 2 | title 2 0 11 3 | \" [ description 34 26 22 19 | image 32 6 26 40 | image 32 6 26 14 | text 34 23 22 2 ] | [ description 63 26 22 16 | image 61 6 26 40 | image 61 6 26 14 | text 63 23 22 2 ] | [ description 92 26 22 14 | image 90 6 26 14 | image 90 6 26 40 | text 92 23 22 2 ] \"", "plain_layout_seq": "description 4 26 22 14 | description 34 26 22 19 | description 63 26 22 16 | description 92 26 22 14 | icon 115 49 1 1 | image 2 6 26 40 | image 2 6 26 14 | image 32 6 26 40 | image 32 6 26 14 | image 61 6 26 40 | image 61 6 26 14 | image 90 6 26 14 | image 90 6 26 40 | logo 26 7 1 1 | text 6 47 106 6 | text 4 23 22 2 | text 34 23 22 2 | text 63 23 22 2 | text 92 23 22 2 | title 2 0 11 3", "canvas_width": 1009, "canvas_height": 452, "elements": [ { "type": "title", "position": [ 24, 0, 93, 33 ], "completed": false }, { "type": "image", "position": [ 24, 58, 222, 125 ], "completed": false }, { "type": "image", "position": [ 24, 58, 222, 339 ], "completed": false }, { "type": "image", "position": [ 270, 58, 222, 339 ], "completed": false }, { "type": "image", "position": [ 270, 58, 222, 125 ], "completed": false }, { "type": "image", "position": [ 516, 58, 222, 339 ], "completed": false }, { "type": "image", "position": [ 516, 58, 222, 125 ], "completed": false }, { "type": "image", "position": [ 763, 58, 222, 125 ], "completed": false }, { "type": "image", "position": [ 763, 58, 222, 339 ], "completed": false }, { "type": "logo", "position": [ 226, 62, 16, 16 ], "completed": true }, { "type": "text", "position": [ 40, 199, 190, 20 ], "completed": false }, { "type": "text", "position": [ 286, 199, 190, 20 ], "completed": false }, { "type": "text", "position": [ 532, 199, 190, 20 ], "completed": false }, { "type": "text", "position": [ 779, 199, 190, 20 ], "completed": false }, { "type": "description", "position": [ 40, 219, 190, 118 ], "completed": false }, { "type": "description", "position": [ 286, 219, 190, 162 ], "completed": false }, { "type": "description", "position": [ 532, 219, 190, 140 ], "completed": false }, { "type": "description", "position": [ 779, 219, 190, 118 ], "completed": false }, { "type": "text", "position": [ 56, 397, 897, 51 ], "completed": false }, { "type": "icon", "position": [ 969, 413, 16, 16 ], "completed": true } ] }, { "text": "#A page showing the outlet types of a restaurant.# The page should include the title \"Outlet Types\" and a description. The page also contains 10 information sets. Each group includes an image and the type of the outlet.", "region_id": "4729", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'outlet types'] ] [el:description] [gp:InfoGroup [gattr:repeat '10'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 6 13 107 6 | complete image 52 52 15 22 | image 91 54 10 12 | complete image 15 26 15 22 | image 54 27 10 12 | image 73 27 10 12 | image 17 27 10 12 | image 36 27 10 12 | complete image 33 26 15 22 | complete image 52 26 15 22 | complete image 70 26 15 22 | image 91 27 10 12 | complete image 89 26 15 22 | image 18 54 10 12 | complete image 15 52 15 22 | image 36 54 10 12 | complete image 34 52 15 22 | image 54 54 10 12 | image 73 54 10 12 | complete image 71 52 15 22 | complete image 89 52 15 22 | text 18 68 10 2 | text 73 68 10 2 | text 91 68 10 2 | text 17 42 10 2 | text 36 42 10 2 | text 54 42 10 4 | text 73 42 10 2 | text 91 42 10 2 | text 36 68 10 4 | text 54 68 10 2 | title 49 6 20 5", "layout_seq_without_completion": "description 6 13 107 6 | image 52 52 15 22 | image 91 54 10 12 | image 15 26 15 22 | image 54 27 10 12 | image 73 27 10 12 | image 17 27 10 12 | image 36 27 10 12 | image 33 26 15 22 | image 52 26 15 22 | image 70 26 15 22 | image 91 27 10 12 | image 89 26 15 22 | image 18 54 10 12 | image 15 52 15 22 | image 36 54 10 12 | image 34 52 15 22 | image 54 54 10 12 | image 73 54 10 12 | image 71 52 15 22 | image 89 52 15 22 | text 18 68 10 2 | text 73 68 10 2 | text 91 68 10 2 | text 17 42 10 2 | text 36 42 10 2 | text 54 42 10 4 | text 73 42 10 2 | text 91 42 10 2 | text 36 68 10 4 | text 54 68 10 2 | title 49 6 20 5", "plain_layout_seq": "description 6 13 107 6 | image 52 52 15 22 | image 91 54 10 12 | image 15 26 15 22 | image 54 27 10 12 | image 73 27 10 12 | image 17 27 10 12 | image 36 27 10 12 | image 33 26 15 22 | image 52 26 15 22 | image 70 26 15 22 | image 91 27 10 12 | image 89 26 15 22 | image 18 54 10 12 | image 15 52 15 22 | image 36 54 10 12 | image 34 52 15 22 | image 54 54 10 12 | image 73 54 10 12 | image 71 52 15 22 | image 89 52 15 22 | text 18 68 10 2 | text 73 68 10 2 | text 91 68 10 2 | text 17 42 10 2 | text 36 42 10 2 | text 54 42 10 4 | text 73 42 10 2 | text 91 42 10 2 | text 36 68 10 4 | text 54 68 10 2 | title 49 6 20 5", "canvas_width": 1039, "canvas_height": 699, "elements": [ { "type": "title", "position": [ 432, 53, 176, 46 ], "completed": false }, { "type": "description", "position": [ 54, 119, 930, 60 ], "completed": false }, { "type": "image", "position": [ 134, 227, 130, 195 ], "completed": true }, { "type": "image", "position": [ 294, 227, 130, 195 ], "completed": true }, { "type": "image", "position": [ 454, 227, 130, 195 ], "completed": true }, { "type": "image", "position": [ 614, 227, 130, 195 ], "completed": true }, { "type": "image", "position": [ 774, 227, 130, 195 ], "completed": true }, { "type": "image", "position": [ 154, 242, 90, 110 ], "completed": false }, { "type": "image", "position": [ 314, 242, 90, 110 ], "completed": false }, { "type": "image", "position": [ 474, 242, 90, 110 ], "completed": false }, { "type": "image", "position": [ 634, 242, 90, 110 ], "completed": false }, { "type": "image", "position": [ 794, 242, 90, 110 ], "completed": false }, { "type": "text", "position": [ 154, 365, 90, 21 ], "completed": false }, { "type": "text", "position": [ 314, 365, 90, 21 ], "completed": false }, { "type": "text", "position": [ 474, 365, 90, 42 ], "completed": false }, { "type": "text", "position": [ 634, 365, 90, 21 ], "completed": false }, { "type": "text", "position": [ 794, 365, 90, 21 ], "completed": false }, { "type": "image", "position": [ 136, 454, 130, 195 ], "completed": true }, { "type": "image", "position": [ 296, 454, 130, 195 ], "completed": true }, { "type": "image", "position": [ 456, 454, 130, 195 ], "completed": true }, { "type": "image", "position": [ 616, 454, 130, 195 ], "completed": true }, { "type": "image", "position": [ 776, 454, 130, 195 ], "completed": true }, { "type": "image", "position": [ 156, 469, 90, 110 ], "completed": false }, { "type": "image", "position": [ 316, 469, 90, 110 ], "completed": false }, { "type": "image", "position": [ 476, 469, 90, 110 ], "completed": false }, { "type": "image", "position": [ 636, 469, 90, 110 ], "completed": false }, { "type": "image", "position": [ 796, 469, 90, 110 ], "completed": false }, { "type": "text", "position": [ 156, 592, 90, 21 ], "completed": false }, { "type": "text", "position": [ 316, 592, 90, 42 ], "completed": false }, { "type": "text", "position": [ 476, 592, 90, 21 ], "completed": false }, { "type": "text", "position": [ 636, 592, 90, 21 ], "completed": false }, { "type": "text", "position": [ 796, 592, 90, 21 ], "completed": false } ] }, { "text": "#A page for users to learn from experts.#The page should have a title and a description under it. There are four groups and each group has an image and a title. Also, there is a link and a set of pagination in each group. At the bottom of the page, there is a button named \"view all experts\".", "region_id": "3243", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title ] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:link] [el:pagination] ] ] [el:button [attr:value 'view all experts'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined undefined | title undefined undefined | { [ image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | pagination undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 64 22 5 | description 33 12 53 2 | title 5 2 108 4 | \" [ image 10 19 14 14 | image 11 20 13 13 | complete image 5 28 24 25 | link 9 48 15 3 | complete text 7 43 21 3 | title 7 37 21 1 ] | [ image 38 19 14 14 | image 39 20 13 13 | complete image 33 28 24 25 | link 37 48 15 3 | complete text 35 43 21 3 | title 35 37 21 1 ] | [ image 67 19 14 14 | image 67 20 13 13 | complete image 61 28 24 25 | link 66 48 15 3 | complete text 63 43 21 3 | title 63 37 21 1 ] | [ image 95 19 14 14 | image 95 20 13 13 | complete image 89 28 24 25 | link 94 48 15 3 | complete text 91 43 21 3 | title 91 37 21 1 ] \"", "layout_seq_without_completion": "button 48 64 22 5 | description 33 12 53 2 | title 5 2 108 4 | \" [ image 10 19 14 14 | image 11 20 13 13 | image 5 28 24 25 | link 9 48 15 3 | text 7 43 21 3 | title 7 37 21 1 ] | [ image 38 19 14 14 | image 39 20 13 13 | image 33 28 24 25 | link 37 48 15 3 | text 35 43 21 3 | title 35 37 21 1 ] | [ image 67 19 14 14 | image 67 20 13 13 | image 61 28 24 25 | link 66 48 15 3 | text 63 43 21 3 | title 63 37 21 1 ] | [ image 95 19 14 14 | image 95 20 13 13 | image 89 28 24 25 | link 94 48 15 3 | text 91 43 21 3 | title 91 37 21 1 ] \"", "plain_layout_seq": "button 48 64 22 5 | description 33 12 53 2 | image 10 19 14 14 | image 11 20 13 13 | image 5 28 24 25 | image 38 19 14 14 | image 39 20 13 13 | image 33 28 24 25 | image 67 19 14 14 | image 67 20 13 13 | image 61 28 24 25 | image 95 19 14 14 | image 95 20 13 13 | image 89 28 24 25 | link 9 48 15 3 | link 37 48 15 3 | link 66 48 15 3 | link 94 48 15 3 | text 7 43 21 3 | text 35 43 21 3 | text 63 43 21 3 | text 91 43 21 3 | title 5 2 108 4 | title 7 37 21 1 | title 35 37 21 1 | title 63 37 21 1 | title 91 37 21 1", "canvas_width": 1024, "canvas_height": 614, "elements": [ { "type": "title", "position": [ 47, 21, 930, 42 ], "completed": false }, { "type": "description", "position": [ 286, 105, 453, 19 ], "completed": false }, { "type": "image", "position": [ 92, 169, 120, 120 ], "completed": false }, { "type": "image", "position": [ 332, 169, 120, 120 ], "completed": false }, { "type": "image", "position": [ 572, 169, 120, 120 ], "completed": false }, { "type": "image", "position": [ 812, 169, 120, 120 ], "completed": false }, { "type": "image", "position": [ 95, 172, 114, 114 ], "completed": false }, { "type": "image", "position": [ 335, 172, 114, 114 ], "completed": false }, { "type": "image", "position": [ 575, 172, 114, 114 ], "completed": false }, { "type": "image", "position": [ 815, 172, 114, 114 ], "completed": false }, { "type": "image", "position": [ 47, 240, 210, 220 ], "completed": true }, { "type": "image", "position": [ 287, 240, 210, 220 ], "completed": true }, { "type": "image", "position": [ 527, 240, 210, 220 ], "completed": true }, { "type": "image", "position": [ 767, 240, 210, 220 ], "completed": true }, { "type": "title", "position": [ 62, 317, 180, 17 ], "completed": false }, { "type": "title", "position": [ 302, 317, 180, 17 ], "completed": false }, { "type": "title", "position": [ 542, 317, 180, 17 ], "completed": false }, { "type": "title", "position": [ 782, 317, 180, 17 ], "completed": false }, { "type": "text", "position": [ 62, 369, 180, 27 ], "completed": true }, { "type": "text", "position": [ 302, 369, 180, 27 ], "completed": true }, { "type": "text", "position": [ 542, 369, 180, 27 ], "completed": true }, { "type": "text", "position": [ 782, 369, 180, 27 ], "completed": true }, { "type": "link", "position": [ 84, 412, 135, 33 ], "completed": false }, { "type": "link", "position": [ 324, 412, 135, 33 ], "completed": false }, { "type": "link", "position": [ 564, 412, 135, 33 ], "completed": false }, { "type": "link", "position": [ 804, 412, 135, 33 ], "completed": false }, { "type": "button", "position": [ 417, 547, 190, 43 ], "completed": false } ] }, { "text": "#A page for learning how drugs are made.# On the top, there should be one text showing the title. One description for showing the detail of the title and five texts describe different info, and there is one icon on the right of each text.", "region_id": "1972_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:description] [gp:InfoGroup [gattr:repeat '5'] [item [el:text] [el:icon [attr:position 'right'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title top undefined | { [ icon right undefined | text undefined undefined ] | [ icon right undefined | text undefined undefined ] | [ icon right undefined | text undefined undefined ] | [ icon right undefined | text undefined undefined ] | [ icon right undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 4 17 53 64 | icon 112 14 2 2 | icon 112 27 2 2 | icon 112 40 2 2 | icon 112 21 2 2 | icon 112 34 2 2 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "layout_seq_without_completion": "description 4 17 53 64 | icon 112 14 2 2 | icon 112 27 2 2 | icon 112 40 2 2 | icon 112 21 2 2 | icon 112 34 2 2 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "plain_layout_seq": "description 4 17 53 64 | icon 112 14 2 2 | icon 112 27 2 2 | icon 112 40 2 2 | icon 112 21 2 2 | icon 112 34 2 2 | text 61 13 37 4 | text 61 26 35 4 | text 61 20 30 4 | text 61 39 30 4 | text 61 33 20 4 | title 3 4 113 2", "canvas_width": 1003, "canvas_height": 782, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "text", "position": [ 514, 113, 313, 38 ], "completed": false }, { "type": "icon", "position": [ 944, 122, 18, 20 ], "completed": false }, { "type": "description", "position": [ 40, 144, 450, 538 ], "completed": false }, { "type": "text", "position": [ 514, 168, 253, 38 ], "completed": false }, { "type": "icon", "position": [ 944, 177, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 223, 299, 38 ], "completed": false }, { "type": "icon", "position": [ 944, 232, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 278, 173, 38 ], "completed": false }, { "type": "icon", "position": [ 944, 287, 18, 20 ], "completed": false }, { "type": "text", "position": [ 514, 333, 255, 38 ], "completed": false }, { "type": "icon", "position": [ 944, 342, 18, 20 ], "completed": false } ] }, { "text": "#A page for showing some ex-pats and the global ex-pat guide.# The page should have 2 groups with some texts to show some ex-pats and the global expat guide. And a button is needed for users to click to go to the global expat guide.", "region_id": "3459", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names'ex-pats,global expat guide'][item [el:text [attr:repeat 'several'] ] ] ][el:button [attr:value 'go to global expat guide'] ] ]", "execution": "multiinfo : button undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 82 18 25 4 | complete title 70 0 48 3 | complete title 0 0 58 3 | \" [ text 0 4 14 1 ] | [ text 15 4 14 1 ] | [ text 0 6 14 1 ] | [ text 15 6 14 1 ] | [ text 0 8 14 1 ] | [ text 15 8 14 1 ] | [ text 0 10 14 1 ] | [ text 15 10 14 1 ] \" | \" [ text 30 4 14 1 ] | [ text 44 4 14 1 ] | [ text 30 6 14 1 ] | [ text 44 6 14 1 ] | [ text 30 8 14 1 ] | [ text 44 8 14 1 ] | [ text 30 10 14 1 ] \" | \" [ text 70 4 16 1 ] | [ text 86 4 16 1 ] | [ text 70 6 16 1 ] | [ text 86 6 16 1 ] | [ text 70 8 16 1 ] | [ text 86 8 16 1 ] | [ text 70 10 16 1 ] | [ text 86 10 16 1 ] \" | \" [ text 103 4 16 1 ] | [ text 103 6 16 1 ] | [ text 103 8 16 1 ] \"", "layout_seq_without_completion": "button 82 18 25 4 | title 70 0 48 3 | title 0 0 58 3 | \" [ text 0 4 14 1 ] | [ text 15 4 14 1 ] | [ text 0 6 14 1 ] | [ text 15 6 14 1 ] | [ text 0 8 14 1 ] | [ text 15 8 14 1 ] | [ text 0 10 14 1 ] | [ text 15 10 14 1 ] \" | \" [ text 30 4 14 1 ] | [ text 44 4 14 1 ] | [ text 30 6 14 1 ] | [ text 44 6 14 1 ] | [ text 30 8 14 1 ] | [ text 44 8 14 1 ] | [ text 30 10 14 1 ] \" | \" [ text 70 4 16 1 ] | [ text 86 4 16 1 ] | [ text 70 6 16 1 ] | [ text 86 6 16 1 ] | [ text 70 8 16 1 ] | [ text 86 8 16 1 ] | [ text 70 10 16 1 ] | [ text 86 10 16 1 ] \" | \" [ text 103 4 16 1 ] | [ text 103 6 16 1 ] | [ text 103 8 16 1 ] \"", "plain_layout_seq": "button 82 18 25 4 | text 0 4 14 1 | text 15 4 14 1 | text 0 6 14 1 | text 15 6 14 1 | text 0 8 14 1 | text 15 8 14 1 | text 0 10 14 1 | text 15 10 14 1 | text 30 4 14 1 | text 44 4 14 1 | text 30 6 14 1 | text 44 6 14 1 | text 30 8 14 1 | text 44 8 14 1 | text 30 10 14 1 | text 70 4 16 1 | text 86 4 16 1 | text 70 6 16 1 | text 86 6 16 1 | text 70 8 16 1 | text 86 8 16 1 | text 70 10 16 1 | text 86 10 16 1 | text 103 4 16 1 | text 103 6 16 1 | text 103 8 16 1 | title 70 0 48 3 | title 0 0 58 3", "canvas_width": 1024, "canvas_height": 192, "elements": [ { "type": "title", "position": [ 8, 0, 496, 32 ], "completed": true }, { "type": "title", "position": [ 605, 0, 411, 32 ], "completed": true }, { "type": "text", "position": [ 8, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 132, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 256, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 380, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 605, 40, 137, 16 ], "completed": false }, { "type": "text", "position": [ 742, 40, 137, 16 ], "completed": false }, { "type": "text", "position": [ 879, 40, 137, 16 ], "completed": false }, { "type": "text", "position": [ 8, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 132, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 256, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 380, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 605, 56, 137, 16 ], "completed": false }, { "type": "text", "position": [ 742, 56, 137, 16 ], "completed": false }, { "type": "text", "position": [ 879, 56, 137, 16 ], "completed": false }, { "type": "text", "position": [ 8, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 132, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 256, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 380, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 605, 72, 137, 16 ], "completed": false }, { "type": "text", "position": [ 742, 72, 137, 16 ], "completed": false }, { "type": "text", "position": [ 879, 72, 137, 16 ], "completed": false }, { "type": "text", "position": [ 8, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 132, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 256, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 605, 88, 137, 16 ], "completed": false }, { "type": "text", "position": [ 742, 88, 137, 16 ], "completed": false }, { "type": "button", "position": [ 702, 156, 217, 36 ], "completed": false } ] }, { "text": "#A page for showing the three tests.#The page should have three groups and each group has a title, \"personality test\", \"career test\", and \"IQ test\". Each group has two description for users to know about the test.", "region_id": "5198", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'personality test, career test, iq test'] [item [el:title] [el:description[attr:repeat'2']] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | description undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 7 32 10 | description 2 23 36 13 | complete image 2 2 36 18 | title 4 5 14 2 ] | [ description 43 7 32 10 | description 41 23 36 13 | complete image 41 2 36 18 | title 43 5 10 2 ] | [ description 82 7 32 10 | description 80 23 36 13 | complete image 80 2 36 18 | title 82 5 5 2 ] \"", "layout_seq_without_completion": "\" [ description 4 7 32 10 | description 2 23 36 13 | image 2 2 36 18 | title 4 5 14 2 ] | [ description 43 7 32 10 | description 41 23 36 13 | image 41 2 36 18 | title 43 5 10 2 ] | [ description 82 7 32 10 | description 80 23 36 13 | image 80 2 36 18 | title 82 5 5 2 ] \"", "plain_layout_seq": "description 4 7 32 10 | description 2 23 36 13 | description 43 7 32 10 | description 41 23 36 13 | description 82 7 32 10 | description 80 23 36 13 | image 2 2 36 18 | image 41 2 36 18 | image 80 2 36 18 | title 4 5 14 2 | title 43 5 10 2 | title 82 5 5 2", "canvas_width": 996, "canvas_height": 301, "elements": [ { "type": "image", "position": [ 20, 20, 300, 151 ], "completed": true }, { "type": "image", "position": [ 346, 20, 300, 151 ], "completed": true }, { "type": "image", "position": [ 670, 20, 300, 151 ], "completed": true }, { "type": "title", "position": [ 36, 44, 119, 17 ], "completed": false }, { "type": "title", "position": [ 360, 44, 83, 17 ], "completed": false }, { "type": "title", "position": [ 686, 44, 49, 17 ], "completed": false }, { "type": "description", "position": [ 36, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 360, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 686, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 20, 191, 300, 110 ], "completed": false }, { "type": "description", "position": [ 346, 191, 300, 110 ], "completed": false }, { "type": "description", "position": [ 670, 191, 300, 110 ], "completed": false } ] }, { "text": "#A page introducing health insurance.# The page should contain six parts. Each part has one icon with a corresponding title such as \"Health\", \"OPD Health Insurance\", \"Super Top-Up\", \"Arogya Sanjeevani Policy\", \"Port Health Policy\", and \"Employee Health\".", "region_id": "1310", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [gattr:names'health, opd health insurance, super top-up, arogya sanjeevani policy, port health policy, employee health'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | complete image 1 7 27 20 | complete image 91 7 27 20 | complete image 1 30 27 20 | complete image 31 30 27 20 | complete image 31 7 27 20 | complete image 61 7 27 20 | complete title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "layout_seq_without_completion": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | image 1 7 27 20 | image 91 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 31 7 27 20 | image 61 7 27 20 | title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "plain_layout_seq": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | image 1 7 27 20 | image 91 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 31 7 27 20 | image 61 7 27 20 | title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "canvas_width": 833, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 0, 131, 30 ], "completed": true }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 694, 64, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "title", "position": [ 646, 147, 166, 32 ], "completed": false }, { "type": "title", "position": [ 82, 151, 44, 28 ], "completed": false }, { "type": "title", "position": [ 238, 151, 148, 28 ], "completed": false }, { "type": "title", "position": [ 474, 151, 93, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "title", "position": [ 44, 311, 120, 28 ], "completed": false }, { "type": "title", "position": [ 256, 311, 112, 28 ], "completed": false } ] }, { "text": "#A page introducing health insurance.# The page should contain six parts. Each part has one image with a corresponding title such as \"Health\", \"OPD Health Insurance\", \"Super Top-Up\", \"Arogya Sanjeevani Policy\", \"Port Health Policy\", \"Employee Health\". Users can click one icon for further information.", "region_id": "1310_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [gattr:names'health, opd health insurance, super top-up, arogya sanjeevani policy, port health policy, employee health'] [item [el:image] [el:title] ] ] [el:icon] ]", "execution": "multiinfo : icon undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | image 1 7 27 20 | image 91 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 31 7 27 20 | image 61 7 27 20 | complete title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "layout_seq_without_completion": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | image 1 7 27 20 | image 91 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 31 7 27 20 | image 61 7 27 20 | title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "plain_layout_seq": "icon 99 9 10 10 | icon 9 32 10 10 | icon 39 9 10 10 | icon 70 9 10 10 | icon 9 9 10 10 | icon 39 32 10 10 | image 1 7 27 20 | image 91 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 31 7 27 20 | image 61 7 27 20 | title 1 0 18 4 | title 6 44 17 4 | title 93 21 23 4 | title 11 21 6 4 | title 34 21 21 4 | title 68 21 13 4 | title 36 44 16 4", "canvas_width": 833, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 0, 131, 30 ], "completed": true }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": false }, { "type": "icon", "position": [ 694, 64, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "title", "position": [ 646, 147, 166, 32 ], "completed": false }, { "type": "title", "position": [ 82, 151, 44, 28 ], "completed": false }, { "type": "title", "position": [ 238, 151, 148, 28 ], "completed": false }, { "type": "title", "position": [ 474, 151, 93, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": false }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": false }, { "type": "icon", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "title", "position": [ 44, 311, 120, 28 ], "completed": false }, { "type": "title", "position": [ 256, 311, 112, 28 ], "completed": false } ] }, { "text": "# A page showing the best sellers in an online shop.# The page should have the title \"BEST SELLERS\" and four groups of bestsellers information with each having an image, a title, and a price.", "region_id": "7575", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'best sellers'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 48 0 22 8 | \" [ image 7 12 23 23 | text 7 47 23 2 | title 8 37 21 8 ] | [ image 35 12 23 23 | text 35 47 23 2 | title 35 37 22 8 ] | [ image 61 12 23 23 | text 61 42 23 2 | title 62 37 21 4 ] | [ image 88 12 23 23 | text 88 47 23 2 | title 90 37 20 8 ] \"", "layout_seq_without_completion": "title 48 0 22 8 | \" [ image 7 12 23 23 | text 7 47 23 2 | title 8 37 21 8 ] | [ image 35 12 23 23 | text 35 47 23 2 | title 35 37 22 8 ] | [ image 61 12 23 23 | text 61 42 23 2 | title 62 37 21 4 ] | [ image 88 12 23 23 | text 88 47 23 2 | title 90 37 20 8 ] \"", "plain_layout_seq": "image 7 12 23 23 | image 35 12 23 23 | image 61 12 23 23 | image 88 12 23 23 | text 7 47 23 2 | text 35 47 23 2 | text 61 42 23 2 | text 88 47 23 2 | title 48 0 22 8 | title 8 37 21 8 | title 35 37 22 8 | title 62 37 21 4 | title 90 37 20 8", "canvas_width": 904, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 368, 0, 168, 64 ], "completed": false }, { "type": "image", "position": [ 60, 94, 174, 174 ], "completed": false }, { "type": "image", "position": [ 264, 94, 174, 174 ], "completed": false }, { "type": "image", "position": [ 467, 94, 174, 174 ], "completed": false }, { "type": "image", "position": [ 670, 94, 174, 174 ], "completed": false }, { "type": "title", "position": [ 66, 282, 161, 67 ], "completed": false }, { "type": "title", "position": [ 264, 282, 172, 67 ], "completed": false }, { "type": "title", "position": [ 474, 282, 160, 34 ], "completed": false }, { "type": "title", "position": [ 678, 282, 158, 67 ], "completed": false }, { "type": "text", "position": [ 467, 323, 174, 19 ], "completed": false }, { "type": "text", "position": [ 60, 356, 174, 19 ], "completed": false }, { "type": "text", "position": [ 264, 356, 174, 19 ], "completed": false }, { "type": "text", "position": [ 670, 356, 174, 19 ], "completed": false } ] }, { "text": "# A page for introducing WordPress plugins,# The page should have the title \"Premium WordPress Plugins\" and three groups of information sets. In each group, there should have a logo, a title, and a further introduction. Also, there should be two sets of paginations for the user to switch pages for more info.", "region_id": "3951", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'premium wordpress plugins'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:logo] [el:title] [el:description] ] ] [el:pagination [attr:repeat '2'] ] ]", "execution": "multiinfo : pagination undefined undefined | pagination undefined undefined | title undefined undefined | { [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 56 59 1 1 | complete button 61 59 1 1 | description 19 35 19 13 | description 81 35 19 10 | description 50 38 19 10 | complete icon 5 31 6 6 | complete icon 107 31 6 6 | complete link 14 15 27 37 | complete link 77 15 27 35 | complete link 46 15 27 38 | logo 50 18 9 9 | logo 81 18 9 9 | logo 19 18 9 9 | title 19 30 19 3 | title 81 30 19 3 | title 5 4 108 6 | title 50 30 19 7", "layout_seq_without_completion": "button 56 59 1 1 | button 61 59 1 1 | description 19 35 19 13 | description 81 35 19 10 | description 50 38 19 10 | icon 5 31 6 6 | icon 107 31 6 6 | link 14 15 27 37 | link 77 15 27 35 | link 46 15 27 38 | logo 50 18 9 9 | logo 81 18 9 9 | logo 19 18 9 9 | title 19 30 19 3 | title 81 30 19 3 | title 5 4 108 6 | title 50 30 19 7", "plain_layout_seq": "button 56 59 1 1 | button 61 59 1 1 | description 19 35 19 13 | description 81 35 19 10 | description 50 38 19 10 | icon 5 31 6 6 | icon 107 31 6 6 | link 14 15 27 37 | link 77 15 27 35 | link 46 15 27 38 | logo 50 18 9 9 | logo 81 18 9 9 | logo 19 18 9 9 | title 19 30 19 3 | title 81 30 19 3 | title 5 4 108 6 | title 50 30 19 7", "canvas_width": 1024, "canvas_height": 593, "elements": [ { "type": "title", "position": [ 50, 38, 924, 52 ], "completed": false }, { "type": "link", "position": [ 126, 129, 238, 324 ], "completed": true }, { "type": "link", "position": [ 394, 129, 238, 332 ], "completed": true }, { "type": "link", "position": [ 662, 129, 238, 302 ], "completed": true }, { "type": "logo", "position": [ 163, 162, 80, 80 ], "completed": false }, { "type": "logo", "position": [ 431, 162, 80, 80 ], "completed": false }, { "type": "logo", "position": [ 699, 162, 80, 80 ], "completed": false }, { "type": "title", "position": [ 163, 262, 167, 30 ], "completed": false }, { "type": "title", "position": [ 431, 262, 167, 60 ], "completed": false }, { "type": "title", "position": [ 699, 262, 167, 30 ], "completed": false }, { "type": "icon", "position": [ 50, 267, 56, 56 ], "completed": true }, { "type": "icon", "position": [ 918, 267, 56, 56 ], "completed": true }, { "type": "description", "position": [ 163, 302, 168, 113 ], "completed": false }, { "type": "description", "position": [ 699, 302, 168, 90 ], "completed": false }, { "type": "description", "position": [ 431, 332, 168, 90 ], "completed": false }, { "type": "button", "position": [ 484, 506, 16, 16 ], "completed": true }, { "type": "button", "position": [ 524, 506, 16, 16 ], "completed": true } ] }, { "text": "# This page displays Featured Collections for users. #This page has the title \"Featured Collections\" and three groups with background images: Disco Divas, Fee Fee La Deux and Carme Miranda.", "region_id": "6739", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collections'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Disco Divas, Fee Fee La Deux, Carme Miranda'] [item [el:background_image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined ] | [ background undefined undefined ] | [ background undefined undefined ] }", "layout_seq_with_completion": "background 4 15 35 27 | background 82 15 35 27 | background 43 15 35 27 | title 4 0 113 9", "layout_seq_without_completion": "background 4 15 35 27 | background 82 15 35 27 | background 43 15 35 27 | title 4 0 113 9", "plain_layout_seq": "background 4 15 35 27 | background 82 15 35 27 | background 43 15 35 27 | title 4 0 113 9", "canvas_width": 875, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 30, 0, 830, 70 ], "completed": false }, { "type": "background", "position": [ 30, 115, 257, 197 ], "completed": false }, { "type": "background", "position": [ 317, 115, 257, 197 ], "completed": false }, { "type": "background", "position": [ 603, 115, 257, 197 ], "completed": false } ] }, { "text": "# A page introducing the customer company of Help Scout. # The page should have a title and six logos of the businesses.", "region_id": "3322", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 23 8 15 8 | logo 42 8 15 8 | logo 4 8 15 8 | logo 100 8 15 8 | logo 62 8 15 8 | logo 81 8 15 8 | title 2 0 116 4", "layout_seq_without_completion": "logo 23 8 15 8 | logo 42 8 15 8 | logo 4 8 15 8 | logo 100 8 15 8 | logo 62 8 15 8 | logo 81 8 15 8 | title 2 0 116 4", "plain_layout_seq": "logo 23 8 15 8 | logo 42 8 15 8 | logo 4 8 15 8 | logo 100 8 15 8 | logo 62 8 15 8 | logo 81 8 15 8 | title 2 0 116 4", "canvas_width": 895, "canvas_height": 129, "elements": [ { "type": "title", "position": [ 15, 0, 866, 37 ], "completed": false }, { "type": "logo", "position": [ 30, 67, 114, 62 ], "completed": false }, { "type": "logo", "position": [ 174, 67, 114, 62 ], "completed": false }, { "type": "logo", "position": [ 319, 67, 114, 62 ], "completed": false }, { "type": "logo", "position": [ 463, 67, 114, 62 ], "completed": false }, { "type": "logo", "position": [ 607, 67, 114, 62 ], "completed": false }, { "type": "logo", "position": [ 752, 67, 114, 62 ], "completed": false } ] }, { "text": "# A page showing instructions on releasing stress from managing property.# There is a title named \"Take the stress out of managing property\". There are three groups, each has a sub-title and an instruction.", "region_id": "558", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'take the stress out of managing property'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 57 45 11 | description 7 34 45 14 | description 7 76 45 8 | complete image 60 0 60 93 | title 7 8 45 17 | title 7 30 45 2 | title 7 52 45 2 | title 7 72 45 2", "layout_seq_without_completion": "description 7 57 45 11 | description 7 34 45 14 | description 7 76 45 8 | image 60 0 60 93 | title 7 8 45 17 | title 7 30 45 2 | title 7 52 45 2 | title 7 72 45 2", "plain_layout_seq": "description 7 57 45 11 | description 7 34 45 14 | description 7 76 45 8 | image 60 0 60 93 | title 7 8 45 17 | title 7 30 45 2 | title 7 52 45 2 | title 7 72 45 2", "canvas_width": 1024, "canvas_height": 800, "elements": [ { "type": "image", "position": [ 512, 0, 512, 800 ], "completed": true }, { "type": "title", "position": [ 60, 73, 392, 151 ], "completed": false }, { "type": "title", "position": [ 60, 256, 392, 24 ], "completed": false }, { "type": "description", "position": [ 60, 296, 392, 120 ], "completed": false }, { "type": "title", "position": [ 60, 448, 392, 24 ], "completed": false }, { "type": "description", "position": [ 60, 488, 392, 96 ], "completed": false }, { "type": "title", "position": [ 60, 616, 392, 24 ], "completed": false }, { "type": "description", "position": [ 60, 656, 392, 72 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a trip agent.# The page should have 3 groups while each group has an image, and two texts to list and describe the pros of the trip agent to attract more users.", "region_id": "4879", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 7 6 20 30 | image 45 6 28 26 | image 89 6 26 29 | text 88 44 28 13 | text 6 38 21 2 | text 95 38 15 2 | text 48 38 22 2 | text 3 44 28 10 | text 46 44 26 10", "layout_seq_without_completion": "image 7 6 20 30 | image 45 6 28 26 | image 89 6 26 29 | text 88 44 28 13 | text 6 38 21 2 | text 95 38 15 2 | text 48 38 22 2 | text 3 44 28 10 | text 46 44 26 10", "plain_layout_seq": "image 7 6 20 30 | image 45 6 28 26 | image 89 6 26 29 | text 88 44 28 13 | text 6 38 21 2 | text 95 38 15 2 | text 48 38 22 2 | text 3 44 28 10 | text 46 44 26 10", "canvas_width": 1024, "canvas_height": 548, "elements": [ { "type": "image", "position": [ 62, 54, 174, 256 ], "completed": false }, { "type": "image", "position": [ 390, 54, 243, 226 ], "completed": false }, { "type": "image", "position": [ 764, 54, 223, 251 ], "completed": false }, { "type": "text", "position": [ 57, 330, 183, 24 ], "completed": false }, { "type": "text", "position": [ 416, 330, 191, 24 ], "completed": false }, { "type": "text", "position": [ 811, 330, 128, 24 ], "completed": false }, { "type": "text", "position": [ 27, 376, 243, 91 ], "completed": false }, { "type": "text", "position": [ 401, 376, 222, 91 ], "completed": false }, { "type": "text", "position": [ 755, 376, 241, 115 ], "completed": false } ] }, { "text": "#A page for advertising one network. # The page should have a title, and some images to show the logos of the world's largest enterprises to attract more business.", "region_id": "880", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 4 4 110 10 | \" [ logo 6 21 15 9 ] | [ logo 24 21 15 9 ] | [ logo 43 21 15 9 ] | [ logo 61 21 15 9 ] | [ logo 80 21 15 9 ] | [ logo 98 21 15 9 ] | [ logo 6 37 15 9 ] | [ logo 24 37 15 9 ] | [ logo 43 37 15 9 ] | [ logo 61 37 15 9 ] | [ logo 80 37 15 9 ] | [ logo 98 37 15 9 ] \"", "layout_seq_without_completion": "title 4 4 110 10 | \" [ logo 6 21 15 9 ] | [ logo 24 21 15 9 ] | [ logo 43 21 15 9 ] | [ logo 61 21 15 9 ] | [ logo 80 21 15 9 ] | [ logo 98 21 15 9 ] | [ logo 6 37 15 9 ] | [ logo 24 37 15 9 ] | [ logo 43 37 15 9 ] | [ logo 61 37 15 9 ] | [ logo 80 37 15 9 ] | [ logo 98 37 15 9 ] \"", "plain_layout_seq": "logo 6 21 15 9 | logo 24 21 15 9 | logo 43 21 15 9 | logo 61 21 15 9 | logo 80 21 15 9 | logo 98 21 15 9 | logo 6 37 15 9 | logo 24 37 15 9 | logo 43 37 15 9 | logo 61 37 15 9 | logo 80 37 15 9 | logo 98 37 15 9 | title 4 4 110 10", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "title", "position": [ 40, 40, 944, 90 ], "completed": false }, { "type": "logo", "position": [ 55, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 212, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 369, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 527, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 684, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 841, 186, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 55, 322, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 212, 322, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 369, 322, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 527, 322, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 684, 322, 128, 80 ], "completed": false }, { "type": "logo", "position": [ 841, 322, 128, 80 ], "completed": false } ] }, { "text": "# A page for introducing a team of a company.# The page should be the title \"THE TEAM\" and three groups of member introduction info. In each group, there should have an image of the member of the team, a name, a position in the company, a further introduction, and a description with two links \"Twitter\" and \"Linkedin\" in it. So the user can click them to follow the person on the social media platforms: Twitter and Linkedin.", "region_id": "3975", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the team'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] [el:description] [el:description] [el:link [attr:value 'twitter'] ] [el:link [attr:value 'linkedin'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 47 77 20 5 | description 71 80 20 5 | description 71 46 20 34 | description 23 43 20 34 | description 23 77 20 5 | description 47 43 20 34 | image 23 11 20 20 | image 47 11 20 20 | image 71 11 20 20 | text 47 39 20 3 | text 23 39 20 3 | text 71 42 20 3 | title 21 0 28 6 | title 23 32 20 6 | title 47 32 20 6 | title 71 32 20 9", "layout_seq_without_completion": "description 47 77 20 5 | description 71 80 20 5 | description 71 46 20 34 | description 23 43 20 34 | description 23 77 20 5 | description 47 43 20 34 | image 23 11 20 20 | image 47 11 20 20 | image 71 11 20 20 | text 47 39 20 3 | text 23 39 20 3 | text 71 42 20 3 | title 21 0 28 6 | title 23 32 20 6 | title 47 32 20 6 | title 71 32 20 9", "plain_layout_seq": "description 47 77 20 5 | description 71 80 20 5 | description 71 46 20 34 | description 23 43 20 34 | description 23 77 20 5 | description 47 43 20 34 | image 23 11 20 20 | image 47 11 20 20 | image 71 11 20 20 | text 47 39 20 3 | text 23 39 20 3 | text 71 42 20 3 | title 21 0 28 6 | title 23 32 20 6 | title 47 32 20 6 | title 71 32 20 9", "canvas_width": 1009, "canvas_height": 829, "elements": [ { "type": "title", "position": [ 182, 0, 241, 52 ], "completed": false }, { "type": "image", "position": [ 198, 99, 170, 176 ], "completed": false }, { "type": "image", "position": [ 399, 99, 170, 176 ], "completed": false }, { "type": "image", "position": [ 601, 99, 170, 176 ], "completed": false }, { "type": "title", "position": [ 198, 275, 170, 58 ], "completed": false }, { "type": "title", "position": [ 399, 275, 170, 58 ], "completed": false }, { "type": "title", "position": [ 601, 275, 170, 82 ], "completed": false }, { "type": "text", "position": [ 198, 333, 170, 31 ], "completed": false }, { "type": "text", "position": [ 399, 333, 170, 31 ], "completed": false }, { "type": "text", "position": [ 601, 357, 170, 31 ], "completed": false }, { "type": "description", "position": [ 198, 365, 170, 287 ], "completed": false }, { "type": "description", "position": [ 399, 365, 170, 287 ], "completed": false }, { "type": "description", "position": [ 601, 389, 170, 287 ], "completed": false }, { "type": "description", "position": [ 198, 652, 170, 48 ], "completed": false }, { "type": "description", "position": [ 399, 652, 170, 48 ], "completed": false }, { "type": "description", "position": [ 601, 676, 170, 48 ], "completed": false } ] }, { "text": "#The page showing the products to the user.# The page one subject and two groups. And each group includes one photo, one title, one description, and one button named \"SHOP NOW\" for the user to click on to buy the product quickly.", "region_id": "5079", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'SHOP NOW'] ] ] ] ]", "execution": "multiinfo : text undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 81 47 16 3 | button 21 47 16 3 | description 1 40 56 5 | description 61 40 56 5 | image 1 7 56 28 | image 61 7 56 28 | text 1 0 116 4 | title 1 36 56 3 | title 61 36 56 3", "layout_seq_without_completion": "button 81 47 16 3 | button 21 47 16 3 | description 1 40 56 5 | description 61 40 56 5 | image 1 7 56 28 | image 61 7 56 28 | text 1 0 116 4 | title 1 36 56 3 | title 61 36 56 3", "plain_layout_seq": "button 81 47 16 3 | button 21 47 16 3 | description 1 40 56 5 | description 61 40 56 5 | image 1 7 56 28 | image 61 7 56 28 | text 1 0 116 4 | title 1 36 56 3 | title 61 36 56 3", "canvas_width": 1024, "canvas_height": 435, "elements": [ { "type": "text", "position": [ 15, 2, 994, 38 ], "completed": false }, { "type": "image", "position": [ 15, 60, 485, 241 ], "completed": false }, { "type": "image", "position": [ 524, 60, 485, 241 ], "completed": false }, { "type": "title", "position": [ 15, 311, 485, 26 ], "completed": false }, { "type": "title", "position": [ 524, 311, 485, 26 ], "completed": false }, { "type": "description", "position": [ 15, 347, 485, 48 ], "completed": false }, { "type": "description", "position": [ 524, 347, 485, 48 ], "completed": false }, { "type": "button", "position": [ 185, 405, 145, 30 ], "completed": false }, { "type": "button", "position": [ 694, 405, 145, 30 ], "completed": false } ] }, { "text": "#A page for users to drive ROAS and maximize ARPDAU.# The page should have 2 groups while each group has a background image, a title, and a button for users to click to drive ROAS and maximize ARPDAU.", "region_id": "5415", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup[item[el:background_image] [el:title][el:button [attr:value 'drive roas'] ]] [item[el:background_image] [el:title][el:button [attr:value 'maximize ARPDA'] ]]]]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 17 0 40 23 | background 61 0 40 23 | button 29 12 17 7 | button 70 12 23 7 | title 64 2 35 8 | title 20 2 35 8", "layout_seq_without_completion": "background 17 0 40 23 | background 61 0 40 23 | button 29 12 17 7 | button 70 12 23 7 | title 64 2 35 8 | title 20 2 35 8", "plain_layout_seq": "background 17 0 40 23 | background 61 0 40 23 | button 29 12 17 7 | button 70 12 23 7 | title 64 2 35 8 | title 20 2 35 8", "canvas_width": 1024, "canvas_height": 228, "elements": [ { "type": "background", "position": [ 153, 0, 344, 198 ], "completed": false }, { "type": "background", "position": [ 527, 0, 344, 198 ], "completed": false }, { "type": "title", "position": [ 173, 22, 304, 70 ], "completed": false }, { "type": "title", "position": [ 547, 22, 304, 70 ], "completed": false }, { "type": "button", "position": [ 251, 108, 148, 60 ], "completed": false }, { "type": "button", "position": [ 598, 108, 202, 60 ], "completed": false } ] }, { "text": "#A page introducing ProQuest company.# The page contains 3 information sets. Each group includes an icon, a title, a description and a button. The three different titles are: \"Visit our company website\", \"Looking for other products?\", and \"Find support\". The buttons following the descriptions lead users to react to the titles.", "region_id": "5608", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'visit our company website, looking for other products?, find support'] [item [el:icon] [el:title] [el:description] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 85 27 22 4 | button 51 27 16 4 | button 10 27 25 4 | description 9 17 26 9 | description 46 17 26 9 | description 83 17 26 9 | complete image 5 0 33 36 | complete image 80 0 33 36 | complete image 43 0 33 36 | title 12 14 21 2 | title 92 14 10 2 | title 48 14 22 2", "layout_seq_without_completion": "button 85 27 22 4 | button 51 27 16 4 | button 10 27 25 4 | description 9 17 26 9 | description 46 17 26 9 | description 83 17 26 9 | image 5 0 33 36 | image 80 0 33 36 | image 43 0 33 36 | title 12 14 21 2 | title 92 14 10 2 | title 48 14 22 2", "plain_layout_seq": "button 85 27 22 4 | button 51 27 16 4 | button 10 27 25 4 | description 9 17 26 9 | description 46 17 26 9 | description 83 17 26 9 | image 5 0 33 36 | image 80 0 33 36 | image 43 0 33 36 | title 12 14 21 2 | title 92 14 10 2 | title 48 14 22 2", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "image", "position": [ 50, 0, 288, 314 ], "completed": true }, { "type": "image", "position": [ 368, 0, 288, 314 ], "completed": true }, { "type": "image", "position": [ 686, 0, 288, 314 ], "completed": true }, { "type": "title", "position": [ 103, 120, 182, 20 ], "completed": false }, { "type": "title", "position": [ 416, 120, 192, 20 ], "completed": false }, { "type": "title", "position": [ 786, 120, 89, 20 ], "completed": false }, { "type": "description", "position": [ 79, 152, 230, 85 ], "completed": false }, { "type": "description", "position": [ 397, 152, 230, 85 ], "completed": false }, { "type": "description", "position": [ 715, 152, 230, 85 ], "completed": false }, { "type": "button", "position": [ 86, 237, 216, 40 ], "completed": false }, { "type": "button", "position": [ 440, 237, 143, 40 ], "completed": false }, { "type": "button", "position": [ 732, 237, 195, 40 ], "completed": false } ] }, { "text": "#A page of information about the computer system.# There should be three groups of information about the computer system. Each of the groups has an image and a title.", "region_id": "4464", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 36 3 5 5 | complete image 30 0 17 18 | title 34 11 9 2 ] | [ image 57 3 5 5 | complete image 51 0 17 18 | title 55 11 9 2 ] | [ complete image 72 0 17 18 | image 77 3 5 5 | title 76 11 9 2 ] \"", "layout_seq_without_completion": "\" [ image 36 3 5 5 | image 30 0 17 18 | title 34 11 9 2 ] | [ image 57 3 5 5 | image 51 0 17 18 | title 55 11 9 2 ] | [ image 72 0 17 18 | image 77 3 5 5 | title 76 11 9 2 ] \"", "plain_layout_seq": "image 36 3 5 5 | image 30 0 17 18 | image 57 3 5 5 | image 51 0 17 18 | image 72 0 17 18 | image 77 3 5 5 | title 34 11 9 2 | title 55 11 9 2 | title 76 11 9 2", "canvas_width": 976, "canvas_height": 147, "elements": [ { "type": "image", "position": [ 250, 0, 139, 147 ], "completed": true }, { "type": "image", "position": [ 418, 0, 139, 147 ], "completed": true }, { "type": "image", "position": [ 588, 0, 139, 147 ], "completed": true }, { "type": "image", "position": [ 296, 32, 45, 45 ], "completed": false }, { "type": "image", "position": [ 466, 32, 45, 45 ], "completed": false }, { "type": "image", "position": [ 634, 32, 45, 45 ], "completed": false }, { "type": "title", "position": [ 282, 97, 75, 18 ], "completed": false }, { "type": "title", "position": [ 450, 97, 75, 18 ], "completed": false }, { "type": "title", "position": [ 620, 97, 75, 18 ], "completed": false } ] }, { "text": "#A page for showing the explore instructions.#The page should have a title and a background image. There are four groups on this page and each group has an image and a title, \"driving\", \"approach shots\", \"putting\", and \"short game\".", "region_id": "4215", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:background_image] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'driving, approach shots, putting, short game'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : background undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 60 0 60 35 | complete icon 116 64 0 1 | image 31 37 24 48 | image 2 37 24 48 | complete image 114 62 4 4 | image 61 37 24 48 | image 90 37 24 48 | title 4 88 23 1 | title 63 88 23 1 | title 33 88 23 1 | title 92 88 23 1 | title 1 16 41 5", "layout_seq_without_completion": "background 60 0 60 35 | icon 116 64 0 1 | image 31 37 24 48 | image 2 37 24 48 | image 114 62 4 4 | image 61 37 24 48 | image 90 37 24 48 | title 4 88 23 1 | title 63 88 23 1 | title 33 88 23 1 | title 92 88 23 1 | title 1 16 41 5", "plain_layout_seq": "background 60 0 60 35 | icon 116 64 0 1 | image 31 37 24 48 | image 2 37 24 48 | image 114 62 4 4 | image 61 37 24 48 | image 90 37 24 48 | title 4 88 23 1 | title 63 88 23 1 | title 33 88 23 1 | title 92 88 23 1 | title 1 16 41 5", "canvas_width": 1024, "canvas_height": 867, "elements": [ { "type": "background", "position": [ 512, 0, 512, 300 ], "completed": false }, { "type": "title", "position": [ 15, 145, 352, 49 ], "completed": false }, { "type": "image", "position": [ 20, 324, 212, 414 ], "completed": false }, { "type": "image", "position": [ 272, 324, 212, 414 ], "completed": false }, { "type": "image", "position": [ 523, 324, 212, 414 ], "completed": false }, { "type": "image", "position": [ 775, 324, 212, 414 ], "completed": false }, { "type": "image", "position": [ 981, 531, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 998, 547, 6, 9 ], "completed": true }, { "type": "title", "position": [ 35, 759, 197, 13 ], "completed": false }, { "type": "title", "position": [ 287, 759, 197, 13 ], "completed": false }, { "type": "title", "position": [ 538, 759, 197, 13 ], "completed": false }, { "type": "title", "position": [ 790, 759, 197, 13 ], "completed": false } ] }, { "text": "#This page mainly introduces Remarkably Rochester to users.#The page has a title of \"Remarkably Rochester\" and a description of it, and then there are three groups: flexible curriculum\u3001top-tier research and rich campus community.In these three groups you can see the picture, the name, and other relevant links", "region_id": "5128", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'remarkably rochester'] ] [el:description] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'flexible curriculum, top-tier research, rich campus community'] [item [el:image] [el:text] [el:link ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 21 19 76 16 | image 81 45 36 30 | image 41 45 36 30 | image 1 45 36 30 | link 41 72 36 8 | link 81 72 36 8 | link 1 72 32 4 | text 86 40 27 3 | text 8 40 23 3 | text 49 40 20 3 | title 1 11 116 5", "layout_seq_without_completion": "description 21 19 76 16 | image 81 45 36 30 | image 41 45 36 30 | image 1 45 36 30 | link 41 72 36 8 | link 81 72 36 8 | link 1 72 32 4 | text 86 40 27 3 | text 8 40 23 3 | text 49 40 20 3 | title 1 11 116 5", "plain_layout_seq": "description 21 19 76 16 | image 81 45 36 30 | image 41 45 36 30 | image 1 45 36 30 | link 41 72 36 8 | link 81 72 36 8 | link 1 72 32 4 | text 86 40 27 3 | text 8 40 23 3 | text 49 40 20 3 | title 1 11 116 5", "canvas_width": 1009, "canvas_height": 807, "elements": [ { "type": "title", "position": [ 15, 100, 979, 48 ], "completed": false }, { "type": "description", "position": [ 183, 163, 643, 138 ], "completed": false }, { "type": "text", "position": [ 70, 342, 196, 28 ], "completed": false }, { "type": "text", "position": [ 419, 342, 171, 28 ], "completed": false }, { "type": "text", "position": [ 725, 342, 232, 28 ], "completed": false }, { "type": "image", "position": [ 15, 385, 306, 255 ], "completed": false }, { "type": "image", "position": [ 351, 385, 306, 255 ], "completed": false }, { "type": "image", "position": [ 688, 385, 306, 255 ], "completed": false }, { "type": "link", "position": [ 15, 610, 277, 39 ], "completed": false }, { "type": "link", "position": [ 351, 610, 306, 68 ], "completed": false }, { "type": "link", "position": [ 688, 610, 306, 68 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # There should have three parts of information sets: \"Email & text reminders\" \"Instant notifications\" and \"Repeat Events\". Each part should contain a title and a further description.", "region_id": "3253", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Email & text reminders, Instant notifications, Repeat Events'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 7 19 29 16 | complete image 5 5 33 33 | title 7 15 29 2 ] | [ description 45 19 29 16 | complete image 43 5 33 33 | title 45 15 29 2 ] | [ description 82 19 29 14 | complete image 80 5 33 30 | title 82 15 29 2 ] \"", "layout_seq_without_completion": "\" [ description 7 19 29 16 | image 5 5 33 33 | title 7 15 29 2 ] | [ description 45 19 29 16 | image 43 5 33 33 | title 45 15 29 2 ] | [ description 82 19 29 14 | image 80 5 33 30 | title 82 15 29 2 ] \"", "plain_layout_seq": "description 7 19 29 16 | description 45 19 29 16 | description 82 19 29 14 | image 5 5 33 33 | image 43 5 33 33 | image 80 5 33 30 | title 7 15 29 2 | title 45 15 29 2 | title 82 15 29 2", "canvas_width": 1024, "canvas_height": 381, "elements": [ { "type": "image", "position": [ 47, 48, 290, 285 ], "completed": true }, { "type": "image", "position": [ 367, 48, 290, 285 ], "completed": true }, { "type": "image", "position": [ 687, 48, 290, 261 ], "completed": true }, { "type": "title", "position": [ 68, 132, 248, 24 ], "completed": false }, { "type": "title", "position": [ 388, 132, 248, 24 ], "completed": false }, { "type": "title", "position": [ 708, 132, 248, 24 ], "completed": false }, { "type": "description", "position": [ 68, 168, 248, 144 ], "completed": false }, { "type": "description", "position": [ 388, 168, 248, 144 ], "completed": false }, { "type": "description", "position": [ 708, 168, 248, 120 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by an online shop.# The page should have three groups of information sets with each containing a title and a short description. Besides, there should be two buttons \"SHOP HERE\" and \"LEARN MORE\" for the user to enter the shop to purchase goods and learn more info.", "region_id": "8152", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description [attr:size 'small'] ] ] ] [el:button [attr:value 'shop here'] ] [el:button [attr:value 'learn more'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 16 22 11 4 | button 92 22 11 4 | description 80 17 34 3 | description 42 17 34 3 | description 4 17 34 3 | title 4 11 34 3 | title 42 11 34 3 | title 80 11 34 3", "layout_seq_without_completion": "button 16 22 11 4 | button 92 22 11 4 | description 80 17 34 3 | description 42 17 34 3 | description 4 17 34 3 | title 4 11 34 3 | title 42 11 34 3 | title 80 11 34 3", "plain_layout_seq": "button 16 22 11 4 | button 92 22 11 4 | description 80 17 34 3 | description 42 17 34 3 | description 4 17 34 3 | title 4 11 34 3 | title 42 11 34 3 | title 80 11 34 3", "canvas_width": 1024, "canvas_height": 262, "elements": [ { "type": "title", "position": [ 40, 101, 295, 27 ], "completed": false }, { "type": "title", "position": [ 365, 101, 295, 27 ], "completed": false }, { "type": "title", "position": [ 689, 101, 295, 27 ], "completed": false }, { "type": "description", "position": [ 40, 146, 295, 27 ], "completed": false }, { "type": "description", "position": [ 365, 146, 295, 27 ], "completed": false }, { "type": "description", "position": [ 689, 146, 295, 27 ], "completed": false }, { "type": "button", "position": [ 137, 194, 100, 38 ], "completed": false }, { "type": "button", "position": [ 787, 194, 100, 38 ], "completed": false } ] }, { "text": "#A page showing a series of questions about stock acquisition for users.#The page should have one title and six groups of questions. And each group of questions should include one picture of the problem and one question.", "region_id": "5874", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 41 3 17 9 | image 61 3 17 9 | image 101 3 17 9 | image 1 3 17 9 | image 81 3 17 9 | image 21 3 17 9 | text 21 14 17 4 | text 101 14 17 4 | text 41 14 17 6 | text 1 14 17 6 | text 61 14 17 6 | text 81 14 17 6 | title 1 0 117 2", "layout_seq_without_completion": "image 41 3 17 9 | image 61 3 17 9 | image 101 3 17 9 | image 1 3 17 9 | image 81 3 17 9 | image 21 3 17 9 | text 21 14 17 4 | text 101 14 17 4 | text 41 14 17 6 | text 1 14 17 6 | text 61 14 17 6 | text 81 14 17 6 | title 1 0 117 2", "plain_layout_seq": "image 41 3 17 9 | image 61 3 17 9 | image 101 3 17 9 | image 1 3 17 9 | image 81 3 17 9 | image 21 3 17 9 | text 21 14 17 4 | text 101 14 17 4 | text 41 14 17 6 | text 1 14 17 6 | text 61 14 17 6 | text 81 14 17 6 | title 1 0 117 2", "canvas_width": 996, "canvas_height": 223, "elements": [ { "type": "title", "position": [ 12, 0, 972, 18 ], "completed": false }, { "type": "image", "position": [ 12, 30, 142, 79 ], "completed": false }, { "type": "image", "position": [ 178, 30, 142, 79 ], "completed": false }, { "type": "image", "position": [ 344, 30, 142, 79 ], "completed": false }, { "type": "image", "position": [ 510, 30, 142, 79 ], "completed": false }, { "type": "image", "position": [ 676, 30, 142, 79 ], "completed": false }, { "type": "image", "position": [ 842, 30, 142, 79 ], "completed": false }, { "type": "text", "position": [ 12, 120, 142, 58 ], "completed": false }, { "type": "text", "position": [ 178, 120, 142, 38 ], "completed": false }, { "type": "text", "position": [ 344, 120, 142, 58 ], "completed": false }, { "type": "text", "position": [ 510, 120, 142, 58 ], "completed": false }, { "type": "text", "position": [ 676, 120, 142, 58 ], "completed": false }, { "type": "text", "position": [ 842, 120, 142, 38 ], "completed": false } ] }, { "text": "#A page for introducing the Shopify plus certified App to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "733", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete title 7 10 105 16 | \" [ image 12 36 23 23 | link 15 86 15 5 | title 13 63 21 11 ] | [ image 50 36 18 23 | link 52 86 15 5 | title 49 63 21 18 ] | [ image 84 36 23 23 | link 88 86 15 5 | title 85 63 21 11 ] \"", "layout_seq_without_completion": "title 7 10 105 16 | \" [ image 12 36 23 23 | link 15 86 15 5 | title 13 63 21 11 ] | [ image 50 36 18 23 | link 52 86 15 5 | title 49 63 21 18 ] | [ image 84 36 23 23 | link 88 86 15 5 | title 85 63 21 11 ] \"", "plain_layout_seq": "image 12 36 23 23 | image 50 36 18 23 | image 84 36 23 23 | link 15 86 15 5 | link 52 86 15 5 | link 88 86 15 5 | title 7 10 105 16 | title 13 63 21 11 | title 49 63 21 18 | title 85 63 21 11", "canvas_width": 1024, "canvas_height": 904, "elements": [ { "type": "title", "position": [ 64, 86, 896, 144 ], "completed": true }, { "type": "image", "position": [ 103, 310, 200, 200 ], "completed": false }, { "type": "image", "position": [ 435, 310, 154, 200 ], "completed": false }, { "type": "image", "position": [ 721, 310, 200, 200 ], "completed": false }, { "type": "title", "position": [ 112, 538, 181, 94 ], "completed": false }, { "type": "title", "position": [ 421, 538, 181, 156 ], "completed": false }, { "type": "title", "position": [ 731, 538, 181, 94 ], "completed": false }, { "type": "link", "position": [ 136, 738, 133, 48 ], "completed": false }, { "type": "link", "position": [ 446, 738, 133, 48 ], "completed": false }, { "type": "link", "position": [ 755, 738, 133, 48 ], "completed": false } ] }, { "text": "# A page to show the payment security to let the customer shop with confidence.# There should have 9 logos showing the accepted payment methods and the title \"Shop With Confidence\".", "region_id": "7380", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '9'] [item [el:logo] ] ] [el:title [attr:value 'Shop With Confidence'] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 3 8 113 2 | \" [ logo 35 5 4 2 ] | [ logo 41 5 4 2 ] | [ logo 46 5 4 2 ] | [ logo 52 5 4 2 ] | [ logo 57 5 4 2 ] | [ logo 63 5 4 2 ] | [ logo 68 5 4 2 ] | [ logo 74 5 4 2 ] | [ logo 79 5 4 2 ] \"", "layout_seq_without_completion": "title 3 8 113 2 | \" [ logo 35 5 4 2 ] | [ logo 41 5 4 2 ] | [ logo 46 5 4 2 ] | [ logo 52 5 4 2 ] | [ logo 57 5 4 2 ] | [ logo 63 5 4 2 ] | [ logo 68 5 4 2 ] | [ logo 74 5 4 2 ] | [ logo 79 5 4 2 ] \"", "plain_layout_seq": "logo 35 5 4 2 | logo 41 5 4 2 | logo 46 5 4 2 | logo 52 5 4 2 | logo 57 5 4 2 | logo 63 5 4 2 | logo 68 5 4 2 | logo 74 5 4 2 | logo 79 5 4 2 | title 3 8 113 2", "canvas_width": 1024, "canvas_height": 155, "elements": [ { "type": "logo", "position": [ 304, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 351, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 398, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 445, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 492, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 539, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 586, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 633, 46, 37, 25 ], "completed": false }, { "type": "logo", "position": [ 680, 46, 37, 25 ], "completed": false }, { "type": "title", "position": [ 27, 75, 970, 20 ], "completed": false } ] }, { "text": "#A page for introducing four reports and documents to users.# The page should include one title and four parts of the content. Each part contains the link to the report for users to download.", "region_id": "753", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 3 7 107 4 | \" [ complete image 3 15 25 15 | link 5 21 18 5 | complete title 5 16 20 4 ] | [ complete image 32 15 25 15 | link 34 19 18 8 | complete title 34 16 20 2 ] | [ complete image 61 15 25 15 | link 64 21 18 5 | complete title 64 16 20 4 ] | [ complete image 90 15 25 15 | link 93 19 18 5 | complete title 93 16 20 2 ] \"", "layout_seq_without_completion": "title 3 7 107 4 | \" [ image 3 15 25 15 | link 5 21 18 5 | title 5 16 20 4 ] | [ image 32 15 25 15 | link 34 19 18 8 | title 34 16 20 2 ] | [ image 61 15 25 15 | link 64 21 18 5 | title 64 16 20 4 ] | [ image 90 15 25 15 | link 93 19 18 5 | title 93 16 20 2 ] \"", "plain_layout_seq": "image 3 15 25 15 | image 32 15 25 15 | image 61 15 25 15 | image 90 15 25 15 | link 5 21 18 5 | link 34 19 18 8 | link 64 21 18 5 | link 93 19 18 5 | title 3 7 107 4 | title 5 16 20 4 | title 34 16 20 2 | title 64 16 20 4 | title 93 16 20 2", "canvas_width": 1024, "canvas_height": 338, "elements": [ { "type": "title", "position": [ 30, 62, 915, 36 ], "completed": false }, { "type": "image", "position": [ 30, 128, 219, 130 ], "completed": true }, { "type": "image", "position": [ 278, 128, 218, 130 ], "completed": true }, { "type": "image", "position": [ 527, 128, 219, 130 ], "completed": true }, { "type": "image", "position": [ 776, 128, 218, 130 ], "completed": true }, { "type": "title", "position": [ 50, 143, 179, 38 ], "completed": true }, { "type": "title", "position": [ 298, 143, 179, 20 ], "completed": true }, { "type": "title", "position": [ 547, 143, 179, 38 ], "completed": true }, { "type": "title", "position": [ 796, 143, 179, 20 ], "completed": true }, { "type": "link", "position": [ 298, 165, 154, 72 ], "completed": false }, { "type": "link", "position": [ 796, 165, 154, 48 ], "completed": false }, { "type": "link", "position": [ 50, 183, 154, 48 ], "completed": false }, { "type": "link", "position": [ 547, 183, 154, 48 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by Peakerr.com.# The page should have three groups: \" Organic Service\" \"Guaranteed Service\", and \"Customer Support\" with each having an image, a title, and a further introduction.", "region_id": "2581", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'organic service, guaranteed service, customer support'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 21 37 19 37 | description 50 37 19 34 | description 78 37 19 34 | image 46 6 26 26 | complete image 47 3 24 71 | image 18 6 26 26 | complete image 19 3 24 74 | image 75 6 26 26 | complete image 76 3 24 71 | title 25 33 12 2 | title 52 33 15 2 | title 80 33 15 2", "layout_seq_without_completion": "description 21 37 19 37 | description 50 37 19 34 | description 78 37 19 34 | image 46 6 26 26 | image 47 3 24 71 | image 18 6 26 26 | image 19 3 24 74 | image 75 6 26 26 | image 76 3 24 71 | title 25 33 12 2 | title 52 33 15 2 | title 80 33 15 2", "plain_layout_seq": "description 21 37 19 37 | description 50 37 19 34 | description 78 37 19 34 | image 46 6 26 26 | image 47 3 24 71 | image 18 6 26 26 | image 19 3 24 74 | image 75 6 26 26 | image 76 3 24 71 | title 25 33 12 2 | title 52 33 15 2 | title 80 33 15 2", "canvas_width": 1009, "canvas_height": 697, "elements": [ { "type": "image", "position": [ 160, 30, 210, 624 ], "completed": true }, { "type": "image", "position": [ 400, 30, 210, 603 ], "completed": true }, { "type": "image", "position": [ 640, 30, 210, 603 ], "completed": true }, { "type": "image", "position": [ 154, 54, 220, 220 ], "completed": false }, { "type": "image", "position": [ 394, 54, 220, 220 ], "completed": false }, { "type": "image", "position": [ 634, 54, 220, 220 ], "completed": false }, { "type": "title", "position": [ 212, 285, 106, 19 ], "completed": false }, { "type": "title", "position": [ 438, 285, 134, 19 ], "completed": false }, { "type": "title", "position": [ 680, 285, 128, 19 ], "completed": false }, { "type": "description", "position": [ 184, 315, 162, 315 ], "completed": false }, { "type": "description", "position": [ 424, 315, 162, 294 ], "completed": false }, { "type": "description", "position": [ 664, 315, 162, 294 ], "completed": false } ] }, { "text": "#A page introducing how to earn real money from talk charge to users.#The page should have one text heading, three tips, and two buttons for users to click to know the different content fastly. And each tip should have one number label, one image, one title, and one brief description.", "region_id": "5913", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:image][el:title] [el:description [attr:size 'small'] ] ] ] [el:button[attr:repeat'2']]]", "execution": "multiinfo : button undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 60 48 19 5 | button 39 48 19 5 | description 16 36 30 1 | description 46 36 30 3 | description 76 36 30 3 | icon 72 10 4 4 | icon 12 10 4 4 | icon 42 10 4 4 | image 51 13 19 17 | image 21 13 19 17 | image 85 13 19 17 | title 20 5 78 2 | title 46 32 30 2 | title 16 32 30 2 | title 76 32 30 2", "layout_seq_without_completion": "button 60 48 19 5 | button 39 48 19 5 | description 16 36 30 1 | description 46 36 30 3 | description 76 36 30 3 | icon 72 10 4 4 | icon 12 10 4 4 | icon 42 10 4 4 | image 51 13 19 17 | image 21 13 19 17 | image 85 13 19 17 | title 20 5 78 2 | title 46 32 30 2 | title 16 32 30 2 | title 76 32 30 2", "plain_layout_seq": "button 60 48 19 5 | button 39 48 19 5 | description 16 36 30 1 | description 46 36 30 3 | description 76 36 30 3 | icon 72 10 4 4 | icon 12 10 4 4 | icon 42 10 4 4 | image 51 13 19 17 | image 21 13 19 17 | image 85 13 19 17 | title 20 5 78 2 | title 46 32 30 2 | title 16 32 30 2 | title 76 32 30 2", "canvas_width": 1024, "canvas_height": 497, "elements": [ { "type": "title", "position": [ 177, 45, 669, 23 ], "completed": false }, { "type": "icon", "position": [ 109, 90, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 366, 90, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 622, 90, 36, 36 ], "completed": false }, { "type": "image", "position": [ 182, 118, 170, 150 ], "completed": false }, { "type": "image", "position": [ 439, 118, 170, 150 ], "completed": false }, { "type": "image", "position": [ 732, 118, 170, 150 ], "completed": false }, { "type": "title", "position": [ 137, 278, 260, 20 ], "completed": false }, { "type": "title", "position": [ 394, 278, 260, 20 ], "completed": false }, { "type": "title", "position": [ 650, 278, 260, 20 ], "completed": false }, { "type": "description", "position": [ 137, 308, 260, 16 ], "completed": false }, { "type": "description", "position": [ 394, 308, 260, 32 ], "completed": false }, { "type": "description", "position": [ 650, 308, 260, 32 ], "completed": false }, { "type": "button", "position": [ 334, 418, 169, 44 ], "completed": false }, { "type": "button", "position": [ 518, 418, 169, 44 ], "completed": false } ] }, { "text": "#A page for introducing the new stories of furniture.# The page should have a title, and 2 groups while each group has a corresponding image of furniture, a title, a short description, and a link for users to click to learn more.", "region_id": "6384", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:link[attr:value'learn more']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 106 | description 20 87 88 2 | description 20 38 88 2 | image 20 55 88 22 | image 20 5 88 22 | link 20 93 9 2 | link 20 43 9 2 | complete text 8 13 6 2 | complete text 18 50 90 0 | title 1 8 13 2 | title 20 32 88 4 | title 20 82 88 4", "layout_seq_without_completion": "background 0 0 120 106 | description 20 87 88 2 | description 20 38 88 2 | image 20 55 88 22 | image 20 5 88 22 | link 20 93 9 2 | link 20 43 9 2 | text 8 13 6 2 | text 18 50 90 0 | title 1 8 13 2 | title 20 32 88 4 | title 20 82 88 4", "plain_layout_seq": "background 0 0 120 106 | description 20 87 88 2 | description 20 38 88 2 | image 20 55 88 22 | image 20 5 88 22 | link 20 93 9 2 | link 20 43 9 2 | text 8 13 6 2 | text 18 50 90 0 | title 1 8 13 2 | title 20 32 88 4 | title 20 82 88 4", "canvas_width": 942, "canvas_height": 834, "elements": [ { "type": "background", "position": [ 0, 0, 942, 834 ], "completed": true }, { "type": "image", "position": [ 163, 47, 693, 175 ], "completed": false }, { "type": "title", "position": [ 15, 66, 103, 23 ], "completed": false }, { "type": "text", "position": [ 66, 108, 52, 18 ], "completed": true }, { "type": "title", "position": [ 163, 256, 693, 32 ], "completed": false }, { "type": "description", "position": [ 163, 301, 693, 23 ], "completed": false }, { "type": "link", "position": [ 163, 342, 71, 21 ], "completed": false }, { "type": "text", "position": [ 148, 398, 708, 2 ], "completed": true }, { "type": "image", "position": [ 163, 436, 693, 175 ], "completed": false }, { "type": "title", "position": [ 163, 644, 693, 32 ], "completed": false }, { "type": "description", "position": [ 163, 689, 693, 23 ], "completed": false }, { "type": "link", "position": [ 163, 731, 71, 21 ], "completed": false } ] }, { "text": "#A page for users to view the products of new balance.#There are two groups on the page and each group has an image and a title. At the bottom of the page, there are two buttons, \"shop new balance\" and \"shop hey dude\".", "region_id": "4255", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:title] [el:button [attr:position 'bottom'] [attr:value 'shop new balance']] ] [item [el:image] [el:title] [el:button [attr:position 'bottom'] [attr:value 'shop hey dude']] ] ] ]", "execution": "multiinfo : { [ button bottom undefined | image undefined undefined | title undefined undefined ] | [ button bottom undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 18 66 23 4 | image 0 0 58 58 | title 1 60 56 3 ] | [ button 78 66 23 4 | image 60 0 58 58 | title 61 60 56 3 ] \"", "layout_seq_without_completion": "\" [ button 18 66 23 4 | image 0 0 58 58 | title 1 60 56 3 ] | [ button 78 66 23 4 | image 60 0 58 58 | title 61 60 56 3 ] \"", "plain_layout_seq": "button 18 66 23 4 | button 78 66 23 4 | image 0 0 58 58 | image 60 0 58 58 | title 1 60 56 3 | title 61 60 56 3", "canvas_width": 1010, "canvas_height": 633, "elements": [ { "type": "image", "position": [ 7, 0, 491, 491 ], "completed": false }, { "type": "image", "position": [ 512, 0, 491, 491 ], "completed": false }, { "type": "title", "position": [ 14, 508, 477, 29 ], "completed": false }, { "type": "title", "position": [ 519, 508, 477, 29 ], "completed": false }, { "type": "button", "position": [ 155, 557, 196, 36 ], "completed": false }, { "type": "button", "position": [ 659, 557, 196, 36 ], "completed": false } ] }, { "text": "#A page of articles on social good.# The page should include the title \"SOCIAL GOOD\". There is a link for users to see more articles on social good. The page contains 3 information sets. Each group includes an image, a title showing the region of the article including \"DIGITAL CULTURE\" and \"LIFE\", and the title of the article.", "region_id": "3024", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'social good'] ] [el:link [attr:value 'more on social good'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'digital culture,digital culture, life'] [item [el:image] [el:title [attr:repeat '2']] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 116 16 1 1 | image 41 20 35 20 | image 1 20 35 20 | image 82 20 35 20 | link 95 16 20 1 | title 1 42 12 1 | title 1 45 36 2 | title 81 42 2 1 | title 81 45 36 7 | title 41 42 12 1 | title 41 45 36 7 | title 1 14 23 4", "layout_seq_without_completion": "icon 116 16 1 1 | image 41 20 35 20 | image 1 20 35 20 | image 82 20 35 20 | link 95 16 20 1 | title 1 42 12 1 | title 1 45 36 2 | title 81 42 2 1 | title 81 45 36 7 | title 41 42 12 1 | title 41 45 36 7 | title 1 14 23 4", "plain_layout_seq": "icon 116 16 1 1 | image 41 20 35 20 | image 1 20 35 20 | image 82 20 35 20 | link 95 16 20 1 | title 1 42 12 1 | title 1 45 36 2 | title 81 42 2 1 | title 81 45 36 7 | title 41 42 12 1 | title 41 45 36 7 | title 1 14 23 4", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "title", "position": [ 16, 120, 199, 36 ], "completed": false }, { "type": "link", "position": [ 816, 138, 176, 16 ], "completed": false }, { "type": "icon", "position": [ 996, 139, 12, 12 ], "completed": true }, { "type": "image", "position": [ 17, 173, 307, 173 ], "completed": false }, { "type": "image", "position": [ 358, 173, 307, 173 ], "completed": false }, { "type": "image", "position": [ 700, 173, 307, 173 ], "completed": false }, { "type": "title", "position": [ 16, 363, 105, 16 ], "completed": false }, { "type": "title", "position": [ 357, 363, 105, 16 ], "completed": false }, { "type": "title", "position": [ 699, 363, 25, 16 ], "completed": false }, { "type": "title", "position": [ 16, 390, 309, 24 ], "completed": false }, { "type": "title", "position": [ 357, 390, 309, 64 ], "completed": false }, { "type": "title", "position": [ 699, 390, 309, 64 ], "completed": false } ] }, { "text": "#A page introducing the customers belonging to the Fortune 500. # The page should have an exciting slogan, 5 Fountune 500 customers' logos, and a button for users to click to read customer stories.", "region_id": "174", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo]]] [el:button [attr:value'Read customer stories'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "button 40 25 38 3 | title 19 0 80 4 | \" [ logo 1 9 20 11 ] | [ logo 25 9 20 11 ] | [ logo 49 9 20 11 ] | [ logo 73 9 20 11 ] | [ logo 97 9 20 11 ] \"", "layout_seq_without_completion": "button 40 25 38 3 | title 19 0 80 4 | \" [ logo 1 9 20 11 ] | [ logo 25 9 20 11 ] | [ logo 49 9 20 11 ] | [ logo 73 9 20 11 ] | [ logo 97 9 20 11 ] \"", "plain_layout_seq": "button 40 25 38 3 | logo 1 9 20 11 | logo 25 9 20 11 | logo 49 9 20 11 | logo 73 9 20 11 | logo 97 9 20 11 | title 19 0 80 4", "canvas_width": 1003, "canvas_height": 242, "elements": [ { "type": "title", "position": [ 167, 0, 669, 41 ], "completed": false }, { "type": "logo", "position": [ 16, 82, 169, 95 ], "completed": false }, { "type": "logo", "position": [ 217, 82, 169, 95 ], "completed": false }, { "type": "logo", "position": [ 417, 82, 169, 95 ], "completed": false }, { "type": "logo", "position": [ 618, 82, 169, 95 ], "completed": false }, { "type": "logo", "position": [ 818, 82, 169, 95 ], "completed": false }, { "type": "button", "position": [ 341, 210, 321, 31 ], "completed": false } ] }, { "text": "#A page for introducing two pairs of shoes.# The page should have 2 groups while each group has an image, a exciting slogan, and a short description to attract more buyers.", "region_id": "7463", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 10 30 45 6 | image 7 4 52 36 | title 10 24 45 5 ] | [ description 63 30 45 6 | image 60 4 52 36 | title 63 24 45 5 ] \"", "layout_seq_without_completion": "\" [ description 10 30 45 6 | image 7 4 52 36 | title 10 24 45 5 ] | [ description 63 30 45 6 | image 60 4 52 36 | title 63 24 45 5 ] \"", "plain_layout_seq": "description 10 30 45 6 | description 63 30 45 6 | image 7 4 52 36 | image 60 4 52 36 | title 10 24 45 5 | title 63 24 45 5", "canvas_width": 1024, "canvas_height": 392, "elements": [ { "type": "image", "position": [ 62, 40, 448, 312 ], "completed": false }, { "type": "image", "position": [ 514, 40, 448, 312 ], "completed": false }, { "type": "title", "position": [ 92, 208, 388, 50 ], "completed": false }, { "type": "title", "position": [ 544, 208, 388, 50 ], "completed": false }, { "type": "description", "position": [ 92, 263, 388, 59 ], "completed": false }, { "type": "description", "position": [ 544, 263, 388, 59 ], "completed": false } ] }, { "text": "#A page for navigation to learn the company info. # The page should have one title \"company info\" and also should have 4 groups with one subtitle and one small icon on the right corner for users to learn the different info about the company fastly.", "region_id": "233", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'company info'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:title] [el:icon [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] | [ icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 25 2 2 1 | title 0 0 24 4 | \" [ icon 25 21 1 1 | complete image 0 9 29 16 | title 5 10 19 13 ] | [ icon 55 21 1 1 | complete image 30 9 29 16 | title 35 10 19 13 ] | [ icon 85 21 1 1 | complete image 60 9 29 16 | title 65 10 19 13 ] | [ icon 116 21 1 1 | complete image 90 9 29 16 | title 95 10 19 13 ] \"", "layout_seq_without_completion": "icon 25 2 2 1 | title 0 0 24 4 | \" [ icon 25 21 1 1 | image 0 9 29 16 | title 5 10 19 13 ] | [ icon 55 21 1 1 | image 30 9 29 16 | title 35 10 19 13 ] | [ icon 85 21 1 1 | image 60 9 29 16 | title 65 10 19 13 ] | [ icon 116 21 1 1 | image 90 9 29 16 | title 95 10 19 13 ] \"", "plain_layout_seq": "icon 25 2 2 1 | icon 25 21 1 1 | icon 55 21 1 1 | icon 85 21 1 1 | icon 116 21 1 1 | image 0 9 29 16 | image 30 9 29 16 | image 60 9 29 16 | image 90 9 29 16 | title 0 0 24 4 | title 5 10 19 13 | title 35 10 19 13 | title 65 10 19 13 | title 95 10 19 13", "canvas_width": 960, "canvas_height": 205, "elements": [ { "type": "title", "position": [ 0, 2, 192, 39 ], "completed": false }, { "type": "icon", "position": [ 202, 16, 16, 15 ], "completed": true }, { "type": "image", "position": [ 0, 75, 239, 130 ], "completed": true }, { "type": "image", "position": [ 241, 75, 238, 130 ], "completed": true }, { "type": "image", "position": [ 481, 75, 238, 130 ], "completed": true }, { "type": "image", "position": [ 721, 75, 239, 130 ], "completed": true }, { "type": "title", "position": [ 40, 85, 159, 110 ], "completed": false }, { "type": "title", "position": [ 281, 85, 158, 110 ], "completed": false }, { "type": "title", "position": [ 521, 85, 158, 110 ], "completed": false }, { "type": "title", "position": [ 761, 85, 159, 110 ], "completed": false }, { "type": "icon", "position": [ 207, 173, 12, 11 ], "completed": false }, { "type": "icon", "position": [ 447, 173, 12, 11 ], "completed": false }, { "type": "icon", "position": [ 687, 173, 12, 11 ], "completed": false }, { "type": "icon", "position": [ 928, 173, 12, 11 ], "completed": false } ] }, { "text": "#A page for introducing the score by the different apps to users.# The page should include one title and three software advice scores on Jan 2022.", "region_id": "380", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete image 8 12 23 4 | complete image 88 12 23 4 | complete image 48 12 23 4 | complete logo 12 19 14 3 | complete logo 89 19 21 2 | complete logo 52 19 14 3 | complete text 55 24 8 3 | text 17 6 4 5 | complete text 15 24 8 3 | text 96 6 6 5 | complete text 95 24 8 3 | text 57 6 4 5 | title 39 0 41 2", "layout_seq_without_completion": "image 8 12 23 4 | image 88 12 23 4 | image 48 12 23 4 | logo 12 19 14 3 | logo 89 19 21 2 | logo 52 19 14 3 | text 55 24 8 3 | text 17 6 4 5 | text 15 24 8 3 | text 96 6 6 5 | text 95 24 8 3 | text 57 6 4 5 | title 39 0 41 2", "plain_layout_seq": "image 8 12 23 4 | image 88 12 23 4 | image 48 12 23 4 | logo 12 19 14 3 | logo 89 19 21 2 | logo 52 19 14 3 | text 55 24 8 3 | text 17 6 4 5 | text 15 24 8 3 | text 96 6 6 5 | text 95 24 8 3 | text 57 6 4 5 | title 39 0 41 2", "canvas_width": 944, "canvas_height": 257, "elements": [ { "type": "title", "position": [ 307, 0, 330, 16 ], "completed": false }, { "type": "text", "position": [ 138, 54, 39, 43 ], "completed": false }, { "type": "text", "position": [ 452, 55, 39, 43 ], "completed": false }, { "type": "text", "position": [ 759, 55, 55, 43 ], "completed": false }, { "type": "image", "position": [ 66, 98, 183, 37 ], "completed": true }, { "type": "image", "position": [ 381, 98, 183, 37 ], "completed": true }, { "type": "image", "position": [ 695, 98, 183, 37 ], "completed": true }, { "type": "logo", "position": [ 102, 150, 111, 26 ], "completed": true }, { "type": "logo", "position": [ 414, 151, 116, 25 ], "completed": true }, { "type": "logo", "position": [ 702, 155, 169, 19 ], "completed": true }, { "type": "text", "position": [ 123, 191, 69, 26 ], "completed": true }, { "type": "text", "position": [ 438, 191, 69, 25 ], "completed": true }, { "type": "text", "position": [ 752, 191, 69, 25 ], "completed": true } ] }, { "text": "#A page for showing some news.# There should be three groups and each of them includes one image and one title and one button for users to learn more info.", "region_id": "752", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:button [attr:value'learn more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 2 29 21 2 | image 0 0 37 21 | complete image 0 0 37 35 | title 2 23 32 2 ] | [ button 43 29 28 2 | complete image 41 0 37 35 | image 41 0 37 21 | title 43 23 32 2 ] | [ button 85 29 21 2 | image 82 0 37 21 | complete image 82 0 37 35 | title 85 23 32 2 ] \"", "layout_seq_without_completion": "\" [ button 2 29 21 2 | image 0 0 37 21 | image 0 0 37 35 | title 2 23 32 2 ] | [ button 43 29 28 2 | image 41 0 37 35 | image 41 0 37 21 | title 43 23 32 2 ] | [ button 85 29 21 2 | image 82 0 37 21 | image 82 0 37 35 | title 85 23 32 2 ] \"", "plain_layout_seq": "button 2 29 21 2 | button 43 29 28 2 | button 85 29 21 2 | image 0 0 37 21 | image 0 0 37 35 | image 41 0 37 35 | image 41 0 37 21 | image 82 0 37 21 | image 82 0 37 35 | title 2 23 32 2 | title 43 23 32 2 | title 85 23 32 2", "canvas_width": 964, "canvas_height": 285, "elements": [ { "type": "image", "position": [ 0, 0, 301, 169 ], "completed": false }, { "type": "image", "position": [ 0, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 331, 0, 301, 169 ], "completed": false }, { "type": "image", "position": [ 331, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 663, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 663, 0, 301, 170 ], "completed": false }, { "type": "title", "position": [ 20, 189, 261, 24 ], "completed": false }, { "type": "title", "position": [ 351, 189, 261, 24 ], "completed": false }, { "type": "title", "position": [ 683, 189, 261, 24 ], "completed": false }, { "type": "button", "position": [ 20, 239, 171, 22 ], "completed": false }, { "type": "button", "position": [ 351, 239, 227, 22 ], "completed": false }, { "type": "button", "position": [ 683, 239, 169, 22 ], "completed": false } ] }, { "text": "#A page for showing some news.# There should be three texts and each of them includes one image and one text box showing the title and one text button for users to learn more info.", "region_id": "752_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 2 29 21 2 | image 0 0 37 21 | complete image 0 0 37 35 | title 2 23 32 2 ] | [ button 43 29 28 2 | complete image 41 0 37 35 | image 41 0 37 21 | title 43 23 32 2 ] | [ button 85 29 21 2 | image 82 0 37 21 | complete image 82 0 37 35 | title 85 23 32 2 ] \"", "layout_seq_without_completion": "\" [ button 2 29 21 2 | image 0 0 37 21 | image 0 0 37 35 | title 2 23 32 2 ] | [ button 43 29 28 2 | image 41 0 37 35 | image 41 0 37 21 | title 43 23 32 2 ] | [ button 85 29 21 2 | image 82 0 37 21 | image 82 0 37 35 | title 85 23 32 2 ] \"", "plain_layout_seq": "button 2 29 21 2 | button 43 29 28 2 | button 85 29 21 2 | image 0 0 37 21 | image 0 0 37 35 | image 41 0 37 35 | image 41 0 37 21 | image 82 0 37 21 | image 82 0 37 35 | title 2 23 32 2 | title 43 23 32 2 | title 85 23 32 2", "canvas_width": 964, "canvas_height": 285, "elements": [ { "type": "image", "position": [ 0, 0, 301, 169 ], "completed": false }, { "type": "image", "position": [ 0, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 331, 0, 301, 169 ], "completed": false }, { "type": "image", "position": [ 331, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 663, 0, 301, 284 ], "completed": true }, { "type": "image", "position": [ 663, 0, 301, 170 ], "completed": false }, { "type": "title", "position": [ 20, 189, 261, 24 ], "completed": false }, { "type": "title", "position": [ 351, 189, 261, 24 ], "completed": false }, { "type": "title", "position": [ 683, 189, 261, 24 ], "completed": false }, { "type": "button", "position": [ 20, 239, 171, 22 ], "completed": false }, { "type": "button", "position": [ 351, 239, 227, 22 ], "completed": false }, { "type": "button", "position": [ 683, 239, 169, 22 ], "completed": false } ] }, { "text": "#A page for showing the four products.#The page should have four groups and each group has a title, \"best sellers\", \"dry flies\", \"nymphs\", and \"streamers\". Under each title, there is the same link, named \"view all\". Also, there is an image in each group.", "region_id": "8199", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'best sellers, dry flies, nymphs, streamers'] [item [el:title] [el:link [attr:value 'view all']] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 2 0 28 48 | image 7 18 19 19 | link 14 12 5 1 | title 8 3 17 9 ] | [ complete image 31 0 28 48 | image 35 18 19 25 | link 43 8 5 1 | title 36 3 17 4 ] | [ complete image 60 0 28 48 | image 64 18 19 25 | link 71 8 5 1 | title 65 3 17 4 ] | [ complete image 88 0 28 48 | image 93 18 19 25 | link 100 8 5 1 | title 94 3 17 4 ] \"", "layout_seq_without_completion": "\" [ image 2 0 28 48 | image 7 18 19 19 | link 14 12 5 1 | title 8 3 17 9 ] | [ image 31 0 28 48 | image 35 18 19 25 | link 43 8 5 1 | title 36 3 17 4 ] | [ image 60 0 28 48 | image 64 18 19 25 | link 71 8 5 1 | title 65 3 17 4 ] | [ image 88 0 28 48 | image 93 18 19 25 | link 100 8 5 1 | title 94 3 17 4 ] \"", "plain_layout_seq": "image 2 0 28 48 | image 7 18 19 19 | image 31 0 28 48 | image 35 18 19 25 | image 60 0 28 48 | image 64 18 19 25 | image 88 0 28 48 | image 93 18 19 25 | link 14 12 5 1 | link 43 8 5 1 | link 71 8 5 1 | link 100 8 5 1 | title 8 3 17 9 | title 36 3 17 4 | title 65 3 17 4 | title 94 3 17 4", "canvas_width": 1024, "canvas_height": 418, "elements": [ { "type": "image", "position": [ 20, 0, 246, 418 ], "completed": true }, { "type": "image", "position": [ 266, 0, 246, 418 ], "completed": true }, { "type": "image", "position": [ 512, 0, 246, 418 ], "completed": true }, { "type": "image", "position": [ 758, 0, 246, 418 ], "completed": true }, { "type": "title", "position": [ 69, 30, 149, 77 ], "completed": false }, { "type": "title", "position": [ 315, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 561, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 807, 30, 149, 39 ], "completed": false }, { "type": "link", "position": [ 367, 70, 45, 15 ], "completed": false }, { "type": "link", "position": [ 613, 70, 45, 15 ], "completed": false }, { "type": "link", "position": [ 859, 70, 45, 15 ], "completed": false }, { "type": "link", "position": [ 121, 109, 45, 15 ], "completed": false }, { "type": "image", "position": [ 61, 157, 165, 165 ], "completed": false }, { "type": "image", "position": [ 307, 157, 165, 220 ], "completed": false }, { "type": "image", "position": [ 553, 157, 165, 220 ], "completed": false }, { "type": "image", "position": [ 799, 157, 165, 220 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter and follow the company on social media platforms. # The page should have two groups: \"Sign up to our newsletter\" and \"FOLLOW US\". In the first group, there should be a title, an input box and a button \"ENTER\" for the user to enter the email address and click to enter. In the second group, there should be a title and an icon for the user to follow the company on Instagram. Besides, on the page, there should have an icon for the user to close the page.", "region_id": "7203", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'sign up to our newsletter, follow us'] \n[item [el:title][el:input] [el:button [attr:value 'enter'] ] ] \n[item [el:title][el:icon] ] ] [el:icon] ]", "execution": "multiinfo : icon undefined undefined | { [ button undefined undefined | input undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 57 11 9 5 | icon 115 2 2 2 | icon 79 11 2 2 | input 33 11 23 5 | title 33 7 19 1 | title 70 7 19 1", "layout_seq_without_completion": "button 57 11 9 5 | icon 115 2 2 2 | icon 79 11 2 2 | input 33 11 23 5 | title 33 7 19 1 | title 70 7 19 1", "plain_layout_seq": "button 57 11 9 5 | icon 115 2 2 2 | icon 79 11 2 2 | input 33 11 23 5 | title 33 7 19 1 | title 70 7 19 1", "canvas_width": 1009, "canvas_height": 201, "elements": [ { "type": "icon", "position": [ 973, 17, 20, 20 ], "completed": false }, { "type": "title", "position": [ 280, 62, 166, 16 ], "completed": false }, { "type": "title", "position": [ 594, 66, 168, 16 ], "completed": false }, { "type": "input", "position": [ 280, 94, 194, 45 ], "completed": false }, { "type": "button", "position": [ 484, 94, 78, 45 ], "completed": false }, { "type": "icon", "position": [ 668, 97, 20, 20 ], "completed": false } ] }, { "text": "# A page for the user to select a template to learn more info.# The page should have a title \"Find out about our templates\", a short description, and 18 groups of template information with each having a small image, a title, and a further introduction. Besides, there should be a button for the user to sign up to start creating.", "region_id": "6334", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'find out about our templates'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '18'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] [el:button [attr:value 'sign up to start creating'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 118 | button 44 106 30 6 | description 1 11 117 2 | title 4 3 110 5 | \" [ description 19 22 20 3 | image 6 18 11 11 | complete image 6 18 34 11 | title 19 19 20 2 ] | [ description 55 22 20 5 | image 42 18 11 11 | complete image 42 18 34 11 | title 55 19 20 2 ] | [ description 92 22 20 3 | image 78 18 11 11 | complete image 78 18 34 11 | title 92 19 20 2 ] | [ description 19 36 20 5 | image 6 31 11 11 | complete image 6 31 34 11 | title 19 33 20 2 ] | [ description 55 36 20 3 | image 42 31 11 11 | complete image 42 31 34 11 | title 55 33 20 2 ] | [ description 92 36 20 5 | image 78 31 11 11 | complete image 78 31 34 11 | title 92 33 20 2 ] | [ description 19 50 20 3 | image 6 45 11 11 | complete image 6 45 34 11 | title 19 47 20 2 ] | [ description 55 50 20 3 | image 42 45 11 11 | complete image 42 45 34 11 | title 55 47 20 2 ] | [ description 92 50 20 5 | image 78 45 11 11 | complete image 78 45 34 11 | title 92 47 20 2 ] | [ description 19 63 20 5 | image 6 59 11 11 | complete image 6 59 34 11 | title 19 60 20 2 ] | [ description 55 63 20 5 | image 42 59 11 11 | complete image 42 59 34 11 | title 55 60 20 2 ] | [ description 92 63 20 3 | image 78 59 11 11 | complete image 78 59 34 11 | title 92 60 20 2 ] | [ description 19 77 20 5 | image 6 73 11 11 | complete image 6 73 34 11 | title 19 74 20 2 ] | [ description 55 77 20 5 | image 42 73 11 11 | complete image 42 73 34 11 | title 55 74 20 2 ] | [ description 92 77 20 3 | image 78 73 11 11 | complete image 78 73 34 11 | title 92 74 20 2 ] | [ description 19 91 20 3 | image 6 86 11 11 | complete image 6 86 34 11 | title 19 88 20 2 ] | [ description 55 91 20 5 | image 42 86 11 11 | complete image 42 86 34 11 | title 55 88 20 2 ] | [ description 92 91 20 5 | image 78 86 11 11 | complete image 78 86 34 11 | title 92 88 20 2 ] \"", "layout_seq_without_completion": "background 0 0 120 118 | button 44 106 30 6 | description 1 11 117 2 | title 4 3 110 5 | \" [ description 19 22 20 3 | image 6 18 11 11 | image 6 18 34 11 | title 19 19 20 2 ] | [ description 55 22 20 5 | image 42 18 11 11 | image 42 18 34 11 | title 55 19 20 2 ] | [ description 92 22 20 3 | image 78 18 11 11 | image 78 18 34 11 | title 92 19 20 2 ] | [ description 19 36 20 5 | image 6 31 11 11 | image 6 31 34 11 | title 19 33 20 2 ] | [ description 55 36 20 3 | image 42 31 11 11 | image 42 31 34 11 | title 55 33 20 2 ] | [ description 92 36 20 5 | image 78 31 11 11 | image 78 31 34 11 | title 92 33 20 2 ] | [ description 19 50 20 3 | image 6 45 11 11 | image 6 45 34 11 | title 19 47 20 2 ] | [ description 55 50 20 3 | image 42 45 11 11 | image 42 45 34 11 | title 55 47 20 2 ] | [ description 92 50 20 5 | image 78 45 11 11 | image 78 45 34 11 | title 92 47 20 2 ] | [ description 19 63 20 5 | image 6 59 11 11 | image 6 59 34 11 | title 19 60 20 2 ] | [ description 55 63 20 5 | image 42 59 11 11 | image 42 59 34 11 | title 55 60 20 2 ] | [ description 92 63 20 3 | image 78 59 11 11 | image 78 59 34 11 | title 92 60 20 2 ] | [ description 19 77 20 5 | image 6 73 11 11 | image 6 73 34 11 | title 19 74 20 2 ] | [ description 55 77 20 5 | image 42 73 11 11 | image 42 73 34 11 | title 55 74 20 2 ] | [ description 92 77 20 3 | image 78 73 11 11 | image 78 73 34 11 | title 92 74 20 2 ] | [ description 19 91 20 3 | image 6 86 11 11 | image 6 86 34 11 | title 19 88 20 2 ] | [ description 55 91 20 5 | image 42 86 11 11 | image 42 86 34 11 | title 55 88 20 2 ] | [ description 92 91 20 5 | image 78 86 11 11 | image 78 86 34 11 | title 92 88 20 2 ] \"", "plain_layout_seq": "background 0 0 120 118 | button 44 106 30 6 | description 1 11 117 2 | description 19 22 20 3 | description 55 22 20 5 | description 92 22 20 3 | description 19 36 20 5 | description 55 36 20 3 | description 92 36 20 5 | description 19 50 20 3 | description 55 50 20 3 | description 92 50 20 5 | description 19 63 20 5 | description 55 63 20 5 | description 92 63 20 3 | description 19 77 20 5 | description 55 77 20 5 | description 92 77 20 3 | description 19 91 20 3 | description 55 91 20 5 | description 92 91 20 5 | image 6 18 11 11 | image 6 18 34 11 | image 42 18 11 11 | image 42 18 34 11 | image 78 18 11 11 | image 78 18 34 11 | image 6 31 11 11 | image 6 31 34 11 | image 42 31 11 11 | image 42 31 34 11 | image 78 31 11 11 | image 78 31 34 11 | image 6 45 11 11 | image 6 45 34 11 | image 42 45 11 11 | image 42 45 34 11 | image 78 45 11 11 | image 78 45 34 11 | image 6 59 11 11 | image 6 59 34 11 | image 42 59 11 11 | image 42 59 34 11 | image 78 59 11 11 | image 78 59 34 11 | image 6 73 11 11 | image 6 73 34 11 | image 42 73 11 11 | image 42 73 34 11 | image 78 73 11 11 | image 78 73 34 11 | image 6 86 11 11 | image 6 86 34 11 | image 42 86 11 11 | image 42 86 34 11 | image 78 86 11 11 | image 78 86 34 11 | title 4 3 110 5 | title 19 19 20 2 | title 55 19 20 2 | title 92 19 20 2 | title 19 33 20 2 | title 55 33 20 2 | title 92 33 20 2 | title 19 47 20 2 | title 55 47 20 2 | title 92 47 20 2 | title 19 60 20 2 | title 55 60 20 2 | title 92 60 20 2 | title 19 74 20 2 | title 55 74 20 2 | title 92 74 20 2 | title 19 88 20 2 | title 55 88 20 2 | title 92 88 20 2", "canvas_width": 1003, "canvas_height": 992, "elements": [ { "type": "background", "position": [ 0, 0, 1003, 992 ], "completed": true }, { "type": "title", "position": [ 41, 32, 921, 49 ], "completed": false }, { "type": "description", "position": [ 11, 93, 981, 22 ], "completed": false }, { "type": "image", "position": [ 52, 152, 290, 100 ], "completed": true }, { "type": "image", "position": [ 52, 152, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 152, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 152, 290, 100 ], "completed": true }, { "type": "image", "position": [ 660, 152, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 152, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 164, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 164, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 164, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 188, 170, 30 ], "completed": false }, { "type": "description", "position": [ 466, 188, 170, 45 ], "completed": false }, { "type": "description", "position": [ 770, 188, 170, 30 ], "completed": false }, { "type": "image", "position": [ 52, 267, 290, 100 ], "completed": true }, { "type": "image", "position": [ 52, 267, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 267, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 267, 290, 100 ], "completed": true }, { "type": "image", "position": [ 660, 267, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 267, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 279, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 279, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 279, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 303, 170, 45 ], "completed": false }, { "type": "description", "position": [ 466, 303, 170, 30 ], "completed": false }, { "type": "description", "position": [ 770, 303, 170, 45 ], "completed": false }, { "type": "image", "position": [ 52, 382, 290, 100 ], "completed": true }, { "type": "image", "position": [ 52, 382, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 382, 290, 100 ], "completed": true }, { "type": "image", "position": [ 356, 382, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 382, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 382, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 394, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 394, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 394, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 418, 170, 30 ], "completed": false }, { "type": "description", "position": [ 466, 418, 170, 30 ], "completed": false }, { "type": "description", "position": [ 770, 418, 170, 45 ], "completed": false }, { "type": "image", "position": [ 52, 497, 290, 100 ], "completed": true }, { "type": "image", "position": [ 52, 497, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 497, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 497, 290, 100 ], "completed": true }, { "type": "image", "position": [ 660, 497, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 497, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 509, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 509, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 509, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 533, 170, 45 ], "completed": false }, { "type": "description", "position": [ 466, 533, 170, 45 ], "completed": false }, { "type": "description", "position": [ 770, 533, 170, 30 ], "completed": false }, { "type": "image", "position": [ 52, 612, 100, 100 ], "completed": false }, { "type": "image", "position": [ 52, 612, 290, 100 ], "completed": true }, { "type": "image", "position": [ 356, 612, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 612, 290, 100 ], "completed": true }, { "type": "image", "position": [ 660, 612, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 612, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 624, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 624, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 624, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 648, 170, 45 ], "completed": false }, { "type": "description", "position": [ 466, 648, 170, 45 ], "completed": false }, { "type": "description", "position": [ 770, 648, 170, 30 ], "completed": false }, { "type": "image", "position": [ 52, 727, 290, 100 ], "completed": true }, { "type": "image", "position": [ 52, 727, 100, 100 ], "completed": false }, { "type": "image", "position": [ 356, 727, 290, 100 ], "completed": true }, { "type": "image", "position": [ 356, 727, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 727, 100, 100 ], "completed": false }, { "type": "image", "position": [ 660, 727, 290, 100 ], "completed": true }, { "type": "title", "position": [ 162, 739, 170, 19 ], "completed": false }, { "type": "title", "position": [ 466, 739, 170, 19 ], "completed": false }, { "type": "title", "position": [ 770, 739, 170, 19 ], "completed": false }, { "type": "description", "position": [ 162, 763, 170, 30 ], "completed": false }, { "type": "description", "position": [ 466, 763, 170, 45 ], "completed": false }, { "type": "description", "position": [ 770, 763, 170, 45 ], "completed": false }, { "type": "button", "position": [ 374, 887, 254, 53 ], "completed": false } ] }, { "text": "# A page for advertising popular products. # The page should have the title \"POPULAR PRODUCTS\" and two groups \"BOOKS\" and \"GAMES\". Each group should have a background image, a title, a further description, and a button to view all products.", "region_id": "7632", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular products'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'books, games'] [item [el:background_image] [el:title] [el:description] ] ] [el:button [attr:value 'view all products'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 0 114 2 | \" [ background 2 6 56 35 | button 5 29 19 5 | description 5 15 31 11 | title 5 9 31 4 ] | [ background 60 6 56 35 | button 62 29 19 5 | description 62 15 31 11 | title 62 9 31 4 ] \"", "layout_seq_without_completion": "title 2 0 114 2 | \" [ background 2 6 56 35 | button 5 29 19 5 | description 5 15 31 11 | title 5 9 31 4 ] | [ background 60 6 56 35 | button 62 29 19 5 | description 62 15 31 11 | title 62 9 31 4 ] \"", "plain_layout_seq": "background 2 6 56 35 | background 60 6 56 35 | button 5 29 19 5 | button 62 29 19 5 | description 5 15 31 11 | description 62 15 31 11 | title 2 0 114 2 | title 5 9 31 4 | title 62 9 31 4", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "title", "position": [ 25, 0, 974, 24 ], "completed": false }, { "type": "background", "position": [ 25, 52, 482, 300 ], "completed": false }, { "type": "background", "position": [ 517, 52, 482, 300 ], "completed": false }, { "type": "title", "position": [ 45, 84, 265, 42 ], "completed": false }, { "type": "title", "position": [ 537, 84, 265, 42 ], "completed": false }, { "type": "description", "position": [ 45, 130, 265, 101 ], "completed": false }, { "type": "description", "position": [ 537, 130, 265, 101 ], "completed": false }, { "type": "button", "position": [ 45, 251, 164, 44 ], "completed": false }, { "type": "button", "position": [ 537, 251, 170, 44 ], "completed": false } ] }, { "text": "#A page for introducing one product's pros.# There are two groups. Each group includes one icon, one label showing the pro, and one description.", "region_id": "3955", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 27 52 9 | icon 71 11 43 30 | title 5 14 52 10 ] | [ description 61 60 52 9 | icon 5 47 43 30 | title 61 53 52 5 ] \"", "layout_seq_without_completion": "\" [ description 5 27 52 9 | icon 71 11 43 30 | title 5 14 52 10 ] | [ description 61 60 52 9 | icon 5 47 43 30 | title 61 53 52 5 ] \"", "plain_layout_seq": "description 5 27 52 9 | description 61 60 52 9 | icon 71 11 43 30 | icon 5 47 43 30 | title 5 14 52 10 | title 61 53 52 5", "canvas_width": 1024, "canvas_height": 763, "elements": [ { "type": "icon", "position": [ 607, 100, 370, 256 ], "completed": false }, { "type": "title", "position": [ 47, 126, 450, 92 ], "completed": false }, { "type": "description", "position": [ 47, 233, 450, 82 ], "completed": false }, { "type": "icon", "position": [ 47, 404, 370, 259 ], "completed": false }, { "type": "title", "position": [ 527, 454, 450, 46 ], "completed": false }, { "type": "description", "position": [ 527, 515, 450, 82 ], "completed": false } ] }, { "text": "#A page introducing successful people of the website to users.#The page should have one group of left and right switch buttons, one pagination, and three cases of successful people. And each case should include one photo of the person, one name, one title, and one brief description Of the success story of this person.", "region_id": "2682", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:pagination [attr:repeat '2']] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : pagination undefined undefined | pagination undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 60 60 2 2 | complete button 56 60 2 2 | description 12 31 27 18 | description 46 31 27 18 | description 80 31 27 18 | complete icon 111 25 1 2 | complete icon 6 25 1 2 | image 52 5 14 14 | image 86 5 14 14 | image 18 5 14 14 | text 21 27 8 3 | text 48 27 22 3 | text 90 27 8 3 | title 10 22 31 5 | title 86 22 16 5 | title 52 22 14 5", "layout_seq_without_completion": "button 60 60 2 2 | button 56 60 2 2 | description 12 31 27 18 | description 46 31 27 18 | description 80 31 27 18 | icon 111 25 1 2 | icon 6 25 1 2 | image 52 5 14 14 | image 86 5 14 14 | image 18 5 14 14 | text 21 27 8 3 | text 48 27 22 3 | text 90 27 8 3 | title 10 22 31 5 | title 86 22 16 5 | title 52 22 14 5", "plain_layout_seq": "button 60 60 2 2 | button 56 60 2 2 | description 12 31 27 18 | description 46 31 27 18 | description 80 31 27 18 | icon 111 25 1 2 | icon 6 25 1 2 | image 52 5 14 14 | image 86 5 14 14 | image 18 5 14 14 | text 21 27 8 3 | text 48 27 22 3 | text 90 27 8 3 | title 10 22 31 5 | title 86 22 16 5 | title 52 22 14 5", "canvas_width": 1024, "canvas_height": 558, "elements": [ { "type": "image", "position": [ 158, 48, 124, 124 ], "completed": false }, { "type": "image", "position": [ 450, 48, 124, 124 ], "completed": false }, { "type": "image", "position": [ 742, 48, 124, 124 ], "completed": false }, { "type": "title", "position": [ 86, 188, 268, 50 ], "completed": false }, { "type": "title", "position": [ 452, 188, 120, 50 ], "completed": false }, { "type": "title", "position": [ 734, 188, 140, 50 ], "completed": false }, { "type": "icon", "position": [ 59, 220, 14, 24 ], "completed": true }, { "type": "icon", "position": [ 951, 220, 14, 24 ], "completed": true }, { "type": "text", "position": [ 184, 238, 73, 32 ], "completed": false }, { "type": "text", "position": [ 416, 238, 193, 32 ], "completed": false }, { "type": "text", "position": [ 768, 238, 73, 32 ], "completed": false }, { "type": "description", "position": [ 103, 270, 234, 160 ], "completed": false }, { "type": "description", "position": [ 395, 270, 234, 160 ], "completed": false }, { "type": "description", "position": [ 687, 270, 234, 160 ], "completed": false }, { "type": "button", "position": [ 484, 516, 20, 20 ], "completed": true }, { "type": "button", "position": [ 516, 516, 20, 20 ], "completed": true } ] }, { "text": "#A page for introducing one company's product and management idea.# There are three groups and each group includes one icon, one title, and one description.", "region_id": "8362", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 21 8 33 13 | icon 8 7 7 7 | title 21 4 33 3 ] | [ description 21 34 33 19 | icon 8 34 7 7 | title 21 30 33 3 ] | [ description 81 11 33 13 | icon 68 7 7 7 | title 81 4 33 6 ] \"", "layout_seq_without_completion": "\" [ description 21 8 33 13 | icon 8 7 7 7 | title 21 4 33 3 ] | [ description 21 34 33 19 | icon 8 34 7 7 | title 21 30 33 3 ] | [ description 81 11 33 13 | icon 68 7 7 7 | title 81 4 33 6 ] \"", "plain_layout_seq": "description 21 8 33 13 | description 21 34 33 19 | description 81 11 33 13 | icon 8 7 7 7 | icon 8 34 7 7 | icon 68 7 7 7 | title 21 4 33 3 | title 21 30 33 3 | title 81 4 33 6", "canvas_width": 960, "canvas_height": 476, "elements": [ { "type": "title", "position": [ 172, 33, 266, 26 ], "completed": false }, { "type": "title", "position": [ 652, 33, 266, 52 ], "completed": false }, { "type": "icon", "position": [ 70, 62, 63, 63 ], "completed": false }, { "type": "icon", "position": [ 551, 62, 62, 62 ], "completed": false }, { "type": "description", "position": [ 172, 67, 266, 104 ], "completed": false }, { "type": "description", "position": [ 652, 93, 266, 104 ], "completed": false }, { "type": "title", "position": [ 172, 245, 266, 26 ], "completed": false }, { "type": "icon", "position": [ 70, 274, 63, 63 ], "completed": false }, { "type": "description", "position": [ 172, 279, 266, 156 ], "completed": false } ] }, { "text": "# A page to introduce why innovative brands worldwide partner with the company Coveo. # The page should have a title and four images showing the logo of the brands.", "region_id": "1029", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 3 56 2 | \" [ logo 38 9 13 9 ] | [ logo 109 10 7 7 ] | [ logo 2 12 14 4 ] | [ logo 73 12 14 3 ] \"", "layout_seq_without_completion": "title 2 3 56 2 | \" [ logo 38 9 13 9 ] | [ logo 109 10 7 7 ] | [ logo 2 12 14 4 ] | [ logo 73 12 14 3 ] \"", "plain_layout_seq": "logo 38 9 13 9 | logo 109 10 7 7 | logo 2 12 14 4 | logo 73 12 14 3 | title 2 3 56 2", "canvas_width": 1024, "canvas_height": 226, "elements": [ { "type": "title", "position": [ 25, 32, 481, 24 ], "completed": false }, { "type": "logo", "position": [ 330, 82, 114, 80 ], "completed": false }, { "type": "logo", "position": [ 935, 90, 64, 64 ], "completed": false }, { "type": "logo", "position": [ 25, 103, 122, 39 ], "completed": false }, { "type": "logo", "position": [ 628, 108, 125, 28 ], "completed": false } ] }, { "text": "#A page introducing Offerslook and its pros.# The page contains three information sets. Each group includes an image of a number as the background image, a title, and a description. The three different titles are: \"Sign Up\", \"Creat Offers\", and \"See the Boosts\".", "region_id": "2739", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'sign up, creat offers, see the boosts'] [item [el:background_image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 1 0 39 30 | background 41 0 39 30 | background 80 0 39 30 | description 1 17 35 22 | description 41 17 35 22 | description 80 17 35 22 | title 1 12 35 3 | title 80 12 35 3 | title 41 12 35 3", "layout_seq_without_completion": "background 1 0 39 30 | background 41 0 39 30 | background 80 0 39 30 | description 1 17 35 22 | description 41 17 35 22 | description 80 17 35 22 | title 1 12 35 3 | title 80 12 35 3 | title 41 12 35 3", "plain_layout_seq": "background 1 0 39 30 | background 41 0 39 30 | background 80 0 39 30 | description 1 17 35 22 | description 41 17 35 22 | description 80 17 35 22 | title 1 12 35 3 | title 80 12 35 3 | title 41 12 35 3", "canvas_width": 955, "canvas_height": 326, "elements": [ { "type": "background", "position": [ 15, 0, 313, 240 ], "completed": false }, { "type": "background", "position": [ 328, 0, 313, 240 ], "completed": false }, { "type": "background", "position": [ 642, 0, 313, 240 ], "completed": false }, { "type": "title", "position": [ 15, 100, 283, 26 ], "completed": false }, { "type": "title", "position": [ 328, 100, 283, 26 ], "completed": false }, { "type": "title", "position": [ 642, 100, 283, 26 ], "completed": false }, { "type": "description", "position": [ 15, 136, 283, 180 ], "completed": false }, { "type": "description", "position": [ 328, 136, 283, 180 ], "completed": false }, { "type": "description", "position": [ 642, 136, 283, 180 ], "completed": false } ] }, { "text": "#This page introduces 3 ways to benefit from let me speak for users. # There is a title on the left side of this page \"3 ways to benefit from let me speak.\" Then the right side is divided into three groups: A: learn English, B: Receive Scholarship, and C: Buy Nft Characters, each group has a serial number, name, and date.", "region_id": "4165", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value '3 ways to benefit from let me speak.'] [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'A: learn English, B: Receive Scholarship, C: Buy Nft Characters'] [item [el:title] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title left undefined | { [ text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ text 73 0 3 4 ] | [ title 70 5 7 6 ] | [ text 65 13 11 2 ] \" | \" [ text 95 0 3 4 ] | [ title 86 5 12 6 ] | [ text 89 13 9 2 ] \" | \" [ text 116 0 3 4 ] | [ title 108 5 11 6 ] | [ text 108 13 11 2 ] \"", "layout_seq_without_completion": "\" [ text 73 0 3 4 ] | [ title 70 5 7 6 ] | [ text 65 13 11 2 ] \" | \" [ text 95 0 3 4 ] | [ title 86 5 12 6 ] | [ text 89 13 9 2 ] \" | \" [ text 116 0 3 4 ] | [ title 108 5 11 6 ] | [ text 108 13 11 2 ] \"", "plain_layout_seq": "text 73 0 3 4 | text 65 13 11 2 | text 95 0 3 4 | text 89 13 9 2 | text 116 0 3 4 | text 108 13 11 2 | title 70 5 7 6 | title 86 5 12 6 | title 108 5 11 6", "canvas_width": 944, "canvas_height": 152, "elements": [ { "type": "text", "position": [ 582, 0, 28, 36 ], "completed": false }, { "type": "text", "position": [ 750, 0, 27, 36 ], "completed": false }, { "type": "text", "position": [ 919, 0, 25, 36 ], "completed": false }, { "type": "title", "position": [ 552, 46, 58, 48 ], "completed": false }, { "type": "title", "position": [ 682, 46, 95, 48 ], "completed": false }, { "type": "title", "position": [ 854, 46, 90, 48 ], "completed": false }, { "type": "text", "position": [ 516, 104, 94, 23 ], "completed": false }, { "type": "text", "position": [ 705, 104, 72, 23 ], "completed": false }, { "type": "text", "position": [ 850, 104, 94, 23 ], "completed": false } ] }, { "text": "# A page showing the support and assistance provided by an institution.# The page should have the title \"Support & Assistance\" and 6 groups with each having a small image and a title.", "region_id": "3162", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'support & assistance'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "title 0 8 120 6 | \" [ complete image 0 21 20 23 | image 6 25 7 7 | title 0 33 19 9 ] | [ complete image 20 21 19 23 | image 26 25 7 7 | title 20 33 19 9 ] | [ image 46 25 7 7 | complete image 39 21 20 23 | title 39 33 19 9 ] | [ image 66 25 7 7 | complete image 60 21 20 23 | title 60 33 19 9 ] | [ image 86 25 7 7 | complete image 80 21 19 23 | title 80 33 19 9 ] | [ image 106 25 7 7 | complete image 99 21 20 23 | title 99 33 19 9 ] \"", "layout_seq_without_completion": "title 0 8 120 6 | \" [ image 0 21 20 23 | image 6 25 7 7 | title 0 33 19 9 ] | [ image 20 21 19 23 | image 26 25 7 7 | title 20 33 19 9 ] | [ image 46 25 7 7 | image 39 21 20 23 | title 39 33 19 9 ] | [ image 66 25 7 7 | image 60 21 20 23 | title 60 33 19 9 ] | [ image 86 25 7 7 | image 80 21 19 23 | title 80 33 19 9 ] | [ image 106 25 7 7 | image 99 21 20 23 | title 99 33 19 9 ] \"", "plain_layout_seq": "image 0 21 20 23 | image 6 25 7 7 | image 20 21 19 23 | image 26 25 7 7 | image 46 25 7 7 | image 39 21 20 23 | image 66 25 7 7 | image 60 21 20 23 | image 86 25 7 7 | image 80 21 19 23 | image 106 25 7 7 | image 99 21 20 23 | title 0 8 120 6 | title 0 33 19 9 | title 20 33 19 9 | title 39 33 19 9 | title 60 33 19 9 | title 80 33 19 9 | title 99 33 19 9", "canvas_width": 970, "canvas_height": 368, "elements": [ { "type": "title", "position": [ 0, 70, 970, 55 ], "completed": false }, { "type": "image", "position": [ 0, 175, 162, 193 ], "completed": true }, { "type": "image", "position": [ 162, 175, 161, 193 ], "completed": true }, { "type": "image", "position": [ 323, 175, 162, 193 ], "completed": true }, { "type": "image", "position": [ 485, 175, 162, 193 ], "completed": true }, { "type": "image", "position": [ 647, 175, 161, 193 ], "completed": true }, { "type": "image", "position": [ 808, 175, 162, 193 ], "completed": true }, { "type": "image", "position": [ 49, 204, 58, 58 ], "completed": false }, { "type": "image", "position": [ 211, 204, 58, 58 ], "completed": false }, { "type": "image", "position": [ 373, 204, 58, 58 ], "completed": false }, { "type": "image", "position": [ 534, 204, 58, 58 ], "completed": false }, { "type": "image", "position": [ 696, 204, 58, 58 ], "completed": false }, { "type": "image", "position": [ 858, 204, 58, 58 ], "completed": false }, { "type": "title", "position": [ 0, 272, 157, 77 ], "completed": false }, { "type": "title", "position": [ 162, 272, 157, 77 ], "completed": false }, { "type": "title", "position": [ 323, 272, 157, 77 ], "completed": false }, { "type": "title", "position": [ 485, 272, 157, 77 ], "completed": false }, { "type": "title", "position": [ 647, 272, 157, 77 ], "completed": false }, { "type": "title", "position": [ 808, 272, 157, 77 ], "completed": false } ] }, { "text": "#A page for introducing one group.# There should be one text box showing the title. Seven small images are used to show the logos of the group's companies and each of them is followed by one label showing the company's name. One button is needed for users to learn more about the group company.", "region_id": "220", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'7'] [item [el:logo] [el:text] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 41 29 37 6 | logo 0 13 15 3 | logo 59 13 9 3 | logo 39 13 15 3 | logo 87 13 13 3 | logo 105 13 12 3 | logo 19 13 15 3 | logo 73 13 9 3 | text 0 18 15 2 | text 59 18 9 2 | text 73 18 9 2 | text 87 18 13 4 | text 105 18 12 2 | text 19 18 15 2 | text 39 18 15 2 | title 45 0 28 6", "layout_seq_without_completion": "button 41 29 37 6 | logo 0 13 15 3 | logo 59 13 9 3 | logo 39 13 15 3 | logo 87 13 13 3 | logo 105 13 12 3 | logo 19 13 15 3 | logo 73 13 9 3 | text 0 18 15 2 | text 59 18 9 2 | text 73 18 9 2 | text 87 18 13 4 | text 105 18 12 2 | text 19 18 15 2 | text 39 18 15 2 | title 45 0 28 6", "plain_layout_seq": "button 41 29 37 6 | logo 0 13 15 3 | logo 59 13 9 3 | logo 39 13 15 3 | logo 87 13 13 3 | logo 105 13 12 3 | logo 19 13 15 3 | logo 73 13 9 3 | text 0 18 15 2 | text 59 18 9 2 | text 73 18 9 2 | text 87 18 13 4 | text 105 18 12 2 | text 19 18 15 2 | text 39 18 15 2 | title 45 0 28 6", "canvas_width": 1000, "canvas_height": 294, "elements": [ { "type": "title", "position": [ 380, 0, 240, 50 ], "completed": false }, { "type": "logo", "position": [ 0, 110, 125, 28 ], "completed": false }, { "type": "logo", "position": [ 165, 110, 125, 28 ], "completed": false }, { "type": "logo", "position": [ 330, 110, 125, 28 ], "completed": false }, { "type": "logo", "position": [ 495, 110, 77, 28 ], "completed": false }, { "type": "logo", "position": [ 612, 110, 77, 28 ], "completed": false }, { "type": "logo", "position": [ 729, 110, 113, 28 ], "completed": false }, { "type": "logo", "position": [ 882, 110, 107, 28 ], "completed": false }, { "type": "text", "position": [ 0, 150, 125, 17 ], "completed": false }, { "type": "text", "position": [ 165, 150, 125, 17 ], "completed": false }, { "type": "text", "position": [ 330, 150, 125, 17 ], "completed": false }, { "type": "text", "position": [ 495, 150, 77, 17 ], "completed": false }, { "type": "text", "position": [ 612, 150, 77, 17 ], "completed": false }, { "type": "text", "position": [ 729, 150, 113, 34 ], "completed": false }, { "type": "text", "position": [ 882, 150, 107, 17 ], "completed": false }, { "type": "button", "position": [ 344, 244, 312, 50 ], "completed": false } ] }, { "text": "# A page to introduce the trusted providers of a company.# On the page, there should be a title \"Trusted Providers\" and nine images showing the logo of the providers.", "region_id": "282", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'trusted providers'] ] [gp:InfoGroup [gattr:repeat'9'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete background 0 9 120 35 | logo 97 34 14 4 | logo 97 24 14 3 | logo 7 24 14 3 | logo 75 25 14 2 | logo 67 34 14 3 | logo 29 24 14 3 | logo 52 25 14 3 | logo 37 33 14 5 | logo 7 34 14 2 | title 1 17 116 2", "layout_seq_without_completion": "background 0 9 120 35 | logo 97 34 14 4 | logo 97 24 14 3 | logo 7 24 14 3 | logo 75 25 14 2 | logo 67 34 14 3 | logo 29 24 14 3 | logo 52 25 14 3 | logo 37 33 14 5 | logo 7 34 14 2 | title 1 17 116 2", "plain_layout_seq": "background 0 9 120 35 | logo 97 34 14 4 | logo 97 24 14 3 | logo 7 24 14 3 | logo 75 25 14 2 | logo 67 34 14 3 | logo 29 24 14 3 | logo 52 25 14 3 | logo 37 33 14 5 | logo 7 34 14 2 | title 1 17 116 2", "canvas_width": 1003, "canvas_height": 514, "elements": [ { "type": "background", "position": [ 0, 80, 1003, 300 ], "completed": true }, { "type": "title", "position": [ 16, 144, 971, 23 ], "completed": false }, { "type": "logo", "position": [ 59, 207, 125, 32 ], "completed": false }, { "type": "logo", "position": [ 249, 207, 125, 33 ], "completed": false }, { "type": "logo", "position": [ 819, 207, 125, 32 ], "completed": false }, { "type": "logo", "position": [ 439, 210, 125, 27 ], "completed": false }, { "type": "logo", "position": [ 629, 211, 125, 25 ], "completed": false }, { "type": "logo", "position": [ 312, 283, 125, 43 ], "completed": false }, { "type": "logo", "position": [ 819, 288, 125, 34 ], "completed": false }, { "type": "logo", "position": [ 566, 289, 125, 31 ], "completed": false }, { "type": "logo", "position": [ 59, 292, 125, 25 ], "completed": false } ] }, { "text": "#A page shows three reports.# Here are three different reports. Each report has an image ,a title, a resume, and a link to read the full report.", "region_id": "1652", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:link [attr:value'read the full report'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | image 3 4 29 29 | image 86 4 29 29 | image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "layout_seq_without_completion": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | image 3 4 29 29 | image 86 4 29 29 | image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "plain_layout_seq": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | image 3 4 29 29 | image 86 4 29 29 | image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "canvas_width": 1024, "canvas_height": 599, "elements": [ { "type": "image", "position": [ 34, 40, 251, 251 ], "completed": false }, { "type": "image", "position": [ 387, 40, 250, 250 ], "completed": false }, { "type": "image", "position": [ 739, 40, 250, 250 ], "completed": false }, { "type": "title", "position": [ 352, 311, 320, 61 ], "completed": false }, { "type": "title", "position": [ 708, 311, 312, 61 ], "completed": false }, { "type": "title", "position": [ 16, 312, 288, 61 ], "completed": false }, { "type": "description", "position": [ 352, 394, 320, 72 ], "completed": false }, { "type": "description", "position": [ 704, 394, 320, 48 ], "completed": false }, { "type": "description", "position": [ 0, 395, 320, 72 ], "completed": false }, { "type": "link", "position": [ 802, 464, 124, 19 ], "completed": false }, { "type": "link", "position": [ 447, 488, 130, 19 ], "completed": false }, { "type": "link", "position": [ 95, 489, 130, 19 ], "completed": false } ] }, { "text": "#A page shows three reports.# Here are three different reports. Each report has a title, a resume, and a link to read the full report.", "region_id": "1652_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:link [attr:value'read the full report'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | complete image 3 4 29 29 | complete image 86 4 29 29 | complete image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "layout_seq_without_completion": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | image 3 4 29 29 | image 86 4 29 29 | image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "plain_layout_seq": "description 0 46 37 8 | description 41 46 37 8 | description 82 46 37 5 | image 3 4 29 29 | image 86 4 29 29 | image 45 4 29 29 | link 11 57 15 2 | link 52 57 15 2 | link 93 54 14 2 | title 1 36 33 7 | title 41 36 37 7 | title 82 36 36 7", "canvas_width": 1024, "canvas_height": 599, "elements": [ { "type": "image", "position": [ 34, 40, 251, 251 ], "completed": true }, { "type": "image", "position": [ 387, 40, 250, 250 ], "completed": true }, { "type": "image", "position": [ 739, 40, 250, 250 ], "completed": true }, { "type": "title", "position": [ 352, 311, 320, 61 ], "completed": false }, { "type": "title", "position": [ 708, 311, 312, 61 ], "completed": false }, { "type": "title", "position": [ 16, 312, 288, 61 ], "completed": false }, { "type": "description", "position": [ 352, 394, 320, 72 ], "completed": false }, { "type": "description", "position": [ 704, 394, 320, 48 ], "completed": false }, { "type": "description", "position": [ 0, 395, 320, 72 ], "completed": false }, { "type": "link", "position": [ 802, 464, 124, 19 ], "completed": false }, { "type": "link", "position": [ 447, 488, 130, 19 ], "completed": false }, { "type": "link", "position": [ 95, 489, 130, 19 ], "completed": false } ] }, { "text": "#A page for introducing the latest stories to users.# The page should include three parts of the content. Each part contains an image, one title, and a brief description.", "region_id": "1055", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 3 120 58 | image 78 27 31 21 | image 9 27 31 21 | image 44 27 31 21 | title 9 52 31 9 | title 44 52 31 6 | title 78 52 31 9 | complete title 9 10 99 8", "layout_seq_without_completion": "background 0 3 120 58 | image 78 27 31 21 | image 9 27 31 21 | image 44 27 31 21 | title 9 52 31 9 | title 44 52 31 6 | title 78 52 31 9 | title 9 10 99 8", "plain_layout_seq": "background 0 3 120 58 | image 78 27 31 21 | image 9 27 31 21 | image 44 27 31 21 | title 9 52 31 9 | title 44 52 31 6 | title 78 52 31 9 | title 9 10 99 8", "canvas_width": 1024, "canvas_height": 563, "elements": [ { "type": "background", "position": [ 0, 30, 1024, 502 ], "completed": true }, { "type": "title", "position": [ 85, 90, 853, 73 ], "completed": true }, { "type": "image", "position": [ 85, 233, 270, 182 ], "completed": false }, { "type": "image", "position": [ 377, 233, 270, 182 ], "completed": false }, { "type": "image", "position": [ 668, 233, 270, 181 ], "completed": false }, { "type": "title", "position": [ 668, 448, 270, 83 ], "completed": false }, { "type": "title", "position": [ 85, 450, 270, 83 ], "completed": false }, { "type": "title", "position": [ 377, 450, 270, 55 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # On the page, three groups are needed to introduce the service: free shipping and return. 100% money refund, and fast send and delivery. In each group, there should contain a small image and a phrase.", "region_id": "3201", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'free shipping and return, 100% money refund,, fast send and delivery'] [item [el:image [attr:size 'small'] ] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | image 5 1 4 4 | image 45 1 4 4 | image 85 1 4 4 | text 85 1 29 3 | text 45 1 29 3 | text 5 1 29 3", "layout_seq_without_completion": "background 0 0 120 8 | image 5 1 4 4 | image 45 1 4 4 | image 85 1 4 4 | text 85 1 29 3 | text 45 1 29 3 | text 5 1 29 3", "plain_layout_seq": "background 0 0 120 8 | image 5 1 4 4 | image 45 1 4 4 | image 85 1 4 4 | text 85 1 29 3 | text 45 1 29 3 | text 5 1 29 3", "canvas_width": 836, "canvas_height": 57, "elements": [ { "type": "background", "position": [ 0, 0, 836, 57 ], "completed": true }, { "type": "image", "position": [ 38, 13, 30, 30 ], "completed": false }, { "type": "text", "position": [ 38, 13, 204, 25 ], "completed": false }, { "type": "text", "position": [ 316, 13, 204, 25 ], "completed": false }, { "type": "image", "position": [ 316, 13, 30, 30 ], "completed": false }, { "type": "image", "position": [ 594, 13, 30, 30 ], "completed": false }, { "type": "text", "position": [ 594, 13, 204, 25 ], "completed": false } ] }, { "text": "$multi-info$#This page introduces the product to the user. #This page is divided into three groups: George the Farmer-Books, Kookaburra Hook, and Gurgle Pots. Each group consists of the product's image, title\n, and price point.", "region_id": "6458", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'George the Farmer-Books, Kookaburra Hook, Gurgle Pots'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 6 51 33 3 | text 43 47 33 3 | text 80 47 33 3 | title 43 41 33 4 | title 6 45 33 4 | title 80 41 33 4", "layout_seq_without_completion": "text 6 51 33 3 | text 43 47 33 3 | text 80 47 33 3 | title 43 41 33 4 | title 6 45 33 4 | title 80 41 33 4", "plain_layout_seq": "text 6 51 33 3 | text 43 47 33 3 | text 80 47 33 3 | title 43 41 33 4 | title 6 45 33 4 | title 80 41 33 4", "canvas_width": 1024, "canvas_height": 524, "elements": [ { "type": "title", "position": [ 370, 354, 285, 39 ], "completed": false }, { "type": "title", "position": [ 684, 354, 285, 39 ], "completed": false }, { "type": "title", "position": [ 55, 386, 285, 39 ], "completed": false }, { "type": "text", "position": [ 370, 405, 285, 32 ], "completed": false }, { "type": "text", "position": [ 684, 405, 285, 32 ], "completed": false }, { "type": "text", "position": [ 55, 438, 285, 32 ], "completed": false } ] }, { "text": "#A page showing some five kinds of drinks for consumers.# There should be five information sets. Under each set, there should be one Background image about drinks, one title for the name of the drink, followed by a button that users can click to view all.", "region_id": "7418", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:background_image] [el:title] [el:button [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 2 0 38 44 | button 18 17 6 1 | complete image 7 0 29 20 | title 8 3 26 13 ] | [ background 40 0 38 44 | button 56 17 6 1 | complete image 45 0 29 20 | title 46 3 26 13 ] | [ background 79 0 38 44 | button 95 13 6 1 | complete image 83 0 29 16 | title 85 3 26 9 ] | [ background 2 44 57 44 | button 28 57 6 1 | complete image 7 44 48 16 | title 9 48 43 9 ] | [ background 60 44 57 44 | button 85 57 6 1 | complete image 64 44 48 16 | title 67 48 43 9 ] \"", "layout_seq_without_completion": "\" [ background 2 0 38 44 | button 18 17 6 1 | image 7 0 29 20 | title 8 3 26 13 ] | [ background 40 0 38 44 | button 56 17 6 1 | image 45 0 29 20 | title 46 3 26 13 ] | [ background 79 0 38 44 | button 95 13 6 1 | image 83 0 29 16 | title 85 3 26 9 ] | [ background 2 44 57 44 | button 28 57 6 1 | image 7 44 48 16 | title 9 48 43 9 ] | [ background 60 44 57 44 | button 85 57 6 1 | image 64 44 48 16 | title 67 48 43 9 ] \"", "plain_layout_seq": "background 2 0 38 44 | background 40 0 38 44 | background 79 0 38 44 | background 2 44 57 44 | background 60 44 57 44 | button 18 17 6 1 | button 56 17 6 1 | button 95 13 6 1 | button 28 57 6 1 | button 85 57 6 1 | image 7 0 29 20 | image 45 0 29 20 | image 83 0 29 16 | image 7 44 48 16 | image 64 44 48 16 | title 8 3 26 13 | title 46 3 26 13 | title 85 3 26 9 | title 9 48 43 9 | title 67 48 43 9", "canvas_width": 1024, "canvas_height": 760, "elements": [ { "type": "background", "position": [ 20, 0, 328, 380 ], "completed": false }, { "type": "image", "position": [ 60, 0, 248, 178 ], "completed": true }, { "type": "background", "position": [ 348, 0, 328, 380 ], "completed": false }, { "type": "image", "position": [ 388, 0, 248, 178 ], "completed": true }, { "type": "background", "position": [ 676, 0, 328, 380 ], "completed": false }, { "type": "image", "position": [ 716, 0, 248, 139 ], "completed": true }, { "type": "title", "position": [ 72, 30, 224, 116 ], "completed": false }, { "type": "title", "position": [ 400, 30, 224, 116 ], "completed": false }, { "type": "title", "position": [ 728, 30, 224, 77 ], "completed": false }, { "type": "button", "position": [ 814, 111, 53, 15 ], "completed": false }, { "type": "button", "position": [ 158, 150, 53, 15 ], "completed": false }, { "type": "button", "position": [ 486, 150, 53, 15 ], "completed": false }, { "type": "background", "position": [ 20, 380, 492, 380 ], "completed": false }, { "type": "image", "position": [ 60, 380, 412, 139 ], "completed": true }, { "type": "background", "position": [ 512, 380, 492, 380 ], "completed": false }, { "type": "image", "position": [ 552, 380, 412, 139 ], "completed": true }, { "type": "title", "position": [ 81, 410, 370, 77 ], "completed": false }, { "type": "title", "position": [ 573, 410, 370, 77 ], "completed": false }, { "type": "button", "position": [ 240, 491, 53, 15 ], "completed": false }, { "type": "button", "position": [ 732, 491, 53, 15 ], "completed": false } ] }, { "text": "#A page for introducing the news.#The page has three groups and each group has an image and a title. At the bottom of the page, there is a description and pagination for users to get more news.", "region_id": "7471", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] [el:description[attr:position 'bottom'] [attr:value'more news']] [el:pagination [attr:position 'bottom'] ] ]", "execution": "multiinfo : description bottom undefined | pagination bottom undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 112 44 7 4 | description 99 45 10 2 | image 3 0 51 38 | image 61 3 26 17 | image 93 3 26 26 | title 3 39 37 8 | title 93 31 24 8 | title 61 22 23 8", "layout_seq_without_completion": "button 112 44 7 4 | description 99 45 10 2 | image 3 0 51 38 | image 61 3 26 17 | image 93 3 26 26 | title 3 39 37 8 | title 93 31 24 8 | title 61 22 23 8", "plain_layout_seq": "button 112 44 7 4 | description 99 45 10 2 | image 3 0 51 38 | image 61 3 26 17 | image 93 3 26 26 | title 3 39 37 8 | title 93 31 24 8 | title 61 22 23 8", "canvas_width": 994, "canvas_height": 417, "elements": [ { "type": "image", "position": [ 30, 0, 427, 320 ], "completed": false }, { "type": "image", "position": [ 507, 30, 218, 146 ], "completed": false }, { "type": "image", "position": [ 776, 30, 218, 218 ], "completed": false }, { "type": "title", "position": [ 507, 185, 195, 67 ], "completed": false }, { "type": "title", "position": [ 776, 258, 201, 67 ], "completed": false }, { "type": "title", "position": [ 30, 331, 310, 70 ], "completed": false }, { "type": "button", "position": [ 934, 366, 60, 40 ], "completed": true }, { "type": "description", "position": [ 824, 377, 90, 22 ], "completed": false } ] }, { "text": "# A page to introduce the service and advantages of ScreenRec. # The page should have the title \"SccreenRec is Best For...\" and eight groups with each having a small image, a title, and a short description.", "region_id": "6315", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'sccreenrec is best for...'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image [attr:size 'small'] ] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 4 59 32 6 | description 82 35 32 3 | description 43 35 32 6 | description 4 35 32 6 | description 43 59 32 6 | description 82 59 32 6 | description 4 83 32 3 | description 43 83 32 3 | image 18 24 5 5 | image 18 72 5 5 | complete image 2 70 36 18 | image 18 48 5 5 | complete image 2 22 36 21 | complete image 41 22 36 21 | complete image 80 22 36 21 | image 57 24 5 5 | image 57 48 5 5 | image 96 48 5 5 | image 57 72 5 5 | complete image 2 46 36 21 | image 96 24 5 5 | complete image 41 46 36 21 | complete image 80 46 36 21 | complete image 41 70 36 18 | title 2 8 114 5 | title 43 80 32 2 | title 4 56 32 2 | title 4 31 32 2 | title 82 31 32 2 | title 43 31 32 2 | title 82 56 32 2 | title 43 56 32 2 | title 4 80 32 2", "layout_seq_without_completion": "description 4 59 32 6 | description 82 35 32 3 | description 43 35 32 6 | description 4 35 32 6 | description 43 59 32 6 | description 82 59 32 6 | description 4 83 32 3 | description 43 83 32 3 | image 18 24 5 5 | image 18 72 5 5 | image 2 70 36 18 | image 18 48 5 5 | image 2 22 36 21 | image 41 22 36 21 | image 80 22 36 21 | image 57 24 5 5 | image 57 48 5 5 | image 96 48 5 5 | image 57 72 5 5 | image 2 46 36 21 | image 96 24 5 5 | image 41 46 36 21 | image 80 46 36 21 | image 41 70 36 18 | title 2 8 114 5 | title 43 80 32 2 | title 4 56 32 2 | title 4 31 32 2 | title 82 31 32 2 | title 43 31 32 2 | title 82 56 32 2 | title 43 56 32 2 | title 4 80 32 2", "plain_layout_seq": "description 4 59 32 6 | description 82 35 32 3 | description 43 35 32 6 | description 4 35 32 6 | description 43 59 32 6 | description 82 59 32 6 | description 4 83 32 3 | description 43 83 32 3 | image 18 24 5 5 | image 18 72 5 5 | image 2 70 36 18 | image 18 48 5 5 | image 2 22 36 21 | image 41 22 36 21 | image 80 22 36 21 | image 57 24 5 5 | image 57 48 5 5 | image 96 48 5 5 | image 57 72 5 5 | image 2 46 36 21 | image 96 24 5 5 | image 41 46 36 21 | image 80 46 36 21 | image 41 70 36 18 | title 2 8 114 5 | title 43 80 32 2 | title 4 56 32 2 | title 4 31 32 2 | title 82 31 32 2 | title 43 31 32 2 | title 82 56 32 2 | title 43 56 32 2 | title 4 80 32 2", "canvas_width": 1024, "canvas_height": 841, "elements": [ { "type": "title", "position": [ 24, 72, 976, 47 ], "completed": false }, { "type": "image", "position": [ 24, 190, 310, 184 ], "completed": true }, { "type": "image", "position": [ 356, 190, 310, 184 ], "completed": true }, { "type": "image", "position": [ 688, 190, 310, 184 ], "completed": true }, { "type": "image", "position": [ 157, 207, 43, 43 ], "completed": false }, { "type": "image", "position": [ 489, 207, 43, 43 ], "completed": false }, { "type": "image", "position": [ 821, 207, 43, 43 ], "completed": false }, { "type": "title", "position": [ 40, 273, 276, 20 ], "completed": false }, { "type": "title", "position": [ 373, 273, 276, 20 ], "completed": false }, { "type": "title", "position": [ 705, 273, 276, 20 ], "completed": false }, { "type": "description", "position": [ 40, 301, 276, 56 ], "completed": false }, { "type": "description", "position": [ 373, 301, 276, 56 ], "completed": false }, { "type": "description", "position": [ 705, 301, 276, 28 ], "completed": false }, { "type": "image", "position": [ 24, 396, 310, 184 ], "completed": true }, { "type": "image", "position": [ 356, 396, 310, 184 ], "completed": true }, { "type": "image", "position": [ 688, 396, 310, 184 ], "completed": true }, { "type": "image", "position": [ 157, 413, 43, 43 ], "completed": false }, { "type": "image", "position": [ 489, 413, 43, 43 ], "completed": false }, { "type": "image", "position": [ 821, 413, 43, 43 ], "completed": false }, { "type": "title", "position": [ 40, 479, 276, 20 ], "completed": false }, { "type": "title", "position": [ 373, 479, 276, 20 ], "completed": false }, { "type": "title", "position": [ 705, 479, 276, 20 ], "completed": false }, { "type": "description", "position": [ 40, 507, 276, 56 ], "completed": false }, { "type": "description", "position": [ 373, 507, 276, 56 ], "completed": false }, { "type": "description", "position": [ 705, 507, 276, 56 ], "completed": false }, { "type": "image", "position": [ 24, 602, 310, 156 ], "completed": true }, { "type": "image", "position": [ 356, 602, 310, 156 ], "completed": true }, { "type": "image", "position": [ 157, 619, 43, 43 ], "completed": false }, { "type": "image", "position": [ 489, 619, 43, 43 ], "completed": false }, { "type": "title", "position": [ 40, 685, 276, 20 ], "completed": false }, { "type": "title", "position": [ 373, 685, 276, 20 ], "completed": false }, { "type": "description", "position": [ 40, 713, 276, 28 ], "completed": false }, { "type": "description", "position": [ 373, 713, 276, 28 ], "completed": false } ] }, { "text": "# A page for advertising the coffee in an online shop. # The page should have the title \"Our Coffe\", and two buttons for the user to switch pages to view more. Besides, there should contain three groups of product information with each having an image, a shop name, a product name, and a price range.", "region_id": "7817", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our coffe'] ] [el:pagination] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '3']]] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete icon 106 5 2 2 | complete icon 112 5 2 2 | title 48 4 24 6 | \" [ text 3 62 35 5 | text 4 53 33 3 | text 4 56 33 2 ] | [ text 42 56 33 2 | text 42 53 33 3 | text 41 62 35 5 ] | [ text 79 53 33 3 | text 79 56 33 2 | text 78 62 35 5 ] \"", "layout_seq_without_completion": "icon 106 5 2 2 | icon 112 5 2 2 | title 48 4 24 6 | \" [ text 3 62 35 5 | text 4 53 33 3 | text 4 56 33 2 ] | [ text 42 56 33 2 | text 42 53 33 3 | text 41 62 35 5 ] | [ text 79 53 33 3 | text 79 56 33 2 | text 78 62 35 5 ] \"", "plain_layout_seq": "icon 106 5 2 2 | icon 112 5 2 2 | text 3 62 35 5 | text 4 53 33 3 | text 4 56 33 2 | text 42 56 33 2 | text 42 53 33 3 | text 41 62 35 5 | text 79 53 33 3 | text 79 56 33 2 | text 78 62 35 5 | title 48 4 24 6", "canvas_width": 1024, "canvas_height": 654, "elements": [ { "type": "title", "position": [ 410, 35, 205, 53 ], "completed": false }, { "type": "icon", "position": [ 911, 48, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 961, 48, 20, 20 ], "completed": true }, { "type": "text", "position": [ 37, 455, 288, 26 ], "completed": false }, { "type": "text", "position": [ 359, 455, 288, 26 ], "completed": false }, { "type": "text", "position": [ 680, 455, 288, 26 ], "completed": false }, { "type": "text", "position": [ 37, 484, 288, 21 ], "completed": false }, { "type": "text", "position": [ 359, 484, 288, 21 ], "completed": false }, { "type": "text", "position": [ 680, 484, 288, 21 ], "completed": false }, { "type": "text", "position": [ 31, 533, 302, 51 ], "completed": false }, { "type": "text", "position": [ 352, 533, 302, 51 ], "completed": false }, { "type": "text", "position": [ 673, 533, 302, 51 ], "completed": false } ] }, { "text": "#A page for showing the products of NEO4IC.#The page should have four groups and each group has an image, a price, and a title, \"no data-black version\", \"neo4ic 304I facemask\", \"paradox mantle hoodie\", and \"sonic sky chase shirt\". Then, there is a \"view all\" button.", "region_id": "8244", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'no data-black version, neo4ic 304i facemask, paradox mantle hoodie, sonic sky chase shirt'] [item [el:image] [el:text] [el:title] ] ] [el:button [attr:position 'view all'] ] ]", "execution": "multiinfo : button view all undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 65 12 5 | image 34 15 24 21 | text 34 42 6 2 | title 34 39 24 2 | complete title 6 6 107 2 | \" [ image 6 15 24 29 | text 6 50 6 2 | text 13 50 7 2 | title 6 46 24 2 ] | [ image 66 15 14 29 | text 61 50 6 2 | text 68 50 7 2 | title 61 46 24 2 ] | [ image 89 15 24 28 | text 96 49 7 2 | text 89 49 6 2 | title 89 46 24 2 ] \"", "layout_seq_without_completion": "button 53 65 12 5 | image 34 15 24 21 | text 34 42 6 2 | title 34 39 24 2 | title 6 6 107 2 | \" [ image 6 15 24 29 | text 6 50 6 2 | text 13 50 7 2 | title 6 46 24 2 ] | [ image 66 15 14 29 | text 61 50 6 2 | text 68 50 7 2 | title 61 46 24 2 ] | [ image 89 15 24 28 | text 96 49 7 2 | text 89 49 6 2 | title 89 46 24 2 ] \"", "plain_layout_seq": "button 53 65 12 5 | image 34 15 24 21 | image 6 15 24 29 | image 66 15 14 29 | image 89 15 24 28 | text 34 42 6 2 | text 6 50 6 2 | text 13 50 7 2 | text 61 50 6 2 | text 68 50 7 2 | text 96 49 7 2 | text 89 49 6 2 | title 34 39 24 2 | title 6 6 107 2 | title 6 46 24 2 | title 61 46 24 2 | title 89 46 24 2", "canvas_width": 1024, "canvas_height": 659, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": true }, { "type": "image", "position": [ 55, 134, 206, 249 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 187 ], "completed": false }, { "type": "image", "position": [ 568, 134, 124, 250 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 244 ], "completed": false }, { "type": "title", "position": [ 291, 336, 206, 21 ], "completed": false }, { "type": "text", "position": [ 291, 365, 52, 24 ], "completed": false }, { "type": "title", "position": [ 763, 394, 206, 21 ], "completed": false }, { "type": "title", "position": [ 55, 398, 206, 21 ], "completed": false }, { "type": "title", "position": [ 527, 399, 206, 20 ], "completed": false }, { "type": "text", "position": [ 763, 422, 53, 24 ], "completed": false }, { "type": "text", "position": [ 821, 424, 67, 19 ], "completed": false }, { "type": "text", "position": [ 55, 427, 53, 24 ], "completed": false }, { "type": "text", "position": [ 527, 427, 54, 24 ], "completed": false }, { "type": "text", "position": [ 113, 429, 67, 19 ], "completed": false }, { "type": "text", "position": [ 586, 429, 67, 19 ], "completed": false }, { "type": "button", "position": [ 457, 561, 110, 43 ], "completed": false } ] }, { "text": "#A page for showing some news.# The page should have 4 groups each group having a related image, and two texts to show the title and the source of the news.", "region_id": "4516", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 0 27 17 | image 0 0 27 17 | image 30 0 27 17 | image 92 0 27 17 | text 0 29 18 4 | text 30 29 18 4 | text 61 29 18 4 | text 92 29 18 4 | complete text 119 30 0 2 | title 30 19 27 10 | title 0 19 27 10 | title 61 19 27 10 | title 92 19 27 10", "layout_seq_without_completion": "image 61 0 27 17 | image 0 0 27 17 | image 30 0 27 17 | image 92 0 27 17 | text 0 29 18 4 | text 30 29 18 4 | text 61 29 18 4 | text 92 29 18 4 | text 119 30 0 2 | title 30 19 27 10 | title 0 19 27 10 | title 61 19 27 10 | title 92 19 27 10", "plain_layout_seq": "image 61 0 27 17 | image 0 0 27 17 | image 30 0 27 17 | image 92 0 27 17 | text 0 29 18 4 | text 30 29 18 4 | text 61 29 18 4 | text 92 29 18 4 | text 119 30 0 2 | title 30 19 27 10 | title 0 19 27 10 | title 61 19 27 10 | title 92 19 27 10", "canvas_width": 977, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "title", "position": [ 0, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 252, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 504, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 757, 158, 220, 83 ], "completed": false }, { "type": "text", "position": [ 0, 241, 154, 37 ], "completed": false }, { "type": "text", "position": [ 252, 241, 154, 37 ], "completed": false }, { "type": "text", "position": [ 504, 241, 154, 37 ], "completed": false }, { "type": "text", "position": [ 757, 241, 154, 37 ], "completed": false }, { "type": "text", "position": [ 969, 251, 8, 17 ], "completed": true } ] }, { "text": "#A page showing some comments about Faye.#The page should have three group comments. And each group should have one icon, one paragraph of comment, and the name of the reviewer.", "region_id": "8270", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:text] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 79 11 32 19 | description 43 11 32 16 | description 8 11 32 16 | icon 23 6 2 2 | icon 58 6 2 2 | icon 94 6 2 2 | text 79 34 32 2 | text 8 31 32 4 | text 43 31 32 4", "layout_seq_without_completion": "description 79 11 32 19 | description 43 11 32 16 | description 8 11 32 16 | icon 23 6 2 2 | icon 58 6 2 2 | icon 94 6 2 2 | text 79 34 32 2 | text 8 31 32 4 | text 43 31 32 4", "plain_layout_seq": "description 79 11 32 19 | description 43 11 32 16 | description 8 11 32 16 | icon 23 6 2 2 | icon 58 6 2 2 | icon 94 6 2 2 | text 79 34 32 2 | text 8 31 32 4 | text 43 31 32 4", "canvas_width": 1024, "canvas_height": 367, "elements": [ { "type": "icon", "position": [ 197, 58, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 501, 58, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 805, 58, 20, 20 ], "completed": false }, { "type": "description", "position": [ 70, 98, 274, 142 ], "completed": false }, { "type": "description", "position": [ 374, 98, 274, 142 ], "completed": false }, { "type": "description", "position": [ 678, 98, 274, 165 ], "completed": false }, { "type": "text", "position": [ 70, 270, 274, 37 ], "completed": false }, { "type": "text", "position": [ 374, 270, 274, 37 ], "completed": false }, { "type": "text", "position": [ 678, 294, 274, 18 ], "completed": false } ] }, { "text": "#A page for users to buy some products.# The page contains 4 information sets. Each group includes a background image, two titles, and a button \"SHOP NOW\".", "region_id": "7928", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title [attr:repeat '2'] ] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 16 8 25 48 | button 20 48 16 5 | title 20 32 17 2 | title 20 36 17 9 ] | [ background 43 8 32 48 | button 51 48 16 5 | title 47 37 24 2 | title 47 41 24 4 ] | [ background 78 8 25 48 | button 82 48 16 5 | title 82 35 17 4 | title 82 41 17 4 ] | [ background 45 59 28 48 | button 51 98 16 5 | title 49 88 20 2 | title 49 91 20 4 ] \"", "layout_seq_without_completion": "\" [ background 16 8 25 48 | button 20 48 16 5 | title 20 32 17 2 | title 20 36 17 9 ] | [ background 43 8 32 48 | button 51 48 16 5 | title 47 37 24 2 | title 47 41 24 4 ] | [ background 78 8 25 48 | button 82 48 16 5 | title 82 35 17 4 | title 82 41 17 4 ] | [ background 45 59 28 48 | button 51 98 16 5 | title 49 88 20 2 | title 49 91 20 4 ] \"", "plain_layout_seq": "background 16 8 25 48 | background 43 8 32 48 | background 78 8 25 48 | background 45 59 28 48 | button 20 48 16 5 | button 51 48 16 5 | button 82 48 16 5 | button 51 98 16 5 | title 20 32 17 2 | title 20 36 17 9 | title 47 37 24 2 | title 47 41 24 4 | title 82 35 17 4 | title 82 41 17 4 | title 49 88 20 2 | title 49 91 20 4", "canvas_width": 1024, "canvas_height": 994, "elements": [ { "type": "background", "position": [ 140, 75, 215, 412 ], "completed": false }, { "type": "background", "position": [ 374, 75, 275, 412 ], "completed": false }, { "type": "background", "position": [ 670, 75, 215, 412 ], "completed": false }, { "type": "title", "position": [ 172, 279, 151, 22 ], "completed": false }, { "type": "title", "position": [ 702, 301, 151, 39 ], "completed": false }, { "type": "title", "position": [ 172, 313, 151, 81 ], "completed": false }, { "type": "title", "position": [ 406, 319, 211, 22 ], "completed": false }, { "type": "title", "position": [ 406, 352, 211, 42 ], "completed": false }, { "type": "title", "position": [ 702, 352, 151, 42 ], "completed": false }, { "type": "button", "position": [ 178, 410, 138, 43 ], "completed": false }, { "type": "button", "position": [ 443, 410, 139, 43 ], "completed": false }, { "type": "button", "position": [ 708, 410, 138, 43 ], "completed": false }, { "type": "background", "position": [ 391, 507, 242, 412 ], "completed": false }, { "type": "title", "position": [ 423, 751, 178, 22 ], "completed": false }, { "type": "title", "position": [ 423, 784, 178, 42 ], "completed": false }, { "type": "button", "position": [ 443, 842, 138, 43 ], "completed": false } ] }, { "text": "#A page showing the names of four media groups. # There should be a large background image with 4 information sets inside, where users can see the logos or the names of these media.", "region_id": "844", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:logo] ] ] ]", "execution": "multiinfo : background undefined large | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "background 5 3 108 24 | logo 5 3 27 23 | logo 33 3 27 23 | logo 60 3 27 23 | logo 87 3 27 23", "layout_seq_without_completion": "background 5 3 108 24 | logo 5 3 27 23 | logo 33 3 27 23 | logo 60 3 27 23 | logo 87 3 27 23", "plain_layout_seq": "background 5 3 108 24 | logo 5 3 27 23 | logo 33 3 27 23 | logo 60 3 27 23 | logo 87 3 27 23", "canvas_width": 1003, "canvas_height": 266, "elements": [ { "type": "background", "position": [ 48, 32, 907, 202 ], "completed": false }, { "type": "logo", "position": [ 49, 33, 226, 200 ], "completed": false }, { "type": "logo", "position": [ 276, 33, 226, 200 ], "completed": false }, { "type": "logo", "position": [ 502, 33, 226, 200 ], "completed": false }, { "type": "logo", "position": [ 728, 33, 226, 200 ], "completed": false } ] }, { "text": "# A page for marketing a website Anon.to. # The page should have a title \"Why use anon.to?\" . As well as three text items about our advantage, each with an icon above.", "region_id": "4655", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why use anon.to?'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon [attr:position 'top']] [el:text] ]] ]", "execution": "multiinfo : title undefined undefined | { [ icon top undefined | text undefined undefined ] | [ icon top undefined | text undefined undefined ] | [ icon top undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 0 116 26 | title 4 1 111 3 | \" [ text 5 17 32 3 ] | [ text 43 17 32 3 ] | [ text 82 17 32 3 ] \"", "layout_seq_without_completion": "background 1 0 116 26 | title 4 1 111 3 | \" [ text 5 17 32 3 ] | [ text 43 17 32 3 ] | [ text 82 17 32 3 ] \"", "plain_layout_seq": "background 1 0 116 26 | text 5 17 32 3 | text 43 17 32 3 | text 82 17 32 3 | title 4 1 111 3", "canvas_width": 958, "canvas_height": 214, "elements": [ { "type": "background", "position": [ 14, 0, 930, 214 ], "completed": true }, { "type": "title", "position": [ 35, 13, 888, 27 ], "completed": false }, { "type": "text", "position": [ 43, 141, 260, 28 ], "completed": false }, { "type": "text", "position": [ 349, 141, 260, 28 ], "completed": false }, { "type": "text", "position": [ 655, 141, 260, 28 ], "completed": false } ] }, { "text": "#A page for showing the big savings.# There is one title \"HF AND HFBW SKI WAX-BIG SAVINGS\" and six groups. Each group includes one label for the name, and one price label showing the sale condition.", "region_id": "6684", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'hf and hfbw ski wax-big savings'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 81 44 15 5 | text 22 44 15 5 | text 3 44 15 5 | text 42 44 15 5 | text 61 42 15 5 | text 100 44 15 5 | title 3 36 15 7 | title 42 36 15 7 | title 81 36 15 7 | title 22 36 15 7 | title 61 36 15 4 | title 100 36 15 7 | title 3 10 112 4", "layout_seq_without_completion": "text 81 44 15 5 | text 22 44 15 5 | text 3 44 15 5 | text 42 44 15 5 | text 61 42 15 5 | text 100 44 15 5 | title 3 36 15 7 | title 42 36 15 7 | title 81 36 15 7 | title 22 36 15 7 | title 61 36 15 4 | title 100 36 15 7 | title 3 10 112 4", "plain_layout_seq": "text 81 44 15 5 | text 22 44 15 5 | text 3 44 15 5 | text 42 44 15 5 | text 61 42 15 5 | text 100 44 15 5 | title 3 36 15 7 | title 42 36 15 7 | title 81 36 15 7 | title 22 36 15 7 | title 61 36 15 4 | title 100 36 15 7 | title 3 10 112 4", "canvas_width": 1009, "canvas_height": 541, "elements": [ { "type": "title", "position": [ 30, 90, 949, 36 ], "completed": false }, { "type": "title", "position": [ 30, 304, 133, 62 ], "completed": false }, { "type": "title", "position": [ 193, 304, 133, 62 ], "completed": false }, { "type": "title", "position": [ 356, 304, 133, 62 ], "completed": false }, { "type": "title", "position": [ 519, 304, 133, 41 ], "completed": false }, { "type": "title", "position": [ 683, 304, 133, 62 ], "completed": false }, { "type": "title", "position": [ 846, 304, 133, 62 ], "completed": false }, { "type": "text", "position": [ 519, 356, 133, 45 ], "completed": false }, { "type": "text", "position": [ 30, 377, 133, 45 ], "completed": false }, { "type": "text", "position": [ 193, 377, 133, 45 ], "completed": false }, { "type": "text", "position": [ 356, 377, 133, 45 ], "completed": false }, { "type": "text", "position": [ 683, 377, 133, 45 ], "completed": false }, { "type": "text", "position": [ 846, 377, 133, 45 ], "completed": false } ] }, { "text": "# A page for the user to browse items by category. # The page should have a title \"Browse items by category\" and 15 categories with each having a small image, a title, and a phrase showing the number of ads.", "region_id": "3287", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'browse items by category'] ] [gp:InfoGroup [gattr:repeat '15'] [item [el:image [attr:size 'small'] ] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 21 2 | \" [ image 3 7 4 4 | text 9 9 7 2 | title 9 6 10 3 ] | [ image 33 7 4 4 | text 39 9 7 2 | title 39 6 7 3 ] | [ image 63 7 4 4 | text 69 9 7 2 | title 69 6 8 3 ] | [ image 93 7 4 4 | text 99 9 7 2 | title 99 6 14 3 ] | [ image 3 20 4 4 | text 9 23 7 2 | title 9 19 7 3 ] | [ image 33 20 4 4 | text 39 23 7 2 | title 39 19 18 3 ] | [ image 63 20 4 4 | text 69 23 7 2 | title 69 19 7 3 ] | [ image 93 20 4 4 | text 99 23 6 2 | title 99 19 3 3 ] | [ image 3 33 4 4 | text 9 36 6 2 | title 9 32 18 3 ] | [ image 33 33 4 4 | text 39 36 6 2 | title 39 32 15 3 ] | [ image 63 33 4 4 | text 69 36 6 2 | title 69 32 9 3 ] | [ image 93 33 4 4 | text 99 36 6 2 | title 99 32 9 3 ] | [ image 3 46 4 4 | text 9 49 6 2 | title 9 46 5 3 ] | [ image 33 46 4 4 | text 39 49 6 2 | title 39 46 10 3 ] | [ image 63 46 4 4 | text 69 49 5 2 | title 69 46 13 3 ] \"", "layout_seq_without_completion": "title 0 0 21 2 | \" [ image 3 7 4 4 | text 9 9 7 2 | title 9 6 10 3 ] | [ image 33 7 4 4 | text 39 9 7 2 | title 39 6 7 3 ] | [ image 63 7 4 4 | text 69 9 7 2 | title 69 6 8 3 ] | [ image 93 7 4 4 | text 99 9 7 2 | title 99 6 14 3 ] | [ image 3 20 4 4 | text 9 23 7 2 | title 9 19 7 3 ] | [ image 33 20 4 4 | text 39 23 7 2 | title 39 19 18 3 ] | [ image 63 20 4 4 | text 69 23 7 2 | title 69 19 7 3 ] | [ image 93 20 4 4 | text 99 23 6 2 | title 99 19 3 3 ] | [ image 3 33 4 4 | text 9 36 6 2 | title 9 32 18 3 ] | [ image 33 33 4 4 | text 39 36 6 2 | title 39 32 15 3 ] | [ image 63 33 4 4 | text 69 36 6 2 | title 69 32 9 3 ] | [ image 93 33 4 4 | text 99 36 6 2 | title 99 32 9 3 ] | [ image 3 46 4 4 | text 9 49 6 2 | title 9 46 5 3 ] | [ image 33 46 4 4 | text 39 49 6 2 | title 39 46 10 3 ] | [ image 63 46 4 4 | text 69 49 5 2 | title 69 46 13 3 ] \"", "plain_layout_seq": "image 3 7 4 4 | image 33 7 4 4 | image 63 7 4 4 | image 93 7 4 4 | image 3 20 4 4 | image 33 20 4 4 | image 63 20 4 4 | image 93 20 4 4 | image 3 33 4 4 | image 33 33 4 4 | image 63 33 4 4 | image 93 33 4 4 | image 3 46 4 4 | image 33 46 4 4 | image 63 46 4 4 | text 9 9 7 2 | text 39 9 7 2 | text 69 9 7 2 | text 99 9 7 2 | text 9 23 7 2 | text 39 23 7 2 | text 69 23 7 2 | text 99 23 6 2 | text 9 36 6 2 | text 39 36 6 2 | text 69 36 6 2 | text 99 36 6 2 | text 9 49 6 2 | text 39 49 6 2 | text 69 49 5 2 | title 0 0 21 2 | title 9 6 10 3 | title 39 6 7 3 | title 69 6 8 3 | title 99 6 14 3 | title 9 19 7 3 | title 39 19 18 3 | title 69 19 7 3 | title 99 19 3 3 | title 9 32 18 3 | title 39 32 15 3 | title 69 32 9 3 | title 99 32 9 3 | title 9 46 5 3 | title 39 46 10 3 | title 69 46 13 3", "canvas_width": 985, "canvas_height": 456, "elements": [ { "type": "title", "position": [ 0, 0, 179, 24 ], "completed": false }, { "type": "title", "position": [ 76, 54, 83, 27 ], "completed": false }, { "type": "title", "position": [ 322, 54, 62, 27 ], "completed": false }, { "type": "title", "position": [ 568, 54, 67, 27 ], "completed": false }, { "type": "title", "position": [ 815, 54, 123, 27 ], "completed": false }, { "type": "image", "position": [ 28, 60, 36, 36 ], "completed": false }, { "type": "image", "position": [ 274, 60, 36, 36 ], "completed": false }, { "type": "image", "position": [ 520, 60, 36, 36 ], "completed": false }, { "type": "image", "position": [ 767, 60, 36, 36 ], "completed": false }, { "type": "text", "position": [ 76, 81, 61, 21 ], "completed": false }, { "type": "text", "position": [ 322, 81, 61, 21 ], "completed": false }, { "type": "text", "position": [ 568, 81, 61, 21 ], "completed": false }, { "type": "text", "position": [ 815, 81, 61, 21 ], "completed": false }, { "type": "title", "position": [ 76, 162, 60, 27 ], "completed": false }, { "type": "title", "position": [ 322, 162, 150, 27 ], "completed": false }, { "type": "title", "position": [ 568, 162, 62, 27 ], "completed": false }, { "type": "title", "position": [ 815, 162, 32, 27 ], "completed": false }, { "type": "image", "position": [ 28, 168, 36, 36 ], "completed": false }, { "type": "image", "position": [ 274, 168, 36, 36 ], "completed": false }, { "type": "image", "position": [ 520, 168, 36, 36 ], "completed": false }, { "type": "image", "position": [ 767, 168, 36, 36 ], "completed": false }, { "type": "text", "position": [ 76, 189, 61, 21 ], "completed": false }, { "type": "text", "position": [ 322, 189, 61, 21 ], "completed": false }, { "type": "text", "position": [ 568, 189, 61, 21 ], "completed": false }, { "type": "text", "position": [ 815, 189, 54, 21 ], "completed": false }, { "type": "title", "position": [ 76, 270, 152, 27 ], "completed": false }, { "type": "title", "position": [ 322, 270, 131, 27 ], "completed": false }, { "type": "title", "position": [ 568, 270, 76, 27 ], "completed": false }, { "type": "title", "position": [ 815, 270, 75, 27 ], "completed": false }, { "type": "image", "position": [ 28, 276, 36, 36 ], "completed": false }, { "type": "image", "position": [ 274, 276, 36, 36 ], "completed": false }, { "type": "image", "position": [ 520, 276, 36, 36 ], "completed": false }, { "type": "image", "position": [ 767, 276, 36, 36 ], "completed": false }, { "type": "text", "position": [ 76, 297, 54, 21 ], "completed": false }, { "type": "text", "position": [ 322, 297, 54, 21 ], "completed": false }, { "type": "text", "position": [ 568, 297, 54, 21 ], "completed": false }, { "type": "text", "position": [ 815, 297, 54, 21 ], "completed": false }, { "type": "title", "position": [ 76, 378, 44, 27 ], "completed": false }, { "type": "title", "position": [ 322, 378, 84, 27 ], "completed": false }, { "type": "title", "position": [ 568, 378, 114, 27 ], "completed": false }, { "type": "image", "position": [ 28, 384, 36, 36 ], "completed": false }, { "type": "image", "position": [ 274, 384, 36, 36 ], "completed": false }, { "type": "image", "position": [ 520, 384, 36, 36 ], "completed": false }, { "type": "text", "position": [ 76, 405, 54, 21 ], "completed": false }, { "type": "text", "position": [ 322, 405, 54, 21 ], "completed": false }, { "type": "text", "position": [ 568, 405, 44, 21 ], "completed": false } ] }, { "text": "#A page for showing one document service.# On the left, there is a title \"Document Service\" and a link \"Coming soon>\" as well as a icon of document. On the right, there should be 3 types of document service that named \"Bill Document, Customs Clearance, Tax Refund\", each with a picture and a service name label .", "region_id": "1908", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Document Service'] [attr:position 'left'] ] [el:link [attr:value'coming soon>'] [attr:position 'left'] ] [el:icon [attr:value 'document'] [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Bill Document, Customs Clearance, Tax Refund'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : icon left undefined | link left undefined | title left undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 21 | \" [ icon 17 11 10 10 | complete image 0 0 28 21 | link 2 11 8 10 | title 0 2 17 8 ] | [ complete description 33 21 21 0 | image 28 0 29 20 | text 28 16 29 4 ] | [ complete description 63 21 21 0 | image 58 0 29 20 | text 58 16 29 4 ] | [ complete description 93 21 21 0 | image 89 0 29 20 | text 89 16 29 4 ] \"", "layout_seq_without_completion": "background 0 0 120 21 | \" [ icon 17 11 10 10 | image 0 0 28 21 | link 2 11 8 10 | title 0 2 17 8 ] | [ description 33 21 21 0 | image 28 0 29 20 | text 28 16 29 4 ] | [ description 63 21 21 0 | image 58 0 29 20 | text 58 16 29 4 ] | [ description 93 21 21 0 | image 89 0 29 20 | text 89 16 29 4 ] \"", "plain_layout_seq": "background 0 0 120 21 | description 33 21 21 0 | description 63 21 21 0 | description 93 21 21 0 | icon 17 11 10 10 | image 0 0 28 21 | image 28 0 29 20 | image 58 0 29 20 | image 89 0 29 20 | link 2 11 8 10 | text 28 16 29 4 | text 58 16 29 4 | text 89 16 29 4 | title 0 2 17 8", "canvas_width": 1180, "canvas_height": 215, "elements": [ { "type": "background", "position": [ 0, 0, 1180, 215 ], "completed": true }, { "type": "image", "position": [ 0, 0, 278, 215 ], "completed": true }, { "type": "image", "position": [ 284, 8, 290, 200 ], "completed": false }, { "type": "image", "position": [ 580, 8, 292, 202 ], "completed": false }, { "type": "image", "position": [ 878, 8, 292, 202 ], "completed": false }, { "type": "title", "position": [ 6, 28, 170, 80 ], "completed": false }, { "type": "link", "position": [ 26, 110, 88, 105 ], "completed": false }, { "type": "icon", "position": [ 173, 110, 100, 100 ], "completed": false }, { "type": "text", "position": [ 284, 162, 292, 46 ], "completed": false }, { "type": "text", "position": [ 580, 164, 292, 46 ], "completed": false }, { "type": "text", "position": [ 878, 164, 292, 46 ], "completed": false }, { "type": "description", "position": [ 325, 208, 210, 7 ], "completed": true }, { "type": "description", "position": [ 621, 210, 210, 5 ], "completed": true }, { "type": "description", "position": [ 919, 210, 210, 5 ], "completed": true } ] }, { "text": "#A page for showing the collections.#The page should have a title, named \"collections\". There are three groups and each group has a background image and a title.", "region_id": "7247", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 42 7 35 42 | background 81 7 35 42 | background 3 7 35 42 | title 20 0 78 4 | title 6 23 29 9 | title 84 23 29 9 | title 45 23 29 9", "layout_seq_without_completion": "background 42 7 35 42 | background 81 7 35 42 | background 3 7 35 42 | title 20 0 78 4 | title 6 23 29 9 | title 84 23 29 9 | title 45 23 29 9", "plain_layout_seq": "background 42 7 35 42 | background 81 7 35 42 | background 3 7 35 42 | title 20 0 78 4 | title 6 23 29 9 | title 84 23 29 9 | title 45 23 29 9", "canvas_width": 1009, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 174, 0, 660, 42 ], "completed": false }, { "type": "background", "position": [ 30, 60, 296, 360 ], "completed": false }, { "type": "background", "position": [ 356, 60, 296, 360 ], "completed": false }, { "type": "background", "position": [ 683, 60, 296, 360 ], "completed": false }, { "type": "title", "position": [ 54, 198, 248, 84 ], "completed": false }, { "type": "title", "position": [ 380, 198, 248, 84 ], "completed": false }, { "type": "title", "position": [ 707, 198, 248, 84 ], "completed": false } ] }, { "text": "# A page marketing the service of Let Me Speak. # On the page, there should have a slogan \"Earn while learning with Let Me Speak\", three groups of information sets \"Learn for free\" \"Get reward points\" and \"Convert to real money\". In each group, there should have a serial number, a title, and a further description.", "region_id": "4674", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'earn while learning with let me speak'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Learn for free, Get reward points, Convert to real money'] [item [el:text] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 8 60 14 | \" [ description 15 40 22 7 | text 4 31 6 6 | title 15 31 19 7 ] | [ description 51 40 22 7 | text 41 31 6 6 | title 51 31 19 7 ] | [ description 88 40 22 7 | text 78 31 6 6 | title 88 31 22 7 ] \"", "layout_seq_without_completion": "title 4 8 60 14 | \" [ description 15 40 22 7 | text 4 31 6 6 | title 15 31 19 7 ] | [ description 51 40 22 7 | text 41 31 6 6 | title 51 31 19 7 ] | [ description 88 40 22 7 | text 78 31 6 6 | title 88 31 22 7 ] \"", "plain_layout_seq": "description 15 40 22 7 | description 51 40 22 7 | description 88 40 22 7 | text 4 31 6 6 | text 41 31 6 6 | text 78 31 6 6 | title 4 8 60 14 | title 15 31 19 7 | title 51 31 19 7 | title 88 31 22 7", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 40, 75, 520, 120 ], "completed": false }, { "type": "title", "position": [ 128, 265, 170, 68 ], "completed": false }, { "type": "title", "position": [ 442, 265, 170, 68 ], "completed": false }, { "type": "title", "position": [ 757, 265, 194, 68 ], "completed": false }, { "type": "text", "position": [ 40, 270, 56, 56 ], "completed": false }, { "type": "text", "position": [ 354, 270, 56, 56 ], "completed": false }, { "type": "text", "position": [ 669, 270, 56, 56 ], "completed": false }, { "type": "description", "position": [ 128, 343, 194, 66 ], "completed": false }, { "type": "description", "position": [ 442, 343, 194, 66 ], "completed": false }, { "type": "description", "position": [ 757, 343, 194, 66 ], "completed": false } ] }, { "text": "#A page for introducing one service.# The page should include four parts such as \"Phishing Security Test\". Each part contains one title, one icon, and a brief description.", "region_id": "1573", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [gattr:names'phishing security test'] [item [el:title] [el:icon] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 6 23 8 | icon 1 1 3 3 | complete image 0 0 27 17 | title 6 3 18 2 ] | [ description 32 8 23 8 | icon 32 1 3 3 | complete image 30 0 27 19 | title 32 3 21 4 ] | [ description 63 6 23 8 | icon 63 1 3 3 | complete image 61 0 27 17 | title 67 3 15 2 ] | [ description 94 6 23 8 | icon 94 1 3 3 | complete image 92 0 27 17 | title 98 3 15 2 ] \"", "layout_seq_without_completion": "\" [ description 1 6 23 8 | icon 1 1 3 3 | image 0 0 27 17 | title 6 3 18 2 ] | [ description 32 8 23 8 | icon 32 1 3 3 | image 30 0 27 19 | title 32 3 21 4 ] | [ description 63 6 23 8 | icon 63 1 3 3 | image 61 0 27 17 | title 67 3 15 2 ] | [ description 94 6 23 8 | icon 94 1 3 3 | image 92 0 27 17 | title 98 3 15 2 ] \"", "plain_layout_seq": "description 1 6 23 8 | description 32 8 23 8 | description 63 6 23 8 | description 94 6 23 8 | icon 1 1 3 3 | icon 32 1 3 3 | icon 63 1 3 3 | icon 94 1 3 3 | image 0 0 27 17 | image 30 0 27 19 | image 61 0 27 17 | image 92 0 27 17 | title 6 3 18 2 | title 32 3 21 4 | title 67 3 15 2 | title 98 3 15 2", "canvas_width": 994, "canvas_height": 173, "elements": [ { "type": "image", "position": [ 0, 0, 228, 141 ], "completed": true }, { "type": "image", "position": [ 255, 0, 228, 158 ], "completed": true }, { "type": "image", "position": [ 511, 0, 228, 141 ], "completed": true }, { "type": "image", "position": [ 766, 0, 228, 141 ], "completed": true }, { "type": "icon", "position": [ 15, 15, 30, 31 ], "completed": false }, { "type": "icon", "position": [ 270, 15, 30, 31 ], "completed": false }, { "type": "icon", "position": [ 526, 15, 30, 31 ], "completed": false }, { "type": "icon", "position": [ 781, 15, 30, 31 ], "completed": false }, { "type": "title", "position": [ 50, 27, 154, 19 ], "completed": false }, { "type": "title", "position": [ 270, 27, 175, 36 ], "completed": false }, { "type": "title", "position": [ 561, 27, 129, 19 ], "completed": false }, { "type": "title", "position": [ 816, 27, 131, 19 ], "completed": false }, { "type": "description", "position": [ 15, 53, 198, 73 ], "completed": false }, { "type": "description", "position": [ 526, 53, 198, 73 ], "completed": false }, { "type": "description", "position": [ 781, 53, 198, 73 ], "completed": false }, { "type": "description", "position": [ 270, 70, 198, 73 ], "completed": false } ] }, { "text": "#A page for introducing sounds, samples, and presets.# The page should have 3 groups while each group has a title, a tip, and a button for users to click to browse the corresponding content.", "region_id": "8537", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:text] [el:button[attr:value 'browse']]] ]]", "execution": "multiinfo : { [ button undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 4 0 53 33 | button 24 19 13 5 | text 23 12 15 3 | title 23 8 15 3 ] | [ complete background 61 0 53 33 | button 81 19 13 5 | text 79 12 18 3 | title 79 8 18 3 ] | [ complete background 4 36 53 33 | button 24 56 13 5 | text 22 49 17 3 | title 22 44 17 3 ] \"", "layout_seq_without_completion": "\" [ background 4 0 53 33 | button 24 19 13 5 | text 23 12 15 3 | title 23 8 15 3 ] | [ background 61 0 53 33 | button 81 19 13 5 | text 79 12 18 3 | title 79 8 18 3 ] | [ background 4 36 53 33 | button 24 56 13 5 | text 22 49 17 3 | title 22 44 17 3 ] \"", "plain_layout_seq": "background 4 0 53 33 | background 61 0 53 33 | background 4 36 53 33 | button 24 19 13 5 | button 81 19 13 5 | button 24 56 13 5 | text 23 12 15 3 | text 79 12 18 3 | text 22 49 17 3 | title 23 8 15 3 | title 79 8 18 3 | title 22 44 17 3", "canvas_width": 1009, "canvas_height": 620, "elements": [ { "type": "background", "position": [ 40, 0, 448, 278 ], "completed": true }, { "type": "background", "position": [ 520, 0, 447, 278 ], "completed": true }, { "type": "title", "position": [ 199, 68, 131, 33 ], "completed": false }, { "type": "title", "position": [ 666, 68, 156, 33 ], "completed": false }, { "type": "text", "position": [ 199, 109, 131, 30 ], "completed": false }, { "type": "text", "position": [ 666, 109, 156, 30 ], "completed": false }, { "type": "button", "position": [ 207, 163, 115, 48 ], "completed": false }, { "type": "button", "position": [ 687, 163, 115, 48 ], "completed": false }, { "type": "background", "position": [ 40, 310, 448, 278 ], "completed": true }, { "type": "title", "position": [ 190, 378, 150, 33 ], "completed": false }, { "type": "text", "position": [ 190, 419, 150, 30 ], "completed": false }, { "type": "button", "position": [ 207, 473, 115, 48 ], "completed": false } ] }, { "text": "#A page for showing the ways of downloading the app.#There is one title \"Download our Apps\" and nine groups. Each group includes one icon and one label showing the browser's name or the equipment's type.", "region_id": "4104", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'download our apps'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 5 12 11 9 | icon 19 12 11 9 | icon 91 12 11 9 | icon 106 12 11 9 | icon 55 27 11 9 | icon 62 12 11 9 | icon 77 12 11 9 | icon 34 12 11 9 | icon 48 12 11 9 | text 7 21 7 2 | text 50 21 8 2 | text 108 21 6 2 | text 93 21 7 2 | text 63 21 9 2 | text 23 21 3 2 | text 37 21 3 2 | text 77 21 10 2 | text 59 36 4 2 | title 40 5 41 5", "layout_seq_without_completion": "icon 5 12 11 9 | icon 19 12 11 9 | icon 91 12 11 9 | icon 106 12 11 9 | icon 55 27 11 9 | icon 62 12 11 9 | icon 77 12 11 9 | icon 34 12 11 9 | icon 48 12 11 9 | text 7 21 7 2 | text 50 21 8 2 | text 108 21 6 2 | text 93 21 7 2 | text 63 21 9 2 | text 23 21 3 2 | text 37 21 3 2 | text 77 21 10 2 | text 59 36 4 2 | title 40 5 41 5", "plain_layout_seq": "icon 5 12 11 9 | icon 19 12 11 9 | icon 91 12 11 9 | icon 106 12 11 9 | icon 55 27 11 9 | icon 62 12 11 9 | icon 77 12 11 9 | icon 34 12 11 9 | icon 48 12 11 9 | text 7 21 7 2 | text 50 21 8 2 | text 108 21 6 2 | text 93 21 7 2 | text 63 21 9 2 | text 23 21 3 2 | text 37 21 3 2 | text 77 21 10 2 | text 59 36 4 2 | title 40 5 41 5", "canvas_width": 900, "canvas_height": 363, "elements": [ { "type": "title", "position": [ 303, 40, 314, 41 ], "completed": false }, { "type": "icon", "position": [ 40, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 148, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 256, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 364, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 472, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 580, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 688, 94, 84, 68 ], "completed": false }, { "type": "icon", "position": [ 796, 94, 84, 68 ], "completed": false }, { "type": "text", "position": [ 56, 161, 53, 20 ], "completed": false }, { "type": "text", "position": [ 178, 161, 23, 20 ], "completed": false }, { "type": "text", "position": [ 284, 161, 27, 20 ], "completed": false }, { "type": "text", "position": [ 376, 161, 61, 20 ], "completed": false }, { "type": "text", "position": [ 478, 161, 73, 20 ], "completed": false }, { "type": "text", "position": [ 582, 161, 81, 20 ], "completed": false }, { "type": "text", "position": [ 702, 161, 55, 20 ], "completed": false }, { "type": "text", "position": [ 814, 161, 48, 20 ], "completed": false }, { "type": "icon", "position": [ 418, 204, 84, 68 ], "completed": false }, { "type": "text", "position": [ 443, 271, 34, 20 ], "completed": false } ] }, { "text": "#A page for introducing the services on demands.# The page should have a title, a short description, and 15 groups while each group has an icon and a title to introduce some apps.", "region_id": "2599", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '15'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 18 36 30 | icon 81 17 3 3 | icon 45 6 3 3 | icon 45 28 3 3 | icon 81 6 3 3 | icon 45 71 3 3 | icon 81 38 3 3 | icon 81 60 3 3 | icon 45 60 3 3 | icon 81 49 3 3 | icon 81 71 3 3 | icon 45 17 3 3 | icon 45 38 3 3 | icon 45 49 3 3 | icon 45 82 3 3 | icon 81 28 3 3 | title 89 17 27 3 | title 52 60 27 3 | title 52 49 27 3 | title 52 82 27 3 | title 89 6 27 3 | title 89 39 27 3 | title 89 60 27 3 | title 52 6 27 3 | title 52 17 27 3 | title 52 28 27 3 | title 52 39 27 3 | title 52 71 27 3 | title 89 28 27 3 | title 89 49 27 3 | title 89 71 27 3 | title 3 4 36 11", "layout_seq_without_completion": "description 3 18 36 30 | icon 81 17 3 3 | icon 45 6 3 3 | icon 45 28 3 3 | icon 81 6 3 3 | icon 45 71 3 3 | icon 81 38 3 3 | icon 81 60 3 3 | icon 45 60 3 3 | icon 81 49 3 3 | icon 81 71 3 3 | icon 45 17 3 3 | icon 45 38 3 3 | icon 45 49 3 3 | icon 45 82 3 3 | icon 81 28 3 3 | title 89 17 27 3 | title 52 60 27 3 | title 52 49 27 3 | title 52 82 27 3 | title 89 6 27 3 | title 89 39 27 3 | title 89 60 27 3 | title 52 6 27 3 | title 52 17 27 3 | title 52 28 27 3 | title 52 39 27 3 | title 52 71 27 3 | title 89 28 27 3 | title 89 49 27 3 | title 89 71 27 3 | title 3 4 36 11", "plain_layout_seq": "description 3 18 36 30 | icon 81 17 3 3 | icon 45 6 3 3 | icon 45 28 3 3 | icon 81 6 3 3 | icon 45 71 3 3 | icon 81 38 3 3 | icon 81 60 3 3 | icon 45 60 3 3 | icon 81 49 3 3 | icon 81 71 3 3 | icon 45 17 3 3 | icon 45 38 3 3 | icon 45 49 3 3 | icon 45 82 3 3 | icon 81 28 3 3 | title 89 17 27 3 | title 52 60 27 3 | title 52 49 27 3 | title 52 82 27 3 | title 89 6 27 3 | title 89 39 27 3 | title 89 60 27 3 | title 52 6 27 3 | title 52 17 27 3 | title 52 28 27 3 | title 52 39 27 3 | title 52 71 27 3 | title 89 28 27 3 | title 89 49 27 3 | title 89 71 27 3 | title 3 4 36 11", "canvas_width": 1024, "canvas_height": 816, "elements": [ { "type": "title", "position": [ 30, 40, 311, 98 ], "completed": false }, { "type": "icon", "position": [ 387, 56, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 56, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 58, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 58, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 148, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 148, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 150, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 150, 231, 26 ], "completed": false }, { "type": "description", "position": [ 30, 158, 311, 260 ], "completed": false }, { "type": "icon", "position": [ 387, 240, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 240, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 242, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 242, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 332, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 332, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 334, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 334, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 424, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 424, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 426, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 426, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 516, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 516, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 518, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 518, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 608, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 699, 608, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 610, 231, 26 ], "completed": false }, { "type": "title", "position": [ 763, 610, 231, 26 ], "completed": false }, { "type": "icon", "position": [ 387, 700, 30, 30 ], "completed": false }, { "type": "title", "position": [ 451, 702, 231, 26 ], "completed": false } ] }, { "text": "#A page for showing three electronic products' videos.# There should be one label and three images. Each of them includes one button that users could play the video and one text box showing the product's name.", "region_id": "1722", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:button] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 15 23 8 8 | button 55 23 8 8 | button 96 23 8 8 | image 81 13 38 31 | image 0 13 38 31 | image 40 13 38 31 | text 46 33 27 2 | text 86 33 27 2 | text 5 33 27 2 | title 54 6 10 2", "layout_seq_without_completion": "button 15 23 8 8 | button 55 23 8 8 | button 96 23 8 8 | image 81 13 38 31 | image 0 13 38 31 | image 40 13 38 31 | text 46 33 27 2 | text 86 33 27 2 | text 5 33 27 2 | title 54 6 10 2", "plain_layout_seq": "button 15 23 8 8 | button 55 23 8 8 | button 96 23 8 8 | image 81 13 38 31 | image 0 13 38 31 | image 40 13 38 31 | text 46 33 27 2 | text 86 33 27 2 | text 5 33 27 2 | title 54 6 10 2", "canvas_width": 1226, "canvas_height": 458, "elements": [ { "type": "title", "position": [ 561, 68, 104, 30 ], "completed": false }, { "type": "image", "position": [ 0, 138, 398, 320 ], "completed": false }, { "type": "image", "position": [ 414, 138, 398, 320 ], "completed": false }, { "type": "image", "position": [ 828, 138, 398, 320 ], "completed": false }, { "type": "button", "position": [ 155, 238, 88, 88 ], "completed": false }, { "type": "button", "position": [ 569, 238, 88, 88 ], "completed": false }, { "type": "button", "position": [ 983, 238, 88, 88 ], "completed": false }, { "type": "text", "position": [ 60, 346, 278, 24 ], "completed": false }, { "type": "text", "position": [ 474, 346, 278, 24 ], "completed": false }, { "type": "text", "position": [ 888, 346, 278, 24 ], "completed": false } ] }, { "text": "#A page offering users different payment ways.# The page includes six logos of payment ways, such as VISA and Apple pay.", "region_id": "6774", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup[gattr:repeat'6'][gattr:names'VISA,Apple pay'][item[el:logo]]]]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 40 0 3 3 ] | [ logo 46 0 5 3 ] | [ logo 54 0 3 3 ] | [ logo 59 0 9 3 ] | [ logo 71 0 4 3 ] | [ logo 78 0 5 3 ] \"", "layout_seq_without_completion": "\" [ logo 40 0 3 3 ] | [ logo 46 0 5 3 ] | [ logo 54 0 3 3 ] | [ logo 59 0 9 3 ] | [ logo 71 0 4 3 ] | [ logo 78 0 5 3 ] \"", "plain_layout_seq": "logo 40 0 3 3 | logo 46 0 5 3 | logo 54 0 3 3 | logo 59 0 9 3 | logo 71 0 4 3 | logo 78 0 5 3", "canvas_width": 994, "canvas_height": 43, "elements": [ { "type": "logo", "position": [ 333, 0, 31, 31 ], "completed": false }, { "type": "logo", "position": [ 383, 0, 48, 31 ], "completed": false }, { "type": "logo", "position": [ 450, 0, 27, 31 ], "completed": false }, { "type": "logo", "position": [ 495, 0, 80, 31 ], "completed": false }, { "type": "logo", "position": [ 594, 0, 37, 31 ], "completed": false }, { "type": "logo", "position": [ 650, 0, 42, 31 ], "completed": false } ] }, { "text": "# A page to introduce the tools of RunCloud.# The page should have the title \"Tools for teams, from startup to enterprise\", a short description, and four groups of tool introduction information. In each group, there should have an image, a title, a further introduction, and a link \"Learn More\" for the user to learn more info.", "region_id": "5624", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'tools for teams, from startup to enterprise'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 24 33 71 3 | complete icon 58 13 3 3 | complete image 55 11 8 8 | title 30 22 58 9 ] | [ description 9 68 17 8 | image 9 47 17 11 | link 9 80 17 4 | title 9 63 17 4 ] | [ description 37 66 17 8 | image 37 47 17 11 | link 37 80 17 4 | title 37 63 17 2 ] | [ description 65 68 17 11 | image 65 47 17 11 | link 65 80 17 4 | title 65 63 17 4 ] | [ description 93 66 17 11 | image 93 47 17 11 | link 93 80 17 4 | title 93 63 17 2 ] \"", "layout_seq_without_completion": "\" [ description 24 33 71 3 | icon 58 13 3 3 | image 55 11 8 8 | title 30 22 58 9 ] | [ description 9 68 17 8 | image 9 47 17 11 | link 9 80 17 4 | title 9 63 17 4 ] | [ description 37 66 17 8 | image 37 47 17 11 | link 37 80 17 4 | title 37 63 17 2 ] | [ description 65 68 17 11 | image 65 47 17 11 | link 65 80 17 4 | title 65 63 17 4 ] | [ description 93 66 17 11 | image 93 47 17 11 | link 93 80 17 4 | title 93 63 17 2 ] \"", "plain_layout_seq": "description 24 33 71 3 | description 9 68 17 8 | description 37 66 17 8 | description 65 68 17 11 | description 93 66 17 11 | icon 58 13 3 3 | image 55 11 8 8 | image 9 47 17 11 | image 37 47 17 11 | image 65 47 17 11 | image 93 47 17 11 | link 9 80 17 4 | link 37 80 17 4 | link 65 80 17 4 | link 93 80 17 4 | title 30 22 58 9 | title 9 63 17 4 | title 37 63 17 2 | title 65 63 17 4 | title 93 63 17 2", "canvas_width": 1024, "canvas_height": 890, "elements": [ { "type": "image", "position": [ 477, 96, 70, 70 ], "completed": true }, { "type": "icon", "position": [ 497, 117, 30, 30 ], "completed": true }, { "type": "title", "position": [ 260, 196, 503, 83 ], "completed": false }, { "type": "description", "position": [ 207, 288, 610, 32 ], "completed": false }, { "type": "image", "position": [ 79, 408, 146, 102 ], "completed": false }, { "type": "image", "position": [ 319, 408, 146, 102 ], "completed": false }, { "type": "image", "position": [ 559, 408, 146, 102 ], "completed": false }, { "type": "image", "position": [ 799, 408, 146, 102 ], "completed": false }, { "type": "title", "position": [ 79, 541, 146, 38 ], "completed": false }, { "type": "title", "position": [ 319, 541, 146, 19 ], "completed": false }, { "type": "title", "position": [ 559, 541, 146, 38 ], "completed": false }, { "type": "title", "position": [ 799, 541, 146, 19 ], "completed": false }, { "type": "description", "position": [ 319, 569, 146, 76 ], "completed": false }, { "type": "description", "position": [ 799, 569, 146, 101 ], "completed": false }, { "type": "description", "position": [ 79, 588, 146, 76 ], "completed": false }, { "type": "description", "position": [ 559, 588, 146, 101 ], "completed": false }, { "type": "link", "position": [ 79, 689, 146, 41 ], "completed": false }, { "type": "link", "position": [ 319, 689, 146, 41 ], "completed": false }, { "type": "link", "position": [ 559, 689, 146, 41 ], "completed": false }, { "type": "link", "position": [ 799, 689, 146, 41 ], "completed": false } ] }, { "text": "#A page introducing the goods of a shopping web. # The page should have 6 info cards for selling different goods. Each card should have an colorful background image, on which display a goods category name, an attractive copywriting and a button for users to shop now.", "region_id": "2130", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:background_image] [el:title] [el:text] [el:button [attr:value 'Shop Now']] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 1 59 29 | button 22 19 14 4 | title 18 8 23 8 ] | [ background 60 1 59 29 | button 83 19 14 4 | title 79 8 21 8 ] | [ background 0 32 59 29 | button 22 50 14 4 | title 20 39 18 8 ] | [ background 60 32 59 29 | button 83 50 14 4 | title 82 39 16 8 ] | [ background 0 63 59 29 | button 22 80 14 4 | title 22 69 15 8 ] | [ background 60 63 59 29 | button 83 80 14 4 | title 79 69 20 8 ] \"", "layout_seq_without_completion": "\" [ background 0 1 59 29 | button 22 19 14 4 | title 18 8 23 8 ] | [ background 60 1 59 29 | button 83 19 14 4 | title 79 8 21 8 ] | [ background 0 32 59 29 | button 22 50 14 4 | title 20 39 18 8 ] | [ background 60 32 59 29 | button 83 50 14 4 | title 82 39 16 8 ] | [ background 0 63 59 29 | button 22 80 14 4 | title 22 69 15 8 ] | [ background 60 63 59 29 | button 83 80 14 4 | title 79 69 20 8 ] \"", "plain_layout_seq": "background 0 1 59 29 | background 60 1 59 29 | background 0 32 59 29 | background 60 32 59 29 | background 0 63 59 29 | background 60 63 59 29 | button 22 19 14 4 | button 83 19 14 4 | button 22 50 14 4 | button 83 50 14 4 | button 22 80 14 4 | button 83 80 14 4 | title 18 8 23 8 | title 79 8 21 8 | title 20 39 18 8 | title 82 39 16 8 | title 22 69 15 8 | title 79 69 20 8", "canvas_width": 1003, "canvas_height": 785, "elements": [ { "type": "background", "position": [ 0, 10, 497, 248 ], "completed": false }, { "type": "background", "position": [ 506, 10, 496, 248 ], "completed": false }, { "type": "title", "position": [ 152, 68, 193, 68 ], "completed": false }, { "type": "title", "position": [ 665, 68, 179, 68 ], "completed": false }, { "type": "button", "position": [ 188, 161, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 161, 120, 40 ], "completed": false }, { "type": "background", "position": [ 0, 268, 497, 249 ], "completed": false }, { "type": "background", "position": [ 506, 268, 496, 249 ], "completed": false }, { "type": "title", "position": [ 173, 326, 151, 68 ], "completed": false }, { "type": "title", "position": [ 687, 326, 135, 68 ], "completed": false }, { "type": "button", "position": [ 188, 419, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 419, 120, 40 ], "completed": false }, { "type": "background", "position": [ 0, 527, 497, 248 ], "completed": false }, { "type": "background", "position": [ 506, 527, 496, 248 ], "completed": false }, { "type": "title", "position": [ 185, 585, 127, 67 ], "completed": false }, { "type": "title", "position": [ 667, 585, 175, 67 ], "completed": false }, { "type": "button", "position": [ 188, 677, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 677, 120, 40 ], "completed": false } ] }, { "text": "#A page introducing the goods of a shopping web. # The page should have 6 parts for selling different goods. And each part should have an exciting slogan to short introduce the corresponding goods, and one button for users to click to shop now.", "region_id": "2130_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:title] [el:button [attr:value 'Shop Now']] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 0 1 59 29 | button 22 19 14 4 | title 18 8 23 8 ] | [ complete background 60 1 59 29 | button 83 19 14 4 | title 79 8 21 8 ] | [ complete background 0 32 59 29 | button 22 50 14 4 | title 20 39 18 8 ] | [ complete background 60 32 59 29 | button 83 50 14 4 | title 82 39 16 8 ] | [ complete background 0 63 59 29 | button 22 80 14 4 | title 22 69 15 8 ] | [ complete background 60 63 59 29 | button 83 80 14 4 | title 79 69 20 8 ] \"", "layout_seq_without_completion": "\" [ background 0 1 59 29 | button 22 19 14 4 | title 18 8 23 8 ] | [ background 60 1 59 29 | button 83 19 14 4 | title 79 8 21 8 ] | [ background 0 32 59 29 | button 22 50 14 4 | title 20 39 18 8 ] | [ background 60 32 59 29 | button 83 50 14 4 | title 82 39 16 8 ] | [ background 0 63 59 29 | button 22 80 14 4 | title 22 69 15 8 ] | [ background 60 63 59 29 | button 83 80 14 4 | title 79 69 20 8 ] \"", "plain_layout_seq": "background 0 1 59 29 | background 60 1 59 29 | background 0 32 59 29 | background 60 32 59 29 | background 0 63 59 29 | background 60 63 59 29 | button 22 19 14 4 | button 83 19 14 4 | button 22 50 14 4 | button 83 50 14 4 | button 22 80 14 4 | button 83 80 14 4 | title 18 8 23 8 | title 79 8 21 8 | title 20 39 18 8 | title 82 39 16 8 | title 22 69 15 8 | title 79 69 20 8", "canvas_width": 1003, "canvas_height": 785, "elements": [ { "type": "background", "position": [ 0, 10, 497, 248 ], "completed": true }, { "type": "background", "position": [ 506, 10, 496, 248 ], "completed": true }, { "type": "title", "position": [ 152, 68, 193, 68 ], "completed": false }, { "type": "title", "position": [ 665, 68, 179, 68 ], "completed": false }, { "type": "button", "position": [ 188, 161, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 161, 120, 40 ], "completed": false }, { "type": "background", "position": [ 0, 268, 497, 249 ], "completed": true }, { "type": "background", "position": [ 506, 268, 496, 249 ], "completed": true }, { "type": "title", "position": [ 173, 326, 151, 68 ], "completed": false }, { "type": "title", "position": [ 687, 326, 135, 68 ], "completed": false }, { "type": "button", "position": [ 188, 419, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 419, 120, 40 ], "completed": false }, { "type": "background", "position": [ 0, 527, 497, 248 ], "completed": true }, { "type": "background", "position": [ 506, 527, 496, 248 ], "completed": true }, { "type": "title", "position": [ 185, 585, 127, 67 ], "completed": false }, { "type": "title", "position": [ 667, 585, 175, 67 ], "completed": false }, { "type": "button", "position": [ 188, 677, 120, 40 ], "completed": false }, { "type": "button", "position": [ 695, 677, 120, 40 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three groups of features each with an image. Three groups each contain a title, an explanation, and a link.Users can choose to use different services through these group types.", "region_id": "806", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 29 49 10 | image 5 10 9 9 | link 5 44 15 2 | title 5 22 20 4 ] | [ description 65 29 49 10 | image 65 10 9 9 | link 65 44 7 2 | title 65 22 26 4 ] | [ description 35 78 49 14 | image 35 58 9 9 | link 35 96 12 2 | title 35 70 24 4 ] \"", "layout_seq_without_completion": "\" [ description 5 29 49 10 | image 5 10 9 9 | link 5 44 15 2 | title 5 22 20 4 ] | [ description 65 29 49 10 | image 65 10 9 9 | link 65 44 7 2 | title 65 22 26 4 ] | [ description 35 78 49 14 | image 35 58 9 9 | link 35 96 12 2 | title 35 70 24 4 ] \"", "plain_layout_seq": "description 5 29 49 10 | description 65 29 49 10 | description 35 78 49 14 | image 5 10 9 9 | image 65 10 9 9 | image 35 58 9 9 | link 5 44 15 2 | link 65 44 7 2 | link 35 96 12 2 | title 5 22 20 4 | title 65 22 26 4 | title 35 70 24 4", "canvas_width": 953, "canvas_height": 932, "elements": [ { "type": "image", "position": [ 40, 80, 72, 72 ], "completed": false }, { "type": "image", "position": [ 518, 80, 72, 72 ], "completed": false }, { "type": "title", "position": [ 40, 177, 163, 37 ], "completed": false }, { "type": "title", "position": [ 518, 177, 207, 37 ], "completed": false }, { "type": "description", "position": [ 40, 234, 397, 85 ], "completed": false }, { "type": "description", "position": [ 518, 234, 396, 85 ], "completed": false }, { "type": "link", "position": [ 40, 352, 127, 22 ], "completed": false }, { "type": "link", "position": [ 518, 352, 60, 22 ], "completed": false }, { "type": "image", "position": [ 279, 465, 72, 72 ], "completed": false }, { "type": "title", "position": [ 279, 562, 196, 37 ], "completed": false }, { "type": "description", "position": [ 279, 620, 396, 114 ], "completed": false }, { "type": "link", "position": [ 279, 766, 99, 22 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three groups of features each with an image and three text boxes. Users can choose to use different services through these group types.", "region_id": "806_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 5 10 9 9 | text 5 44 15 2 | text 5 22 20 4 | text 5 29 49 10 ] | [ image 65 10 9 9 | text 65 44 7 2 | text 65 22 26 4 | text 65 29 49 10 ] | [ image 35 58 9 9 | text 35 96 12 2 | text 35 70 24 4 | text 35 78 49 14 ] \"", "layout_seq_without_completion": "\" [ image 5 10 9 9 | text 5 44 15 2 | text 5 22 20 4 | text 5 29 49 10 ] | [ image 65 10 9 9 | text 65 44 7 2 | text 65 22 26 4 | text 65 29 49 10 ] | [ image 35 58 9 9 | text 35 96 12 2 | text 35 70 24 4 | text 35 78 49 14 ] \"", "plain_layout_seq": "image 5 10 9 9 | image 65 10 9 9 | image 35 58 9 9 | text 5 44 15 2 | text 5 22 20 4 | text 5 29 49 10 | text 65 44 7 2 | text 65 22 26 4 | text 65 29 49 10 | text 35 96 12 2 | text 35 70 24 4 | text 35 78 49 14", "canvas_width": 953, "canvas_height": 932, "elements": [ { "type": "image", "position": [ 40, 80, 72, 72 ], "completed": false }, { "type": "image", "position": [ 518, 80, 72, 72 ], "completed": false }, { "type": "text", "position": [ 40, 177, 163, 37 ], "completed": false }, { "type": "text", "position": [ 518, 177, 207, 37 ], "completed": false }, { "type": "text", "position": [ 40, 234, 397, 85 ], "completed": false }, { "type": "text", "position": [ 518, 234, 396, 85 ], "completed": false }, { "type": "text", "position": [ 40, 352, 127, 22 ], "completed": false }, { "type": "text", "position": [ 518, 352, 60, 22 ], "completed": false }, { "type": "image", "position": [ 279, 465, 72, 72 ], "completed": false }, { "type": "text", "position": [ 279, 562, 196, 37 ], "completed": false }, { "type": "text", "position": [ 279, 620, 396, 114 ], "completed": false }, { "type": "text", "position": [ 279, 766, 99, 22 ], "completed": false } ] }, { "text": "#A page for introducing several solutions to users.# The page should include four parts of the content. Each part contains an image, one title, and a brief description.", "region_id": "1659", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 23 21 19 | complete image 2 0 26 48 | image 2 0 26 15 | title 5 17 21 5 ] | [ description 34 23 21 16 | complete image 32 0 26 48 | image 32 0 26 15 | title 34 17 21 5 ] | [ description 63 21 21 19 | complete image 61 0 26 48 | image 61 0 26 15 | title 63 17 21 2 ] | [ description 93 21 21 25 | complete image 90 0 26 48 | image 90 0 26 15 | title 93 17 21 2 ] \"", "layout_seq_without_completion": "\" [ description 5 23 21 19 | image 2 0 26 48 | image 2 0 26 15 | title 5 17 21 5 ] | [ description 34 23 21 16 | image 32 0 26 48 | image 32 0 26 15 | title 34 17 21 5 ] | [ description 63 21 21 19 | image 61 0 26 48 | image 61 0 26 15 | title 63 17 21 2 ] | [ description 93 21 21 25 | image 90 0 26 48 | image 90 0 26 15 | title 93 17 21 2 ] \"", "plain_layout_seq": "description 5 23 21 19 | description 34 23 21 16 | description 63 21 21 19 | description 93 21 21 25 | image 2 0 26 48 | image 2 0 26 15 | image 32 0 26 48 | image 32 0 26 15 | image 61 0 26 48 | image 61 0 26 15 | image 90 0 26 48 | image 90 0 26 15 | title 5 17 21 5 | title 34 17 21 5 | title 63 17 21 2 | title 93 17 21 2", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "image", "position": [ 24, 1, 226, 416 ], "completed": true }, { "type": "image", "position": [ 274, 1, 226, 416 ], "completed": true }, { "type": "image", "position": [ 524, 1, 226, 416 ], "completed": true }, { "type": "image", "position": [ 774, 1, 226, 416 ], "completed": true }, { "type": "image", "position": [ 25, 2, 224, 131 ], "completed": false }, { "type": "image", "position": [ 275, 2, 224, 131 ], "completed": false }, { "type": "image", "position": [ 525, 2, 224, 131 ], "completed": false }, { "type": "image", "position": [ 775, 2, 224, 131 ], "completed": false }, { "type": "title", "position": [ 45, 148, 184, 48 ], "completed": false }, { "type": "title", "position": [ 295, 148, 184, 48 ], "completed": false }, { "type": "title", "position": [ 545, 148, 184, 24 ], "completed": false }, { "type": "title", "position": [ 795, 148, 184, 24 ], "completed": false }, { "type": "description", "position": [ 545, 180, 184, 168 ], "completed": false }, { "type": "description", "position": [ 795, 180, 184, 216 ], "completed": false }, { "type": "description", "position": [ 45, 204, 184, 168 ], "completed": false }, { "type": "description", "position": [ 295, 204, 184, 144 ], "completed": false } ] }, { "text": "# A page for showing categories for the user in an online store.# The page should have three categories: \"BOTTOMS\" \"TOPS\", and \"DRESSES\" with each having an image and a category name on it. So the user can sho according to category.", "region_id": "8099", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'bottoms, tops, dresses'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 42 2 35 35 | image 4 2 35 35 | image 79 2 35 35 | title 79 19 35 4 | title 42 19 35 4 | title 4 19 35 4", "layout_seq_without_completion": "image 42 2 35 35 | image 4 2 35 35 | image 79 2 35 35 | title 79 19 35 4 | title 42 19 35 4 | title 4 19 35 4", "plain_layout_seq": "image 42 2 35 35 | image 4 2 35 35 | image 79 2 35 35 | title 79 19 35 4 | title 42 19 35 4 | title 4 19 35 4", "canvas_width": 1024, "canvas_height": 320, "elements": [ { "type": "image", "position": [ 42, 20, 300, 300 ], "completed": false }, { "type": "image", "position": [ 362, 20, 300, 300 ], "completed": false }, { "type": "image", "position": [ 682, 20, 300, 300 ], "completed": false }, { "type": "title", "position": [ 42, 170, 300, 37 ], "completed": false }, { "type": "title", "position": [ 362, 170, 300, 37 ], "completed": false }, { "type": "title", "position": [ 682, 170, 300, 37 ], "completed": false } ] }, { "text": "# A page to introduce the function and service of Rewrite Guru. # On the page, there should have two groups of information sets: \"Spell Check\" and \"Similarity Check\". Each group, there should contain an image, a title, and a further introduction.", "region_id": "4522", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Spell Check, Similarity Check'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 12 4 45 22 | image 1 0 5 4 | title 12 0 45 3 ] | [ description 72 4 45 27 | image 62 0 5 9 | title 72 0 45 3 ] \"", "layout_seq_without_completion": "\" [ description 12 4 45 22 | image 1 0 5 4 | title 12 0 45 3 ] | [ description 72 4 45 27 | image 62 0 5 9 | title 72 0 45 3 ] \"", "plain_layout_seq": "description 12 4 45 22 | description 72 4 45 27 | image 1 0 5 4 | image 62 0 5 9 | title 12 0 45 3 | title 72 0 45 3", "canvas_width": 870, "canvas_height": 242, "elements": [ { "type": "title", "position": [ 87, 0, 333, 22 ], "completed": false }, { "type": "title", "position": [ 522, 0, 333, 22 ], "completed": false }, { "type": "image", "position": [ 14, 5, 42, 31 ], "completed": false }, { "type": "image", "position": [ 450, 5, 42, 72 ], "completed": false }, { "type": "description", "position": [ 87, 32, 333, 160 ], "completed": false }, { "type": "description", "position": [ 522, 32, 333, 200 ], "completed": false } ] }, { "text": "#A page for showing comments of users.# The page has a headline named \"TESTIMONIALS\" and three lists of information. Each list includes an icon, a description of the comment, and the name of the user.", "region_id": "6737", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'testimonials'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 8 20 32 5 | description 43 20 32 5 | description 79 20 32 5 | icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 8 30 32 2 | text 43 30 32 2 | text 79 30 32 2 | title 6 6 107 2", "layout_seq_without_completion": "description 8 20 32 5 | description 43 20 32 5 | description 79 20 32 5 | icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 8 30 32 2 | text 43 30 32 2 | text 79 30 32 2 | title 6 6 107 2", "plain_layout_seq": "description 8 20 32 5 | description 43 20 32 5 | description 79 20 32 5 | icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 8 30 32 2 | text 43 30 32 2 | text 79 30 32 2 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "icon", "position": [ 198, 137, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 502, 137, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 808, 137, 20, 20 ], "completed": false }, { "type": "description", "position": [ 70, 179, 275, 50 ], "completed": false }, { "type": "description", "position": [ 375, 179, 275, 50 ], "completed": false }, { "type": "description", "position": [ 680, 179, 275, 50 ], "completed": false }, { "type": "text", "position": [ 70, 259, 275, 20 ], "completed": false }, { "type": "text", "position": [ 375, 259, 275, 20 ], "completed": false }, { "type": "text", "position": [ 680, 259, 275, 20 ], "completed": false } ] }, { "text": "#A page for showing the things of Islam.# There is one label \"Islam\" and 14 icons representing the Islam items.", "region_id": "5241", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'islam'] ] [gp:InfoGroup [gattr:repeat '14'] [item [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 82 6 7 7 | icon 96 6 7 7 | icon 109 6 7 7 | icon 56 6 7 7 | icon 16 6 7 7 | icon 16 18 7 7 | icon 42 18 7 7 | icon 56 18 7 7 | icon 2 6 7 7 | icon 29 6 7 7 | icon 42 6 7 7 | icon 69 6 7 7 | icon 2 18 7 7 | icon 29 18 7 7 | complete image 41 17 11 8 | complete image 14 17 11 8 | complete image 54 17 11 8 | complete image 1 5 11 8 | complete image 14 5 11 8 | complete image 94 5 11 8 | complete image 81 5 11 8 | complete image 54 5 11 8 | complete image 27 5 11 8 | complete image 67 5 11 8 | complete image 107 5 11 8 | complete image 27 17 11 8 | complete image 41 5 11 8 | complete image 1 17 11 8 | title 1 0 117 3", "layout_seq_without_completion": "icon 82 6 7 7 | icon 96 6 7 7 | icon 109 6 7 7 | icon 56 6 7 7 | icon 16 6 7 7 | icon 16 18 7 7 | icon 42 18 7 7 | icon 56 18 7 7 | icon 2 6 7 7 | icon 29 6 7 7 | icon 42 6 7 7 | icon 69 6 7 7 | icon 2 18 7 7 | icon 29 18 7 7 | image 41 17 11 8 | image 14 17 11 8 | image 54 17 11 8 | image 1 5 11 8 | image 14 5 11 8 | image 94 5 11 8 | image 81 5 11 8 | image 54 5 11 8 | image 27 5 11 8 | image 67 5 11 8 | image 107 5 11 8 | image 27 17 11 8 | image 41 5 11 8 | image 1 17 11 8 | title 1 0 117 3", "plain_layout_seq": "icon 82 6 7 7 | icon 96 6 7 7 | icon 109 6 7 7 | icon 56 6 7 7 | icon 16 6 7 7 | icon 16 18 7 7 | icon 42 18 7 7 | icon 56 18 7 7 | icon 2 6 7 7 | icon 29 6 7 7 | icon 42 6 7 7 | icon 69 6 7 7 | icon 2 18 7 7 | icon 29 18 7 7 | image 41 17 11 8 | image 14 17 11 8 | image 54 17 11 8 | image 1 5 11 8 | image 14 5 11 8 | image 94 5 11 8 | image 81 5 11 8 | image 54 5 11 8 | image 27 5 11 8 | image 67 5 11 8 | image 107 5 11 8 | image 27 17 11 8 | image 41 5 11 8 | image 1 17 11 8 | title 1 0 117 3", "canvas_width": 1014, "canvas_height": 227, "elements": [ { "type": "title", "position": [ 10, 0, 994, 31 ], "completed": false }, { "type": "image", "position": [ 10, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 573, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 686, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 799, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 911, 45, 93, 76 ], "completed": true }, { "type": "icon", "position": [ 24, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 137, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 250, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 362, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 475, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 588, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 700, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 813, 51, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 926, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 10, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 151, 93, 76 ], "completed": true }, { "type": "icon", "position": [ 24, 157, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 137, 157, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 250, 157, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 362, 157, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 475, 157, 64, 64 ], "completed": false } ] }, { "text": "# A page for the product category.# The page should have four categories: Seaside, Snowflakes, Biirds, and Stationery. In each, there should have an image and a category name.", "region_id": "7873", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Seaside, Snowflakes, Biirds, Stationery'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | text 93 30 26 2 | text 63 30 26 2 | text 3 30 26 2 | text 33 30 26 2", "layout_seq_without_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | text 93 30 26 2 | text 63 30 26 2 | text 3 30 26 2 | text 33 30 26 2", "plain_layout_seq": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | text 93 30 26 2 | text 63 30 26 2 | text 3 30 26 2 | text 33 30 26 2", "canvas_width": 995, "canvas_height": 340, "elements": [ { "type": "image", "position": [ 30, 28, 219, 218 ], "completed": false }, { "type": "image", "position": [ 278, 28, 219, 218 ], "completed": false }, { "type": "image", "position": [ 527, 28, 219, 218 ], "completed": false }, { "type": "image", "position": [ 776, 29, 219, 216 ], "completed": false }, { "type": "text", "position": [ 30, 256, 219, 21 ], "completed": false }, { "type": "text", "position": [ 278, 256, 219, 21 ], "completed": false }, { "type": "text", "position": [ 527, 256, 219, 21 ], "completed": false }, { "type": "text", "position": [ 776, 256, 219, 21 ], "completed": false } ] }, { "text": "# A page to introduce the exness partnership programs to attract the user to start joining the partnership. # The page should have a title, a short description, and a button \"Start now\" for the user to start. Besides, there should have three groups of brief introductions with each having a figure and a related description to introduce the partners, paid to partners, and top partner payout per month.", "region_id": "6095", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'Start now'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'partners, paid to partners, top partner payment per month'] [item [el:text] [el:description ] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 58 | button 49 31 21 7 | description 37 20 45 7 | title 33 7 52 9 | \" [ text 20 44 26 6 ] | [ text 46 44 26 6 ] | [ text 73 44 26 6 ] \"", "layout_seq_without_completion": "background 0 0 120 58 | button 49 31 21 7 | description 37 20 45 7 | title 33 7 52 9 | \" [ text 20 44 26 6 ] | [ text 46 44 26 6 ] | [ text 73 44 26 6 ] \"", "plain_layout_seq": "background 0 0 120 58 | button 49 31 21 7 | description 37 20 45 7 | text 20 44 26 6 | text 46 44 26 6 | text 73 44 26 6 | title 33 7 52 9", "canvas_width": 1024, "canvas_height": 496, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 496 ], "completed": true }, { "type": "title", "position": [ 288, 64, 448, 80 ], "completed": false }, { "type": "description", "position": [ 318, 176, 387, 64 ], "completed": false }, { "type": "button", "position": [ 422, 272, 181, 60 ], "completed": false }, { "type": "text", "position": [ 176, 380, 224, 52 ], "completed": false }, { "type": "text", "position": [ 400, 380, 224, 52 ], "completed": false }, { "type": "text", "position": [ 624, 380, 224, 52 ], "completed": false } ] }, { "text": "#A page showing top brands.# \"Top Brands\" is a title on the page. The page should have six logos representing six top brands. Pagination is also on the page.", "region_id": "7326", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'top brands'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete button 106 0 3 3 | complete button 110 0 3 3 | complete image 23 5 17 11 | complete image 60 5 17 11 | complete image 42 5 17 11 | complete image 5 5 17 11 | complete image 78 5 17 11 | complete image 97 5 17 11 | logo 6 6 15 11 | logo 61 6 15 11 | logo 24 6 15 11 | logo 43 6 15 11 | logo 79 6 15 11 | logo 98 6 15 11 | title 5 0 13 3", "layout_seq_without_completion": "button 106 0 3 3 | button 110 0 3 3 | image 23 5 17 11 | image 60 5 17 11 | image 42 5 17 11 | image 5 5 17 11 | image 78 5 17 11 | image 97 5 17 11 | logo 6 6 15 11 | logo 61 6 15 11 | logo 24 6 15 11 | logo 43 6 15 11 | logo 79 6 15 11 | logo 98 6 15 11 | title 5 0 13 3", "plain_layout_seq": "button 106 0 3 3 | button 110 0 3 3 | image 23 5 17 11 | image 60 5 17 11 | image 42 5 17 11 | image 5 5 17 11 | image 78 5 17 11 | image 97 5 17 11 | logo 6 6 15 11 | logo 61 6 15 11 | logo 24 6 15 11 | logo 43 6 15 11 | logo 79 6 15 11 | logo 98 6 15 11 | title 5 0 13 3", "canvas_width": 1024, "canvas_height": 153, "elements": [ { "type": "button", "position": [ 912, 0, 30, 30 ], "completed": true }, { "type": "button", "position": [ 947, 0, 30, 30 ], "completed": true }, { "type": "title", "position": [ 47, 1, 119, 29 ], "completed": false }, { "type": "image", "position": [ 47, 51, 147, 102 ], "completed": true }, { "type": "image", "position": [ 204, 51, 147, 102 ], "completed": true }, { "type": "image", "position": [ 360, 51, 147, 102 ], "completed": true }, { "type": "image", "position": [ 517, 51, 147, 102 ], "completed": true }, { "type": "image", "position": [ 674, 51, 147, 102 ], "completed": true }, { "type": "image", "position": [ 830, 51, 147, 102 ], "completed": true }, { "type": "logo", "position": [ 55, 52, 130, 100 ], "completed": false }, { "type": "logo", "position": [ 212, 52, 130, 100 ], "completed": false }, { "type": "logo", "position": [ 369, 52, 130, 100 ], "completed": false }, { "type": "logo", "position": [ 525, 52, 130, 100 ], "completed": false }, { "type": "logo", "position": [ 682, 52, 130, 100 ], "completed": false }, { "type": "logo", "position": [ 839, 52, 130, 100 ], "completed": false } ] }, { "text": "#A page for users to see videos.# There is one label \"VIDEO\" and four info groups. Each group includes one image and one title. Users can click the link to see more videos.", "region_id": "5830", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'video'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] [el:link [attr:value 'see more here'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 89 4 11 7 | image 89 26 11 7 | image 89 44 11 7 | image 0 4 84 56 | link 109 61 10 1 | title 0 1 5 2 | title 89 4 30 15 | title 0 62 84 9 | title 89 44 30 10 | title 89 26 30 10", "layout_seq_without_completion": "image 89 4 11 7 | image 89 26 11 7 | image 89 44 11 7 | image 0 4 84 56 | link 109 61 10 1 | title 0 1 5 2 | title 89 4 30 15 | title 0 62 84 9 | title 89 44 30 10 | title 89 26 30 10", "plain_layout_seq": "image 89 4 11 7 | image 89 26 11 7 | image 89 44 11 7 | image 0 4 84 56 | link 109 61 10 1 | title 0 1 5 2 | title 89 4 30 15 | title 0 62 84 9 | title 89 44 30 10 | title 89 26 30 10", "canvas_width": 1024, "canvas_height": 645, "elements": [ { "type": "title", "position": [ 0, 10, 50, 19 ], "completed": false }, { "type": "image", "position": [ 0, 37, 720, 480 ], "completed": false }, { "type": "title", "position": [ 760, 37, 264, 132 ], "completed": false }, { "type": "image", "position": [ 760, 37, 95, 63 ], "completed": false }, { "type": "image", "position": [ 760, 230, 95, 63 ], "completed": false }, { "type": "title", "position": [ 760, 230, 264, 88 ], "completed": false }, { "type": "image", "position": [ 760, 379, 95, 63 ], "completed": false }, { "type": "title", "position": [ 760, 379, 264, 88 ], "completed": false }, { "type": "link", "position": [ 936, 528, 88, 16 ], "completed": false }, { "type": "title", "position": [ 0, 531, 720, 84 ], "completed": false } ] }, { "text": "#A page for introducing an app named \"Getir\" to users.# The page should include three parts of the content. Each part contains an image, one title, and a brief description of the benefits of the Getir.", "region_id": "171", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 33 34 5 | description 42 33 34 5 | description 83 33 34 5 | complete image 81 0 38 44 | complete image 40 0 38 44 | complete image 0 0 38 44 | image 10 7 18 18 | image 50 7 18 18 | image 91 7 18 18 | title 4 29 30 3 | title 47 29 25 3 | title 84 29 31 3", "layout_seq_without_completion": "description 2 33 34 5 | description 42 33 34 5 | description 83 33 34 5 | image 81 0 38 44 | image 40 0 38 44 | image 0 0 38 44 | image 10 7 18 18 | image 50 7 18 18 | image 91 7 18 18 | title 4 29 30 3 | title 47 29 25 3 | title 84 29 31 3", "plain_layout_seq": "description 2 33 34 5 | description 42 33 34 5 | description 83 33 34 5 | image 81 0 38 44 | image 40 0 38 44 | image 0 0 38 44 | image 10 7 18 18 | image 50 7 18 18 | image 91 7 18 18 | title 4 29 30 3 | title 47 29 25 3 | title 84 29 31 3", "canvas_width": 960, "canvas_height": 353, "elements": [ { "type": "image", "position": [ 0, 0, 309, 353 ], "completed": true }, { "type": "image", "position": [ 325, 0, 309, 353 ], "completed": true }, { "type": "image", "position": [ 651, 0, 309, 353 ], "completed": true }, { "type": "image", "position": [ 80, 60, 150, 150 ], "completed": false }, { "type": "image", "position": [ 405, 60, 150, 150 ], "completed": false }, { "type": "image", "position": [ 730, 60, 150, 150 ], "completed": false }, { "type": "title", "position": [ 32, 234, 245, 25 ], "completed": false }, { "type": "title", "position": [ 377, 234, 206, 25 ], "completed": false }, { "type": "title", "position": [ 679, 234, 253, 25 ], "completed": false }, { "type": "description", "position": [ 16, 267, 277, 46 ], "completed": false }, { "type": "description", "position": [ 341, 267, 277, 46 ], "completed": false }, { "type": "description", "position": [ 667, 267, 277, 46 ], "completed": false } ] }, { "text": "#A page for showing different types of programs to users.# The page has four lists, and each of them includes a program name, a program description, and a link for users to click to learn further information about the program.", "region_id": "3452", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description] [el:link [attr:value 'read more']] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 21 18 20 | description 95 21 18 20 | description 35 21 18 17 | description 65 21 18 29 | complete image 1 7 26 53 | complete image 92 7 26 53 | complete image 31 7 26 53 | complete image 61 7 26 53 | link 65 54 13 2 | link 5 54 13 2 | link 35 54 13 2 | link 95 54 13 2 | title 5 11 18 7 | title 95 11 18 7 | title 35 11 18 7 | title 65 11 18 7", "layout_seq_without_completion": "description 5 21 18 20 | description 95 21 18 20 | description 35 21 18 17 | description 65 21 18 29 | image 1 7 26 53 | image 92 7 26 53 | image 31 7 26 53 | image 61 7 26 53 | link 65 54 13 2 | link 5 54 13 2 | link 35 54 13 2 | link 95 54 13 2 | title 5 11 18 7 | title 95 11 18 7 | title 35 11 18 7 | title 65 11 18 7", "plain_layout_seq": "description 5 21 18 20 | description 95 21 18 20 | description 35 21 18 17 | description 65 21 18 29 | image 1 7 26 53 | image 92 7 26 53 | image 31 7 26 53 | image 61 7 26 53 | link 65 54 13 2 | link 5 54 13 2 | link 35 54 13 2 | link 95 54 13 2 | title 5 11 18 7 | title 95 11 18 7 | title 35 11 18 7 | title 65 11 18 7", "canvas_width": 970, "canvas_height": 489, "elements": [ { "type": "image", "position": [ 14, 60, 213, 429 ], "completed": true }, { "type": "image", "position": [ 258, 60, 213, 429 ], "completed": true }, { "type": "image", "position": [ 500, 60, 213, 429 ], "completed": true }, { "type": "image", "position": [ 744, 60, 213, 429 ], "completed": true }, { "type": "title", "position": [ 44, 93, 153, 60 ], "completed": false }, { "type": "title", "position": [ 288, 93, 153, 60 ], "completed": false }, { "type": "title", "position": [ 530, 93, 153, 60 ], "completed": false }, { "type": "title", "position": [ 774, 93, 153, 60 ], "completed": false }, { "type": "description", "position": [ 44, 173, 153, 168 ], "completed": false }, { "type": "description", "position": [ 288, 173, 153, 144 ], "completed": false }, { "type": "description", "position": [ 530, 173, 153, 240 ], "completed": false }, { "type": "description", "position": [ 774, 173, 153, 168 ], "completed": false }, { "type": "link", "position": [ 44, 438, 112, 21 ], "completed": false }, { "type": "link", "position": [ 288, 438, 112, 21 ], "completed": false }, { "type": "link", "position": [ 530, 438, 112, 21 ], "completed": false }, { "type": "link", "position": [ 774, 438, 112, 21 ], "completed": false } ] }, { "text": "#A page showing the website for electronic products to users and guiding users to buy them.#The page should have three groups of products. And each of them should include one picture of the product and one button for users to click to shop fastly.", "region_id": "4964", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 25 | button 80 20 38 3 | button 1 20 38 3 | button 40 20 38 3 | image 80 1 38 19 | image 40 1 38 19 | image 1 1 38 19 | complete image 1 1 38 23 | complete image 40 1 38 23 | complete image 80 1 38 23", "layout_seq_without_completion": "background 0 0 120 25 | button 80 20 38 3 | button 1 20 38 3 | button 40 20 38 3 | image 80 1 38 19 | image 40 1 38 19 | image 1 1 38 19 | image 1 1 38 23 | image 40 1 38 23 | image 80 1 38 23", "plain_layout_seq": "background 0 0 120 25 | button 80 20 38 3 | button 1 20 38 3 | button 40 20 38 3 | image 80 1 38 19 | image 40 1 38 19 | image 1 1 38 19 | image 1 1 38 23 | image 40 1 38 23 | image 80 1 38 23", "canvas_width": 1240, "canvas_height": 264, "elements": [ { "type": "background", "position": [ 0, 0, 1240, 264 ], "completed": true }, { "type": "image", "position": [ 13, 13, 396, 198 ], "completed": false }, { "type": "image", "position": [ 13, 13, 396, 238 ], "completed": true }, { "type": "image", "position": [ 422, 13, 396, 198 ], "completed": false }, { "type": "image", "position": [ 422, 13, 396, 238 ], "completed": true }, { "type": "image", "position": [ 830, 13, 396, 198 ], "completed": false }, { "type": "image", "position": [ 830, 13, 396, 238 ], "completed": true }, { "type": "button", "position": [ 13, 211, 396, 40 ], "completed": false }, { "type": "button", "position": [ 422, 211, 396, 40 ], "completed": false }, { "type": "button", "position": [ 830, 211, 396, 40 ], "completed": false } ] }, { "text": "# A page for marketing AppsGeyser and guiding the user to create apps for free with it. # The page should have the title \"Why Building Android Apps with AppsGeyser?\" and six groups of information sets with each having a small image, a title, and a further description. Besides, it is necessary to have a button for the user to create apps for free.", "region_id": "3359", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why building android apps with appsgeyser?'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] [el:button [attr:value 'create apps for free'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 45 97 28 7 | description 43 80 32 8 | description 81 80 32 8 | description 6 48 32 5 | description 81 48 32 5 | description 43 48 32 5 | description 6 80 32 8 | image 17 30 9 9 | image 55 30 9 9 | image 92 30 9 9 | image 92 63 9 9 | image 17 63 9 9 | image 55 63 9 9 | title 81 42 32 3 | title 43 74 32 3 | title 5 14 108 5 | title 6 42 32 3 | title 43 42 32 3 | title 6 74 32 3 | title 81 74 32 3", "layout_seq_without_completion": "button 45 97 28 7 | description 43 80 32 8 | description 81 80 32 8 | description 6 48 32 5 | description 81 48 32 5 | description 43 48 32 5 | description 6 80 32 8 | image 17 30 9 9 | image 55 30 9 9 | image 92 30 9 9 | image 92 63 9 9 | image 17 63 9 9 | image 55 63 9 9 | title 81 42 32 3 | title 43 74 32 3 | title 5 14 108 5 | title 6 42 32 3 | title 43 42 32 3 | title 6 74 32 3 | title 81 74 32 3", "plain_layout_seq": "button 45 97 28 7 | description 43 80 32 8 | description 81 80 32 8 | description 6 48 32 5 | description 81 48 32 5 | description 43 48 32 5 | description 6 80 32 8 | image 17 30 9 9 | image 55 30 9 9 | image 92 30 9 9 | image 92 63 9 9 | image 17 63 9 9 | image 55 63 9 9 | title 81 42 32 3 | title 43 74 32 3 | title 5 14 108 5 | title 6 42 32 3 | title 43 42 32 3 | title 6 74 32 3 | title 81 74 32 3", "canvas_width": 1024, "canvas_height": 1016, "elements": [ { "type": "title", "position": [ 47, 120, 930, 44 ], "completed": false }, { "type": "image", "position": [ 152, 264, 80, 80 ], "completed": false }, { "type": "image", "position": [ 472, 264, 80, 80 ], "completed": false }, { "type": "image", "position": [ 792, 264, 80, 80 ], "completed": false }, { "type": "title", "position": [ 52, 364, 280, 32 ], "completed": false }, { "type": "title", "position": [ 372, 364, 280, 32 ], "completed": false }, { "type": "title", "position": [ 692, 364, 280, 32 ], "completed": false }, { "type": "description", "position": [ 52, 410, 280, 48 ], "completed": false }, { "type": "description", "position": [ 372, 410, 280, 48 ], "completed": false }, { "type": "description", "position": [ 692, 410, 280, 48 ], "completed": false }, { "type": "image", "position": [ 152, 538, 80, 80 ], "completed": false }, { "type": "image", "position": [ 472, 538, 80, 80 ], "completed": false }, { "type": "image", "position": [ 792, 538, 80, 80 ], "completed": false }, { "type": "title", "position": [ 52, 638, 280, 32 ], "completed": false }, { "type": "title", "position": [ 372, 638, 280, 32 ], "completed": false }, { "type": "title", "position": [ 692, 638, 280, 32 ], "completed": false }, { "type": "description", "position": [ 52, 684, 280, 72 ], "completed": false }, { "type": "description", "position": [ 372, 684, 280, 72 ], "completed": false }, { "type": "description", "position": [ 692, 684, 280, 72 ], "completed": false }, { "type": "button", "position": [ 390, 836, 244, 60 ], "completed": false } ] }, { "text": "# A page showing the categories of the product on an online shop. # On the page, there should have a title \"SHOP BY CATEGORIES\" and 10 groups with each including an image and a name of the category. So the user can shop according to the category.", "region_id": "6647", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by categories'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 90 | image 5 50 18 27 | image 72 50 18 27 | image 28 17 18 27 | image 50 17 18 27 | image 72 17 18 27 | image 5 17 18 27 | image 94 17 18 27 | image 28 50 18 27 | image 50 50 18 27 | image 94 50 18 27 | title 5 5 114 5 | title 28 71 18 1 | title 5 71 18 1 | title 94 71 18 3 | title 28 37 18 1 | title 5 37 18 1 | title 94 37 18 3 | title 50 37 18 1 | title 72 37 18 1 | title 50 71 18 1 | title 72 71 18 1", "layout_seq_without_completion": "background 0 0 120 90 | image 5 50 18 27 | image 72 50 18 27 | image 28 17 18 27 | image 50 17 18 27 | image 72 17 18 27 | image 5 17 18 27 | image 94 17 18 27 | image 28 50 18 27 | image 50 50 18 27 | image 94 50 18 27 | title 5 5 114 5 | title 28 71 18 1 | title 5 71 18 1 | title 94 71 18 3 | title 28 37 18 1 | title 5 37 18 1 | title 94 37 18 3 | title 50 37 18 1 | title 72 37 18 1 | title 50 71 18 1 | title 72 71 18 1", "plain_layout_seq": "background 0 0 120 90 | image 5 50 18 27 | image 72 50 18 27 | image 28 17 18 27 | image 50 17 18 27 | image 72 17 18 27 | image 5 17 18 27 | image 94 17 18 27 | image 28 50 18 27 | image 50 50 18 27 | image 94 50 18 27 | title 5 5 114 5 | title 28 71 18 1 | title 5 71 18 1 | title 94 71 18 3 | title 28 37 18 1 | title 5 37 18 1 | title 94 37 18 3 | title 50 37 18 1 | title 72 37 18 1 | title 50 71 18 1 | title 72 71 18 1", "canvas_width": 1024, "canvas_height": 771, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 771 ], "completed": true }, { "type": "title", "position": [ 50, 50, 974, 51 ], "completed": false }, { "type": "image", "position": [ 50, 149, 160, 235 ], "completed": false }, { "type": "image", "position": [ 240, 149, 160, 235 ], "completed": false }, { "type": "image", "position": [ 430, 149, 160, 235 ], "completed": false }, { "type": "image", "position": [ 619, 149, 160, 235 ], "completed": false }, { "type": "image", "position": [ 809, 149, 160, 235 ], "completed": false }, { "type": "title", "position": [ 50, 320, 160, 14 ], "completed": false }, { "type": "title", "position": [ 240, 320, 160, 14 ], "completed": false }, { "type": "title", "position": [ 430, 320, 160, 14 ], "completed": false }, { "type": "title", "position": [ 619, 320, 160, 14 ], "completed": false }, { "type": "title", "position": [ 809, 320, 160, 28 ], "completed": false }, { "type": "image", "position": [ 50, 435, 160, 235 ], "completed": false }, { "type": "image", "position": [ 240, 435, 160, 235 ], "completed": false }, { "type": "image", "position": [ 430, 435, 160, 235 ], "completed": false }, { "type": "image", "position": [ 619, 435, 160, 235 ], "completed": false }, { "type": "image", "position": [ 809, 435, 160, 235 ], "completed": false }, { "type": "title", "position": [ 50, 606, 160, 14 ], "completed": false }, { "type": "title", "position": [ 240, 606, 160, 14 ], "completed": false }, { "type": "title", "position": [ 430, 606, 160, 14 ], "completed": false }, { "type": "title", "position": [ 619, 606, 160, 14 ], "completed": false }, { "type": "title", "position": [ 809, 606, 160, 28 ], "completed": false } ] }, { "text": "# A page for the latest releases. # There should be a title. Then, the page should be divided into three parts. In each part, there should be two or three text box to show the date and the title of the news. It is necessary to have a text link \"Archives\" for the user to view more release by clicking it. Also, there should be an icon for the user to download the PDF of the news.", "region_id": "1731", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:text [attr:repeat '3'] ] ] ] [el:link [attr:value'archives'] ] [el:icon] ]", "execution": "multiinfo : icon undefined undefined | link undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 82 14 3 3 | complete image 99 31 17 5 | link 100 32 8 2 | text 7 15 29 10 | text 46 15 28 10 | text 86 21 30 5 | text 82 11 33 2 | text 86 15 27 5 | text 3 11 33 2 | text 43 11 33 2 | title 3 3 112 3", "layout_seq_without_completion": "icon 82 14 3 3 | image 99 31 17 5 | link 100 32 8 2 | text 7 15 29 10 | text 46 15 28 10 | text 86 21 30 5 | text 82 11 33 2 | text 86 15 27 5 | text 3 11 33 2 | text 43 11 33 2 | title 3 3 112 3", "plain_layout_seq": "icon 82 14 3 3 | image 99 31 17 5 | link 100 32 8 2 | text 7 15 29 10 | text 46 15 28 10 | text 86 21 30 5 | text 82 11 33 2 | text 86 15 27 5 | text 3 11 33 2 | text 43 11 33 2 | title 3 3 112 3", "canvas_width": 1024, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 30, 30, 964, 34 ], "completed": false }, { "type": "text", "position": [ 30, 94, 289, 22 ], "completed": false }, { "type": "text", "position": [ 367, 94, 289, 22 ], "completed": false }, { "type": "text", "position": [ 705, 94, 289, 22 ], "completed": false }, { "type": "icon", "position": [ 705, 127, 26, 26 ], "completed": false }, { "type": "text", "position": [ 60, 129, 249, 87 ], "completed": false }, { "type": "text", "position": [ 397, 129, 247, 87 ], "completed": false }, { "type": "text", "position": [ 735, 129, 237, 44 ], "completed": false }, { "type": "text", "position": [ 735, 187, 256, 44 ], "completed": false }, { "type": "image", "position": [ 846, 267, 148, 49 ], "completed": true }, { "type": "link", "position": [ 861, 280, 71, 22 ], "completed": false } ] }, { "text": "#This page is to provide users with Popular Resources.# This page has a title for Popular Resources, and four groups: Homes for sale, Find a lender, Data sets, and Housing choice voucher program. Each group has an icon and name.", "region_id": "5046", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Popular Resources'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'home for sale,Find a lender, Data sets, Housing choice voucher program'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 11 21 9 8 | icon 45 22 10 7 | icon 79 22 10 7 | icon 11 40 9 7 | complete image 10 17 30 15 | complete image 78 17 30 15 | complete image 44 17 30 15 | complete image 10 36 30 15 | title 21 24 16 3 | title 90 24 10 3 | title 56 24 14 3 | title 21 39 18 9 | title 8 7 102 5", "layout_seq_without_completion": "icon 11 21 9 8 | icon 45 22 10 7 | icon 79 22 10 7 | icon 11 40 9 7 | image 10 17 30 15 | image 78 17 30 15 | image 44 17 30 15 | image 10 36 30 15 | title 21 24 16 3 | title 90 24 10 3 | title 56 24 14 3 | title 21 39 18 9 | title 8 7 102 5", "plain_layout_seq": "icon 11 21 9 8 | icon 45 22 10 7 | icon 79 22 10 7 | icon 11 40 9 7 | image 10 17 30 15 | image 78 17 30 15 | image 44 17 30 15 | image 10 36 30 15 | title 21 24 16 3 | title 90 24 10 3 | title 56 24 14 3 | title 21 39 18 9 | title 8 7 102 5", "canvas_width": 1024, "canvas_height": 538, "elements": [ { "type": "title", "position": [ 74, 65, 874, 48 ], "completed": false }, { "type": "image", "position": [ 90, 153, 261, 135 ], "completed": true }, { "type": "image", "position": [ 381, 153, 261, 135 ], "completed": true }, { "type": "image", "position": [ 672, 153, 261, 135 ], "completed": true }, { "type": "icon", "position": [ 100, 185, 80, 71 ], "completed": false }, { "type": "icon", "position": [ 391, 190, 89, 61 ], "completed": false }, { "type": "icon", "position": [ 682, 191, 88, 60 ], "completed": false }, { "type": "title", "position": [ 180, 207, 139, 28 ], "completed": false }, { "type": "title", "position": [ 480, 207, 123, 28 ], "completed": false }, { "type": "title", "position": [ 770, 207, 91, 28 ], "completed": false }, { "type": "image", "position": [ 90, 308, 261, 135 ], "completed": true }, { "type": "title", "position": [ 180, 334, 161, 84 ], "completed": false }, { "type": "icon", "position": [ 100, 343, 80, 66 ], "completed": false } ] }, { "text": "#A page for showing some news.# There is one label \"LATEST\" and four groups. Each group includes one label, one image, one title, and one label showing the release time.", "region_id": "4869", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'latest'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:text [attr:repeat '2'] ] [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 1 13 2 | \" [ image 1 7 58 63 | text 4 54 48 9 | text 4 66 51 2 | title 4 10 8 2 ] | [ image 60 7 58 31 | text 63 29 45 2 | text 63 33 51 2 | title 63 10 8 2 ] | [ image 60 39 28 31 | text 63 56 20 4 | text 63 63 21 5 | title 63 43 8 2 ] | [ image 90 39 28 31 | text 93 56 15 4 | text 93 63 21 5 | title 93 43 13 2 ] \"", "layout_seq_without_completion": "title 2 1 13 2 | \" [ image 1 7 58 63 | text 4 54 48 9 | text 4 66 51 2 | title 4 10 8 2 ] | [ image 60 7 58 31 | text 63 29 45 2 | text 63 33 51 2 | title 63 10 8 2 ] | [ image 60 39 28 31 | text 63 56 20 4 | text 63 63 21 5 | title 63 43 8 2 ] | [ image 90 39 28 31 | text 93 56 15 4 | text 93 63 21 5 | title 93 43 13 2 ] \"", "plain_layout_seq": "image 1 7 58 63 | image 60 7 58 31 | image 60 39 28 31 | image 90 39 28 31 | text 4 54 48 9 | text 4 66 51 2 | text 63 29 45 2 | text 63 33 51 2 | text 63 56 20 4 | text 63 63 21 5 | text 93 56 15 4 | text 93 63 21 5 | title 2 1 13 2 | title 4 10 8 2 | title 63 10 8 2 | title 63 43 8 2 | title 93 43 13 2", "canvas_width": 928, "canvas_height": 563, "elements": [ { "type": "title", "position": [ 20, 10, 107, 18 ], "completed": false }, { "type": "image", "position": [ 10, 58, 449, 490 ], "completed": false }, { "type": "image", "position": [ 470, 58, 449, 240 ], "completed": false }, { "type": "title", "position": [ 35, 83, 62, 21 ], "completed": false }, { "type": "title", "position": [ 494, 83, 62, 21 ], "completed": false }, { "type": "text", "position": [ 494, 225, 349, 21 ], "completed": false }, { "type": "text", "position": [ 494, 262, 399, 20 ], "completed": false }, { "type": "image", "position": [ 470, 308, 220, 240 ], "completed": false }, { "type": "image", "position": [ 699, 308, 220, 240 ], "completed": false }, { "type": "title", "position": [ 494, 333, 62, 21 ], "completed": false }, { "type": "title", "position": [ 724, 333, 106, 21 ], "completed": false }, { "type": "text", "position": [ 35, 421, 378, 74 ], "completed": false }, { "type": "text", "position": [ 494, 438, 160, 38 ], "completed": false }, { "type": "text", "position": [ 724, 438, 122, 38 ], "completed": false }, { "type": "text", "position": [ 494, 492, 170, 41 ], "completed": false }, { "type": "text", "position": [ 724, 492, 170, 41 ], "completed": false }, { "type": "text", "position": [ 35, 512, 399, 20 ], "completed": false } ] }, { "text": "#A page for a blog.# Five elements should be contained on the page. One is the title. The rest of the four are subtitles for the inspired blog, where the user can link the subtitle to watch the blog and get inspired. Besides, each subtitle group should have an associated image to highlight the topic.", "region_id": "1106", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 62 13 24 24 | image 92 13 24 24 | image 3 13 24 24 | image 32 13 24 24 | link 62 38 24 4 | link 3 38 24 2 | link 32 38 24 2 | link 92 38 24 2 | title 1 5 117 4", "layout_seq_without_completion": "image 62 13 24 24 | image 92 13 24 24 | image 3 13 24 24 | image 32 13 24 24 | link 62 38 24 4 | link 3 38 24 2 | link 32 38 24 2 | link 92 38 24 2 | title 1 5 117 4", "plain_layout_seq": "image 62 13 24 24 | image 92 13 24 24 | image 3 13 24 24 | image 32 13 24 24 | link 62 38 24 4 | link 3 38 24 2 | link 32 38 24 2 | link 92 38 24 2 | title 1 5 117 4", "canvas_width": 1212, "canvas_height": 570, "elements": [ { "type": "title", "position": [ 15, 60, 1182, 50 ], "completed": false }, { "type": "image", "position": [ 31, 140, 250, 250 ], "completed": false }, { "type": "image", "position": [ 331, 140, 250, 250 ], "completed": false }, { "type": "image", "position": [ 631, 140, 250, 250 ], "completed": false }, { "type": "image", "position": [ 932, 140, 250, 250 ], "completed": false }, { "type": "link", "position": [ 31, 390, 250, 30 ], "completed": false }, { "type": "link", "position": [ 331, 390, 250, 30 ], "completed": false }, { "type": "link", "position": [ 631, 390, 250, 45 ], "completed": false }, { "type": "link", "position": [ 932, 390, 250, 30 ], "completed": false } ] }, { "text": "#A page for sharing three tips about Africa to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "2052", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete description 14 32 25 11 | image 14 0 25 18 | link 14 52 4 4 | complete text 14 18 25 5 | title 14 23 19 7 ] | [ complete description 46 32 25 14 | image 46 0 25 18 | link 46 52 4 4 | complete text 46 18 25 5 | title 46 23 25 7 ] | [ complete description 79 32 25 18 | image 79 0 25 18 | link 79 52 4 4 | complete text 79 18 25 5 | title 79 23 25 7 ] \"", "layout_seq_without_completion": "\" [ description 14 32 25 11 | image 14 0 25 18 | link 14 52 4 4 | text 14 18 25 5 | title 14 23 19 7 ] | [ description 46 32 25 14 | image 46 0 25 18 | link 46 52 4 4 | text 46 18 25 5 | title 46 23 25 7 ] | [ description 79 32 25 18 | image 79 0 25 18 | link 79 52 4 4 | text 79 18 25 5 | title 79 23 25 7 ] \"", "plain_layout_seq": "description 14 32 25 11 | description 46 32 25 14 | description 79 32 25 18 | image 14 0 25 18 | image 46 0 25 18 | image 79 0 25 18 | link 14 52 4 4 | link 46 52 4 4 | link 79 52 4 4 | text 14 18 25 5 | text 46 18 25 5 | text 79 18 25 5 | title 14 23 19 7 | title 46 23 25 7 | title 79 23 25 7", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "image", "position": [ 121, 0, 221, 156 ], "completed": false }, { "type": "image", "position": [ 401, 0, 221, 156 ], "completed": false }, { "type": "image", "position": [ 682, 0, 221, 156 ], "completed": false }, { "type": "text", "position": [ 121, 156, 221, 45 ], "completed": true }, { "type": "text", "position": [ 401, 156, 221, 45 ], "completed": true }, { "type": "text", "position": [ 682, 156, 221, 45 ], "completed": true }, { "type": "title", "position": [ 121, 203, 163, 60 ], "completed": false }, { "type": "title", "position": [ 401, 203, 219, 60 ], "completed": false }, { "type": "title", "position": [ 682, 203, 219, 60 ], "completed": false }, { "type": "description", "position": [ 121, 275, 221, 99 ], "completed": true }, { "type": "description", "position": [ 401, 275, 221, 127 ], "completed": true }, { "type": "description", "position": [ 682, 275, 221, 155 ], "completed": true }, { "type": "link", "position": [ 121, 450, 40, 40 ], "completed": false }, { "type": "link", "position": [ 401, 450, 40, 40 ], "completed": false }, { "type": "link", "position": [ 682, 450, 40, 40 ], "completed": false } ] }, { "text": "# A page to show the top restaurant in Glovo. # On the page, there should be a title \"Top Restaurant and more in Glovo\" and some images showing the products and name of the top restaurant.", "region_id": "191", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'top restaurant and more in glovo'] ] [gp:InfoGroup [gattr:repeat'several'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 0 9 14 16 | image 114 9 5 16 | image 98 9 14 16 | image 49 9 14 16 | image 16 9 14 16 | image 32 9 14 16 | image 65 9 14 16 | image 82 9 14 16 | text 33 22 13 3 | text 50 22 11 3 | text 100 22 9 3 | text 0 22 13 3 | text 20 22 6 3 | text 67 22 10 3 | text 82 22 13 3 | text 116 22 3 3 | title 0 4 120 5", "layout_seq_without_completion": "image 0 9 14 16 | image 114 9 5 16 | image 98 9 14 16 | image 49 9 14 16 | image 16 9 14 16 | image 32 9 14 16 | image 65 9 14 16 | image 82 9 14 16 | text 33 22 13 3 | text 50 22 11 3 | text 100 22 9 3 | text 0 22 13 3 | text 20 22 6 3 | text 67 22 10 3 | text 82 22 13 3 | text 116 22 3 3 | title 0 4 120 5", "plain_layout_seq": "image 0 9 14 16 | image 114 9 5 16 | image 98 9 14 16 | image 49 9 14 16 | image 16 9 14 16 | image 32 9 14 16 | image 65 9 14 16 | image 82 9 14 16 | text 33 22 13 3 | text 50 22 11 3 | text 100 22 9 3 | text 0 22 13 3 | text 20 22 6 3 | text 67 22 10 3 | text 82 22 13 3 | text 116 22 3 3 | title 0 4 120 5", "canvas_width": 1024, "canvas_height": 309, "elements": [ { "type": "title", "position": [ 0, 40, 1024, 48 ], "completed": false }, { "type": "image", "position": [ 0, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 140, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 280, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 420, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 560, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 700, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 840, 78, 120, 138 ], "completed": false }, { "type": "image", "position": [ 980, 78, 44, 138 ], "completed": false }, { "type": "text", "position": [ 3, 196, 114, 28 ], "completed": false }, { "type": "text", "position": [ 173, 196, 54, 28 ], "completed": false }, { "type": "text", "position": [ 284, 196, 112, 28 ], "completed": false }, { "type": "text", "position": [ 431, 196, 98, 28 ], "completed": false }, { "type": "text", "position": [ 574, 196, 92, 28 ], "completed": false }, { "type": "text", "position": [ 704, 196, 112, 28 ], "completed": false }, { "type": "text", "position": [ 858, 196, 84, 28 ], "completed": false }, { "type": "text", "position": [ 995, 196, 29, 28 ], "completed": false } ] }, { "text": "#A page for introducing stories & tips for everyday life to users.# The page should include one title on the left and four parts. Each part contains an image and a title of the tip such as \"5 things to know when buying car insurance online\".", "region_id": "657", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'left'] ] [gp:InfoGroup [gattr:repeat'4'] [gattr:names'5 things to know when buying car insurance online'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title left undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 28 18 22 22 | image 74 18 22 22 | image 97 18 22 22 | image 51 18 22 22 | image 28 18 22 34 | image 97 18 22 34 | complete image 0 0 28 52 | image 51 18 22 34 | image 74 18 22 34 | title 31 43 15 6 | title 76 43 14 6 | title 54 43 16 6 | title 99 43 15 4 | title 4 29 18 17", "layout_seq_without_completion": "image 28 18 22 22 | image 74 18 22 22 | image 97 18 22 22 | image 51 18 22 22 | image 28 18 22 34 | image 97 18 22 34 | image 0 0 28 52 | image 51 18 22 34 | image 74 18 22 34 | title 31 43 15 6 | title 76 43 14 6 | title 54 43 16 6 | title 99 43 15 4 | title 4 29 18 17", "plain_layout_seq": "image 28 18 22 22 | image 74 18 22 22 | image 97 18 22 22 | image 51 18 22 22 | image 28 18 22 34 | image 97 18 22 34 | image 0 0 28 52 | image 51 18 22 34 | image 74 18 22 34 | title 31 43 15 6 | title 76 43 14 6 | title 54 43 16 6 | title 99 43 15 4 | title 4 29 18 17", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "image", "position": [ 0, 0, 240, 449 ], "completed": true }, { "type": "image", "position": [ 240, 154, 196, 191 ], "completed": false }, { "type": "image", "position": [ 240, 154, 196, 295 ], "completed": false }, { "type": "image", "position": [ 436, 154, 196, 191 ], "completed": false }, { "type": "image", "position": [ 436, 154, 196, 295 ], "completed": false }, { "type": "image", "position": [ 632, 154, 196, 295 ], "completed": false }, { "type": "image", "position": [ 632, 154, 196, 191 ], "completed": false }, { "type": "image", "position": [ 828, 154, 196, 295 ], "completed": false }, { "type": "image", "position": [ 828, 154, 196, 191 ], "completed": false }, { "type": "title", "position": [ 40, 249, 160, 150 ], "completed": false }, { "type": "title", "position": [ 265, 369, 132, 55 ], "completed": false }, { "type": "title", "position": [ 461, 369, 145, 55 ], "completed": false }, { "type": "title", "position": [ 657, 369, 126, 55 ], "completed": false }, { "type": "title", "position": [ 853, 369, 133, 37 ], "completed": false } ] }, { "text": "#A page for showing the collections.#The page should have a title, named \"collections dreams Wig NYC\". There are two groups and each group has a background image and a title.", "region_id": "8657", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections dreams wig nyc'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 3 16 54 36 | background 61 16 54 36 | title 3 0 112 6", "layout_seq_without_completion": "background 3 16 54 36 | background 61 16 54 36 | title 3 0 112 6", "plain_layout_seq": "background 3 16 54 36 | background 61 16 54 36 | title 3 0 112 6", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 30, 0, 964, 53 ], "completed": false }, { "type": "background", "position": [ 30, 144, 467, 310 ], "completed": false }, { "type": "background", "position": [ 527, 144, 467, 310 ], "completed": false } ] }, { "text": "# A page for marketing a website by introducing the benefits. # The page should have three groups with each having an image and a description.", "region_id": "2790", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 4 22 30 19 | description 84 22 30 19 | description 44 22 30 19 | image 7 0 25 22 | image 47 0 25 22 | image 87 0 25 22", "layout_seq_without_completion": "description 4 22 30 19 | description 84 22 30 19 | description 44 22 30 19 | image 7 0 25 22 | image 47 0 25 22 | image 87 0 25 22", "plain_layout_seq": "description 4 22 30 19 | description 84 22 30 19 | description 44 22 30 19 | image 7 0 25 22 | image 47 0 25 22 | image 87 0 25 22", "canvas_width": 930, "canvas_height": 445, "elements": [ { "type": "image", "position": [ 55, 0, 200, 171 ], "completed": false }, { "type": "image", "position": [ 365, 0, 200, 171 ], "completed": false }, { "type": "image", "position": [ 675, 0, 200, 171 ], "completed": false }, { "type": "description", "position": [ 35, 175, 240, 150 ], "completed": false }, { "type": "description", "position": [ 345, 175, 240, 150 ], "completed": false }, { "type": "description", "position": [ 655, 175, 240, 150 ], "completed": false } ] }, { "text": "#A page for introducing the featured brands.# The page should have a title, and 4 logos of 4 featured brands.", "region_id": "6712", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 4 115 3 | \" [ logo 31 12 11 11 ] | [ logo 46 12 11 11 ] | [ logo 61 12 11 11 ] | [ logo 76 12 11 11 ] \"", "layout_seq_without_completion": "title 2 4 115 3 | \" [ logo 31 12 11 11 ] | [ logo 46 12 11 11 ] | [ logo 61 12 11 11 ] | [ logo 76 12 11 11 ] \"", "plain_layout_seq": "logo 31 12 11 11 | logo 46 12 11 11 | logo 61 12 11 11 | logo 76 12 11 11 | title 2 4 115 3", "canvas_width": 1024, "canvas_height": 265, "elements": [ { "type": "title", "position": [ 20, 40, 984, 28 ], "completed": false }, { "type": "logo", "position": [ 267, 103, 100, 100 ], "completed": false }, { "type": "logo", "position": [ 397, 103, 100, 100 ], "completed": false }, { "type": "logo", "position": [ 527, 103, 100, 100 ], "completed": false }, { "type": "logo", "position": [ 657, 103, 100, 100 ], "completed": false } ] }, { "text": "#A page showing the instructions for using a service.# There should be three information groups, and in each group, there are an image, a title, an explanation, and a link for more info.", "region_id": "1654", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 39 30 8 | complete icon 26 50 0 1 | image 2 0 35 24 | link 4 50 21 2 | title 4 29 30 7 ] | [ description 44 43 30 8 | complete icon 61 54 0 1 | image 42 0 35 24 | link 44 54 15 2 | title 44 29 30 11 ] | [ description 84 39 30 8 | complete icon 97 51 0 1 | image 82 0 35 24 | link 84 50 11 2 | title 84 29 30 7 ] \"", "layout_seq_without_completion": "\" [ description 4 39 30 8 | icon 26 50 0 1 | image 2 0 35 24 | link 4 50 21 2 | title 4 29 30 7 ] | [ description 44 43 30 8 | icon 61 54 0 1 | image 42 0 35 24 | link 44 54 15 2 | title 44 29 30 11 ] | [ description 84 39 30 8 | icon 97 51 0 1 | image 82 0 35 24 | link 84 50 11 2 | title 84 29 30 7 ] \"", "plain_layout_seq": "description 4 39 30 8 | description 44 43 30 8 | description 84 39 30 8 | icon 26 50 0 1 | icon 61 54 0 1 | icon 97 51 0 1 | image 2 0 35 24 | image 42 0 35 24 | image 82 0 35 24 | link 4 50 21 2 | link 44 54 15 2 | link 84 50 11 2 | title 4 29 30 7 | title 44 29 30 11 | title 84 29 30 7", "canvas_width": 1024, "canvas_height": 564, "elements": [ { "type": "image", "position": [ 20, 0, 300, 212 ], "completed": false }, { "type": "image", "position": [ 361, 0, 300, 212 ], "completed": false }, { "type": "image", "position": [ 703, 0, 301, 212 ], "completed": false }, { "type": "title", "position": [ 40, 251, 260, 64 ], "completed": false }, { "type": "title", "position": [ 381, 251, 260, 96 ], "completed": false }, { "type": "title", "position": [ 723, 252, 261, 64 ], "completed": false }, { "type": "description", "position": [ 40, 335, 260, 72 ], "completed": false }, { "type": "description", "position": [ 723, 336, 261, 72 ], "completed": false }, { "type": "description", "position": [ 381, 367, 260, 72 ], "completed": false }, { "type": "link", "position": [ 40, 429, 180, 20 ], "completed": false }, { "type": "link", "position": [ 723, 430, 96, 20 ], "completed": false }, { "type": "icon", "position": [ 230, 435, 6, 11 ], "completed": true }, { "type": "icon", "position": [ 829, 436, 6, 11 ], "completed": true }, { "type": "link", "position": [ 381, 461, 130, 20 ], "completed": false }, { "type": "icon", "position": [ 521, 467, 6, 11 ], "completed": true } ] }, { "text": "#A page introducing one insurance.# There should be a title highlighting the service. Under that title, there should be three information groups, with each consisting of an icon, a text box, and a corresponding description, followed by a link, through which users can get access to more info.", "region_id": "1765", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "layout_seq_without_completion": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "plain_layout_seq": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "canvas_width": 1024, "canvas_height": 475, "elements": [ { "type": "title", "position": [ 20, 20, 984, 58 ], "completed": false }, { "type": "icon", "position": [ 165, 118, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 480, 118, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 794, 118, 65, 65 ], "completed": false }, { "type": "text", "position": [ 55, 210, 285, 30 ], "completed": false }, { "type": "text", "position": [ 370, 210, 285, 30 ], "completed": false }, { "type": "text", "position": [ 684, 210, 285, 30 ], "completed": false }, { "type": "description", "position": [ 55, 260, 285, 86 ], "completed": false }, { "type": "description", "position": [ 370, 260, 285, 86 ], "completed": false }, { "type": "description", "position": [ 684, 260, 285, 86 ], "completed": false }, { "type": "link", "position": [ 55, 366, 285, 38 ], "completed": false }, { "type": "link", "position": [ 370, 366, 285, 38 ], "completed": false }, { "type": "link", "position": [ 684, 366, 285, 38 ], "completed": false } ] }, { "text": "#A page marketing the service of a company.# There should be a title highlighting the service. Under that title, there should be three information groups, with each consisting of an icon, a text box, and a corresponding description, followed by a link, through which users can get access to more info.", "region_id": "1765_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'highlighting the service'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "layout_seq_without_completion": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "plain_layout_seq": "description 6 30 33 10 | description 43 30 33 10 | description 80 30 33 10 | icon 56 13 7 7 | icon 93 13 7 7 | icon 19 13 7 7 | link 43 42 33 4 | link 6 42 33 4 | link 80 42 33 4 | text 6 24 33 3 | text 43 24 33 3 | text 80 24 33 3 | title 2 2 115 6", "canvas_width": 1024, "canvas_height": 475, "elements": [ { "type": "title", "position": [ 20, 20, 984, 58 ], "completed": false }, { "type": "icon", "position": [ 165, 118, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 480, 118, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 794, 118, 65, 65 ], "completed": false }, { "type": "text", "position": [ 55, 210, 285, 30 ], "completed": false }, { "type": "text", "position": [ 370, 210, 285, 30 ], "completed": false }, { "type": "text", "position": [ 684, 210, 285, 30 ], "completed": false }, { "type": "description", "position": [ 55, 260, 285, 86 ], "completed": false }, { "type": "description", "position": [ 370, 260, 285, 86 ], "completed": false }, { "type": "description", "position": [ 684, 260, 285, 86 ], "completed": false }, { "type": "link", "position": [ 55, 366, 285, 38 ], "completed": false }, { "type": "link", "position": [ 370, 366, 285, 38 ], "completed": false }, { "type": "link", "position": [ 684, 366, 285, 38 ], "completed": false } ] }, { "text": "# A page for the media, where users can read the news. # The page should be divided into three parts. In the first part, it is necessary to include the title \"Media\" and a text button for the user to click in order to view all media. In the second and third, there should be a title, a brief description, and a button. So the user can know the title of the news and click the button to read the article.", "region_id": "2071", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'Media'] ] [el:button [attr:value 'view all media'] ] ] [item [el:title] [el:description] [el:button] ] [item [el:title] [el:description] [el:button]] ] ]", "execution": "multiinfo : { [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | description 44 10 32 8 | description 83 10 32 8 | complete image 1 0 37 29 | complete image 80 0 37 29 | complete image 41 0 37 29 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "layout_seq_without_completion": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | description 44 10 32 8 | description 83 10 32 8 | image 1 0 37 29 | image 80 0 37 29 | image 41 0 37 29 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "plain_layout_seq": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | description 44 10 32 8 | description 83 10 32 8 | image 1 0 37 29 | image 80 0 37 29 | image 41 0 37 29 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "canvas_width": 1024, "canvas_height": 248, "elements": [ { "type": "image", "position": [ 14, 0, 320, 248 ], "completed": true }, { "type": "image", "position": [ 353, 0, 318, 248 ], "completed": true }, { "type": "image", "position": [ 691, 0, 318, 248 ], "completed": true }, { "type": "title", "position": [ 34, 40, 280, 34 ], "completed": false }, { "type": "title", "position": [ 373, 45, 278, 41 ], "completed": false }, { "type": "title", "position": [ 711, 45, 278, 41 ], "completed": false }, { "type": "description", "position": [ 376, 86, 275, 76 ], "completed": false }, { "type": "description", "position": [ 714, 86, 275, 76 ], "completed": false }, { "type": "button", "position": [ 34, 104, 151, 39 ], "completed": false }, { "type": "button", "position": [ 373, 183, 110, 25 ], "completed": false }, { "type": "button", "position": [ 711, 183, 110, 25 ], "completed": false } ] }, { "text": "# A page for the media, where users can read the news. # The page should be divided into three parts. In the first part, it is necessary to include the title \"Media\" and a text button for the user to click in order to view all media. IIn the second and third, there should be a title, a text box, and a text button. So the user can know the title of the news and click the button to read the article.", "region_id": "2071_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'media'] ] [el:button [attr:value'view all media'] ] [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:text] [el:button [attr:value'read the article'] ] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | complete image 1 0 37 29 | complete image 80 0 37 29 | complete image 41 0 37 29 | text 44 10 32 8 | text 83 10 32 8 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "layout_seq_without_completion": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | image 1 0 37 29 | image 80 0 37 29 | image 41 0 37 29 | text 44 10 32 8 | text 83 10 32 8 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "plain_layout_seq": "button 3 12 17 4 | button 43 21 12 2 | button 83 21 12 2 | image 1 0 37 29 | image 80 0 37 29 | image 41 0 37 29 | text 44 10 32 8 | text 83 10 32 8 | title 3 4 32 3 | title 43 5 32 4 | title 83 5 32 4", "canvas_width": 1024, "canvas_height": 248, "elements": [ { "type": "image", "position": [ 14, 0, 320, 248 ], "completed": true }, { "type": "image", "position": [ 353, 0, 318, 248 ], "completed": true }, { "type": "image", "position": [ 691, 0, 318, 248 ], "completed": true }, { "type": "title", "position": [ 34, 40, 280, 34 ], "completed": false }, { "type": "title", "position": [ 373, 45, 278, 41 ], "completed": false }, { "type": "title", "position": [ 711, 45, 278, 41 ], "completed": false }, { "type": "text", "position": [ 376, 86, 275, 76 ], "completed": false }, { "type": "text", "position": [ 714, 86, 275, 76 ], "completed": false }, { "type": "button", "position": [ 34, 104, 151, 39 ], "completed": false }, { "type": "button", "position": [ 373, 183, 110, 25 ], "completed": false }, { "type": "button", "position": [ 711, 183, 110, 25 ], "completed": false } ] }, { "text": "#A page for introducing one software.# There should be one title\"Say No to more Silos\" and one detailed description. Three icons are below, and each of them is followed by one text box showing the software's function.", "region_id": "993", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'say no to more silos'] ] [el:description] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 21 13 76 2 | icon 18 22 11 11 | icon 89 22 11 11 | icon 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "layout_seq_without_completion": "description 21 13 76 2 | icon 18 22 11 11 | icon 89 22 11 11 | icon 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "plain_layout_seq": "description 21 13 76 2 | icon 18 22 11 11 | icon 89 22 11 11 | icon 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "canvas_width": 1024, "canvas_height": 399, "elements": [ { "type": "title", "position": [ 187, 40, 650, 39 ], "completed": false }, { "type": "description", "position": [ 187, 111, 650, 24 ], "completed": false }, { "type": "icon", "position": [ 162, 191, 97, 97 ], "completed": false }, { "type": "icon", "position": [ 463, 191, 97, 97 ], "completed": false }, { "type": "icon", "position": [ 765, 191, 97, 97 ], "completed": false }, { "type": "text", "position": [ 59, 305, 302, 24 ], "completed": false }, { "type": "text", "position": [ 361, 305, 302, 49 ], "completed": false }, { "type": "text", "position": [ 663, 305, 302, 24 ], "completed": false } ] }, { "text": "#A page for introducing one software.# There should be two text boxes, one for the title and the other for the detailed description. Three images are used to show the label and each of them is followed by one text showing the software's function.", "region_id": "993_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 21 13 76 2 | image 18 22 11 11 | image 89 22 11 11 | image 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "layout_seq_without_completion": "description 21 13 76 2 | image 18 22 11 11 | image 89 22 11 11 | image 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "plain_layout_seq": "description 21 13 76 2 | image 18 22 11 11 | image 89 22 11 11 | image 54 22 11 11 | text 42 35 35 5 | text 6 35 35 2 | text 77 35 35 2 | title 21 4 76 4", "canvas_width": 1024, "canvas_height": 399, "elements": [ { "type": "title", "position": [ 187, 40, 650, 39 ], "completed": false }, { "type": "description", "position": [ 187, 111, 650, 24 ], "completed": false }, { "type": "image", "position": [ 162, 191, 97, 97 ], "completed": false }, { "type": "image", "position": [ 463, 191, 97, 97 ], "completed": false }, { "type": "image", "position": [ 765, 191, 97, 97 ], "completed": false }, { "type": "text", "position": [ 59, 305, 302, 24 ], "completed": false }, { "type": "text", "position": [ 361, 305, 302, 49 ], "completed": false }, { "type": "text", "position": [ 663, 305, 302, 24 ], "completed": false } ] }, { "text": "#A page showing the insurance service of a company.# There is a title and six different types of motor insurance, each with an icon and an introduction.", "region_id": "1309", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:icon] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "description 42 44 5 4 | description 13 21 3 4 | description 42 21 4 4 | description 69 21 10 4 | description 10 44 8 4 | description 100 21 9 4 | icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | complete image 1 7 27 20 | complete image 31 7 27 20 | complete image 61 7 27 20 | complete image 1 30 27 20 | complete image 31 30 27 20 | complete image 91 7 27 20 | title 1 0 18 4", "layout_seq_without_completion": "description 42 44 5 4 | description 13 21 3 4 | description 42 21 4 4 | description 69 21 10 4 | description 10 44 8 4 | description 100 21 9 4 | icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | image 1 7 27 20 | image 31 7 27 20 | image 61 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 91 7 27 20 | title 1 0 18 4", "plain_layout_seq": "description 42 44 5 4 | description 13 21 3 4 | description 42 21 4 4 | description 69 21 10 4 | description 10 44 8 4 | description 100 21 9 4 | icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | image 1 7 27 20 | image 31 7 27 20 | image 61 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 91 7 27 20 | title 1 0 18 4", "canvas_width": 833, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 0, 128, 30 ], "completed": false }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 694, 66, 70, 70 ], "completed": false }, { "type": "description", "position": [ 92, 151, 24, 28 ], "completed": false }, { "type": "description", "position": [ 298, 151, 28, 28 ], "completed": false }, { "type": "description", "position": [ 483, 151, 74, 28 ], "completed": false }, { "type": "description", "position": [ 697, 151, 64, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "description", "position": [ 75, 311, 58, 28 ], "completed": false }, { "type": "description", "position": [ 294, 311, 36, 28 ], "completed": false } ] }, { "text": "#A page showing the insurance service of a company.# There is a title and six different types of motor insurance, each with an icon.", "region_id": "1309_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:text] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | complete image 1 7 27 20 | complete image 31 7 27 20 | complete image 61 7 27 20 | complete image 1 30 27 20 | complete image 31 30 27 20 | complete image 91 7 27 20 | text 42 44 5 4 | text 13 21 3 4 | text 42 21 4 4 | text 69 21 10 4 | text 10 44 8 4 | text 100 21 9 4 | title 1 0 18 4", "layout_seq_without_completion": "icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | image 1 7 27 20 | image 31 7 27 20 | image 61 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 91 7 27 20 | text 42 44 5 4 | text 13 21 3 4 | text 42 21 4 4 | text 69 21 10 4 | text 10 44 8 4 | text 100 21 9 4 | title 1 0 18 4", "plain_layout_seq": "icon 70 9 10 10 | icon 99 9 10 10 | icon 39 32 10 10 | icon 9 9 10 10 | icon 39 9 10 10 | icon 9 32 10 10 | image 1 7 27 20 | image 31 7 27 20 | image 61 7 27 20 | image 1 30 27 20 | image 31 30 27 20 | image 91 7 27 20 | text 42 44 5 4 | text 13 21 3 4 | text 42 21 4 4 | text 69 21 10 4 | text 10 44 8 4 | text 100 21 9 4 | title 1 0 18 4", "canvas_width": 833, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 0, 128, 30 ], "completed": false }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 694, 66, 70, 70 ], "completed": false }, { "type": "text", "position": [ 92, 151, 24, 28 ], "completed": false }, { "type": "text", "position": [ 298, 151, 28, 28 ], "completed": false }, { "type": "text", "position": [ 483, 151, 74, 28 ], "completed": false }, { "type": "text", "position": [ 697, 151, 64, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": true }, { "type": "icon", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "text", "position": [ 75, 311, 58, 28 ], "completed": false }, { "type": "text", "position": [ 294, 311, 36, 28 ], "completed": false } ] }, { "text": "#A page for downloading reports.#There should be one title\"Reports 2021\" and one button for users to download the suite of reports. There are two info parts and each of them includes one image, two text boxes, and one button. Users can browse more info by clicking the button.", "region_id": "2098", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'reports 2021'] ] [el:button [attr:value'download the suite of reports'] ] [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:text [attr:repeat '2'] ] [el:button] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 114 47 3 3 | button 107 47 3 3 | button 3 11 45 2 | title 3 5 45 3 | \" [ image 52 5 27 38 | complete image 56 30 27 11 | text 57 31 15 2 | text 57 34 19 1 | text 77 33 4 4 ] | [ image 87 5 27 38 | complete image 90 30 26 11 | text 91 31 19 5 | text 112 33 4 4 | text 91 37 19 1 ] \"", "layout_seq_without_completion": "button 114 47 3 3 | button 107 47 3 3 | button 3 11 45 2 | title 3 5 45 3 | \" [ image 52 5 27 38 | image 56 30 27 11 | text 57 31 15 2 | text 57 34 19 1 | text 77 33 4 4 ] | [ image 87 5 27 38 | image 90 30 26 11 | text 91 31 19 5 | text 112 33 4 4 | text 91 37 19 1 ] \"", "plain_layout_seq": "button 114 47 3 3 | button 107 47 3 3 | button 3 11 45 2 | image 52 5 27 38 | image 56 30 27 11 | image 87 5 27 38 | image 90 30 26 11 | text 57 31 15 2 | text 57 34 19 1 | text 77 33 4 4 | text 91 31 19 5 | text 112 33 4 4 | text 91 37 19 1 | title 3 5 45 3", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 27, 50, 387, 32 ], "completed": false }, { "type": "image", "position": [ 452, 50, 231, 327 ], "completed": false }, { "type": "image", "position": [ 748, 50, 231, 327 ], "completed": false }, { "type": "button", "position": [ 27, 102, 387, 23 ], "completed": false }, { "type": "image", "position": [ 478, 260, 231, 100 ], "completed": true }, { "type": "image", "position": [ 774, 260, 230, 100 ], "completed": true }, { "type": "text", "position": [ 489, 271, 132, 23 ], "completed": false }, { "type": "text", "position": [ 785, 271, 169, 45 ], "completed": false }, { "type": "text", "position": [ 663, 289, 35, 35 ], "completed": false }, { "type": "text", "position": [ 959, 289, 35, 35 ], "completed": false }, { "type": "text", "position": [ 489, 298, 169, 16 ], "completed": false }, { "type": "text", "position": [ 785, 320, 169, 17 ], "completed": false }, { "type": "button", "position": [ 914, 404, 30, 30 ], "completed": false }, { "type": "button", "position": [ 974, 404, 30, 30 ], "completed": false } ] }, { "text": "#A page for showing the logos of organizations that support the Jenkins project.# The page should have a title, and 7 images to show 7 logos of organizations such as OSL and Red Hat.", "region_id": "5680", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 16 0 87 2 | \" [ logo 25 5 40 21 ] | [ logo 87 5 29 22 ] | [ logo 2 8 17 15 ] | [ logo 70 11 12 9 ] | [ logo 86 27 25 24 ] | [ logo 37 30 45 18 ] | [ logo 8 35 25 9 ] \"", "layout_seq_without_completion": "title 16 0 87 2 | \" [ logo 25 5 40 21 ] | [ logo 87 5 29 22 ] | [ logo 2 8 17 15 ] | [ logo 70 11 12 9 ] | [ logo 86 27 25 24 ] | [ logo 37 30 45 18 ] | [ logo 8 35 25 9 ] \"", "plain_layout_seq": "logo 25 5 40 21 | logo 87 5 29 22 | logo 2 8 17 15 | logo 70 11 12 9 | logo 86 27 25 24 | logo 37 30 45 18 | logo 8 35 25 9 | title 16 0 87 2", "canvas_width": 960, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 129, 2, 702, 19 ], "completed": false }, { "type": "logo", "position": [ 699, 40, 239, 180 ], "completed": false }, { "type": "logo", "position": [ 200, 46, 327, 169 ], "completed": false }, { "type": "logo", "position": [ 22, 68, 142, 124 ], "completed": false }, { "type": "logo", "position": [ 562, 92, 101, 76 ], "completed": false }, { "type": "logo", "position": [ 695, 220, 201, 194 ], "completed": false }, { "type": "logo", "position": [ 300, 243, 360, 148 ], "completed": false }, { "type": "logo", "position": [ 64, 281, 200, 72 ], "completed": false } ] }, { "text": "#A page showing the milestones of a company.# The page should include the title \"Our Milestones\" and 4 logos of different websites, including Google, Facebook and Amazon. The logos are followed by the number of reviews and a text.", "region_id": "5382", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our milestones'] ] [gp:InfoGroup [gattr:repeat '4'][gattr:names'Google, Facebook , Amazon'] [item [el:logo][el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 38 15 12 4 | logo 68 15 12 4 | logo 98 15 12 4 | logo 8 15 12 4 | text 30 25 30 2 | text 0 25 30 2 | text 60 25 30 2 | text 90 25 30 2 | title 0 7 120 5 | title 0 20 30 5 | title 30 20 30 5 | title 60 20 30 5 | title 90 20 30 5", "layout_seq_without_completion": "logo 38 15 12 4 | logo 68 15 12 4 | logo 98 15 12 4 | logo 8 15 12 4 | text 30 25 30 2 | text 0 25 30 2 | text 60 25 30 2 | text 90 25 30 2 | title 0 7 120 5 | title 0 20 30 5 | title 30 20 30 5 | title 60 20 30 5 | title 90 20 30 5", "plain_layout_seq": "logo 38 15 12 4 | logo 68 15 12 4 | logo 98 15 12 4 | logo 8 15 12 4 | text 30 25 30 2 | text 0 25 30 2 | text 60 25 30 2 | text 90 25 30 2 | title 0 7 120 5 | title 0 20 30 5 | title 30 20 30 5 | title 60 20 30 5 | title 90 20 30 5", "canvas_width": 1024, "canvas_height": 320, "elements": [ { "type": "title", "position": [ 0, 60, 1024, 48 ], "completed": false }, { "type": "logo", "position": [ 73, 130, 110, 42 ], "completed": false }, { "type": "logo", "position": [ 329, 130, 110, 42 ], "completed": false }, { "type": "logo", "position": [ 585, 130, 110, 42 ], "completed": false }, { "type": "logo", "position": [ 841, 130, 110, 42 ], "completed": false }, { "type": "title", "position": [ 0, 178, 256, 43 ], "completed": false }, { "type": "title", "position": [ 256, 178, 256, 43 ], "completed": false }, { "type": "title", "position": [ 512, 178, 256, 43 ], "completed": false }, { "type": "title", "position": [ 768, 178, 256, 43 ], "completed": false }, { "type": "text", "position": [ 0, 221, 256, 18 ], "completed": false }, { "type": "text", "position": [ 256, 221, 256, 18 ], "completed": false }, { "type": "text", "position": [ 512, 221, 256, 18 ], "completed": false }, { "type": "text", "position": [ 768, 221, 256, 18 ], "completed": false } ] }, { "text": "#A page for introducing the financial services to users.# The page should include text boxes for the title and the detail and three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1212", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 12 76 5 | complete text 2 1 18 2 | title 2 4 76 6 ] \" | \" [ complete description 4 59 26 5 | complete icon 14 67 2 2 | image 2 21 30 30 | image 2 21 30 54 | link 4 68 8 1 | title 4 53 26 3 ] | [ complete description 46 59 26 5 | complete icon 55 67 2 2 | image 44 21 30 30 | image 44 21 30 54 | link 46 68 8 1 | title 46 53 26 3 ] | [ complete description 88 59 26 8 | complete icon 97 70 2 2 | image 86 21 30 30 | image 86 21 30 54 | link 88 70 8 1 | title 88 53 26 3 ] \"", "layout_seq_without_completion": "\" [ description 2 12 76 5 | text 2 1 18 2 | title 2 4 76 6 ] \" | \" [ description 4 59 26 5 | icon 14 67 2 2 | image 2 21 30 30 | image 2 21 30 54 | link 4 68 8 1 | title 4 53 26 3 ] | [ description 46 59 26 5 | icon 55 67 2 2 | image 44 21 30 30 | image 44 21 30 54 | link 46 68 8 1 | title 46 53 26 3 ] | [ description 88 59 26 8 | icon 97 70 2 2 | image 86 21 30 30 | image 86 21 30 54 | link 88 70 8 1 | title 88 53 26 3 ] \"", "plain_layout_seq": "description 2 12 76 5 | description 4 59 26 5 | description 46 59 26 5 | description 88 59 26 8 | icon 14 67 2 2 | icon 55 67 2 2 | icon 97 70 2 2 | image 2 21 30 30 | image 2 21 30 54 | image 44 21 30 30 | image 44 21 30 54 | image 86 21 30 30 | image 86 21 30 54 | link 4 68 8 1 | link 46 68 8 1 | link 88 70 8 1 | text 2 1 18 2 | title 2 4 76 6 | title 4 53 26 3 | title 46 53 26 3 | title 88 53 26 3", "canvas_width": 1003, "canvas_height": 658, "elements": [ { "type": "text", "position": [ 24, 9, 156, 17 ], "completed": true }, { "type": "title", "position": [ 24, 36, 636, 56 ], "completed": false }, { "type": "description", "position": [ 24, 108, 636, 48 ], "completed": false }, { "type": "image", "position": [ 25, 181, 256, 453 ], "completed": false }, { "type": "image", "position": [ 25, 181, 256, 256 ], "completed": false }, { "type": "image", "position": [ 374, 181, 256, 453 ], "completed": false }, { "type": "image", "position": [ 374, 181, 256, 256 ], "completed": false }, { "type": "image", "position": [ 722, 181, 256, 453 ], "completed": false }, { "type": "image", "position": [ 722, 181, 256, 256 ], "completed": false }, { "type": "title", "position": [ 41, 449, 224, 32 ], "completed": false }, { "type": "title", "position": [ 390, 449, 224, 32 ], "completed": false }, { "type": "title", "position": [ 738, 449, 224, 32 ], "completed": false }, { "type": "description", "position": [ 41, 497, 224, 48 ], "completed": true }, { "type": "description", "position": [ 390, 497, 224, 48 ], "completed": true }, { "type": "description", "position": [ 738, 497, 224, 72 ], "completed": true }, { "type": "icon", "position": [ 119, 568, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 468, 568, 18, 18 ], "completed": true }, { "type": "link", "position": [ 41, 569, 70, 15 ], "completed": false }, { "type": "link", "position": [ 390, 569, 70, 15 ], "completed": false }, { "type": "icon", "position": [ 816, 592, 18, 18 ], "completed": true }, { "type": "link", "position": [ 738, 593, 70, 15 ], "completed": false } ] }, { "text": "#A page that sells mirrors.# The page should contain two icons, the title \"Works on any mirror!\" and three information sets. Each group contains an image and a title.", "region_id": "7384", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:icon [attr:repeat '2'] ] [el:title [attr:value 'Works on any mirror!'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : icon undefined undefined | icon undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 81 1 36 2 | icon 2 1 36 2 | image 2 7 36 30 | image 81 7 36 30 | image 41 7 36 30 | title 38 0 43 5 | title 5 40 29 3 | title 47 40 24 3 | title 87 40 23 3", "layout_seq_without_completion": "icon 81 1 36 2 | icon 2 1 36 2 | image 2 7 36 30 | image 81 7 36 30 | image 41 7 36 30 | title 38 0 43 5 | title 5 40 29 3 | title 47 40 24 3 | title 87 40 23 3", "plain_layout_seq": "icon 81 1 36 2 | icon 2 1 36 2 | image 2 7 36 30 | image 81 7 36 30 | image 41 7 36 30 | title 38 0 43 5 | title 5 40 29 3 | title 47 40 24 3 | title 87 40 23 3", "canvas_width": 1024, "canvas_height": 406, "elements": [ { "type": "title", "position": [ 328, 0, 368, 48 ], "completed": false }, { "type": "icon", "position": [ 20, 12, 308, 25 ], "completed": false }, { "type": "icon", "position": [ 696, 12, 308, 25 ], "completed": false }, { "type": "image", "position": [ 20, 68, 308, 257 ], "completed": false }, { "type": "image", "position": [ 358, 68, 308, 257 ], "completed": false }, { "type": "image", "position": [ 696, 68, 308, 257 ], "completed": false }, { "type": "title", "position": [ 50, 344, 248, 31 ], "completed": false }, { "type": "title", "position": [ 409, 344, 206, 31 ], "completed": false }, { "type": "title", "position": [ 750, 344, 199, 31 ], "completed": false } ] }, { "text": "#A page for showing Internations cities.# There are 40 labels showing the cities' names. Below is one button for showing all internations cities.", "region_id": "5044", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '40'] [item [el:text] ] ] [el:button [attr:value 'show all internations cities'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "button 45 14 29 4 | \" [ text 1 2 14 1 ] | [ text 16 2 14 1 ] | [ text 1 4 14 1 ] | [ text 16 4 14 1 ] | [ text 1 6 14 1 ] | [ text 16 6 14 1 ] | [ text 1 8 14 1 ] | [ text 16 8 14 1 ] | [ text 1 10 14 1 ] | [ text 16 10 14 1 ] \" | \" [ text 30 2 14 1 ] | [ text 45 2 14 1 ] | [ text 30 4 14 1 ] | [ text 45 4 14 1 ] | [ text 30 6 14 1 ] | [ text 45 6 14 1 ] | [ text 30 8 14 1 ] | [ text 45 8 14 1 ] | [ text 30 10 14 1 ] | [ text 45 10 14 1 ] \" | \" [ text 60 2 14 1 ] | [ text 74 2 14 1 ] | [ text 60 4 14 1 ] | [ text 74 4 14 1 ] | [ text 60 6 14 1 ] | [ text 74 6 14 1 ] | [ text 60 8 14 1 ] | [ text 74 8 14 1 ] | [ text 60 10 14 1 ] | [ text 74 10 14 1 ] \" | \" [ text 89 2 14 1 ] | [ text 103 2 14 1 ] | [ text 89 4 14 1 ] | [ text 103 4 14 1 ] | [ text 89 6 14 1 ] | [ text 103 6 14 1 ] | [ text 89 8 14 1 ] | [ text 103 8 14 1 ] | [ text 89 10 14 1 ] | [ text 103 10 14 1 ] \"", "layout_seq_without_completion": "button 45 14 29 4 | \" [ text 1 2 14 1 ] | [ text 16 2 14 1 ] | [ text 1 4 14 1 ] | [ text 16 4 14 1 ] | [ text 1 6 14 1 ] | [ text 16 6 14 1 ] | [ text 1 8 14 1 ] | [ text 16 8 14 1 ] | [ text 1 10 14 1 ] | [ text 16 10 14 1 ] \" | \" [ text 30 2 14 1 ] | [ text 45 2 14 1 ] | [ text 30 4 14 1 ] | [ text 45 4 14 1 ] | [ text 30 6 14 1 ] | [ text 45 6 14 1 ] | [ text 30 8 14 1 ] | [ text 45 8 14 1 ] | [ text 30 10 14 1 ] | [ text 45 10 14 1 ] \" | \" [ text 60 2 14 1 ] | [ text 74 2 14 1 ] | [ text 60 4 14 1 ] | [ text 74 4 14 1 ] | [ text 60 6 14 1 ] | [ text 74 6 14 1 ] | [ text 60 8 14 1 ] | [ text 74 8 14 1 ] | [ text 60 10 14 1 ] | [ text 74 10 14 1 ] \" | \" [ text 89 2 14 1 ] | [ text 103 2 14 1 ] | [ text 89 4 14 1 ] | [ text 103 4 14 1 ] | [ text 89 6 14 1 ] | [ text 103 6 14 1 ] | [ text 89 8 14 1 ] | [ text 103 8 14 1 ] | [ text 89 10 14 1 ] | [ text 103 10 14 1 ] \"", "plain_layout_seq": "button 45 14 29 4 | text 1 2 14 1 | text 16 2 14 1 | text 1 4 14 1 | text 16 4 14 1 | text 1 6 14 1 | text 16 6 14 1 | text 1 8 14 1 | text 16 8 14 1 | text 1 10 14 1 | text 16 10 14 1 | text 30 2 14 1 | text 45 2 14 1 | text 30 4 14 1 | text 45 4 14 1 | text 30 6 14 1 | text 45 6 14 1 | text 30 8 14 1 | text 45 8 14 1 | text 30 10 14 1 | text 45 10 14 1 | text 60 2 14 1 | text 74 2 14 1 | text 60 4 14 1 | text 74 4 14 1 | text 60 6 14 1 | text 74 6 14 1 | text 60 8 14 1 | text 74 8 14 1 | text 60 10 14 1 | text 74 10 14 1 | text 89 2 14 1 | text 103 2 14 1 | text 89 4 14 1 | text 103 4 14 1 | text 89 6 14 1 | text 103 6 14 1 | text 89 8 14 1 | text 103 8 14 1 | text 89 10 14 1 | text 103 10 14 1", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "text", "position": [ 16, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 140, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 264, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 388, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 512, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 636, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 760, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 884, 24, 124, 16 ], "completed": false }, { "type": "text", "position": [ 16, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 140, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 264, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 388, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 512, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 636, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 760, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 884, 40, 124, 16 ], "completed": false }, { "type": "text", "position": [ 16, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 140, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 264, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 388, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 512, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 636, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 760, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 884, 56, 124, 16 ], "completed": false }, { "type": "text", "position": [ 16, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 140, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 264, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 388, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 512, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 636, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 760, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 884, 72, 124, 16 ], "completed": false }, { "type": "text", "position": [ 16, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 140, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 264, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 388, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 512, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 636, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 760, 88, 124, 16 ], "completed": false }, { "type": "text", "position": [ 884, 88, 124, 16 ], "completed": false }, { "type": "button", "position": [ 387, 120, 250, 36 ], "completed": false } ] }, { "text": "#A page for introducing the pros of PANCAKESWAP FAUCET.# There is one title \"FREE PANCAKESWAP FAUCET\", one label \"Features\", and four info groups. Each group includes one icon, one label showing the pro, and one description.", "region_id": "3686", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'free pancakeswap faucet'] ] [el:text [attr:value 'features'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 4 9 110 3 | title 4 0 110 9 | \" [ description 7 54 20 28 | icon 10 22 13 13 | complete image 3 19 27 75 | title 7 42 20 10 ] | [ description 35 51 20 34 | icon 38 22 13 13 | complete image 31 19 27 75 | title 35 42 20 7 ] | [ description 64 51 20 39 | icon 65 22 18 13 | complete image 60 19 27 75 | title 64 42 20 7 ] | [ description 92 47 20 37 | icon 95 22 13 13 | complete image 89 19 27 75 | title 92 42 20 3 ] \"", "layout_seq_without_completion": "text 4 9 110 3 | title 4 0 110 9 | \" [ description 7 54 20 28 | icon 10 22 13 13 | image 3 19 27 75 | title 7 42 20 10 ] | [ description 35 51 20 34 | icon 38 22 13 13 | image 31 19 27 75 | title 35 42 20 7 ] | [ description 64 51 20 39 | icon 65 22 18 13 | image 60 19 27 75 | title 64 42 20 7 ] | [ description 92 47 20 37 | icon 95 22 13 13 | image 89 19 27 75 | title 92 42 20 3 ] \"", "plain_layout_seq": "description 7 54 20 28 | description 35 51 20 34 | description 64 51 20 39 | description 92 47 20 37 | icon 10 22 13 13 | icon 38 22 13 13 | icon 65 22 18 13 | icon 95 22 13 13 | image 3 19 27 75 | image 31 19 27 75 | image 60 19 27 75 | image 89 19 27 75 | text 4 9 110 3 | title 4 0 110 9 | title 7 42 20 10 | title 35 42 20 7 | title 64 42 20 7 | title 92 42 20 3", "canvas_width": 1009, "canvas_height": 897, "elements": [ { "type": "title", "position": [ 40, 0, 930, 80 ], "completed": false }, { "type": "text", "position": [ 40, 80, 930, 32 ], "completed": false }, { "type": "image", "position": [ 29, 162, 230, 635 ], "completed": true }, { "type": "image", "position": [ 269, 162, 230, 635 ], "completed": true }, { "type": "image", "position": [ 509, 162, 230, 635 ], "completed": true }, { "type": "image", "position": [ 749, 162, 230, 635 ], "completed": true }, { "type": "icon", "position": [ 87, 192, 115, 115 ], "completed": false }, { "type": "icon", "position": [ 327, 192, 115, 115 ], "completed": false }, { "type": "icon", "position": [ 548, 192, 153, 115 ], "completed": false }, { "type": "icon", "position": [ 807, 192, 115, 115 ], "completed": false }, { "type": "title", "position": [ 59, 357, 170, 90 ], "completed": false }, { "type": "title", "position": [ 299, 357, 170, 60 ], "completed": false }, { "type": "title", "position": [ 539, 357, 170, 60 ], "completed": false }, { "type": "title", "position": [ 779, 357, 170, 30 ], "completed": false }, { "type": "description", "position": [ 779, 401, 170, 312 ], "completed": false }, { "type": "description", "position": [ 299, 431, 170, 288 ], "completed": false }, { "type": "description", "position": [ 539, 431, 170, 336 ], "completed": false }, { "type": "description", "position": [ 59, 461, 170, 240 ], "completed": false } ] }, { "text": "#A page introducing the product of the website to users.#The page should have one image and one list of four items. And each item should include one icon, one text heading, and one button for users to click to know more information fastly.", "region_id": "6002", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:button [attr:value 'more +'] ] ] ] ]", "execution": "multiinfo : image undefined undefined | { [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 68 41 12 4 | button 39 41 12 4 | button 96 41 12 4 | button 11 41 12 4 | icon 14 22 6 6 | icon 99 22 6 6 | icon 42 22 6 6 | icon 70 22 7 6 | image 16 0 86 16 | title 8 31 18 7 | title 93 31 18 7 | title 36 31 18 7 | title 65 31 18 7", "layout_seq_without_completion": "button 68 41 12 4 | button 39 41 12 4 | button 96 41 12 4 | button 11 41 12 4 | icon 14 22 6 6 | icon 99 22 6 6 | icon 42 22 6 6 | icon 70 22 7 6 | image 16 0 86 16 | title 8 31 18 7 | title 93 31 18 7 | title 36 31 18 7 | title 65 31 18 7", "plain_layout_seq": "button 68 41 12 4 | button 39 41 12 4 | button 96 41 12 4 | button 11 41 12 4 | icon 14 22 6 6 | icon 99 22 6 6 | icon 42 22 6 6 | icon 70 22 7 6 | image 16 0 86 16 | title 8 31 18 7 | title 93 31 18 7 | title 36 31 18 7 | title 65 31 18 7", "canvas_width": 960, "canvas_height": 439, "elements": [ { "type": "image", "position": [ 135, 0, 692, 133 ], "completed": false }, { "type": "icon", "position": [ 114, 181, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 340, 181, 54, 48 ], "completed": false }, { "type": "icon", "position": [ 564, 181, 60, 48 ], "completed": false }, { "type": "icon", "position": [ 798, 181, 48, 48 ], "completed": false }, { "type": "title", "position": [ 64, 254, 148, 56 ], "completed": false }, { "type": "title", "position": [ 292, 254, 148, 56 ], "completed": false }, { "type": "title", "position": [ 520, 254, 148, 56 ], "completed": false }, { "type": "title", "position": [ 748, 254, 148, 56 ], "completed": false }, { "type": "button", "position": [ 90, 334, 98, 38 ], "completed": false }, { "type": "button", "position": [ 318, 334, 98, 38 ], "completed": false }, { "type": "button", "position": [ 546, 334, 98, 38 ], "completed": false }, { "type": "button", "position": [ 774, 334, 98, 38 ], "completed": false } ] }, { "text": "#A page for introducing the functions of the website to users.#The page should have two groups of functions, each of them including one icon, one title, and a detailed description for users to know further information.", "region_id": "3562", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:title] [el:description [attr:size 'large']] ] ] ]", "execution": "multiinfo : { [ description undefined large | icon undefined undefined | title undefined undefined ] | [ description undefined large | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 12 6 40 16 | icon 1 1 8 8 | title 12 1 10 2 ] | [ description 72 6 45 32 | icon 61 1 8 8 | title 72 1 24 2 ] \"", "layout_seq_without_completion": "\" [ description 12 6 40 16 | icon 1 1 8 8 | title 12 1 10 2 ] | [ description 72 6 45 32 | icon 61 1 8 8 | title 72 1 24 2 ] \"", "plain_layout_seq": "description 12 6 40 16 | description 72 6 45 32 | icon 1 1 8 8 | icon 61 1 8 8 | title 12 1 10 2 | title 72 1 24 2", "canvas_width": 1014, "canvas_height": 405, "elements": [ { "type": "icon", "position": [ 15, 10, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 522, 10, 70, 70 ], "completed": false }, { "type": "title", "position": [ 109, 13, 89, 24 ], "completed": false }, { "type": "title", "position": [ 616, 13, 204, 24 ], "completed": false }, { "type": "description", "position": [ 109, 58, 345, 136 ], "completed": false }, { "type": "description", "position": [ 616, 58, 383, 272 ], "completed": false } ] }, { "text": "# A page to introduce a company Ingka. # The page should be divided into three parts. In each part, there should be an image, one title, one text box with a short description and an icon. The user can click the icon to know more information about the group, business area and sustainability of Ingka.", "region_id": "1472", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'group, business area, sustainability of ingka'] [item [el:image] [el:title] [el:description [attr:size'small'] ] [el:icon] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 62 32 5 | icon 4 71 4 4 | image 4 8 35 44 | title 4 56 32 3 ] | [ description 42 62 32 5 | icon 41 71 4 4 | image 42 8 35 44 | title 42 56 32 3 ] | [ description 79 62 32 5 | icon 79 71 4 4 | image 79 8 35 44 | title 79 56 32 3 ] \"", "layout_seq_without_completion": "\" [ description 4 62 32 5 | icon 4 71 4 4 | image 4 8 35 44 | title 4 56 32 3 ] | [ description 42 62 32 5 | icon 41 71 4 4 | image 42 8 35 44 | title 42 56 32 3 ] | [ description 79 62 32 5 | icon 79 71 4 4 | image 79 8 35 44 | title 79 56 32 3 ] \"", "plain_layout_seq": "description 4 62 32 5 | description 42 62 32 5 | description 79 62 32 5 | icon 4 71 4 4 | icon 41 71 4 4 | icon 79 71 4 4 | image 4 8 35 44 | image 42 8 35 44 | image 79 8 35 44 | title 4 56 32 3 | title 42 56 32 3 | title 79 56 32 3", "canvas_width": 1024, "canvas_height": 692, "elements": [ { "type": "image", "position": [ 42, 72, 303, 382 ], "completed": false }, { "type": "image", "position": [ 361, 72, 303, 382 ], "completed": false }, { "type": "image", "position": [ 679, 72, 303, 382 ], "completed": false }, { "type": "title", "position": [ 42, 486, 279, 34 ], "completed": false }, { "type": "title", "position": [ 361, 486, 279, 34 ], "completed": false }, { "type": "title", "position": [ 679, 486, 279, 34 ], "completed": false }, { "type": "description", "position": [ 42, 536, 279, 44 ], "completed": false }, { "type": "description", "position": [ 361, 536, 279, 44 ], "completed": false }, { "type": "description", "position": [ 679, 536, 279, 44 ], "completed": false }, { "type": "icon", "position": [ 39, 612, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 358, 612, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 676, 612, 40, 40 ], "completed": false } ] }, { "text": "# A page to introduce the digital experience frontrunners that trust the company. # There should contain a title and five images showing the logo of the frontrunners.", "region_id": "5305", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 9 116 3 | \" [ logo 6 18 11 2 ] | [ logo 25 18 15 2 ] | [ logo 48 18 21 2 ] | [ logo 78 18 12 2 ] | [ logo 98 18 15 2 ] \"", "layout_seq_without_completion": "title 2 9 116 3 | \" [ logo 6 18 11 2 ] | [ logo 25 18 15 2 ] | [ logo 48 18 21 2 ] | [ logo 78 18 12 2 ] | [ logo 98 18 15 2 ] \"", "plain_layout_seq": "logo 6 18 11 2 | logo 25 18 15 2 | logo 48 18 21 2 | logo 78 18 12 2 | logo 98 18 15 2 | title 2 9 116 3", "canvas_width": 960, "canvas_height": 171, "elements": [ { "type": "title", "position": [ 16, 79, 928, 29 ], "completed": false }, { "type": "logo", "position": [ 48, 149, 90, 22 ], "completed": false }, { "type": "logo", "position": [ 202, 149, 121, 22 ], "completed": false }, { "type": "logo", "position": [ 387, 149, 175, 22 ], "completed": false }, { "type": "logo", "position": [ 626, 149, 100, 22 ], "completed": false }, { "type": "logo", "position": [ 790, 149, 122, 22 ], "completed": false } ] }, { "text": "# This page presents some Major Destinations for the user. #This page has a title of \"Major Destinations\" at the top, and below it lists 11 major destinations for users.", "region_id": "3943", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'major destinations'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '11'] [item [el:link] ] ] ]", "execution": "multiinfo : title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 3 5 37 6 | \" [ link 3 16 35 6 ] | [ link 42 16 35 6 ] | [ link 81 16 35 6 ] | [ link 3 23 35 6 ] | [ link 42 23 35 6 ] | [ link 81 23 35 6 ] | [ link 3 31 35 6 ] | [ link 42 31 35 6 ] | [ link 81 31 35 6 ] | [ link 3 39 35 6 ] | [ link 42 39 35 6 ] \"", "layout_seq_without_completion": "title 3 5 37 6 | \" [ link 3 16 35 6 ] | [ link 42 16 35 6 ] | [ link 81 16 35 6 ] | [ link 3 23 35 6 ] | [ link 42 23 35 6 ] | [ link 81 23 35 6 ] | [ link 3 31 35 6 ] | [ link 42 31 35 6 ] | [ link 81 31 35 6 ] | [ link 3 39 35 6 ] | [ link 42 39 35 6 ] \"", "plain_layout_seq": "link 3 16 35 6 | link 42 16 35 6 | link 81 16 35 6 | link 3 23 35 6 | link 42 23 35 6 | link 81 23 35 6 | link 3 31 35 6 | link 42 31 35 6 | link 81 31 35 6 | link 3 39 35 6 | link 42 39 35 6 | title 3 5 37 6", "canvas_width": 1024, "canvas_height": 437, "elements": [ { "type": "title", "position": [ 31, 50, 322, 55 ], "completed": false }, { "type": "link", "position": [ 31, 140, 301, 54 ], "completed": false }, { "type": "link", "position": [ 362, 140, 301, 54 ], "completed": false }, { "type": "link", "position": [ 692, 140, 301, 54 ], "completed": false }, { "type": "link", "position": [ 31, 204, 301, 54 ], "completed": false }, { "type": "link", "position": [ 362, 204, 301, 54 ], "completed": false }, { "type": "link", "position": [ 692, 204, 301, 54 ], "completed": false }, { "type": "link", "position": [ 31, 269, 301, 54 ], "completed": false }, { "type": "link", "position": [ 362, 269, 301, 54 ], "completed": false }, { "type": "link", "position": [ 692, 269, 301, 54 ], "completed": false }, { "type": "link", "position": [ 31, 333, 301, 54 ], "completed": false }, { "type": "link", "position": [ 362, 333, 301, 54 ], "completed": false } ] }, { "text": "#A page for introducing spring food.# The page should have a title, and 4 groups while each group has a related image, and a link for users to click to know the benefit of the corresponding food.", "region_id": "5591", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:link ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 0 10 8 8 | image 89 10 8 8 | image 29 10 8 8 | image 59 10 8 8 | link 9 11 20 7 | link 39 11 20 7 | link 69 11 20 7 | link 99 11 20 7 | title 0 3 28 4", "layout_seq_without_completion": "image 0 10 8 8 | image 89 10 8 8 | image 29 10 8 8 | image 59 10 8 8 | link 9 11 20 7 | link 39 11 20 7 | link 69 11 20 7 | link 99 11 20 7 | title 0 3 28 4", "plain_layout_seq": "image 0 10 8 8 | image 89 10 8 8 | image 29 10 8 8 | image 59 10 8 8 | link 9 11 20 7 | link 39 11 20 7 | link 69 11 20 7 | link 99 11 20 7 | title 0 3 28 4", "canvas_width": 925, "canvas_height": 145, "elements": [ { "type": "title", "position": [ 0, 30, 217, 38 ], "completed": false }, { "type": "image", "position": [ 0, 80, 65, 65 ], "completed": false }, { "type": "image", "position": [ 231, 80, 65, 65 ], "completed": false }, { "type": "image", "position": [ 462, 80, 65, 65 ], "completed": false }, { "type": "image", "position": [ 693, 80, 65, 65 ], "completed": false }, { "type": "link", "position": [ 74, 85, 157, 54 ], "completed": false }, { "type": "link", "position": [ 306, 85, 157, 54 ], "completed": false }, { "type": "link", "position": [ 536, 85, 157, 54 ], "completed": false }, { "type": "link", "position": [ 768, 85, 157, 54 ], "completed": false } ] }, { "text": "#A page for showing the pros of DesignCrowd.# On the top, there is one title\"Only the best freelance design\", and one description. Below are four parts and each of them includes one label showing the pro and one description. On the right, there is one image.", "region_id": "5977", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Only the best freelance design'][attr:position'top'] ] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description] ] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : description undefined undefined | image right undefined | title top undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 12 117 3 | description 8 52 50 6 | description 8 64 50 6 | description 8 36 50 9 | description 8 21 50 9 | complete image 3 48 55 10 | complete image 3 17 55 13 | complete image 3 33 55 13 | complete image 3 60 55 10 | image 61 26 57 38 | title 1 5 117 5 | title 8 17 50 3 | title 8 48 50 3 | title 8 33 50 3 | title 8 60 50 3", "layout_seq_without_completion": "description 1 12 117 3 | description 8 52 50 6 | description 8 64 50 6 | description 8 36 50 9 | description 8 21 50 9 | image 3 48 55 10 | image 3 17 55 13 | image 3 33 55 13 | image 3 60 55 10 | image 61 26 57 38 | title 1 5 117 5 | title 8 17 50 3 | title 8 48 50 3 | title 8 33 50 3 | title 8 60 50 3", "plain_layout_seq": "description 1 12 117 3 | description 8 52 50 6 | description 8 64 50 6 | description 8 36 50 9 | description 8 21 50 9 | image 3 48 55 10 | image 3 17 55 13 | image 3 33 55 13 | image 3 60 55 10 | image 61 26 57 38 | title 1 5 117 5 | title 8 17 50 3 | title 8 48 50 3 | title 8 33 50 3 | title 8 60 50 3", "canvas_width": 1024, "canvas_height": 669, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 48 ], "completed": false }, { "type": "description", "position": [ 10, 108, 1004, 28 ], "completed": false }, { "type": "image", "position": [ 30, 152, 472, 116 ], "completed": true }, { "type": "title", "position": [ 69, 152, 433, 27 ], "completed": false }, { "type": "description", "position": [ 69, 184, 433, 84 ], "completed": false }, { "type": "image", "position": [ 522, 222, 492, 327 ], "completed": false }, { "type": "image", "position": [ 30, 282, 472, 116 ], "completed": true }, { "type": "title", "position": [ 69, 282, 433, 27 ], "completed": false }, { "type": "description", "position": [ 69, 314, 433, 84 ], "completed": false }, { "type": "image", "position": [ 30, 414, 472, 88 ], "completed": true }, { "type": "title", "position": [ 69, 414, 433, 27 ], "completed": false }, { "type": "description", "position": [ 69, 446, 433, 56 ], "completed": false }, { "type": "image", "position": [ 30, 516, 472, 88 ], "completed": true }, { "type": "title", "position": [ 69, 516, 433, 27 ], "completed": false }, { "type": "description", "position": [ 69, 548, 433, 56 ], "completed": false } ] }, { "text": "#A page for shoping the trend.# The page should have a title, and 4 groups while each group has an image, a button for users to click to shop now, a page indicator, and two icons for users to turn the page.", "region_id": "2448", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:button [attr:value 'shop now'] ] ] ] [el:pagination [attr:repeat '2'] ]]", "execution": "multiinfo : pagination undefined undefined | pagination undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "complete button 56 46 3 3 | complete button 59 46 3 3 | complete button 5 29 2 2 | complete button 112 29 2 2 | button 60 38 23 5 | button 35 38 23 5 | button 86 38 23 5 | button 10 38 23 5 | image 10 8 23 29 | image 86 8 23 29 | image 35 8 23 29 | image 60 8 23 29 | title 0 2 120 3", "layout_seq_without_completion": "button 56 46 3 3 | button 59 46 3 3 | button 5 29 2 2 | button 112 29 2 2 | button 60 38 23 5 | button 35 38 23 5 | button 86 38 23 5 | button 10 38 23 5 | image 10 8 23 29 | image 86 8 23 29 | image 35 8 23 29 | image 60 8 23 29 | title 0 2 120 3", "plain_layout_seq": "button 56 46 3 3 | button 59 46 3 3 | button 5 29 2 2 | button 112 29 2 2 | button 60 38 23 5 | button 35 38 23 5 | button 86 38 23 5 | button 10 38 23 5 | image 10 8 23 29 | image 86 8 23 29 | image 35 8 23 29 | image 60 8 23 29 | title 0 2 120 3", "canvas_width": 1025, "canvas_height": 444, "elements": [ { "type": "title", "position": [ 0, 23, 1025, 28 ], "completed": false }, { "type": "image", "position": [ 90, 74, 200, 254 ], "completed": false }, { "type": "image", "position": [ 305, 74, 200, 254 ], "completed": false }, { "type": "image", "position": [ 520, 74, 200, 254 ], "completed": false }, { "type": "image", "position": [ 735, 74, 200, 254 ], "completed": false }, { "type": "button", "position": [ 45, 249, 19, 19 ], "completed": true }, { "type": "button", "position": [ 960, 249, 19, 19 ], "completed": true }, { "type": "button", "position": [ 90, 328, 200, 45 ], "completed": false }, { "type": "button", "position": [ 305, 328, 200, 45 ], "completed": false }, { "type": "button", "position": [ 520, 328, 200, 45 ], "completed": false }, { "type": "button", "position": [ 735, 328, 200, 45 ], "completed": false }, { "type": "button", "position": [ 482, 394, 30, 30 ], "completed": true }, { "type": "button", "position": [ 512, 394, 30, 30 ], "completed": true } ] }, { "text": "#A page for showing one group's annual report.# There should be a title \"Latest at Ingka Group\". Under that title, there must be three information groups, with each possessing one image, a subcategory, and a corresponding link that directs users to the next page. Also, there should be an additional link where users can go to the \"Newsroom\" of the company.", "region_id": "1473", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'latest at ingka group'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'next page'] ] ] ] [el:link [attr:value'go to the newsroom'] ] ]", "execution": "multiinfo : link undefined undefined | title top undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 87 18 32 21 | link 4 79 22 4 | complete text 4 74 21 0 | title 4 8 110 3 | \" [ image 4 18 38 21 | complete image 4 18 38 51 | link 7 62 4 4 | title 7 42 32 2 ] | [ complete image 46 18 38 51 | image 46 18 38 21 | link 48 62 4 4 | title 48 42 32 5 ] | [ complete image 87 18 32 51 | link 90 62 4 4 | title 90 42 30 5 ] \"", "layout_seq_without_completion": "image 87 18 32 21 | link 4 79 22 4 | text 4 74 21 0 | title 4 8 110 3 | \" [ image 4 18 38 21 | image 4 18 38 51 | link 7 62 4 4 | title 7 42 32 2 ] | [ image 46 18 38 51 | image 46 18 38 21 | link 48 62 4 4 | title 48 42 32 5 ] | [ image 87 18 32 51 | link 90 62 4 4 | title 90 42 30 5 ] \"", "plain_layout_seq": "image 87 18 32 21 | image 4 18 38 21 | image 4 18 38 51 | image 46 18 38 51 | image 46 18 38 21 | image 87 18 32 51 | link 4 79 22 4 | link 7 62 4 4 | link 48 62 4 4 | link 90 62 4 4 | text 4 74 21 0 | title 4 8 110 3 | title 7 42 32 2 | title 48 42 32 5 | title 90 42 30 5", "canvas_width": 1024, "canvas_height": 796, "elements": [ { "type": "title", "position": [ 42, 72, 940, 34 ], "completed": false }, { "type": "image", "position": [ 42, 154, 327, 184 ], "completed": false }, { "type": "image", "position": [ 42, 154, 327, 440 ], "completed": true }, { "type": "image", "position": [ 393, 154, 327, 184 ], "completed": false }, { "type": "image", "position": [ 393, 154, 327, 440 ], "completed": true }, { "type": "image", "position": [ 744, 154, 280, 184 ], "completed": false }, { "type": "image", "position": [ 744, 154, 280, 440 ], "completed": true }, { "type": "title", "position": [ 66, 362, 279, 24 ], "completed": false }, { "type": "title", "position": [ 417, 362, 279, 48 ], "completed": false }, { "type": "title", "position": [ 768, 362, 256, 48 ], "completed": false }, { "type": "link", "position": [ 66, 530, 40, 40 ], "completed": false }, { "type": "link", "position": [ 417, 530, 40, 40 ], "completed": false }, { "type": "link", "position": [ 768, 530, 40, 40 ], "completed": false }, { "type": "text", "position": [ 42, 632, 181, 2 ], "completed": true }, { "type": "link", "position": [ 42, 682, 194, 42 ], "completed": false } ] }, { "text": "# This page presents some information to the user. #This page is divided into two groups: Join the community and create a foundation. Each group has an icon, title, and introduction. Both groups have a link to Read more below.", "region_id": "3999", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'join the community,create a foundation'] [item [el:icon] [el:title] [el:description] [el:link [attr:value 'Read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 8 21 43 4 | icon 8 8 8 8 | complete image 1 1 56 34 | link 8 26 43 3 | title 8 18 43 2 ] | [ description 68 21 43 4 | icon 68 8 8 8 | complete image 61 1 56 34 | link 68 26 43 3 | title 68 18 43 2 ] \"", "layout_seq_without_completion": "\" [ description 8 21 43 4 | icon 8 8 8 8 | image 1 1 56 34 | link 8 26 43 3 | title 8 18 43 2 ] | [ description 68 21 43 4 | icon 68 8 8 8 | image 61 1 56 34 | link 68 26 43 3 | title 68 18 43 2 ] \"", "plain_layout_seq": "description 8 21 43 4 | description 68 21 43 4 | icon 8 8 8 8 | icon 68 8 8 8 | image 1 1 56 34 | image 61 1 56 34 | link 8 26 43 3 | link 68 26 43 3 | title 8 18 43 2 | title 68 18 43 2", "canvas_width": 970, "canvas_height": 311, "elements": [ { "type": "image", "position": [ 15, 15, 455, 281 ], "completed": true }, { "type": "image", "position": [ 500, 15, 455, 281 ], "completed": true }, { "type": "icon", "position": [ 65, 65, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 550, 65, 70, 70 ], "completed": false }, { "type": "title", "position": [ 65, 147, 355, 20 ], "completed": false }, { "type": "title", "position": [ 550, 147, 355, 20 ], "completed": false }, { "type": "description", "position": [ 65, 177, 355, 40 ], "completed": false }, { "type": "description", "position": [ 550, 177, 355, 40 ], "completed": false }, { "type": "link", "position": [ 65, 217, 355, 29 ], "completed": false }, { "type": "link", "position": [ 550, 217, 355, 29 ], "completed": false } ] }, { "text": "#A page shows the reasons for users to book with the company. #\"Why Book With Us?\" is a title on the page. There are four groups on the page. Each group includes an icon, a title (EASY BOOKING, LOWEST PRICE, EXCITING DEALS, or 24/7 SUPPORT), and a brief description.", "region_id": "2652", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why book with us?'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'easy booking, LOWEST price, exciting deals, 24/7 support'] [item [el:icon] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "title 0 0 27 12 | \" [ description 33 1 15 5 | icon 28 0 4 4 | complete title 33 0 15 1 ] | [ description 50 5 15 6 | icon 50 0 5 3 | complete title 50 3 15 1 ] | [ description 76 1 15 5 | icon 73 0 2 2 | complete title 76 0 15 1 ] | [ description 99 1 15 5 | icon 95 0 2 3 | complete title 99 0 15 1 ] \"", "layout_seq_without_completion": "title 0 0 27 12 | \" [ description 33 1 15 5 | icon 28 0 4 4 | title 33 0 15 1 ] | [ description 50 5 15 6 | icon 50 0 5 3 | title 50 3 15 1 ] | [ description 76 1 15 5 | icon 73 0 2 2 | title 76 0 15 1 ] | [ description 99 1 15 5 | icon 95 0 2 3 | title 99 0 15 1 ] \"", "plain_layout_seq": "description 33 1 15 5 | description 50 5 15 6 | description 76 1 15 5 | description 99 1 15 5 | icon 28 0 4 4 | icon 50 0 5 3 | icon 73 0 2 2 | icon 95 0 2 3 | title 0 0 27 12 | title 33 0 15 1 | title 50 3 15 1 | title 76 0 15 1 | title 99 0 15 1", "canvas_width": 1200, "canvas_height": 124, "elements": [ { "type": "title", "position": [ 0, 0, 276, 124 ], "completed": false }, { "type": "icon", "position": [ 287, 0, 42, 42 ], "completed": false }, { "type": "title", "position": [ 337, 0, 155, 19 ], "completed": true }, { "type": "icon", "position": [ 509, 0, 50, 37 ], "completed": false }, { "type": "icon", "position": [ 732, 0, 28, 29 ], "completed": false }, { "type": "title", "position": [ 768, 0, 155, 19 ], "completed": true }, { "type": "icon", "position": [ 954, 0, 28, 36 ], "completed": false }, { "type": "title", "position": [ 990, 0, 155, 19 ], "completed": true }, { "type": "description", "position": [ 337, 19, 155, 51 ], "completed": false }, { "type": "description", "position": [ 768, 19, 155, 51 ], "completed": false }, { "type": "description", "position": [ 990, 19, 155, 51 ], "completed": false }, { "type": "title", "position": [ 509, 37, 155, 19 ], "completed": true }, { "type": "description", "position": [ 509, 56, 155, 68 ], "completed": false } ] }, { "text": "#A page to introduce multi-chain future to the users# On the left of the page, a title \"for a multi-chain future\" is placed above a short description, and under this three links of \"Aurora\", \"Octopus Network\" and \"allbridge\" are placed next to three icons respectively. and on the right side of the page, a picture is involved.", "region_id": "3495", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'left'] [attr:value 'for a multi-chain future'] ] [el:description [attr:size 'small'] [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'aurora, octopus network, allbridge'] [item [el:link [attr:position 'left']] [el:icon [attr:position 'left']] ] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : description left small | image right undefined | title left undefined | { [ icon left undefined | link left undefined ] | [ icon left undefined | link left undefined ] | [ icon left undefined | link left undefined ] }", "layout_seq_with_completion": "description 2 8 54 7 | icon 38 25 0 1 | icon 41 31 0 1 | icon 28 20 0 1 | image 62 0 54 34 | link 2 19 23 2 | link 2 25 33 2 | link 2 30 36 2 | title 2 1 54 4", "layout_seq_without_completion": "description 2 8 54 7 | icon 38 25 0 1 | icon 41 31 0 1 | icon 28 20 0 1 | image 62 0 54 34 | link 2 19 23 2 | link 2 25 33 2 | link 2 30 36 2 | title 2 1 54 4", "plain_layout_seq": "description 2 8 54 7 | icon 38 25 0 1 | icon 41 31 0 1 | icon 28 20 0 1 | image 62 0 54 34 | link 2 19 23 2 | link 2 25 33 2 | link 2 30 36 2 | title 2 1 54 4", "canvas_width": 1024, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 536, 0, 464, 293 ], "completed": false }, { "type": "title", "position": [ 24, 10, 464, 42 ], "completed": false }, { "type": "description", "position": [ 24, 76, 464, 67 ], "completed": false }, { "type": "link", "position": [ 24, 167, 201, 22 ], "completed": false }, { "type": "icon", "position": [ 241, 173, 5, 10 ], "completed": false }, { "type": "link", "position": [ 24, 214, 286, 22 ], "completed": false }, { "type": "icon", "position": [ 326, 220, 5, 10 ], "completed": false }, { "type": "link", "position": [ 24, 260, 315, 22 ], "completed": false }, { "type": "icon", "position": [ 355, 266, 5, 10 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be two categories of information. In each category, there should be an image, one label, a description, and a link. Users can click the link and learn more about the relevant info.", "region_id": "2317", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 28 9 26 12 | image 2 2 23 27 | link 27 22 26 5 | title 28 4 26 3 ] | [ description 87 12 26 9 | image 66 2 13 27 | link 86 22 26 5 | title 87 4 26 6 ] \"", "layout_seq_without_completion": "\" [ description 28 9 26 12 | image 2 2 23 27 | link 27 22 26 5 | title 28 4 26 3 ] | [ description 87 12 26 9 | image 66 2 13 27 | link 86 22 26 5 | title 87 4 26 6 ] \"", "plain_layout_seq": "description 28 9 26 12 | description 87 12 26 9 | image 2 2 23 27 | image 66 2 13 27 | link 27 22 26 5 | link 86 22 26 5 | title 28 4 26 3 | title 87 4 26 6", "canvas_width": 1034, "canvas_height": 280, "elements": [ { "type": "image", "position": [ 24, 20, 200, 240 ], "completed": false }, { "type": "image", "position": [ 574, 20, 115, 240 ], "completed": false }, { "type": "title", "position": [ 243, 40, 232, 26 ], "completed": false }, { "type": "title", "position": [ 751, 40, 232, 52 ], "completed": false }, { "type": "description", "position": [ 243, 81, 232, 104 ], "completed": false }, { "type": "description", "position": [ 751, 107, 232, 78 ], "completed": false }, { "type": "link", "position": [ 240, 195, 232, 48 ], "completed": false }, { "type": "link", "position": [ 748, 195, 232, 48 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be two categories of information. In each category, there should be a logo or an image, an instruction, a descriptive text box, and a link. Users can click the link and learn more about the relevant info.", "region_id": "2317_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:logo] [el:description] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | description undefined undefined | link undefined undefined | logo undefined undefined ] | [ description undefined undefined | description undefined undefined | link undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "\" [ description 28 4 26 3 | description 28 9 26 12 | link 27 22 26 5 | logo 2 2 23 27 ] | [ description 87 4 26 6 | description 87 12 26 9 | link 86 22 26 5 | logo 66 2 13 27 ] \"", "layout_seq_without_completion": "\" [ description 28 4 26 3 | description 28 9 26 12 | link 27 22 26 5 | logo 2 2 23 27 ] | [ description 87 4 26 6 | description 87 12 26 9 | link 86 22 26 5 | logo 66 2 13 27 ] \"", "plain_layout_seq": "description 28 4 26 3 | description 28 9 26 12 | description 87 4 26 6 | description 87 12 26 9 | link 27 22 26 5 | link 86 22 26 5 | logo 2 2 23 27 | logo 66 2 13 27", "canvas_width": 1034, "canvas_height": 280, "elements": [ { "type": "logo", "position": [ 24, 20, 200, 240 ], "completed": false }, { "type": "logo", "position": [ 574, 20, 115, 240 ], "completed": false }, { "type": "description", "position": [ 243, 40, 232, 26 ], "completed": false }, { "type": "description", "position": [ 751, 40, 232, 52 ], "completed": false }, { "type": "description", "position": [ 243, 81, 232, 104 ], "completed": false }, { "type": "description", "position": [ 751, 107, 232, 78 ], "completed": false }, { "type": "link", "position": [ 240, 195, 232, 48 ], "completed": false }, { "type": "link", "position": [ 748, 195, 232, 48 ], "completed": false } ] }, { "text": "#A page for introducing the calendars.#The page should have three groups and each group should have an image and a title, \"made for offices&groups\", \"highly customizable\", and \"share with anyone\". Also, there is a long description in each group. In the \"highly customizable\" group, there is a button, named \"more calendar feature\".", "region_id": "2943", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:title [attr:value 'made for offices&groups'] ] [el:description [attr:size 'large'] ] ] [item [el:image] [el:title [attr:value 'highly customizable'] ] [el:description [attr:size 'large'] ][el:button [attr:value 'more calendar feature'] ] ] [item [el:image] [el:title [attr:value 'share with anyone'] ] [el:description [attr:size 'large'] ] ] ] ]", "execution": "multiinfo : { [ description undefined large | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined large | image undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 7 19 29 14 | image 5 5 33 30 | title 7 15 29 2 ] | [ button 45 36 21 4 | description 45 19 29 14 | image 43 5 33 37 | title 45 15 29 2 ] | [ description 82 19 29 16 | image 80 5 33 33 | title 82 15 29 2 ] \"", "layout_seq_without_completion": "\" [ description 7 19 29 14 | image 5 5 33 30 | title 7 15 29 2 ] | [ button 45 36 21 4 | description 45 19 29 14 | image 43 5 33 37 | title 45 15 29 2 ] | [ description 82 19 29 16 | image 80 5 33 33 | title 82 15 29 2 ] \"", "plain_layout_seq": "button 45 36 21 4 | description 7 19 29 14 | description 45 19 29 14 | description 82 19 29 16 | image 5 5 33 30 | image 43 5 33 37 | image 80 5 33 33 | title 7 15 29 2 | title 45 15 29 2 | title 82 15 29 2", "canvas_width": 1024, "canvas_height": 419, "elements": [ { "type": "image", "position": [ 47, 48, 290, 261 ], "completed": false }, { "type": "image", "position": [ 367, 48, 290, 323 ], "completed": false }, { "type": "image", "position": [ 687, 48, 290, 285 ], "completed": false }, { "type": "title", "position": [ 68, 132, 248, 24 ], "completed": false }, { "type": "title", "position": [ 388, 132, 248, 24 ], "completed": false }, { "type": "title", "position": [ 708, 132, 248, 24 ], "completed": false }, { "type": "description", "position": [ 68, 168, 248, 120 ], "completed": false }, { "type": "description", "position": [ 388, 168, 248, 120 ], "completed": false }, { "type": "description", "position": [ 708, 168, 248, 144 ], "completed": false }, { "type": "button", "position": [ 388, 312, 181, 38 ], "completed": false } ] }, { "text": "#A page for introducing frequently asked questions to users.# The page should include one title and list five frequently asked questions for users to click for their answers.", "region_id": "555", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'5'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete text 48 7 23 2 | title 16 11 87 5 | \" [ complete icon 111 24 1 1 | complete image 3 20 112 9 | text 6 23 48 3 ] | [ complete icon 111 34 1 1 | complete image 3 31 112 9 | text 6 33 48 3 ] | [ complete icon 111 44 1 1 | complete image 3 41 112 9 | text 6 44 43 3 ] | [ complete icon 111 54 1 1 | complete image 3 51 112 9 | text 6 54 26 3 ] | [ complete icon 111 64 1 1 | complete image 3 61 112 9 | text 6 64 37 3 ] \"", "layout_seq_without_completion": "text 48 7 23 2 | title 16 11 87 5 | \" [ icon 111 24 1 1 | image 3 20 112 9 | text 6 23 48 3 ] | [ icon 111 34 1 1 | image 3 31 112 9 | text 6 33 48 3 ] | [ icon 111 44 1 1 | image 3 41 112 9 | text 6 44 43 3 ] | [ icon 111 54 1 1 | image 3 51 112 9 | text 6 54 26 3 ] | [ icon 111 64 1 1 | image 3 61 112 9 | text 6 64 37 3 ] \"", "plain_layout_seq": "icon 111 24 1 1 | icon 111 34 1 1 | icon 111 44 1 1 | icon 111 54 1 1 | icon 111 64 1 1 | image 3 20 112 9 | image 3 31 112 9 | image 3 41 112 9 | image 3 51 112 9 | image 3 61 112 9 | text 48 7 23 2 | text 6 23 48 3 | text 6 33 48 3 | text 6 44 43 3 | text 6 54 26 3 | text 6 64 37 3 | title 16 11 87 5", "canvas_width": 1024, "canvas_height": 665, "elements": [ { "type": "text", "position": [ 410, 66, 204, 20 ], "completed": true }, { "type": "title", "position": [ 138, 97, 748, 50 ], "completed": false }, { "type": "image", "position": [ 32, 179, 960, 78 ], "completed": true }, { "type": "text", "position": [ 57, 204, 417, 28 ], "completed": false }, { "type": "icon", "position": [ 951, 209, 16, 16 ], "completed": true }, { "type": "image", "position": [ 32, 265, 960, 78 ], "completed": true }, { "type": "text", "position": [ 57, 290, 416, 28 ], "completed": false }, { "type": "icon", "position": [ 951, 295, 16, 16 ], "completed": true }, { "type": "image", "position": [ 32, 351, 960, 78 ], "completed": true }, { "type": "text", "position": [ 57, 376, 367, 28 ], "completed": false }, { "type": "icon", "position": [ 951, 381, 16, 16 ], "completed": true }, { "type": "image", "position": [ 32, 437, 960, 78 ], "completed": true }, { "type": "text", "position": [ 57, 462, 227, 28 ], "completed": false }, { "type": "icon", "position": [ 951, 467, 16, 16 ], "completed": true }, { "type": "image", "position": [ 32, 523, 960, 78 ], "completed": true }, { "type": "text", "position": [ 57, 548, 322, 28 ], "completed": false }, { "type": "icon", "position": [ 951, 553, 16, 16 ], "completed": true } ] }, { "text": "#A page to introduce different kinds of frames.# There is a title 'frame'. Under the title, there are twelve images of frames.", "region_id": "3423", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'frame'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 2 18 7 7 | complete image 1 17 11 8 | image 29 18 7 7 | image 16 6 7 7 | image 42 6 7 7 | complete image 1 5 11 8 | image 96 6 7 7 | complete image 81 5 11 8 | image 56 6 7 7 | complete image 54 5 11 8 | complete image 14 5 11 8 | complete image 41 5 11 8 | image 69 6 7 7 | image 82 6 7 7 | complete image 94 5 11 8 | image 109 6 7 7 | complete image 27 17 11 8 | image 2 6 7 7 | image 29 6 7 7 | complete image 27 5 11 8 | complete image 67 5 11 8 | complete image 107 5 11 8 | image 16 18 7 7 | complete image 14 17 11 8 | title 1 0 117 3", "layout_seq_without_completion": "image 2 18 7 7 | image 1 17 11 8 | image 29 18 7 7 | image 16 6 7 7 | image 42 6 7 7 | image 1 5 11 8 | image 96 6 7 7 | image 81 5 11 8 | image 56 6 7 7 | image 54 5 11 8 | image 14 5 11 8 | image 41 5 11 8 | image 69 6 7 7 | image 82 6 7 7 | image 94 5 11 8 | image 109 6 7 7 | image 27 17 11 8 | image 2 6 7 7 | image 29 6 7 7 | image 27 5 11 8 | image 67 5 11 8 | image 107 5 11 8 | image 16 18 7 7 | image 14 17 11 8 | title 1 0 117 3", "plain_layout_seq": "image 2 18 7 7 | image 1 17 11 8 | image 29 18 7 7 | image 16 6 7 7 | image 42 6 7 7 | image 1 5 11 8 | image 96 6 7 7 | image 81 5 11 8 | image 56 6 7 7 | image 54 5 11 8 | image 14 5 11 8 | image 41 5 11 8 | image 69 6 7 7 | image 82 6 7 7 | image 94 5 11 8 | image 109 6 7 7 | image 27 17 11 8 | image 2 6 7 7 | image 29 6 7 7 | image 27 5 11 8 | image 67 5 11 8 | image 107 5 11 8 | image 16 18 7 7 | image 14 17 11 8 | title 1 0 117 3", "canvas_width": 1014, "canvas_height": 228, "elements": [ { "type": "title", "position": [ 10, 0, 994, 31 ], "completed": false }, { "type": "image", "position": [ 10, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 573, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 686, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 799, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 911, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 24, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 137, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 250, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 362, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 475, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 588, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 700, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 813, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 926, 52, 64, 63 ], "completed": false }, { "type": "image", "position": [ 10, 152, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 152, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 152, 93, 76 ], "completed": true }, { "type": "image", "position": [ 24, 158, 64, 64 ], "completed": false }, { "type": "image", "position": [ 137, 158, 64, 64 ], "completed": false }, { "type": "image", "position": [ 250, 158, 64, 64 ], "completed": false } ] }, { "text": "#A page introducing the technology platforms MMO of a company. # The page should have a title, 3 groups with one image, one title, and one short description of the tech platforms MMO of the company.", "region_id": "614", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title][el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | title 78 44 36 5 | title 4 44 36 5 | title 41 44 36 5 | title 0 4 120 6", "layout_seq_without_completion": "background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | title 78 44 36 5 | title 4 44 36 5 | title 41 44 36 5 | title 0 4 120 6", "plain_layout_seq": "background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | title 78 44 36 5 | title 4 44 36 5 | title 41 44 36 5 | title 0 4 120 6", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 560 ], "completed": true }, { "type": "title", "position": [ 0, 36, 1024, 59 ], "completed": false }, { "type": "image", "position": [ 42, 130, 313, 350 ], "completed": false }, { "type": "image", "position": [ 355, 130, 314, 350 ], "completed": false }, { "type": "image", "position": [ 669, 130, 313, 350 ], "completed": false }, { "type": "title", "position": [ 42, 380, 313, 48 ], "completed": false }, { "type": "title", "position": [ 355, 380, 313, 48 ], "completed": false }, { "type": "title", "position": [ 669, 380, 313, 48 ], "completed": false }, { "type": "description", "position": [ 42, 428, 313, 27 ], "completed": false }, { "type": "description", "position": [ 355, 428, 313, 27 ], "completed": false }, { "type": "description", "position": [ 669, 428, 313, 54 ], "completed": false } ] }, { "text": "#A page introducing the technology platforms MMO of a company. # The page should have a title, 3 corresponding images, and some text boxes to show short introductions of the tech platforms MMO of the company.", "region_id": "614_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | complete text 78 44 36 5 | complete text 4 44 36 5 | complete text 41 44 36 5 | title 0 4 120 6", "layout_seq_without_completion": "background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | text 78 44 36 5 | text 4 44 36 5 | text 41 44 36 5 | title 0 4 120 6", "plain_layout_seq": "background 0 0 120 65 | description 4 50 36 3 | description 78 50 36 6 | description 41 50 36 3 | image 78 15 36 41 | image 4 15 36 41 | image 41 15 36 41 | text 78 44 36 5 | text 4 44 36 5 | text 41 44 36 5 | title 0 4 120 6", "canvas_width": 1024, "canvas_height": 560, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 560 ], "completed": true }, { "type": "title", "position": [ 0, 36, 1024, 59 ], "completed": false }, { "type": "image", "position": [ 42, 130, 313, 350 ], "completed": false }, { "type": "image", "position": [ 355, 130, 314, 350 ], "completed": false }, { "type": "image", "position": [ 669, 130, 313, 350 ], "completed": false }, { "type": "text", "position": [ 42, 380, 313, 48 ], "completed": true }, { "type": "text", "position": [ 355, 380, 313, 48 ], "completed": true }, { "type": "text", "position": [ 669, 380, 313, 48 ], "completed": true }, { "type": "description", "position": [ 42, 428, 313, 27 ], "completed": false }, { "type": "description", "position": [ 355, 428, 313, 27 ], "completed": false }, { "type": "description", "position": [ 669, 428, 313, 54 ], "completed": false } ] }, { "text": "#A page to introduce the information on accessories.# On this page, a title of \"more accessories\" is involved on the top. Under the title, three items of \"sunglasses\", \"Jewelry\" and \"shoes\" are set. Each item contains a background picture of the relevant item, with the name of the accessory being put in the center of the background picture.", "region_id": "8013", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'more accessories'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'sunglasses, jewelry, shoes'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title top undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 80 15 32 32 | background 43 15 32 32 | background 6 15 32 32 | title 6 6 107 2 | title 6 30 32 3 | title 43 30 32 3 | title 80 30 32 3", "layout_seq_without_completion": "background 80 15 32 32 | background 43 15 32 32 | background 6 15 32 32 | title 6 6 107 2 | title 6 30 32 3 | title 43 30 32 3 | title 80 30 32 3", "plain_layout_seq": "background 80 15 32 32 | background 43 15 32 32 | background 6 15 32 32 | title 6 6 107 2 | title 6 30 32 3 | title 43 30 32 3 | title 80 30 32 3", "canvas_width": 1024, "canvas_height": 481, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "background", "position": [ 57, 136, 281, 281 ], "completed": false }, { "type": "background", "position": [ 372, 136, 281, 281 ], "completed": false }, { "type": "background", "position": [ 686, 136, 281, 281 ], "completed": false }, { "type": "title", "position": [ 57, 261, 281, 32 ], "completed": false }, { "type": "title", "position": [ 372, 261, 281, 32 ], "completed": false }, { "type": "title", "position": [ 686, 261, 281, 32 ], "completed": false } ] }, { "text": "#A page for introducing the podcast.# There is one title \" 'Behind the Numbers'Podcast\" and four parts. Each part includes one label \"Audio\" and one description.", "region_id": "3225", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'behind the numbers podcast'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 3 | \" [ description 2 10 29 9 | complete image 0 6 32 18 | title 2 7 29 2 ] | [ description 35 10 29 9 | complete image 33 6 32 18 | title 35 7 29 2 ] | [ description 69 10 29 9 | complete image 67 6 32 18 | title 69 7 29 2 ] | [ description 102 10 17 9 | complete image 101 6 18 18 | title 102 7 17 2 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ description 2 10 29 9 | image 0 6 32 18 | title 2 7 29 2 ] | [ description 35 10 29 9 | image 33 6 32 18 | title 35 7 29 2 ] | [ description 69 10 29 9 | image 67 6 32 18 | title 69 7 29 2 ] | [ description 102 10 17 9 | image 101 6 18 18 | title 102 7 17 2 ] \"", "plain_layout_seq": "description 2 10 29 9 | description 35 10 29 9 | description 69 10 29 9 | description 102 10 17 9 | image 0 6 32 18 | image 33 6 32 18 | image 67 6 32 18 | image 101 6 18 18 | title 0 0 120 3 | title 2 7 29 2 | title 35 7 29 2 | title 69 7 29 2 | title 102 7 17 2", "canvas_width": 994, "canvas_height": 234, "elements": [ { "type": "title", "position": [ 0, 0, 994, 31 ], "completed": false }, { "type": "image", "position": [ 3, 51, 272, 153 ], "completed": true }, { "type": "image", "position": [ 281, 51, 272, 153 ], "completed": true }, { "type": "image", "position": [ 559, 51, 272, 153 ], "completed": true }, { "type": "image", "position": [ 837, 51, 157, 153 ], "completed": true }, { "type": "title", "position": [ 18, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 296, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 574, 61, 242, 17 ], "completed": false }, { "type": "title", "position": [ 852, 61, 142, 17 ], "completed": false }, { "type": "description", "position": [ 18, 88, 242, 82 ], "completed": false }, { "type": "description", "position": [ 296, 88, 242, 82 ], "completed": false }, { "type": "description", "position": [ 574, 88, 242, 82 ], "completed": false }, { "type": "description", "position": [ 852, 88, 142, 82 ], "completed": false } ] }, { "text": "#A page showing some successful stories of plants growing to users.#The page should have one text heading and one link or users to click to view more stories fastly on the top. Under it, there should have many groups of cases. And each case should have one picture and one brief description of it.", "region_id": "4402", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:link [attr:value 'view more'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat 'several'] [item [el:image] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : link top undefined | title top undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 50 68 23 10 | description 4 42 38 8 | description 50 54 20 6 | description 92 33 23 8 | description 50 27 24 8 | description 50 41 22 8 | description 50 14 23 6 | description 92 66 22 8 | image 1 12 45 28 | image 76 68 10 7 | complete image 48 12 39 69 | image 92 46 24 17 | image 76 27 10 7 | image 76 54 10 7 | complete image 90 12 28 69 | complete image 1 12 45 69 | image 76 14 10 7 | image 76 41 10 7 | image 92 14 24 17 | link 105 5 12 6 | title 1 5 26 3 | \" [ description 3 54 40 4 ] | [ description 3 62 39 6 ] | [ description 3 73 38 4 ] \"", "layout_seq_without_completion": "description 50 68 23 10 | description 4 42 38 8 | description 50 54 20 6 | description 92 33 23 8 | description 50 27 24 8 | description 50 41 22 8 | description 50 14 23 6 | description 92 66 22 8 | image 1 12 45 28 | image 76 68 10 7 | image 48 12 39 69 | image 92 46 24 17 | image 76 27 10 7 | image 76 54 10 7 | image 90 12 28 69 | image 1 12 45 69 | image 76 14 10 7 | image 76 41 10 7 | image 92 14 24 17 | link 105 5 12 6 | title 1 5 26 3 | \" [ description 3 54 40 4 ] | [ description 3 62 39 6 ] | [ description 3 73 38 4 ] \"", "plain_layout_seq": "description 50 68 23 10 | description 4 42 38 8 | description 50 54 20 6 | description 92 33 23 8 | description 50 27 24 8 | description 50 41 22 8 | description 50 14 23 6 | description 92 66 22 8 | description 3 54 40 4 | description 3 62 39 6 | description 3 73 38 4 | image 1 12 45 28 | image 76 68 10 7 | image 48 12 39 69 | image 92 46 24 17 | image 76 27 10 7 | image 76 54 10 7 | image 90 12 28 69 | image 1 12 45 69 | image 76 14 10 7 | image 76 41 10 7 | image 92 14 24 17 | link 105 5 12 6 | title 1 5 26 3", "canvas_width": 1009, "canvas_height": 733, "elements": [ { "type": "link", "position": [ 889, 48, 105, 55 ], "completed": false }, { "type": "title", "position": [ 15, 49, 223, 32 ], "completed": false }, { "type": "image", "position": [ 15, 103, 380, 583 ], "completed": true }, { "type": "image", "position": [ 15, 103, 380, 240 ], "completed": false }, { "type": "image", "position": [ 410, 103, 332, 583 ], "completed": true }, { "type": "image", "position": [ 757, 103, 237, 583 ], "completed": true }, { "type": "image", "position": [ 774, 120, 203, 150 ], "completed": false }, { "type": "description", "position": [ 422, 121, 198, 53 ], "completed": false }, { "type": "image", "position": [ 641, 121, 89, 60 ], "completed": false }, { "type": "description", "position": [ 422, 235, 206, 72 ], "completed": false }, { "type": "image", "position": [ 641, 235, 89, 60 ], "completed": false }, { "type": "description", "position": [ 774, 285, 196, 71 ], "completed": false }, { "type": "description", "position": [ 422, 349, 191, 72 ], "completed": false }, { "type": "image", "position": [ 641, 349, 89, 60 ], "completed": false }, { "type": "description", "position": [ 35, 359, 325, 70 ], "completed": false }, { "type": "image", "position": [ 774, 391, 203, 150 ], "completed": false }, { "type": "description", "position": [ 32, 460, 343, 35 ], "completed": false }, { "type": "description", "position": [ 422, 462, 173, 54 ], "completed": false }, { "type": "image", "position": [ 641, 462, 89, 60 ], "completed": false }, { "type": "description", "position": [ 32, 529, 329, 53 ], "completed": false }, { "type": "description", "position": [ 774, 556, 189, 72 ], "completed": false }, { "type": "description", "position": [ 422, 576, 194, 90 ], "completed": false }, { "type": "image", "position": [ 641, 576, 89, 60 ], "completed": false }, { "type": "description", "position": [ 32, 617, 327, 35 ], "completed": false } ] }, { "text": "# A page showing the collection list in an online store. # The page should include the title \"COLLECTION LIST\". three groups of categories: \"Beard Care 101\" \"Cleanser\" and \"Tea Tree Oil\" with each having an image and a name of the category.", "region_id": "6471", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'COLLECTION LIST'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Beard Care 101, Cleanser, Tea Tree Oil'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 6 15 33 33 | image 80 15 33 33 | image 43 15 33 33 | text 6 30 33 3 | text 80 30 33 3 | text 43 30 33 3 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 33 33 | image 80 15 33 33 | image 43 15 33 33 | text 6 30 33 3 | text 80 30 33 3 | text 43 30 33 3 | title 6 6 107 2", "plain_layout_seq": "image 6 15 33 33 | image 80 15 33 33 | image 43 15 33 33 | text 6 30 33 3 | text 80 30 33 3 | text 43 30 33 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 481, "elements": [ { "type": "title", "position": [ 55, 54, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 133, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 133, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 133, 285, 285 ], "completed": false }, { "type": "text", "position": [ 55, 260, 285, 31 ], "completed": false }, { "type": "text", "position": [ 370, 260, 285, 31 ], "completed": false }, { "type": "text", "position": [ 684, 260, 285, 31 ], "completed": false } ] }, { "text": "#A page for introducing the features of senseCAP M2.#The page should have a long description at the top. There is a title and six groups on both sides. In each group, there is a title, a description, and an image. In the middle of the page, there is an image to show the product.", "region_id": "2633", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description [attr:size 'large'][attr:position 'top'] ] [el:title][gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:description] [el:image] ] ][el:image ] ]", "execution": "multiinfo : description top large | image undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 99 | image 47 49 24 36 | title 0 24 120 4 | \" [ description 0 51 18 7 | image 21 43 7 7 | title 0 43 18 6 ] | [ description 0 74 18 3 | image 21 66 7 7 | title 0 66 18 6 ] | [ description 0 91 18 5 | image 21 85 7 7 | title 0 84 18 4 ] | [ description 93 47 18 5 | image 82 41 7 7 | title 93 41 18 4 ] | [ description 93 68 18 7 | image 82 60 7 7 | title 93 60 18 6 ] | [ description 93 91 18 7 | image 82 83 7 7 | title 93 82 18 6 ] \"", "layout_seq_without_completion": "background 0 0 120 99 | image 47 49 24 36 | title 0 24 120 4 | \" [ description 0 51 18 7 | image 21 43 7 7 | title 0 43 18 6 ] | [ description 0 74 18 3 | image 21 66 7 7 | title 0 66 18 6 ] | [ description 0 91 18 5 | image 21 85 7 7 | title 0 84 18 4 ] | [ description 93 47 18 5 | image 82 41 7 7 | title 93 41 18 4 ] | [ description 93 68 18 7 | image 82 60 7 7 | title 93 60 18 6 ] | [ description 93 91 18 7 | image 82 83 7 7 | title 93 82 18 6 ] \"", "plain_layout_seq": "background 0 0 120 99 | description 0 51 18 7 | description 0 74 18 3 | description 0 91 18 5 | description 93 47 18 5 | description 93 68 18 7 | description 93 91 18 7 | image 47 49 24 36 | image 21 43 7 7 | image 21 66 7 7 | image 21 85 7 7 | image 82 41 7 7 | image 82 60 7 7 | image 82 83 7 7 | title 0 24 120 4 | title 0 43 18 6 | title 0 66 18 6 | title 0 84 18 4 | title 93 41 18 4 | title 93 60 18 6 | title 93 82 18 6", "canvas_width": 1085, "canvas_height": 898, "elements": [ { "type": "background", "position": [ 0, 0, 1085, 898 ], "completed": true }, { "type": "title", "position": [ 0, 226, 1085, 44 ], "completed": false }, { "type": "title", "position": [ 842, 374, 167, 40 ], "completed": false }, { "type": "image", "position": [ 747, 376, 65, 65 ], "completed": false }, { "type": "title", "position": [ 0, 392, 167, 58 ], "completed": false }, { "type": "image", "position": [ 197, 394, 65, 65 ], "completed": false }, { "type": "description", "position": [ 842, 432, 167, 54 ], "completed": false }, { "type": "image", "position": [ 430, 446, 222, 332 ], "completed": false }, { "type": "description", "position": [ 0, 468, 167, 72 ], "completed": false }, { "type": "title", "position": [ 842, 544, 167, 58 ], "completed": false }, { "type": "image", "position": [ 747, 546, 65, 65 ], "completed": false }, { "type": "title", "position": [ 0, 598, 167, 58 ], "completed": false }, { "type": "image", "position": [ 197, 600, 65, 65 ], "completed": false }, { "type": "description", "position": [ 842, 620, 167, 72 ], "completed": false }, { "type": "description", "position": [ 0, 674, 167, 36 ], "completed": false }, { "type": "title", "position": [ 842, 750, 167, 58 ], "completed": false }, { "type": "image", "position": [ 747, 752, 65, 65 ], "completed": false }, { "type": "title", "position": [ 0, 768, 167, 40 ], "completed": false }, { "type": "image", "position": [ 197, 770, 65, 65 ], "completed": false }, { "type": "description", "position": [ 0, 826, 167, 54 ], "completed": false }, { "type": "description", "position": [ 842, 826, 167, 72 ], "completed": false } ] }, { "text": "#A page for introducing the collections to users.# There should be one title named \"OUR COLLECTION\" on the top and six groups under it. Each group contains one image and one title such as \"Books\", \"Gifts\", and \"Jewelry\". At the bottom, a button should be provided for users to click to view collections.", "region_id": "7725", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our collection'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'Books, Gifts, Jewelry'] [item [el:image] [el:title] ] ] [el:button [attr:position 'bottom'] [attr:value 'view collections'] ] ]", "execution": "multiinfo : button bottom undefined | title top undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 49 98 21 3 | image 81 13 36 30 | image 81 54 36 30 | image 1 54 36 30 | image 1 13 36 30 | image 41 13 36 30 | image 41 54 36 30 | title 9 87 22 3 | title 97 87 5 3 | title 8 45 23 3 | title 96 45 7 3 | title 55 87 8 3 | title 45 45 28 3 | title 41 2 37 4", "layout_seq_without_completion": "button 49 98 21 3 | image 81 13 36 30 | image 81 54 36 30 | image 1 54 36 30 | image 1 13 36 30 | image 41 13 36 30 | image 41 54 36 30 | title 9 87 22 3 | title 97 87 5 3 | title 8 45 23 3 | title 96 45 7 3 | title 55 87 8 3 | title 45 45 28 3 | title 41 2 37 4", "plain_layout_seq": "button 49 98 21 3 | image 81 13 36 30 | image 81 54 36 30 | image 1 54 36 30 | image 1 13 36 30 | image 41 13 36 30 | image 41 54 36 30 | title 9 87 22 3 | title 97 87 5 3 | title 8 45 23 3 | title 96 45 7 3 | title 55 87 8 3 | title 45 45 28 3 | title 41 2 37 4", "canvas_width": 1024, "canvas_height": 905, "elements": [ { "type": "title", "position": [ 353, 22, 318, 40 ], "completed": false }, { "type": "image", "position": [ 15, 114, 311, 261 ], "completed": false }, { "type": "image", "position": [ 356, 114, 311, 261 ], "completed": false }, { "type": "image", "position": [ 698, 114, 311, 261 ], "completed": false }, { "type": "title", "position": [ 70, 391, 202, 29 ], "completed": false }, { "type": "title", "position": [ 391, 391, 242, 29 ], "completed": false }, { "type": "title", "position": [ 823, 391, 60, 29 ], "completed": false }, { "type": "image", "position": [ 15, 469, 311, 261 ], "completed": false }, { "type": "image", "position": [ 356, 469, 311, 261 ], "completed": false }, { "type": "image", "position": [ 698, 469, 311, 261 ], "completed": false }, { "type": "title", "position": [ 77, 746, 188, 29 ], "completed": false }, { "type": "title", "position": [ 475, 746, 74, 29 ], "completed": false }, { "type": "title", "position": [ 830, 746, 47, 29 ], "completed": false }, { "type": "button", "position": [ 420, 839, 185, 31 ], "completed": false } ] }, { "text": "# A page to introduce how to convert PDF to JPG. # There should have a background image, a title \"How to convert PDF to JPG\" and six entries of step introduction. Then a link named \"PDF to image convert\" is needed for the user to click for more info.", "region_id": "4145", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [el:title [attr:value 'How to convert PDF to JPG'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:description] ] ] [el:link [attr:value 'PDF to image convert'] ] ]", "execution": "multiinfo : background undefined undefined | link undefined undefined | title undefined undefined | { [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] }", "layout_seq_with_completion": "description 18 41 85 3 | description 18 19 25 2 | description 18 23 85 3 | description 18 28 85 3 | description 18 32 85 3 | description 18 37 85 3 | complete link 44 19 39 2 | link 15 49 29 3 | complete text 0 40 4 19 | title 15 11 89 3", "layout_seq_without_completion": "description 18 41 85 3 | description 18 19 25 2 | description 18 23 85 3 | description 18 28 85 3 | description 18 32 85 3 | description 18 37 85 3 | link 44 19 39 2 | link 15 49 29 3 | text 0 40 4 19 | title 15 11 89 3", "plain_layout_seq": "description 18 41 85 3 | description 18 19 25 2 | description 18 23 85 3 | description 18 28 85 3 | description 18 32 85 3 | description 18 37 85 3 | link 44 19 39 2 | link 15 49 29 3 | text 0 40 4 19 | title 15 11 89 3", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "title", "position": [ 132, 100, 760, 26 ], "completed": false }, { "type": "description", "position": [ 162, 169, 217, 21 ], "completed": false }, { "type": "link", "position": [ 379, 169, 336, 21 ], "completed": true }, { "type": "description", "position": [ 162, 204, 730, 28 ], "completed": false }, { "type": "description", "position": [ 162, 242, 730, 28 ], "completed": false }, { "type": "description", "position": [ 162, 280, 730, 28 ], "completed": false }, { "type": "description", "position": [ 162, 318, 730, 28 ], "completed": false }, { "type": "text", "position": [ 0, 344, 42, 168 ], "completed": true }, { "type": "description", "position": [ 162, 356, 730, 28 ], "completed": false }, { "type": "link", "position": [ 132, 424, 255, 28 ], "completed": false } ] }, { "text": "#A page for introducing one product that can save time.#There should be two groups of info. Each should have one title. The second one should have a \"show me how\" button also.", "region_id": "1740", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [gp:InfoGroup [item [el:title] ] [item [el:title] [el:button [attr:value'show me how'] ] ] ] ]", "execution": "multiinfo : image undefined undefined | { [ title undefined undefined ] | [ button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 76 21 17 4 | image 0 0 120 35 | complete text 26 24 7 2 | complete text 17 19 7 4 | complete text 43 19 7 4 | complete text 17 24 7 2 | complete text 25 19 0 4 | complete text 35 19 7 4 | complete text 26 19 7 4 | complete text 34 19 0 4 | complete text 35 24 7 2 | complete text 42 19 0 4 | complete text 43 24 7 2 | title 62 8 45 12 | title 11 8 45 11", "layout_seq_without_completion": "button 76 21 17 4 | image 0 0 120 35 | text 26 24 7 2 | text 17 19 7 4 | text 43 19 7 4 | text 17 24 7 2 | text 25 19 0 4 | text 35 19 7 4 | text 26 19 7 4 | text 34 19 0 4 | text 35 24 7 2 | text 42 19 0 4 | text 43 24 7 2 | title 62 8 45 12 | title 11 8 45 11", "plain_layout_seq": "button 76 21 17 4 | image 0 0 120 35 | text 26 24 7 2 | text 17 19 7 4 | text 43 19 7 4 | text 17 24 7 2 | text 25 19 0 4 | text 35 19 7 4 | text 26 19 7 4 | text 34 19 0 4 | text 35 24 7 2 | text 42 19 0 4 | text 43 24 7 2 | title 62 8 45 12 | title 11 8 45 11", "canvas_width": 1003, "canvas_height": 296, "elements": [ { "type": "image", "position": [ 0, 0, 1003, 296 ], "completed": false }, { "type": "title", "position": [ 100, 70, 379, 95 ], "completed": false }, { "type": "title", "position": [ 524, 70, 379, 107 ], "completed": false }, { "type": "text", "position": [ 149, 165, 64, 38 ], "completed": true }, { "type": "text", "position": [ 213, 165, 8, 38 ], "completed": true }, { "type": "text", "position": [ 221, 165, 64, 38 ], "completed": true }, { "type": "text", "position": [ 286, 165, 8, 38 ], "completed": true }, { "type": "text", "position": [ 294, 165, 64, 38 ], "completed": true }, { "type": "text", "position": [ 358, 165, 8, 38 ], "completed": true }, { "type": "text", "position": [ 366, 165, 64, 38 ], "completed": true }, { "type": "button", "position": [ 640, 177, 145, 37 ], "completed": false }, { "type": "text", "position": [ 149, 206, 64, 20 ], "completed": true }, { "type": "text", "position": [ 221, 206, 64, 20 ], "completed": true }, { "type": "text", "position": [ 294, 206, 64, 20 ], "completed": true }, { "type": "text", "position": [ 366, 206, 64, 20 ], "completed": true } ] }, { "text": "# A page for advertising the featured collection in an online shop.# The page should have the title \"Featured Collection\" and five groups of product information with each having an image, a product introduction, and a price. Also, there should have a set of pagination for switching pages to view more products.", "region_id": "7571", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:description] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 61 56 4 4 | complete button 54 56 4 4 | title 42 0 35 7 | \" [ description 5 29 16 18 | image 5 10 16 16 | text 10 48 5 3 ] | [ description 28 29 16 18 | image 28 10 16 16 | text 34 48 5 3 ] | [ description 52 29 16 18 | image 52 10 16 16 | text 57 48 5 3 ] | [ description 75 29 16 21 | image 75 10 16 16 | text 80 51 5 3 ] | [ description 99 29 15 16 | image 98 10 16 16 | text 104 46 5 3 ] \"", "layout_seq_without_completion": "button 61 56 4 4 | button 54 56 4 4 | title 42 0 35 7 | \" [ description 5 29 16 18 | image 5 10 16 16 | text 10 48 5 3 ] | [ description 28 29 16 18 | image 28 10 16 16 | text 34 48 5 3 ] | [ description 52 29 16 18 | image 52 10 16 16 | text 57 48 5 3 ] | [ description 75 29 16 21 | image 75 10 16 16 | text 80 51 5 3 ] | [ description 99 29 15 16 | image 98 10 16 16 | text 104 46 5 3 ] \"", "plain_layout_seq": "button 61 56 4 4 | button 54 56 4 4 | description 5 29 16 18 | description 28 29 16 18 | description 52 29 16 18 | description 75 29 16 21 | description 99 29 15 16 | image 5 10 16 16 | image 28 10 16 16 | image 52 10 16 16 | image 75 10 16 16 | image 98 10 16 16 | text 10 48 5 3 | text 34 48 5 3 | text 57 48 5 3 | text 80 51 5 3 | text 104 46 5 3 | title 42 0 35 7", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "title", "position": [ 361, 7, 302, 60 ], "completed": false }, { "type": "image", "position": [ 46, 89, 142, 142 ], "completed": false }, { "type": "image", "position": [ 245, 89, 142, 142 ], "completed": false }, { "type": "image", "position": [ 444, 89, 142, 142 ], "completed": false }, { "type": "image", "position": [ 642, 89, 142, 142 ], "completed": false }, { "type": "image", "position": [ 841, 89, 142, 142 ], "completed": false }, { "type": "description", "position": [ 47, 249, 140, 160 ], "completed": false }, { "type": "description", "position": [ 246, 249, 140, 160 ], "completed": false }, { "type": "description", "position": [ 444, 249, 140, 160 ], "completed": false }, { "type": "description", "position": [ 643, 249, 140, 182 ], "completed": false }, { "type": "description", "position": [ 845, 249, 135, 137 ], "completed": false }, { "type": "text", "position": [ 888, 394, 49, 26 ], "completed": false }, { "type": "text", "position": [ 92, 417, 49, 26 ], "completed": false }, { "type": "text", "position": [ 291, 417, 49, 26 ], "completed": false }, { "type": "text", "position": [ 490, 417, 49, 26 ], "completed": false }, { "type": "text", "position": [ 689, 440, 49, 26 ], "completed": false }, { "type": "button", "position": [ 462, 480, 40, 40 ], "completed": true }, { "type": "button", "position": [ 522, 480, 40, 40 ], "completed": true } ] }, { "text": "#A page showing the advantages of Immunotec.# The page contains 3 information sets. Each group includes an image and a title. The three different titles are: \"About Immunotec\", \"Immunotec Products\" and \"Why Immunotec\".", "region_id": "4372", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'about immunotec, immunotec products, why immunotec'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 36 20 | image 81 0 36 20 | image 41 0 36 20 | title 1 21 36 2 | title 41 21 36 2 | title 81 21 36 2", "layout_seq_without_completion": "image 1 0 36 20 | image 81 0 36 20 | image 41 0 36 20 | title 1 21 36 2 | title 41 21 36 2 | title 81 21 36 2", "plain_layout_seq": "image 1 0 36 20 | image 81 0 36 20 | image 41 0 36 20 | title 1 21 36 2 | title 41 21 36 2 | title 81 21 36 2", "canvas_width": 970, "canvas_height": 220, "elements": [ { "type": "image", "position": [ 15, 0, 293, 168 ], "completed": false }, { "type": "image", "position": [ 338, 0, 293, 168 ], "completed": false }, { "type": "image", "position": [ 662, 0, 293, 168 ], "completed": false }, { "type": "title", "position": [ 15, 175, 293, 20 ], "completed": false }, { "type": "title", "position": [ 338, 175, 293, 20 ], "completed": false }, { "type": "title", "position": [ 662, 175, 293, 20 ], "completed": false } ] }, { "text": "# A page showing three streams on a website. # On the page, there should have three groups: \"MLB Stream\" \"NPB Stream\" and \"Baseball Stream\" with each having an image and a title.", "region_id": "3338", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'MLB Stream, NPB Stream, Baseball Stream'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 15 3 7 7 | image 47 3 7 7 | image 78 3 7 7 | complete image 45 2 25 9 | complete image 14 2 25 9 | complete image 76 2 29 9 | title 23 5 13 2 | title 86 5 17 2 | title 55 5 13 2", "layout_seq_without_completion": "image 15 3 7 7 | image 47 3 7 7 | image 78 3 7 7 | image 45 2 25 9 | image 14 2 25 9 | image 76 2 29 9 | title 23 5 13 2 | title 86 5 17 2 | title 55 5 13 2", "plain_layout_seq": "image 15 3 7 7 | image 47 3 7 7 | image 78 3 7 7 | image 45 2 25 9 | image 14 2 25 9 | image 76 2 29 9 | title 23 5 13 2 | title 86 5 17 2 | title 55 5 13 2", "canvas_width": 1024, "canvas_height": 130, "elements": [ { "type": "image", "position": [ 120, 24, 218, 82 ], "completed": true }, { "type": "image", "position": [ 386, 24, 217, 82 ], "completed": true }, { "type": "image", "position": [ 650, 24, 254, 82 ], "completed": true }, { "type": "image", "position": [ 136, 33, 64, 64 ], "completed": false }, { "type": "image", "position": [ 402, 33, 64, 64 ], "completed": false }, { "type": "image", "position": [ 668, 33, 64, 64 ], "completed": false }, { "type": "title", "position": [ 204, 51, 116, 24 ], "completed": false }, { "type": "title", "position": [ 470, 51, 115, 24 ], "completed": false }, { "type": "title", "position": [ 736, 51, 152, 24 ], "completed": false } ] }, { "text": "#A page for introducing the categories of products.# The page should have a title, and 8 groups while each group has an image, a title, and an icon for users to view the products.", "region_id": "8224", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 1 68 6 | \" [ icon 19 40 1 1 | image 5 11 26 26 | title 5 39 12 2 ] | [ icon 53 40 1 1 | image 33 11 26 26 | title 33 39 19 2 ] | [ icon 79 40 1 1 | image 60 11 26 26 | title 60 39 18 2 ] | [ icon 102 40 1 1 | image 87 11 26 26 | title 87 39 14 2 ] | [ icon 11 77 1 1 | image 5 45 26 26 | title 5 73 25 5 ] | [ icon 50 74 1 1 | image 33 45 26 26 | title 33 73 15 2 ] | [ icon 75 77 1 1 | image 60 45 26 26 | title 60 73 15 5 ] | [ icon 102 74 1 1 | image 87 45 26 26 | title 87 73 13 2 ] \"", "layout_seq_without_completion": "title 5 1 68 6 | \" [ icon 19 40 1 1 | image 5 11 26 26 | title 5 39 12 2 ] | [ icon 53 40 1 1 | image 33 11 26 26 | title 33 39 19 2 ] | [ icon 79 40 1 1 | image 60 11 26 26 | title 60 39 18 2 ] | [ icon 102 40 1 1 | image 87 11 26 26 | title 87 39 14 2 ] | [ icon 11 77 1 1 | image 5 45 26 26 | title 5 73 25 5 ] | [ icon 50 74 1 1 | image 33 45 26 26 | title 33 73 15 2 ] | [ icon 75 77 1 1 | image 60 45 26 26 | title 60 73 15 5 ] | [ icon 102 74 1 1 | image 87 45 26 26 | title 87 73 13 2 ] \"", "plain_layout_seq": "icon 19 40 1 1 | icon 53 40 1 1 | icon 79 40 1 1 | icon 102 40 1 1 | icon 11 77 1 1 | icon 50 74 1 1 | icon 75 77 1 1 | icon 102 74 1 1 | image 5 11 26 26 | image 33 11 26 26 | image 60 11 26 26 | image 87 11 26 26 | image 5 45 26 26 | image 33 45 26 26 | image 60 45 26 26 | image 87 45 26 26 | title 5 1 68 6 | title 5 39 12 2 | title 33 39 19 2 | title 60 39 18 2 | title 87 39 14 2 | title 5 73 25 5 | title 33 73 15 2 | title 60 73 15 5 | title 87 73 13 2", "canvas_width": 1009, "canvas_height": 695, "elements": [ { "type": "title", "position": [ 50, 12, 572, 52 ], "completed": false }, { "type": "image", "position": [ 50, 94, 221, 221 ], "completed": false }, { "type": "image", "position": [ 279, 94, 221, 221 ], "completed": false }, { "type": "image", "position": [ 508, 94, 221, 221 ], "completed": false }, { "type": "image", "position": [ 738, 94, 221, 221 ], "completed": false }, { "type": "title", "position": [ 50, 332, 103, 23 ], "completed": false }, { "type": "title", "position": [ 279, 332, 160, 23 ], "completed": false }, { "type": "title", "position": [ 508, 332, 154, 23 ], "completed": false }, { "type": "title", "position": [ 738, 332, 120, 23 ], "completed": false }, { "type": "icon", "position": [ 161, 340, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 447, 340, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 670, 340, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 866, 340, 15, 11 ], "completed": false }, { "type": "image", "position": [ 50, 381, 221, 221 ], "completed": false }, { "type": "image", "position": [ 279, 381, 221, 221 ], "completed": false }, { "type": "image", "position": [ 508, 381, 221, 221 ], "completed": false }, { "type": "image", "position": [ 738, 381, 221, 221 ], "completed": false }, { "type": "title", "position": [ 50, 619, 216, 46 ], "completed": false }, { "type": "title", "position": [ 279, 619, 134, 23 ], "completed": false }, { "type": "title", "position": [ 508, 619, 131, 46 ], "completed": false }, { "type": "title", "position": [ 738, 619, 114, 23 ], "completed": false }, { "type": "icon", "position": [ 422, 626, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 860, 626, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 100, 650, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 636, 650, 15, 11 ], "completed": false } ] }, { "text": "#A page introducing three shops.# The page contains 3 information sets. The first two groups include an image, a title, an introduction, and a link for users to learn more. The last group includes an image, a title, and an introduction.", "region_id": "7935", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] [item [el:image] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] [item [el:image] [el:title] [el:description]]]]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 80 25 31 20 | image 80 4 31 13 | title 80 20 31 3 ] \" | \" [ description 7 25 31 24 | complete icon 29 51 1 1 | image 13 4 20 13 | link 16 51 11 2 | title 7 20 31 3 ] | [ description 44 28 31 27 | complete icon 65 58 1 1 | image 53 4 13 13 | link 52 57 11 2 | title 44 20 31 6 ] \"", "layout_seq_without_completion": "\" [ description 80 25 31 20 | image 80 4 31 13 | title 80 20 31 3 ] \" | \" [ description 7 25 31 24 | icon 29 51 1 1 | image 13 4 20 13 | link 16 51 11 2 | title 7 20 31 3 ] | [ description 44 28 31 27 | icon 65 58 1 1 | image 53 4 13 13 | link 52 57 11 2 | title 44 20 31 6 ] \"", "plain_layout_seq": "description 80 25 31 20 | description 7 25 31 24 | description 44 28 31 27 | icon 29 51 1 1 | icon 65 58 1 1 | image 80 4 31 13 | image 13 4 20 13 | image 53 4 13 13 | link 16 51 11 2 | link 52 57 11 2 | title 80 20 31 3 | title 7 20 31 3 | title 44 20 31 6", "canvas_width": 1009, "canvas_height": 573, "elements": [ { "type": "image", "position": [ 114, 36, 169, 113 ], "completed": false }, { "type": "image", "position": [ 448, 36, 113, 113 ], "completed": false }, { "type": "image", "position": [ 676, 36, 267, 113 ], "completed": false }, { "type": "title", "position": [ 65, 174, 268, 27 ], "completed": false }, { "type": "title", "position": [ 371, 174, 268, 54 ], "completed": false }, { "type": "title", "position": [ 676, 174, 268, 27 ], "completed": false }, { "type": "description", "position": [ 65, 211, 268, 202 ], "completed": false }, { "type": "description", "position": [ 676, 211, 268, 173 ], "completed": false }, { "type": "description", "position": [ 371, 238, 268, 230 ], "completed": false }, { "type": "link", "position": [ 139, 431, 93, 21 ], "completed": false }, { "type": "icon", "position": [ 244, 436, 15, 11 ], "completed": true }, { "type": "link", "position": [ 445, 486, 93, 21 ], "completed": false }, { "type": "icon", "position": [ 549, 492, 15, 11 ], "completed": true } ] }, { "text": "#A page showing modes of payment and functions for users to get further information.# \"Contact us\", \"Terms\uff06Conditions of Sale\", and \"Privacy Policy\" are three links on the page. The page should have three icons, each representing a different mode of payment.", "region_id": "7685", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:link [attr:value 'Contact us']] [el:link [attr:value 'Terms\uff06Conditions of Sale']] [el:link [attr:value 'Privacy Policy']] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] ] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 43 9 10 5 | icon 66 9 9 6 | icon 55 9 9 5 | \" [ link 36 0 8 2 ] | [ link 48 0 21 2 ] | [ link 72 0 11 2 ] \"", "layout_seq_without_completion": "icon 43 9 10 5 | icon 66 9 9 6 | icon 55 9 9 5 | \" [ link 36 0 8 2 ] | [ link 48 0 21 2 ] | [ link 72 0 11 2 ] \"", "plain_layout_seq": "icon 43 9 10 5 | icon 66 9 9 6 | icon 55 9 9 5 | link 36 0 8 2 | link 48 0 21 2 | link 72 0 11 2", "canvas_width": 830, "canvas_height": 109, "elements": [ { "type": "link", "position": [ 249, 1, 60, 14 ], "completed": false }, { "type": "link", "position": [ 332, 1, 148, 14 ], "completed": false }, { "type": "link", "position": [ 503, 1, 78, 14 ], "completed": false }, { "type": "icon", "position": [ 463, 67, 64, 42 ], "completed": false }, { "type": "icon", "position": [ 387, 68, 64, 39 ], "completed": false }, { "type": "icon", "position": [ 303, 69, 73, 38 ], "completed": false } ] }, { "text": "#A page introducing Ola. # The page should have a title and a brief introduction. There are six groups with one image, one title, and one short introduction respectively to show the pros of Ola to entice users to ride with Ola in each one.", "region_id": "1840", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 7 115 2 | title 2 2 115 4 | \" [ description 20 19 31 8 | image 2 15 15 10 | title 20 15 31 2 ] | [ description 20 37 31 11 | image 2 33 15 10 | title 20 33 31 2 ] | [ description 20 57 31 16 | image 2 54 15 10 | title 20 54 31 2 ] | [ description 80 19 31 14 | image 62 15 15 10 | title 80 15 31 2 ] | [ description 80 42 31 14 | image 62 39 15 10 | title 80 39 31 2 ] | [ description 80 66 31 11 | image 62 62 15 10 | title 80 62 31 2 ] \"", "layout_seq_without_completion": "description 2 7 115 2 | title 2 2 115 4 | \" [ description 20 19 31 8 | image 2 15 15 10 | title 20 15 31 2 ] | [ description 20 37 31 11 | image 2 33 15 10 | title 20 33 31 2 ] | [ description 20 57 31 16 | image 2 54 15 10 | title 20 54 31 2 ] | [ description 80 19 31 14 | image 62 15 15 10 | title 80 15 31 2 ] | [ description 80 42 31 14 | image 62 39 15 10 | title 80 39 31 2 ] | [ description 80 66 31 11 | image 62 62 15 10 | title 80 62 31 2 ] \"", "plain_layout_seq": "description 2 7 115 2 | description 20 19 31 8 | description 20 37 31 11 | description 20 57 31 16 | description 80 19 31 14 | description 80 42 31 14 | description 80 66 31 11 | image 2 15 15 10 | image 2 33 15 10 | image 2 54 15 10 | image 62 15 15 10 | image 62 39 15 10 | image 62 62 15 10 | title 2 2 115 4 | title 20 15 31 2 | title 20 33 31 2 | title 20 54 31 2 | title 80 15 31 2 | title 80 39 31 2 | title 80 62 31 2", "canvas_width": 1028, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 20, 20, 988, 36 ], "completed": false }, { "type": "description", "position": [ 20, 61, 988, 20 ], "completed": false }, { "type": "image", "position": [ 20, 137, 133, 87 ], "completed": false }, { "type": "title", "position": [ 173, 137, 269, 24 ], "completed": false }, { "type": "image", "position": [ 534, 137, 133, 88 ], "completed": false }, { "type": "title", "position": [ 687, 137, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 166, 269, 72 ], "completed": false }, { "type": "description", "position": [ 687, 166, 269, 120 ], "completed": false }, { "type": "image", "position": [ 20, 290, 133, 88 ], "completed": false }, { "type": "title", "position": [ 173, 290, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 319, 269, 96 ], "completed": false }, { "type": "image", "position": [ 534, 338, 133, 87 ], "completed": false }, { "type": "title", "position": [ 687, 338, 269, 24 ], "completed": false }, { "type": "description", "position": [ 687, 367, 269, 120 ], "completed": false }, { "type": "image", "position": [ 20, 467, 133, 88 ], "completed": false }, { "type": "title", "position": [ 173, 467, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 496, 269, 144 ], "completed": false }, { "type": "image", "position": [ 534, 539, 133, 88 ], "completed": false }, { "type": "title", "position": [ 687, 539, 269, 24 ], "completed": false }, { "type": "description", "position": [ 687, 568, 269, 96 ], "completed": false } ] }, { "text": "#A page introducing Ola. # The page should have a title and a slogan, six text groups with one image and one title, and one short introduction respectively to show the pros of Ola to entice users to ride with Ola.", "region_id": "1840_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 2 7 115 2 | title 2 2 115 4 | \" [ description 20 19 31 8 | image 2 15 15 10 | title 20 15 31 2 ] | [ description 20 37 31 11 | image 2 33 15 10 | title 20 33 31 2 ] | [ description 20 57 31 16 | image 2 54 15 10 | title 20 54 31 2 ] | [ description 80 19 31 14 | image 62 15 15 10 | title 80 15 31 2 ] | [ description 80 42 31 14 | image 62 39 15 10 | title 80 39 31 2 ] | [ description 80 66 31 11 | image 62 62 15 10 | title 80 62 31 2 ] \"", "layout_seq_without_completion": "text 2 7 115 2 | title 2 2 115 4 | \" [ description 20 19 31 8 | image 2 15 15 10 | title 20 15 31 2 ] | [ description 20 37 31 11 | image 2 33 15 10 | title 20 33 31 2 ] | [ description 20 57 31 16 | image 2 54 15 10 | title 20 54 31 2 ] | [ description 80 19 31 14 | image 62 15 15 10 | title 80 15 31 2 ] | [ description 80 42 31 14 | image 62 39 15 10 | title 80 39 31 2 ] | [ description 80 66 31 11 | image 62 62 15 10 | title 80 62 31 2 ] \"", "plain_layout_seq": "description 20 19 31 8 | description 20 37 31 11 | description 20 57 31 16 | description 80 19 31 14 | description 80 42 31 14 | description 80 66 31 11 | image 2 15 15 10 | image 2 33 15 10 | image 2 54 15 10 | image 62 15 15 10 | image 62 39 15 10 | image 62 62 15 10 | text 2 7 115 2 | title 2 2 115 4 | title 20 15 31 2 | title 20 33 31 2 | title 20 54 31 2 | title 80 15 31 2 | title 80 39 31 2 | title 80 62 31 2", "canvas_width": 1028, "canvas_height": 700, "elements": [ { "type": "title", "position": [ 20, 20, 988, 36 ], "completed": false }, { "type": "text", "position": [ 20, 61, 988, 20 ], "completed": false }, { "type": "image", "position": [ 20, 137, 133, 87 ], "completed": false }, { "type": "title", "position": [ 173, 137, 269, 24 ], "completed": false }, { "type": "image", "position": [ 534, 137, 133, 88 ], "completed": false }, { "type": "title", "position": [ 687, 137, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 166, 269, 72 ], "completed": false }, { "type": "description", "position": [ 687, 166, 269, 120 ], "completed": false }, { "type": "image", "position": [ 20, 290, 133, 88 ], "completed": false }, { "type": "title", "position": [ 173, 290, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 319, 269, 96 ], "completed": false }, { "type": "image", "position": [ 534, 338, 133, 87 ], "completed": false }, { "type": "title", "position": [ 687, 338, 269, 24 ], "completed": false }, { "type": "description", "position": [ 687, 367, 269, 120 ], "completed": false }, { "type": "image", "position": [ 20, 467, 133, 88 ], "completed": false }, { "type": "title", "position": [ 173, 467, 269, 24 ], "completed": false }, { "type": "description", "position": [ 173, 496, 269, 144 ], "completed": false }, { "type": "image", "position": [ 534, 539, 133, 88 ], "completed": false }, { "type": "title", "position": [ 687, 539, 269, 24 ], "completed": false }, { "type": "description", "position": [ 687, 568, 269, 96 ], "completed": false } ] }, { "text": "#A page for showing different types of products to users.# The page has a title named \u201cPRODUCTS\u201d and four product names with four brief descriptions.", "region_id": "4606", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'products'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 42 19 35 2 | description 41 25 37 2 | description 39 12 40 2 | description 43 6 33 2 | title 0 0 120 2 | title 0 4 120 2 | title 0 16 120 2 | title 0 10 120 2 | title 0 23 120 2", "layout_seq_without_completion": "description 42 19 35 2 | description 41 25 37 2 | description 39 12 40 2 | description 43 6 33 2 | title 0 0 120 2 | title 0 4 120 2 | title 0 16 120 2 | title 0 10 120 2 | title 0 23 120 2", "plain_layout_seq": "description 42 19 35 2 | description 41 25 37 2 | description 39 12 40 2 | description 43 6 33 2 | title 0 0 120 2 | title 0 4 120 2 | title 0 16 120 2 | title 0 10 120 2 | title 0 23 120 2", "canvas_width": 908, "canvas_height": 224, "elements": [ { "type": "title", "position": [ 0, 0, 908, 20 ], "completed": false }, { "type": "title", "position": [ 0, 32, 908, 18 ], "completed": false }, { "type": "description", "position": [ 328, 49, 254, 19 ], "completed": false }, { "type": "title", "position": [ 0, 80, 908, 18 ], "completed": false }, { "type": "description", "position": [ 302, 97, 304, 19 ], "completed": false }, { "type": "title", "position": [ 0, 128, 908, 18 ], "completed": false }, { "type": "description", "position": [ 318, 145, 272, 19 ], "completed": false }, { "type": "title", "position": [ 0, 176, 908, 18 ], "completed": false }, { "type": "description", "position": [ 311, 193, 287, 19 ], "completed": false } ] }, { "text": "#A page for introducing information about vehicles.# The page should have four categories, including four links \"JEEP&HARLEY ACCESSORIES\", \"UNDERBODY ROCK LIGHTS\", \"JEEP WRANGLER LIGHTS\", and \"HARLEY LIGHTS\". There should have four pictures under the links.", "region_id": "7304", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'jeep&harley accessories, underbody rock lights, jeep wrangler lights, harley lights'] [item [el:link] [el:image]] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 2 1 26 26 | image 31 1 26 26 | image 61 1 26 26 | image 90 1 26 26 | link 2 17 26 9 | link 31 17 26 9 | link 61 17 26 9 | link 90 17 26 9", "layout_seq_without_completion": "image 2 1 26 26 | image 31 1 26 26 | image 61 1 26 26 | image 90 1 26 26 | link 2 17 26 9 | link 31 17 26 9 | link 61 17 26 9 | link 90 17 26 9", "plain_layout_seq": "image 2 1 26 26 | image 31 1 26 26 | image 61 1 26 26 | image 90 1 26 26 | link 2 17 26 9 | link 31 17 26 9 | link 61 17 26 9 | link 90 17 26 9", "canvas_width": 1024, "canvas_height": 251, "elements": [ { "type": "image", "position": [ 20, 12, 228, 227 ], "completed": false }, { "type": "image", "position": [ 272, 12, 228, 227 ], "completed": false }, { "type": "image", "position": [ 524, 12, 228, 227 ], "completed": false }, { "type": "image", "position": [ 776, 12, 228, 227 ], "completed": false }, { "type": "link", "position": [ 20, 148, 228, 81 ], "completed": false }, { "type": "link", "position": [ 272, 148, 228, 81 ], "completed": false }, { "type": "link", "position": [ 524, 148, 228, 81 ], "completed": false }, { "type": "link", "position": [ 776, 148, 228, 81 ], "completed": false } ] }, { "text": "#A page for introducing windows report.# The page should have a logo of the windows report, an introduction to the pros of the windows report, and 4 groups while each group has an icon and 2 texts to introduce the excellent performance.", "region_id": "3448", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | logo undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 6 71 19 | logo 1 1 27 4 | \" [ icon 80 6 5 5 | text 87 6 9 3 | text 87 10 9 1 ] | [ icon 100 6 5 5 | text 107 6 10 3 | text 107 10 10 1 ] | [ icon 80 13 5 5 | text 87 13 8 3 | text 87 16 8 1 ] | [ icon 100 13 5 5 | text 107 13 10 3 | text 107 16 10 1 ] \"", "layout_seq_without_completion": "description 1 6 71 19 | logo 1 1 27 4 | \" [ icon 80 6 5 5 | text 87 6 9 3 | text 87 10 9 1 ] | [ icon 100 6 5 5 | text 107 6 10 3 | text 107 10 10 1 ] | [ icon 80 13 5 5 | text 87 13 8 3 | text 87 16 8 1 ] | [ icon 100 13 5 5 | text 107 13 10 3 | text 107 16 10 1 ] \"", "plain_layout_seq": "description 1 6 71 19 | icon 80 6 5 5 | icon 100 6 5 5 | icon 80 13 5 5 | icon 100 13 5 5 | logo 1 1 27 4 | text 87 6 9 3 | text 87 10 9 1 | text 107 6 10 3 | text 107 10 10 1 | text 87 13 8 3 | text 87 16 8 1 | text 107 13 10 3 | text 107 16 10 1", "canvas_width": 1316, "canvas_height": 292, "elements": [ { "type": "logo", "position": [ 16, 16, 300, 50 ], "completed": false }, { "type": "description", "position": [ 16, 70, 784, 210 ], "completed": false }, { "type": "icon", "position": [ 884, 75, 60, 60 ], "completed": false }, { "type": "text", "position": [ 960, 75, 103, 38 ], "completed": false }, { "type": "icon", "position": [ 1100, 75, 60, 60 ], "completed": false }, { "type": "text", "position": [ 1176, 75, 111, 38 ], "completed": false }, { "type": "text", "position": [ 960, 113, 103, 17 ], "completed": false }, { "type": "text", "position": [ 1176, 113, 111, 17 ], "completed": false }, { "type": "icon", "position": [ 884, 147, 60, 60 ], "completed": false }, { "type": "text", "position": [ 960, 147, 90, 38 ], "completed": false }, { "type": "icon", "position": [ 1100, 147, 60, 60 ], "completed": false }, { "type": "text", "position": [ 1176, 147, 111, 38 ], "completed": false }, { "type": "text", "position": [ 960, 185, 90, 17 ], "completed": false }, { "type": "text", "position": [ 1176, 185, 111, 17 ], "completed": false } ] }, { "text": "# A page to view the publications in the company THSN. # On the page, there should be a title \"Publications\". Then the page should have three parts. In each part, there should an image, a text box with the title of the publications, and a text button to discover more.", "region_id": "1278", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'publications'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 53 13 2 | button 11 50 16 2 | button 91 50 16 2 | image 90 13 19 27 | image 10 13 19 27 | image 50 13 19 27 | title 1 5 117 4 | title 1 42 38 5 | title 80 42 38 5 | title 41 42 38 8", "layout_seq_without_completion": "button 53 53 13 2 | button 11 50 16 2 | button 91 50 16 2 | image 90 13 19 27 | image 10 13 19 27 | image 50 13 19 27 | title 1 5 117 4 | title 1 42 38 5 | title 80 42 38 5 | title 41 42 38 8", "plain_layout_seq": "button 53 53 13 2 | button 11 50 16 2 | button 91 50 16 2 | image 90 13 19 27 | image 10 13 19 27 | image 50 13 19 27 | title 1 5 117 4 | title 1 42 38 5 | title 80 42 38 5 | title 41 42 38 8", "canvas_width": 1024, "canvas_height": 551, "elements": [ { "type": "title", "position": [ 9, 45, 1006, 42 ], "completed": false }, { "type": "image", "position": [ 86, 117, 170, 234 ], "completed": false }, { "type": "image", "position": [ 427, 117, 170, 234 ], "completed": false }, { "type": "image", "position": [ 768, 117, 170, 234 ], "completed": false }, { "type": "title", "position": [ 9, 366, 325, 46 ], "completed": false }, { "type": "title", "position": [ 350, 366, 325, 70 ], "completed": false }, { "type": "title", "position": [ 690, 366, 325, 46 ], "completed": false }, { "type": "button", "position": [ 99, 432, 145, 24 ], "completed": false }, { "type": "button", "position": [ 780, 432, 145, 24 ], "completed": false }, { "type": "button", "position": [ 456, 455, 112, 24 ], "completed": false } ] }, { "text": "#A page for showing news.# On the top, there is one label\"News\". There should be five text boxes showing the date and each of them is on the left of one title. Users can see all news by clicking one button.", "region_id": "1934", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] [attr:value'news'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:text] [el:title] ] ] [el:button [attr:value'see all news'] ] ]", "execution": "multiinfo : button undefined undefined | title top undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 49 57 20 7 | complete icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | complete text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | title 55 14 9 5", "layout_seq_without_completion": "button 49 57 20 7 | icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | title 55 14 9 5", "plain_layout_seq": "button 49 57 20 7 | icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | title 55 14 9 5", "canvas_width": 1024, "canvas_height": 547, "elements": [ { "type": "title", "position": [ 473, 122, 78, 43 ], "completed": false }, { "type": "text", "position": [ 24, 216, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 216, 793, 22 ], "completed": false }, { "type": "title", "position": [ 123, 261, 223, 22 ], "completed": false }, { "type": "text", "position": [ 24, 262, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 307, 462, 22 ], "completed": false }, { "type": "text", "position": [ 24, 308, 78, 24 ], "completed": false }, { "type": "text", "position": [ 24, 353, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 353, 174, 22 ], "completed": false }, { "type": "title", "position": [ 123, 398, 236, 22 ], "completed": false }, { "type": "text", "position": [ 24, 399, 78, 24 ], "completed": false }, { "type": "button", "position": [ 424, 487, 176, 60 ], "completed": false }, { "type": "text", "position": [ 457, 507, 86, 22 ], "completed": true }, { "type": "icon", "position": [ 551, 510, 16, 16 ], "completed": true } ] }, { "text": "#A page for showing news.#There should be five text boxes showing the date and each of them is on the left of one text box showing the news title. Users can see all news by clicking one text button.", "region_id": "1934_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:text [attr:position'left'] ] [el:title] ] ] [el:button [attr:value'see all news'] ] ]", "execution": "multiinfo : button undefined undefined | { [ text left undefined | title undefined undefined ] | [ text left undefined | title undefined undefined ] | [ text left undefined | title undefined undefined ] | [ text left undefined | title undefined undefined ] | [ text left undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 49 57 20 7 | complete icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | complete text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | complete title 55 14 9 5", "layout_seq_without_completion": "button 49 57 20 7 | icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | title 55 14 9 5", "plain_layout_seq": "button 49 57 20 7 | icon 64 59 1 1 | text 2 30 9 2 | text 2 46 9 2 | text 2 25 9 2 | text 2 36 9 2 | text 2 41 9 2 | text 53 59 10 2 | title 14 46 27 2 | title 14 30 26 2 | title 14 25 92 2 | title 14 41 20 2 | title 14 35 54 2 | title 55 14 9 5", "canvas_width": 1024, "canvas_height": 547, "elements": [ { "type": "title", "position": [ 473, 122, 78, 43 ], "completed": true }, { "type": "text", "position": [ 24, 216, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 216, 793, 22 ], "completed": false }, { "type": "title", "position": [ 123, 261, 223, 22 ], "completed": false }, { "type": "text", "position": [ 24, 262, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 307, 462, 22 ], "completed": false }, { "type": "text", "position": [ 24, 308, 78, 24 ], "completed": false }, { "type": "text", "position": [ 24, 353, 78, 24 ], "completed": false }, { "type": "title", "position": [ 123, 353, 174, 22 ], "completed": false }, { "type": "title", "position": [ 123, 398, 236, 22 ], "completed": false }, { "type": "text", "position": [ 24, 399, 78, 24 ], "completed": false }, { "type": "button", "position": [ 424, 487, 176, 60 ], "completed": false }, { "type": "text", "position": [ 457, 507, 86, 22 ], "completed": true }, { "type": "icon", "position": [ 551, 510, 16, 16 ], "completed": true } ] }, { "text": "#A page to show the support the company can provide for the users# Four types of support are provided to the users. Each type contains an icon, a title of related support, a short description of the relevant support and a button are set from the top to the bottom.", "region_id": "2784", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] [el:button ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 68 | button 7 56 21 4 | button 7 25 17 4 | button 65 25 15 4 | button 65 56 15 4 | description 65 18 24 4 | description 65 49 24 4 | description 7 18 24 4 | description 7 49 24 4 | icon 65 8 5 5 | icon 7 38 5 5 | icon 65 38 5 5 | icon 7 8 5 5 | complete image 3 34 54 30 | complete image 61 3 54 30 | complete image 3 3 54 30 | complete image 61 34 54 30 | title 65 44 24 3 | title 7 14 24 3 | title 65 14 24 3 | title 7 44 24 3", "layout_seq_without_completion": "background 0 0 120 68 | button 7 56 21 4 | button 7 25 17 4 | button 65 25 15 4 | button 65 56 15 4 | description 65 18 24 4 | description 65 49 24 4 | description 7 18 24 4 | description 7 49 24 4 | icon 65 8 5 5 | icon 7 38 5 5 | icon 65 38 5 5 | icon 7 8 5 5 | image 3 34 54 30 | image 61 3 54 30 | image 3 3 54 30 | image 61 34 54 30 | title 65 44 24 3 | title 7 14 24 3 | title 65 14 24 3 | title 7 44 24 3", "plain_layout_seq": "background 0 0 120 68 | button 7 56 21 4 | button 7 25 17 4 | button 65 25 15 4 | button 65 56 15 4 | description 65 18 24 4 | description 65 49 24 4 | description 7 18 24 4 | description 7 49 24 4 | icon 65 8 5 5 | icon 7 38 5 5 | icon 65 38 5 5 | icon 7 8 5 5 | image 3 34 54 30 | image 61 3 54 30 | image 3 3 54 30 | image 61 34 54 30 | title 65 44 24 3 | title 7 14 24 3 | title 65 14 24 3 | title 7 44 24 3", "canvas_width": 1024, "canvas_height": 583, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 583 ], "completed": true }, { "type": "image", "position": [ 31, 33, 466, 260 ], "completed": true }, { "type": "image", "position": [ 527, 33, 466, 260 ], "completed": true }, { "type": "icon", "position": [ 66, 72, 45, 45 ], "completed": false }, { "type": "icon", "position": [ 562, 72, 45, 45 ], "completed": false }, { "type": "title", "position": [ 66, 122, 210, 33 ], "completed": false }, { "type": "title", "position": [ 562, 122, 210, 33 ], "completed": false }, { "type": "description", "position": [ 66, 160, 210, 42 ], "completed": false }, { "type": "description", "position": [ 562, 160, 210, 42 ], "completed": false }, { "type": "button", "position": [ 66, 218, 153, 36 ], "completed": false }, { "type": "button", "position": [ 562, 218, 134, 36 ], "completed": false }, { "type": "image", "position": [ 31, 293, 466, 260 ], "completed": true }, { "type": "image", "position": [ 527, 293, 466, 260 ], "completed": true }, { "type": "icon", "position": [ 66, 332, 45, 45 ], "completed": false }, { "type": "icon", "position": [ 562, 332, 45, 45 ], "completed": false }, { "type": "title", "position": [ 66, 382, 210, 33 ], "completed": false }, { "type": "title", "position": [ 562, 382, 210, 33 ], "completed": false }, { "type": "description", "position": [ 66, 420, 210, 42 ], "completed": false }, { "type": "description", "position": [ 562, 420, 210, 42 ], "completed": false }, { "type": "button", "position": [ 66, 478, 185, 36 ], "completed": false }, { "type": "button", "position": [ 562, 478, 128, 36 ], "completed": false } ] }, { "text": "#This page presents information about Miscellaneous for users.#In addition to the Miscellaneous name, this page has three groups, each consisting of a serial number and a name.", "region_id": "5253", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Miscellaneous']] [gp:InfoGroup [gattr:repeat '3'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 13 2 | \" [ text 4 5 16 2 ] | [ text 45 5 18 2 ] | [ text 85 5 24 5 ] \"", "layout_seq_without_completion": "title 0 0 13 2 | \" [ text 4 5 16 2 ] | [ text 45 5 18 2 ] | [ text 85 5 24 5 ] \"", "plain_layout_seq": "text 4 5 16 2 | text 45 5 18 2 | text 85 5 24 5 | title 0 0 13 2", "canvas_width": 953, "canvas_height": 88, "elements": [ { "type": "title", "position": [ 0, 2, 104, 19 ], "completed": false }, { "type": "text", "position": [ 38, 42, 130, 19 ], "completed": false }, { "type": "text", "position": [ 359, 42, 145, 19 ], "completed": false }, { "type": "text", "position": [ 680, 42, 192, 42 ], "completed": false } ] }, { "text": "# A page for news. # There should include three groups of text boxes. In each part, there should be an image and a text box with the title of the news. There should be a text link to see all news by clicking it.", "region_id": "1383", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] ] ] [el:link [attr:value'see all news'] ] ]", "execution": "multiinfo : link undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 60 17 1 1 | complete button 58 17 1 1 | link 55 22 9 1 | \" [ image 9 4 6 6 | complete image 7 0 32 15 | title 19 4 20 8 ] | [ image 45 4 6 6 | complete image 43 0 32 15 | title 56 4 20 8 ] | [ image 81 4 6 6 | complete image 79 0 32 15 | title 92 4 20 8 ] \"", "layout_seq_without_completion": "button 60 17 1 1 | button 58 17 1 1 | link 55 22 9 1 | \" [ image 9 4 6 6 | image 7 0 32 15 | title 19 4 20 8 ] | [ image 45 4 6 6 | image 43 0 32 15 | title 56 4 20 8 ] | [ image 81 4 6 6 | image 79 0 32 15 | title 92 4 20 8 ] \"", "plain_layout_seq": "button 60 17 1 1 | button 58 17 1 1 | image 9 4 6 6 | image 7 0 32 15 | image 45 4 6 6 | image 43 0 32 15 | image 81 4 6 6 | image 79 0 32 15 | link 55 22 9 1 | title 19 4 20 8 | title 56 4 20 8 | title 92 4 20 8", "canvas_width": 1034, "canvas_height": 231, "elements": [ { "type": "image", "position": [ 62, 4, 283, 132 ], "completed": true }, { "type": "image", "position": [ 375, 4, 283, 132 ], "completed": true }, { "type": "image", "position": [ 689, 4, 283, 132 ], "completed": true }, { "type": "title", "position": [ 172, 38, 173, 72 ], "completed": false }, { "type": "title", "position": [ 485, 38, 173, 72 ], "completed": false }, { "type": "title", "position": [ 798, 38, 173, 72 ], "completed": false }, { "type": "image", "position": [ 78, 42, 60, 60 ], "completed": false }, { "type": "image", "position": [ 391, 42, 60, 60 ], "completed": false }, { "type": "image", "position": [ 705, 42, 60, 60 ], "completed": false }, { "type": "button", "position": [ 504, 154, 12, 12 ], "completed": true }, { "type": "button", "position": [ 520, 155, 10, 10 ], "completed": true }, { "type": "link", "position": [ 475, 198, 84, 16 ], "completed": false } ] }, { "text": "#A page for introducing the categories of our products to users.# There are should include four groups, each of them includes one image and one title for users to click for further information.", "region_id": "7031", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 42 10 35 35 | image 80 10 35 35 | image 4 10 35 35 | image 4 48 35 35 | title 13 63 18 3 | title 12 26 19 3 | title 46 26 26 3 | title 83 26 28 3 | complete title 4 0 110 5", "layout_seq_without_completion": "image 42 10 35 35 | image 80 10 35 35 | image 4 10 35 35 | image 4 48 35 35 | title 13 63 18 3 | title 12 26 19 3 | title 46 26 26 3 | title 83 26 28 3 | title 4 0 110 5", "plain_layout_seq": "image 42 10 35 35 | image 80 10 35 35 | image 4 10 35 35 | image 4 48 35 35 | title 13 63 18 3 | title 12 26 19 3 | title 46 26 26 3 | title 83 26 28 3 | title 4 0 110 5", "canvas_width": 1024, "canvas_height": 733, "elements": [ { "type": "title", "position": [ 40, 0, 944, 44 ], "completed": true }, { "type": "image", "position": [ 40, 89, 300, 300 ], "completed": false }, { "type": "image", "position": [ 362, 89, 300, 300 ], "completed": false }, { "type": "image", "position": [ 684, 89, 300, 300 ], "completed": false }, { "type": "title", "position": [ 105, 222, 170, 34 ], "completed": false }, { "type": "title", "position": [ 398, 222, 228, 34 ], "completed": false }, { "type": "title", "position": [ 714, 222, 240, 34 ], "completed": false }, { "type": "image", "position": [ 40, 411, 300, 300 ], "completed": false }, { "type": "title", "position": [ 111, 544, 158, 34 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # On the page, there should contain a slogan \"Make everyone better, in every role\" to attract the user. Then there should be three parts: \"Operation\" \"Sales\" and \"Finances\". In each part, there should have an image a title, a text box with a further description, and a text button for the user to click for more info.", "region_id": "967", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'make everyone better, in every role'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'operation, sales, finances'] [item [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 64 16 4 | button 91 71 16 4 | button 11 71 16 4 | description 46 49 26 10 | description 5 49 28 18 | description 85 49 29 18 | image 93 27 12 12 | image 14 27 12 12 | image 55 27 9 12 | title 45 42 29 2 | title 5 42 29 2 | title 5 13 109 6 | title 85 42 29 2", "layout_seq_without_completion": "button 51 64 16 4 | button 91 71 16 4 | button 11 71 16 4 | description 46 49 26 10 | description 5 49 28 18 | description 85 49 29 18 | image 93 27 12 12 | image 14 27 12 12 | image 55 27 9 12 | title 45 42 29 2 | title 5 42 29 2 | title 5 13 109 6 | title 85 42 29 2", "plain_layout_seq": "button 51 64 16 4 | button 91 71 16 4 | button 11 71 16 4 | description 46 49 26 10 | description 5 49 28 18 | description 85 49 29 18 | image 93 27 12 12 | image 14 27 12 12 | image 55 27 9 12 | title 45 42 29 2 | title 5 42 29 2 | title 5 13 109 6 | title 85 42 29 2", "canvas_width": 994, "canvas_height": 745, "elements": [ { "type": "title", "position": [ 44, 110, 906, 56 ], "completed": false }, { "type": "image", "position": [ 116, 226, 100, 100 ], "completed": false }, { "type": "image", "position": [ 457, 226, 80, 100 ], "completed": false }, { "type": "image", "position": [ 778, 226, 100, 100 ], "completed": false }, { "type": "title", "position": [ 44, 356, 243, 21 ], "completed": false }, { "type": "title", "position": [ 375, 356, 243, 21 ], "completed": false }, { "type": "title", "position": [ 707, 356, 243, 21 ], "completed": false }, { "type": "description", "position": [ 49, 410, 233, 150 ], "completed": false }, { "type": "description", "position": [ 385, 410, 223, 87 ], "completed": false }, { "type": "description", "position": [ 707, 410, 242, 150 ], "completed": false }, { "type": "button", "position": [ 428, 532, 139, 40 ], "completed": false }, { "type": "button", "position": [ 96, 595, 139, 40 ], "completed": false }, { "type": "button", "position": [ 759, 595, 139, 40 ], "completed": false } ] }, { "text": "#A page to introduce skin care products.# There are four groups of skin care products. Each group contains a title and a link for browsers to click to learn more. There is also an image in each group.", "region_id": "6866", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:link [attr:value 'learn more'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 80 73 10 2 | link 29 44 10 2 | link 76 25 16 2 | link 29 93 11 2 | title 25 88 20 5 | title 74 68 23 5 | title 24 39 21 5 | title 74 20 24 5", "layout_seq_without_completion": "link 80 73 10 2 | link 29 44 10 2 | link 76 25 16 2 | link 29 93 11 2 | title 25 88 20 5 | title 74 68 23 5 | title 24 39 21 5 | title 74 20 24 5", "plain_layout_seq": "link 80 73 10 2 | link 29 44 10 2 | link 76 25 16 2 | link 29 93 11 2 | title 25 88 20 5 | title 74 68 23 5 | title 24 39 21 5 | title 74 20 24 5", "canvas_width": 1009, "canvas_height": 977, "elements": [ { "type": "title", "position": [ 624, 170, 202, 43 ], "completed": false }, { "type": "link", "position": [ 647, 212, 140, 18 ], "completed": false }, { "type": "title", "position": [ 209, 333, 183, 43 ], "completed": false }, { "type": "link", "position": [ 249, 376, 86, 18 ], "completed": false }, { "type": "title", "position": [ 625, 578, 200, 43 ], "completed": false }, { "type": "link", "position": [ 674, 621, 86, 18 ], "completed": false }, { "type": "title", "position": [ 215, 742, 171, 43 ], "completed": false }, { "type": "link", "position": [ 245, 784, 94, 18 ], "completed": false } ] }, { "text": "#A page showing different APIs.# \"Editor's Picks\" is a title followed by a short description. The page should have nine categories and each category has a title, a subtitle, two icons, and a brief description. There is a link \"See all APIs\" on the page.", "region_id": "3973", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Editors Picks'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:title [attr:repeat '2'] ] [el:icon [attr:repeat '2'] ] [el:description [attr:size 'small'] ] ] ] [el:link [attr:value 'see all apis'] ] ]", "execution": "multiinfo : description undefined small | link undefined undefined | title undefined undefined | { [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 13 6 93 3 | complete image 41 17 38 23 | complete image 1 71 38 21 | complete image 81 42 38 26 | complete image 41 42 38 26 | complete image 41 71 38 21 | complete image 81 71 38 21 | complete image 1 17 38 23 | complete image 81 17 38 23 | complete image 1 42 38 26 | link 53 98 12 2 | title 13 0 93 5 | \" [ description 9 27 26 7 | icon 24 21 2 2 | icon 4 20 3 3 | title 9 23 26 2 | title 9 20 13 3 ] | [ description 49 29 26 7 | icon 71 21 2 2 | icon 44 20 3 3 | title 49 20 20 3 | title 49 23 26 5 ] | [ description 89 27 26 5 | icon 98 21 2 2 | icon 84 20 3 3 | title 89 20 7 3 | title 89 23 26 2 ] | [ description 9 55 26 10 | icon 33 48 2 2 | icon 4 46 3 3 | title 9 52 26 2 | title 9 45 23 7 ] | [ description 49 52 26 7 | icon 44 46 3 3 | icon 71 46 2 2 | title 49 45 20 3 | title 49 49 26 2 ] | [ description 89 52 26 7 | icon 84 46 3 3 | icon 113 46 2 2 | title 89 45 23 3 | title 89 49 26 2 ] | [ description 9 80 26 5 | icon 4 74 3 3 | icon 28 75 2 2 | title 9 74 17 3 | title 9 77 26 2 ] | [ description 49 80 26 7 | icon 70 75 2 2 | icon 44 74 3 3 | title 49 77 26 2 | title 49 74 20 3 ] | [ description 89 84 26 5 | icon 84 74 3 3 | icon 113 76 2 2 | title 89 74 23 7 | title 89 81 26 2 ] \"", "layout_seq_without_completion": "description 13 6 93 3 | image 41 17 38 23 | image 1 71 38 21 | image 81 42 38 26 | image 41 42 38 26 | image 41 71 38 21 | image 81 71 38 21 | image 1 17 38 23 | image 81 17 38 23 | image 1 42 38 26 | link 53 98 12 2 | title 13 0 93 5 | \" [ description 9 27 26 7 | icon 24 21 2 2 | icon 4 20 3 3 | title 9 23 26 2 | title 9 20 13 3 ] | [ description 49 29 26 7 | icon 71 21 2 2 | icon 44 20 3 3 | title 49 20 20 3 | title 49 23 26 5 ] | [ description 89 27 26 5 | icon 98 21 2 2 | icon 84 20 3 3 | title 89 20 7 3 | title 89 23 26 2 ] | [ description 9 55 26 10 | icon 33 48 2 2 | icon 4 46 3 3 | title 9 52 26 2 | title 9 45 23 7 ] | [ description 49 52 26 7 | icon 44 46 3 3 | icon 71 46 2 2 | title 49 45 20 3 | title 49 49 26 2 ] | [ description 89 52 26 7 | icon 84 46 3 3 | icon 113 46 2 2 | title 89 45 23 3 | title 89 49 26 2 ] | [ description 9 80 26 5 | icon 4 74 3 3 | icon 28 75 2 2 | title 9 74 17 3 | title 9 77 26 2 ] | [ description 49 80 26 7 | icon 70 75 2 2 | icon 44 74 3 3 | title 49 77 26 2 | title 49 74 20 3 ] | [ description 89 84 26 5 | icon 84 74 3 3 | icon 113 76 2 2 | title 89 74 23 7 | title 89 81 26 2 ] \"", "plain_layout_seq": "description 13 6 93 3 | description 9 27 26 7 | description 49 29 26 7 | description 89 27 26 5 | description 9 55 26 10 | description 49 52 26 7 | description 89 52 26 7 | description 9 80 26 5 | description 49 80 26 7 | description 89 84 26 5 | icon 24 21 2 2 | icon 4 20 3 3 | icon 71 21 2 2 | icon 44 20 3 3 | icon 98 21 2 2 | icon 84 20 3 3 | icon 33 48 2 2 | icon 4 46 3 3 | icon 44 46 3 3 | icon 71 46 2 2 | icon 84 46 3 3 | icon 113 46 2 2 | icon 4 74 3 3 | icon 28 75 2 2 | icon 70 75 2 2 | icon 44 74 3 3 | icon 84 74 3 3 | icon 113 76 2 2 | image 41 17 38 23 | image 1 71 38 21 | image 81 42 38 26 | image 41 42 38 26 | image 41 71 38 21 | image 81 71 38 21 | image 1 17 38 23 | image 81 17 38 23 | image 1 42 38 26 | link 53 98 12 2 | title 13 0 93 5 | title 9 23 26 2 | title 9 20 13 3 | title 49 20 20 3 | title 49 23 26 5 | title 89 20 7 3 | title 89 23 26 2 | title 9 52 26 2 | title 9 45 23 7 | title 49 45 20 3 | title 49 49 26 2 | title 89 45 23 3 | title 89 49 26 2 | title 9 74 17 3 | title 9 77 26 2 | title 49 77 26 2 | title 49 74 20 3 | title 89 74 23 7 | title 89 81 26 2", "canvas_width": 960, "canvas_height": 815, "elements": [ { "type": "title", "position": [ 108, 0, 744, 40 ], "completed": false }, { "type": "description", "position": [ 108, 48, 744, 26 ], "completed": false }, { "type": "image", "position": [ 8, 138, 304, 185 ], "completed": true }, { "type": "image", "position": [ 328, 138, 304, 185 ], "completed": true }, { "type": "image", "position": [ 648, 138, 304, 185 ], "completed": true }, { "type": "title", "position": [ 77, 163, 109, 29 ], "completed": false }, { "type": "title", "position": [ 397, 163, 165, 29 ], "completed": false }, { "type": "title", "position": [ 717, 163, 61, 29 ], "completed": false }, { "type": "icon", "position": [ 33, 167, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 353, 167, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 673, 167, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 194, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 570, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 786, 169, 16, 16 ], "completed": false }, { "type": "title", "position": [ 77, 191, 210, 20 ], "completed": false }, { "type": "title", "position": [ 397, 191, 210, 41 ], "completed": false }, { "type": "title", "position": [ 717, 191, 210, 20 ], "completed": false }, { "type": "description", "position": [ 77, 216, 210, 62 ], "completed": false }, { "type": "description", "position": [ 717, 216, 210, 41 ], "completed": false }, { "type": "description", "position": [ 397, 236, 210, 61 ], "completed": false }, { "type": "image", "position": [ 8, 339, 304, 214 ], "completed": true }, { "type": "image", "position": [ 328, 339, 304, 214 ], "completed": true }, { "type": "image", "position": [ 648, 339, 304, 214 ], "completed": true }, { "type": "title", "position": [ 77, 364, 186, 58 ], "completed": false }, { "type": "title", "position": [ 397, 364, 164, 29 ], "completed": false }, { "type": "title", "position": [ 717, 364, 185, 29 ], "completed": false }, { "type": "icon", "position": [ 33, 368, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 353, 368, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 673, 368, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 569, 370, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 910, 370, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 271, 385, 16, 16 ], "completed": false }, { "type": "title", "position": [ 397, 393, 210, 20 ], "completed": false }, { "type": "title", "position": [ 717, 393, 210, 20 ], "completed": false }, { "type": "description", "position": [ 397, 417, 210, 62 ], "completed": false }, { "type": "description", "position": [ 717, 417, 210, 62 ], "completed": false }, { "type": "title", "position": [ 77, 421, 210, 20 ], "completed": false }, { "type": "description", "position": [ 77, 446, 210, 82 ], "completed": false }, { "type": "image", "position": [ 8, 569, 304, 173 ], "completed": true }, { "type": "image", "position": [ 328, 569, 304, 173 ], "completed": true }, { "type": "image", "position": [ 648, 569, 304, 173 ], "completed": true }, { "type": "title", "position": [ 77, 594, 140, 29 ], "completed": false }, { "type": "title", "position": [ 397, 594, 160, 29 ], "completed": false }, { "type": "title", "position": [ 717, 594, 186, 58 ], "completed": false }, { "type": "icon", "position": [ 33, 598, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 353, 598, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 673, 598, 28, 27 ], "completed": false }, { "type": "icon", "position": [ 225, 600, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 565, 600, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 911, 614, 16, 16 ], "completed": false }, { "type": "title", "position": [ 77, 622, 210, 20 ], "completed": false }, { "type": "title", "position": [ 397, 622, 210, 20 ], "completed": false }, { "type": "description", "position": [ 77, 647, 210, 41 ], "completed": false }, { "type": "description", "position": [ 397, 647, 210, 62 ], "completed": false }, { "type": "title", "position": [ 717, 651, 210, 20 ], "completed": false }, { "type": "description", "position": [ 717, 676, 210, 41 ], "completed": false }, { "type": "link", "position": [ 430, 791, 101, 22 ], "completed": false } ] }, { "text": "#A page for introducing the CrossPilot.#The page should have a description to introduce the tool. There are six groups and each group has an image and a title, and there is a detail under the title in each group.", "region_id": "2607", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 43 38 32 16 | description 84 38 32 14 | description 3 38 32 14 | description 84 66 32 14 | description 14 11 91 15 | image 84 64 5 5 | image 84 36 5 5 | image 3 36 5 5 | image 43 36 5 5 | title 84 63 32 2 | title 3 35 32 2 | title 43 35 32 2 | title 84 35 32 2 | \" [ description 3 66 32 13 | image 3 64 5 5 | complete link 21 77 13 2 | complete text 3 80 7 2 | title 3 63 32 2 ] | [ description 43 68 32 14 | image 43 64 5 5 | complete text 51 63 16 2 | title 51 63 21 4 ] \"", "layout_seq_without_completion": "description 43 38 32 16 | description 84 38 32 14 | description 3 38 32 14 | description 84 66 32 14 | description 14 11 91 15 | image 84 64 5 5 | image 84 36 5 5 | image 3 36 5 5 | image 43 36 5 5 | title 84 63 32 2 | title 3 35 32 2 | title 43 35 32 2 | title 84 35 32 2 | \" [ description 3 66 32 13 | image 3 64 5 5 | link 21 77 13 2 | text 3 80 7 2 | title 3 63 32 2 ] | [ description 43 68 32 14 | image 43 64 5 5 | text 51 63 16 2 | title 51 63 21 4 ] \"", "plain_layout_seq": "description 43 38 32 16 | description 84 38 32 14 | description 3 38 32 14 | description 84 66 32 14 | description 14 11 91 15 | description 3 66 32 13 | description 43 68 32 14 | image 84 64 5 5 | image 84 36 5 5 | image 3 36 5 5 | image 43 36 5 5 | image 3 64 5 5 | image 43 64 5 5 | link 21 77 13 2 | text 3 80 7 2 | text 51 63 16 2 | title 84 63 32 2 | title 3 35 32 2 | title 43 35 32 2 | title 84 35 32 2 | title 3 63 32 2 | title 51 63 21 4", "canvas_width": 1024, "canvas_height": 806, "elements": [ { "type": "description", "position": [ 123, 96, 778, 130 ], "completed": false }, { "type": "title", "position": [ 26, 305, 281, 22 ], "completed": false }, { "type": "title", "position": [ 371, 305, 281, 22 ], "completed": false }, { "type": "title", "position": [ 717, 305, 281, 22 ], "completed": false }, { "type": "image", "position": [ 27, 313, 50, 50 ], "completed": false }, { "type": "image", "position": [ 372, 313, 50, 50 ], "completed": false }, { "type": "image", "position": [ 718, 313, 50, 50 ], "completed": false }, { "type": "description", "position": [ 26, 332, 281, 120 ], "completed": false }, { "type": "description", "position": [ 371, 332, 281, 143 ], "completed": false }, { "type": "description", "position": [ 717, 332, 281, 120 ], "completed": false }, { "type": "title", "position": [ 26, 540, 281, 22 ], "completed": false }, { "type": "title", "position": [ 717, 540, 281, 22 ], "completed": false }, { "type": "text", "position": [ 439, 541, 143, 20 ], "completed": true }, { "type": "title", "position": [ 439, 545, 186, 37 ], "completed": false }, { "type": "image", "position": [ 27, 548, 50, 50 ], "completed": false }, { "type": "image", "position": [ 372, 548, 50, 50 ], "completed": false }, { "type": "image", "position": [ 718, 548, 50, 50 ], "completed": false }, { "type": "description", "position": [ 717, 566, 281, 120 ], "completed": false }, { "type": "description", "position": [ 26, 569, 276, 114 ], "completed": false }, { "type": "description", "position": [ 371, 588, 281, 120 ], "completed": false }, { "type": "link", "position": [ 186, 662, 113, 24 ], "completed": true }, { "type": "text", "position": [ 26, 689, 65, 18 ], "completed": true } ] }, { "text": "#A page advertising a company.# There should be two combinations, each with an attractive title, a background image, an instruction, and a link, where users can either obtain more info or join the team.", "region_id": "1633", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:background_image] [el:description] [el:link] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 5 60 51 | description 4 19 50 11 | link 4 35 16 6 | title 4 12 50 6 ] | [ background 60 5 60 51 | description 90 33 25 7 | link 90 45 19 6 | title 90 12 25 20 ] \"", "layout_seq_without_completion": "\" [ background 0 5 60 51 | description 4 19 50 11 | link 4 35 16 6 | title 4 12 50 6 ] | [ background 60 5 60 51 | description 90 33 25 7 | link 90 45 19 6 | title 90 12 25 20 ] \"", "plain_layout_seq": "background 0 5 60 51 | background 60 5 60 51 | description 4 19 50 11 | description 90 33 25 7 | link 4 35 16 6 | link 90 45 19 6 | title 4 12 50 6 | title 90 12 25 20", "canvas_width": 1024, "canvas_height": 489, "elements": [ { "type": "background", "position": [ 0, 48, 512, 441 ], "completed": false }, { "type": "background", "position": [ 512, 48, 512, 441 ], "completed": false }, { "type": "title", "position": [ 40, 108, 432, 58 ], "completed": false }, { "type": "title", "position": [ 768, 108, 216, 174 ], "completed": false }, { "type": "description", "position": [ 40, 166, 432, 96 ], "completed": false }, { "type": "description", "position": [ 768, 282, 216, 64 ], "completed": false }, { "type": "link", "position": [ 40, 302, 142, 53 ], "completed": false }, { "type": "link", "position": [ 768, 386, 169, 53 ], "completed": false } ] }, { "text": "#A page showing the information about food.#The page should have four groups of food. And each of them should include one photo of food and one text heading. Also, there should have one pagination.", "region_id": "2917", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 0 9 3 4 | complete button 116 9 3 4 | image 5 0 24 24 | image 61 0 24 24 | image 90 0 24 24 | image 33 0 24 24 | title 33 25 24 2 | title 90 25 24 2 | title 5 25 24 2 | title 61 25 24 2", "layout_seq_without_completion": "button 0 9 3 4 | button 116 9 3 4 | image 5 0 24 24 | image 61 0 24 24 | image 90 0 24 24 | image 33 0 24 24 | title 33 25 24 2 | title 90 25 24 2 | title 5 25 24 2 | title 61 25 24 2", "plain_layout_seq": "button 0 9 3 4 | button 116 9 3 4 | image 5 0 24 24 | image 61 0 24 24 | image 90 0 24 24 | image 33 0 24 24 | title 33 25 24 2 | title 90 25 24 2 | title 5 25 24 2 | title 61 25 24 2", "canvas_width": 1004, "canvas_height": 265, "elements": [ { "type": "image", "position": [ 42, 0, 208, 208 ], "completed": false }, { "type": "image", "position": [ 279, 0, 208, 208 ], "completed": false }, { "type": "image", "position": [ 517, 0, 208, 208 ], "completed": false }, { "type": "image", "position": [ 754, 0, 208, 208 ], "completed": false }, { "type": "button", "position": [ 0, 83, 28, 40 ], "completed": true }, { "type": "button", "position": [ 976, 83, 28, 40 ], "completed": true }, { "type": "title", "position": [ 42, 217, 208, 24 ], "completed": false }, { "type": "title", "position": [ 279, 217, 208, 24 ], "completed": false }, { "type": "title", "position": [ 517, 217, 208, 24 ], "completed": false }, { "type": "title", "position": [ 754, 217, 208, 24 ], "completed": false } ] }, { "text": "#A page for showing the news to users.#The page should have three groups and each group have one image and a title.", "region_id": "2459", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 0 80 44 | image 80 23 39 22 | complete image 80 0 39 52 | image 80 0 39 22 | title 0 31 80 13 | title 80 33 39 14 | title 80 13 39 10", "layout_seq_without_completion": "image 0 0 80 44 | image 80 23 39 22 | image 80 0 39 52 | image 80 0 39 22 | title 0 31 80 13 | title 80 33 39 14 | title 80 13 39 10", "plain_layout_seq": "image 0 0 80 44 | image 80 23 39 22 | image 80 0 39 52 | image 80 0 39 22 | title 0 31 80 13 | title 80 33 39 14 | title 80 13 39 10", "canvas_width": 1024, "canvas_height": 450, "elements": [ { "type": "image", "position": [ 0, 0, 683, 383 ], "completed": false }, { "type": "image", "position": [ 683, 0, 341, 450 ], "completed": true }, { "type": "image", "position": [ 683, 0, 341, 192 ], "completed": false }, { "type": "title", "position": [ 683, 114, 341, 88 ], "completed": false }, { "type": "image", "position": [ 683, 202, 341, 192 ], "completed": false }, { "type": "title", "position": [ 0, 267, 683, 116 ], "completed": false }, { "type": "title", "position": [ 683, 284, 341, 120 ], "completed": false } ] }, { "text": "# A page for presenting the top 10 series in an online shop.# The page should have the title \"Top 10 Series\" and four groups. In the first three groups, there should be an image, a price, and a short description. In the last group, there should contain a title \"Top 10\" and a link \"VIEW ALL\" for the user to view more series.", "region_id": "6554", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'top 10 series'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:description [attr:size 'small'] ] ] ] [el:title [attr:value 'top 10'] ] [el:link [attr:value 'view all'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 0 114 2 | \" [ description 5 36 20 7 | complete image 2 6 26 42 | image 5 8 21 21 | text 5 33 8 3 ] | [ description 34 36 20 4 | complete image 32 6 26 42 | image 34 8 21 21 | text 34 33 8 3 ] | [ description 63 36 19 7 | complete image 61 6 26 42 | image 63 8 21 21 | text 63 33 8 3 ] | [ complete image 90 6 26 42 | link 99 24 7 1 | title 92 27 22 3 ] \"", "layout_seq_without_completion": "title 2 0 114 2 | \" [ description 5 36 20 7 | image 2 6 26 42 | image 5 8 21 21 | text 5 33 8 3 ] | [ description 34 36 20 4 | image 32 6 26 42 | image 34 8 21 21 | text 34 33 8 3 ] | [ description 63 36 19 7 | image 61 6 26 42 | image 63 8 21 21 | text 63 33 8 3 ] | [ image 90 6 26 42 | link 99 24 7 1 | title 92 27 22 3 ] \"", "plain_layout_seq": "description 5 36 20 7 | description 34 36 20 4 | description 63 36 19 7 | image 2 6 26 42 | image 5 8 21 21 | image 32 6 26 42 | image 34 8 21 21 | image 61 6 26 42 | image 63 8 21 21 | image 90 6 26 42 | link 99 24 7 1 | text 5 33 8 3 | text 34 33 8 3 | text 63 33 8 3 | title 2 0 114 2 | title 92 27 22 3", "canvas_width": 1024, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 25, 0, 974, 24 ], "completed": false }, { "type": "image", "position": [ 25, 52, 229, 362 ], "completed": true }, { "type": "image", "position": [ 274, 52, 229, 362 ], "completed": true }, { "type": "image", "position": [ 522, 52, 229, 362 ], "completed": true }, { "type": "image", "position": [ 770, 52, 228, 362 ], "completed": true }, { "type": "image", "position": [ 48, 73, 183, 183 ], "completed": false }, { "type": "image", "position": [ 296, 73, 183, 183 ], "completed": false }, { "type": "image", "position": [ 545, 73, 183, 183 ], "completed": false }, { "type": "link", "position": [ 853, 205, 63, 16 ], "completed": false }, { "type": "title", "position": [ 790, 233, 189, 29 ], "completed": false }, { "type": "text", "position": [ 46, 283, 70, 26 ], "completed": false }, { "type": "text", "position": [ 294, 283, 70, 26 ], "completed": false }, { "type": "text", "position": [ 543, 283, 70, 26 ], "completed": false }, { "type": "description", "position": [ 46, 313, 178, 61 ], "completed": false }, { "type": "description", "position": [ 294, 313, 178, 40 ], "completed": false }, { "type": "description", "position": [ 543, 313, 166, 61 ], "completed": false } ] }, { "text": "# A page to introduce the investors of a company. # On the page, there should be a title \"Investor\" and six text buttons. The buttons should be unfolded, so users can get access to different info through these links.", "region_id": "765", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'investor'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 54 5 10 3 | \" [ button 10 13 25 5 ] | [ button 36 13 14 5 ] | [ button 51 13 16 5 ] | [ button 68 13 18 5 ] | [ button 87 13 21 5 ] | [ button 49 21 20 5 ] \"", "layout_seq_without_completion": "title 54 5 10 3 | \" [ button 10 13 25 5 ] | [ button 36 13 14 5 ] | [ button 51 13 16 5 ] | [ button 68 13 18 5 ] | [ button 87 13 21 5 ] | [ button 49 21 20 5 ] \"", "plain_layout_seq": "button 10 13 25 5 | button 36 13 14 5 | button 51 13 16 5 | button 68 13 18 5 | button 87 13 21 5 | button 49 21 20 5 | title 54 5 10 3", "canvas_width": 1024, "canvas_height": 271, "elements": [ { "type": "title", "position": [ 469, 48, 86, 27 ], "completed": false }, { "type": "button", "position": [ 88, 116, 216, 45 ], "completed": false }, { "type": "button", "position": [ 309, 116, 127, 45 ], "completed": false }, { "type": "button", "position": [ 441, 116, 140, 45 ], "completed": false }, { "type": "button", "position": [ 586, 116, 156, 45 ], "completed": false }, { "type": "button", "position": [ 747, 116, 185, 45 ], "completed": false }, { "type": "button", "position": [ 423, 181, 178, 45 ], "completed": false } ] }, { "text": "#A page for users to order food.# The page should have an icon, a slogan, and 11 links for users to click to order different food and drinks, and 3 groups while each group has an image and a title to show 3 drinks.", "region_id": "5801", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:icon] [el:title] [el:link [attr:repeat '11'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 80 0 5 5 | image 16 37 27 36 | image 75 37 27 36 | image 46 37 27 36 | title 25 67 10 2 | title 52 67 14 2 | title 80 67 17 2 | title 36 0 46 9 | \" [ link 18 15 9 5 ] | [ link 32 15 12 5 ] | [ link 48 15 12 5 ] | [ link 64 15 9 5 ] | [ link 77 15 8 5 ] | [ link 90 15 5 5 ] | [ link 18 20 12 5 ] | [ link 34 20 6 5 ] | [ link 45 20 4 5 ] | [ link 53 20 5 5 ] | [ link 62 20 4 5 ] \"", "layout_seq_without_completion": "icon 80 0 5 5 | image 16 37 27 36 | image 75 37 27 36 | image 46 37 27 36 | title 25 67 10 2 | title 52 67 14 2 | title 80 67 17 2 | title 36 0 46 9 | \" [ link 18 15 9 5 ] | [ link 32 15 12 5 ] | [ link 48 15 12 5 ] | [ link 64 15 9 5 ] | [ link 77 15 8 5 ] | [ link 90 15 5 5 ] | [ link 18 20 12 5 ] | [ link 34 20 6 5 ] | [ link 45 20 4 5 ] | [ link 53 20 5 5 ] | [ link 62 20 4 5 ] \"", "plain_layout_seq": "icon 80 0 5 5 | image 16 37 27 36 | image 75 37 27 36 | image 46 37 27 36 | link 18 15 9 5 | link 32 15 12 5 | link 48 15 12 5 | link 64 15 9 5 | link 77 15 8 5 | link 90 15 5 5 | link 18 20 12 5 | link 34 20 6 5 | link 45 20 4 5 | link 53 20 5 5 | link 62 20 4 5 | title 25 67 10 2 | title 52 67 14 2 | title 80 67 17 2 | title 36 0 46 9", "canvas_width": 1024, "canvas_height": 638, "elements": [ { "type": "title", "position": [ 312, 0, 400, 84 ], "completed": false }, { "type": "icon", "position": [ 684, 2, 48, 48 ], "completed": false }, { "type": "link", "position": [ 160, 130, 83, 49 ], "completed": false }, { "type": "link", "position": [ 275, 130, 107, 49 ], "completed": false }, { "type": "link", "position": [ 414, 130, 107, 49 ], "completed": false }, { "type": "link", "position": [ 553, 130, 79, 49 ], "completed": false }, { "type": "link", "position": [ 664, 130, 73, 49 ], "completed": false }, { "type": "link", "position": [ 769, 130, 48, 49 ], "completed": false }, { "type": "link", "position": [ 160, 179, 106, 49 ], "completed": false }, { "type": "link", "position": [ 298, 179, 58, 49 ], "completed": false }, { "type": "link", "position": [ 388, 179, 38, 49 ], "completed": false }, { "type": "link", "position": [ 458, 179, 47, 49 ], "completed": false }, { "type": "link", "position": [ 537, 179, 37, 49 ], "completed": false }, { "type": "image", "position": [ 144, 324, 236, 314 ], "completed": false }, { "type": "image", "position": [ 394, 324, 236, 314 ], "completed": false }, { "type": "image", "position": [ 644, 324, 236, 314 ], "completed": false }, { "type": "title", "position": [ 217, 574, 90, 21 ], "completed": false }, { "type": "title", "position": [ 448, 574, 127, 21 ], "completed": false }, { "type": "title", "position": [ 688, 574, 148, 21 ], "completed": false } ] }, { "text": "# A page showing the social media of a company. # On the page, there should have a title \"Social Media\" and three groups: Facebook, , and Linkedin. Each group should have an image and a button that the user can click to enter the social media.", "region_id": "8030", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Social Media'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Facebook, Instagram, Linkedin'] [item [el:image] [el:button ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 15 47 13 5 | button 53 47 13 5 | button 92 47 12 5 | image 5 13 34 32 | image 81 13 34 32 | image 43 13 34 32 | title 4 2 110 3", "layout_seq_without_completion": "button 15 47 13 5 | button 53 47 13 5 | button 92 47 12 5 | image 5 13 34 32 | image 81 13 34 32 | image 43 13 34 32 | title 4 2 110 3", "plain_layout_seq": "button 15 47 13 5 | button 53 47 13 5 | button 92 47 12 5 | image 5 13 34 32 | image 81 13 34 32 | image 43 13 34 32 | title 4 2 110 3", "canvas_width": 1048, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 42, 25, 963, 30 ], "completed": false }, { "type": "image", "position": [ 45, 120, 301, 283 ], "completed": false }, { "type": "image", "position": [ 377, 120, 301, 283 ], "completed": false }, { "type": "image", "position": [ 708, 120, 301, 283 ], "completed": false }, { "type": "button", "position": [ 139, 413, 115, 46 ], "completed": false }, { "type": "button", "position": [ 468, 413, 119, 46 ], "completed": false }, { "type": "button", "position": [ 805, 413, 107, 46 ], "completed": false } ] }, { "text": "# A page for showing the customer reviews for a company.# The page should have three groups and each should include an image of the customer, a name, and a review.", "region_id": "7543", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 10 30 23 19 | complete icon 18 25 6 2 | complete image 5 2 33 52 | image 16 8 11 11 | text 16 21 10 1 ] | [ description 48 30 23 19 | complete icon 56 25 6 2 | complete image 43 2 33 52 | image 53 8 11 11 | text 55 21 9 1 ] | [ description 86 30 23 19 | complete icon 94 25 6 2 | complete image 81 2 33 52 | image 92 8 11 11 | text 92 21 11 1 ] \"", "layout_seq_without_completion": "\" [ description 10 30 23 19 | icon 18 25 6 2 | image 5 2 33 52 | image 16 8 11 11 | text 16 21 10 1 ] | [ description 48 30 23 19 | icon 56 25 6 2 | image 43 2 33 52 | image 53 8 11 11 | text 55 21 9 1 ] | [ description 86 30 23 19 | icon 94 25 6 2 | image 81 2 33 52 | image 92 8 11 11 | text 92 21 11 1 ] \"", "plain_layout_seq": "description 10 30 23 19 | description 48 30 23 19 | description 86 30 23 19 | icon 18 25 6 2 | icon 56 25 6 2 | icon 94 25 6 2 | image 5 2 33 52 | image 16 8 11 11 | image 43 2 33 52 | image 53 8 11 11 | image 81 2 33 52 | image 92 8 11 11 | text 16 21 10 1 | text 55 21 9 1 | text 92 21 11 1", "canvas_width": 1009, "canvas_height": 483, "elements": [ { "type": "image", "position": [ 45, 20, 280, 444 ], "completed": true }, { "type": "image", "position": [ 365, 20, 279, 444 ], "completed": true }, { "type": "image", "position": [ 684, 20, 280, 444 ], "completed": true }, { "type": "image", "position": [ 135, 71, 100, 100 ], "completed": false }, { "type": "image", "position": [ 454, 71, 100, 100 ], "completed": false }, { "type": "image", "position": [ 774, 71, 100, 100 ], "completed": false }, { "type": "text", "position": [ 142, 183, 85, 12 ], "completed": false }, { "type": "text", "position": [ 466, 183, 77, 12 ], "completed": false }, { "type": "text", "position": [ 777, 183, 94, 12 ], "completed": false }, { "type": "icon", "position": [ 157, 213, 55, 21 ], "completed": true }, { "type": "icon", "position": [ 477, 213, 55, 21 ], "completed": true }, { "type": "icon", "position": [ 796, 213, 55, 21 ], "completed": true }, { "type": "description", "position": [ 86, 254, 198, 168 ], "completed": false }, { "type": "description", "position": [ 406, 254, 198, 168 ], "completed": false }, { "type": "description", "position": [ 725, 254, 198, 168 ], "completed": false } ] }, { "text": "#A page for introducing some programs.# There is one label \"PROGRAMS\" and one label \"VER TODOS OS PROGRAMS\". Below are four parts and each one includes one image. There is one button for learning more.", "region_id": "3745", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'programs'] ] [el:title [attr:value 'ver todos os programs']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] [el:button]]", "execution": "multiinfo : button undefined undefined | title undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 6 26 6 6 | complete icon 8 29 1 1 | complete text 24 6 64 0 | title 91 5 21 1 | title 6 5 15 2 | \" [ image 6 11 25 36 ] | [ image 35 11 25 36 ] | [ image 63 11 25 36 ] | [ image 91 11 21 36 ] \"", "layout_seq_without_completion": "button 6 26 6 6 | icon 8 29 1 1 | text 24 6 64 0 | title 91 5 21 1 | title 6 5 15 2 | \" [ image 6 11 25 36 ] | [ image 35 11 25 36 ] | [ image 63 11 25 36 ] | [ image 91 11 21 36 ] \"", "plain_layout_seq": "button 6 26 6 6 | icon 8 29 1 1 | image 6 11 25 36 | image 35 11 25 36 | image 63 11 25 36 | image 91 11 21 36 | text 24 6 64 0 | title 91 5 21 1 | title 6 5 15 2", "canvas_width": 1055, "canvas_height": 492, "elements": [ { "type": "title", "position": [ 58, 45, 140, 24 ], "completed": false }, { "type": "title", "position": [ 806, 49, 191, 15 ], "completed": false }, { "type": "text", "position": [ 218, 56, 569, 2 ], "completed": true }, { "type": "image", "position": [ 58, 99, 220, 321 ], "completed": false }, { "type": "image", "position": [ 308, 99, 220, 321 ], "completed": false }, { "type": "image", "position": [ 558, 99, 220, 321 ], "completed": false }, { "type": "image", "position": [ 808, 99, 190, 321 ], "completed": false }, { "type": "button", "position": [ 58, 235, 55, 55 ], "completed": false }, { "type": "icon", "position": [ 78, 255, 15, 15 ], "completed": true } ] }, { "text": "#A page for showing storage and moving supplies.# The page should have a title, and 4 groups while each group has an image, a title, and a short description of the supplies.", "region_id": "7788", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete text 55 12 8 0 | title 37 5 44 3 | \" [ description 5 41 24 9 | image 4 16 25 19 | title 4 36 25 3 ] | [ description 33 41 24 9 | image 38 16 14 19 | title 33 37 25 3 ] | [ description 61 41 24 9 | image 66 16 15 19 | title 61 37 25 3 ] | [ description 90 41 24 9 | image 94 16 15 19 | title 89 37 25 3 ] \"", "layout_seq_without_completion": "text 55 12 8 0 | title 37 5 44 3 | \" [ description 5 41 24 9 | image 4 16 25 19 | title 4 36 25 3 ] | [ description 33 41 24 9 | image 38 16 14 19 | title 33 37 25 3 ] | [ description 61 41 24 9 | image 66 16 15 19 | title 61 37 25 3 ] | [ description 90 41 24 9 | image 94 16 15 19 | title 89 37 25 3 ] \"", "plain_layout_seq": "description 5 41 24 9 | description 33 41 24 9 | description 61 41 24 9 | description 90 41 24 9 | image 4 16 25 19 | image 38 16 14 19 | image 66 16 15 19 | image 94 16 15 19 | text 55 12 8 0 | title 37 5 44 3 | title 4 36 25 3 | title 33 37 25 3 | title 61 37 25 3 | title 89 37 25 3", "canvas_width": 1024, "canvas_height": 508, "elements": [ { "type": "title", "position": [ 323, 46, 378, 31 ], "completed": false }, { "type": "text", "position": [ 475, 109, 74, 4 ], "completed": true }, { "type": "image", "position": [ 42, 137, 220, 164 ], "completed": false }, { "type": "image", "position": [ 328, 137, 127, 170 ], "completed": false }, { "type": "image", "position": [ 568, 137, 128, 170 ], "completed": false }, { "type": "image", "position": [ 808, 137, 128, 170 ], "completed": false }, { "type": "title", "position": [ 42, 314, 220, 31 ], "completed": false }, { "type": "title", "position": [ 282, 320, 220, 31 ], "completed": false }, { "type": "title", "position": [ 522, 320, 220, 31 ], "completed": false }, { "type": "title", "position": [ 762, 320, 220, 31 ], "completed": false }, { "type": "description", "position": [ 48, 350, 209, 81 ], "completed": false }, { "type": "description", "position": [ 288, 356, 209, 82 ], "completed": false }, { "type": "description", "position": [ 528, 356, 209, 82 ], "completed": false }, { "type": "description", "position": [ 768, 356, 209, 82 ], "completed": false } ] }, { "text": "#A page for introducing the 3D try-on tool and guiding users to use it.#The page should have one text heading and one small description on the top. Under it, there should be two images, two groups of operating items, and one link for users to click to jump to the user interface. And each operating item should have one title, one image, and one brief description.", "region_id": "2472", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] [attr:position 'top'] ][el:image[attr:repeat'2']] [gp:InfoGroup [gattr:repeat '2'] [item [el:title][el:image] [el:description [attr:size 'small'] ] ]] [el:link [attr:value 'ump to the user interface'] ]]", "execution": "multiinfo : description top small | image undefined undefined | image undefined undefined | link undefined undefined | title top undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 16 112 4 | description 71 49 41 5 | description 71 79 41 5 | image 1 44 65 32 | image 71 36 13 10 | image 71 66 13 11 | link 71 89 12 2 | title 71 32 41 2 | title 0 7 112 6 | title 71 62 41 2", "layout_seq_without_completion": "description 0 16 112 4 | description 71 49 41 5 | description 71 79 41 5 | image 1 44 65 32 | image 71 36 13 10 | image 71 66 13 11 | link 71 89 12 2 | title 71 32 41 2 | title 0 7 112 6 | title 71 62 41 2", "plain_layout_seq": "description 0 16 112 4 | description 71 49 41 5 | description 71 79 41 5 | image 1 44 65 32 | image 71 36 13 10 | image 71 66 13 11 | link 71 89 12 2 | title 71 32 41 2 | title 0 7 112 6 | title 71 62 41 2", "canvas_width": 1009, "canvas_height": 853, "elements": [ { "type": "title", "position": [ 0, 62, 945, 51 ], "completed": false }, { "type": "description", "position": [ 0, 137, 945, 38 ], "completed": false }, { "type": "title", "position": [ 600, 277, 345, 22 ], "completed": false }, { "type": "image", "position": [ 600, 311, 115, 86 ], "completed": false }, { "type": "image", "position": [ 16, 375, 552, 271 ], "completed": false }, { "type": "description", "position": [ 600, 415, 345, 44 ], "completed": false }, { "type": "title", "position": [ 600, 524, 345, 22 ], "completed": false }, { "type": "image", "position": [ 600, 558, 115, 95 ], "completed": false }, { "type": "description", "position": [ 600, 671, 345, 44 ], "completed": false }, { "type": "link", "position": [ 600, 749, 102, 18 ], "completed": false } ] }, { "text": "# A page for the press. # The page should have the title \"For Press\". Then the page should be divided into three parts. In each part, there should be two textboxes with the date and title of the press. It is necessary to have a text button for the user to click to read more.", "region_id": "609", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'for press'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:title] ] ] [el:button [attr:value'read more'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 55 91 8 2 | complete image 63 19 52 30 | complete image 4 19 52 30 | complete image 4 55 52 30 | text 7 21 46 2 | text 65 21 46 2 | text 7 57 46 2 | title 7 61 46 12 | title 4 7 110 7 | title 7 25 46 6 | title 65 25 46 9", "layout_seq_without_completion": "button 55 91 8 2 | image 63 19 52 30 | image 4 19 52 30 | image 4 55 52 30 | text 7 21 46 2 | text 65 21 46 2 | text 7 57 46 2 | title 7 61 46 12 | title 4 7 110 7 | title 7 25 46 6 | title 65 25 46 9", "plain_layout_seq": "button 55 91 8 2 | image 63 19 52 30 | image 4 19 52 30 | image 4 55 52 30 | text 7 21 46 2 | text 65 21 46 2 | text 7 57 46 2 | title 7 61 46 12 | title 4 7 110 7 | title 7 25 46 6 | title 65 25 46 9", "canvas_width": 1059, "canvas_height": 890, "elements": [ { "type": "title", "position": [ 40, 64, 979, 64 ], "completed": false }, { "type": "image", "position": [ 40, 168, 462, 271 ], "completed": true }, { "type": "image", "position": [ 558, 168, 462, 271 ], "completed": true }, { "type": "text", "position": [ 64, 192, 414, 22 ], "completed": false }, { "type": "text", "position": [ 582, 192, 414, 22 ], "completed": false }, { "type": "title", "position": [ 64, 226, 414, 56 ], "completed": false }, { "type": "title", "position": [ 582, 226, 414, 84 ], "completed": false }, { "type": "image", "position": [ 40, 487, 462, 271 ], "completed": true }, { "type": "text", "position": [ 64, 511, 414, 22 ], "completed": false }, { "type": "title", "position": [ 64, 545, 414, 112 ], "completed": false }, { "type": "button", "position": [ 491, 806, 77, 20 ], "completed": false } ] }, { "text": "# A page to introduce a company. # There should be three parts. In each part, there should be two textboxes with specific data and descriptions. So the user can know the revenue, the number of employees, and the scale of the company.", "region_id": "1035", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'revenue, number of employees, scale of the company'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 76 61 24 5 | description 19 61 24 5 | description 47 61 24 5 | text 47 52 24 8 | text 76 52 24 8 | text 19 52 24 8", "layout_seq_without_completion": "description 76 61 24 5 | description 19 61 24 5 | description 47 61 24 5 | text 47 52 24 8 | text 76 52 24 8 | text 19 52 24 8", "plain_layout_seq": "description 76 61 24 5 | description 19 61 24 5 | description 47 61 24 5 | text 47 52 24 8 | text 76 52 24 8 | text 19 52 24 8", "canvas_width": 1024, "canvas_height": 668, "elements": [ { "type": "text", "position": [ 169, 452, 206, 72 ], "completed": false }, { "type": "text", "position": [ 409, 452, 206, 72 ], "completed": false }, { "type": "text", "position": [ 649, 452, 206, 72 ], "completed": false }, { "type": "description", "position": [ 169, 524, 206, 44 ], "completed": false }, { "type": "description", "position": [ 409, 524, 206, 44 ], "completed": false }, { "type": "description", "position": [ 649, 524, 206, 44 ], "completed": false } ] }, { "text": "#A page for selling T-shirts.# There is a title \"runDisney Marathon\". Then, there are four groups of information to show the shirt. Each of the groups has an image and a title.", "region_id": "6782", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'rundisney marathon'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 8 26 26 | image 33 8 26 26 | image 93 8 26 26 | image 63 8 26 26 | title 93 36 26 4 | title 3 36 26 2 | title 33 36 26 2 | title 63 36 26 2 | title 3 3 116 3", "layout_seq_without_completion": "image 3 8 26 26 | image 33 8 26 26 | image 93 8 26 26 | image 63 8 26 26 | title 93 36 26 4 | title 3 36 26 2 | title 33 36 26 2 | title 63 36 26 2 | title 3 3 116 3", "plain_layout_seq": "image 3 8 26 26 | image 33 8 26 26 | image 93 8 26 26 | image 63 8 26 26 | title 93 36 26 4 | title 3 36 26 2 | title 33 36 26 2 | title 63 36 26 2 | title 3 3 116 3", "canvas_width": 979, "canvas_height": 394, "elements": [ { "type": "title", "position": [ 30, 28, 949, 29 ], "completed": false }, { "type": "image", "position": [ 30, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 275, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 520, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 764, 72, 215, 214 ], "completed": false }, { "type": "title", "position": [ 30, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 275, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 520, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 764, 296, 215, 35 ], "completed": false } ] }, { "text": "#A page for additional topics of Ottobock to make the user know the Ottobock. # Five text boxes should be needed on the page. One text box 'Additional Topics' is the title. The other four text boxes should be divided into two groups to introduce the 'career' and 'room for the idea of the Ottobock where the users can know more information about the company. It would be better to have two images in each group.", "region_id": "1889", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'additional topics'] ] [gp:InfoGroup [gattr:repeat'2'] [gattr:names'career, room for the idea of ottobock'] [item [el:text [attr:repeat'2'] ] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 7 0 73 5 | \" [ image 7 11 50 33 | text 11 35 42 2 | text 11 38 42 3 ] | [ image 61 11 50 33 | text 65 31 42 2 | text 65 34 42 7 ] \"", "layout_seq_without_completion": "title 7 0 73 5 | \" [ image 7 11 50 33 | text 11 35 42 2 | text 11 38 42 3 ] | [ image 61 11 50 33 | text 65 31 42 2 | text 65 34 42 7 ] \"", "plain_layout_seq": "image 7 11 50 33 | image 61 11 50 33 | text 11 35 42 2 | text 11 38 42 3 | text 65 31 42 2 | text 65 34 42 7 | title 7 0 73 5", "canvas_width": 1003, "canvas_height": 378, "elements": [ { "type": "title", "position": [ 65, 0, 616, 50 ], "completed": false }, { "type": "image", "position": [ 65, 96, 422, 281 ], "completed": false }, { "type": "image", "position": [ 516, 96, 422, 281 ], "completed": false }, { "type": "text", "position": [ 548, 262, 358, 20 ], "completed": false }, { "type": "text", "position": [ 548, 290, 358, 64 ], "completed": false }, { "type": "text", "position": [ 97, 294, 358, 20 ], "completed": false }, { "type": "text", "position": [ 97, 322, 358, 32 ], "completed": false } ] }, { "text": "#A page for additional topics of Ottobock to make the user know the Ottobock. # Five text boxes should be needed on the page. One text box 'Additional Topics' is the title. The other four text boxes should be divided into two groups to introduce the 'career' and 'room for the idea of the Ottobock where the users can know more information about the company. It would be better to have two images as the background image.", "region_id": "1889_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'additional topics'] ] [gp:InfoGroup [gattr:repeat'2'] [gattr:names'career, room for the idea of ottobock'] [item [el:text] [el:background_image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | text undefined undefined ] | [ background undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 7 0 73 5 | \" [ background 7 11 50 33 | text 11 35 42 2 | complete title 11 38 42 3 ] | [ background 61 11 50 33 | text 65 31 42 2 | complete title 65 34 42 7 ] \"", "layout_seq_without_completion": "title 7 0 73 5 | \" [ background 7 11 50 33 | text 11 35 42 2 | title 11 38 42 3 ] | [ background 61 11 50 33 | text 65 31 42 2 | title 65 34 42 7 ] \"", "plain_layout_seq": "background 7 11 50 33 | background 61 11 50 33 | text 11 35 42 2 | text 65 31 42 2 | title 7 0 73 5 | title 11 38 42 3 | title 65 34 42 7", "canvas_width": 1003, "canvas_height": 378, "elements": [ { "type": "title", "position": [ 65, 0, 616, 50 ], "completed": false }, { "type": "background", "position": [ 65, 96, 422, 281 ], "completed": false }, { "type": "background", "position": [ 516, 96, 422, 281 ], "completed": false }, { "type": "text", "position": [ 548, 262, 358, 20 ], "completed": false }, { "type": "title", "position": [ 548, 290, 358, 64 ], "completed": true }, { "type": "text", "position": [ 97, 294, 358, 20 ], "completed": false }, { "type": "title", "position": [ 97, 322, 358, 32 ], "completed": true } ] }, { "text": "#A page introducing what's news to users.#The page should have one question title and one list of six items. And each item should have one picture, one brief description, and one label marked with news, offer, or blog.", "region_id": "4526", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'news, offer, blog'] [item [el:image] [el:description [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 0 15 3 | \" [ description 1 28 33 5 | image 1 6 37 20 | title 1 24 6 2 ] | [ description 41 28 30 5 | image 41 6 37 20 | title 41 24 6 2 ] | [ description 81 28 35 5 | image 81 6 37 20 | title 81 24 6 2 ] | [ description 1 57 33 5 | image 1 35 37 20 | title 1 53 7 2 ] | [ description 41 57 34 5 | image 41 35 37 20 | title 41 53 6 2 ] | [ description 81 57 27 2 | image 81 35 37 20 | title 81 53 7 2 ] \"", "layout_seq_without_completion": "title 1 0 15 3 | \" [ description 1 28 33 5 | image 1 6 37 20 | title 1 24 6 2 ] | [ description 41 28 30 5 | image 41 6 37 20 | title 41 24 6 2 ] | [ description 81 28 35 5 | image 81 6 37 20 | title 81 24 6 2 ] | [ description 1 57 33 5 | image 1 35 37 20 | title 1 53 7 2 ] | [ description 41 57 34 5 | image 41 35 37 20 | title 41 53 6 2 ] | [ description 81 57 27 2 | image 81 35 37 20 | title 81 53 7 2 ] \"", "plain_layout_seq": "description 1 28 33 5 | description 41 28 30 5 | description 81 28 35 5 | description 1 57 33 5 | description 41 57 34 5 | description 81 57 27 2 | image 1 6 37 20 | image 41 6 37 20 | image 81 6 37 20 | image 1 35 37 20 | image 41 35 37 20 | image 81 35 37 20 | title 1 0 15 3 | title 1 24 6 2 | title 41 24 6 2 | title 81 24 6 2 | title 1 53 7 2 | title 41 53 6 2 | title 81 53 7 2", "canvas_width": 960, "canvas_height": 518, "elements": [ { "type": "title", "position": [ 10, 0, 121, 26 ], "completed": false }, { "type": "image", "position": [ 10, 49, 300, 163 ], "completed": false }, { "type": "image", "position": [ 330, 49, 300, 163 ], "completed": false }, { "type": "image", "position": [ 650, 49, 300, 163 ], "completed": false }, { "type": "title", "position": [ 10, 194, 55, 18 ], "completed": false }, { "type": "title", "position": [ 330, 194, 55, 18 ], "completed": false }, { "type": "title", "position": [ 650, 194, 54, 18 ], "completed": false }, { "type": "description", "position": [ 10, 224, 270, 47 ], "completed": false }, { "type": "description", "position": [ 330, 224, 241, 47 ], "completed": false }, { "type": "description", "position": [ 650, 224, 287, 47 ], "completed": false }, { "type": "image", "position": [ 10, 284, 300, 163 ], "completed": false }, { "type": "image", "position": [ 330, 284, 300, 163 ], "completed": false }, { "type": "image", "position": [ 650, 284, 300, 163 ], "completed": false }, { "type": "title", "position": [ 10, 428, 60, 19 ], "completed": false }, { "type": "title", "position": [ 330, 428, 54, 19 ], "completed": false }, { "type": "title", "position": [ 650, 428, 60, 19 ], "completed": false }, { "type": "description", "position": [ 10, 459, 267, 47 ], "completed": false }, { "type": "description", "position": [ 330, 459, 272, 47 ], "completed": false }, { "type": "description", "position": [ 650, 459, 216, 21 ], "completed": false } ] }, { "text": "#A page for users to contact for support.# On the top of the page, there should be a title and besides it there should be two options. Each of it is constituted of an icon and a link.", "region_id": "3180", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:link] ] ] ]", "execution": "multiinfo : title top undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 61 18 2 2 | icon 30 18 2 2 | link 65 18 25 2 | link 34 18 9 2 | title 30 7 60 5", "layout_seq_without_completion": "icon 61 18 2 2 | icon 30 18 2 2 | link 65 18 25 2 | link 34 18 9 2 | title 30 7 60 5", "plain_layout_seq": "icon 61 18 2 2 | icon 30 18 2 2 | link 65 18 25 2 | link 34 18 9 2 | title 30 7 60 5", "canvas_width": 1024, "canvas_height": 259, "elements": [ { "type": "title", "position": [ 256, 64, 512, 48 ], "completed": false }, { "type": "link", "position": [ 291, 159, 84, 24 ], "completed": false }, { "type": "link", "position": [ 561, 159, 220, 24 ], "completed": false }, { "type": "icon", "position": [ 258, 162, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 528, 162, 18, 18 ], "completed": false } ] }, { "text": "#A page for introducing the information of a company to users.# The page should include two parts of corporations and individuals. Each part contains an image, a brief description, and a button for users to click for further information.", "region_id": "1319", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'corporations, individuals'] [item [el:image] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 91 | button 2 71 18 4 | button 62 71 18 4 | description 2 56 55 10 | description 62 56 55 7 | image 62 22 55 31 | image 2 22 55 31 | complete text 60 0 58 14 | complete text 0 0 58 14", "layout_seq_without_completion": "background 0 0 120 91 | button 2 71 18 4 | button 62 71 18 4 | description 2 56 55 10 | description 62 56 55 7 | image 62 22 55 31 | image 2 22 55 31 | text 60 0 58 14 | text 0 0 58 14", "plain_layout_seq": "background 0 0 120 91 | button 2 71 18 4 | button 62 71 18 4 | description 2 56 55 10 | description 62 56 55 7 | image 62 22 55 31 | image 2 22 55 31 | text 60 0 58 14 | text 0 0 58 14", "canvas_width": 1024, "canvas_height": 784, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 784 ], "completed": true }, { "type": "text", "position": [ 6, 1, 500, 120 ], "completed": true }, { "type": "text", "position": [ 518, 1, 500, 120 ], "completed": true }, { "type": "image", "position": [ 20, 190, 472, 266 ], "completed": false }, { "type": "image", "position": [ 532, 190, 472, 266 ], "completed": false }, { "type": "description", "position": [ 20, 486, 472, 90 ], "completed": false }, { "type": "description", "position": [ 532, 486, 472, 60 ], "completed": false }, { "type": "button", "position": [ 20, 606, 160, 38 ], "completed": false }, { "type": "button", "position": [ 532, 606, 160, 38 ], "completed": false } ] }, { "text": "#A page for showing some icons.# The page should have 4 icons of Facebook, Instagram, Youtube, and Pinterest.", "region_id": "8141", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'facebook, instagram, facebook, pinterest'] [item [el:icon] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 51 0 3 3 ] | [ icon 55 0 3 3 ] | [ icon 60 0 3 3 ] | [ icon 64 0 3 3 ] \"", "layout_seq_without_completion": "\" [ icon 51 0 3 3 ] | [ icon 55 0 3 3 ] | [ icon 60 0 3 3 ] | [ icon 64 0 3 3 ] \"", "plain_layout_seq": "icon 51 0 3 3 | icon 55 0 3 3 | icon 60 0 3 3 | icon 64 0 3 3", "canvas_width": 940, "canvas_height": 31, "elements": [ { "type": "icon", "position": [ 404, 1, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 438, 1, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 472, 1, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 506, 1, 30, 30 ], "completed": false } ] }, { "text": "#A page asking users to select their locations.# The page contains the title \"Select your location\" and 4 information sets. Each group includes the flag of a country and a link.", "region_id": "3197", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'select your location'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:logo] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined | logo undefined undefined ] | [ link undefined undefined | logo undefined undefined ] | [ link undefined undefined | logo undefined undefined ] | [ link undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "link 63 22 17 2 | link 89 22 11 2 | link 18 22 11 2 | link 37 22 20 2 | logo 44 14 8 5 | logo 20 14 8 5 | logo 67 14 8 5 | logo 91 14 8 5 | title 1 7 116 4", "layout_seq_without_completion": "link 63 22 17 2 | link 89 22 11 2 | link 18 22 11 2 | link 37 22 20 2 | logo 44 14 8 5 | logo 20 14 8 5 | logo 67 14 8 5 | logo 91 14 8 5 | title 1 7 116 4", "plain_layout_seq": "link 63 22 17 2 | link 89 22 11 2 | link 18 22 11 2 | link 37 22 20 2 | logo 44 14 8 5 | logo 20 14 8 5 | logo 67 14 8 5 | logo 91 14 8 5 | title 1 7 116 4", "canvas_width": 1024, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 15, 60, 994, 37 ], "completed": false }, { "type": "logo", "position": [ 177, 127, 70, 47 ], "completed": false }, { "type": "logo", "position": [ 377, 127, 70, 47 ], "completed": false }, { "type": "logo", "position": [ 577, 127, 70, 47 ], "completed": false }, { "type": "logo", "position": [ 777, 127, 70, 47 ], "completed": false }, { "type": "link", "position": [ 162, 193, 99, 19 ], "completed": false }, { "type": "link", "position": [ 322, 193, 179, 19 ], "completed": false }, { "type": "link", "position": [ 538, 193, 148, 19 ], "completed": false }, { "type": "link", "position": [ 762, 193, 101, 19 ], "completed": false } ] }, { "text": "#A page for showing a set of information types about a corporation named \"DOOR\".# The page should contain a logo and a title on the top. Below, there should be three functions of the new technique. Each part contains an image, a title, and a brief description for \"NTT NEWS ROOM\", \"Digital Museum\", and \"Applications cases on DOOR\".", "region_id": "222", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo [attr:position'top'] ] [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'ntt news room, digital museum, applications cases on door'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : logo top undefined | title top undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 77 | description 9 61 31 6 | description 44 61 31 10 | description 78 61 31 8 | image 9 38 31 17 | image 44 38 31 17 | image 78 38 31 17 | logo 51 7 16 21 | title 44 57 31 3 | title 78 57 31 3 | title 9 57 31 3 | title 9 31 100 3", "layout_seq_without_completion": "background 0 0 120 77 | description 9 61 31 6 | description 44 61 31 10 | description 78 61 31 8 | image 9 38 31 17 | image 44 38 31 17 | image 78 38 31 17 | logo 51 7 16 21 | title 44 57 31 3 | title 78 57 31 3 | title 9 57 31 3 | title 9 31 100 3", "plain_layout_seq": "background 0 0 120 77 | description 9 61 31 6 | description 44 61 31 10 | description 78 61 31 8 | image 9 38 31 17 | image 44 38 31 17 | image 78 38 31 17 | logo 51 7 16 21 | title 44 57 31 3 | title 78 57 31 3 | title 9 57 31 3 | title 9 31 100 3", "canvas_width": 1000, "canvas_height": 644, "elements": [ { "type": "background", "position": [ 0, 0, 1000, 644 ], "completed": true }, { "type": "logo", "position": [ 430, 61, 140, 175 ], "completed": false }, { "type": "title", "position": [ 80, 263, 840, 28 ], "completed": false }, { "type": "image", "position": [ 80, 321, 262, 148 ], "completed": false }, { "type": "image", "position": [ 369, 321, 262, 148 ], "completed": false }, { "type": "image", "position": [ 658, 321, 262, 148 ], "completed": false }, { "type": "title", "position": [ 80, 476, 262, 28 ], "completed": false }, { "type": "title", "position": [ 369, 476, 262, 28 ], "completed": false }, { "type": "title", "position": [ 658, 476, 262, 28 ], "completed": false }, { "type": "description", "position": [ 80, 512, 262, 54 ], "completed": false }, { "type": "description", "position": [ 369, 512, 262, 90 ], "completed": false }, { "type": "description", "position": [ 658, 512, 262, 72 ], "completed": false } ] }, { "text": "#A page introducing the several methods of improving code quality to users.#The page should have one text heading and six link titles for users to click to know details of the method.", "region_id": "5740", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 11 2 | \" [ link 4 5 22 2 ] | [ link 45 5 9 2 ] | [ link 85 5 27 2 ] | [ link 4 8 11 2 ] | [ link 45 8 9 2 ] | [ link 85 8 20 2 ] \"", "layout_seq_without_completion": "title 0 0 11 2 | \" [ link 4 5 22 2 ] | [ link 45 5 9 2 ] | [ link 85 5 27 2 ] | [ link 4 8 11 2 ] | [ link 45 8 9 2 ] | [ link 85 8 20 2 ] \"", "plain_layout_seq": "link 4 5 22 2 | link 45 5 9 2 | link 85 5 27 2 | link 4 8 11 2 | link 45 8 9 2 | link 85 8 20 2 | title 0 0 11 2", "canvas_width": 953, "canvas_height": 91, "elements": [ { "type": "title", "position": [ 0, 2, 90, 19 ], "completed": false }, { "type": "link", "position": [ 38, 42, 181, 19 ], "completed": false }, { "type": "link", "position": [ 359, 42, 78, 19 ], "completed": false }, { "type": "link", "position": [ 680, 42, 219, 19 ], "completed": false }, { "type": "link", "position": [ 38, 68, 89, 19 ], "completed": false }, { "type": "link", "position": [ 359, 68, 76, 19 ], "completed": false }, { "type": "link", "position": [ 680, 68, 165, 19 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one label and one title\"The Easiest Way to\". Next are three info groups, and each of them includes one image and two text boxes, one for the platform's merit and the other for the detail.", "region_id": "1754", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title [attr:value'the easiest way to'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | complete image 81 21 38 63 | image 49 33 23 42 | complete image 41 21 38 63 | complete image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "layout_seq_without_completion": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | image 81 21 38 63 | image 49 33 23 42 | image 41 21 38 63 | image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "plain_layout_seq": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | image 81 21 38 63 | image 49 33 23 42 | image 41 21 38 63 | image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "canvas_width": 1034, "canvas_height": 749, "elements": [ { "type": "title", "position": [ 0, 40, 1034, 18 ], "completed": false }, { "type": "title", "position": [ 17, 72, 1000, 64 ], "completed": false }, { "type": "image", "position": [ 15, 186, 336, 548 ], "completed": true }, { "type": "image", "position": [ 360, 186, 336, 548 ], "completed": true }, { "type": "image", "position": [ 704, 186, 330, 548 ], "completed": true }, { "type": "text", "position": [ 58, 205, 250, 67 ], "completed": false }, { "type": "text", "position": [ 403, 205, 250, 67 ], "completed": false }, { "type": "text", "position": [ 747, 205, 250, 67 ], "completed": false }, { "type": "image", "position": [ 80, 287, 205, 364 ], "completed": false }, { "type": "image", "position": [ 425, 287, 205, 364 ], "completed": false }, { "type": "image", "position": [ 770, 287, 205, 364 ], "completed": false }, { "type": "description", "position": [ 43, 673, 280, 36 ], "completed": false }, { "type": "description", "position": [ 388, 673, 280, 36 ], "completed": false }, { "type": "description", "position": [ 732, 673, 280, 36 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one label and one text box showing the title. Three texts are needed and each of them includes one image and two text boxes, one for the platform's merit and the other for the detail.", "region_id": "1754_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | complete image 81 21 38 63 | image 49 33 23 42 | complete image 41 21 38 63 | complete image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "layout_seq_without_completion": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | image 81 21 38 63 | image 49 33 23 42 | image 41 21 38 63 | image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "plain_layout_seq": "description 45 78 32 4 | description 84 78 32 4 | description 4 78 32 4 | image 9 33 23 42 | image 89 33 23 42 | image 81 21 38 63 | image 49 33 23 42 | image 41 21 38 63 | image 1 21 38 63 | text 6 23 29 7 | text 46 23 29 7 | text 86 23 29 7 | title 1 8 116 7 | title 0 4 120 2", "canvas_width": 1034, "canvas_height": 749, "elements": [ { "type": "title", "position": [ 0, 40, 1034, 18 ], "completed": false }, { "type": "title", "position": [ 17, 72, 1000, 64 ], "completed": false }, { "type": "image", "position": [ 15, 186, 336, 548 ], "completed": true }, { "type": "image", "position": [ 360, 186, 336, 548 ], "completed": true }, { "type": "image", "position": [ 704, 186, 330, 548 ], "completed": true }, { "type": "text", "position": [ 58, 205, 250, 67 ], "completed": false }, { "type": "text", "position": [ 403, 205, 250, 67 ], "completed": false }, { "type": "text", "position": [ 747, 205, 250, 67 ], "completed": false }, { "type": "image", "position": [ 80, 287, 205, 364 ], "completed": false }, { "type": "image", "position": [ 425, 287, 205, 364 ], "completed": false }, { "type": "image", "position": [ 770, 287, 205, 364 ], "completed": false }, { "type": "description", "position": [ 43, 673, 280, 36 ], "completed": false }, { "type": "description", "position": [ 388, 673, 280, 36 ], "completed": false }, { "type": "description", "position": [ 732, 673, 280, 36 ], "completed": false } ] }, { "text": "#A page for showing one company's achievement.# There should be one title\"Delivering best-in-class technology for 19 years\".# There should be four text boxes showing its achievement and each of them is under one text box showing the number.", "region_id": "584", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'delivering best-in-class technology for 19 years'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:text [attr:repeat'2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 101 15 12 3 | text 5 15 22 3 | text 101 10 12 4 | text 43 10 14 4 | text 43 15 14 3 | text 73 10 13 4 | text 73 15 13 3 | text 5 10 22 4 | title 1 0 116 5", "layout_seq_without_completion": "text 101 15 12 3 | text 5 15 22 3 | text 101 10 12 4 | text 43 10 14 4 | text 43 15 14 3 | text 73 10 13 4 | text 73 15 13 3 | text 5 10 22 4 | title 1 0 116 5", "plain_layout_seq": "text 101 15 12 3 | text 5 15 22 3 | text 101 10 12 4 | text 43 10 14 4 | text 43 15 14 3 | text 73 10 13 4 | text 73 15 13 3 | text 5 10 22 4 | title 1 0 116 5", "canvas_width": 1024, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 16, 0, 992, 43 ], "completed": false }, { "type": "text", "position": [ 51, 90, 191, 40 ], "completed": false }, { "type": "text", "position": [ 370, 90, 126, 40 ], "completed": false }, { "type": "text", "position": [ 623, 90, 117, 40 ], "completed": false }, { "type": "text", "position": [ 868, 90, 105, 40 ], "completed": false }, { "type": "text", "position": [ 51, 130, 191, 32 ], "completed": false }, { "type": "text", "position": [ 370, 130, 126, 32 ], "completed": false }, { "type": "text", "position": [ 623, 130, 117, 32 ], "completed": false }, { "type": "text", "position": [ 868, 130, 105, 32 ], "completed": false } ] }, { "text": "#A page showing prices for users to make a comparison.#The page should have five combinations and each combination has a picture, and a title including the name of an item, its price in the past, and how much it is now.", "region_id": "4736", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text[attr:repeat'2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 1 17 17 | image 50 1 17 17 | image 27 1 17 17 | image 73 1 17 17 | image 97 1 17 17 | text 25 24 19 1 | text 49 24 19 1 | text 72 26 19 2 | text 96 24 19 1 | text 2 24 19 2 | text 25 26 19 2 | text 96 26 19 2 | text 49 26 19 2 | text 72 24 19 1 | title 2 20 19 3 | title 25 20 19 3 | title 72 20 19 3 | title 96 20 19 3 | title 49 20 19 3", "layout_seq_without_completion": "image 3 1 17 17 | image 50 1 17 17 | image 27 1 17 17 | image 73 1 17 17 | image 97 1 17 17 | text 25 24 19 1 | text 49 24 19 1 | text 72 26 19 2 | text 96 24 19 1 | text 2 24 19 2 | text 25 26 19 2 | text 96 26 19 2 | text 49 26 19 2 | text 72 24 19 1 | title 2 20 19 3 | title 25 20 19 3 | title 72 20 19 3 | title 96 20 19 3 | title 49 20 19 3", "plain_layout_seq": "image 3 1 17 17 | image 50 1 17 17 | image 27 1 17 17 | image 73 1 17 17 | image 97 1 17 17 | text 25 24 19 1 | text 49 24 19 1 | text 72 26 19 2 | text 96 24 19 1 | text 2 24 19 2 | text 25 26 19 2 | text 96 26 19 2 | text 49 26 19 2 | text 72 24 19 1 | title 2 20 19 3 | title 25 20 19 3 | title 72 20 19 3 | title 96 20 19 3 | title 49 20 19 3", "canvas_width": 1004, "canvas_height": 305, "elements": [ { "type": "image", "position": [ 30, 15, 144, 144 ], "completed": false }, { "type": "image", "position": [ 226, 15, 144, 144 ], "completed": false }, { "type": "image", "position": [ 422, 15, 144, 144 ], "completed": false }, { "type": "image", "position": [ 618, 15, 144, 144 ], "completed": false }, { "type": "image", "position": [ 814, 15, 144, 144 ], "completed": false }, { "type": "title", "position": [ 20, 171, 164, 28 ], "completed": false }, { "type": "title", "position": [ 216, 171, 164, 28 ], "completed": false }, { "type": "title", "position": [ 412, 171, 164, 28 ], "completed": false }, { "type": "title", "position": [ 608, 171, 164, 28 ], "completed": false }, { "type": "title", "position": [ 804, 171, 164, 28 ], "completed": false }, { "type": "text", "position": [ 20, 209, 164, 18 ], "completed": false }, { "type": "text", "position": [ 216, 209, 164, 14 ], "completed": false }, { "type": "text", "position": [ 412, 209, 164, 14 ], "completed": false }, { "type": "text", "position": [ 608, 209, 164, 14 ], "completed": false }, { "type": "text", "position": [ 804, 209, 164, 14 ], "completed": false }, { "type": "text", "position": [ 216, 223, 164, 18 ], "completed": false }, { "type": "text", "position": [ 412, 223, 164, 18 ], "completed": false }, { "type": "text", "position": [ 608, 223, 164, 18 ], "completed": false }, { "type": "text", "position": [ 804, 223, 164, 18 ], "completed": false } ] }, { "text": "#A page for introducing the Logo Design Packages to users.# There should be one title \"Logo Design Packages\" on the top. Below it, there should be four groups of packages like \"Basic package\", \"Platinum Package\", \"Standard Package\", and \"Diamond Package\". Each group contains one image on the top, one title, and the number of reviews and sales under it. At the bottom of the page, two backward and forward buttons should be provided for users to click for further information.", "region_id": "6378", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'logo design packages'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Basic package, Platinum Package, Standard Package, Diamond Package'] [item [el:image [attr:position 'top'] ] [el:title] [el:text] [el:text] ] ] [el:button [attr:position 'bottom'] [attr:repeat '2'] ] ]", "execution": "multiinfo : button bottom undefined | button bottom undefined | title top undefined | { [ image top undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image top undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image top undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image top undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 61 40 4 4 | button 54 40 4 4 | title 37 1 45 6 | \" [ image 5 10 22 15 | text 8 35 17 1 | text 5 31 22 2 | complete text 13 37 6 2 | title 10 27 11 2 ] | [ image 34 10 22 15 | text 34 31 22 2 | text 37 35 17 1 | complete text 42 37 6 2 | title 38 27 15 2 ] | [ image 63 10 22 15 | text 63 31 22 2 | text 66 35 17 1 | complete text 71 37 6 2 | title 67 27 14 2 ] | [ image 92 10 22 15 | text 92 31 22 2 | text 95 35 17 1 | complete text 100 37 7 2 | title 96 27 14 2 ] \"", "layout_seq_without_completion": "button 61 40 4 4 | button 54 40 4 4 | title 37 1 45 6 | \" [ image 5 10 22 15 | text 8 35 17 1 | text 5 31 22 2 | text 13 37 6 2 | title 10 27 11 2 ] | [ image 34 10 22 15 | text 34 31 22 2 | text 37 35 17 1 | text 42 37 6 2 | title 38 27 15 2 ] | [ image 63 10 22 15 | text 63 31 22 2 | text 66 35 17 1 | text 71 37 6 2 | title 67 27 14 2 ] | [ image 92 10 22 15 | text 92 31 22 2 | text 95 35 17 1 | text 100 37 7 2 | title 96 27 14 2 ] \"", "plain_layout_seq": "button 61 40 4 4 | button 54 40 4 4 | image 5 10 22 15 | image 34 10 22 15 | image 63 10 22 15 | image 92 10 22 15 | text 8 35 17 1 | text 5 31 22 2 | text 13 37 6 2 | text 34 31 22 2 | text 37 35 17 1 | text 42 37 6 2 | text 63 31 22 2 | text 66 35 17 1 | text 71 37 6 2 | text 92 31 22 2 | text 95 35 17 1 | text 100 37 7 2 | title 37 1 45 6 | title 10 27 11 2 | title 38 27 15 2 | title 67 27 14 2 | title 96 27 14 2", "canvas_width": 1024, "canvas_height": 396, "elements": [ { "type": "title", "position": [ 316, 10, 391, 53 ], "completed": false }, { "type": "image", "position": [ 46, 89, 192, 128 ], "completed": false }, { "type": "image", "position": [ 294, 89, 192, 128 ], "completed": false }, { "type": "image", "position": [ 543, 89, 192, 128 ], "completed": false }, { "type": "image", "position": [ 792, 89, 192, 128 ], "completed": false }, { "type": "title", "position": [ 93, 234, 98, 22 ], "completed": false }, { "type": "title", "position": [ 326, 234, 128, 22 ], "completed": false }, { "type": "title", "position": [ 576, 234, 126, 22 ], "completed": false }, { "type": "title", "position": [ 824, 234, 127, 22 ], "completed": false }, { "type": "text", "position": [ 46, 268, 192, 24 ], "completed": false }, { "type": "text", "position": [ 294, 268, 192, 24 ], "completed": false }, { "type": "text", "position": [ 543, 268, 192, 24 ], "completed": false }, { "type": "text", "position": [ 792, 268, 192, 24 ], "completed": false }, { "type": "text", "position": [ 69, 302, 146, 9 ], "completed": false }, { "type": "text", "position": [ 317, 302, 146, 9 ], "completed": false }, { "type": "text", "position": [ 566, 302, 146, 9 ], "completed": false }, { "type": "text", "position": [ 814, 302, 146, 9 ], "completed": false }, { "type": "text", "position": [ 113, 318, 57, 20 ], "completed": true }, { "type": "text", "position": [ 362, 318, 57, 20 ], "completed": true }, { "type": "text", "position": [ 610, 318, 57, 20 ], "completed": true }, { "type": "text", "position": [ 855, 318, 65, 20 ], "completed": true }, { "type": "button", "position": [ 462, 346, 40, 40 ], "completed": false }, { "type": "button", "position": [ 522, 346, 40, 40 ], "completed": false } ] }, { "text": "#The page helps the user to make choices.#There should be one heading named \"No Idea Which to Choose?\", and two groups, which contain one button for the user to click on to make a choice and one link for the user to click on to get further help, and one word\"Or\" between the two groups.", "region_id": "4009", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'no idea which to choose?'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:button] [el:link] ] ] [el:text [attr:value 'or']] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 17 16 35 9 | button 60 16 42 9 | link 21 26 27 4 | link 60 26 23 4 | text 54 16 3 12 | title 5 6 109 5", "layout_seq_without_completion": "button 17 16 35 9 | button 60 16 42 9 | link 21 26 27 4 | link 60 26 23 4 | text 54 16 3 12 | title 5 6 109 5", "plain_layout_seq": "button 17 16 35 9 | button 60 16 42 9 | link 21 26 27 4 | link 60 26 23 4 | text 54 16 3 12 | title 5 6 109 5", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "title", "position": [ 45, 57, 934, 47 ], "completed": false }, { "type": "button", "position": [ 146, 143, 306, 78 ], "completed": false }, { "type": "text", "position": [ 468, 143, 32, 105 ], "completed": false }, { "type": "button", "position": [ 516, 143, 363, 78 ], "completed": false }, { "type": "link", "position": [ 182, 225, 237, 36 ], "completed": false }, { "type": "link", "position": [ 516, 225, 199, 36 ], "completed": false } ] }, { "text": "# A page for marketing a company DigitalOcean. # The page should have four groups of information sets. In each group, there should include a title and a number above to introduce the number of the global data center, countries of customer build-in, customer building with DigitalOcean, and uptime SLA for droplet and storage.", "region_id": "4701", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Global data center, Countries of customer build-in, Customer building with DigitalOcean, Uptime SLA for Droplet and Storage'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 32 11 19 6 | text 63 11 21 6 | text 94 11 23 6 | text 1 11 21 6 | title 1 7 23 3 | title 32 7 23 3 | title 94 7 23 3 | title 63 7 23 3", "layout_seq_without_completion": "text 32 11 19 6 | text 63 11 21 6 | text 94 11 23 6 | text 1 11 21 6 | title 1 7 23 3 | title 32 7 23 3 | title 94 7 23 3 | title 63 7 23 3", "plain_layout_seq": "text 32 11 19 6 | text 63 11 21 6 | text 94 11 23 6 | text 1 11 21 6 | title 1 7 23 3 | title 32 7 23 3 | title 94 7 23 3 | title 63 7 23 3", "canvas_width": 1024, "canvas_height": 180, "elements": [ { "type": "title", "position": [ 16, 64, 204, 28 ], "completed": false }, { "type": "title", "position": [ 279, 64, 204, 28 ], "completed": false }, { "type": "title", "position": [ 541, 64, 204, 28 ], "completed": false }, { "type": "title", "position": [ 804, 64, 204, 28 ], "completed": false }, { "type": "text", "position": [ 16, 94, 184, 52 ], "completed": false }, { "type": "text", "position": [ 279, 94, 169, 52 ], "completed": false }, { "type": "text", "position": [ 541, 94, 180, 52 ], "completed": false }, { "type": "text", "position": [ 804, 94, 202, 52 ], "completed": false } ] }, { "text": "#A page for introducing the company \"Boccards\" to users.# This page should include one title \"Our Global Presence\". Below, there should be four groups of countries. Each group contains one national flag and its name. They are the UK, India, Maldives, and Seychelles. And one poster is set on the right side.", "region_id": "3435", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our global presence']] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'UK, India, Maldives,Seychelles.'] [item [el:logo] [el:title] ] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : image right undefined | title undefined undefined | { [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 2 57 12 | logo 18 7 8 5 | logo 4 7 8 5 | logo 32 7 8 5 | logo 47 7 8 5 | title 1 2 57 2 | title 4 14 8 1 | title 18 14 8 1 | title 32 14 8 1 | title 47 14 8 1", "layout_seq_without_completion": "image 61 2 57 12 | logo 18 7 8 5 | logo 4 7 8 5 | logo 32 7 8 5 | logo 47 7 8 5 | title 1 2 57 2 | title 4 14 8 1 | title 18 14 8 1 | title 32 14 8 1 | title 47 14 8 1", "plain_layout_seq": "image 61 2 57 12 | logo 18 7 8 5 | logo 4 7 8 5 | logo 32 7 8 5 | logo 47 7 8 5 | title 1 2 57 2 | title 4 14 8 1 | title 18 14 8 1 | title 32 14 8 1 | title 47 14 8 1", "canvas_width": 960, "canvas_height": 128, "elements": [ { "type": "title", "position": [ 10, 20, 460, 23 ], "completed": false }, { "type": "image", "position": [ 490, 20, 460, 102 ], "completed": false }, { "type": "logo", "position": [ 33, 63, 69, 41 ], "completed": false }, { "type": "logo", "position": [ 148, 63, 69, 41 ], "completed": false }, { "type": "logo", "position": [ 263, 63, 69, 41 ], "completed": false }, { "type": "logo", "position": [ 378, 63, 69, 41 ], "completed": false }, { "type": "title", "position": [ 33, 114, 69, 12 ], "completed": false }, { "type": "title", "position": [ 148, 114, 69, 12 ], "completed": false }, { "type": "title", "position": [ 263, 114, 69, 12 ], "completed": false }, { "type": "title", "position": [ 378, 114, 69, 12 ], "completed": false } ] }, { "text": "# A page for the news releases. # On the page, one title is needed. Besides, there should be three text boxes containing the date and the title of the news.", "region_id": "1819", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 5 31 16 2 | text 5 16 16 2 | text 5 23 16 2 | title 5 6 25 2 | title 22 31 88 2 | title 22 16 88 2 | title 22 23 88 2", "layout_seq_without_completion": "text 5 31 16 2 | text 5 16 16 2 | text 5 23 16 2 | title 5 6 25 2 | title 22 31 88 2 | title 22 16 88 2 | title 22 23 88 2", "plain_layout_seq": "text 5 31 16 2 | text 5 16 16 2 | text 5 23 16 2 | title 5 6 25 2 | title 22 31 88 2 | title 22 16 88 2 | title 22 23 88 2", "canvas_width": 1003, "canvas_height": 339, "elements": [ { "type": "title", "position": [ 50, 55, 209, 22 ], "completed": false }, { "type": "text", "position": [ 50, 138, 135, 22 ], "completed": false }, { "type": "title", "position": [ 185, 138, 738, 22 ], "completed": false }, { "type": "text", "position": [ 50, 200, 135, 22 ], "completed": false }, { "type": "title", "position": [ 185, 200, 738, 22 ], "completed": false }, { "type": "text", "position": [ 50, 263, 135, 22 ], "completed": false }, { "type": "title", "position": [ 185, 263, 738, 22 ], "completed": false } ] }, { "text": "# A page to browse the catalog in the SalemNOW. # The page should have the title \"Browse Our Catalog\", a brief introduction for SalemNOW, and four images showing the poster of films. Most importantly, the page is needed a button \"Browse All\", so the user can click to browse all of the catalogs.", "region_id": "5118", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Browse Our Catalog'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] [el:button [attr:value 'Browse All'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 49 68 20 6 | description 26 16 67 7 | title 26 9 67 4 | \" [ image 8 27 23 35 ] | [ image 35 27 23 35 ] | [ image 61 27 23 35 ] | [ image 87 27 23 35 ] \"", "layout_seq_without_completion": "button 49 68 20 6 | description 26 16 67 7 | title 26 9 67 4 | \" [ image 8 27 23 35 ] | [ image 35 27 23 35 ] | [ image 61 27 23 35 ] | [ image 87 27 23 35 ] \"", "plain_layout_seq": "button 49 68 20 6 | description 26 16 67 7 | image 8 27 23 35 | image 35 27 23 35 | image 61 27 23 35 | image 87 27 23 35 | title 26 9 67 4", "canvas_width": 1024, "canvas_height": 719, "elements": [ { "type": "title", "position": [ 222, 80, 580, 37 ], "completed": false }, { "type": "description", "position": [ 222, 141, 580, 60 ], "completed": false }, { "type": "image", "position": [ 74, 232, 200, 300 ], "completed": false }, { "type": "image", "position": [ 300, 232, 200, 300 ], "completed": false }, { "type": "image", "position": [ 524, 232, 200, 300 ], "completed": false }, { "type": "image", "position": [ 750, 232, 200, 300 ], "completed": false }, { "type": "button", "position": [ 424, 584, 175, 54 ], "completed": false } ] }, { "text": "# A page advertising the featured categories of an online shop. # The page should have a title \"Featured Category\", a slogan, and 16 categories with each containing a small image and a category name.", "region_id": "4937", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Featured Category'] ] [el:title] [gp:InfoGroup [gattr:repeat '16'] [item [el:image [attr:size 'small'] ] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "complete image 20 13 18 16 | complete image 80 13 18 16 | image 27 53 5 5 | complete image 0 50 18 16 | complete image 40 50 18 16 | image 67 53 5 5 | complete image 60 50 18 16 | image 7 35 5 5 | complete image 0 31 18 16 | complete image 20 31 18 16 | complete image 40 31 18 16 | image 67 35 5 5 | complete image 60 31 18 16 | complete image 80 31 18 16 | image 47 35 5 5 | image 27 16 5 5 | image 47 16 5 5 | image 87 16 5 5 | image 107 16 5 5 | image 27 35 5 5 | image 107 35 5 5 | image 47 53 5 5 | image 7 16 5 5 | complete image 0 13 18 16 | complete image 40 13 18 16 | image 67 16 5 5 | complete image 60 13 18 16 | complete image 100 13 18 16 | image 87 35 5 5 | complete image 100 31 18 16 | image 7 53 5 5 | complete image 20 50 18 16 | text 20 61 18 3 | text 40 61 18 3 | text 60 61 18 3 | text 20 42 18 3 | text 0 24 18 3 | text 40 24 18 3 | text 80 42 18 3 | text 60 24 18 3 | text 100 42 18 3 | text 40 42 18 3 | text 100 24 18 3 | text 60 42 18 3 | text 0 61 18 3 | text 20 24 18 3 | text 80 24 18 3 | text 0 42 18 3 | title 0 8 118 3 | title 0 4 118 3", "layout_seq_without_completion": "image 20 13 18 16 | image 80 13 18 16 | image 27 53 5 5 | image 0 50 18 16 | image 40 50 18 16 | image 67 53 5 5 | image 60 50 18 16 | image 7 35 5 5 | image 0 31 18 16 | image 20 31 18 16 | image 40 31 18 16 | image 67 35 5 5 | image 60 31 18 16 | image 80 31 18 16 | image 47 35 5 5 | image 27 16 5 5 | image 47 16 5 5 | image 87 16 5 5 | image 107 16 5 5 | image 27 35 5 5 | image 107 35 5 5 | image 47 53 5 5 | image 7 16 5 5 | image 0 13 18 16 | image 40 13 18 16 | image 67 16 5 5 | image 60 13 18 16 | image 100 13 18 16 | image 87 35 5 5 | image 100 31 18 16 | image 7 53 5 5 | image 20 50 18 16 | text 20 61 18 3 | text 40 61 18 3 | text 60 61 18 3 | text 20 42 18 3 | text 0 24 18 3 | text 40 24 18 3 | text 80 42 18 3 | text 60 24 18 3 | text 100 42 18 3 | text 40 42 18 3 | text 100 24 18 3 | text 60 42 18 3 | text 0 61 18 3 | text 20 24 18 3 | text 80 24 18 3 | text 0 42 18 3 | title 0 8 118 3 | title 0 4 118 3", "plain_layout_seq": "image 20 13 18 16 | image 80 13 18 16 | image 27 53 5 5 | image 0 50 18 16 | image 40 50 18 16 | image 67 53 5 5 | image 60 50 18 16 | image 7 35 5 5 | image 0 31 18 16 | image 20 31 18 16 | image 40 31 18 16 | image 67 35 5 5 | image 60 31 18 16 | image 80 31 18 16 | image 47 35 5 5 | image 27 16 5 5 | image 47 16 5 5 | image 87 16 5 5 | image 107 16 5 5 | image 27 35 5 5 | image 107 35 5 5 | image 47 53 5 5 | image 7 16 5 5 | image 0 13 18 16 | image 40 13 18 16 | image 67 16 5 5 | image 60 13 18 16 | image 100 13 18 16 | image 87 35 5 5 | image 100 31 18 16 | image 7 53 5 5 | image 20 50 18 16 | text 20 61 18 3 | text 40 61 18 3 | text 60 61 18 3 | text 20 42 18 3 | text 0 24 18 3 | text 40 24 18 3 | text 80 42 18 3 | text 60 24 18 3 | text 100 42 18 3 | text 40 42 18 3 | text 100 24 18 3 | text 60 42 18 3 | text 0 61 18 3 | text 20 24 18 3 | text 80 24 18 3 | text 0 42 18 3 | title 0 8 118 3 | title 0 4 118 3", "canvas_width": 1004, "canvas_height": 574, "elements": [ { "type": "title", "position": [ 5, 40, 994, 26 ], "completed": false }, { "type": "title", "position": [ 5, 71, 994, 26 ], "completed": false }, { "type": "image", "position": [ 5, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 172, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 340, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 507, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 674, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 841, 112, 157, 134 ], "completed": true }, { "type": "image", "position": [ 60, 142, 48, 48 ], "completed": false }, { "type": "image", "position": [ 227, 142, 48, 48 ], "completed": false }, { "type": "image", "position": [ 394, 142, 48, 48 ], "completed": false }, { "type": "image", "position": [ 561, 142, 48, 48 ], "completed": false }, { "type": "image", "position": [ 729, 142, 48, 48 ], "completed": false }, { "type": "image", "position": [ 896, 142, 48, 48 ], "completed": false }, { "type": "text", "position": [ 5, 205, 157, 26 ], "completed": false }, { "type": "text", "position": [ 172, 205, 157, 26 ], "completed": false }, { "type": "text", "position": [ 340, 205, 157, 26 ], "completed": false }, { "type": "text", "position": [ 507, 205, 157, 26 ], "completed": false }, { "type": "text", "position": [ 674, 205, 157, 26 ], "completed": false }, { "type": "text", "position": [ 841, 205, 157, 26 ], "completed": false }, { "type": "image", "position": [ 5, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 172, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 340, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 507, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 674, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 841, 266, 157, 134 ], "completed": true }, { "type": "image", "position": [ 60, 296, 48, 48 ], "completed": false }, { "type": "image", "position": [ 227, 296, 48, 48 ], "completed": false }, { "type": "image", "position": [ 394, 296, 48, 48 ], "completed": false }, { "type": "image", "position": [ 561, 296, 48, 48 ], "completed": false }, { "type": "image", "position": [ 729, 296, 48, 48 ], "completed": false }, { "type": "image", "position": [ 896, 296, 48, 48 ], "completed": false }, { "type": "text", "position": [ 5, 359, 157, 26 ], "completed": false }, { "type": "text", "position": [ 172, 359, 157, 26 ], "completed": false }, { "type": "text", "position": [ 340, 359, 157, 26 ], "completed": false }, { "type": "text", "position": [ 507, 359, 157, 26 ], "completed": false }, { "type": "text", "position": [ 674, 359, 157, 26 ], "completed": false }, { "type": "text", "position": [ 841, 359, 157, 26 ], "completed": false }, { "type": "image", "position": [ 5, 420, 157, 134 ], "completed": true }, { "type": "image", "position": [ 172, 420, 157, 134 ], "completed": true }, { "type": "image", "position": [ 340, 420, 157, 134 ], "completed": true }, { "type": "image", "position": [ 507, 420, 157, 134 ], "completed": true }, { "type": "image", "position": [ 60, 450, 48, 48 ], "completed": false }, { "type": "image", "position": [ 227, 450, 48, 48 ], "completed": false }, { "type": "image", "position": [ 394, 450, 48, 48 ], "completed": false }, { "type": "image", "position": [ 561, 450, 48, 48 ], "completed": false }, { "type": "text", "position": [ 5, 513, 157, 26 ], "completed": false }, { "type": "text", "position": [ 172, 513, 157, 26 ], "completed": false }, { "type": "text", "position": [ 340, 513, 157, 26 ], "completed": false }, { "type": "text", "position": [ 507, 513, 157, 26 ], "completed": false } ] }, { "text": "#A page showing some news.# There should be three info groups. And each of them includes two news and one link which is used to read more.", "region_id": "134", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:text [attr:repeat'2'] ] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete image 79 0 38 24 | complete image 1 0 38 24 | complete image 1 24 38 24 | complete image 79 24 38 24 | complete image 40 0 38 24 | complete image 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | text 4 19 15 2 | text 82 44 10 2 | text 43 19 10 2 | text 43 44 15 2 | text 82 19 4 2 | text 4 44 26 2", "layout_seq_without_completion": "image 79 0 38 24 | image 1 0 38 24 | image 1 24 38 24 | image 79 24 38 24 | image 40 0 38 24 | image 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | text 4 19 15 2 | text 82 44 10 2 | text 43 19 10 2 | text 43 44 15 2 | text 82 19 4 2 | text 4 44 26 2", "plain_layout_seq": "image 79 0 38 24 | image 1 0 38 24 | image 1 24 38 24 | image 79 24 38 24 | image 40 0 38 24 | image 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | text 4 19 15 2 | text 82 44 10 2 | text 43 19 10 2 | text 43 44 15 2 | text 82 19 4 2 | text 4 44 26 2", "canvas_width": 900, "canvas_height": 880, "elements": [ { "type": "image", "position": [ 14, 0, 290, 184 ], "completed": true }, { "type": "image", "position": [ 306, 0, 290, 183 ], "completed": true }, { "type": "image", "position": [ 598, 0, 290, 183 ], "completed": true }, { "type": "text", "position": [ 326, 144, 79, 19 ], "completed": false }, { "type": "text", "position": [ 618, 144, 35, 19 ], "completed": false }, { "type": "text", "position": [ 34, 145, 118, 19 ], "completed": false }, { "type": "image", "position": [ 306, 186, 290, 184 ], "completed": true }, { "type": "image", "position": [ 598, 186, 290, 184 ], "completed": true }, { "type": "image", "position": [ 14, 187, 290, 183 ], "completed": true }, { "type": "text", "position": [ 34, 331, 200, 19 ], "completed": false }, { "type": "text", "position": [ 618, 331, 79, 19 ], "completed": false }, { "type": "text", "position": [ 326, 332, 115, 18 ], "completed": false }, { "type": "link", "position": [ 30, 405, 150, 50 ], "completed": false }, { "type": "link", "position": [ 322, 405, 150, 50 ], "completed": false }, { "type": "link", "position": [ 614, 405, 150, 50 ], "completed": false } ] }, { "text": "#A page showing some news.# There should be six links with a background image assigned to each. Under these items, there have to be three links, where users can get more info.", "region_id": "134_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:background_image] [el:link] ] ] [el:link [attr:repeat'3'] [attr:value'read more'] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | { [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "background 79 0 38 24 | background 1 0 38 24 | background 1 24 38 24 | background 79 24 38 24 | background 40 0 38 24 | background 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | link 4 19 15 2 | link 82 44 10 2 | link 43 19 10 2 | link 43 44 15 2 | link 82 19 4 2 | link 4 44 26 2", "layout_seq_without_completion": "background 79 0 38 24 | background 1 0 38 24 | background 1 24 38 24 | background 79 24 38 24 | background 40 0 38 24 | background 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | link 4 19 15 2 | link 82 44 10 2 | link 43 19 10 2 | link 43 44 15 2 | link 82 19 4 2 | link 4 44 26 2", "plain_layout_seq": "background 79 0 38 24 | background 1 0 38 24 | background 1 24 38 24 | background 79 24 38 24 | background 40 0 38 24 | background 40 24 38 24 | link 42 54 20 6 | link 81 54 20 6 | link 4 54 20 6 | link 4 19 15 2 | link 82 44 10 2 | link 43 19 10 2 | link 43 44 15 2 | link 82 19 4 2 | link 4 44 26 2", "canvas_width": 900, "canvas_height": 880, "elements": [ { "type": "background", "position": [ 14, 0, 290, 184 ], "completed": false }, { "type": "background", "position": [ 306, 0, 290, 183 ], "completed": false }, { "type": "background", "position": [ 598, 0, 290, 183 ], "completed": false }, { "type": "link", "position": [ 326, 144, 79, 19 ], "completed": false }, { "type": "link", "position": [ 618, 144, 35, 19 ], "completed": false }, { "type": "link", "position": [ 34, 145, 118, 19 ], "completed": false }, { "type": "background", "position": [ 306, 186, 290, 184 ], "completed": false }, { "type": "background", "position": [ 598, 186, 290, 184 ], "completed": false }, { "type": "background", "position": [ 14, 187, 290, 183 ], "completed": false }, { "type": "link", "position": [ 34, 331, 200, 19 ], "completed": false }, { "type": "link", "position": [ 618, 331, 79, 19 ], "completed": false }, { "type": "link", "position": [ 326, 332, 115, 18 ], "completed": false }, { "type": "link", "position": [ 30, 405, 150, 50 ], "completed": false }, { "type": "link", "position": [ 322, 405, 150, 50 ], "completed": false }, { "type": "link", "position": [ 614, 405, 150, 50 ], "completed": false } ] }, { "text": "# A page introducing the payment methods. # The page should have eight logos showing the payment methods.", "region_id": "6966", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 32 0 3 3 ] | [ logo 38 0 5 3 ] | [ logo 46 0 3 3 ] | [ logo 52 0 9 3 ] | [ logo 63 0 4 3 ] | [ logo 70 0 4 3 ] | [ logo 77 0 6 3 ] | [ logo 85 0 4 3 ] \"", "layout_seq_without_completion": "\" [ logo 32 0 3 3 ] | [ logo 38 0 5 3 ] | [ logo 46 0 3 3 ] | [ logo 52 0 9 3 ] | [ logo 63 0 4 3 ] | [ logo 70 0 4 3 ] | [ logo 77 0 6 3 ] | [ logo 85 0 4 3 ] \"", "plain_layout_seq": "logo 32 0 3 3 | logo 38 0 5 3 | logo 46 0 3 3 | logo 52 0 9 3 | logo 63 0 4 3 | logo 70 0 4 3 | logo 77 0 6 3 | logo 85 0 4 3", "canvas_width": 994, "canvas_height": 42, "elements": [ { "type": "logo", "position": [ 272, 0, 31, 32 ], "completed": false }, { "type": "logo", "position": [ 320, 0, 49, 32 ], "completed": false }, { "type": "logo", "position": [ 386, 0, 27, 32 ], "completed": false }, { "type": "logo", "position": [ 432, 0, 79, 32 ], "completed": false }, { "type": "logo", "position": [ 530, 0, 35, 32 ], "completed": false }, { "type": "logo", "position": [ 584, 0, 37, 32 ], "completed": false }, { "type": "logo", "position": [ 638, 0, 55, 32 ], "completed": false }, { "type": "logo", "position": [ 712, 0, 41, 32 ], "completed": false } ] }, { "text": "#A page for showing the top features of a company. # The page should have one title, 6 combinations to introduce the features such as clean removal, and each of them should have one logo, one title, and one brief description.", "region_id": "162", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [gattr:names'clean removal'] [item [el:logo] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | logo undefined undefined | title undefined undefined ] | [ description undefined small | logo undefined undefined | title undefined undefined ] | [ description undefined small | logo undefined undefined | title undefined undefined ] | [ description undefined small | logo undefined undefined | title undefined undefined ] | [ description undefined small | logo undefined undefined | title undefined undefined ] | [ description undefined small | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 87 15 26 11 | title 87 30 26 8 | title 12 15 26 11 | title 12 30 26 8 | title 50 15 26 11 | title 50 30 26 8 | title 5 5 108 4", "layout_seq_without_completion": "image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 87 15 26 11 | title 87 30 26 8 | title 12 15 26 11 | title 12 30 26 8 | title 50 15 26 11 | title 50 30 26 8 | title 5 5 108 4", "plain_layout_seq": "image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 87 15 26 11 | title 87 30 26 8 | title 12 15 26 11 | title 12 30 26 8 | title 50 15 26 11 | title 50 30 26 8 | title 5 5 108 4", "canvas_width": 1024, "canvas_height": 519, "elements": [ { "type": "title", "position": [ 47, 50, 930, 36 ], "completed": false }, { "type": "logo", "position": [ 47, 131, 45, 45 ], "completed": false }, { "type": "title", "position": [ 107, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 367, 131, 45, 45 ], "completed": false }, { "type": "title", "position": [ 427, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 687, 131, 45, 45 ], "completed": false }, { "type": "title", "position": [ 747, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 47, 262, 45, 45 ], "completed": false }, { "type": "title", "position": [ 107, 262, 230, 72 ], "completed": false }, { "type": "logo", "position": [ 367, 262, 45, 45 ], "completed": false }, { "type": "title", "position": [ 427, 262, 230, 72 ], "completed": false }, { "type": "logo", "position": [ 687, 262, 45, 45 ], "completed": false }, { "type": "title", "position": [ 747, 262, 230, 72 ], "completed": false }, { "type": "image", "position": [ 47, 358, 970, 90 ], "completed": true } ] }, { "text": "#A page for showing the top features of a company. # The page should have one title, 6 image- textboxes combination to introductions of the features such as clean removal, and each of them is on the right of one logo, as well as one long image to show an ad of one app.", "region_id": "162_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [gattr:names'clean removal'] [item [el:logo] [el:description] ] ] [el:image] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "description 87 15 26 11 | description 87 30 26 8 | description 12 15 26 11 | description 12 30 26 8 | description 50 15 26 11 | description 50 30 26 8 | image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 5 5 108 4", "layout_seq_without_completion": "description 87 15 26 11 | description 87 30 26 8 | description 12 15 26 11 | description 12 30 26 8 | description 50 15 26 11 | description 50 30 26 8 | image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 5 5 108 4", "plain_layout_seq": "description 87 15 26 11 | description 87 30 26 8 | description 12 15 26 11 | description 12 30 26 8 | description 50 15 26 11 | description 50 30 26 8 | image 5 41 113 10 | logo 5 15 5 5 | logo 43 30 5 5 | logo 43 15 5 5 | logo 80 15 5 5 | logo 80 30 5 5 | logo 5 30 5 5 | title 5 5 108 4", "canvas_width": 1024, "canvas_height": 519, "elements": [ { "type": "title", "position": [ 47, 50, 930, 36 ], "completed": false }, { "type": "logo", "position": [ 47, 131, 45, 45 ], "completed": false }, { "type": "description", "position": [ 107, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 367, 131, 45, 45 ], "completed": false }, { "type": "description", "position": [ 427, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 687, 131, 45, 45 ], "completed": false }, { "type": "description", "position": [ 747, 131, 230, 96 ], "completed": false }, { "type": "logo", "position": [ 47, 262, 45, 45 ], "completed": false }, { "type": "description", "position": [ 107, 262, 230, 72 ], "completed": false }, { "type": "logo", "position": [ 367, 262, 45, 45 ], "completed": false }, { "type": "description", "position": [ 427, 262, 230, 72 ], "completed": false }, { "type": "logo", "position": [ 687, 262, 45, 45 ], "completed": false }, { "type": "description", "position": [ 747, 262, 230, 72 ], "completed": false }, { "type": "image", "position": [ 47, 358, 970, 90 ], "completed": false } ] }, { "text": "#A page for introducing the pros and services of a company.# The page should have 3 groups while each group has an icon, and two texts to list and introduce the services of the company.", "region_id": "4878", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 4 7 6 6 | text 4 18 24 5 | text 4 15 24 2 ] | [ icon 43 7 6 6 | text 43 18 24 5 | text 43 15 24 2 ] | [ icon 82 7 6 6 | text 82 18 24 5 | text 82 15 24 2 ] \"", "layout_seq_without_completion": "\" [ icon 4 7 6 6 | text 4 18 24 5 | text 4 15 24 2 ] | [ icon 43 7 6 6 | text 43 18 24 5 | text 43 15 24 2 ] | [ icon 82 7 6 6 | text 82 18 24 5 | text 82 15 24 2 ] \"", "plain_layout_seq": "icon 4 7 6 6 | icon 43 7 6 6 | icon 82 7 6 6 | text 4 18 24 5 | text 4 15 24 2 | text 43 18 24 5 | text 43 15 24 2 | text 82 18 24 5 | text 82 15 24 2", "canvas_width": 1024, "canvas_height": 262, "elements": [ { "type": "icon", "position": [ 40, 60, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 371, 60, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 703, 60, 52, 52 ], "completed": false }, { "type": "text", "position": [ 40, 132, 209, 18 ], "completed": false }, { "type": "text", "position": [ 371, 132, 209, 18 ], "completed": false }, { "type": "text", "position": [ 703, 132, 209, 18 ], "completed": false }, { "type": "text", "position": [ 40, 157, 209, 44 ], "completed": false }, { "type": "text", "position": [ 371, 157, 209, 44 ], "completed": false }, { "type": "text", "position": [ 703, 157, 209, 44 ], "completed": false } ] }, { "text": "#A page to give an introduction to the Tutorialink.# A title of \"welcome to Tutorialink\" is placed on the top of the page. And under the title, the services provided by Tutorialink are classified into three categories. An icon, the name and a short description of the related service offered by Tutorialink are set from up and down.", "region_id": "5327", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'welcome to tutorialink'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 6 116 4 | \" [ description 3 33 35 5 | icon 15 15 12 12 | title 11 29 20 2 ] | [ description 42 33 35 5 | icon 53 15 12 12 | title 49 29 21 2 ] | [ description 81 33 35 8 | icon 92 15 12 12 | title 88 29 20 2 ] \"", "layout_seq_without_completion": "title 1 6 116 4 | \" [ description 3 33 35 5 | icon 15 15 12 12 | title 11 29 20 2 ] | [ description 42 33 35 5 | icon 53 15 12 12 | title 49 29 21 2 ] | [ description 81 33 35 8 | icon 92 15 12 12 | title 88 29 20 2 ] \"", "plain_layout_seq": "description 3 33 35 5 | description 42 33 35 5 | description 81 33 35 8 | icon 15 15 12 12 | icon 53 15 12 12 | icon 92 15 12 12 | title 1 6 116 4 | title 11 29 20 2 | title 49 29 21 2 | title 88 29 20 2", "canvas_width": 970, "canvas_height": 394, "elements": [ { "type": "title", "position": [ 15, 50, 940, 33 ], "completed": false }, { "type": "icon", "position": [ 122, 128, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 435, 128, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 748, 128, 100, 100 ], "completed": false }, { "type": "title", "position": [ 90, 237, 164, 20 ], "completed": false }, { "type": "title", "position": [ 397, 237, 175, 20 ], "completed": false }, { "type": "title", "position": [ 717, 237, 162, 20 ], "completed": false }, { "type": "description", "position": [ 30, 268, 283, 44 ], "completed": false }, { "type": "description", "position": [ 343, 268, 283, 44 ], "completed": false }, { "type": "description", "position": [ 657, 268, 283, 66 ], "completed": false } ] }, { "text": "#A page helping users to build their pages.# The page contains 3 information sets. Each group includes an icon, a title, and an introduction. The three titles are: \"Rich Content\", \"Visual Freedom\", and \"Pump It Up\".", "region_id": "3682", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'rich content, visual freedom, pump it up'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 47 24 25 5 | description 87 24 25 8 | description 6 24 25 5 | complete image 81 0 38 39 | complete image 0 0 38 39 | complete image 40 0 38 39 | title 87 18 25 3 | title 6 18 25 3 | title 47 18 25 3", "layout_seq_without_completion": "description 47 24 25 5 | description 87 24 25 8 | description 6 24 25 5 | image 81 0 38 39 | image 0 0 38 39 | image 40 0 38 39 | title 87 18 25 3 | title 6 18 25 3 | title 47 18 25 3", "plain_layout_seq": "description 47 24 25 5 | description 87 24 25 8 | description 6 24 25 5 | image 81 0 38 39 | image 0 0 38 39 | image 40 0 38 39 | title 87 18 25 3 | title 6 18 25 3 | title 47 18 25 3", "canvas_width": 961, "canvas_height": 316, "elements": [ { "type": "image", "position": [ 0, 0, 307, 316 ], "completed": true }, { "type": "image", "position": [ 327, 0, 306, 316 ], "completed": true }, { "type": "image", "position": [ 654, 0, 307, 316 ], "completed": true }, { "type": "title", "position": [ 50, 150, 207, 30 ], "completed": false }, { "type": "title", "position": [ 377, 150, 207, 30 ], "completed": false }, { "type": "title", "position": [ 704, 150, 207, 30 ], "completed": false }, { "type": "description", "position": [ 50, 200, 207, 44 ], "completed": false }, { "type": "description", "position": [ 377, 200, 207, 44 ], "completed": false }, { "type": "description", "position": [ 704, 200, 207, 66 ], "completed": false } ] }, { "text": "#A page for introducing one company's advantages.#There are four groups. Each of them includes one title\"Traveling during Covid-19\", \"Comfort on board\", \"Largest bus network in Europe\" \"Travel environmentally- friendly \" and one description as well as one link for users to learn more.", "region_id": "177", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [gattr:names'traveling during covid-19, comfort on board, largest bus network in europe, travel environmentally-friendly'] [item [el:title] [el:description] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "layout_seq_without_completion": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "plain_layout_seq": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "canvas_width": 1024, "canvas_height": 446, "elements": [ { "type": "title", "position": [ 12, 72, 482, 36 ], "completed": false }, { "type": "title", "position": [ 530, 72, 482, 36 ], "completed": false }, { "type": "description", "position": [ 12, 108, 482, 24 ], "completed": false }, { "type": "description", "position": [ 530, 108, 482, 48 ], "completed": false }, { "type": "link", "position": [ 201, 138, 104, 25 ], "completed": false }, { "type": "link", "position": [ 688, 162, 166, 25 ], "completed": false }, { "type": "title", "position": [ 12, 294, 482, 36 ], "completed": false }, { "type": "title", "position": [ 530, 294, 482, 36 ], "completed": false }, { "type": "description", "position": [ 12, 330, 482, 48 ], "completed": false }, { "type": "description", "position": [ 530, 330, 482, 48 ], "completed": false }, { "type": "link", "position": [ 177, 384, 152, 25 ], "completed": false }, { "type": "link", "position": [ 662, 384, 218, 25 ], "completed": false } ] }, { "text": "#A page for advertising.#There should be four text boxes, which show four kinds of advantages of the products. And each of them is followed by two text boxes, one for showing the detailed content and the other for links.", "region_id": "177_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:title] [el:description] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "layout_seq_without_completion": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "plain_layout_seq": "description 1 12 56 2 | description 62 12 56 5 | description 1 38 56 5 | description 62 38 56 5 | link 77 45 25 2 | link 20 45 17 2 | link 23 16 12 2 | link 80 18 19 2 | title 1 8 56 4 | title 62 8 56 4 | title 1 34 56 4 | title 62 34 56 4", "canvas_width": 1024, "canvas_height": 446, "elements": [ { "type": "title", "position": [ 12, 72, 482, 36 ], "completed": false }, { "type": "title", "position": [ 530, 72, 482, 36 ], "completed": false }, { "type": "description", "position": [ 12, 108, 482, 24 ], "completed": false }, { "type": "description", "position": [ 530, 108, 482, 48 ], "completed": false }, { "type": "link", "position": [ 201, 138, 104, 25 ], "completed": false }, { "type": "link", "position": [ 688, 162, 166, 25 ], "completed": false }, { "type": "title", "position": [ 12, 294, 482, 36 ], "completed": false }, { "type": "title", "position": [ 530, 294, 482, 36 ], "completed": false }, { "type": "description", "position": [ 12, 330, 482, 48 ], "completed": false }, { "type": "description", "position": [ 530, 330, 482, 48 ], "completed": false }, { "type": "link", "position": [ 177, 384, 152, 25 ], "completed": false }, { "type": "link", "position": [ 662, 384, 218, 25 ], "completed": false } ] }, { "text": "# A page for selling the product about Bucky Pizzarelli. # The page should have the title \"FEATURED ARTIST: BUCKY PIZZARELLI\", and 8 groups of product information. In each group, there should have an image, a product name, and a price. Also, there should be a button \"VIEW ALL\" for the user to view all products.", "region_id": "7319", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured artist: bucky pizzarelli'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 108 13 5 | image 6 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | image 6 58 24 24 | image 34 58 24 24 | image 89 58 24 24 | image 34 15 24 24 | image 61 58 24 24 | text 61 92 6 2 | text 6 52 6 2 | text 89 49 6 2 | text 6 90 6 2 | text 34 49 6 2 | text 61 47 6 2 | text 34 90 6 2 | text 89 90 6 2 | title 61 84 24 7 | title 89 84 24 4 | title 6 41 24 9 | title 61 41 24 4 | title 6 84 24 4 | title 34 41 24 7 | title 89 41 24 7 | title 34 84 24 4 | title 6 6 107 2", "layout_seq_without_completion": "button 53 108 13 5 | image 6 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | image 6 58 24 24 | image 34 58 24 24 | image 89 58 24 24 | image 34 15 24 24 | image 61 58 24 24 | text 61 92 6 2 | text 6 52 6 2 | text 89 49 6 2 | text 6 90 6 2 | text 34 49 6 2 | text 61 47 6 2 | text 34 90 6 2 | text 89 90 6 2 | title 61 84 24 7 | title 89 84 24 4 | title 6 41 24 9 | title 61 41 24 4 | title 6 84 24 4 | title 34 41 24 7 | title 89 41 24 7 | title 34 84 24 4 | title 6 6 107 2", "plain_layout_seq": "button 53 108 13 5 | image 6 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | image 6 58 24 24 | image 34 58 24 24 | image 89 58 24 24 | image 34 15 24 24 | image 61 58 24 24 | text 61 92 6 2 | text 6 52 6 2 | text 89 49 6 2 | text 6 90 6 2 | text 34 49 6 2 | text 61 47 6 2 | text 34 90 6 2 | text 89 90 6 2 | title 61 84 24 7 | title 89 84 24 4 | title 6 41 24 9 | title 61 41 24 4 | title 6 84 24 4 | title 34 41 24 7 | title 89 41 24 7 | title 34 84 24 4 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 1025, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 355, 206, 82 ], "completed": false }, { "type": "title", "position": [ 291, 355, 206, 61 ], "completed": false }, { "type": "title", "position": [ 527, 355, 206, 41 ], "completed": false }, { "type": "title", "position": [ 763, 355, 206, 61 ], "completed": false }, { "type": "text", "position": [ 527, 404, 52, 24 ], "completed": false }, { "type": "text", "position": [ 291, 424, 52, 24 ], "completed": false }, { "type": "text", "position": [ 763, 424, 52, 24 ], "completed": false }, { "type": "text", "position": [ 55, 444, 52, 24 ], "completed": false }, { "type": "image", "position": [ 55, 503, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 503, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 503, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 503, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 724, 206, 41 ], "completed": false }, { "type": "title", "position": [ 291, 724, 206, 41 ], "completed": false }, { "type": "title", "position": [ 527, 724, 206, 61 ], "completed": false }, { "type": "title", "position": [ 763, 724, 206, 41 ], "completed": false }, { "type": "text", "position": [ 55, 773, 52, 24 ], "completed": false }, { "type": "text", "position": [ 291, 773, 52, 24 ], "completed": false }, { "type": "text", "position": [ 763, 773, 52, 24 ], "completed": false }, { "type": "text", "position": [ 527, 793, 52, 24 ], "completed": false }, { "type": "button", "position": [ 456, 927, 112, 43 ], "completed": false } ] }, { "text": "# A page for advertising the bath product. # The page should have the title \"Bath Time Favorites\" and five categories of information sets. In each one, there should include an image showing the product, the name of the product, and a price.", "region_id": "7806", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Bath Time Favorites'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 99 34 20 2 | text 27 34 20 2 | text 51 36 20 2 | text 75 34 20 2 | text 3 34 20 2 | title 27 31 20 2 | title 3 31 20 2 | title 51 31 20 5 | title 75 31 20 2 | title 99 31 20 2 | title 3 3 116 4", "layout_seq_without_completion": "text 99 34 20 2 | text 27 34 20 2 | text 51 36 20 2 | text 75 34 20 2 | text 3 34 20 2 | title 27 31 20 2 | title 3 31 20 2 | title 51 31 20 5 | title 75 31 20 2 | title 99 31 20 2 | title 3 3 116 4", "plain_layout_seq": "text 99 34 20 2 | text 27 34 20 2 | text 51 36 20 2 | text 75 34 20 2 | text 3 34 20 2 | title 27 31 20 2 | title 3 31 20 2 | title 51 31 20 5 | title 75 31 20 2 | title 99 31 20 2 | title 3 3 116 4", "canvas_width": 994, "canvas_height": 387, "elements": [ { "type": "title", "position": [ 30, 27, 964, 36 ], "completed": false }, { "type": "title", "position": [ 30, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 229, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 428, 258, 169, 43 ], "completed": false }, { "type": "title", "position": [ 626, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 825, 258, 169, 21 ], "completed": false }, { "type": "text", "position": [ 30, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 229, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 626, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 825, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 428, 305, 169, 19 ], "completed": false } ] }, { "text": "#A page introducing helplines and emergency numbers to users.#The page should have one text heading and one list of three items about helplines and emergency numbers. And each of them should include one icon, one telephone number, and one agency corresponding to the phone number.", "region_id": "3842", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 4 25 12 | \" [ icon 46 4 11 11 | complete image 33 4 25 17 | text 37 14 16 3 | text 37 9 16 4 ] | [ icon 75 4 11 11 | complete image 61 4 25 17 | text 65 14 16 3 | text 65 9 16 4 ] | [ icon 103 4 11 11 | complete image 89 4 25 17 | text 94 14 16 3 | text 94 9 16 4 ] \"", "layout_seq_without_completion": "title 4 4 25 12 | \" [ icon 46 4 11 11 | image 33 4 25 17 | text 37 14 16 3 | text 37 9 16 4 ] | [ icon 75 4 11 11 | image 61 4 25 17 | text 65 14 16 3 | text 65 9 16 4 ] | [ icon 103 4 11 11 | image 89 4 25 17 | text 94 14 16 3 | text 94 9 16 4 ] \"", "plain_layout_seq": "icon 46 4 11 11 | icon 75 4 11 11 | icon 103 4 11 11 | image 33 4 25 17 | image 61 4 25 17 | image 89 4 25 17 | text 37 14 16 3 | text 37 9 16 4 | text 65 14 16 3 | text 65 9 16 4 | text 94 14 16 3 | text 94 9 16 4 | title 4 4 25 12", "canvas_width": 1024, "canvas_height": 233, "elements": [ { "type": "title", "position": [ 42, 40, 220, 108 ], "completed": false }, { "type": "image", "position": [ 282, 40, 220, 153 ], "completed": true }, { "type": "icon", "position": [ 401, 40, 101, 101 ], "completed": false }, { "type": "image", "position": [ 522, 40, 220, 153 ], "completed": true }, { "type": "icon", "position": [ 641, 40, 101, 101 ], "completed": false }, { "type": "image", "position": [ 762, 40, 220, 153 ], "completed": true }, { "type": "icon", "position": [ 881, 40, 101, 101 ], "completed": false }, { "type": "text", "position": [ 323, 81, 138, 36 ], "completed": false }, { "type": "text", "position": [ 563, 81, 138, 36 ], "completed": false }, { "type": "text", "position": [ 803, 81, 138, 36 ], "completed": false }, { "type": "text", "position": [ 323, 127, 138, 30 ], "completed": false }, { "type": "text", "position": [ 563, 127, 138, 30 ], "completed": false }, { "type": "text", "position": [ 803, 127, 138, 30 ], "completed": false } ] }, { "text": "# A page for presenting e-market hubs.# The page should have the title \"E MARKET HUB\" and six groups of information sets with each having an image showing the logo of the hub and a button. Besides, the button in the first five groups is \"Shop Now\" for the user to shop in the corresponding platform. The button in the last group is \"Search Brand\" for the user to search the brands.", "region_id": "3704", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'e market hub'] ] [gp:InfoGroup \n[item [el:logo] [el:button [attr:value 'Shop Now'] ] ]\n[item [el:logo] [el:button [attr:value 'Shop Now'] ] ]\n[item [el:logo] [el:button [attr:value 'Shop Now'] ] ]\n[item [el:logo] [el:button [attr:value 'Shop Now'] ] ]\n[item [el:logo] [el:button [attr:value 'Shop Now'] ] ]\n[item [el:logo] [el:button [attr:value 'Search Brand'] ] ]\n ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 61 26 13 3 | button 61 51 13 3 | logo 42 32 34 17 | logo 42 7 34 17 | title 2 1 114 3 | \" [ logo 5 7 34 17 ] | [ button 24 26 13 3 ] | [ logo 5 32 34 17 ] | [ button 24 51 13 3 ] \" | \" [ logo 79 7 34 17 ] | [ button 98 26 13 3 ] | [ logo 79 32 34 17 ] | [ button 98 51 13 3 ] \"", "layout_seq_without_completion": "button 61 26 13 3 | button 61 51 13 3 | logo 42 32 34 17 | logo 42 7 34 17 | title 2 1 114 3 | \" [ logo 5 7 34 17 ] | [ button 24 26 13 3 ] | [ logo 5 32 34 17 ] | [ button 24 51 13 3 ] \" | \" [ logo 79 7 34 17 ] | [ button 98 26 13 3 ] | [ logo 79 32 34 17 ] | [ button 98 51 13 3 ] \"", "plain_layout_seq": "button 61 26 13 3 | button 61 51 13 3 | button 24 26 13 3 | button 24 51 13 3 | button 98 26 13 3 | button 98 51 13 3 | logo 42 32 34 17 | logo 42 7 34 17 | logo 5 7 34 17 | logo 5 32 34 17 | logo 79 7 34 17 | logo 79 32 34 17 | title 2 1 114 3", "canvas_width": 1024, "canvas_height": 488, "elements": [ { "type": "title", "position": [ 25, 10, 974, 26 ], "completed": false }, { "type": "logo", "position": [ 50, 66, 295, 153 ], "completed": false }, { "type": "logo", "position": [ 365, 66, 295, 150 ], "completed": false }, { "type": "logo", "position": [ 679, 66, 295, 153 ], "completed": false }, { "type": "button", "position": [ 523, 225, 116, 30 ], "completed": false }, { "type": "button", "position": [ 209, 228, 116, 30 ], "completed": false }, { "type": "button", "position": [ 838, 228, 116, 30 ], "completed": false }, { "type": "logo", "position": [ 365, 275, 295, 153 ], "completed": false }, { "type": "logo", "position": [ 50, 278, 295, 153 ], "completed": false }, { "type": "logo", "position": [ 679, 278, 295, 153 ], "completed": false }, { "type": "button", "position": [ 523, 436, 116, 30 ], "completed": false }, { "type": "button", "position": [ 209, 439, 116, 30 ], "completed": false }, { "type": "button", "position": [ 838, 439, 116, 30 ], "completed": false } ] }, { "text": "#A page showing the navigation bar of a company.# There are eight different images with small titles showing the types of features.", "region_id": "155", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'8'] [item [el:image] [el:title [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] }", "layout_seq_with_completion": "image 9 6 4 4 | title 33 12 12 2 | title 91 12 6 2 | title 105 12 4 2 | title 8 12 7 2 | title 20 12 10 2 | title 63 12 6 2 | title 74 12 11 2 | title 49 12 8 2", "layout_seq_without_completion": "image 9 6 4 4 | title 33 12 12 2 | title 91 12 6 2 | title 105 12 4 2 | title 8 12 7 2 | title 20 12 10 2 | title 63 12 6 2 | title 74 12 11 2 | title 49 12 8 2", "plain_layout_seq": "image 9 6 4 4 | title 33 12 12 2 | title 91 12 6 2 | title 105 12 4 2 | title 8 12 7 2 | title 20 12 10 2 | title 63 12 6 2 | title 74 12 11 2 | title 49 12 8 2", "canvas_width": 1024, "canvas_height": 320, "elements": [ { "type": "image", "position": [ 84, 53, 40, 40 ], "completed": false }, { "type": "title", "position": [ 71, 108, 67, 19 ], "completed": false }, { "type": "title", "position": [ 174, 108, 86, 19 ], "completed": false }, { "type": "title", "position": [ 285, 108, 103, 19 ], "completed": false }, { "type": "title", "position": [ 421, 108, 71, 19 ], "completed": false }, { "type": "title", "position": [ 542, 108, 56, 19 ], "completed": false }, { "type": "title", "position": [ 638, 108, 101, 19 ], "completed": false }, { "type": "title", "position": [ 780, 108, 55, 19 ], "completed": false }, { "type": "title", "position": [ 899, 108, 42, 19 ], "completed": false } ] }, { "text": "#A page for showing different kinds of information about a particular topic.# The page includes a headline named \u201cRELATIONSHIPS\u201d and four groups of information. Each group contains a picture, a label showing the characteristic, and a title.", "region_id": "2671", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'RELATIONSHIPS'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ image 0 11 29 20 | text 2 34 26 1 | title 2 36 26 4 ] | [ image 30 11 29 20 | text 31 34 26 1 | title 31 36 26 4 ] | [ image 60 11 29 20 | text 61 34 26 1 | title 61 36 26 4 ] | [ image 90 11 29 20 | text 91 34 26 3 | title 91 38 26 4 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ image 0 11 29 20 | text 2 34 26 1 | title 2 36 26 4 ] | [ image 30 11 29 20 | text 31 34 26 1 | title 31 36 26 4 ] | [ image 60 11 29 20 | text 61 34 26 1 | title 61 36 26 4 ] | [ image 90 11 29 20 | text 91 34 26 3 | title 91 38 26 4 ] \"", "plain_layout_seq": "image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | text 2 34 26 1 | text 31 34 26 1 | text 61 34 26 1 | text 91 34 26 3 | title 1 4 118 4 | title 2 36 26 4 | title 31 36 26 4 | title 61 36 26 4 | title 91 38 26 4", "canvas_width": 1024, "canvas_height": 404, "elements": [ { "type": "title", "position": [ 10, 41, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 102, 251, 177 ], "completed": false }, { "type": "text", "position": [ 18, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 273, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 528, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 783, 294, 223, 28 ], "completed": false }, { "type": "title", "position": [ 18, 314, 223, 40 ], "completed": false }, { "type": "title", "position": [ 273, 314, 223, 40 ], "completed": false }, { "type": "title", "position": [ 528, 314, 223, 40 ], "completed": false }, { "type": "title", "position": [ 783, 328, 223, 40 ], "completed": false } ] }, { "text": "# A page to introduce a company. # The page should be divided into three parts. In each part, there should be an image and a text box. So the user can know the information, sustainability, and history of the company.", "region_id": "2392", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'information, sustainability, history of the company'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 3 35 35 | image 81 3 35 35 | image 42 3 35 35 | title 5 32 31 4 | title 44 32 31 4 | title 82 32 31 4", "layout_seq_without_completion": "image 3 3 35 35 | image 81 3 35 35 | image 42 3 35 35 | title 5 32 31 4 | title 44 32 31 4 | title 82 32 31 4", "plain_layout_seq": "image 3 3 35 35 | image 81 3 35 35 | image 42 3 35 35 | title 5 32 31 4 | title 44 32 31 4 | title 82 32 31 4", "canvas_width": 1024, "canvas_height": 361, "elements": [ { "type": "image", "position": [ 30, 30, 301, 301 ], "completed": false }, { "type": "image", "position": [ 361, 30, 301, 301 ], "completed": false }, { "type": "image", "position": [ 693, 30, 301, 301 ], "completed": false }, { "type": "title", "position": [ 45, 275, 271, 37 ], "completed": false }, { "type": "title", "position": [ 376, 275, 271, 37 ], "completed": false }, { "type": "title", "position": [ 708, 275, 271, 37 ], "completed": false } ] }, { "text": "#A page for showing the collection.# The page should have a title, and 3 groups while each group has an image and a title of the collection.", "region_id": "7244", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 80 12 33 31 | image 43 12 33 31 | image 5 12 33 31 | title 43 47 33 2 | title 30 3 60 3 | title 5 47 33 2 | title 80 47 33 2", "layout_seq_without_completion": "image 80 12 33 31 | image 43 12 33 31 | image 5 12 33 31 | title 43 47 33 2 | title 30 3 60 3 | title 5 47 33 2 | title 80 47 33 2", "plain_layout_seq": "image 80 12 33 31 | image 43 12 33 31 | image 5 12 33 31 | title 43 47 33 2 | title 30 3 60 3 | title 5 47 33 2 | title 80 47 33 2", "canvas_width": 1024, "canvas_height": 483, "elements": [ { "type": "title", "position": [ 256, 27, 512, 27 ], "completed": false }, { "type": "image", "position": [ 47, 108, 290, 270 ], "completed": false }, { "type": "image", "position": [ 367, 108, 290, 270 ], "completed": false }, { "type": "image", "position": [ 687, 108, 290, 270 ], "completed": false }, { "type": "title", "position": [ 47, 403, 290, 20 ], "completed": false }, { "type": "title", "position": [ 367, 403, 290, 20 ], "completed": false }, { "type": "title", "position": [ 687, 403, 290, 20 ], "completed": false } ] }, { "text": "# A page for the user to view examples. # The page should have three videos and a button \"More Example\" for the user to view more examples.", "region_id": "4236", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] [el:button [attr:value 'more example'] ] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 47 41 25 6 | \" [ complete icon 24 31 12 3 | image 1 0 36 36 ] | [ complete icon 64 31 12 3 | image 41 0 36 36 ] | [ complete icon 104 31 12 3 | image 81 0 36 36 ] \"", "layout_seq_without_completion": "button 47 41 25 6 | \" [ icon 24 31 12 3 | image 1 0 36 36 ] | [ icon 64 31 12 3 | image 41 0 36 36 ] | [ icon 104 31 12 3 | image 81 0 36 36 ] \"", "plain_layout_seq": "button 47 41 25 6 | icon 24 31 12 3 | icon 64 31 12 3 | icon 104 31 12 3 | image 1 0 36 36 | image 41 0 36 36 | image 81 0 36 36", "canvas_width": 930, "canvas_height": 368, "elements": [ { "type": "image", "position": [ 15, 0, 280, 280 ], "completed": false }, { "type": "image", "position": [ 325, 0, 280, 280 ], "completed": false }, { "type": "image", "position": [ 635, 0, 280, 280 ], "completed": false }, { "type": "icon", "position": [ 189, 242, 95, 27 ], "completed": true }, { "type": "icon", "position": [ 499, 242, 95, 27 ], "completed": true }, { "type": "icon", "position": [ 809, 242, 95, 27 ], "completed": true }, { "type": "button", "position": [ 367, 320, 196, 48 ], "completed": false } ] }, { "text": "#A page introducing teaching methods which use learning tools.# The page contains 3 information sets. Each group includes an icon, a title, an introduction, and a link \"LEARN MORE\".", "region_id": "3463", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 19 5 10 10 | icon 54 5 10 10 | icon 89 5 10 10 | title 14 16 20 7 | title 80 16 29 3 | title 49 16 20 7 | \" [ description 10 25 28 4 | link 18 30 11 2 | complete text 30 30 1 2 ] | [ description 44 25 31 4 | link 53 30 11 2 | complete text 65 30 1 2 ] | [ description 80 20 28 4 | link 88 25 11 2 | complete text 99 25 1 2 ] \"", "layout_seq_without_completion": "icon 19 5 10 10 | icon 54 5 10 10 | icon 89 5 10 10 | title 14 16 20 7 | title 80 16 29 3 | title 49 16 20 7 | \" [ description 10 25 28 4 | link 18 30 11 2 | text 30 30 1 2 ] | [ description 44 25 31 4 | link 53 30 11 2 | text 65 30 1 2 ] | [ description 80 20 28 4 | link 88 25 11 2 | text 99 25 1 2 ] \"", "plain_layout_seq": "description 10 25 28 4 | description 44 25 31 4 | description 80 20 28 4 | icon 19 5 10 10 | icon 54 5 10 10 | icon 89 5 10 10 | link 18 30 11 2 | link 53 30 11 2 | link 88 25 11 2 | text 30 30 1 2 | text 65 30 1 2 | text 99 25 1 2 | title 14 16 20 7 | title 80 16 29 3 | title 49 16 20 7", "canvas_width": 1100, "canvas_height": 398, "elements": [ { "type": "icon", "position": [ 182, 52, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 502, 52, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 822, 52, 96, 96 ], "completed": false }, { "type": "title", "position": [ 136, 152, 188, 72 ], "completed": false }, { "type": "title", "position": [ 454, 152, 192, 72 ], "completed": false }, { "type": "title", "position": [ 734, 152, 272, 31 ], "completed": false }, { "type": "description", "position": [ 739, 190, 262, 43 ], "completed": false }, { "type": "description", "position": [ 98, 231, 264, 43 ], "completed": false }, { "type": "description", "position": [ 405, 231, 289, 43 ], "completed": false }, { "type": "link", "position": [ 812, 238, 104, 19 ], "completed": false }, { "type": "text", "position": [ 916, 238, 12, 19 ], "completed": true }, { "type": "link", "position": [ 172, 279, 104, 19 ], "completed": false }, { "type": "text", "position": [ 276, 279, 12, 19 ], "completed": true }, { "type": "link", "position": [ 492, 279, 104, 19 ], "completed": false }, { "type": "text", "position": [ 596, 279, 12, 19 ], "completed": true } ] }, { "text": "#A page for introducing the excellent performance of IndianOil overseas.# The page should have one title and three groups. Each one should have one title, one description, one image to show the excellent performance of IndianOil in different regions, and one icon for users to click to read more.", "region_id": "1500", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:image] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 4 120 7 | \" [ complete background 0 11 40 24 | description 1 20 20 9 | icon 20 31 2 2 | image 0 11 24 24 | title 1 17 20 2 ] | [ complete background 40 11 40 24 | description 41 20 20 9 | icon 60 31 2 2 | image 40 11 24 24 | title 41 17 20 2 ] | [ complete background 80 11 40 24 | description 81 19 20 11 | icon 100 31 2 2 | image 80 11 24 24 | title 81 16 20 2 ] \"", "layout_seq_without_completion": "title 0 4 120 7 | \" [ background 0 11 40 24 | description 1 20 20 9 | icon 20 31 2 2 | image 0 11 24 24 | title 1 17 20 2 ] | [ background 40 11 40 24 | description 41 20 20 9 | icon 60 31 2 2 | image 40 11 24 24 | title 41 17 20 2 ] | [ background 80 11 40 24 | description 81 19 20 11 | icon 100 31 2 2 | image 80 11 24 24 | title 81 16 20 2 ] \"", "plain_layout_seq": "background 0 11 40 24 | background 40 11 40 24 | background 80 11 40 24 | description 1 20 20 9 | description 41 20 20 9 | description 81 19 20 11 | icon 20 31 2 2 | icon 60 31 2 2 | icon 100 31 2 2 | image 0 11 24 24 | image 40 11 24 24 | image 80 11 24 24 | title 0 4 120 7 | title 1 17 20 2 | title 41 17 20 2 | title 81 16 20 2", "canvas_width": 1128, "canvas_height": 341, "elements": [ { "type": "title", "position": [ 0, 40, 1128, 66 ], "completed": false }, { "type": "image", "position": [ 0, 111, 226, 230 ], "completed": false }, { "type": "background", "position": [ 0, 111, 376, 230 ], "completed": true }, { "type": "background", "position": [ 376, 111, 376, 230 ], "completed": true }, { "type": "image", "position": [ 376, 111, 226, 230 ], "completed": false }, { "type": "image", "position": [ 752, 111, 226, 230 ], "completed": false }, { "type": "background", "position": [ 752, 111, 376, 230 ], "completed": true }, { "type": "title", "position": [ 767, 159, 196, 20 ], "completed": false }, { "type": "title", "position": [ 15, 168, 196, 20 ], "completed": false }, { "type": "title", "position": [ 391, 168, 196, 20 ], "completed": false }, { "type": "description", "position": [ 767, 179, 196, 110 ], "completed": false }, { "type": "description", "position": [ 15, 189, 196, 90 ], "completed": false }, { "type": "description", "position": [ 391, 189, 196, 90 ], "completed": false }, { "type": "icon", "position": [ 188, 300, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 564, 300, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 940, 300, 28, 28 ], "completed": false } ] }, { "text": "#A page for introducing women's tanks to users.# This page should include one title \"Women's Tanks\" on the top. Below, there should be two groups of women's tanks. Each group contains one image, one title, and the price of the collection. At the bottom, a button should be provided for users to view more collections.", "region_id": "7169", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Womens Tanks'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:position 'bottom'] [attr:value'view more collections']] ]", "execution": "multiinfo : button bottom undefined | title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 94 23 5 | text 87 82 3 2 | text 29 82 3 2 | title 71 79 36 2 | title 13 79 33 2 | title 5 8 108 4", "layout_seq_without_completion": "button 48 94 23 5 | text 87 82 3 2 | text 29 82 3 2 | title 71 79 36 2 | title 13 79 33 2 | title 5 8 108 4", "plain_layout_seq": "button 48 94 23 5 | text 87 82 3 2 | text 29 82 3 2 | title 71 79 36 2 | title 13 79 33 2 | title 5 8 108 4", "canvas_width": 1024, "canvas_height": 935, "elements": [ { "type": "title", "position": [ 50, 72, 924, 40 ], "completed": false }, { "type": "title", "position": [ 117, 678, 290, 20 ], "completed": false }, { "type": "title", "position": [ 608, 678, 308, 20 ], "completed": false }, { "type": "text", "position": [ 248, 703, 29, 21 ], "completed": false }, { "type": "text", "position": [ 748, 703, 29, 21 ], "completed": false }, { "type": "button", "position": [ 412, 805, 200, 50 ], "completed": false } ] }, { "text": "#A page to introduce WordPress.# The title 'Key Topics' is on the page. There are three groups on the page as well. Each group has an image and two texts. One text is the date, and the other is the title of the topic.", "region_id": "4639", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'key topics'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 7 12 32 17 | image 79 12 32 17 | image 43 12 32 17 | complete link 5 12 36 30 | complete link 77 12 36 30 | complete link 41 12 36 30 | text 43 31 32 4 | text 7 31 32 4 | text 79 31 32 4 | title 5 0 108 6 | title 43 36 32 5 | title 79 36 32 5 | title 7 36 32 5", "layout_seq_without_completion": "image 7 12 32 17 | image 79 12 32 17 | image 43 12 32 17 | link 5 12 36 30 | link 77 12 36 30 | link 41 12 36 30 | text 43 31 32 4 | text 7 31 32 4 | text 79 31 32 4 | title 5 0 108 6 | title 43 36 32 5 | title 79 36 32 5 | title 7 36 32 5", "plain_layout_seq": "image 7 12 32 17 | image 79 12 32 17 | image 43 12 32 17 | link 5 12 36 30 | link 77 12 36 30 | link 41 12 36 30 | text 43 31 32 4 | text 7 31 32 4 | text 79 31 32 4 | title 5 0 108 6 | title 43 36 32 5 | title 79 36 32 5 | title 7 36 32 5", "canvas_width": 1024, "canvas_height": 394, "elements": [ { "type": "title", "position": [ 50, 0, 924, 52 ], "completed": false }, { "type": "link", "position": [ 50, 108, 308, 258 ], "completed": true }, { "type": "image", "position": [ 64, 108, 280, 152 ], "completed": false }, { "type": "link", "position": [ 358, 108, 308, 258 ], "completed": true }, { "type": "image", "position": [ 372, 108, 280, 152 ], "completed": false }, { "type": "link", "position": [ 665, 108, 308, 258 ], "completed": true }, { "type": "image", "position": [ 679, 108, 280, 152 ], "completed": false }, { "type": "text", "position": [ 64, 270, 280, 42 ], "completed": false }, { "type": "text", "position": [ 372, 270, 280, 42 ], "completed": false }, { "type": "text", "position": [ 679, 270, 280, 42 ], "completed": false }, { "type": "title", "position": [ 64, 312, 280, 47 ], "completed": false }, { "type": "title", "position": [ 372, 312, 280, 47 ], "completed": false }, { "type": "title", "position": [ 679, 312, 280, 47 ], "completed": false } ] }, { "text": "# A page for marketing 3Commas by showing the service and guiding the user to sign up free.# The page should have the title \"3Commas feature\" and 6 groups of feature introduction information with each having a small image, a title, and a further introduction. Besides, there should have a button for the user to sign up for free.", "region_id": "4668", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value '3commas feature'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] [el:button [attr:value 'sign up for free'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 48 76 22 6 | title 1 14 116 6 | \" [ description 1 40 37 5 | image 16 22 7 7 | title 13 33 14 3 ] | [ description 41 40 37 5 | image 56 22 7 7 | title 52 33 13 3 ] | [ description 80 40 37 5 | image 95 22 7 7 | title 90 33 17 3 ] | [ description 1 66 37 5 | image 16 49 7 7 | title 12 60 15 3 ] | [ description 41 66 37 5 | image 56 49 7 7 | title 51 60 16 3 ] | [ description 80 66 37 5 | image 95 49 7 7 | title 94 60 9 3 ] \"", "layout_seq_without_completion": "button 48 76 22 6 | title 1 14 116 6 | \" [ description 1 40 37 5 | image 16 22 7 7 | title 13 33 14 3 ] | [ description 41 40 37 5 | image 56 22 7 7 | title 52 33 13 3 ] | [ description 80 40 37 5 | image 95 22 7 7 | title 90 33 17 3 ] | [ description 1 66 37 5 | image 16 49 7 7 | title 12 60 15 3 ] | [ description 41 66 37 5 | image 56 49 7 7 | title 51 60 16 3 ] | [ description 80 66 37 5 | image 95 49 7 7 | title 94 60 9 3 ] \"", "plain_layout_seq": "button 48 76 22 6 | description 1 40 37 5 | description 41 40 37 5 | description 80 40 37 5 | description 1 66 37 5 | description 41 66 37 5 | description 80 66 37 5 | image 16 22 7 7 | image 56 22 7 7 | image 95 22 7 7 | image 16 49 7 7 | image 56 49 7 7 | image 95 49 7 7 | title 1 14 116 6 | title 13 33 14 3 | title 52 33 13 3 | title 90 33 17 3 | title 12 60 15 3 | title 51 60 16 3 | title 94 60 9 3", "canvas_width": 1024, "canvas_height": 831, "elements": [ { "type": "title", "position": [ 15, 120, 994, 54 ], "completed": false }, { "type": "image", "position": [ 142, 194, 64, 64 ], "completed": false }, { "type": "image", "position": [ 480, 194, 64, 64 ], "completed": false }, { "type": "image", "position": [ 818, 194, 64, 64 ], "completed": false }, { "type": "title", "position": [ 112, 290, 124, 32 ], "completed": false }, { "type": "title", "position": [ 452, 290, 119, 32 ], "completed": false }, { "type": "title", "position": [ 776, 290, 148, 32 ], "completed": false }, { "type": "description", "position": [ 15, 342, 318, 48 ], "completed": false }, { "type": "description", "position": [ 353, 342, 318, 48 ], "completed": false }, { "type": "description", "position": [ 691, 342, 318, 48 ], "completed": false }, { "type": "image", "position": [ 142, 422, 64, 64 ], "completed": false }, { "type": "image", "position": [ 480, 422, 64, 64 ], "completed": false }, { "type": "image", "position": [ 818, 422, 64, 64 ], "completed": false }, { "type": "title", "position": [ 106, 517, 135, 32 ], "completed": false }, { "type": "title", "position": [ 440, 517, 143, 32 ], "completed": false }, { "type": "title", "position": [ 810, 517, 79, 32 ], "completed": false }, { "type": "description", "position": [ 15, 569, 318, 48 ], "completed": false }, { "type": "description", "position": [ 353, 569, 318, 48 ], "completed": false }, { "type": "description", "position": [ 691, 569, 318, 48 ], "completed": false }, { "type": "button", "position": [ 418, 657, 189, 54 ], "completed": false } ] }, { "text": "#A page for introducing the Acast.# There are three info groups and each one includes one image, one title, and one description.", "region_id": "5648", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 89 60 10 | description 64 49 27 13 | description 96 31 23 20 | image 96 0 23 15 | image 0 0 60 80 | image 64 0 27 36 | title 0 84 29 2 | title 64 41 23 5 | title 96 20 23 8", "layout_seq_without_completion": "description 0 89 60 10 | description 64 49 27 13 | description 96 31 23 20 | image 96 0 23 15 | image 0 0 60 80 | image 64 0 27 36 | title 0 84 29 2 | title 64 41 23 5 | title 96 20 23 8", "plain_layout_seq": "description 0 89 60 10 | description 64 49 27 13 | description 96 31 23 20 | image 96 0 23 15 | image 0 0 60 80 | image 64 0 27 36 | title 0 84 29 2 | title 64 41 23 5 | title 96 20 23 8", "canvas_width": 844, "canvas_height": 702, "elements": [ { "type": "image", "position": [ 0, 0, 422, 563 ], "completed": false }, { "type": "image", "position": [ 452, 0, 195, 259 ], "completed": false }, { "type": "image", "position": [ 676, 0, 168, 112 ], "completed": false }, { "type": "title", "position": [ 676, 145, 165, 59 ], "completed": false }, { "type": "description", "position": [ 676, 221, 168, 146 ], "completed": false }, { "type": "title", "position": [ 452, 293, 167, 37 ], "completed": false }, { "type": "description", "position": [ 452, 347, 195, 97 ], "completed": false }, { "type": "title", "position": [ 0, 596, 209, 15 ], "completed": false }, { "type": "description", "position": [ 0, 629, 422, 73 ], "completed": false } ] }, { "text": "# A page for marketing the service of a company # There should include four groups of information sets: \"Drive revenue\" \"Scale your brand\" \"Actionable insights\" and \"Build loyalty\", with each having a title, a further description, and an image to attract the user to trust and want to cooperate with the company.", "region_id": "4107", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Drive revenue, Scale your brand, Actionable insights, Build loyalty'] [item [el:title] [el:description] [el:image] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 31 5 25 28 | description 2 5 25 28 | description 61 5 25 34 | description 90 5 25 25 | image 90 46 25 34 | image 31 44 25 36 | image 61 46 25 34 | image 2 46 25 34 | title 2 1 25 3 | title 61 1 25 3 | title 31 1 25 3 | title 90 1 25 3", "layout_seq_without_completion": "description 31 5 25 28 | description 2 5 25 28 | description 61 5 25 34 | description 90 5 25 25 | image 90 46 25 34 | image 31 44 25 36 | image 61 46 25 34 | image 2 46 25 34 | title 2 1 25 3 | title 61 1 25 3 | title 31 1 25 3 | title 90 1 25 3", "plain_layout_seq": "description 31 5 25 28 | description 2 5 25 28 | description 61 5 25 34 | description 90 5 25 25 | image 90 46 25 34 | image 31 44 25 36 | image 61 46 25 34 | image 2 46 25 34 | title 2 1 25 3 | title 61 1 25 3 | title 31 1 25 3 | title 90 1 25 3", "canvas_width": 1009, "canvas_height": 692, "elements": [ { "type": "title", "position": [ 20, 10, 217, 28 ], "completed": false }, { "type": "title", "position": [ 267, 10, 217, 28 ], "completed": false }, { "type": "title", "position": [ 514, 10, 217, 28 ], "completed": false }, { "type": "title", "position": [ 762, 10, 217, 28 ], "completed": false }, { "type": "description", "position": [ 20, 48, 217, 240 ], "completed": false }, { "type": "description", "position": [ 267, 48, 217, 240 ], "completed": false }, { "type": "description", "position": [ 514, 48, 217, 288 ], "completed": false }, { "type": "description", "position": [ 762, 48, 217, 216 ], "completed": false }, { "type": "image", "position": [ 267, 370, 217, 306 ], "completed": false }, { "type": "image", "position": [ 20, 387, 217, 289 ], "completed": false }, { "type": "image", "position": [ 514, 388, 217, 289 ], "completed": false }, { "type": "image", "position": [ 762, 388, 217, 288 ], "completed": false } ] }, { "text": "# A page to introduce the companies who fund and support the dblp computer science bibliography.# The page should have the title \"the dblp computer science bibliography is funded and supported by:\" and six logos of the companies.", "region_id": "4355", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the dblp computer science bibliography is funded and supported by:'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 0 4 14 7 | logo 37 4 16 7 | logo 16 4 19 7 | logo 84 4 7 7 | logo 55 4 10 7 | logo 67 4 15 7 | title 0 0 120 2", "layout_seq_without_completion": "logo 0 4 14 7 | logo 37 4 16 7 | logo 16 4 19 7 | logo 84 4 7 7 | logo 55 4 10 7 | logo 67 4 15 7 | title 0 0 120 2", "plain_layout_seq": "logo 0 4 14 7 | logo 37 4 16 7 | logo 16 4 19 7 | logo 84 4 7 7 | logo 55 4 10 7 | logo 67 4 15 7 | title 0 0 120 2", "canvas_width": 921, "canvas_height": 99, "elements": [ { "type": "title", "position": [ 0, 0, 921, 20 ], "completed": false }, { "type": "logo", "position": [ 0, 35, 112, 60 ], "completed": false }, { "type": "logo", "position": [ 124, 35, 150, 60 ], "completed": false }, { "type": "logo", "position": [ 286, 35, 130, 60 ], "completed": false }, { "type": "logo", "position": [ 428, 35, 80, 60 ], "completed": false }, { "type": "logo", "position": [ 520, 35, 120, 60 ], "completed": false }, { "type": "logo", "position": [ 652, 35, 60, 60 ], "completed": false } ] }, { "text": "# A page to introduce a company's technology, used material, and features. # The page should have three groups of information sets: \"Our technology\" \"Material we use\", and \"Features\". In each group, there should be an image, a title, and a further introduction.", "region_id": "6627", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'our technology, material we use, features'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 7 23 31 13 | image 17 4 11 11 | title 7 18 31 3 ] | [ description 44 23 31 23 | image 54 4 11 11 | title 44 18 31 3 ] | [ description 80 23 31 23 | image 90 4 11 11 | title 80 18 31 3 ] \"", "layout_seq_without_completion": "\" [ description 7 23 31 13 | image 17 4 11 11 | title 7 18 31 3 ] | [ description 44 23 31 23 | image 54 4 11 11 | title 44 18 31 3 ] | [ description 80 23 31 23 | image 90 4 11 11 | title 80 18 31 3 ] \"", "plain_layout_seq": "description 7 23 31 13 | description 44 23 31 23 | description 80 23 31 23 | image 17 4 11 11 | image 54 4 11 11 | image 90 4 11 11 | title 7 18 31 3 | title 44 18 31 3 | title 80 18 31 3", "canvas_width": 1024, "canvas_height": 461, "elements": [ { "type": "image", "position": [ 151, 36, 100, 100 ], "completed": false }, { "type": "image", "position": [ 462, 36, 100, 100 ], "completed": false }, { "type": "image", "position": [ 773, 36, 100, 100 ], "completed": false }, { "type": "title", "position": [ 65, 161, 273, 27 ], "completed": false }, { "type": "title", "position": [ 376, 161, 273, 27 ], "completed": false }, { "type": "title", "position": [ 686, 161, 273, 27 ], "completed": false }, { "type": "description", "position": [ 65, 198, 273, 115 ], "completed": false }, { "type": "description", "position": [ 376, 198, 273, 202 ], "completed": false }, { "type": "description", "position": [ 686, 198, 273, 203 ], "completed": false } ] }, { "text": "#This page showcases Sweater&Gardigan for users. #This page has a title of \"Sweater&Gardigan\", there are four groups below showing the four types of Sweater&Gardigan and the price.There are also comment indexes below the last three sets of pictures.In addition, there is a button for View all.", "region_id": "7084", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'sweater&gardigan'] ] [gp:InfoGroup [item [el:image][el:text] ][item [el:image][el:text][el:text] ][item [el:image][el:text] [el:text]][item [el:image][el:text] [el:text]] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 45 16 5 | image 1 8 28 28 | text 10 37 5 2 | text 16 37 5 2 | title 1 3 118 4 | \" [ image 31 8 28 28 | text 40 37 5 2 | text 31 40 28 2 | text 46 37 5 2 ] | [ image 61 8 28 28 | text 70 37 5 2 | text 61 40 28 2 | text 76 37 5 2 ] | [ image 91 8 28 28 | text 100 37 5 2 | text 106 37 5 2 | text 91 40 28 2 ] \"", "layout_seq_without_completion": "button 52 45 16 5 | image 1 8 28 28 | text 10 37 5 2 | text 16 37 5 2 | title 1 3 118 4 | \" [ image 31 8 28 28 | text 40 37 5 2 | text 31 40 28 2 | text 46 37 5 2 ] | [ image 61 8 28 28 | text 70 37 5 2 | text 61 40 28 2 | text 76 37 5 2 ] | [ image 91 8 28 28 | text 100 37 5 2 | text 106 37 5 2 | text 91 40 28 2 ] \"", "plain_layout_seq": "button 52 45 16 5 | image 1 8 28 28 | image 31 8 28 28 | image 61 8 28 28 | image 91 8 28 28 | text 10 37 5 2 | text 16 37 5 2 | text 40 37 5 2 | text 31 40 28 2 | text 46 37 5 2 | text 70 37 5 2 | text 61 40 28 2 | text 76 37 5 2 | text 100 37 5 2 | text 106 37 5 2 | text 91 40 28 2 | title 1 3 118 4", "canvas_width": 1009, "canvas_height": 494, "elements": [ { "type": "title", "position": [ 15, 28, 994, 36 ], "completed": false }, { "type": "image", "position": [ 15, 70, 237, 237 ], "completed": false }, { "type": "image", "position": [ 267, 70, 237, 237 ], "completed": false }, { "type": "image", "position": [ 520, 70, 237, 237 ], "completed": false }, { "type": "image", "position": [ 772, 70, 237, 237 ], "completed": false }, { "type": "text", "position": [ 85, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 136, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 337, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 388, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 589, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 640, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 842, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 892, 316, 47, 19 ], "completed": false }, { "type": "text", "position": [ 267, 339, 237, 25 ], "completed": false }, { "type": "text", "position": [ 520, 339, 237, 25 ], "completed": false }, { "type": "text", "position": [ 772, 339, 237, 25 ], "completed": false }, { "type": "button", "position": [ 441, 384, 142, 45 ], "completed": false } ] }, { "text": "# A page for Socar for the user to rent a car in Malaysia. # On the page, there should be a slogan to have a brief introduction to Socar. Then there should be three parts. In each part, there should be a background image, an image showing the logo of Socar, and a text box showing the name of the city in Malaysia. So the user can rent a car according to their location.", "region_id": "483", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:background_image] [el:logo] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | logo undefined undefined | text undefined undefined ] | [ background undefined undefined | logo undefined undefined | text undefined undefined ] | [ background undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 118 29 1 2 | complete button 0 29 1 2 | title 2 1 114 11 | \" [ complete button 53 41 1 1 ] | [ complete button 57 41 1 1 ] | [ complete button 60 41 1 1 ] | [ complete button 64 41 1 1 ] \" | \" [ background 2 18 36 20 | logo 4 20 11 2 | text 4 22 13 3 ] | [ background 41 18 36 20 | logo 43 20 11 2 | text 43 22 11 3 ] | [ background 80 18 36 20 | logo 82 20 11 2 | text 82 22 11 3 ] \"", "layout_seq_without_completion": "button 118 29 1 2 | button 0 29 1 2 | title 2 1 114 11 | \" [ button 53 41 1 1 ] | [ button 57 41 1 1 ] | [ button 60 41 1 1 ] | [ button 64 41 1 1 ] \" | \" [ background 2 18 36 20 | logo 4 20 11 2 | text 4 22 13 3 ] | [ background 41 18 36 20 | logo 43 20 11 2 | text 43 22 11 3 ] | [ background 80 18 36 20 | logo 82 20 11 2 | text 82 22 11 3 ] \"", "plain_layout_seq": "background 2 18 36 20 | background 41 18 36 20 | background 80 18 36 20 | button 118 29 1 2 | button 0 29 1 2 | button 53 41 1 1 | button 57 41 1 1 | button 60 41 1 1 | button 64 41 1 1 | logo 4 20 11 2 | logo 43 20 11 2 | logo 82 20 11 2 | text 4 22 13 3 | text 43 22 11 3 | text 82 22 11 3 | title 2 1 114 11", "canvas_width": 1042, "canvas_height": 406, "elements": [ { "type": "title", "position": [ 24, 16, 994, 104 ], "completed": false }, { "type": "background", "position": [ 25, 161, 319, 181 ], "completed": false }, { "type": "background", "position": [ 362, 161, 319, 180 ], "completed": false }, { "type": "background", "position": [ 699, 161, 319, 181 ], "completed": false }, { "type": "logo", "position": [ 41, 177, 97, 20 ], "completed": false }, { "type": "logo", "position": [ 378, 177, 97, 20 ], "completed": false }, { "type": "logo", "position": [ 715, 177, 97, 20 ], "completed": false }, { "type": "text", "position": [ 41, 197, 118, 29 ], "completed": false }, { "type": "text", "position": [ 378, 197, 97, 29 ], "completed": false }, { "type": "text", "position": [ 715, 197, 101, 29 ], "completed": false }, { "type": "button", "position": [ 0, 255, 11, 20 ], "completed": true }, { "type": "button", "position": [ 1031, 255, 11, 20 ], "completed": true }, { "type": "button", "position": [ 466, 363, 10, 10 ], "completed": true }, { "type": "button", "position": [ 496, 363, 10, 10 ], "completed": true }, { "type": "button", "position": [ 526, 363, 10, 10 ], "completed": true }, { "type": "button", "position": [ 556, 363, 10, 10 ], "completed": true } ] }, { "text": "# A page for introducing the product category of PAX. # There should be ten text boxes with an image above each text box to show the category.", "region_id": "1452", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'10'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 2 0 17 9 | image 22 0 17 9 | image 41 0 17 9 | image 61 0 17 9 | image 80 0 17 9 | image 2 22 17 9 | image 22 22 17 9 | image 41 22 17 9 | image 100 0 17 9 | image 61 22 17 9 | text 100 9 17 5 | text 22 9 17 7 | text 2 32 17 7 | text 41 32 17 7 | text 61 32 17 7 | text 2 9 17 7 | text 41 9 17 5 | text 61 9 17 7 | text 80 9 17 7 | text 22 32 17 7", "layout_seq_without_completion": "image 2 0 17 9 | image 22 0 17 9 | image 41 0 17 9 | image 61 0 17 9 | image 80 0 17 9 | image 2 22 17 9 | image 22 22 17 9 | image 41 22 17 9 | image 100 0 17 9 | image 61 22 17 9 | text 100 9 17 5 | text 22 9 17 7 | text 2 32 17 7 | text 41 32 17 7 | text 61 32 17 7 | text 2 9 17 7 | text 41 9 17 5 | text 61 9 17 7 | text 80 9 17 7 | text 22 32 17 7", "plain_layout_seq": "image 2 0 17 9 | image 22 0 17 9 | image 41 0 17 9 | image 61 0 17 9 | image 80 0 17 9 | image 2 22 17 9 | image 22 22 17 9 | image 41 22 17 9 | image 100 0 17 9 | image 61 22 17 9 | text 100 9 17 5 | text 22 9 17 7 | text 2 32 17 7 | text 41 32 17 7 | text 61 32 17 7 | text 2 9 17 7 | text 41 9 17 5 | text 61 9 17 7 | text 80 9 17 7 | text 22 32 17 7", "canvas_width": 968, "canvas_height": 363, "elements": [ { "type": "image", "position": [ 20, 0, 138, 78 ], "completed": false }, { "type": "image", "position": [ 178, 0, 138, 78 ], "completed": false }, { "type": "image", "position": [ 336, 0, 138, 78 ], "completed": false }, { "type": "image", "position": [ 494, 0, 138, 78 ], "completed": false }, { "type": "image", "position": [ 652, 0, 138, 78 ], "completed": false }, { "type": "image", "position": [ 810, 0, 138, 78 ], "completed": false }, { "type": "text", "position": [ 20, 77, 138, 64 ], "completed": false }, { "type": "text", "position": [ 178, 77, 138, 64 ], "completed": false }, { "type": "text", "position": [ 336, 77, 138, 42 ], "completed": false }, { "type": "text", "position": [ 494, 77, 138, 64 ], "completed": false }, { "type": "text", "position": [ 652, 77, 138, 64 ], "completed": false }, { "type": "text", "position": [ 810, 77, 138, 42 ], "completed": false }, { "type": "image", "position": [ 20, 181, 138, 78 ], "completed": false }, { "type": "image", "position": [ 178, 181, 138, 78 ], "completed": false }, { "type": "image", "position": [ 336, 181, 138, 78 ], "completed": false }, { "type": "image", "position": [ 494, 181, 138, 78 ], "completed": false }, { "type": "text", "position": [ 20, 259, 138, 64 ], "completed": false }, { "type": "text", "position": [ 178, 259, 138, 64 ], "completed": false }, { "type": "text", "position": [ 336, 259, 138, 64 ], "completed": false }, { "type": "text", "position": [ 494, 259, 138, 64 ], "completed": false } ] }, { "text": "#A page for showing the latest news.# There should be one label showing the name\"latest news\". Next are four groups. And each of them includes one title of the news and one label showing the time.", "region_id": "2157", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'latest news'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 5 26 21 2 | text 34 40 21 2 | text 92 36 21 2 | text 63 33 21 2 | title 5 14 16 10 | title 92 14 21 21 | title 34 14 21 25 | title 63 14 20 18 | title 3 3 112 4", "layout_seq_without_completion": "text 5 26 21 2 | text 34 40 21 2 | text 92 36 21 2 | text 63 33 21 2 | title 5 14 16 10 | title 92 14 21 21 | title 34 14 21 25 | title 63 14 20 18 | title 3 3 112 4", "plain_layout_seq": "text 5 26 21 2 | text 34 40 21 2 | text 92 36 21 2 | text 63 33 21 2 | title 5 14 16 10 | title 92 14 21 21 | title 34 14 21 25 | title 63 14 20 18 | title 3 3 112 4", "canvas_width": 1003, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 30, 30, 943, 39 ], "completed": false }, { "type": "title", "position": [ 50, 118, 142, 91 ], "completed": false }, { "type": "title", "position": [ 291, 118, 178, 211 ], "completed": false }, { "type": "title", "position": [ 532, 118, 175, 151 ], "completed": false }, { "type": "title", "position": [ 772, 118, 179, 181 ], "completed": false }, { "type": "text", "position": [ 50, 219, 181, 21 ], "completed": false }, { "type": "text", "position": [ 532, 279, 181, 21 ], "completed": false }, { "type": "text", "position": [ 772, 309, 181, 21 ], "completed": false }, { "type": "text", "position": [ 291, 339, 181, 21 ], "completed": false } ] }, { "text": "#A page for introducing some info to users.# There should be three groups and each of them includes one label showing employees, countries, and order backlog. Above them are three text boxes, which show their number. Below them are three text boxes, which show their advantages.", "region_id": "766", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'employees, countries, order bocklog'] [item [el:title] [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 44 | \" [ title 11 11 24 6 ] | [ text 11 18 24 3 ] | [ description 11 22 24 5 ] \" | \" [ title 47 11 24 6 ] | [ text 47 18 24 3 ] | [ description 47 22 24 5 ] \" | \" [ title 83 11 24 6 ] | [ text 83 18 24 3 ] | [ description 83 22 24 5 ] \"", "layout_seq_without_completion": "background 0 0 120 44 | \" [ title 11 11 24 6 ] | [ text 11 18 24 3 ] | [ description 11 22 24 5 ] \" | \" [ title 47 11 24 6 ] | [ text 47 18 24 3 ] | [ description 47 22 24 5 ] \" | \" [ title 83 11 24 6 ] | [ text 83 18 24 3 ] | [ description 83 22 24 5 ] \"", "plain_layout_seq": "background 0 0 120 44 | description 11 22 24 5 | description 47 22 24 5 | description 83 22 24 5 | text 11 18 24 3 | text 47 18 24 3 | text 83 18 24 3 | title 11 11 24 6 | title 47 11 24 6 | title 83 11 24 6", "canvas_width": 1024, "canvas_height": 380, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 380 ], "completed": true }, { "type": "title", "position": [ 96, 94, 211, 56 ], "completed": false }, { "type": "title", "position": [ 406, 94, 211, 56 ], "completed": false }, { "type": "title", "position": [ 716, 94, 211, 56 ], "completed": false }, { "type": "text", "position": [ 96, 155, 211, 30 ], "completed": false }, { "type": "text", "position": [ 406, 155, 211, 30 ], "completed": false }, { "type": "text", "position": [ 716, 155, 211, 30 ], "completed": false }, { "type": "description", "position": [ 96, 195, 211, 48 ], "completed": false }, { "type": "description", "position": [ 406, 195, 211, 48 ], "completed": false }, { "type": "description", "position": [ 716, 195, 211, 48 ], "completed": false } ] }, { "text": "#A page for introducing some info to users.# There should be three text boxes showing employees, countries, and order bocklog. Above them are three text boxes, which show their number. Below them are three text boxes, which show their advantages.", "region_id": "766_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'employees, countries, order bocklog'] [item [el:text] [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 44 | \" [ text 11 11 24 6 ] | [ text 11 18 24 3 ] | [ description 11 22 24 5 ] \" | \" [ text 47 11 24 6 ] | [ text 47 18 24 3 ] | [ description 47 22 24 5 ] \" | \" [ text 83 11 24 6 ] | [ text 83 18 24 3 ] | [ description 83 22 24 5 ] \"", "layout_seq_without_completion": "background 0 0 120 44 | \" [ text 11 11 24 6 ] | [ text 11 18 24 3 ] | [ description 11 22 24 5 ] \" | \" [ text 47 11 24 6 ] | [ text 47 18 24 3 ] | [ description 47 22 24 5 ] \" | \" [ text 83 11 24 6 ] | [ text 83 18 24 3 ] | [ description 83 22 24 5 ] \"", "plain_layout_seq": "background 0 0 120 44 | description 11 22 24 5 | description 47 22 24 5 | description 83 22 24 5 | text 11 11 24 6 | text 11 18 24 3 | text 47 11 24 6 | text 47 18 24 3 | text 83 11 24 6 | text 83 18 24 3", "canvas_width": 1024, "canvas_height": 380, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 380 ], "completed": true }, { "type": "text", "position": [ 96, 94, 211, 56 ], "completed": false }, { "type": "text", "position": [ 406, 94, 211, 56 ], "completed": false }, { "type": "text", "position": [ 716, 94, 211, 56 ], "completed": false }, { "type": "text", "position": [ 96, 155, 211, 30 ], "completed": false }, { "type": "text", "position": [ 406, 155, 211, 30 ], "completed": false }, { "type": "text", "position": [ 716, 155, 211, 30 ], "completed": false }, { "type": "description", "position": [ 96, 195, 211, 48 ], "completed": false }, { "type": "description", "position": [ 406, 195, 211, 48 ], "completed": false }, { "type": "description", "position": [ 716, 195, 211, 48 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have two groups and each group has an image and a title, \"sports bra\" and \"cropped tee\". There is a description and the same button in each group, named \"view now\".", "region_id": "7936", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'sports bra, cropped tee'] [item [el:image] [el:title] [el:description] [el:button[attr:value'view now'] ]] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 35 38 15 4 | description 35 15 19 20 | image 0 0 30 30 | complete image 30 0 30 45 | title 35 2 19 11 ] | [ button 95 37 15 4 | description 95 16 19 18 | image 60 0 30 30 | complete image 90 0 30 45 | title 95 3 19 11 ] \"", "layout_seq_without_completion": "\" [ button 35 38 15 4 | description 35 15 19 20 | image 0 0 30 30 | image 30 0 30 45 | title 35 2 19 11 ] | [ button 95 37 15 4 | description 95 16 19 18 | image 60 0 30 30 | image 90 0 30 45 | title 95 3 19 11 ] \"", "plain_layout_seq": "button 35 38 15 4 | button 95 37 15 4 | description 35 15 19 20 | description 95 16 19 18 | image 0 0 30 30 | image 30 0 30 45 | image 60 0 30 30 | image 90 0 30 45 | title 35 2 19 11 | title 95 3 19 11", "canvas_width": 1024, "canvas_height": 391, "elements": [ { "type": "image", "position": [ 0, 0, 256, 256 ], "completed": false }, { "type": "image", "position": [ 256, 0, 256, 390 ], "completed": true }, { "type": "image", "position": [ 512, 0, 256, 256 ], "completed": false }, { "type": "image", "position": [ 768, 0, 256, 390 ], "completed": true }, { "type": "title", "position": [ 302, 20, 165, 94 ], "completed": false }, { "type": "title", "position": [ 814, 33, 165, 94 ], "completed": false }, { "type": "description", "position": [ 302, 129, 165, 179 ], "completed": false }, { "type": "description", "position": [ 814, 142, 165, 154 ], "completed": false }, { "type": "button", "position": [ 814, 316, 129, 42 ], "completed": false }, { "type": "button", "position": [ 302, 328, 129, 42 ], "completed": false } ] }, { "text": "#A page for users to choose the service of different levels.# The page includes three lists of information. Each list contains a title showing the level of the service, a picture, eight contents showing characteristics of the service, and a button named \u201cGet Your AD Now\u201d for users to click to get the service.", "region_id": "2454", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:image] [el:text [attr:repeat '8'] ] [el:button [attr:value 'Get Your AD Now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 1 77 36 14 | image 1 7 36 18 | text 1 34 36 3 | text 1 56 36 3 | text 1 68 36 3 | text 1 29 36 3 | text 1 38 36 3 | text 1 43 36 7 | text 1 51 36 3 | text 1 61 36 7 | title 11 2 17 3 ] | [ button 41 80 36 14 | image 41 7 36 18 | text 41 29 36 7 | text 41 37 36 3 | text 41 42 36 3 | text 41 46 36 7 | text 41 54 36 3 | text 41 59 36 3 | text 41 64 36 7 | text 41 72 36 3 | title 46 2 25 3 ] | [ button 81 80 36 14 | image 81 7 36 18 | text 81 54 36 3 | text 81 29 36 7 | text 81 37 36 3 | text 81 42 36 3 | text 81 46 36 7 | text 81 59 36 3 | text 81 64 36 7 | text 81 72 36 3 | title 93 2 13 3 ] \"", "layout_seq_without_completion": "\" [ button 1 77 36 14 | image 1 7 36 18 | text 1 34 36 3 | text 1 56 36 3 | text 1 68 36 3 | text 1 29 36 3 | text 1 38 36 3 | text 1 43 36 7 | text 1 51 36 3 | text 1 61 36 7 | title 11 2 17 3 ] | [ button 41 80 36 14 | image 41 7 36 18 | text 41 29 36 7 | text 41 37 36 3 | text 41 42 36 3 | text 41 46 36 7 | text 41 54 36 3 | text 41 59 36 3 | text 41 64 36 7 | text 41 72 36 3 | title 46 2 25 3 ] | [ button 81 80 36 14 | image 81 7 36 18 | text 81 54 36 3 | text 81 29 36 7 | text 81 37 36 3 | text 81 42 36 3 | text 81 46 36 7 | text 81 59 36 3 | text 81 64 36 7 | text 81 72 36 3 | title 93 2 13 3 ] \"", "plain_layout_seq": "button 1 77 36 14 | button 41 80 36 14 | button 81 80 36 14 | image 1 7 36 18 | image 41 7 36 18 | image 81 7 36 18 | text 1 34 36 3 | text 1 56 36 3 | text 1 68 36 3 | text 1 29 36 3 | text 1 38 36 3 | text 1 43 36 7 | text 1 51 36 3 | text 1 61 36 7 | text 41 29 36 7 | text 41 37 36 3 | text 41 42 36 3 | text 41 46 36 7 | text 41 54 36 3 | text 41 59 36 3 | text 41 64 36 7 | text 41 72 36 3 | text 81 54 36 3 | text 81 29 36 7 | text 81 37 36 3 | text 81 42 36 3 | text 81 46 36 7 | text 81 59 36 3 | text 81 64 36 7 | text 81 72 36 3 | title 11 2 17 3 | title 46 2 25 3 | title 93 2 13 3", "canvas_width": 912, "canvas_height": 722, "elements": [ { "type": "title", "position": [ 85, 19, 133, 29 ], "completed": false }, { "type": "title", "position": [ 357, 19, 197, 29 ], "completed": false }, { "type": "title", "position": [ 710, 19, 99, 29 ], "completed": false }, { "type": "image", "position": [ 15, 57, 274, 137 ], "completed": false }, { "type": "image", "position": [ 319, 57, 274, 137 ], "completed": false }, { "type": "image", "position": [ 623, 57, 274, 137 ], "completed": false }, { "type": "text", "position": [ 15, 224, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 224, 274, 54 ], "completed": false }, { "type": "text", "position": [ 623, 224, 274, 54 ], "completed": false }, { "type": "text", "position": [ 15, 260, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 284, 274, 30 ], "completed": false }, { "type": "text", "position": [ 623, 284, 274, 30 ], "completed": false }, { "type": "text", "position": [ 15, 296, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 320, 274, 30 ], "completed": false }, { "type": "text", "position": [ 623, 320, 274, 30 ], "completed": false }, { "type": "text", "position": [ 15, 332, 274, 54 ], "completed": false }, { "type": "text", "position": [ 319, 356, 274, 54 ], "completed": false }, { "type": "text", "position": [ 623, 356, 274, 54 ], "completed": false }, { "type": "text", "position": [ 15, 392, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 416, 274, 30 ], "completed": false }, { "type": "text", "position": [ 623, 416, 274, 30 ], "completed": false }, { "type": "text", "position": [ 15, 428, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 452, 274, 30 ], "completed": false }, { "type": "text", "position": [ 623, 452, 274, 30 ], "completed": false }, { "type": "text", "position": [ 15, 464, 274, 54 ], "completed": false }, { "type": "text", "position": [ 319, 488, 274, 54 ], "completed": false }, { "type": "text", "position": [ 623, 488, 274, 54 ], "completed": false }, { "type": "text", "position": [ 15, 524, 274, 30 ], "completed": false }, { "type": "text", "position": [ 319, 548, 274, 30 ], "completed": false }, { "type": "text", "position": [ 623, 548, 274, 30 ], "completed": false }, { "type": "button", "position": [ 15, 586, 274, 112 ], "completed": false }, { "type": "button", "position": [ 319, 610, 274, 112 ], "completed": false }, { "type": "button", "position": [ 623, 610, 274, 112 ], "completed": false } ] }, { "text": "#A page for introducing the characteristics of the company's products.#The page should include four groups of contents, each of them including one icon and one brief description.", "region_id": "7923", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "description 7 9 20 4 | description 35 9 20 7 | description 63 9 20 4 | description 91 9 20 7 | icon 43 0 5 5 | icon 71 0 5 5 | icon 15 0 5 5 | icon 98 0 6 5", "layout_seq_without_completion": "description 7 9 20 4 | description 35 9 20 7 | description 63 9 20 4 | description 91 9 20 7 | icon 43 0 5 5 | icon 71 0 5 5 | icon 15 0 5 5 | icon 98 0 6 5", "plain_layout_seq": "description 7 9 20 4 | description 35 9 20 7 | description 63 9 20 4 | description 91 9 20 7 | icon 43 0 5 5 | icon 71 0 5 5 | icon 15 0 5 5 | icon 98 0 6 5", "canvas_width": 1024, "canvas_height": 148, "elements": [ { "type": "icon", "position": [ 129, 0, 51, 50 ], "completed": false }, { "type": "icon", "position": [ 368, 0, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 606, 0, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 843, 0, 54, 50 ], "completed": false }, { "type": "description", "position": [ 67, 85, 175, 42 ], "completed": false }, { "type": "description", "position": [ 305, 85, 175, 62 ], "completed": false }, { "type": "description", "position": [ 544, 85, 175, 42 ], "completed": false }, { "type": "description", "position": [ 782, 85, 175, 62 ], "completed": false } ] }, { "text": "#A page showing some news. # The page should have 3 parts to show 3 different news. Each part should have an area to show a corresponding video clip, one button for users to click to play the clip, and 2 text boxes to show the title and the launch time of the news.", "region_id": "2007", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:button] [el:title] [el:text [attr:repeat'several'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 1 30 8 1 | text 42 30 8 1 | text 83 27 8 1 | text 83 23 36 3 | text 1 23 36 5 | text 42 23 36 5 | \" [ button 2 13 6 6 | image 0 0 37 22 | title 10 14 26 4 ] | [ button 43 13 6 6 | image 40 0 37 22 | title 51 14 26 4 ] | [ button 84 13 6 6 | image 82 0 37 22 | title 93 15 20 2 ] \"", "layout_seq_without_completion": "text 1 30 8 1 | text 42 30 8 1 | text 83 27 8 1 | text 83 23 36 3 | text 1 23 36 5 | text 42 23 36 5 | \" [ button 2 13 6 6 | image 0 0 37 22 | title 10 14 26 4 ] | [ button 43 13 6 6 | image 40 0 37 22 | title 51 14 26 4 ] | [ button 84 13 6 6 | image 82 0 37 22 | title 93 15 20 2 ] \"", "plain_layout_seq": "button 2 13 6 6 | button 43 13 6 6 | button 84 13 6 6 | image 0 0 37 22 | image 40 0 37 22 | image 82 0 37 22 | text 1 30 8 1 | text 42 30 8 1 | text 83 27 8 1 | text 83 23 36 3 | text 1 23 36 5 | text 42 23 36 5 | title 10 14 26 4 | title 51 14 26 4 | title 93 15 20 2", "canvas_width": 984, "canvas_height": 282, "elements": [ { "type": "image", "position": [ 0, 0, 311, 184 ], "completed": false }, { "type": "image", "position": [ 336, 0, 311, 184 ], "completed": false }, { "type": "image", "position": [ 673, 0, 311, 184 ], "completed": false }, { "type": "button", "position": [ 20, 114, 50, 50 ], "completed": false }, { "type": "button", "position": [ 356, 114, 50, 50 ], "completed": false }, { "type": "button", "position": [ 693, 114, 50, 50 ], "completed": false }, { "type": "title", "position": [ 90, 120, 221, 38 ], "completed": false }, { "type": "title", "position": [ 426, 120, 221, 38 ], "completed": false }, { "type": "title", "position": [ 763, 129, 165, 19 ], "completed": false }, { "type": "text", "position": [ 10, 196, 301, 47 ], "completed": false }, { "type": "text", "position": [ 346, 196, 301, 47 ], "completed": false }, { "type": "text", "position": [ 683, 196, 301, 27 ], "completed": false }, { "type": "text", "position": [ 683, 228, 66, 13 ], "completed": false }, { "type": "text", "position": [ 10, 248, 66, 13 ], "completed": false }, { "type": "text", "position": [ 346, 248, 72, 13 ], "completed": false } ] }, { "text": "# A page showing the watch category in an online shop. # The page should have five categories: men's watches, lady's watches, kid's watches, smart watches, and spare parts. In each category, there should have an image and a category name.", "region_id": "7476", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names ' mens watches, ladys watches, kids watches, smart watches, spare parts'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | title 27 24 20 2 | title 75 24 20 2 | title 99 24 20 2 | title 3 24 20 2 | title 51 24 20 2", "layout_seq_without_completion": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | title 27 24 20 2 | title 75 24 20 2 | title 99 24 20 2 | title 3 24 20 2 | title 51 24 20 2", "plain_layout_seq": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | title 27 24 20 2 | title 75 24 20 2 | title 99 24 20 2 | title 3 24 20 2 | title 51 24 20 2", "canvas_width": 994, "canvas_height": 289, "elements": [ { "type": "image", "position": [ 30, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 229, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 428, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 626, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 825, 28, 169, 169 ], "completed": false }, { "type": "title", "position": [ 30, 207, 169, 20 ], "completed": false }, { "type": "title", "position": [ 229, 207, 169, 20 ], "completed": false }, { "type": "title", "position": [ 428, 207, 169, 20 ], "completed": false }, { "type": "title", "position": [ 626, 207, 169, 20 ], "completed": false }, { "type": "title", "position": [ 825, 207, 169, 20 ], "completed": false } ] }, { "text": "# A page for a company. # On the page, there should have two parts: \"Our heritage\" and \"Career\". In each part, it should contain a background image, a text box, and a text button. So the user can click the button to read more info.", "region_id": "767", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'our heritage, career'] [item [el:background_image] [el:text] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | text undefined undefined ] | [ background undefined undefined | button undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 60 27 | button 21 13 16 5 | text 22 8 14 3 ] | [ background 60 0 60 27 | button 81 13 16 5 | text 85 8 8 3 ] \"", "layout_seq_without_completion": "\" [ background 0 0 60 27 | button 21 13 16 5 | text 22 8 14 3 ] | [ background 60 0 60 27 | button 81 13 16 5 | text 85 8 8 3 ] \"", "plain_layout_seq": "background 0 0 60 27 | background 60 0 60 27 | button 21 13 16 5 | button 81 13 16 5 | text 22 8 14 3 | text 85 8 8 3", "canvas_width": 1024, "canvas_height": 233, "elements": [ { "type": "background", "position": [ 0, 0, 512, 233 ], "completed": false }, { "type": "background", "position": [ 512, 0, 512, 233 ], "completed": false }, { "type": "text", "position": [ 196, 70, 121, 28 ], "completed": false }, { "type": "text", "position": [ 732, 70, 72, 28 ], "completed": false }, { "type": "button", "position": [ 184, 118, 144, 45 ], "completed": false }, { "type": "button", "position": [ 696, 118, 144, 45 ], "completed": false } ] }, { "text": "#This page shows the user information about the company. #This page has the title \"Who we are and what we do?\", and then it is divided into three groups: Editorial Guidelines, Fact-Checking, and Review Board. Each group has an image, a title, and a description of it.", "region_id": "5912", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'who we are and what we do?'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Editorial Guidelines, Fact-Checking,Review Board'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 82 26 25 10 | description 12 24 25 13 | description 47 26 25 10 | image 90 13 8 7 | image 20 11 8 7 | image 56 13 7 7 | title 87 22 14 2 | title 0 2 120 6 | title 14 21 21 2 | title 52 22 15 2", "layout_seq_without_completion": "description 82 26 25 10 | description 12 24 25 13 | description 47 26 25 10 | image 90 13 8 7 | image 20 11 8 7 | image 56 13 7 7 | title 87 22 14 2 | title 0 2 120 6 | title 14 21 21 2 | title 52 22 15 2", "plain_layout_seq": "description 82 26 25 10 | description 12 24 25 13 | description 47 26 25 10 | image 90 13 8 7 | image 20 11 8 7 | image 56 13 7 7 | title 87 22 14 2 | title 0 2 120 6 | title 14 21 21 2 | title 52 22 15 2", "canvas_width": 1316, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 0, 27, 1316, 76 ], "completed": false }, { "type": "image", "position": [ 226, 131, 93, 86 ], "completed": false }, { "type": "image", "position": [ 994, 146, 98, 86 ], "completed": false }, { "type": "image", "position": [ 616, 149, 83, 80 ], "completed": false }, { "type": "title", "position": [ 157, 231, 231, 29 ], "completed": false }, { "type": "title", "position": [ 575, 243, 165, 29 ], "completed": false }, { "type": "title", "position": [ 961, 246, 164, 29 ], "completed": false }, { "type": "description", "position": [ 135, 274, 275, 144 ], "completed": false }, { "type": "description", "position": [ 520, 286, 275, 115 ], "completed": false }, { "type": "description", "position": [ 906, 289, 275, 115 ], "completed": false } ] }, { "text": "# A page for presenting the customer's reviews for a shop.# The page should have the title \"REVIEWS FROM OUR CUSTOMERS\" and three groups of review information with each having a review, and a customer name. Also, there should have pagination for the user to switch pages for more reviews.", "region_id": "7373", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'reviews from our customers'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 8 21 32 15 | description 43 21 32 12 | description 79 21 32 15 | complete icon 23 16 2 2 | complete icon 58 16 2 2 | complete icon 94 16 2 2 | text 79 40 32 2 | text 8 40 32 2 | text 43 37 32 2 | title 6 6 107 3 | \" [ complete button 51 53 2 2 ] | [ complete button 54 53 2 2 ] | [ complete button 56 53 2 2 ] | [ complete button 58 53 2 2 ] | [ complete button 61 53 2 2 ] | [ complete button 63 53 2 2 ] | [ complete button 65 53 2 2 ] \"", "layout_seq_without_completion": "description 8 21 32 15 | description 43 21 32 12 | description 79 21 32 15 | icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 79 40 32 2 | text 8 40 32 2 | text 43 37 32 2 | title 6 6 107 3 | \" [ button 51 53 2 2 ] | [ button 54 53 2 2 ] | [ button 56 53 2 2 ] | [ button 58 53 2 2 ] | [ button 61 53 2 2 ] | [ button 63 53 2 2 ] | [ button 65 53 2 2 ] \"", "plain_layout_seq": "button 51 53 2 2 | button 54 53 2 2 | button 56 53 2 2 | button 58 53 2 2 | button 61 53 2 2 | button 63 53 2 2 | button 65 53 2 2 | description 8 21 32 15 | description 43 21 32 12 | description 79 21 32 15 | icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 79 40 32 2 | text 8 40 32 2 | text 43 37 32 2 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 533, "elements": [ { "type": "title", "position": [ 55, 54, 914, 29 ], "completed": false }, { "type": "icon", "position": [ 197, 143, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 501, 143, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 805, 143, 20, 20 ], "completed": true }, { "type": "description", "position": [ 70, 185, 274, 133 ], "completed": false }, { "type": "description", "position": [ 374, 185, 274, 107 ], "completed": false }, { "type": "description", "position": [ 678, 185, 274, 133 ], "completed": false }, { "type": "text", "position": [ 374, 321, 274, 21 ], "completed": false }, { "type": "text", "position": [ 70, 348, 274, 21 ], "completed": false }, { "type": "text", "position": [ 678, 348, 274, 21 ], "completed": false }, { "type": "button", "position": [ 442, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 462, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 482, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 502, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 522, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 542, 458, 20, 20 ], "completed": true }, { "type": "button", "position": [ 562, 458, 20, 20 ], "completed": true } ] }, { "text": "#A page including NBA reports.# The page contains two titles, \"NBA\", and 4 information sets, a big one, and three small ones. Each group includes an image, the title of the article, the author, and the publishing time of the article.", "region_id": "6162", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'nba'][attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 60 37 58 14 | complete image 1 6 58 46 | complete image 60 22 58 14 | complete image 60 6 58 14 | title 1 0 7 5 | title 115 1 3 2 | \" [ image 1 6 58 32 | text 2 48 11 2 | text 15 48 11 2 | text 14 48 0 2 | title 2 40 55 3 ] | [ image 60 6 19 14 | text 93 17 0 2 | text 94 17 11 2 | text 81 17 11 2 | title 81 6 36 6 ] | [ image 60 22 19 14 | text 81 33 11 2 | text 93 33 0 2 | text 94 33 11 2 | title 81 22 36 6 ] | [ image 60 37 19 14 | text 81 48 11 2 | text 93 48 0 2 | text 94 48 11 2 | title 81 38 36 6 ] \"", "layout_seq_without_completion": "image 60 37 58 14 | image 1 6 58 46 | image 60 22 58 14 | image 60 6 58 14 | title 1 0 7 5 | title 115 1 3 2 | \" [ image 1 6 58 32 | text 2 48 11 2 | text 15 48 11 2 | text 14 48 0 2 | title 2 40 55 3 ] | [ image 60 6 19 14 | text 93 17 0 2 | text 94 17 11 2 | text 81 17 11 2 | title 81 6 36 6 ] | [ image 60 22 19 14 | text 81 33 11 2 | text 93 33 0 2 | text 94 33 11 2 | title 81 22 36 6 ] | [ image 60 37 19 14 | text 81 48 11 2 | text 93 48 0 2 | text 94 48 11 2 | title 81 38 36 6 ] \"", "plain_layout_seq": "image 60 37 58 14 | image 1 6 58 46 | image 60 22 58 14 | image 60 6 58 14 | image 1 6 58 32 | image 60 6 19 14 | image 60 22 19 14 | image 60 37 19 14 | text 2 48 11 2 | text 15 48 11 2 | text 14 48 0 2 | text 93 17 0 2 | text 94 17 11 2 | text 81 17 11 2 | text 81 33 11 2 | text 93 33 0 2 | text 94 33 11 2 | text 81 48 11 2 | text 93 48 0 2 | text 94 48 11 2 | title 1 0 7 5 | title 115 1 3 2 | title 2 40 55 3 | title 81 6 36 6 | title 81 22 36 6 | title 81 38 36 6", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "title", "position": [ 10, 0, 65, 44 ], "completed": false }, { "type": "title", "position": [ 982, 10, 32, 24 ], "completed": false }, { "type": "image", "position": [ 10, 54, 497, 280 ], "completed": false }, { "type": "image", "position": [ 10, 54, 497, 393 ], "completed": true }, { "type": "image", "position": [ 517, 54, 497, 124 ], "completed": true }, { "type": "image", "position": [ 517, 54, 166, 124 ], "completed": false }, { "type": "title", "position": [ 693, 59, 311, 56 ], "completed": false }, { "type": "text", "position": [ 693, 149, 97, 24 ], "completed": false }, { "type": "text", "position": [ 795, 149, 4, 24 ], "completed": false }, { "type": "text", "position": [ 804, 149, 97, 24 ], "completed": false }, { "type": "image", "position": [ 517, 189, 166, 124 ], "completed": false }, { "type": "image", "position": [ 517, 189, 497, 124 ], "completed": true }, { "type": "title", "position": [ 693, 194, 311, 56 ], "completed": false }, { "type": "text", "position": [ 693, 284, 97, 24 ], "completed": false }, { "type": "text", "position": [ 795, 284, 4, 24 ], "completed": false }, { "type": "text", "position": [ 804, 284, 97, 24 ], "completed": false }, { "type": "image", "position": [ 517, 323, 166, 124 ], "completed": false }, { "type": "image", "position": [ 517, 323, 497, 124 ], "completed": true }, { "type": "title", "position": [ 693, 328, 311, 56 ], "completed": false }, { "type": "title", "position": [ 20, 346, 477, 28 ], "completed": false }, { "type": "text", "position": [ 20, 413, 97, 24 ], "completed": false }, { "type": "text", "position": [ 122, 413, 4, 24 ], "completed": false }, { "type": "text", "position": [ 131, 413, 97, 24 ], "completed": false }, { "type": "text", "position": [ 693, 418, 97, 24 ], "completed": false }, { "type": "text", "position": [ 795, 418, 4, 24 ], "completed": false }, { "type": "text", "position": [ 804, 418, 97, 24 ], "completed": false } ] }, { "text": "# A page for introducing the pros of BeMob.# There is one logo, one title \"BeMob\", one label \"Ultimate Features\", and twelve info groups. Each one includes one icon, one label showing the pro, and one description. Users can learn more about all features by clicking one button.", "region_id": "4085", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:title [attr:value 'bemob'] ] [el:text [attr:value 'Ultimate Features'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:icon] [el:title] [el:description] ] ] [el:button [attr:value ' learn more about all features'] ] ]", "execution": "multiinfo : button undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 85 103 26 3 | description 6 18 30 5 | description 82 18 30 7 | description 44 71 30 7 | description 6 65 30 7 | description 82 41 30 7 | description 6 39 30 10 | description 6 91 30 5 | description 44 28 30 5 | description 44 50 30 5 | description 44 94 30 5 | description 82 65 30 7 | description 82 89 30 5 | complete image 3 6 36 19 | complete image 80 77 36 19 | complete image 80 30 36 21 | complete image 41 38 36 19 | complete image 3 77 36 21 | complete image 41 59 36 21 | complete image 41 83 36 19 | complete image 80 54 36 21 | complete image 3 28 36 24 | complete image 3 54 36 21 | complete image 41 17 36 19 | complete image 80 6 36 21 | logo 57 0 5 4 | text 41 10 36 3 | title 6 14 30 2 | title 6 85 30 4 | title 6 62 30 2 | title 82 62 30 2 | title 44 67 30 2 | title 6 35 30 2 | title 44 25 30 2 | title 44 46 30 2 | title 44 91 30 2 | title 82 38 30 2 | title 82 85 30 2 | title 82 14 30 2 | title 41 6 36 3", "layout_seq_without_completion": "button 85 103 26 3 | description 6 18 30 5 | description 82 18 30 7 | description 44 71 30 7 | description 6 65 30 7 | description 82 41 30 7 | description 6 39 30 10 | description 6 91 30 5 | description 44 28 30 5 | description 44 50 30 5 | description 44 94 30 5 | description 82 65 30 7 | description 82 89 30 5 | image 3 6 36 19 | image 80 77 36 19 | image 80 30 36 21 | image 41 38 36 19 | image 3 77 36 21 | image 41 59 36 21 | image 41 83 36 19 | image 80 54 36 21 | image 3 28 36 24 | image 3 54 36 21 | image 41 17 36 19 | image 80 6 36 21 | logo 57 0 5 4 | text 41 10 36 3 | title 6 14 30 2 | title 6 85 30 4 | title 6 62 30 2 | title 82 62 30 2 | title 44 67 30 2 | title 6 35 30 2 | title 44 25 30 2 | title 44 46 30 2 | title 44 91 30 2 | title 82 38 30 2 | title 82 85 30 2 | title 82 14 30 2 | title 41 6 36 3", "plain_layout_seq": "button 85 103 26 3 | description 6 18 30 5 | description 82 18 30 7 | description 44 71 30 7 | description 6 65 30 7 | description 82 41 30 7 | description 6 39 30 10 | description 6 91 30 5 | description 44 28 30 5 | description 44 50 30 5 | description 44 94 30 5 | description 82 65 30 7 | description 82 89 30 5 | image 3 6 36 19 | image 80 77 36 19 | image 80 30 36 21 | image 41 38 36 19 | image 3 77 36 21 | image 41 59 36 21 | image 41 83 36 19 | image 80 54 36 21 | image 3 28 36 24 | image 3 54 36 21 | image 41 17 36 19 | image 80 6 36 21 | logo 57 0 5 4 | text 41 10 36 3 | title 6 14 30 2 | title 6 85 30 4 | title 6 62 30 2 | title 82 62 30 2 | title 44 67 30 2 | title 6 35 30 2 | title 44 25 30 2 | title 44 46 30 2 | title 44 91 30 2 | title 82 38 30 2 | title 82 85 30 2 | title 82 14 30 2 | title 41 6 36 3", "canvas_width": 1024, "canvas_height": 913, "elements": [ { "type": "logo", "position": [ 488, 0, 48, 35 ], "completed": false }, { "type": "image", "position": [ 32, 59, 308, 164 ], "completed": true }, { "type": "title", "position": [ 358, 59, 308, 31 ], "completed": false }, { "type": "image", "position": [ 684, 59, 308, 186 ], "completed": true }, { "type": "text", "position": [ 358, 90, 308, 31 ], "completed": false }, { "type": "title", "position": [ 56, 127, 260, 20 ], "completed": false }, { "type": "title", "position": [ 708, 127, 260, 20 ], "completed": false }, { "type": "image", "position": [ 358, 151, 308, 164 ], "completed": true }, { "type": "description", "position": [ 56, 155, 260, 44 ], "completed": false }, { "type": "description", "position": [ 708, 155, 260, 66 ], "completed": false }, { "type": "title", "position": [ 382, 219, 260, 20 ], "completed": false }, { "type": "image", "position": [ 32, 239, 308, 208 ], "completed": true }, { "type": "description", "position": [ 382, 247, 260, 44 ], "completed": false }, { "type": "image", "position": [ 684, 261, 308, 186 ], "completed": true }, { "type": "title", "position": [ 56, 307, 260, 20 ], "completed": false }, { "type": "title", "position": [ 708, 329, 260, 20 ], "completed": false }, { "type": "image", "position": [ 358, 331, 308, 164 ], "completed": true }, { "type": "description", "position": [ 56, 335, 260, 88 ], "completed": false }, { "type": "description", "position": [ 708, 357, 260, 66 ], "completed": false }, { "type": "title", "position": [ 382, 399, 260, 20 ], "completed": false }, { "type": "description", "position": [ 382, 427, 260, 44 ], "completed": false }, { "type": "image", "position": [ 32, 462, 308, 186 ], "completed": true }, { "type": "image", "position": [ 684, 462, 308, 186 ], "completed": true }, { "type": "image", "position": [ 358, 511, 308, 186 ], "completed": true }, { "type": "title", "position": [ 56, 530, 260, 20 ], "completed": false }, { "type": "title", "position": [ 708, 530, 260, 20 ], "completed": false }, { "type": "description", "position": [ 56, 558, 260, 66 ], "completed": false }, { "type": "description", "position": [ 708, 558, 260, 66 ], "completed": false }, { "type": "title", "position": [ 382, 579, 260, 20 ], "completed": false }, { "type": "description", "position": [ 382, 607, 260, 66 ], "completed": false }, { "type": "image", "position": [ 32, 664, 308, 184 ], "completed": true }, { "type": "image", "position": [ 684, 664, 308, 164 ], "completed": true }, { "type": "image", "position": [ 358, 713, 308, 164 ], "completed": true }, { "type": "title", "position": [ 56, 732, 260, 40 ], "completed": false }, { "type": "title", "position": [ 708, 732, 260, 20 ], "completed": false }, { "type": "description", "position": [ 708, 760, 260, 44 ], "completed": false }, { "type": "description", "position": [ 56, 780, 260, 44 ], "completed": false }, { "type": "title", "position": [ 382, 781, 260, 20 ], "completed": false }, { "type": "description", "position": [ 382, 809, 260, 44 ], "completed": false }, { "type": "button", "position": [ 726, 884, 225, 28 ], "completed": false } ] }, { "text": "#A page selling books.# The page should contain four information sets. Each group includes an image, a title, a description text and a link with an icon on the right.", "region_id": "3397", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] [el:link][el:icon[attr:position 'right']] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon right undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon right undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon right undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon right undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 30 22 15 | icon 13 50 1 1 | complete image 0 0 28 59 | image 0 0 28 21 | link 2 49 10 2 | title 2 24 6 3 ] | [ description 33 30 22 18 | icon 53 52 1 1 | image 30 0 28 21 | complete image 30 0 28 59 | link 33 52 19 2 | title 33 24 12 3 ] | [ description 63 30 22 15 | icon 75 50 1 1 | complete image 61 0 28 59 | image 61 0 28 21 | link 63 49 10 2 | title 63 24 11 3 ] | [ description 94 30 22 15 | icon 112 50 1 1 | complete image 91 0 28 59 | image 91 0 28 21 | link 94 49 17 2 | title 94 24 11 3 ] \"", "layout_seq_without_completion": "\" [ description 2 30 22 15 | icon 13 50 1 1 | image 0 0 28 59 | image 0 0 28 21 | link 2 49 10 2 | title 2 24 6 3 ] | [ description 33 30 22 18 | icon 53 52 1 1 | image 30 0 28 21 | image 30 0 28 59 | link 33 52 19 2 | title 33 24 12 3 ] | [ description 63 30 22 15 | icon 75 50 1 1 | image 61 0 28 59 | image 61 0 28 21 | link 63 49 10 2 | title 63 24 11 3 ] | [ description 94 30 22 15 | icon 112 50 1 1 | image 91 0 28 59 | image 91 0 28 21 | link 94 49 17 2 | title 94 24 11 3 ] \"", "plain_layout_seq": "description 2 30 22 15 | description 33 30 22 18 | description 63 30 22 15 | description 94 30 22 15 | icon 13 50 1 1 | icon 53 52 1 1 | icon 75 50 1 1 | icon 112 50 1 1 | image 0 0 28 59 | image 0 0 28 21 | image 30 0 28 21 | image 30 0 28 59 | image 61 0 28 59 | image 61 0 28 21 | image 91 0 28 59 | image 91 0 28 21 | link 2 49 10 2 | link 33 52 19 2 | link 63 49 10 2 | link 94 49 17 2 | title 2 24 6 3 | title 33 24 12 3 | title 63 24 11 3 | title 94 24 11 3", "canvas_width": 924, "canvas_height": 455, "elements": [ { "type": "image", "position": [ 0, 0, 216, 162 ], "completed": false }, { "type": "image", "position": [ 0, 0, 216, 455 ], "completed": true }, { "type": "image", "position": [ 236, 0, 216, 455 ], "completed": true }, { "type": "image", "position": [ 236, 0, 216, 162 ], "completed": false }, { "type": "image", "position": [ 472, 0, 216, 162 ], "completed": false }, { "type": "image", "position": [ 472, 0, 216, 455 ], "completed": true }, { "type": "image", "position": [ 708, 0, 216, 455 ], "completed": true }, { "type": "image", "position": [ 708, 0, 216, 162 ], "completed": false }, { "type": "title", "position": [ 20, 189, 49, 27 ], "completed": false }, { "type": "title", "position": [ 256, 189, 94, 27 ], "completed": false }, { "type": "title", "position": [ 492, 189, 92, 27 ], "completed": false }, { "type": "title", "position": [ 728, 189, 91, 27 ], "completed": false }, { "type": "description", "position": [ 20, 235, 176, 120 ], "completed": false }, { "type": "description", "position": [ 256, 235, 176, 140 ], "completed": false }, { "type": "description", "position": [ 492, 235, 176, 120 ], "completed": false }, { "type": "description", "position": [ 728, 235, 176, 120 ], "completed": false }, { "type": "link", "position": [ 20, 381, 81, 20 ], "completed": false }, { "type": "link", "position": [ 492, 381, 83, 20 ], "completed": false }, { "type": "link", "position": [ 728, 381, 135, 20 ], "completed": false }, { "type": "icon", "position": [ 106, 388, 14, 9 ], "completed": false }, { "type": "icon", "position": [ 580, 388, 14, 9 ], "completed": false }, { "type": "icon", "position": [ 868, 388, 14, 9 ], "completed": false }, { "type": "link", "position": [ 256, 401, 153, 20 ], "completed": false }, { "type": "icon", "position": [ 414, 407, 14, 9 ], "completed": false } ] }, { "text": "# A page for advertising T-shirts. # There should have a title, and four groups of product information with each containing an image, a product name, and a price. Then, a button should be placed on the bottom for the user to view all products in the store.", "region_id": "8436", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat'2'] ] ] ] [el:button [attr:position 'bottom'] [attr:value 'view all'] ] ]", "execution": "multiinfo : button bottom undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 49 14 5 | title 5 4 108 6 | \" [ image 1 13 22 22 | text 1 38 22 2 | text 1 41 9 2 ] | [ image 25 13 22 22 | text 25 38 22 2 | text 25 41 9 2 ] | [ image 48 13 22 22 | text 48 38 22 2 | text 48 41 9 2 ] | [ image 72 13 22 22 | text 72 38 22 2 | text 72 41 9 2 ] | [ image 95 13 22 22 | text 95 38 22 2 | text 95 41 9 2 ] \"", "layout_seq_without_completion": "button 52 49 14 5 | title 5 4 108 6 | \" [ image 1 13 22 22 | text 1 38 22 2 | text 1 41 9 2 ] | [ image 25 13 22 22 | text 25 38 22 2 | text 25 41 9 2 ] | [ image 48 13 22 22 | text 48 38 22 2 | text 48 41 9 2 ] | [ image 72 13 22 22 | text 72 38 22 2 | text 72 41 9 2 ] | [ image 95 13 22 22 | text 95 38 22 2 | text 95 41 9 2 ] \"", "plain_layout_seq": "button 52 49 14 5 | image 1 13 22 22 | image 25 13 22 22 | image 48 13 22 22 | image 72 13 22 22 | image 95 13 22 22 | text 1 38 22 2 | text 1 41 9 2 | text 25 38 22 2 | text 25 41 9 2 | text 48 38 22 2 | text 48 41 9 2 | text 72 38 22 2 | text 72 41 9 2 | text 95 38 22 2 | text 95 41 9 2 | title 5 4 108 6", "canvas_width": 1024, "canvas_height": 505, "elements": [ { "type": "title", "position": [ 50, 36, 924, 52 ], "completed": false }, { "type": "image", "position": [ 15, 118, 192, 192 ], "completed": false }, { "type": "image", "position": [ 215, 118, 192, 192 ], "completed": false }, { "type": "image", "position": [ 416, 118, 192, 192 ], "completed": false }, { "type": "image", "position": [ 616, 118, 192, 192 ], "completed": false }, { "type": "image", "position": [ 817, 118, 192, 192 ], "completed": false }, { "type": "text", "position": [ 15, 327, 192, 18 ], "completed": false }, { "type": "text", "position": [ 215, 327, 192, 18 ], "completed": false }, { "type": "text", "position": [ 416, 327, 192, 18 ], "completed": false }, { "type": "text", "position": [ 616, 327, 192, 18 ], "completed": false }, { "type": "text", "position": [ 817, 327, 192, 18 ], "completed": false }, { "type": "text", "position": [ 15, 352, 84, 21 ], "completed": false }, { "type": "text", "position": [ 215, 352, 85, 21 ], "completed": false }, { "type": "text", "position": [ 416, 352, 85, 21 ], "completed": false }, { "type": "text", "position": [ 616, 352, 85, 21 ], "completed": false }, { "type": "text", "position": [ 817, 352, 85, 21 ], "completed": false }, { "type": "button", "position": [ 451, 422, 122, 47 ], "completed": false } ] }, { "text": "#A page to explain the reason why join us to the users# On the top of the page, the slogan \"EARN EXTRA MONEY\" is involved, under which the question of \"why join us\" is asked. Then nine groups of information are involved to explain the reason why join us. Each group contains an icon placed above a short question or the label of pros of joining us below which a short description is contained.", "region_id": "5911", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'earn extra money'] [attr:position 'top'] ] [el:text [attr:value 'why join us'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:icon] [el:text] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : text undefined undefined | title top undefined | { [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 6 97 33 4 | description 43 98 33 7 | description 6 39 33 11 | description 43 42 33 9 | description 80 40 33 11 | description 80 71 33 7 | description 6 73 33 4 | description 43 71 33 7 | description 80 97 33 4 | icon 19 27 6 6 | icon 56 27 6 6 | icon 20 84 5 6 | icon 93 84 6 6 | icon 19 58 6 6 | icon 56 58 6 6 | icon 93 58 6 6 | icon 92 27 7 6 | icon 55 84 8 6 | text 43 36 33 4 | text 6 93 33 2 | text 43 93 33 2 | text 80 93 33 2 | text 6 67 33 4 | text 6 35 33 2 | text 80 36 33 2 | text 4 14 110 6 | text 43 67 33 2 | text 80 67 33 2 | title 4 11 110 2", "layout_seq_without_completion": "description 6 97 33 4 | description 43 98 33 7 | description 6 39 33 11 | description 43 42 33 9 | description 80 40 33 11 | description 80 71 33 7 | description 6 73 33 4 | description 43 71 33 7 | description 80 97 33 4 | icon 19 27 6 6 | icon 56 27 6 6 | icon 20 84 5 6 | icon 93 84 6 6 | icon 19 58 6 6 | icon 56 58 6 6 | icon 93 58 6 6 | icon 92 27 7 6 | icon 55 84 8 6 | text 43 36 33 4 | text 6 93 33 2 | text 43 93 33 2 | text 80 93 33 2 | text 6 67 33 4 | text 6 35 33 2 | text 80 36 33 2 | text 4 14 110 6 | text 43 67 33 2 | text 80 67 33 2 | title 4 11 110 2", "plain_layout_seq": "description 6 97 33 4 | description 43 98 33 7 | description 6 39 33 11 | description 43 42 33 9 | description 80 40 33 11 | description 80 71 33 7 | description 6 73 33 4 | description 43 71 33 7 | description 80 97 33 4 | icon 19 27 6 6 | icon 56 27 6 6 | icon 20 84 5 6 | icon 93 84 6 6 | icon 19 58 6 6 | icon 56 58 6 6 | icon 93 58 6 6 | icon 92 27 7 6 | icon 55 84 8 6 | text 43 36 33 4 | text 6 93 33 2 | text 43 93 33 2 | text 80 93 33 2 | text 6 67 33 4 | text 6 35 33 2 | text 80 36 33 2 | text 4 14 110 6 | text 43 67 33 2 | text 80 67 33 2 | title 4 11 110 2", "canvas_width": 1024, "canvas_height": 997, "elements": [ { "type": "title", "position": [ 42, 100, 940, 20 ], "completed": false }, { "type": "text", "position": [ 42, 124, 940, 55 ], "completed": false }, { "type": "icon", "position": [ 170, 231, 57, 55 ], "completed": false }, { "type": "icon", "position": [ 486, 231, 52, 57 ], "completed": false }, { "type": "icon", "position": [ 792, 231, 66, 57 ], "completed": false }, { "type": "text", "position": [ 57, 306, 283, 20 ], "completed": false }, { "type": "text", "position": [ 370, 308, 283, 40 ], "completed": false }, { "type": "text", "position": [ 684, 308, 283, 20 ], "completed": false }, { "type": "description", "position": [ 57, 341, 283, 100 ], "completed": false }, { "type": "description", "position": [ 684, 343, 283, 100 ], "completed": false }, { "type": "description", "position": [ 370, 363, 283, 80 ], "completed": false }, { "type": "icon", "position": [ 170, 498, 57, 54 ], "completed": false }, { "type": "icon", "position": [ 483, 498, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 798, 498, 55, 55 ], "completed": false }, { "type": "text", "position": [ 57, 572, 283, 40 ], "completed": false }, { "type": "text", "position": [ 684, 573, 283, 20 ], "completed": false }, { "type": "text", "position": [ 370, 575, 283, 20 ], "completed": false }, { "type": "description", "position": [ 684, 608, 283, 60 ], "completed": false }, { "type": "description", "position": [ 370, 610, 283, 60 ], "completed": false }, { "type": "description", "position": [ 57, 627, 283, 40 ], "completed": false }, { "type": "icon", "position": [ 175, 725, 48, 55 ], "completed": false }, { "type": "icon", "position": [ 477, 725, 70, 57 ], "completed": false }, { "type": "icon", "position": [ 799, 725, 52, 55 ], "completed": false }, { "type": "text", "position": [ 57, 800, 283, 20 ], "completed": false }, { "type": "text", "position": [ 684, 800, 283, 20 ], "completed": false }, { "type": "text", "position": [ 370, 802, 283, 20 ], "completed": false }, { "type": "description", "position": [ 57, 835, 283, 40 ], "completed": false }, { "type": "description", "position": [ 684, 835, 283, 40 ], "completed": false }, { "type": "description", "position": [ 370, 837, 283, 60 ], "completed": false } ] }, { "text": "# A page for advertising the T-shirts on an online shop. # The page should contain a slogan, a title \"Guy Tees\" and three groups of information sets. Each group has an image, a name, and a price for the t-shirts. And a button named \"VIEW SHIRT COLLECTION\" for the user to view more products in the collection.", "region_id": "6685", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title [attr:value 'Guy Tees'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:text] ] ] [el:button [attr:value 'VIEW SHIRT COLLECTION']] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 45 80 29 5 | text 50 65 18 2 | text 88 65 20 2 | text 11 65 18 2 | text 58 68 3 2 | text 97 68 3 2 | text 19 68 3 2 | title 5 8 108 2 | title 5 13 108 4", "layout_seq_without_completion": "button 45 80 29 5 | text 50 65 18 2 | text 88 65 20 2 | text 11 65 18 2 | text 58 68 3 2 | text 97 68 3 2 | text 19 68 3 2 | title 5 8 108 2 | title 5 13 108 4", "plain_layout_seq": "button 45 80 29 5 | text 50 65 18 2 | text 88 65 20 2 | text 11 65 18 2 | text 58 68 3 2 | text 97 68 3 2 | text 19 68 3 2 | title 5 8 108 2 | title 5 13 108 4", "canvas_width": 1024, "canvas_height": 813, "elements": [ { "type": "title", "position": [ 50, 76, 924, 25 ], "completed": false }, { "type": "title", "position": [ 50, 117, 924, 39 ], "completed": false }, { "type": "text", "position": [ 101, 556, 156, 20 ], "completed": false }, { "type": "text", "position": [ 432, 556, 161, 20 ], "completed": false }, { "type": "text", "position": [ 756, 556, 179, 20 ], "completed": false }, { "type": "text", "position": [ 164, 582, 29, 21 ], "completed": false }, { "type": "text", "position": [ 498, 582, 29, 21 ], "completed": false }, { "type": "text", "position": [ 831, 582, 29, 21 ], "completed": false }, { "type": "button", "position": [ 385, 683, 254, 50 ], "completed": false } ] }, { "text": "#A page showing some events.# The page contains 2 paginations and 2 information sets. Each group includes an image, a category, the name of the event, the information of the attendees and a button \"ATTEND\".", "region_id": "3566", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:pagination] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:text [attr:repeat '3']] [el:button [attr:value 'attend'] ] ] ] ]", "execution": "multiinfo : pagination undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 7 2 104 18 | complete button 2 9 4 4 | complete button 112 9 4 4 | image 9 5 12 12 | image 60 5 12 12 | complete text 60 5 12 2 | complete text 9 5 12 2 | \" [ button 45 14 9 4 | text 23 6 30 6 | text 23 14 12 2 | text 23 16 12 2 | complete title 23 5 17 1 ] | [ button 95 14 9 4 | text 74 6 29 6 | text 74 14 11 2 | text 74 16 11 2 | complete title 74 5 14 1 ] \"", "layout_seq_without_completion": "background 7 2 104 18 | button 2 9 4 4 | button 112 9 4 4 | image 9 5 12 12 | image 60 5 12 12 | text 60 5 12 2 | text 9 5 12 2 | \" [ button 45 14 9 4 | text 23 6 30 6 | text 23 14 12 2 | text 23 16 12 2 | title 23 5 17 1 ] | [ button 95 14 9 4 | text 74 6 29 6 | text 74 14 11 2 | text 74 16 11 2 | title 74 5 14 1 ] \"", "plain_layout_seq": "background 7 2 104 18 | button 2 9 4 4 | button 112 9 4 4 | button 45 14 9 4 | button 95 14 9 4 | image 9 5 12 12 | image 60 5 12 12 | text 60 5 12 2 | text 9 5 12 2 | text 23 6 30 6 | text 23 14 12 2 | text 23 16 12 2 | text 74 6 29 6 | text 74 14 11 2 | text 74 16 11 2 | title 23 5 17 1 | title 74 5 14 1", "canvas_width": 1024, "canvas_height": 223, "elements": [ { "type": "background", "position": [ 66, 24, 892, 160 ], "completed": true }, { "type": "text", "position": [ 83, 49, 105, 21 ], "completed": true }, { "type": "image", "position": [ 83, 49, 105, 105 ], "completed": false }, { "type": "title", "position": [ 202, 49, 152, 15 ], "completed": true }, { "type": "text", "position": [ 513, 49, 105, 21 ], "completed": true }, { "type": "image", "position": [ 513, 49, 105, 105 ], "completed": false }, { "type": "title", "position": [ 632, 49, 124, 15 ], "completed": true }, { "type": "text", "position": [ 202, 59, 259, 53 ], "completed": false }, { "type": "text", "position": [ 632, 59, 251, 53 ], "completed": false }, { "type": "button", "position": [ 22, 84, 40, 40 ], "completed": true }, { "type": "button", "position": [ 962, 84, 40, 40 ], "completed": true }, { "type": "text", "position": [ 202, 123, 105, 18 ], "completed": false }, { "type": "button", "position": [ 385, 123, 79, 36 ], "completed": false }, { "type": "text", "position": [ 632, 123, 98, 18 ], "completed": false }, { "type": "button", "position": [ 815, 123, 79, 36 ], "completed": false }, { "type": "text", "position": [ 202, 141, 105, 18 ], "completed": false }, { "type": "text", "position": [ 632, 141, 98, 18 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by an online shop.# The page should have four groups of information sets: \"SHIPPING & DELIVERY\" \"BUYER SUPPORT\" \"SUSTAINABILITY\", and \"30 DAYS GUARANTEE\". In each group, there should have a small image, a title, and a further introduction.", "region_id": "7933", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'shipping & delivery, buyer support, sustainability, 30 days guarantee'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 21 26 5 | image 10 8 8 8 | title 4 18 20 2 ] | [ description 31 21 26 2 | image 40 8 7 8 | title 37 18 15 2 ] | [ description 61 21 26 8 | image 70 8 8 8 | title 67 18 15 2 ] | [ description 91 21 26 8 | image 100 8 8 8 | title 94 18 20 2 ] \"", "layout_seq_without_completion": "\" [ description 1 21 26 5 | image 10 8 8 8 | title 4 18 20 2 ] | [ description 31 21 26 2 | image 40 8 7 8 | title 37 18 15 2 ] | [ description 61 21 26 8 | image 70 8 8 8 | title 67 18 15 2 ] | [ description 91 21 26 8 | image 100 8 8 8 | title 94 18 20 2 ] \"", "plain_layout_seq": "description 1 21 26 5 | description 31 21 26 2 | description 61 21 26 8 | description 91 21 26 8 | image 10 8 8 8 | image 40 8 7 8 | image 70 8 8 8 | image 100 8 8 8 | title 4 18 20 2 | title 37 18 15 2 | title 67 18 15 2 | title 94 18 20 2", "canvas_width": 1024, "canvas_height": 344, "elements": [ { "type": "image", "position": [ 90, 70, 70, 70 ], "completed": false }, { "type": "image", "position": [ 348, 70, 66, 70 ], "completed": false }, { "type": "image", "position": [ 600, 70, 72, 70 ], "completed": false }, { "type": "image", "position": [ 856, 70, 72, 70 ], "completed": false }, { "type": "title", "position": [ 41, 160, 174, 22 ], "completed": false }, { "type": "title", "position": [ 316, 160, 135, 22 ], "completed": false }, { "type": "title", "position": [ 574, 160, 132, 22 ], "completed": false }, { "type": "title", "position": [ 810, 160, 172, 22 ], "completed": false }, { "type": "description", "position": [ 15, 187, 226, 48 ], "completed": false }, { "type": "description", "position": [ 271, 187, 226, 24 ], "completed": false }, { "type": "description", "position": [ 527, 187, 226, 72 ], "completed": false }, { "type": "description", "position": [ 783, 187, 226, 72 ], "completed": false } ] }, { "text": "# A page to introduce Symphony. # The page should have two parts. There should be two text boxes in each part. So the user can know the numbers of users and served institutes of Symphony.", "region_id": "491", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:text [attr:repeat'2'] ] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 64 15 50 4 | text 4 15 50 4 | text 4 2 50 12 | text 64 2 50 12", "layout_seq_without_completion": "text 64 15 50 4 | text 4 15 50 4 | text 4 2 50 12 | text 64 2 50 12", "plain_layout_seq": "text 64 15 50 4 | text 4 15 50 4 | text 4 2 50 12 | text 64 2 50 12", "canvas_width": 1024, "canvas_height": 190, "elements": [ { "type": "text", "position": [ 40, 20, 432, 104 ], "completed": false }, { "type": "text", "position": [ 552, 20, 432, 104 ], "completed": false }, { "type": "text", "position": [ 40, 129, 432, 42 ], "completed": false }, { "type": "text", "position": [ 552, 129, 432, 42 ], "completed": false } ] }, { "text": "# A page for seeling math practice.# The page should have a title \"Math Practice\" and five groups of product information with each having an image, a price, and a product name. Also, there should be a button for the user to sell all math resources.", "region_id": "7148", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'math practice'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] [el:title]] ] [el:button [attr:value 'sell all math resources'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 46 45 26 5 | complete button 80 25 7 2 | complete button 30 25 7 2 | complete image 78 6 23 34 | image 80 8 19 19 | image 30 8 19 19 | complete image 28 6 23 34 | text 30 30 6 3 | text 80 30 6 3 | title 30 34 17 2 | title 80 34 18 2 | title 2 0 114 3 | \" [ complete image 2 6 23 34 | image 4 8 19 19 | text 4 30 6 3 | title 4 34 17 2 ] | [ complete image 53 6 23 34 | image 55 8 19 19 | text 55 30 6 3 | title 55 34 17 2 ] | [ complete image 103 6 16 34 | image 105 8 14 19 | text 105 30 6 3 | title 105 34 14 2 ] \"", "layout_seq_without_completion": "button 46 45 26 5 | button 80 25 7 2 | button 30 25 7 2 | image 78 6 23 34 | image 80 8 19 19 | image 30 8 19 19 | image 28 6 23 34 | text 30 30 6 3 | text 80 30 6 3 | title 30 34 17 2 | title 80 34 18 2 | title 2 0 114 3 | \" [ image 2 6 23 34 | image 4 8 19 19 | text 4 30 6 3 | title 4 34 17 2 ] | [ image 53 6 23 34 | image 55 8 19 19 | text 55 30 6 3 | title 55 34 17 2 ] | [ image 103 6 16 34 | image 105 8 14 19 | text 105 30 6 3 | title 105 34 14 2 ] \"", "plain_layout_seq": "button 46 45 26 5 | button 80 25 7 2 | button 30 25 7 2 | image 78 6 23 34 | image 80 8 19 19 | image 30 8 19 19 | image 28 6 23 34 | image 2 6 23 34 | image 4 8 19 19 | image 53 6 23 34 | image 55 8 19 19 | image 103 6 16 34 | image 105 8 14 19 | text 30 30 6 3 | text 80 30 6 3 | text 4 30 6 3 | text 55 30 6 3 | text 105 30 6 3 | title 30 34 17 2 | title 80 34 18 2 | title 2 0 114 3 | title 4 34 17 2 | title 55 34 17 2 | title 105 34 14 2", "canvas_width": 1024, "canvas_height": 648, "elements": [ { "type": "title", "position": [ 25, 0, 974, 27 ], "completed": false }, { "type": "image", "position": [ 25, 53, 204, 298 ], "completed": true }, { "type": "image", "position": [ 239, 53, 204, 298 ], "completed": true }, { "type": "image", "position": [ 453, 53, 204, 298 ], "completed": true }, { "type": "image", "position": [ 667, 53, 204, 298 ], "completed": true }, { "type": "image", "position": [ 881, 53, 143, 298 ], "completed": true }, { "type": "image", "position": [ 42, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 256, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 470, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 684, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 898, 70, 126, 170 ], "completed": false }, { "type": "button", "position": [ 256, 218, 63, 22 ], "completed": true }, { "type": "button", "position": [ 684, 218, 63, 22 ], "completed": true }, { "type": "text", "position": [ 42, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 256, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 470, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 684, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 898, 264, 58, 30 ], "completed": false }, { "type": "title", "position": [ 42, 294, 153, 22 ], "completed": false }, { "type": "title", "position": [ 256, 294, 153, 22 ], "completed": false }, { "type": "title", "position": [ 470, 294, 153, 22 ], "completed": false }, { "type": "title", "position": [ 684, 294, 154, 22 ], "completed": false }, { "type": "title", "position": [ 898, 294, 126, 22 ], "completed": false }, { "type": "button", "position": [ 401, 387, 222, 44 ], "completed": false } ] }, { "text": "#A page showing information about the discount merchandise website.#There are four groups, and each of them includes one image with a sale label, one title, and three small texts about discounts and prices on the goods. There are two paginations at the bottom of the page.", "region_id": "7050", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:title] [el:text [attr:size 'small'] [attr:repeat '3'] ] ] ] [el:pagination[attr:position 'bottom']] ]", "execution": "multiinfo : pagination bottom undefined | { [ image undefined undefined | text undefined small | text undefined small | text undefined small | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined small | text undefined small | text undefined small | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined small | text undefined small | text undefined small | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined small | text undefined small | text undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 14 36 2 2 | complete icon 18 36 2 2 | text 25 0 5 3 | text 53 0 5 3 | text 81 0 5 3 | text 110 0 5 3 | \" [ image 4 0 25 25 | text 5 31 11 1 | text 9 33 15 1 | text 18 31 11 1 | title 4 26 25 3 ] | [ image 33 0 25 25 | text 34 31 10 1 | text 46 31 10 1 | text 38 33 14 1 | title 33 26 25 3 ] | [ image 61 0 25 25 | text 61 29 11 1 | text 66 31 14 1 | text 74 29 11 1 | title 61 26 25 2 ] | [ image 89 0 25 25 | text 105 31 4 1 | text 90 31 22 4 | text 92 31 11 1 | text 99 33 14 1 | title 89 26 25 3 ] \"", "layout_seq_without_completion": "icon 14 36 2 2 | icon 18 36 2 2 | text 25 0 5 3 | text 53 0 5 3 | text 81 0 5 3 | text 110 0 5 3 | \" [ image 4 0 25 25 | text 5 31 11 1 | text 9 33 15 1 | text 18 31 11 1 | title 4 26 25 3 ] | [ image 33 0 25 25 | text 34 31 10 1 | text 46 31 10 1 | text 38 33 14 1 | title 33 26 25 3 ] | [ image 61 0 25 25 | text 61 29 11 1 | text 66 31 14 1 | text 74 29 11 1 | title 61 26 25 2 ] | [ image 89 0 25 25 | text 105 31 4 1 | text 90 31 22 4 | text 92 31 11 1 | text 99 33 14 1 | title 89 26 25 3 ] \"", "plain_layout_seq": "icon 14 36 2 2 | icon 18 36 2 2 | image 4 0 25 25 | image 33 0 25 25 | image 61 0 25 25 | image 89 0 25 25 | text 25 0 5 3 | text 53 0 5 3 | text 81 0 5 3 | text 110 0 5 3 | text 5 31 11 1 | text 9 33 15 1 | text 18 31 11 1 | text 34 31 10 1 | text 46 31 10 1 | text 38 33 14 1 | text 61 29 11 1 | text 66 31 14 1 | text 74 29 11 1 | text 105 31 4 1 | text 90 31 22 4 | text 92 31 11 1 | text 99 33 14 1 | title 4 26 25 3 | title 33 26 25 3 | title 61 26 25 2 | title 89 26 25 3", "canvas_width": 1009, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 40, 0, 216, 216 ], "completed": false }, { "type": "text", "position": [ 212, 0, 44, 28 ], "completed": false }, { "type": "image", "position": [ 278, 0, 216, 216 ], "completed": false }, { "type": "text", "position": [ 450, 0, 44, 28 ], "completed": false }, { "type": "image", "position": [ 516, 0, 216, 216 ], "completed": false }, { "type": "text", "position": [ 688, 0, 44, 28 ], "completed": false }, { "type": "image", "position": [ 753, 0, 216, 216 ], "completed": false }, { "type": "text", "position": [ 925, 0, 44, 28 ], "completed": false }, { "type": "title", "position": [ 40, 224, 216, 32 ], "completed": false }, { "type": "title", "position": [ 278, 224, 216, 32 ], "completed": false }, { "type": "title", "position": [ 516, 224, 216, 18 ], "completed": false }, { "type": "title", "position": [ 753, 224, 216, 32 ], "completed": false }, { "type": "text", "position": [ 520, 247, 98, 16 ], "completed": false }, { "type": "text", "position": [ 628, 247, 98, 16 ], "completed": false }, { "type": "text", "position": [ 45, 261, 98, 16 ], "completed": false }, { "type": "text", "position": [ 153, 261, 98, 16 ], "completed": false }, { "type": "text", "position": [ 291, 261, 90, 16 ], "completed": false }, { "type": "text", "position": [ 390, 261, 90, 16 ], "completed": false }, { "type": "text", "position": [ 760, 261, 185, 36 ], "completed": false }, { "type": "text", "position": [ 777, 261, 98, 16 ], "completed": false }, { "type": "text", "position": [ 885, 261, 34, 16 ], "completed": false }, { "type": "text", "position": [ 563, 268, 125, 16 ], "completed": false }, { "type": "text", "position": [ 84, 282, 133, 16 ], "completed": false }, { "type": "text", "position": [ 326, 282, 125, 16 ], "completed": false }, { "type": "text", "position": [ 837, 282, 125, 16 ], "completed": false }, { "type": "icon", "position": [ 125, 309, 19, 19 ], "completed": true }, { "type": "icon", "position": [ 152, 309, 19, 19 ], "completed": true } ] }, { "text": "#A page for introducing the products to users.# The page should include six buttons for users to click for further information.", "region_id": "2318", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:button] ] ]]", "execution": "multiinfo : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 11 14 4 2 | complete image 9 2 7 7 | complete image 6 0 13 13 ] | [ button 29 14 5 2 | complete image 28 2 7 7 | complete image 25 0 13 13 ] | [ button 47 14 6 2 | complete image 44 0 13 13 | complete image 46 2 7 7 ] | [ button 65 14 7 2 | complete image 62 0 13 13 | complete image 65 2 7 7 ] | [ button 83 14 9 2 | complete image 84 2 7 7 | complete image 81 0 13 13 ] | [ button 99 14 13 2 | complete image 99 0 13 13 | complete image 102 2 7 7 ] \"", "layout_seq_without_completion": "\" [ button 11 14 4 2 | image 9 2 7 7 | image 6 0 13 13 ] | [ button 29 14 5 2 | image 28 2 7 7 | image 25 0 13 13 ] | [ button 47 14 6 2 | image 44 0 13 13 | image 46 2 7 7 ] | [ button 65 14 7 2 | image 62 0 13 13 | image 65 2 7 7 ] | [ button 83 14 9 2 | image 84 2 7 7 | image 81 0 13 13 ] | [ button 99 14 13 2 | image 99 0 13 13 | image 102 2 7 7 ] \"", "plain_layout_seq": "button 11 14 4 2 | button 29 14 5 2 | button 47 14 6 2 | button 65 14 7 2 | button 83 14 9 2 | button 99 14 13 2 | image 9 2 7 7 | image 6 0 13 13 | image 28 2 7 7 | image 25 0 13 13 | image 44 0 13 13 | image 46 2 7 7 | image 62 0 13 13 | image 65 2 7 7 | image 84 2 7 7 | image 81 0 13 13 | image 99 0 13 13 | image 102 2 7 7", "canvas_width": 1034, "canvas_height": 210, "elements": [ { "type": "image", "position": [ 60, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 220, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 380, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 540, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 700, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 860, 0, 115, 115 ], "completed": true }, { "type": "image", "position": [ 84, 25, 65, 65 ], "completed": true }, { "type": "image", "position": [ 244, 25, 65, 65 ], "completed": true }, { "type": "image", "position": [ 404, 25, 65, 65 ], "completed": true }, { "type": "image", "position": [ 564, 25, 65, 65 ], "completed": true }, { "type": "image", "position": [ 724, 25, 65, 65 ], "completed": true }, { "type": "image", "position": [ 884, 25, 65, 65 ], "completed": true }, { "type": "button", "position": [ 96, 125, 43, 18 ], "completed": false }, { "type": "button", "position": [ 254, 125, 45, 18 ], "completed": false }, { "type": "button", "position": [ 409, 125, 55, 18 ], "completed": false }, { "type": "button", "position": [ 563, 125, 67, 18 ], "completed": false }, { "type": "button", "position": [ 716, 125, 81, 18 ], "completed": false }, { "type": "button", "position": [ 861, 125, 113, 18 ], "completed": false } ] }, { "text": "# A page for introducing a company through figures. # The page should include four groups of information sets: \"Online Schools\" \"Membership Sites\" \"Deal Stores\" and \"Creators\". Each group has a figure, a title, and a short description.", "region_id": "5090", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Online Schools, Membership Sites,Deal Stores, Creators'] [item [el:text] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | text undefined undefined | title undefined undefined ] | [ description undefined small | text undefined undefined | title undefined undefined ] | [ description undefined small | text undefined undefined | title undefined undefined ] | [ description undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 13 22 5 | text 11 2 4 4 | text 16 2 11 4 | title 5 7 22 5 ] | [ description 34 13 22 5 | text 41 2 4 4 | text 45 2 11 4 | title 34 7 22 5 ] | [ description 63 13 22 5 | text 71 2 1 4 | text 72 2 12 4 | title 63 7 22 5 ] | [ description 92 13 22 5 | text 104 2 10 4 | text 98 2 5 4 | title 92 7 22 5 ] \"", "layout_seq_without_completion": "\" [ description 5 13 22 5 | text 11 2 4 4 | text 16 2 11 4 | title 5 7 22 5 ] | [ description 34 13 22 5 | text 41 2 4 4 | text 45 2 11 4 | title 34 7 22 5 ] | [ description 63 13 22 5 | text 71 2 1 4 | text 72 2 12 4 | title 63 7 22 5 ] | [ description 92 13 22 5 | text 104 2 10 4 | text 98 2 5 4 | title 92 7 22 5 ] \"", "plain_layout_seq": "description 5 13 22 5 | description 34 13 22 5 | description 63 13 22 5 | description 92 13 22 5 | text 11 2 4 4 | text 16 2 11 4 | text 41 2 4 4 | text 45 2 11 4 | text 71 2 1 4 | text 72 2 12 4 | text 104 2 10 4 | text 98 2 5 4 | title 5 7 22 5 | title 34 7 22 5 | title 63 7 22 5 | title 92 7 22 5", "canvas_width": 910, "canvas_height": 175, "elements": [ { "type": "text", "position": [ 90, 22, 35, 34 ], "completed": false }, { "type": "text", "position": [ 125, 22, 85, 34 ], "completed": false }, { "type": "text", "position": [ 311, 22, 32, 34 ], "completed": false }, { "type": "text", "position": [ 343, 22, 86, 34 ], "completed": false }, { "type": "text", "position": [ 541, 22, 12, 34 ], "completed": false }, { "type": "text", "position": [ 553, 22, 96, 34 ], "completed": false }, { "type": "text", "position": [ 747, 22, 42, 34 ], "completed": false }, { "type": "text", "position": [ 789, 22, 81, 34 ], "completed": false }, { "type": "title", "position": [ 40, 56, 170, 40 ], "completed": false }, { "type": "title", "position": [ 260, 56, 170, 40 ], "completed": false }, { "type": "title", "position": [ 480, 56, 170, 40 ], "completed": false }, { "type": "title", "position": [ 700, 56, 170, 40 ], "completed": false }, { "type": "description", "position": [ 40, 101, 170, 42 ], "completed": false }, { "type": "description", "position": [ 260, 101, 170, 42 ], "completed": false }, { "type": "description", "position": [ 480, 101, 170, 42 ], "completed": false }, { "type": "description", "position": [ 700, 101, 170, 42 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# The page includes a headline named \u201cHOT LIST 2022\u201d, a logo of the brand, and three pictures of the product with a title showing the name of the product beside each picture.", "region_id": "3259", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'hot list 2022'] ] [el:logo] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : logo undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 117 29 0 36 | image 2 29 36 36 | image 78 29 36 36 | image 40 29 36 36 | logo 90 16 28 5 | title 78 68 36 1 | title 40 68 36 1 | title 117 68 0 1 | title 2 68 36 1 | title 50 16 19 4", "layout_seq_without_completion": "image 117 29 0 36 | image 2 29 36 36 | image 78 29 36 36 | image 40 29 36 36 | logo 90 16 28 5 | title 78 68 36 1 | title 40 68 36 1 | title 117 68 0 1 | title 2 68 36 1 | title 50 16 19 4", "plain_layout_seq": "image 117 29 0 36 | image 2 29 36 36 | image 78 29 36 36 | image 40 29 36 36 | logo 90 16 28 5 | title 78 68 36 1 | title 40 68 36 1 | title 117 68 0 1 | title 2 68 36 1 | title 50 16 19 4", "canvas_width": 1024, "canvas_height": 707, "elements": [ { "type": "logo", "position": [ 769, 140, 240, 50 ], "completed": false }, { "type": "title", "position": [ 428, 145, 168, 37 ], "completed": false }, { "type": "image", "position": [ 20, 251, 315, 315 ], "completed": false }, { "type": "image", "position": [ 347, 251, 315, 315 ], "completed": false }, { "type": "image", "position": [ 673, 251, 315, 315 ], "completed": false }, { "type": "image", "position": [ 1000, 251, 4, 315 ], "completed": false }, { "type": "title", "position": [ 20, 587, 315, 13 ], "completed": false }, { "type": "title", "position": [ 347, 587, 315, 13 ], "completed": false }, { "type": "title", "position": [ 673, 587, 315, 13 ], "completed": false }, { "type": "title", "position": [ 1000, 587, 4, 13 ], "completed": false } ] }, { "text": "#A page to introduce the movie to readers.# On the page, the movie's poster picture is placed above its time length. And next to the picture, five icons next to the related name are set between the name of the movie and a short description of the movie vertically.", "region_id": "6369", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:text] [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:text] ] ] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "multiinfo : description undefined small | image undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 17 3 102 23 | description 25 13 91 5 | icon 25 11 2 2 | icon 63 11 2 1 | icon 40 11 2 2 | icon 84 11 2 1 | icon 100 10 2 2 | image 0 0 23 24 | text 0 25 18 2 | text 28 11 4 2 | text 44 11 11 2 | text 66 11 10 2 | text 103 11 5 2 | text 87 11 4 2 | title 25 7 91 3", "layout_seq_without_completion": "background 17 3 102 23 | description 25 13 91 5 | icon 25 11 2 2 | icon 63 11 2 1 | icon 40 11 2 2 | icon 84 11 2 1 | icon 100 10 2 2 | image 0 0 23 24 | text 0 25 18 2 | text 28 11 4 2 | text 44 11 11 2 | text 66 11 10 2 | text 103 11 5 2 | text 87 11 4 2 | title 25 7 91 3", "plain_layout_seq": "background 17 3 102 23 | description 25 13 91 5 | icon 25 11 2 2 | icon 63 11 2 1 | icon 40 11 2 2 | icon 84 11 2 1 | icon 100 10 2 2 | image 0 0 23 24 | text 0 25 18 2 | text 28 11 4 2 | text 44 11 11 2 | text 66 11 10 2 | text 103 11 5 2 | text 87 11 4 2 | title 25 7 91 3", "canvas_width": 964, "canvas_height": 227, "elements": [ { "type": "image", "position": [ 0, 0, 185, 195 ], "completed": false }, { "type": "background", "position": [ 141, 30, 823, 189 ], "completed": true }, { "type": "title", "position": [ 206, 60, 738, 25 ], "completed": false }, { "type": "icon", "position": [ 805, 88, 18, 24 ], "completed": false }, { "type": "text", "position": [ 232, 90, 36, 20 ], "completed": false }, { "type": "icon", "position": [ 328, 90, 18, 20 ], "completed": false }, { "type": "text", "position": [ 354, 90, 93, 20 ], "completed": false }, { "type": "text", "position": [ 533, 90, 86, 20 ], "completed": false }, { "type": "text", "position": [ 705, 90, 40, 20 ], "completed": false }, { "type": "text", "position": [ 831, 90, 46, 20 ], "completed": false }, { "type": "icon", "position": [ 206, 91, 18, 19 ], "completed": false }, { "type": "icon", "position": [ 507, 92, 18, 16 ], "completed": false }, { "type": "icon", "position": [ 679, 92, 18, 16 ], "completed": false }, { "type": "description", "position": [ 206, 112, 738, 44 ], "completed": false }, { "type": "text", "position": [ 5, 207, 145, 20 ], "completed": false } ] }, { "text": "#A page for introducing the latest news and updates to users.# The page should include one title and three inputs under it. Users can enter their email, name, and area of interest in each input. Besides, a button is needed for users to submit and there should be a description at the bottom.", "region_id": "1666", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'email, name, area of interest'] [item [el:input] ] ] [el:button [attr:value'submit'] ] [el:description [attr:position'bottom'] ] ]", "execution": "multiinfo : button undefined undefined | description bottom undefined | title top undefined | { [ input undefined undefined ] | [ input undefined undefined ] | [ input undefined undefined ] }", "layout_seq_with_completion": "button 87 13 18 5 | description 5 25 81 1 | input 5 15 24 4 | input 32 15 24 4 | input 60 15 24 4 | complete text 5 11 5 2 | complete text 32 12 5 2 | complete text 60 12 14 2 | title 5 3 56 4", "layout_seq_without_completion": "button 87 13 18 5 | description 5 25 81 1 | input 5 15 24 4 | input 32 15 24 4 | input 60 15 24 4 | text 5 11 5 2 | text 32 12 5 2 | text 60 12 14 2 | title 5 3 56 4", "plain_layout_seq": "button 87 13 18 5 | description 5 25 81 1 | input 5 15 24 4 | input 32 15 24 4 | input 60 15 24 4 | text 5 11 5 2 | text 32 12 5 2 | text 60 12 14 2 | title 5 3 56 4", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 45, 30, 483, 41 ], "completed": false }, { "type": "text", "position": [ 45, 102, 48, 24 ], "completed": true }, { "type": "text", "position": [ 278, 104, 45, 20 ], "completed": true }, { "type": "text", "position": [ 512, 104, 123, 20 ], "completed": true }, { "type": "button", "position": [ 746, 113, 161, 46 ], "completed": false }, { "type": "input", "position": [ 45, 134, 210, 35 ], "completed": false }, { "type": "input", "position": [ 278, 134, 210, 35 ], "completed": false }, { "type": "input", "position": [ 512, 134, 210, 35 ], "completed": false }, { "type": "description", "position": [ 45, 214, 697, 15 ], "completed": false } ] }, { "text": "#A page for introducing the glowing gone apparel.# There is one title \"Glowing Gone Apparel\" and two parts. Each part includes one image, one vice title, and one price label. Users can view all the apparel by clicking one button.", "region_id": "8081", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'glowing gone apparel'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 52 73 14 5 | title 5 0 24 4 | \" [ image 6 7 53 53 | text 5 66 11 2 | title 5 63 52 2 ] | [ image 60 7 53 53 | text 60 66 11 2 | title 60 63 52 2 ] \"", "layout_seq_without_completion": "button 52 73 14 5 | title 5 0 24 4 | \" [ image 6 7 53 53 | text 5 66 11 2 | title 5 63 52 2 ] | [ image 60 7 53 53 | text 60 66 11 2 | title 60 63 52 2 ] \"", "plain_layout_seq": "button 52 73 14 5 | image 6 7 53 53 | image 60 7 53 53 | text 5 66 11 2 | text 60 66 11 2 | title 5 0 24 4 | title 5 63 52 2 | title 60 63 52 2", "canvas_width": 1009, "canvas_height": 665, "elements": [ { "type": "title", "position": [ 50, 0, 206, 36 ], "completed": false }, { "type": "image", "position": [ 51, 65, 448, 448 ], "completed": false }, { "type": "image", "position": [ 510, 65, 448, 448 ], "completed": false }, { "type": "title", "position": [ 50, 530, 438, 20 ], "completed": false }, { "type": "title", "position": [ 510, 530, 438, 20 ], "completed": false }, { "type": "text", "position": [ 50, 559, 98, 18 ], "completed": false }, { "type": "text", "position": [ 510, 559, 98, 18 ], "completed": false }, { "type": "button", "position": [ 444, 620, 120, 45 ], "completed": false } ] }, { "text": "# A page for the user shop by category.# The page should contain four groups: \"SHOP WOMENS\" \"SHOP MENS\" \"SHOP GIRLS\" and \"SHOP BY BOYS\" with each having a background image and a category name.", "region_id": "7421", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'SHOP WOMENS, SHOP MENS, SHOP GIRLS, SHOP BY BOYS'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 4 0 25 25 | background 61 0 25 25 | background 89 0 25 25 | background 33 0 25 25 | title 7 11 20 3 | title 37 11 16 3 | title 66 11 16 3 | title 94 11 15 3", "layout_seq_without_completion": "background 4 0 25 25 | background 61 0 25 25 | background 89 0 25 25 | background 33 0 25 25 | title 7 11 20 3 | title 37 11 16 3 | title 66 11 16 3 | title 94 11 15 3", "plain_layout_seq": "background 4 0 25 25 | background 61 0 25 25 | background 89 0 25 25 | background 33 0 25 25 | title 7 11 20 3 | title 37 11 16 3 | title 66 11 16 3 | title 94 11 15 3", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "background", "position": [ 40, 0, 220, 220 ], "completed": false }, { "type": "background", "position": [ 282, 0, 220, 220 ], "completed": false }, { "type": "background", "position": [ 523, 0, 220, 220 ], "completed": false }, { "type": "background", "position": [ 764, 0, 220, 220 ], "completed": false }, { "type": "title", "position": [ 62, 95, 175, 29 ], "completed": false }, { "type": "title", "position": [ 322, 95, 138, 29 ], "completed": false }, { "type": "title", "position": [ 564, 95, 138, 29 ], "completed": false }, { "type": "title", "position": [ 809, 95, 131, 29 ], "completed": false } ] }, { "text": "# A page for advertising the products about bracelets.# The page should have six groups of product information with each having an image, a product name, and a price.", "region_id": "8014", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 6 3 25 25 | text 5 36 11 1 | title 5 31 26 2 ] | [ image 33 3 25 25 | text 33 36 11 1 | title 33 31 26 2 ] | [ image 60 3 25 25 | text 60 36 11 1 | title 60 31 26 2 ] | [ image 88 3 25 25 | text 88 36 11 1 | title 88 31 26 2 ] | [ image 6 42 25 25 | text 5 74 11 1 | title 5 70 26 2 ] | [ image 33 42 25 25 | text 33 74 11 1 | title 33 70 26 2 ] \"", "layout_seq_without_completion": "\" [ image 6 3 25 25 | text 5 36 11 1 | title 5 31 26 2 ] | [ image 33 3 25 25 | text 33 36 11 1 | title 33 31 26 2 ] | [ image 60 3 25 25 | text 60 36 11 1 | title 60 31 26 2 ] | [ image 88 3 25 25 | text 88 36 11 1 | title 88 31 26 2 ] | [ image 6 42 25 25 | text 5 74 11 1 | title 5 70 26 2 ] | [ image 33 42 25 25 | text 33 74 11 1 | title 33 70 26 2 ] \"", "plain_layout_seq": "image 6 3 25 25 | image 33 3 25 25 | image 60 3 25 25 | image 88 3 25 25 | image 6 42 25 25 | image 33 42 25 25 | text 5 36 11 1 | text 33 36 11 1 | text 60 36 11 1 | text 88 36 11 1 | text 5 74 11 1 | text 33 74 11 1 | title 5 31 26 2 | title 33 31 26 2 | title 60 31 26 2 | title 88 31 26 2 | title 5 70 26 2 | title 33 70 26 2", "canvas_width": 1024, "canvas_height": 674, "elements": [ { "type": "image", "position": [ 52, 34, 218, 218 ], "completed": false }, { "type": "image", "position": [ 286, 34, 218, 218 ], "completed": false }, { "type": "image", "position": [ 520, 34, 218, 218 ], "completed": false }, { "type": "image", "position": [ 754, 34, 218, 218 ], "completed": false }, { "type": "title", "position": [ 50, 271, 222, 19 ], "completed": false }, { "type": "title", "position": [ 284, 271, 222, 19 ], "completed": false }, { "type": "title", "position": [ 518, 271, 222, 19 ], "completed": false }, { "type": "title", "position": [ 752, 271, 222, 19 ], "completed": false }, { "type": "text", "position": [ 50, 309, 98, 17 ], "completed": false }, { "type": "text", "position": [ 284, 309, 98, 17 ], "completed": false }, { "type": "text", "position": [ 518, 309, 98, 17 ], "completed": false }, { "type": "text", "position": [ 752, 309, 98, 17 ], "completed": false }, { "type": "image", "position": [ 52, 361, 218, 218 ], "completed": false }, { "type": "image", "position": [ 286, 361, 218, 218 ], "completed": false }, { "type": "title", "position": [ 50, 598, 222, 19 ], "completed": false }, { "type": "title", "position": [ 284, 598, 222, 19 ], "completed": false }, { "type": "text", "position": [ 50, 636, 98, 17 ], "completed": false }, { "type": "text", "position": [ 284, 636, 98, 17 ], "completed": false } ] }, { "text": "#A page showing computer games.#There are twelve groups on the page, and each includes a picture and a title.", "region_id": "5176", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 46 0 30 19 | image 1 72 30 18 | image 1 24 30 18 | image 1 48 30 18 | image 91 48 28 19 | image 1 0 30 18 | image 91 0 28 18 | image 46 24 30 18 | image 91 24 28 19 | image 46 48 30 19 | image 46 72 30 18 | image 91 72 28 18 | title 1 20 18 2 | title 1 92 28 2 | title 46 68 23 2 | title 91 92 13 2 | title 1 44 16 2 | title 91 68 19 2 | title 46 20 21 2 | title 91 20 16 2 | title 46 44 8 2 | title 91 44 17 2 | title 1 68 26 2 | title 46 92 29 2", "layout_seq_without_completion": "image 46 0 30 19 | image 1 72 30 18 | image 1 24 30 18 | image 1 48 30 18 | image 91 48 28 19 | image 1 0 30 18 | image 91 0 28 18 | image 46 24 30 18 | image 91 24 28 19 | image 46 48 30 19 | image 46 72 30 18 | image 91 72 28 18 | title 1 20 18 2 | title 1 92 28 2 | title 46 68 23 2 | title 91 92 13 2 | title 1 44 16 2 | title 91 68 19 2 | title 46 20 21 2 | title 91 20 16 2 | title 46 44 8 2 | title 91 44 17 2 | title 1 68 26 2 | title 46 92 29 2", "plain_layout_seq": "image 46 0 30 19 | image 1 72 30 18 | image 1 24 30 18 | image 1 48 30 18 | image 91 48 28 19 | image 1 0 30 18 | image 91 0 28 18 | image 46 24 30 18 | image 91 24 28 19 | image 46 48 30 19 | image 46 72 30 18 | image 91 72 28 18 | title 1 20 18 2 | title 1 92 28 2 | title 46 68 23 2 | title 91 92 13 2 | title 1 44 16 2 | title 91 68 19 2 | title 46 20 21 2 | title 91 20 16 2 | title 46 44 8 2 | title 91 44 17 2 | title 1 68 26 2 | title 46 92 29 2", "canvas_width": 874, "canvas_height": 699, "elements": [ { "type": "image", "position": [ 10, 0, 220, 138 ], "completed": false }, { "type": "image", "position": [ 340, 0, 220, 139 ], "completed": false }, { "type": "image", "position": [ 670, 0, 204, 138 ], "completed": false }, { "type": "title", "position": [ 10, 146, 133, 15 ], "completed": false }, { "type": "title", "position": [ 670, 146, 122, 15 ], "completed": false }, { "type": "title", "position": [ 340, 147, 160, 15 ], "completed": false }, { "type": "image", "position": [ 10, 175, 220, 138 ], "completed": false }, { "type": "image", "position": [ 340, 175, 220, 138 ], "completed": false }, { "type": "image", "position": [ 670, 175, 204, 139 ], "completed": false }, { "type": "title", "position": [ 10, 321, 118, 15 ], "completed": false }, { "type": "title", "position": [ 340, 321, 59, 15 ], "completed": false }, { "type": "title", "position": [ 670, 322, 126, 15 ], "completed": false }, { "type": "image", "position": [ 10, 350, 220, 138 ], "completed": false }, { "type": "image", "position": [ 340, 350, 220, 139 ], "completed": false }, { "type": "image", "position": [ 670, 350, 204, 139 ], "completed": false }, { "type": "title", "position": [ 10, 496, 192, 15 ], "completed": false }, { "type": "title", "position": [ 340, 497, 171, 15 ], "completed": false }, { "type": "title", "position": [ 670, 497, 141, 15 ], "completed": false }, { "type": "image", "position": [ 10, 525, 220, 138 ], "completed": false }, { "type": "image", "position": [ 340, 525, 220, 138 ], "completed": false }, { "type": "image", "position": [ 670, 525, 204, 138 ], "completed": false }, { "type": "title", "position": [ 10, 671, 210, 15 ], "completed": false }, { "type": "title", "position": [ 340, 671, 216, 15 ], "completed": false }, { "type": "title", "position": [ 670, 671, 101, 15 ], "completed": false } ] }, { "text": "# A page to advertise the featured collection in an online shop. # The page should have a title \"Featured collection\" and a link \"View all\" for the user to view all products. Besides, there should have five groups of product information with each including a product name and a price.", "region_id": "8606", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 108 0 7 2 | text 4 35 5 2 | text 72 41 5 2 | text 95 38 5 2 | text 27 38 5 2 | text 49 38 5 2 | title 72 28 17 11 | title 95 28 17 8 | title 4 28 17 5 | title 27 28 17 8 | title 49 28 17 8 | title 4 0 103 3", "layout_seq_without_completion": "link 108 0 7 2 | text 4 35 5 2 | text 72 41 5 2 | text 95 38 5 2 | text 27 38 5 2 | text 49 38 5 2 | title 72 28 17 11 | title 95 28 17 8 | title 4 28 17 5 | title 27 28 17 8 | title 49 28 17 8 | title 4 0 103 3", "plain_layout_seq": "link 108 0 7 2 | text 4 35 5 2 | text 72 41 5 2 | text 95 38 5 2 | text 27 38 5 2 | text 49 38 5 2 | title 72 28 17 11 | title 95 28 17 8 | title 4 28 17 5 | title 27 28 17 8 | title 49 28 17 8 | title 4 0 103 3", "canvas_width": 1024, "canvas_height": 406, "elements": [ { "type": "title", "position": [ 40, 0, 882, 33 ], "completed": false }, { "type": "link", "position": [ 922, 5, 62, 24 ], "completed": false }, { "type": "title", "position": [ 40, 247, 153, 48 ], "completed": false }, { "type": "title", "position": [ 233, 247, 153, 72 ], "completed": false }, { "type": "title", "position": [ 426, 247, 153, 72 ], "completed": false }, { "type": "title", "position": [ 618, 247, 153, 96 ], "completed": false }, { "type": "title", "position": [ 811, 247, 153, 72 ], "completed": false }, { "type": "text", "position": [ 40, 303, 44, 21 ], "completed": false }, { "type": "text", "position": [ 233, 327, 44, 21 ], "completed": false }, { "type": "text", "position": [ 426, 327, 44, 21 ], "completed": false }, { "type": "text", "position": [ 811, 327, 44, 21 ], "completed": false }, { "type": "text", "position": [ 618, 351, 45, 21 ], "completed": false } ] }, { "text": "#A page for showing the advantages.#The page should have three groups and each group has an image and a title, \"schedule faster\", \"track time easier\", and \"communicate better\". Also, there is a description in each group. Also, there is a button in each group, named \"explore scheduling\", \"explore attendance\", and \"explore messaging\".", "region_id": "6125", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:title [attr:value 'schedule faster'] ] [el:description] [el:button [attr:value 'explore scheduling'] ] ] [item [el:image] [el:title [attr:value 'track time easier'] ] [el:description] [el:button [attr:value 'explore attendance'] ] ] [item [el:image] [el:title [attr:value 'communicate better'] ] [el:description] [el:button [attr:value 'explore messaging'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 10 52 20 5 | description 7 39 25 8 | complete image 2 1 35 63 | image 11 17 18 12 | title 10 34 20 3 | complete title 7 6 25 4 ] | [ button 49 52 20 5 | description 47 41 25 8 | complete image 42 1 35 63 | image 51 15 17 18 | title 49 37 21 3 | complete title 50 6 19 4 ] | [ button 88 52 20 5 | description 86 40 25 8 | complete image 81 1 35 63 | image 90 16 18 15 | title 86 36 25 3 | complete title 92 6 12 4 ] \"", "layout_seq_without_completion": "\" [ button 10 52 20 5 | description 7 39 25 8 | image 2 1 35 63 | image 11 17 18 12 | title 10 34 20 3 | title 7 6 25 4 ] | [ button 49 52 20 5 | description 47 41 25 8 | image 42 1 35 63 | image 51 15 17 18 | title 49 37 21 3 | title 50 6 19 4 ] | [ button 88 52 20 5 | description 86 40 25 8 | image 81 1 35 63 | image 90 16 18 15 | title 86 36 25 3 | title 92 6 12 4 ] \"", "plain_layout_seq": "button 10 52 20 5 | button 49 52 20 5 | button 88 52 20 5 | description 7 39 25 8 | description 47 41 25 8 | description 86 40 25 8 | image 2 1 35 63 | image 11 17 18 12 | image 42 1 35 63 | image 51 15 17 18 | image 81 1 35 63 | image 90 16 18 15 | title 10 34 20 3 | title 7 6 25 4 | title 49 37 21 3 | title 50 6 19 4 | title 86 36 25 3 | title 92 6 12 4", "canvas_width": 1009, "canvas_height": 573, "elements": [ { "type": "image", "position": [ 24, 16, 300, 531 ], "completed": true }, { "type": "image", "position": [ 354, 16, 300, 531 ], "completed": true }, { "type": "image", "position": [ 684, 16, 300, 531 ], "completed": true }, { "type": "title", "position": [ 66, 54, 216, 38 ], "completed": true }, { "type": "title", "position": [ 424, 54, 162, 38 ], "completed": true }, { "type": "title", "position": [ 780, 54, 109, 38 ], "completed": true }, { "type": "image", "position": [ 430, 132, 149, 157 ], "completed": false }, { "type": "image", "position": [ 757, 138, 154, 134 ], "completed": false }, { "type": "image", "position": [ 97, 144, 154, 108 ], "completed": false }, { "type": "title", "position": [ 90, 291, 170, 31 ], "completed": false }, { "type": "title", "position": [ 726, 304, 218, 31 ], "completed": false }, { "type": "title", "position": [ 414, 315, 182, 31 ], "completed": false }, { "type": "description", "position": [ 66, 334, 218, 75 ], "completed": false }, { "type": "description", "position": [ 726, 340, 218, 75 ], "completed": false }, { "type": "description", "position": [ 396, 346, 218, 75 ], "completed": false }, { "type": "button", "position": [ 87, 441, 174, 50 ], "completed": false }, { "type": "button", "position": [ 417, 441, 174, 50 ], "completed": false }, { "type": "button", "position": [ 747, 441, 174, 50 ], "completed": false } ] }, { "text": "#A page for selling the furniture by department.# The page should have a title, and 12 images showing the12 different furniture.", "region_id": "4553", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '12'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 0 0 25 3 | \" [ image 0 6 18 18 ] | [ image 20 6 18 18 ] | [ image 40 6 18 18 ] | [ image 60 6 18 18 ] | [ image 79 6 18 18 ] | [ image 99 6 18 18 ] | [ image 0 29 18 18 ] | [ image 20 29 18 18 ] | [ image 40 29 18 18 ] | [ image 60 29 18 18 ] | [ image 79 29 18 18 ] | [ image 99 29 18 18 ] \"", "layout_seq_without_completion": "title 0 0 25 3 | \" [ image 0 6 18 18 ] | [ image 20 6 18 18 ] | [ image 40 6 18 18 ] | [ image 60 6 18 18 ] | [ image 79 6 18 18 ] | [ image 99 6 18 18 ] | [ image 0 29 18 18 ] | [ image 20 29 18 18 ] | [ image 40 29 18 18 ] | [ image 60 29 18 18 ] | [ image 79 29 18 18 ] | [ image 99 29 18 18 ] \"", "plain_layout_seq": "image 0 6 18 18 | image 20 6 18 18 | image 40 6 18 18 | image 60 6 18 18 | image 79 6 18 18 | image 99 6 18 18 | image 0 29 18 18 | image 20 29 18 18 | image 40 29 18 18 | image 60 29 18 18 | image 79 29 18 18 | image 99 29 18 18 | title 0 0 25 3", "canvas_width": 1244, "canvas_height": 508, "elements": [ { "type": "title", "position": [ 6, 0, 265, 39 ], "completed": false }, { "type": "image", "position": [ 8, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 213, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 418, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 624, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 829, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 1034, 68, 191, 192 ], "completed": false }, { "type": "image", "position": [ 8, 304, 191, 192 ], "completed": false }, { "type": "image", "position": [ 213, 304, 191, 192 ], "completed": false }, { "type": "image", "position": [ 418, 304, 191, 192 ], "completed": false }, { "type": "image", "position": [ 624, 304, 191, 192 ], "completed": false }, { "type": "image", "position": [ 829, 304, 191, 192 ], "completed": false }, { "type": "image", "position": [ 1034, 304, 191, 192 ], "completed": false } ] }, { "text": "# A page for selling equipment in an online shop.# The page should have the title \"Equipment\" and four groups of product information with each having an image, a product name, and a price.", "region_id": "7880", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'equipment'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 3 13 3 | \" [ image 5 10 26 37 | text 5 55 9 2 | title 5 49 26 4 ] | [ image 33 10 26 37 | text 33 55 9 2 | title 33 49 26 4 ] | [ image 60 10 26 37 | text 60 55 9 2 | title 60 49 26 4 ] | [ image 87 10 26 37 | text 87 55 9 2 | title 87 49 26 4 ] \"", "layout_seq_without_completion": "title 5 3 13 3 | \" [ image 5 10 26 37 | text 5 55 9 2 | title 5 49 26 4 ] | [ image 33 10 26 37 | text 33 55 9 2 | title 33 49 26 4 ] | [ image 60 10 26 37 | text 60 55 9 2 | title 60 49 26 4 ] | [ image 87 10 26 37 | text 87 55 9 2 | title 87 49 26 4 ] \"", "plain_layout_seq": "image 5 10 26 37 | image 33 10 26 37 | image 60 10 26 37 | image 87 10 26 37 | text 5 55 9 2 | text 33 55 9 2 | text 60 55 9 2 | text 87 55 9 2 | title 5 3 13 3 | title 5 49 26 4 | title 33 49 26 4 | title 60 49 26 4 | title 87 49 26 4", "canvas_width": 1024, "canvas_height": 513, "elements": [ { "type": "title", "position": [ 50, 26, 116, 33 ], "completed": false }, { "type": "image", "position": [ 50, 89, 225, 318 ], "completed": false }, { "type": "image", "position": [ 283, 89, 225, 318 ], "completed": false }, { "type": "image", "position": [ 516, 89, 225, 319 ], "completed": false }, { "type": "image", "position": [ 749, 89, 225, 319 ], "completed": false }, { "type": "title", "position": [ 50, 423, 225, 35 ], "completed": false }, { "type": "title", "position": [ 283, 423, 225, 35 ], "completed": false }, { "type": "title", "position": [ 516, 423, 225, 35 ], "completed": false }, { "type": "title", "position": [ 749, 423, 225, 35 ], "completed": false }, { "type": "text", "position": [ 50, 472, 85, 21 ], "completed": false }, { "type": "text", "position": [ 283, 472, 85, 21 ], "completed": false }, { "type": "text", "position": [ 516, 472, 85, 21 ], "completed": false }, { "type": "text", "position": [ 749, 472, 85, 21 ], "completed": false } ] }, { "text": "#A page of information about the IPinfo.# There is a title and a description of the IPinfo. Then, there are two groups that show the detail. The first group has one image, one title, one description, three check buttons, three slogans, one \"Sign up for free\"button, and a pricing link. The second group has one image, one title, one description, three check buttons, three slogans, and one \"Contact sales\" button.", "region_id": "6336", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup \n[item [el:image] [el:title] [el:description] [el:button [attr:repeat '3'] ] [el:text [attr:repeat '3'] ] [el:button [attr:value 'Sign up for free'] ] [el:link [attr:value 'pricing '] ] ] \n[item [el:image] [el:title] [el:description] [el:button [attr:repeat '3'] ] [el:text [attr:repeat '3'] ] [el:button [attr:value 'Contact sales'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 68 80 17 6 | button 7 80 18 6 | button 7 62 2 2 | button 7 68 2 2 | button 68 60 2 2 | button 68 65 2 2 | button 7 56 2 2 | button 68 71 2 2 | description 7 47 43 6 | description 68 47 43 9 | description 2 6 90 9 | image 7 27 11 11 | image 68 27 11 11 | link 29 82 5 2 | text 11 56 19 3 | text 71 60 14 3 | text 71 71 21 3 | text 11 62 33 3 | text 11 68 40 6 | text 71 65 37 3 | title 2 0 115 5 | title 7 41 43 5 | title 68 41 43 5", "layout_seq_without_completion": "button 68 80 17 6 | button 7 80 18 6 | button 7 62 2 2 | button 7 68 2 2 | button 68 60 2 2 | button 68 65 2 2 | button 7 56 2 2 | button 68 71 2 2 | description 7 47 43 6 | description 68 47 43 9 | description 2 6 90 9 | image 7 27 11 11 | image 68 27 11 11 | link 29 82 5 2 | text 11 56 19 3 | text 71 60 14 3 | text 71 71 21 3 | text 11 62 33 3 | text 11 68 40 6 | text 71 65 37 3 | title 2 0 115 5 | title 7 41 43 5 | title 68 41 43 5", "plain_layout_seq": "button 68 80 17 6 | button 7 80 18 6 | button 7 62 2 2 | button 7 68 2 2 | button 68 60 2 2 | button 68 65 2 2 | button 7 56 2 2 | button 68 71 2 2 | description 7 47 43 6 | description 68 47 43 9 | description 2 6 90 9 | image 7 27 11 11 | image 68 27 11 11 | link 29 82 5 2 | text 11 56 19 3 | text 71 60 14 3 | text 71 71 21 3 | text 11 62 33 3 | text 11 68 40 6 | text 71 65 37 3 | title 2 0 115 5 | title 7 41 43 5 | title 68 41 43 5", "canvas_width": 1024, "canvas_height": 789, "elements": [ { "type": "title", "position": [ 20, 0, 984, 47 ], "completed": false }, { "type": "description", "position": [ 20, 58, 768, 84 ], "completed": false }, { "type": "image", "position": [ 68, 238, 96, 96 ], "completed": false }, { "type": "image", "position": [ 584, 238, 96, 96 ], "completed": false }, { "type": "title", "position": [ 68, 350, 372, 47 ], "completed": false }, { "type": "title", "position": [ 584, 350, 372, 47 ], "completed": false }, { "type": "description", "position": [ 68, 405, 372, 56 ], "completed": false }, { "type": "description", "position": [ 584, 405, 372, 84 ], "completed": false }, { "type": "button", "position": [ 68, 485, 24, 24 ], "completed": false }, { "type": "text", "position": [ 98, 485, 167, 28 ], "completed": false }, { "type": "button", "position": [ 584, 513, 24, 24 ], "completed": false }, { "type": "text", "position": [ 614, 513, 126, 28 ], "completed": false }, { "type": "button", "position": [ 68, 533, 24, 24 ], "completed": false }, { "type": "text", "position": [ 98, 533, 290, 28 ], "completed": false }, { "type": "button", "position": [ 584, 561, 24, 24 ], "completed": false }, { "type": "text", "position": [ 614, 561, 320, 28 ], "completed": false }, { "type": "button", "position": [ 68, 581, 24, 24 ], "completed": false }, { "type": "text", "position": [ 98, 581, 342, 56 ], "completed": false }, { "type": "button", "position": [ 584, 609, 24, 24 ], "completed": false }, { "type": "text", "position": [ 614, 609, 181, 28 ], "completed": false }, { "type": "button", "position": [ 68, 685, 159, 56 ], "completed": false }, { "type": "button", "position": [ 584, 685, 146, 56 ], "completed": false }, { "type": "link", "position": [ 251, 701, 50, 24 ], "completed": false } ] }, { "text": "#A page showing the news. # The page should have three groups to show three news, and each should contain one related image, one text to show the update time of the news, and one title for the news.", "region_id": "1470", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 2 36 20 | complete image 1 2 36 37 | text 3 25 32 1 | title 3 27 32 6 ] | [ image 41 2 36 20 | complete image 41 2 36 37 | text 43 25 32 1 | title 43 27 32 10 ] | [ image 81 2 36 20 | complete image 81 2 36 37 | text 83 25 32 1 | title 83 27 32 10 ] \"", "layout_seq_without_completion": "\" [ image 1 2 36 20 | image 1 2 36 37 | text 3 25 32 1 | title 3 27 32 6 ] | [ image 41 2 36 20 | image 41 2 36 37 | text 43 25 32 1 | title 43 27 32 10 ] | [ image 81 2 36 20 | image 81 2 36 37 | text 83 25 32 1 | title 83 27 32 10 ] \"", "plain_layout_seq": "image 1 2 36 20 | image 1 2 36 37 | image 41 2 36 20 | image 41 2 36 37 | image 81 2 36 20 | image 81 2 36 37 | text 3 25 32 1 | text 43 25 32 1 | text 83 25 32 1 | title 3 27 32 6 | title 43 27 32 10 | title 83 27 32 10", "canvas_width": 970, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 15, 20, 293, 165 ], "completed": false }, { "type": "image", "position": [ 15, 20, 293, 305 ], "completed": true }, { "type": "image", "position": [ 338, 20, 293, 165 ], "completed": false }, { "type": "image", "position": [ 338, 20, 294, 305 ], "completed": true }, { "type": "image", "position": [ 662, 20, 293, 305 ], "completed": true }, { "type": "image", "position": [ 662, 20, 293, 165 ], "completed": false }, { "type": "text", "position": [ 30, 205, 263, 16 ], "completed": false }, { "type": "text", "position": [ 353, 205, 263, 16 ], "completed": false }, { "type": "text", "position": [ 677, 205, 263, 16 ], "completed": false }, { "type": "title", "position": [ 30, 226, 263, 56 ], "completed": false }, { "type": "title", "position": [ 353, 226, 263, 84 ], "completed": false }, { "type": "title", "position": [ 677, 226, 263, 84 ], "completed": false } ] }, { "text": "#A page showing the news. # The page should have three text groups to show three news, and each should contain one related image, and one text to show the update time of the news, one small introduction to attract users to read the news respectively.", "region_id": "1470_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 27 32 6 | image 1 2 36 20 | complete image 1 2 36 37 | text 3 25 32 1 ] | [ description 43 27 32 10 | image 41 2 36 20 | complete image 41 2 36 37 | text 43 25 32 1 ] | [ description 83 27 32 10 | image 81 2 36 20 | complete image 81 2 36 37 | text 83 25 32 1 ] \"", "layout_seq_without_completion": "\" [ description 3 27 32 6 | image 1 2 36 20 | image 1 2 36 37 | text 3 25 32 1 ] | [ description 43 27 32 10 | image 41 2 36 20 | image 41 2 36 37 | text 43 25 32 1 ] | [ description 83 27 32 10 | image 81 2 36 20 | image 81 2 36 37 | text 83 25 32 1 ] \"", "plain_layout_seq": "description 3 27 32 6 | description 43 27 32 10 | description 83 27 32 10 | image 1 2 36 20 | image 1 2 36 37 | image 41 2 36 20 | image 41 2 36 37 | image 81 2 36 20 | image 81 2 36 37 | text 3 25 32 1 | text 43 25 32 1 | text 83 25 32 1", "canvas_width": 970, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 15, 20, 293, 165 ], "completed": false }, { "type": "image", "position": [ 15, 20, 293, 305 ], "completed": true }, { "type": "image", "position": [ 338, 20, 293, 165 ], "completed": false }, { "type": "image", "position": [ 338, 20, 294, 305 ], "completed": true }, { "type": "image", "position": [ 662, 20, 293, 305 ], "completed": true }, { "type": "image", "position": [ 662, 20, 293, 165 ], "completed": false }, { "type": "text", "position": [ 30, 205, 263, 16 ], "completed": false }, { "type": "text", "position": [ 353, 205, 263, 16 ], "completed": false }, { "type": "text", "position": [ 677, 205, 263, 16 ], "completed": false }, { "type": "description", "position": [ 30, 226, 263, 56 ], "completed": false }, { "type": "description", "position": [ 353, 226, 263, 84 ], "completed": false }, { "type": "description", "position": [ 677, 226, 263, 84 ], "completed": false } ] }, { "text": "# A page for the user to choose to receive a product demo or schedule a meeting with Sales. # On the page, there should be a title \"I'm interested in...\" and two textboxes with the content of the choice. On the left of the text boxes, there should be a small input for the user to tick to choose.", "region_id": "2187", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'im interested in...'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:text] [el:input [attr:position 'left'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ input left undefined | text undefined undefined ] | [ input left undefined | text undefined undefined ] }", "layout_seq_with_completion": "input 0 8 2 1 | input 0 14 2 1 | text 3 8 115 2 | text 3 14 115 2 | title 0 2 120 3", "layout_seq_without_completion": "input 0 8 2 1 | input 0 14 2 1 | text 3 8 115 2 | text 3 14 115 2 | title 0 2 120 3", "plain_layout_seq": "input 0 8 2 1 | input 0 14 2 1 | text 3 8 115 2 | text 3 14 115 2 | title 0 2 120 3", "canvas_width": 893, "canvas_height": 152, "elements": [ { "type": "title", "position": [ 0, 15, 893, 26 ], "completed": false }, { "type": "text", "position": [ 27, 62, 863, 19 ], "completed": false }, { "type": "input", "position": [ 3, 65, 16, 13 ], "completed": false }, { "type": "text", "position": [ 27, 105, 863, 19 ], "completed": false }, { "type": "input", "position": [ 3, 108, 16, 13 ], "completed": false } ] }, { "text": "#A page introducing the services of a company. # The page should have 4 parts to introduce the \n different services of a company. Each part should have one small icon, one title, one short introduction about the service, and one button for users to click to learn more.", "region_id": "1454", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon [attr:size'small'] ] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | icon undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | icon 103 4 3 3 | icon 13 4 3 3 | icon 73 4 3 3 | icon 43 4 3 3 | complete image 0 0 29 27 | complete image 60 0 29 27 | complete image 90 0 29 27 | complete image 30 0 30 27 | title 4 7 21 6 | title 34 7 21 3 | title 64 7 21 3 | title 94 7 21 3", "layout_seq_without_completion": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | icon 103 4 3 3 | icon 13 4 3 3 | icon 73 4 3 3 | icon 43 4 3 3 | image 0 0 29 27 | image 60 0 29 27 | image 90 0 29 27 | image 30 0 30 27 | title 4 7 21 6 | title 34 7 21 3 | title 64 7 21 3 | title 94 7 21 3", "plain_layout_seq": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | icon 103 4 3 3 | icon 13 4 3 3 | icon 73 4 3 3 | icon 43 4 3 3 | image 0 0 29 27 | image 60 0 29 27 | image 90 0 29 27 | image 30 0 30 27 | title 4 7 21 6 | title 34 7 21 3 | title 64 7 21 3 | title 94 7 21 3", "canvas_width": 928, "canvas_height": 214, "elements": [ { "type": "image", "position": [ 0, 0, 231, 214 ], "completed": true }, { "type": "image", "position": [ 232, 0, 232, 214 ], "completed": true }, { "type": "image", "position": [ 464, 0, 231, 213 ], "completed": true }, { "type": "image", "position": [ 697, 0, 231, 214 ], "completed": true }, { "type": "icon", "position": [ 104, 32, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 336, 32, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 568, 32, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 800, 32, 24, 24 ], "completed": false }, { "type": "title", "position": [ 32, 60, 167, 48 ], "completed": false }, { "type": "title", "position": [ 264, 60, 167, 24 ], "completed": false }, { "type": "title", "position": [ 496, 60, 167, 24 ], "completed": false }, { "type": "title", "position": [ 729, 60, 167, 24 ], "completed": false }, { "type": "description", "position": [ 264, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 496, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 729, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 32, 112, 167, 44 ], "completed": false }, { "type": "button", "position": [ 310, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 542, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 774, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 78, 161, 76, 19 ], "completed": false } ] }, { "text": "#A page introducing the services of a company. # The page should have 4 parts to introduce the \n different services of a company. Each part should have one small image, one service-like delivery, one short introduction about the service, and one button for users to click to learn more.", "region_id": "1454_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image [attr:size'small'] ] [el:text] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | image 103 4 3 3 | image 13 4 3 3 | image 73 4 3 3 | image 43 4 3 3 | complete image 0 0 29 27 | complete image 60 0 29 27 | complete image 90 0 29 27 | complete image 30 0 30 27 | text 4 7 21 6 | text 34 7 21 3 | text 64 7 21 3 | text 94 7 21 3", "layout_seq_without_completion": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | image 103 4 3 3 | image 13 4 3 3 | image 73 4 3 3 | image 43 4 3 3 | image 0 0 29 27 | image 60 0 29 27 | image 90 0 29 27 | image 30 0 30 27 | text 4 7 21 6 | text 34 7 21 3 | text 64 7 21 3 | text 94 7 21 3", "plain_layout_seq": "button 10 20 9 2 | button 40 17 9 2 | button 70 17 9 2 | button 100 17 9 2 | description 34 11 21 5 | description 4 14 21 5 | description 94 11 21 5 | description 64 11 21 5 | image 103 4 3 3 | image 13 4 3 3 | image 73 4 3 3 | image 43 4 3 3 | image 0 0 29 27 | image 60 0 29 27 | image 90 0 29 27 | image 30 0 30 27 | text 4 7 21 6 | text 34 7 21 3 | text 64 7 21 3 | text 94 7 21 3", "canvas_width": 928, "canvas_height": 214, "elements": [ { "type": "image", "position": [ 0, 0, 231, 214 ], "completed": true }, { "type": "image", "position": [ 232, 0, 232, 214 ], "completed": true }, { "type": "image", "position": [ 464, 0, 231, 213 ], "completed": true }, { "type": "image", "position": [ 697, 0, 231, 214 ], "completed": true }, { "type": "image", "position": [ 104, 32, 24, 24 ], "completed": false }, { "type": "image", "position": [ 336, 32, 24, 24 ], "completed": false }, { "type": "image", "position": [ 568, 32, 24, 24 ], "completed": false }, { "type": "image", "position": [ 800, 32, 24, 24 ], "completed": false }, { "type": "text", "position": [ 32, 60, 167, 48 ], "completed": false }, { "type": "text", "position": [ 264, 60, 167, 24 ], "completed": false }, { "type": "text", "position": [ 496, 60, 167, 24 ], "completed": false }, { "type": "text", "position": [ 729, 60, 167, 24 ], "completed": false }, { "type": "description", "position": [ 264, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 496, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 729, 88, 167, 44 ], "completed": false }, { "type": "description", "position": [ 32, 112, 167, 44 ], "completed": false }, { "type": "button", "position": [ 310, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 542, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 774, 137, 76, 19 ], "completed": false }, { "type": "button", "position": [ 78, 161, 76, 19 ], "completed": false } ] }, { "text": "# A page to have a brief introduction to an online store. # The page should have three groups with each having an image and a title to introduce the products, shipping, and strict policy.", "region_id": "3283", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'products, shipping, strict policy'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 84 0 30 30 | image 4 0 30 30 | image 44 0 30 30 | title 41 32 36 5 | title 1 32 36 5 | title 81 32 36 5", "layout_seq_without_completion": "image 84 0 30 30 | image 4 0 30 30 | image 44 0 30 30 | title 41 32 36 5 | title 1 32 36 5 | title 81 32 36 5", "plain_layout_seq": "image 84 0 30 30 | image 4 0 30 30 | image 44 0 30 30 | title 41 32 36 5 | title 1 32 36 5 | title 81 32 36 5", "canvas_width": 979, "canvas_height": 336, "elements": [ { "type": "image", "position": [ 38, 0, 250, 250 ], "completed": false }, { "type": "image", "position": [ 364, 0, 250, 250 ], "completed": false }, { "type": "image", "position": [ 691, 0, 250, 250 ], "completed": false }, { "type": "title", "position": [ 15, 265, 296, 46 ], "completed": false }, { "type": "title", "position": [ 341, 265, 296, 46 ], "completed": false }, { "type": "title", "position": [ 668, 265, 296, 46 ], "completed": false } ] }, { "text": "# A page for advertising the latest decals and stickers in an online shop.# The page should have the title \"Our Latest Decals & Stickers\", and eight groups of product information with each having an image, a product name, and a price. But in the third group, there should have two prices having a comparison to indicate the discount. Also, there should have a button for the user to view all products.", "region_id": "7839", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our latest decals & stickers'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text][el:text] ] ][el:button [attr:value 'view all products'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 47 101 28 5 | image 63 19 26 26 | text 77 54 5 2 | text 63 47 26 5 | text 70 54 6 2 | title 3 0 116 16 | \" [ image 3 19 26 26 ] | [ image 33 19 26 26 ] | [ text 3 47 26 2 ] | [ text 33 47 26 5 ] | [ text 13 51 6 2 ] | [ text 43 54 6 2 ] \" | \" [ image 93 19 26 26 ] | [ text 93 46 26 2 ] | [ text 103 50 6 2 ] \" | \" [ image 3 59 26 26 ] | [ image 33 59 26 26 ] | [ text 3 88 26 2 ] | [ text 33 88 26 5 ] | [ text 13 91 6 2 ] | [ text 43 94 6 2 ] \" | \" [ image 63 59 26 26 ] | [ image 93 60 26 26 ] | [ text 63 88 26 2 ] | [ text 93 88 26 2 ] | [ text 73 92 6 2 ] | [ text 103 92 6 2 ] \"", "layout_seq_without_completion": "button 47 101 28 5 | image 63 19 26 26 | text 77 54 5 2 | text 63 47 26 5 | text 70 54 6 2 | title 3 0 116 16 | \" [ image 3 19 26 26 ] | [ image 33 19 26 26 ] | [ text 3 47 26 2 ] | [ text 33 47 26 5 ] | [ text 13 51 6 2 ] | [ text 43 54 6 2 ] \" | \" [ image 93 19 26 26 ] | [ text 93 46 26 2 ] | [ text 103 50 6 2 ] \" | \" [ image 3 59 26 26 ] | [ image 33 59 26 26 ] | [ text 3 88 26 2 ] | [ text 33 88 26 5 ] | [ text 13 91 6 2 ] | [ text 43 94 6 2 ] \" | \" [ image 63 59 26 26 ] | [ image 93 60 26 26 ] | [ text 63 88 26 2 ] | [ text 93 88 26 2 ] | [ text 73 92 6 2 ] | [ text 103 92 6 2 ] \"", "plain_layout_seq": "button 47 101 28 5 | image 63 19 26 26 | image 3 19 26 26 | image 33 19 26 26 | image 93 19 26 26 | image 3 59 26 26 | image 33 59 26 26 | image 63 59 26 26 | image 93 60 26 26 | text 77 54 5 2 | text 63 47 26 5 | text 70 54 6 2 | text 3 47 26 2 | text 33 47 26 5 | text 13 51 6 2 | text 43 54 6 2 | text 93 46 26 2 | text 103 50 6 2 | text 3 88 26 2 | text 33 88 26 5 | text 13 91 6 2 | text 43 94 6 2 | text 63 88 26 2 | text 93 88 26 2 | text 73 92 6 2 | text 103 92 6 2 | title 3 0 116 16", "canvas_width": 995, "canvas_height": 885, "elements": [ { "type": "title", "position": [ 30, 0, 964, 140 ], "completed": false }, { "type": "image", "position": [ 776, 158, 219, 221 ], "completed": false }, { "type": "image", "position": [ 30, 160, 219, 219 ], "completed": false }, { "type": "image", "position": [ 278, 160, 219, 219 ], "completed": false }, { "type": "image", "position": [ 527, 160, 219, 219 ], "completed": false }, { "type": "text", "position": [ 776, 388, 219, 23 ], "completed": false }, { "type": "text", "position": [ 30, 394, 219, 23 ], "completed": false }, { "type": "text", "position": [ 278, 394, 219, 47 ], "completed": false }, { "type": "text", "position": [ 527, 394, 219, 47 ], "completed": false }, { "type": "text", "position": [ 857, 418, 55, 23 ], "completed": false }, { "type": "text", "position": [ 112, 424, 55, 23 ], "completed": false }, { "type": "text", "position": [ 360, 448, 55, 23 ], "completed": false }, { "type": "text", "position": [ 584, 448, 55, 23 ], "completed": false }, { "type": "text", "position": [ 645, 451, 44, 19 ], "completed": false }, { "type": "image", "position": [ 30, 496, 219, 219 ], "completed": false }, { "type": "image", "position": [ 278, 496, 219, 219 ], "completed": false }, { "type": "image", "position": [ 527, 496, 219, 219 ], "completed": false }, { "type": "image", "position": [ 776, 502, 219, 219 ], "completed": false }, { "type": "text", "position": [ 30, 730, 219, 23 ], "completed": false }, { "type": "text", "position": [ 278, 730, 219, 47 ], "completed": false }, { "type": "text", "position": [ 527, 730, 219, 23 ], "completed": false }, { "type": "text", "position": [ 776, 736, 219, 23 ], "completed": false }, { "type": "text", "position": [ 112, 760, 55, 23 ], "completed": false }, { "type": "text", "position": [ 609, 763, 55, 24 ], "completed": false }, { "type": "text", "position": [ 857, 766, 55, 23 ], "completed": false }, { "type": "text", "position": [ 360, 783, 55, 23 ], "completed": false }, { "type": "button", "position": [ 392, 843, 240, 42 ], "completed": false } ] }, { "text": "#A page showing the categories of services of a company.# There should be a small title. There are six groups each with an image and a title showing the products.", "region_id": "1311", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined small | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | complete image 31 30 27 20 | complete image 61 7 27 20 | complete image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | complete image 1 7 27 20 | image 39 9 10 10 | complete image 31 7 27 20 | complete image 1 30 27 20 | title 1 0 17 4 | title 12 44 4 4 | title 43 44 3 4 | title 102 21 5 4 | title 5 21 18 4 | title 39 21 11 4 | title 70 21 8 4", "layout_seq_without_completion": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | image 31 30 27 20 | image 61 7 27 20 | image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | image 1 7 27 20 | image 39 9 10 10 | image 31 7 27 20 | image 1 30 27 20 | title 1 0 17 4 | title 12 44 4 4 | title 43 44 3 4 | title 102 21 5 4 | title 5 21 18 4 | title 39 21 11 4 | title 70 21 8 4", "plain_layout_seq": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | image 31 30 27 20 | image 61 7 27 20 | image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | image 1 7 27 20 | image 39 9 10 10 | image 31 7 27 20 | image 1 30 27 20 | title 1 0 17 4 | title 12 44 4 4 | title 43 44 3 4 | title 102 21 5 4 | title 5 21 18 4 | title 39 21 11 4 | title 70 21 8 4", "canvas_width": 833, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 10, 0, 122, 30 ], "completed": false }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": true }, { "type": "image", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 694, 66, 70, 70 ], "completed": false }, { "type": "title", "position": [ 39, 151, 130, 28 ], "completed": false }, { "type": "title", "position": [ 272, 151, 80, 28 ], "completed": false }, { "type": "title", "position": [ 491, 151, 58, 28 ], "completed": false }, { "type": "title", "position": [ 709, 151, 40, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": true }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": true }, { "type": "image", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "image", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "title", "position": [ 87, 311, 34, 28 ], "completed": false }, { "type": "title", "position": [ 300, 311, 24, 28 ], "completed": false } ] }, { "text": "#A page showing the categories of services of a company.# There should be a small text box. There are six groups each with two images and a text box showing the products.", "region_id": "1311_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image [attr:repeat'2'] ] [el:text] ] ] ]", "execution": "multiinfo : text undefined small | { [ image undefined undefined | image undefined undefined | text undefined undefined ] | [ image undefined undefined | image undefined undefined | text undefined undefined ] | [ image undefined undefined | image undefined undefined | text undefined undefined ] | [ image undefined undefined | image undefined undefined | text undefined undefined ] | [ image undefined undefined | image undefined undefined | text undefined undefined ] | [ image undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | image 31 30 27 20 | image 61 7 27 20 | image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | image 1 7 27 20 | image 39 9 10 10 | image 31 7 27 20 | image 1 30 27 20 | text 1 0 17 4 | text 12 44 4 4 | text 43 44 3 4 | text 102 21 5 4 | text 5 21 18 4 | text 39 21 11 4 | text 70 21 8 4", "layout_seq_without_completion": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | image 31 30 27 20 | image 61 7 27 20 | image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | image 1 7 27 20 | image 39 9 10 10 | image 31 7 27 20 | image 1 30 27 20 | text 1 0 17 4 | text 12 44 4 4 | text 43 44 3 4 | text 102 21 5 4 | text 5 21 18 4 | text 39 21 11 4 | text 70 21 8 4", "plain_layout_seq": "image 70 9 10 10 | image 9 32 10 10 | image 39 32 10 10 | image 31 30 27 20 | image 61 7 27 20 | image 91 7 27 20 | image 99 9 10 10 | image 9 9 10 10 | image 1 7 27 20 | image 39 9 10 10 | image 31 7 27 20 | image 1 30 27 20 | text 1 0 17 4 | text 12 44 4 4 | text 43 44 3 4 | text 102 21 5 4 | text 5 21 18 4 | text 39 21 11 4 | text 70 21 8 4", "canvas_width": 833, "canvas_height": 350, "elements": [ { "type": "text", "position": [ 10, 0, 122, 30 ], "completed": false }, { "type": "image", "position": [ 10, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 218, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 426, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 635, 50, 188, 140 ], "completed": false }, { "type": "image", "position": [ 69, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 277, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 486, 66, 70, 70 ], "completed": false }, { "type": "image", "position": [ 694, 66, 70, 70 ], "completed": false }, { "type": "text", "position": [ 39, 151, 130, 28 ], "completed": false }, { "type": "text", "position": [ 272, 151, 80, 28 ], "completed": false }, { "type": "text", "position": [ 491, 151, 58, 28 ], "completed": false }, { "type": "text", "position": [ 709, 151, 40, 28 ], "completed": false }, { "type": "image", "position": [ 10, 210, 188, 140 ], "completed": false }, { "type": "image", "position": [ 218, 210, 188, 140 ], "completed": false }, { "type": "image", "position": [ 69, 226, 70, 70 ], "completed": false }, { "type": "image", "position": [ 277, 226, 70, 70 ], "completed": false }, { "type": "text", "position": [ 87, 311, 34, 28 ], "completed": false }, { "type": "text", "position": [ 300, 311, 24, 28 ], "completed": false } ] }, { "text": "#A page for introducing one company's core values.# There is one title\" What's our core values?\" and one slogan. Below are three info parts and each of them includes one icon, one vice title for the pro, and one description.", "region_id": "5234", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'What is our core values?'] ] [el:text] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 43 33 8 | description 43 43 33 8 | description 80 43 33 8 | text 5 11 108 2 | title 5 5 108 4 | title 80 37 33 4 | title 5 37 33 4 | title 43 37 33 4", "layout_seq_without_completion": "description 5 43 33 8 | description 43 43 33 8 | description 80 43 33 8 | text 5 11 108 2 | title 5 5 108 4 | title 80 37 33 4 | title 5 37 33 4 | title 43 37 33 4", "plain_layout_seq": "description 5 43 33 8 | description 43 43 33 8 | description 80 43 33 8 | text 5 11 108 2 | title 5 5 108 4 | title 80 37 33 4 | title 5 37 33 4 | title 43 37 33 4", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "title", "position": [ 47, 48, 930, 41 ], "completed": false }, { "type": "text", "position": [ 47, 97, 930, 25 ], "completed": false }, { "type": "title", "position": [ 47, 323, 290, 41 ], "completed": false }, { "type": "title", "position": [ 367, 323, 290, 41 ], "completed": false }, { "type": "title", "position": [ 687, 323, 290, 41 ], "completed": false }, { "type": "description", "position": [ 47, 371, 290, 76 ], "completed": false }, { "type": "description", "position": [ 367, 371, 290, 76 ], "completed": false }, { "type": "description", "position": [ 687, 371, 290, 76 ], "completed": false } ] }, { "text": "#A page for introducing the vision of Sussex.# There is one title \"Our Vision\" and three parts. Each part includes one vice title and one description. Users can find out more about the vision by clicking one button.", "region_id": "5888", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our vision'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] [el:button [attr:value 'find out more about the vision '] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 17 38 61 | complete background 80 17 38 61 | complete background 40 17 38 61 | button 39 82 41 5 | description 6 42 27 15 | description 46 50 27 15 | description 86 50 27 15 | title 0 7 118 7 | title 86 23 27 23 | title 6 23 27 15 | title 46 23 27 23", "layout_seq_without_completion": "background 0 17 38 61 | background 80 17 38 61 | background 40 17 38 61 | button 39 82 41 5 | description 6 42 27 15 | description 46 50 27 15 | description 86 50 27 15 | title 0 7 118 7 | title 86 23 27 23 | title 6 23 27 15 | title 46 23 27 23", "plain_layout_seq": "background 0 17 38 61 | background 80 17 38 61 | background 40 17 38 61 | button 39 82 41 5 | description 6 42 27 15 | description 46 50 27 15 | description 86 50 27 15 | title 0 7 118 7 | title 86 23 27 23 | title 6 23 27 15 | title 46 23 27 23", "canvas_width": 1024, "canvas_height": 773, "elements": [ { "type": "title", "position": [ 5, 64, 1014, 61 ], "completed": false }, { "type": "background", "position": [ 5, 150, 331, 526 ], "completed": true }, { "type": "background", "position": [ 346, 150, 331, 526 ], "completed": true }, { "type": "background", "position": [ 688, 150, 331, 526 ], "completed": true }, { "type": "title", "position": [ 53, 198, 235, 134 ], "completed": false }, { "type": "title", "position": [ 394, 198, 235, 202 ], "completed": false }, { "type": "title", "position": [ 736, 198, 235, 202 ], "completed": false }, { "type": "description", "position": [ 53, 364, 235, 133 ], "completed": false }, { "type": "description", "position": [ 394, 431, 235, 133 ], "completed": false }, { "type": "description", "position": [ 736, 431, 235, 133 ], "completed": false }, { "type": "button", "position": [ 335, 708, 354, 49 ], "completed": false } ] }, { "text": "#A page alarming the categories and the number about the latest info from the blog. # A page should include one title\"the latest from our blog\", three small categories like SMS strategies \n to alarm the different latest posts, three text boxes to show the short details, and three buttons for users to read now.", "region_id": "735", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'the latest from our blog'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description [attr:size'small'] ] [el:button [attr:value'read now'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] }", "layout_seq_with_completion": "title 23 10 73 5 | \" [ button 9 62 11 2 | description 9 45 31 15 | complete image 9 19 31 19 | text 9 41 31 2 ] | [ button 44 62 11 2 | description 44 45 31 11 | complete image 44 19 31 19 | text 44 41 31 2 ] | [ button 79 62 11 2 | description 79 45 31 11 | complete image 79 19 31 19 | text 79 41 31 2 ] \"", "layout_seq_without_completion": "title 23 10 73 5 | \" [ button 9 62 11 2 | description 9 45 31 15 | image 9 19 31 19 | text 9 41 31 2 ] | [ button 44 62 11 2 | description 44 45 31 11 | image 44 19 31 19 | text 44 41 31 2 ] | [ button 79 62 11 2 | description 79 45 31 11 | image 79 19 31 19 | text 79 41 31 2 ] \"", "plain_layout_seq": "button 9 62 11 2 | button 44 62 11 2 | button 79 62 11 2 | description 9 45 31 15 | description 44 45 31 11 | description 79 45 31 11 | image 9 19 31 19 | image 44 19 31 19 | image 79 19 31 19 | text 9 41 31 2 | text 44 41 31 2 | text 79 41 31 2 | title 23 10 73 5", "canvas_width": 1024, "canvas_height": 644, "elements": [ { "type": "title", "position": [ 198, 86, 628, 48 ], "completed": false }, { "type": "image", "position": [ 80, 166, 267, 168 ], "completed": true }, { "type": "image", "position": [ 379, 166, 267, 168 ], "completed": true }, { "type": "image", "position": [ 677, 166, 267, 168 ], "completed": true }, { "type": "text", "position": [ 80, 350, 267, 23 ], "completed": false }, { "type": "text", "position": [ 379, 350, 267, 23 ], "completed": false }, { "type": "text", "position": [ 677, 350, 267, 23 ], "completed": false }, { "type": "description", "position": [ 80, 389, 267, 128 ], "completed": false }, { "type": "description", "position": [ 379, 389, 267, 96 ], "completed": false }, { "type": "description", "position": [ 677, 389, 267, 96 ], "completed": false }, { "type": "button", "position": [ 80, 533, 94, 25 ], "completed": false }, { "type": "button", "position": [ 379, 533, 94, 25 ], "completed": false }, { "type": "button", "position": [ 677, 533, 94, 25 ], "completed": false } ] }, { "text": "#A page for introducing the right package for restaurants to users.# The page should include two parts of the content. Each part contains an image, one title, and several choices.", "region_id": "390", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:text [attr:repeat'several'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 2 0 114 76 | image 6 24 24 39 | image 61 24 24 39 | complete image 61 24 51 39 | complete image 6 24 51 39 | title 89 27 20 3 | complete title 6 9 106 5 | title 34 27 20 3 | \" [ complete icon 34 35 2 2 | complete icon 50 36 1 1 | text 38 35 11 2 ] | [ complete icon 34 42 2 2 | complete icon 48 42 1 1 | text 38 42 9 2 ] | [ complete icon 34 48 2 2 | complete icon 45 48 1 1 | text 38 48 6 2 ] | [ complete icon 48 55 1 1 | complete icon 34 55 2 2 | text 38 55 9 2 ] | [ complete icon 89 35 2 2 | complete icon 106 36 1 1 | text 93 35 12 2 ] | [ complete icon 105 42 1 1 | complete icon 89 42 2 2 | text 93 42 11 2 ] | [ complete icon 89 48 2 2 | complete icon 103 48 1 1 | text 93 48 9 2 ] \"", "layout_seq_without_completion": "background 2 0 114 76 | image 6 24 24 39 | image 61 24 24 39 | image 61 24 51 39 | image 6 24 51 39 | title 89 27 20 3 | title 6 9 106 5 | title 34 27 20 3 | \" [ icon 34 35 2 2 | icon 50 36 1 1 | text 38 35 11 2 ] | [ icon 34 42 2 2 | icon 48 42 1 1 | text 38 42 9 2 ] | [ icon 34 48 2 2 | icon 45 48 1 1 | text 38 48 6 2 ] | [ icon 48 55 1 1 | icon 34 55 2 2 | text 38 55 9 2 ] | [ icon 89 35 2 2 | icon 106 36 1 1 | text 93 35 12 2 ] | [ icon 105 42 1 1 | icon 89 42 2 2 | text 93 42 11 2 ] | [ icon 89 48 2 2 | icon 103 48 1 1 | text 93 48 9 2 ] \"", "plain_layout_seq": "background 2 0 114 76 | icon 34 35 2 2 | icon 50 36 1 1 | icon 34 42 2 2 | icon 48 42 1 1 | icon 34 48 2 2 | icon 45 48 1 1 | icon 48 55 1 1 | icon 34 55 2 2 | icon 89 35 2 2 | icon 106 36 1 1 | icon 105 42 1 1 | icon 89 42 2 2 | icon 89 48 2 2 | icon 103 48 1 1 | image 6 24 24 39 | image 61 24 24 39 | image 61 24 51 39 | image 6 24 51 39 | text 38 35 11 2 | text 38 42 9 2 | text 38 48 6 2 | text 38 55 9 2 | text 93 35 12 2 | text 93 42 11 2 | text 93 48 9 2 | title 89 27 20 3 | title 6 9 106 5 | title 34 27 20 3", "canvas_width": 1024, "canvas_height": 652, "elements": [ { "type": "background", "position": [ 24, 0, 976, 652 ], "completed": true }, { "type": "title", "position": [ 59, 80, 906, 48 ], "completed": true }, { "type": "image", "position": [ 59, 206, 438, 336 ], "completed": true }, { "type": "image", "position": [ 59, 206, 212, 336 ], "completed": false }, { "type": "image", "position": [ 527, 206, 438, 336 ], "completed": true }, { "type": "image", "position": [ 527, 206, 212, 336 ], "completed": false }, { "type": "title", "position": [ 297, 232, 174, 30 ], "completed": false }, { "type": "title", "position": [ 765, 232, 174, 30 ], "completed": false }, { "type": "icon", "position": [ 297, 305, 22, 22 ], "completed": true }, { "type": "icon", "position": [ 765, 305, 22, 22 ], "completed": true }, { "type": "text", "position": [ 329, 306, 98, 20 ], "completed": false }, { "type": "text", "position": [ 797, 306, 110, 20 ], "completed": false }, { "type": "icon", "position": [ 432, 308, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 912, 308, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 297, 360, 22, 22 ], "completed": true }, { "type": "icon", "position": [ 765, 360, 22, 22 ], "completed": true }, { "type": "text", "position": [ 329, 361, 79, 20 ], "completed": false }, { "type": "text", "position": [ 797, 361, 96, 20 ], "completed": false }, { "type": "icon", "position": [ 413, 363, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 898, 363, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 297, 415, 22, 22 ], "completed": true }, { "type": "icon", "position": [ 765, 415, 22, 22 ], "completed": true }, { "type": "text", "position": [ 329, 416, 56, 20 ], "completed": false }, { "type": "text", "position": [ 797, 416, 79, 20 ], "completed": false }, { "type": "icon", "position": [ 390, 418, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 881, 418, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 297, 470, 22, 22 ], "completed": true }, { "type": "text", "position": [ 329, 471, 78, 20 ], "completed": false }, { "type": "icon", "position": [ 412, 473, 16, 16 ], "completed": true } ] }, { "text": "# A page for advertising the products of a company. # The page should have a title named \"ELYRIA CAPSULE EDIT\" followed by three groups of items. Each item, there should include an image, a title, and a piece of brief information about the product. It is necessary to have a button for the user to click to view all products. Besides, there should be pagination to switch to the next page.", "region_id": "8455", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'ELYRIA CAPSULE EDIT'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] [el:button [attr:value 'view all products'] ] [el:pagination] ]", "execution": "multiinfo : button undefined undefined | pagination undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 46 75 26 5 | description 19 63 15 2 | description 87 63 10 2 | description 54 63 10 2 | complete icon 111 39 2 2 | title 90 60 4 2 | title 22 60 9 2 | title 57 60 5 2 | title 5 8 108 4", "layout_seq_without_completion": "button 46 75 26 5 | description 19 63 15 2 | description 87 63 10 2 | description 54 63 10 2 | icon 111 39 2 2 | title 90 60 4 2 | title 22 60 9 2 | title 57 60 5 2 | title 5 8 108 4", "plain_layout_seq": "button 46 75 26 5 | description 19 63 15 2 | description 87 63 10 2 | description 54 63 10 2 | icon 111 39 2 2 | title 90 60 4 2 | title 22 60 9 2 | title 57 60 5 2 | title 5 8 108 4", "canvas_width": 1009, "canvas_height": 763, "elements": [ { "type": "title", "position": [ 50, 73, 909, 36 ], "completed": false }, { "type": "icon", "position": [ 937, 335, 18, 18 ], "completed": true }, { "type": "title", "position": [ 189, 508, 79, 19 ], "completed": false }, { "type": "title", "position": [ 480, 508, 49, 19 ], "completed": false }, { "type": "title", "position": [ 762, 508, 38, 19 ], "completed": false }, { "type": "description", "position": [ 161, 532, 134, 21 ], "completed": false }, { "type": "description", "position": [ 458, 532, 92, 21 ], "completed": false }, { "type": "description", "position": [ 735, 532, 92, 21 ], "completed": false }, { "type": "button", "position": [ 391, 634, 227, 49 ], "completed": false } ] }, { "text": "#A page for introducing Woolworths group for users.# The page should include four images of the Woolworths. A button is needed for users to click to meet the Woolworths group.", "region_id": "2410", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] ] ] [el:button [attr:value'meet the woolworths group'] ] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 38 31 42 7 | complete icon 75 34 1 1 | complete text 43 34 29 2 | \" [ image 14 11 9 9 ] | [ image 41 11 9 9 ] | [ image 65 11 15 8 ] | [ image 93 11 15 7 ] \"", "layout_seq_without_completion": "button 38 31 42 7 | icon 75 34 1 1 | text 43 34 29 2 | \" [ image 14 11 9 9 ] | [ image 41 11 9 9 ] | [ image 65 11 15 8 ] | [ image 93 11 15 7 ] \"", "plain_layout_seq": "button 38 31 42 7 | icon 75 34 1 1 | image 14 11 9 9 | image 41 11 9 9 | image 65 11 15 8 | image 93 11 15 7 | text 43 34 29 2", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "image", "position": [ 124, 95, 82, 80 ], "completed": false }, { "type": "image", "position": [ 356, 95, 80, 80 ], "completed": false }, { "type": "image", "position": [ 562, 99, 130, 72 ], "completed": false }, { "type": "image", "position": [ 794, 101, 130, 68 ], "completed": false }, { "type": "button", "position": [ 331, 270, 362, 63 ], "completed": false }, { "type": "text", "position": [ 371, 292, 252, 18 ], "completed": true }, { "type": "icon", "position": [ 645, 293, 16, 16 ], "completed": true } ] }, { "text": "#A page for showing the photo of the day.#The page has a title, \"photo of the day\". There are four groups and each group has an image, a description of the photo, and the date.", "region_id": "5406", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'photo of the day'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 0 117 35 | title 3 2 21 1 | \" [ description 3 26 21 2 | image 3 8 26 15 | text 3 29 7 2 ] | [ description 32 26 22 4 | image 32 8 26 15 | text 32 31 9 2 ] | [ description 61 26 18 4 | image 61 8 26 15 | text 61 31 9 2 ] | [ description 89 26 22 4 | image 89 8 26 15 | text 89 31 9 2 ] \"", "layout_seq_without_completion": "background 1 0 117 35 | title 3 2 21 1 | \" [ description 3 26 21 2 | image 3 8 26 15 | text 3 29 7 2 ] | [ description 32 26 22 4 | image 32 8 26 15 | text 32 31 9 2 ] | [ description 61 26 18 4 | image 61 8 26 15 | text 61 31 9 2 ] | [ description 89 26 22 4 | image 89 8 26 15 | text 89 31 9 2 ] \"", "plain_layout_seq": "background 1 0 117 35 | description 3 26 21 2 | description 32 26 22 4 | description 61 26 18 4 | description 89 26 22 4 | image 3 8 26 15 | image 32 8 26 15 | image 61 8 26 15 | image 89 8 26 15 | text 3 29 7 2 | text 32 31 9 2 | text 61 31 9 2 | text 89 31 9 2 | title 3 2 21 1", "canvas_width": 983, "canvas_height": 316, "elements": [ { "type": "background", "position": [ 12, 0, 959, 292 ], "completed": true }, { "type": "title", "position": [ 32, 21, 173, 16 ], "completed": false }, { "type": "image", "position": [ 32, 73, 215, 129 ], "completed": false }, { "type": "image", "position": [ 267, 73, 215, 129 ], "completed": false }, { "type": "image", "position": [ 501, 73, 215, 129 ], "completed": false }, { "type": "image", "position": [ 736, 73, 215, 129 ], "completed": false }, { "type": "description", "position": [ 32, 216, 176, 19 ], "completed": false }, { "type": "description", "position": [ 267, 216, 184, 37 ], "completed": false }, { "type": "description", "position": [ 501, 216, 153, 37 ], "completed": false }, { "type": "description", "position": [ 736, 216, 186, 37 ], "completed": false }, { "type": "text", "position": [ 32, 238, 61, 17 ], "completed": false }, { "type": "text", "position": [ 267, 257, 75, 17 ], "completed": false }, { "type": "text", "position": [ 501, 257, 75, 17 ], "completed": false }, { "type": "text", "position": [ 736, 257, 75, 17 ], "completed": false } ] }, { "text": "#A page showing the information about Hitachi.# There should be a link named \"Information\" and a small image. There should be three sets of information showing the dates and explanations.", "region_id": "1417", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:link [attr:value'information'] ] [el:image [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : image undefined small | link undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | image 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "layout_seq_without_completion": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | image 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "plain_layout_seq": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | image 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "canvas_width": 973, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 0, 1, 117, 20 ], "completed": false }, { "type": "link", "position": [ 0, 1, 97, 20 ], "completed": false }, { "type": "text", "position": [ 0, 43, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 59, 335, 20 ], "completed": false }, { "type": "text", "position": [ 0, 94, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 110, 764, 20 ], "completed": false }, { "type": "text", "position": [ 0, 145, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 161, 540, 20 ], "completed": false } ] }, { "text": "#A page showing the information about Hitachi.# There should be a link named \"Information\". There should be three sets of information showing the dates and relevant info.", "region_id": "1417_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:link [attr:value'information'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : link undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | complete icon 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "layout_seq_without_completion": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | icon 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "plain_layout_seq": "description 17 13 94 2 | description 17 19 66 2 | description 17 7 41 2 | icon 0 0 14 2 | link 0 0 11 2 | text 0 11 17 6 | text 0 17 17 6 | text 0 5 17 6", "canvas_width": 973, "canvas_height": 257, "elements": [ { "type": "icon", "position": [ 0, 1, 117, 20 ], "completed": true }, { "type": "link", "position": [ 0, 1, 97, 20 ], "completed": false }, { "type": "text", "position": [ 0, 43, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 59, 335, 20 ], "completed": false }, { "type": "text", "position": [ 0, 94, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 110, 764, 20 ], "completed": false }, { "type": "text", "position": [ 0, 145, 144, 51 ], "completed": false }, { "type": "description", "position": [ 144, 161, 540, 20 ], "completed": false } ] }, { "text": "#A page for showing the solutions of top brands&mobile apps.#The page should have a brief description and a title under it. There are six groups in the middle, and each group has an image and a title, \"mobile app publisher\", \"growth marketer\", \"market researcher\", \"mobile game advertiser\", \"brand marketer\", and \"Tapjoy player\".", "region_id": "4073", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description [attr:size 'small'] ] [el:title] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'mobile app publisher, growth marketer, market researcher, mobile game advertiser, brand marketer, tapjoy player'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 17 4 48 8 | complete text 58 8 10 3 | title 17 0 84 2 | \" [ complete background 17 17 5 5 | image 18 18 2 2 | title 25 18 22 3 ] | [ complete background 61 17 5 5 | image 62 18 2 2 | title 69 18 25 3 ] | [ complete background 17 26 5 5 | image 18 27 2 2 | title 25 27 18 3 ] | [ complete background 61 26 5 5 | image 62 27 2 2 | title 69 27 16 3 ] | [ complete background 17 35 5 5 | image 18 36 2 2 | title 25 36 20 3 ] | [ complete background 61 35 5 5 | image 62 36 2 2 | title 69 36 14 3 ] \"", "layout_seq_without_completion": "description 17 4 48 8 | text 58 8 10 3 | title 17 0 84 2 | \" [ background 17 17 5 5 | image 18 18 2 2 | title 25 18 22 3 ] | [ background 61 17 5 5 | image 62 18 2 2 | title 69 18 25 3 ] | [ background 17 26 5 5 | image 18 27 2 2 | title 25 27 18 3 ] | [ background 61 26 5 5 | image 62 27 2 2 | title 69 27 16 3 ] | [ background 17 35 5 5 | image 18 36 2 2 | title 25 36 20 3 ] | [ background 61 35 5 5 | image 62 36 2 2 | title 69 36 14 3 ] \"", "plain_layout_seq": "background 17 17 5 5 | background 61 17 5 5 | background 17 26 5 5 | background 61 26 5 5 | background 17 35 5 5 | background 61 35 5 5 | description 17 4 48 8 | image 18 18 2 2 | image 62 18 2 2 | image 18 27 2 2 | image 62 27 2 2 | image 18 36 2 2 | image 62 36 2 2 | text 58 8 10 3 | title 17 0 84 2 | title 25 18 22 3 | title 69 18 25 3 | title 25 27 18 3 | title 69 27 16 3 | title 25 36 20 3 | title 69 36 14 3", "canvas_width": 1024, "canvas_height": 368, "elements": [ { "type": "title", "position": [ 153, 0, 718, 22 ], "completed": false }, { "type": "description", "position": [ 153, 39, 411, 69 ], "completed": false }, { "type": "text", "position": [ 496, 75, 90, 33 ], "completed": true }, { "type": "background", "position": [ 153, 150, 45, 45 ], "completed": true }, { "type": "background", "position": [ 527, 150, 45, 45 ], "completed": true }, { "type": "image", "position": [ 160, 157, 25, 25 ], "completed": false }, { "type": "image", "position": [ 534, 157, 25, 25 ], "completed": false }, { "type": "title", "position": [ 218, 159, 195, 28 ], "completed": false }, { "type": "title", "position": [ 592, 159, 221, 28 ], "completed": false }, { "type": "background", "position": [ 153, 228, 45, 45 ], "completed": true }, { "type": "background", "position": [ 527, 228, 45, 45 ], "completed": true }, { "type": "image", "position": [ 160, 235, 25, 25 ], "completed": false }, { "type": "image", "position": [ 534, 235, 25, 25 ], "completed": false }, { "type": "title", "position": [ 218, 237, 159, 28 ], "completed": false }, { "type": "title", "position": [ 592, 237, 145, 28 ], "completed": false }, { "type": "background", "position": [ 153, 306, 45, 45 ], "completed": true }, { "type": "background", "position": [ 527, 306, 45, 45 ], "completed": true }, { "type": "image", "position": [ 160, 313, 25, 25 ], "completed": false }, { "type": "image", "position": [ 534, 313, 25, 25 ], "completed": false }, { "type": "title", "position": [ 218, 315, 175, 28 ], "completed": false }, { "type": "title", "position": [ 592, 315, 122, 28 ], "completed": false } ] }, { "text": "#A page for users to sign in.# The page should have a logo of Upgrade, and 5 texts to show the pros of the Upgrade, including personal loans, upgrade cards, rewards checking, credit health, and help center. Another button is needed for users to click to sign in.", "region_id": "6126", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo [attr:value 'Upgrade'] ] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'personal loans, upgrade cards, rewards checking,credit health, help center'] [item [el:text] ] ] [el:button [attr:value 'sign in']] ]", "execution": "multiinfo : button undefined undefined | logo undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "button 90 7 9 5 | logo 3 3 20 4 | \" [ text 3 8 16 1 ] | [ text 21 8 15 1 ] | [ text 38 8 20 1 ] | [ text 60 8 14 1 ] | [ text 76 8 11 1 ] \"", "layout_seq_without_completion": "button 90 7 9 5 | logo 3 3 20 4 | \" [ text 3 8 16 1 ] | [ text 21 8 15 1 ] | [ text 38 8 20 1 ] | [ text 60 8 14 1 ] | [ text 76 8 11 1 ] \"", "plain_layout_seq": "button 90 7 9 5 | logo 3 3 20 4 | text 3 8 16 1 | text 21 8 15 1 | text 38 8 20 1 | text 60 8 14 1 | text 76 8 11 1", "canvas_width": 1024, "canvas_height": 106, "elements": [ { "type": "logo", "position": [ 32, 32, 171, 40 ], "completed": false }, { "type": "button", "position": [ 772, 61, 80, 45 ], "completed": false }, { "type": "text", "position": [ 32, 76, 143, 16 ], "completed": false }, { "type": "text", "position": [ 187, 76, 132, 16 ], "completed": false }, { "type": "text", "position": [ 331, 76, 172, 16 ], "completed": false }, { "type": "text", "position": [ 515, 76, 127, 16 ], "completed": false }, { "type": "text", "position": [ 654, 76, 102, 16 ], "completed": false } ] }, { "text": "#A page to introduce some children's books.# There is a title on top. Below the title, there are two groups. Each group contains an image of the book, a title, and a text for price.", "region_id": "8752", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ image 6 15 51 44 | complete text 6 57 6 2 | text 6 57 7 1 | title 6 54 37 2 ] | [ image 61 15 51 48 | text 61 60 6 1 | complete text 61 61 5 2 | title 61 55 39 5 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ image 6 15 51 44 | text 6 57 6 2 | text 6 57 7 1 | title 6 54 37 2 ] | [ image 61 15 51 48 | text 61 60 6 1 | text 61 61 5 2 | title 61 55 39 5 ] \"", "plain_layout_seq": "image 6 15 51 44 | image 61 15 51 48 | text 6 57 6 2 | text 6 57 7 1 | text 61 60 6 1 | text 61 61 5 2 | title 6 6 107 2 | title 6 54 37 2 | title 61 55 39 5", "canvas_width": 1024, "canvas_height": 599, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 54, 134, 443, 382 ], "completed": false }, { "type": "image", "position": [ 526, 134, 443, 410 ], "completed": false }, { "type": "title", "position": [ 55, 469, 323, 21 ], "completed": false }, { "type": "title", "position": [ 527, 473, 338, 45 ], "completed": false }, { "type": "text", "position": [ 55, 492, 62, 16 ], "completed": false }, { "type": "text", "position": [ 55, 494, 54, 19 ], "completed": true }, { "type": "text", "position": [ 527, 520, 59, 16 ], "completed": false }, { "type": "text", "position": [ 527, 522, 51, 19 ], "completed": true } ] }, { "text": "# A page for the user to choose to shop for women's products or men products. # The page should have two parts. In each part, there should have a title, a background image, and a text button for the user to shop.", "region_id": "1369", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:background_image] [el:button [attr:value'shop'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 3 0 55 41 | background 60 0 55 41 | button 64 23 11 5 | button 44 23 11 5 | title 64 12 52 8 | title 3 12 52 8", "layout_seq_without_completion": "background 3 0 55 41 | background 60 0 55 41 | button 64 23 11 5 | button 44 23 11 5 | title 64 12 52 8 | title 3 12 52 8", "plain_layout_seq": "background 3 0 55 41 | background 60 0 55 41 | button 64 23 11 5 | button 44 23 11 5 | title 64 12 52 8 | title 3 12 52 8", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "background", "position": [ 30, 0, 477, 350 ], "completed": false }, { "type": "background", "position": [ 517, 0, 477, 350 ], "completed": false }, { "type": "title", "position": [ 30, 104, 447, 76 ], "completed": false }, { "type": "title", "position": [ 547, 104, 447, 76 ], "completed": false }, { "type": "button", "position": [ 378, 200, 99, 45 ], "completed": false }, { "type": "button", "position": [ 547, 200, 99, 45 ], "completed": false } ] }, { "text": "# A page for showing movies to users on the web.#The page should have two items movies, and each of them should include one picture about the movie, one TV label, one movie title, and the year of release of the film. There also should have one pagination at the bottom.", "region_id": "3385", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text [attr:repeat '2'] ] ] ] [el:pagination [attr:position 'bottom'] ] ]", "execution": "multiinfo : pagination bottom undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 52 34 3 1 ] | [ complete button 58 34 1 1 ] | [ complete button 60 34 1 1 ] | [ complete button 63 34 1 1 ] | [ complete button 66 34 1 1 ] \" | \" [ image 1 1 57 30 | text 3 28 4 1 | text 54 28 4 2 | title 3 24 53 3 ] | [ image 61 1 57 30 | text 63 28 3 1 | text 114 28 4 2 | title 63 24 53 3 ] \"", "layout_seq_without_completion": "\" [ button 52 34 3 1 ] | [ button 58 34 1 1 ] | [ button 60 34 1 1 ] | [ button 63 34 1 1 ] | [ button 66 34 1 1 ] \" | \" [ image 1 1 57 30 | text 3 28 4 1 | text 54 28 4 2 | title 3 24 53 3 ] | [ image 61 1 57 30 | text 63 28 3 1 | text 114 28 4 2 | title 63 24 53 3 ] \"", "plain_layout_seq": "button 52 34 3 1 | button 58 34 1 1 | button 60 34 1 1 | button 63 34 1 1 | button 66 34 1 1 | image 1 1 57 30 | image 61 1 57 30 | text 3 28 4 1 | text 54 28 4 2 | text 63 28 3 1 | text 114 28 4 2 | title 3 24 53 3 | title 63 24 53 3", "canvas_width": 934, "canvas_height": 288, "elements": [ { "type": "image", "position": [ 10, 10, 447, 237 ], "completed": false }, { "type": "image", "position": [ 477, 10, 447, 237 ], "completed": false }, { "type": "title", "position": [ 24, 189, 419, 30 ], "completed": false }, { "type": "title", "position": [ 491, 189, 419, 30 ], "completed": false }, { "type": "text", "position": [ 24, 218, 32, 15 ], "completed": false }, { "type": "text", "position": [ 491, 218, 30, 15 ], "completed": false }, { "type": "text", "position": [ 422, 225, 35, 22 ], "completed": false }, { "type": "text", "position": [ 889, 225, 35, 22 ], "completed": false }, { "type": "button", "position": [ 408, 272, 30, 8 ], "completed": false }, { "type": "button", "position": [ 452, 272, 8, 8 ], "completed": true }, { "type": "button", "position": [ 474, 272, 8, 8 ], "completed": true }, { "type": "button", "position": [ 496, 272, 8, 8 ], "completed": true }, { "type": "button", "position": [ 518, 272, 8, 8 ], "completed": true } ] }, { "text": "#A page showing the information of various models street unlimited to users.#The page should have one picture, one text, and one link for users to click to view all. There also should have three groups of products. And each of them has one picture, one sale label, one title, one brief description, and two prices, including one original price and one current price.", "region_id": "7591", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:text] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : image undefined undefined | link undefined undefined | text undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 0 23 42 | link 3 35 20 1 | text 2 24 17 11 | \" [ description 26 27 20 11 | text 25 0 5 2 | text 36 38 4 2 | text 32 38 3 2 | title 26 24 20 2 ] | [ description 50 27 19 11 | text 48 0 5 2 | text 59 38 4 2 | text 56 38 3 2 | title 50 24 19 2 ] | [ description 73 27 19 11 | text 71 0 5 2 | text 82 38 4 2 | text 79 38 3 2 | title 73 24 19 2 ] \"", "layout_seq_without_completion": "image 2 0 23 42 | link 3 35 20 1 | text 2 24 17 11 | \" [ description 26 27 20 11 | text 25 0 5 2 | text 36 38 4 2 | text 32 38 3 2 | title 26 24 20 2 ] | [ description 50 27 19 11 | text 48 0 5 2 | text 59 38 4 2 | text 56 38 3 2 | title 50 24 19 2 ] | [ description 73 27 19 11 | text 71 0 5 2 | text 82 38 4 2 | text 79 38 3 2 | title 73 24 19 2 ] \"", "plain_layout_seq": "description 26 27 20 11 | description 50 27 19 11 | description 73 27 19 11 | image 2 0 23 42 | link 3 35 20 1 | text 2 24 17 11 | text 25 0 5 2 | text 36 38 4 2 | text 32 38 3 2 | text 48 0 5 2 | text 59 38 4 2 | text 56 38 3 2 | text 71 0 5 2 | text 82 38 4 2 | text 79 38 3 2 | title 26 24 20 2 | title 50 24 19 2 | title 73 24 19 2", "canvas_width": 1024, "canvas_height": 366, "elements": [ { "type": "image", "position": [ 20, 0, 197, 365 ], "completed": false }, { "type": "text", "position": [ 217, 0, 49, 25 ], "completed": false }, { "type": "text", "position": [ 415, 0, 49, 25 ], "completed": false }, { "type": "text", "position": [ 611, 0, 49, 25 ], "completed": false }, { "type": "text", "position": [ 20, 205, 147, 95 ], "completed": false }, { "type": "title", "position": [ 229, 213, 171, 19 ], "completed": false }, { "type": "title", "position": [ 427, 213, 170, 19 ], "completed": false }, { "type": "title", "position": [ 624, 213, 170, 19 ], "completed": false }, { "type": "description", "position": [ 229, 233, 171, 94 ], "completed": false }, { "type": "description", "position": [ 427, 233, 170, 94 ], "completed": false }, { "type": "description", "position": [ 624, 233, 170, 94 ], "completed": false }, { "type": "link", "position": [ 30, 307, 177, 17 ], "completed": false }, { "type": "text", "position": [ 281, 326, 28, 18 ], "completed": false }, { "type": "text", "position": [ 312, 326, 38, 18 ], "completed": false }, { "type": "text", "position": [ 478, 326, 28, 18 ], "completed": false }, { "type": "text", "position": [ 509, 326, 38, 18 ], "completed": false }, { "type": "text", "position": [ 675, 326, 28, 18 ], "completed": false }, { "type": "text", "position": [ 706, 326, 38, 18 ], "completed": false } ] }, { "text": "#A page for showing the logos of trust enterprises.# The page should have one title and 5 logos of trusted enterprises such as Twitter, Microsoft, and so on, to increase reliability and business.", "region_id": "1168", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'Twitter, Microsoft'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 7 11 105 3 | \" [ logo 76 21 13 7 ] | [ logo 30 22 13 5 ] | [ logo 99 23 13 3 ] | [ logo 7 24 13 2 ] | [ logo 53 24 13 2 ] \"", "layout_seq_without_completion": "title 7 11 105 3 | \" [ logo 76 21 13 7 ] | [ logo 30 22 13 5 ] | [ logo 99 23 13 3 ] | [ logo 7 24 13 2 ] | [ logo 53 24 13 2 ] \"", "plain_layout_seq": "logo 76 21 13 7 | logo 30 22 13 5 | logo 99 23 13 3 | logo 7 24 13 2 | logo 53 24 13 2 | title 7 11 105 3", "canvas_width": 1024, "canvas_height": 363, "elements": [ { "type": "title", "position": [ 64, 100, 896, 32 ], "completed": false }, { "type": "logo", "position": [ 652, 184, 112, 67 ], "completed": false }, { "type": "logo", "position": [ 260, 193, 112, 48 ], "completed": false }, { "type": "logo", "position": [ 848, 203, 112, 28 ], "completed": false }, { "type": "logo", "position": [ 456, 205, 112, 24 ], "completed": false }, { "type": "logo", "position": [ 64, 208, 112, 19 ], "completed": false } ] }, { "text": "# A page for selling cookware and accessories. # On the page, there should include a title, and four groups of information items. In each group, there should have an image showing the product, the name of the product, and a price. Besides, in the last two groups, there should be a number \"-25%\" on the image to show the discount of the product. A link and pagination are necessary for the user to click to see all products.", "region_id": "3881", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup \n[item [el:image] [el:text] [el:text] ]\n[item [el:image] [el:text] [el:text] ]\n[item [el:image] [el:text] [el:text] [el:text[attr:value '-25%']]] \n[item [el:image] [el:text] [el:text] [el:text[attr:value '-25%']]]] [el:link[attr:value'see all']][el:pagination] ]", "execution": "multiinfo : link undefined undefined | pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 45 | complete icon 113 2 3 3 | image 2 8 28 28 | image 89 8 28 28 | image 60 8 28 28 | image 31 8 28 28 | link 107 3 6 2 | text 2 39 28 4 | text 60 36 28 3 | text 2 36 28 3 | text 60 39 28 4 | text 89 39 28 4 | text 31 36 28 3 | text 89 36 28 3 | text 31 39 28 4 | text 82 9 5 3 | text 111 9 5 3 | title 3 2 28 3", "layout_seq_without_completion": "background 1 1 117 45 | icon 113 2 3 3 | image 2 8 28 28 | image 89 8 28 28 | image 60 8 28 28 | image 31 8 28 28 | link 107 3 6 2 | text 2 39 28 4 | text 60 36 28 3 | text 2 36 28 3 | text 60 39 28 4 | text 89 39 28 4 | text 31 36 28 3 | text 89 36 28 3 | text 31 39 28 4 | text 82 9 5 3 | text 111 9 5 3 | title 3 2 28 3", "plain_layout_seq": "background 1 1 117 45 | icon 113 2 3 3 | image 2 8 28 28 | image 89 8 28 28 | image 60 8 28 28 | image 31 8 28 28 | link 107 3 6 2 | text 2 39 28 4 | text 60 36 28 3 | text 2 36 28 3 | text 60 39 28 4 | text 89 39 28 4 | text 31 36 28 3 | text 89 36 28 3 | text 31 39 28 4 | text 82 9 5 3 | text 111 9 5 3 | title 3 2 28 3", "canvas_width": 950, "canvas_height": 374, "elements": [ { "type": "background", "position": [ 8, 8, 934, 358 ], "completed": true }, { "type": "title", "position": [ 24, 20, 222, 24 ], "completed": false }, { "type": "icon", "position": [ 902, 20, 24, 24 ], "completed": true }, { "type": "link", "position": [ 850, 24, 52, 16 ], "completed": false }, { "type": "image", "position": [ 16, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 247, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 479, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 711, 64, 224, 224 ], "completed": false }, { "type": "text", "position": [ 655, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 886, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 16, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 247, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 479, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 711, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 16, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 247, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 479, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 711, 313, 224, 36 ], "completed": false } ] }, { "text": "#A page tries to give some advice to website users.# Two groups of information are involved. Each contains a question placed above its related answers.", "region_id": "4965", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 0 6 57 6 | text 60 21 60 9 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 0 0 57 4 | title 60 0 60 4", "layout_seq_without_completion": "text 0 6 57 6 | text 60 21 60 9 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 0 0 57 4 | title 60 0 60 4", "plain_layout_seq": "text 0 6 57 6 | text 60 21 60 9 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 0 0 57 4 | title 60 0 60 4", "canvas_width": 960, "canvas_height": 248, "elements": [ { "type": "title", "position": [ 0, 0, 456, 39 ], "completed": false }, { "type": "title", "position": [ 480, 0, 480, 39 ], "completed": false }, { "type": "text", "position": [ 0, 55, 456, 52 ], "completed": false }, { "type": "text", "position": [ 480, 55, 480, 24 ], "completed": false }, { "type": "text", "position": [ 480, 88, 480, 26 ], "completed": false }, { "type": "text", "position": [ 480, 138, 480, 25 ], "completed": false }, { "type": "text", "position": [ 480, 170, 480, 78 ], "completed": false } ] }, { "text": "#A page for advertising.# This page is divided into two parts and each of them includes one image, one label, one text box for the title, one text box for a detailed description, and one link for exploring more.", "region_id": "46", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title [attr:repeat'2'] ] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 32 16 24 7 | complete image 2 0 56 37 | image 4 10 27 18 | link 33 27 20 6 | title 36 8 14 6 | title 23 0 14 2 ] | [ description 91 16 23 7 | complete image 61 0 56 37 | image 64 7 25 24 | link 93 27 20 6 | title 95 10 16 2 | title 88 0 3 2 ] \"", "layout_seq_without_completion": "\" [ description 32 16 24 7 | image 2 0 56 37 | image 4 10 27 18 | link 33 27 20 6 | title 36 8 14 6 | title 23 0 14 2 ] | [ description 91 16 23 7 | image 61 0 56 37 | image 64 7 25 24 | link 93 27 20 6 | title 95 10 16 2 | title 88 0 3 2 ] \"", "plain_layout_seq": "description 32 16 24 7 | description 91 16 23 7 | image 2 0 56 37 | image 4 10 27 18 | image 61 0 56 37 | image 64 7 25 24 | link 33 27 20 6 | link 93 27 20 6 | title 36 8 14 6 | title 23 0 14 2 | title 95 10 16 2 | title 88 0 3 2", "canvas_width": 973, "canvas_height": 335, "elements": [ { "type": "image", "position": [ 18, 0, 455, 305 ], "completed": true }, { "type": "image", "position": [ 502, 0, 455, 305 ], "completed": true }, { "type": "title", "position": [ 188, 7, 114, 19 ], "completed": false }, { "type": "title", "position": [ 717, 7, 26, 19 ], "completed": false }, { "type": "image", "position": [ 522, 62, 210, 201 ], "completed": false }, { "type": "title", "position": [ 298, 67, 120, 56 ], "completed": false }, { "type": "title", "position": [ 776, 82, 130, 23 ], "completed": false }, { "type": "image", "position": [ 35, 88, 220, 150 ], "completed": false }, { "type": "description", "position": [ 260, 134, 195, 58 ], "completed": false }, { "type": "description", "position": [ 745, 135, 193, 57 ], "completed": false }, { "type": "link", "position": [ 272, 222, 170, 51 ], "completed": false }, { "type": "link", "position": [ 756, 222, 170, 51 ], "completed": false } ] }, { "text": "#A page for advertising.# This page is divided into two parts and each of them includes one image, one label, one text box for the title, one text box for a detailed description, and one text button for the link.", "region_id": "46_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:title][el:description] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 33 27 20 6 | description 32 16 24 7 | complete image 2 0 56 37 | image 4 10 27 18 | title 36 8 14 6 | title 23 0 14 2 ] | [ button 93 27 20 6 | description 91 16 23 7 | complete image 61 0 56 37 | image 64 7 25 24 | title 95 10 16 2 | title 88 0 3 2 ] \"", "layout_seq_without_completion": "\" [ button 33 27 20 6 | description 32 16 24 7 | image 2 0 56 37 | image 4 10 27 18 | title 36 8 14 6 | title 23 0 14 2 ] | [ button 93 27 20 6 | description 91 16 23 7 | image 61 0 56 37 | image 64 7 25 24 | title 95 10 16 2 | title 88 0 3 2 ] \"", "plain_layout_seq": "button 33 27 20 6 | button 93 27 20 6 | description 32 16 24 7 | description 91 16 23 7 | image 2 0 56 37 | image 4 10 27 18 | image 61 0 56 37 | image 64 7 25 24 | title 36 8 14 6 | title 23 0 14 2 | title 95 10 16 2 | title 88 0 3 2", "canvas_width": 973, "canvas_height": 335, "elements": [ { "type": "image", "position": [ 18, 0, 455, 305 ], "completed": true }, { "type": "image", "position": [ 502, 0, 455, 305 ], "completed": true }, { "type": "title", "position": [ 188, 7, 114, 19 ], "completed": false }, { "type": "title", "position": [ 717, 7, 26, 19 ], "completed": false }, { "type": "image", "position": [ 522, 62, 210, 201 ], "completed": false }, { "type": "title", "position": [ 298, 67, 120, 56 ], "completed": false }, { "type": "title", "position": [ 776, 82, 130, 23 ], "completed": false }, { "type": "image", "position": [ 35, 88, 220, 150 ], "completed": false }, { "type": "description", "position": [ 260, 134, 195, 58 ], "completed": false }, { "type": "description", "position": [ 745, 135, 193, 57 ], "completed": false }, { "type": "button", "position": [ 272, 222, 170, 51 ], "completed": false }, { "type": "button", "position": [ 756, 222, 170, 51 ], "completed": false } ] }, { "text": "#A page for showing the mottos and guidance.# The page should have 2 groups the first has a title and two short descriptions to show the mottos, and the second has a title, a description, and 4 links for users to check the prototyping, MVP, startup incubation services, and branding.", "region_id": "5526", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:description [attr:size 'small'] [attr:repeat '2'] ] ] [item [el:title] [el:description] [el:link [attr:value 'prototyping'] ] [el:link [attr:value 'MVP'] ] [el:link [attr:value 'startup incubation services'] ] [el:link [attr:value 'branding'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | description undefined small | title undefined undefined ] | [ description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 64 10 51 14 | description 3 10 51 12 | title 3 4 112 5 ] | [ description 3 36 50 5 | link 31 45 4 2 | link 47 45 26 4 | link 84 45 8 2 | link 9 45 11 2 | title 3 31 112 3 ] \"", "layout_seq_without_completion": "\" [ description 64 10 51 14 | description 3 10 51 12 | title 3 4 112 5 ] | [ description 3 36 50 5 | link 31 45 4 2 | link 47 45 26 4 | link 84 45 8 2 | link 9 45 11 2 | title 3 31 112 3 ] \"", "plain_layout_seq": "description 64 10 51 14 | description 3 10 51 12 | description 3 36 50 5 | link 31 45 4 2 | link 47 45 26 4 | link 84 45 8 2 | link 9 45 11 2 | title 3 4 112 5 | title 3 31 112 3", "canvas_width": 1024, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 31, 40, 963, 44 ], "completed": false }, { "type": "description", "position": [ 31, 89, 443, 108 ], "completed": false }, { "type": "description", "position": [ 551, 89, 443, 123 ], "completed": false }, { "type": "title", "position": [ 31, 272, 963, 28 ], "completed": false }, { "type": "description", "position": [ 31, 315, 430, 43 ], "completed": false }, { "type": "link", "position": [ 80, 392, 101, 20 ], "completed": false }, { "type": "link", "position": [ 273, 392, 38, 20 ], "completed": false }, { "type": "link", "position": [ 403, 392, 226, 40 ], "completed": false }, { "type": "link", "position": [ 721, 392, 74, 20 ], "completed": false } ] }, { "text": "#A page for users to join the community.# There is one title\" Join our community\" and three info groups. Each group includes one icon, one vice title, one description, and one button.", "region_id": "8011", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'join our community'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 0 110 4 | \" [ button 13 57 16 4 | description 4 45 34 9 | icon 10 10 23 23 | complete text 15 58 13 2 | title 4 35 34 8 ] | [ button 52 54 15 4 | description 42 45 34 5 | icon 48 10 23 23 | complete text 53 55 12 2 | title 42 35 34 8 ] | [ button 90 54 15 4 | description 80 45 34 5 | icon 86 10 23 23 | complete text 91 55 12 2 | title 80 35 34 8 ] \"", "layout_seq_without_completion": "title 4 0 110 4 | \" [ button 13 57 16 4 | description 4 45 34 9 | icon 10 10 23 23 | text 15 58 13 2 | title 4 35 34 8 ] | [ button 52 54 15 4 | description 42 45 34 5 | icon 48 10 23 23 | text 53 55 12 2 | title 42 35 34 8 ] | [ button 90 54 15 4 | description 80 45 34 5 | icon 86 10 23 23 | text 91 55 12 2 | title 80 35 34 8 ] \"", "plain_layout_seq": "button 13 57 16 4 | button 52 54 15 4 | button 90 54 15 4 | description 4 45 34 9 | description 42 45 34 5 | description 80 45 34 5 | icon 10 10 23 23 | icon 48 10 23 23 | icon 86 10 23 23 | text 15 58 13 2 | text 53 55 12 2 | text 91 55 12 2 | title 4 0 110 4 | title 4 35 34 8 | title 42 35 34 8 | title 80 35 34 8", "canvas_width": 1024, "canvas_height": 556, "elements": [ { "type": "title", "position": [ 40, 0, 944, 40 ], "completed": false }, { "type": "icon", "position": [ 87, 87, 200, 200 ], "completed": false }, { "type": "icon", "position": [ 412, 87, 200, 200 ], "completed": false }, { "type": "icon", "position": [ 737, 87, 200, 200 ], "completed": false }, { "type": "title", "position": [ 40, 303, 295, 70 ], "completed": false }, { "type": "title", "position": [ 365, 303, 295, 70 ], "completed": false }, { "type": "title", "position": [ 689, 303, 295, 70 ], "completed": false }, { "type": "description", "position": [ 40, 391, 295, 77 ], "completed": false }, { "type": "description", "position": [ 365, 391, 295, 51 ], "completed": false }, { "type": "description", "position": [ 689, 391, 295, 51 ], "completed": false }, { "type": "button", "position": [ 444, 462, 135, 38 ], "completed": false }, { "type": "button", "position": [ 770, 462, 133, 38 ], "completed": false }, { "type": "text", "position": [ 458, 471, 108, 18 ], "completed": true }, { "type": "text", "position": [ 784, 471, 105, 18 ], "completed": true }, { "type": "button", "position": [ 117, 488, 141, 38 ], "completed": false }, { "type": "text", "position": [ 131, 497, 114, 18 ], "completed": true } ] }, { "text": "#A page for showing the holidays of months.#The page should have a title and a link \"see all\" on the top. There are four groups and each group has a title and a background image.", "region_id": "4540", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:link [attr:value 'see all'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:background_image] ] ] ]", "execution": "multiinfo : link top undefined | title top undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 113 3 6 2 | title 0 2 15 4 | \" [ background 0 9 27 19 | title 9 15 8 4 | title 7 19 12 2 ] | [ background 30 9 27 19 | title 40 15 7 4 | title 38 19 12 2 ] | [ background 60 9 27 19 | title 67 19 13 2 | title 67 15 13 4 ] | [ background 90 9 27 19 | title 95 15 19 4 | title 95 19 19 2 ] \"", "layout_seq_without_completion": "link 113 3 6 2 | title 0 2 15 4 | \" [ background 0 9 27 19 | title 9 15 8 4 | title 7 19 12 2 ] | [ background 30 9 27 19 | title 40 15 7 4 | title 38 19 12 2 ] | [ background 60 9 27 19 | title 67 19 13 2 | title 67 15 13 4 ] | [ background 90 9 27 19 | title 95 15 19 4 | title 95 19 19 2 ] \"", "plain_layout_seq": "background 0 9 27 19 | background 30 9 27 19 | background 60 9 27 19 | background 90 9 27 19 | link 113 3 6 2 | title 0 2 15 4 | title 9 15 8 4 | title 7 19 12 2 | title 40 15 7 4 | title 38 19 12 2 | title 67 19 13 2 | title 67 15 13 4 | title 95 15 19 4 | title 95 19 19 2", "canvas_width": 984, "canvas_height": 256, "elements": [ { "type": "title", "position": [ 0, 20, 127, 36 ], "completed": false }, { "type": "link", "position": [ 931, 26, 53, 19 ], "completed": false }, { "type": "background", "position": [ 0, 76, 229, 160 ], "completed": false }, { "type": "background", "position": [ 248, 76, 228, 160 ], "completed": false }, { "type": "background", "position": [ 497, 76, 229, 160 ], "completed": false }, { "type": "background", "position": [ 746, 76, 228, 160 ], "completed": false }, { "type": "title", "position": [ 78, 129, 73, 34 ], "completed": false }, { "type": "title", "position": [ 330, 129, 65, 34 ], "completed": false }, { "type": "title", "position": [ 556, 129, 111, 34 ], "completed": false }, { "type": "title", "position": [ 779, 129, 162, 34 ], "completed": false }, { "type": "title", "position": [ 64, 160, 100, 19 ], "completed": false }, { "type": "title", "position": [ 313, 160, 100, 19 ], "completed": false }, { "type": "title", "position": [ 556, 160, 111, 19 ], "completed": false }, { "type": "title", "position": [ 779, 160, 162, 19 ], "completed": false } ] }, { "text": "#A page for the delivery information.# There are three topics that are \"FREE SHIPPING\", \"SUPPORT 24/7\", and \"30 DAYS RETURN\". Each topic has one description.", "region_id": "6477", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'FREE SHIPPING, SUPPORT 24/7, 30 DAYS RETURN'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 2 51 2 | description 67 2 50 2 | description 8 11 50 2 | title 7 0 51 2 | title 67 0 50 2 | title 8 8 50 2", "layout_seq_without_completion": "description 7 2 51 2 | description 67 2 50 2 | description 8 11 50 2 | title 7 0 51 2 | title 67 0 50 2 | title 8 8 50 2", "plain_layout_seq": "description 7 2 51 2 | description 67 2 50 2 | description 8 11 50 2 | title 7 0 51 2 | title 67 0 50 2 | title 8 8 50 2", "canvas_width": 1024, "canvas_height": 149, "elements": [ { "type": "title", "position": [ 67, 0, 438, 20 ], "completed": false }, { "type": "title", "position": [ 576, 0, 434, 20 ], "completed": false }, { "type": "description", "position": [ 67, 25, 438, 24 ], "completed": false }, { "type": "description", "position": [ 576, 25, 434, 24 ], "completed": false }, { "type": "title", "position": [ 71, 75, 434, 20 ], "completed": false }, { "type": "description", "position": [ 71, 100, 434, 24 ], "completed": false } ] }, { "text": "#A page showing some pieces of data of SimilarContent.# The page should include the title \"Just a few numbers\", an explanation and four information sets. Each group contains an icon, a number and a text.", "region_id": "6227", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'just a few numbers'] ] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:text[attr:repeat'2']]] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 27 18 65 10 | icon 11 38 8 8 | icon 41 38 8 8 | icon 99 38 8 8 | icon 70 38 8 8 | text 32 52 26 2 | text 32 46 26 5 | text 61 46 26 5 | text 90 52 26 2 | text 2 46 26 5 | text 2 52 26 2 | text 61 52 26 2 | text 90 46 26 5 | title 27 11 65 5", "layout_seq_without_completion": "description 27 18 65 10 | icon 11 38 8 8 | icon 41 38 8 8 | icon 99 38 8 8 | icon 70 38 8 8 | text 32 52 26 2 | text 32 46 26 5 | text 61 46 26 5 | text 90 52 26 2 | text 2 46 26 5 | text 2 52 26 2 | text 61 52 26 2 | text 90 46 26 5 | title 27 11 65 5", "plain_layout_seq": "description 27 18 65 10 | icon 11 38 8 8 | icon 41 38 8 8 | icon 99 38 8 8 | icon 70 38 8 8 | text 32 52 26 2 | text 32 46 26 5 | text 61 46 26 5 | text 90 52 26 2 | text 2 46 26 5 | text 2 52 26 2 | text 61 52 26 2 | text 90 46 26 5 | title 27 11 65 5", "canvas_width": 1024, "canvas_height": 564, "elements": [ { "type": "title", "position": [ 232, 96, 559, 44 ], "completed": false }, { "type": "description", "position": [ 232, 160, 559, 88 ], "completed": false }, { "type": "icon", "position": [ 102, 327, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 352, 327, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 602, 327, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 852, 327, 70, 70 ], "completed": false }, { "type": "text", "position": [ 24, 397, 226, 44 ], "completed": false }, { "type": "text", "position": [ 274, 397, 226, 44 ], "completed": false }, { "type": "text", "position": [ 524, 397, 226, 44 ], "completed": false }, { "type": "text", "position": [ 774, 397, 226, 44 ], "completed": false }, { "type": "text", "position": [ 24, 450, 226, 18 ], "completed": false }, { "type": "text", "position": [ 274, 450, 226, 18 ], "completed": false }, { "type": "text", "position": [ 524, 450, 226, 18 ], "completed": false }, { "type": "text", "position": [ 774, 450, 226, 18 ], "completed": false } ] }, { "text": "#A page for showing some famous electronic trading websites.# There should be one title\"Who to watch\" and six icons. Each of the icons is on the left of two text boxes, one showing the trading website's name and the other showing the detailed description.", "region_id": "896", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'who to watch'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:icon] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 0 1 120 4 | \" [ description 4 11 32 7 | icon 0 8 3 3 | text 4 9 3 2 ] | [ description 45 11 32 7 | icon 40 8 3 3 | text 45 9 13 2 ] | [ description 86 11 32 7 | icon 81 8 3 3 | text 86 9 7 2 ] | [ description 4 24 32 7 | icon 0 21 3 3 | text 4 22 5 2 ] | [ description 45 24 32 5 | icon 40 21 3 3 | text 45 22 9 2 ] | [ description 86 24 32 7 | icon 81 21 3 3 | text 86 22 7 2 ] \"", "layout_seq_without_completion": "title 0 1 120 4 | \" [ description 4 11 32 7 | icon 0 8 3 3 | text 4 9 3 2 ] | [ description 45 11 32 7 | icon 40 8 3 3 | text 45 9 13 2 ] | [ description 86 11 32 7 | icon 81 8 3 3 | text 86 9 7 2 ] | [ description 4 24 32 7 | icon 0 21 3 3 | text 4 22 5 2 ] | [ description 45 24 32 5 | icon 40 21 3 3 | text 45 22 9 2 ] | [ description 86 24 32 7 | icon 81 21 3 3 | text 86 22 7 2 ] \"", "plain_layout_seq": "description 4 11 32 7 | description 45 11 32 7 | description 86 11 32 7 | description 4 24 32 7 | description 45 24 32 5 | description 86 24 32 7 | icon 0 8 3 3 | icon 40 8 3 3 | icon 81 8 3 3 | icon 0 21 3 3 | icon 40 21 3 3 | icon 81 21 3 3 | text 4 9 3 2 | text 45 9 13 2 | text 86 9 7 2 | text 4 22 5 2 | text 45 22 9 2 | text 86 22 7 2 | title 0 1 120 4", "canvas_width": 1003, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 0, 16, 1003, 40 ], "completed": false }, { "type": "icon", "position": [ 0, 72, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 342, 72, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 685, 72, 32, 32 ], "completed": false }, { "type": "text", "position": [ 40, 76, 31, 17 ], "completed": false }, { "type": "text", "position": [ 382, 76, 111, 17 ], "completed": false }, { "type": "text", "position": [ 725, 76, 59, 17 ], "completed": false }, { "type": "description", "position": [ 40, 96, 270, 63 ], "completed": false }, { "type": "description", "position": [ 382, 96, 270, 63 ], "completed": false }, { "type": "description", "position": [ 725, 96, 270, 63 ], "completed": false }, { "type": "icon", "position": [ 0, 183, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 342, 183, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 685, 183, 32, 32 ], "completed": false }, { "type": "text", "position": [ 40, 187, 43, 17 ], "completed": false }, { "type": "text", "position": [ 382, 187, 80, 17 ], "completed": false }, { "type": "text", "position": [ 725, 187, 64, 17 ], "completed": false }, { "type": "description", "position": [ 40, 207, 270, 63 ], "completed": false }, { "type": "description", "position": [ 382, 207, 270, 42 ], "completed": false }, { "type": "description", "position": [ 725, 207, 270, 63 ], "completed": false } ] }, { "text": "#A page for showing some famous electronic trading websites.# There should be one text box showing the title and six images showing the logos. Each of the logos is on the left of two text boxes, one showing the trading website's name and the other showing the detailed description.", "region_id": "896_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:logo] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 0 1 120 4 | \" [ description 4 11 32 7 | logo 0 8 3 3 | text 4 9 3 2 ] | [ description 45 11 32 7 | logo 40 8 3 3 | text 45 9 13 2 ] | [ description 86 11 32 7 | logo 81 8 3 3 | text 86 9 7 2 ] | [ description 4 24 32 7 | logo 0 21 3 3 | text 4 22 5 2 ] | [ description 45 24 32 5 | logo 40 21 3 3 | text 45 22 9 2 ] | [ description 86 24 32 7 | logo 81 21 3 3 | text 86 22 7 2 ] \"", "layout_seq_without_completion": "title 0 1 120 4 | \" [ description 4 11 32 7 | logo 0 8 3 3 | text 4 9 3 2 ] | [ description 45 11 32 7 | logo 40 8 3 3 | text 45 9 13 2 ] | [ description 86 11 32 7 | logo 81 8 3 3 | text 86 9 7 2 ] | [ description 4 24 32 7 | logo 0 21 3 3 | text 4 22 5 2 ] | [ description 45 24 32 5 | logo 40 21 3 3 | text 45 22 9 2 ] | [ description 86 24 32 7 | logo 81 21 3 3 | text 86 22 7 2 ] \"", "plain_layout_seq": "description 4 11 32 7 | description 45 11 32 7 | description 86 11 32 7 | description 4 24 32 7 | description 45 24 32 5 | description 86 24 32 7 | logo 0 8 3 3 | logo 40 8 3 3 | logo 81 8 3 3 | logo 0 21 3 3 | logo 40 21 3 3 | logo 81 21 3 3 | text 4 9 3 2 | text 45 9 13 2 | text 86 9 7 2 | text 4 22 5 2 | text 45 22 9 2 | text 86 22 7 2 | title 0 1 120 4", "canvas_width": 1003, "canvas_height": 310, "elements": [ { "type": "title", "position": [ 0, 16, 1003, 40 ], "completed": false }, { "type": "logo", "position": [ 0, 72, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 342, 72, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 685, 72, 32, 32 ], "completed": false }, { "type": "text", "position": [ 40, 76, 31, 17 ], "completed": false }, { "type": "text", "position": [ 382, 76, 111, 17 ], "completed": false }, { "type": "text", "position": [ 725, 76, 59, 17 ], "completed": false }, { "type": "description", "position": [ 40, 96, 270, 63 ], "completed": false }, { "type": "description", "position": [ 382, 96, 270, 63 ], "completed": false }, { "type": "description", "position": [ 725, 96, 270, 63 ], "completed": false }, { "type": "logo", "position": [ 0, 183, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 342, 183, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 685, 183, 32, 32 ], "completed": false }, { "type": "text", "position": [ 40, 187, 43, 17 ], "completed": false }, { "type": "text", "position": [ 382, 187, 80, 17 ], "completed": false }, { "type": "text", "position": [ 725, 187, 64, 17 ], "completed": false }, { "type": "description", "position": [ 40, 207, 270, 63 ], "completed": false }, { "type": "description", "position": [ 382, 207, 270, 42 ], "completed": false }, { "type": "description", "position": [ 725, 207, 270, 63 ], "completed": false } ] }, { "text": "#A page introducing how to use FlexiQuiz.# The page contains 3 information sets. Each group includes an icon, a title, and an introduction. The three titles are: \"Create\", \"Publish\", and \"Analyze\".", "region_id": "3830", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'create, publish, analyze'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 23 36 4 | description 81 23 36 7 | description 41 23 36 7 | icon 92 0 15 15 | icon 12 0 15 15 | icon 51 0 15 15 | title 1 18 36 4 | title 41 18 36 4 | title 81 18 36 4", "layout_seq_without_completion": "description 1 23 36 4 | description 81 23 36 7 | description 41 23 36 7 | icon 92 0 15 15 | icon 12 0 15 15 | icon 51 0 15 15 | title 1 18 36 4 | title 41 18 36 4 | title 81 18 36 4", "plain_layout_seq": "description 1 23 36 4 | description 81 23 36 7 | description 41 23 36 7 | icon 92 0 15 15 | icon 12 0 15 15 | icon 51 0 15 15 | title 1 18 36 4 | title 41 18 36 4 | title 81 18 36 4", "canvas_width": 970, "canvas_height": 261, "elements": [ { "type": "icon", "position": [ 97, 0, 128, 128 ], "completed": false }, { "type": "icon", "position": [ 420, 0, 128, 128 ], "completed": false }, { "type": "icon", "position": [ 744, 0, 128, 128 ], "completed": false }, { "type": "title", "position": [ 14, 148, 293, 33 ], "completed": false }, { "type": "title", "position": [ 338, 148, 293, 33 ], "completed": false }, { "type": "title", "position": [ 661, 148, 293, 33 ], "completed": false }, { "type": "description", "position": [ 14, 191, 293, 40 ], "completed": false }, { "type": "description", "position": [ 338, 191, 293, 60 ], "completed": false }, { "type": "description", "position": [ 661, 191, 293, 60 ], "completed": false } ] }, { "text": "# A page showing the latest episodes.# The page should have a title \"LATEST EPISODE\", five groups with each having an image and a title. There should also be a link \"view all\" for the user to view all episodes.", "region_id": "4479", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'latest episode'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] ] ] [el:link [attr:value 'view all'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 73 4 21 11 | image 97 4 21 11 | image 49 4 21 11 | image 1 4 21 11 | image 25 4 21 11 | link 110 0 9 3 | title 1 0 31 4 | title 73 18 18 3 | title 25 18 18 3 | title 97 18 18 3 | title 1 18 18 3 | title 49 18 18 3", "layout_seq_without_completion": "image 73 4 21 11 | image 97 4 21 11 | image 49 4 21 11 | image 1 4 21 11 | image 25 4 21 11 | link 110 0 9 3 | title 1 0 31 4 | title 73 18 18 3 | title 25 18 18 3 | title 97 18 18 3 | title 1 18 18 3 | title 49 18 18 3", "plain_layout_seq": "image 73 4 21 11 | image 97 4 21 11 | image 49 4 21 11 | image 1 4 21 11 | image 25 4 21 11 | link 110 0 9 3 | title 1 0 31 4 | title 73 18 18 3 | title 25 18 18 3 | title 97 18 18 3 | title 1 18 18 3 | title 49 18 18 3", "canvas_width": 1024, "canvas_height": 239, "elements": [ { "type": "title", "position": [ 15, 1, 273, 37 ], "completed": false }, { "type": "link", "position": [ 944, 7, 80, 30 ], "completed": false }, { "type": "image", "position": [ 12, 40, 181, 102 ], "completed": false }, { "type": "image", "position": [ 217, 40, 181, 102 ], "completed": false }, { "type": "image", "position": [ 422, 40, 181, 102 ], "completed": false }, { "type": "image", "position": [ 626, 40, 181, 102 ], "completed": false }, { "type": "image", "position": [ 831, 40, 181, 102 ], "completed": false }, { "type": "title", "position": [ 12, 155, 160, 27 ], "completed": false }, { "type": "title", "position": [ 217, 155, 160, 27 ], "completed": false }, { "type": "title", "position": [ 422, 155, 160, 27 ], "completed": false }, { "type": "title", "position": [ 626, 155, 160, 27 ], "completed": false }, { "type": "title", "position": [ 831, 155, 160, 27 ], "completed": false } ] }, { "text": "#A page of information about BBB Torch Awards.# There are three groups of information about the BBB Torch Awards, each of them has one title and one description. Then, there are five logos.", "region_id": "6155", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] [el:logo [attr:repeat '5']] ]", "execution": "multiinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 7 17 2 | description 21 7 17 2 | description 48 7 23 2 | logo 73 4 11 4 | logo 93 3 6 6 | logo 40 4 4 5 | logo 86 4 5 5 | logo 101 4 15 6 | title 2 4 17 3 | title 48 4 23 3 | title 21 4 17 3", "layout_seq_without_completion": "description 2 7 17 2 | description 21 7 17 2 | description 48 7 23 2 | logo 73 4 11 4 | logo 93 3 6 6 | logo 40 4 4 5 | logo 86 4 5 5 | logo 101 4 15 6 | title 2 4 17 3 | title 48 4 23 3 | title 21 4 17 3", "plain_layout_seq": "description 2 7 17 2 | description 21 7 17 2 | description 48 7 23 2 | logo 73 4 11 4 | logo 93 3 6 6 | logo 40 4 4 5 | logo 86 4 5 5 | logo 101 4 15 6 | title 2 4 17 3 | title 48 4 23 3 | title 21 4 17 3", "canvas_width": 1024, "canvas_height": 121, "elements": [ { "type": "logo", "position": [ 800, 32, 52, 57 ], "completed": false }, { "type": "logo", "position": [ 864, 35, 136, 52 ], "completed": false }, { "type": "logo", "position": [ 739, 36, 49, 49 ], "completed": false }, { "type": "title", "position": [ 24, 37, 146, 28 ], "completed": false }, { "type": "title", "position": [ 182, 37, 152, 28 ], "completed": false }, { "type": "logo", "position": [ 346, 37, 35, 47 ], "completed": false }, { "type": "title", "position": [ 414, 37, 200, 28 ], "completed": false }, { "type": "logo", "position": [ 626, 41, 100, 39 ], "completed": false }, { "type": "description", "position": [ 24, 66, 146, 20 ], "completed": false }, { "type": "description", "position": [ 182, 66, 152, 20 ], "completed": false }, { "type": "description", "position": [ 414, 66, 200, 20 ], "completed": false } ] }, { "text": "# A page for advertising the device for users. # There should have a title \"Work with all Your Favorite Devices\" and three categories: Google Assistant, Nest, and ecobee. Each one has an image and a category name. Then four paginations are needed for the user to switch pages to view more devices.", "region_id": "8428", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Work with all Your Favorite Devices'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Google Assistant, Nest, ecobee'] [item [el:image] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 11 11 31 31 | image 43 11 31 31 | image 75 11 31 31 | text 75 38 31 3 | text 11 38 31 3 | text 43 38 31 3 | title 11 0 95 4 | \" [ complete button 51 50 2 2 ] | [ complete button 55 50 2 2 ] | [ complete button 58 50 2 2 ] | [ complete button 62 50 2 2 ] | [ complete button 65 50 2 2 ] \"", "layout_seq_without_completion": "image 11 11 31 31 | image 43 11 31 31 | image 75 11 31 31 | text 75 38 31 3 | text 11 38 31 3 | text 43 38 31 3 | title 11 0 95 4 | \" [ button 51 50 2 2 ] | [ button 55 50 2 2 ] | [ button 58 50 2 2 ] | [ button 62 50 2 2 ] | [ button 65 50 2 2 ] \"", "plain_layout_seq": "button 51 50 2 2 | button 55 50 2 2 | button 58 50 2 2 | button 62 50 2 2 | button 65 50 2 2 | image 11 11 31 31 | image 43 11 31 31 | image 75 11 31 31 | text 75 38 31 3 | text 11 38 31 3 | text 43 38 31 3 | title 11 0 95 4", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "title", "position": [ 102, 0, 819, 39 ], "completed": false }, { "type": "image", "position": [ 102, 95, 273, 273 ], "completed": false }, { "type": "image", "position": [ 375, 95, 273, 273 ], "completed": false }, { "type": "image", "position": [ 648, 95, 273, 273 ], "completed": false }, { "type": "text", "position": [ 102, 325, 273, 30 ], "completed": false }, { "type": "text", "position": [ 375, 325, 273, 30 ], "completed": false }, { "type": "text", "position": [ 648, 325, 273, 30 ], "completed": false }, { "type": "button", "position": [ 442, 429, 20, 20 ], "completed": true }, { "type": "button", "position": [ 472, 429, 20, 20 ], "completed": true }, { "type": "button", "position": [ 502, 429, 20, 20 ], "completed": true }, { "type": "button", "position": [ 532, 429, 20, 20 ], "completed": true }, { "type": "button", "position": [ 562, 429, 20, 20 ], "completed": true } ] }, { "text": "#A page for showing news to users.# First, the page has a picture, a title of the news, and a description. And then, there are four groups, and each of them contains a small picture and a title of the news.", "region_id": "3571", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : description undefined undefined | image undefined undefined | title undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 3 58 57 5 | image 82 3 11 11 | image 82 46 11 11 | image 2 0 71 47 | image 82 17 11 11 | image 82 31 11 11 | complete image 79 0 40 60 | title 95 4 21 5 | title 95 32 19 5 | title 3 45 53 11 | title 95 18 20 8 | title 95 46 20 11", "layout_seq_without_completion": "description 3 58 57 5 | image 82 3 11 11 | image 82 46 11 11 | image 2 0 71 47 | image 82 17 11 11 | image 82 31 11 11 | image 79 0 40 60 | title 95 4 21 5 | title 95 32 19 5 | title 3 45 53 11 | title 95 18 20 8 | title 95 46 20 11", "plain_layout_seq": "description 3 58 57 5 | image 82 3 11 11 | image 82 46 11 11 | image 2 0 71 47 | image 82 17 11 11 | image 82 31 11 11 | image 79 0 40 60 | title 95 4 21 5 | title 95 32 19 5 | title 3 45 53 11 | title 95 18 20 8 | title 95 46 20 11", "canvas_width": 1024, "canvas_height": 577, "elements": [ { "type": "image", "position": [ 24, 1, 608, 404 ], "completed": false }, { "type": "image", "position": [ 680, 1, 344, 514 ], "completed": true }, { "type": "image", "position": [ 704, 33, 96, 96 ], "completed": false }, { "type": "title", "position": [ 816, 35, 182, 46 ], "completed": false }, { "type": "image", "position": [ 704, 153, 96, 96 ], "completed": false }, { "type": "title", "position": [ 816, 155, 174, 70 ], "completed": false }, { "type": "image", "position": [ 704, 273, 96, 96 ], "completed": false }, { "type": "title", "position": [ 816, 275, 163, 46 ], "completed": false }, { "type": "title", "position": [ 28, 387, 457, 102 ], "completed": false }, { "type": "image", "position": [ 704, 393, 96, 96 ], "completed": false }, { "type": "title", "position": [ 816, 395, 176, 96 ], "completed": false }, { "type": "description", "position": [ 28, 497, 488, 48 ], "completed": false } ] }, { "text": "#A page showing information about the products of a company.# There should be six information sets, with a title and a background image attributed to each.", "region_id": "139", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:title] [el:background_image] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 80 2 39 17 | background 0 2 39 17 | background 39 2 39 17 | background 80 19 39 17 | background 0 19 39 17 | background 39 19 39 17 | title 0 31 39 6 | title 39 31 39 6 | title 80 31 39 6 | title 80 13 39 6 | title 39 13 39 6 | title 0 13 39 6", "layout_seq_without_completion": "background 80 2 39 17 | background 0 2 39 17 | background 39 2 39 17 | background 80 19 39 17 | background 0 19 39 17 | background 39 19 39 17 | title 0 31 39 6 | title 39 31 39 6 | title 80 31 39 6 | title 80 13 39 6 | title 39 13 39 6 | title 0 13 39 6", "plain_layout_seq": "background 80 2 39 17 | background 0 2 39 17 | background 39 2 39 17 | background 80 19 39 17 | background 0 19 39 17 | background 39 19 39 17 | title 0 31 39 6 | title 39 31 39 6 | title 80 31 39 6 | title 80 13 39 6 | title 39 13 39 6 | title 0 13 39 6", "canvas_width": 1024, "canvas_height": 337, "elements": [ { "type": "background", "position": [ 0, 19, 341, 150 ], "completed": false }, { "type": "background", "position": [ 341, 19, 341, 150 ], "completed": false }, { "type": "background", "position": [ 683, 19, 341, 150 ], "completed": false }, { "type": "title", "position": [ 0, 115, 341, 54 ], "completed": false }, { "type": "title", "position": [ 341, 115, 341, 54 ], "completed": false }, { "type": "title", "position": [ 683, 115, 341, 54 ], "completed": false }, { "type": "background", "position": [ 0, 169, 341, 150 ], "completed": false }, { "type": "background", "position": [ 341, 169, 341, 150 ], "completed": false }, { "type": "background", "position": [ 683, 169, 341, 150 ], "completed": false }, { "type": "title", "position": [ 0, 265, 341, 54 ], "completed": false }, { "type": "title", "position": [ 341, 265, 341, 54 ], "completed": false }, { "type": "title", "position": [ 683, 265, 341, 54 ], "completed": false } ] }, { "text": "#A page introducing two articles.# There should be two information sets, with each having a title, a sub-title, and a link for more information.", "region_id": "1729", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title [attr:repeat'2'] ] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 23 28 3 3 | complete image 60 0 60 41 | complete image 0 0 60 41 | link 79 23 20 5 | link 21 27 17 5 | complete text 81 24 11 2 | complete text 27 29 10 2 | title 70 11 39 2 | title 70 14 39 5 | title 3 7 52 5 | title 3 13 52 10", "layout_seq_without_completion": "icon 23 28 3 3 | image 60 0 60 41 | image 0 0 60 41 | link 79 23 20 5 | link 21 27 17 5 | text 81 24 11 2 | text 27 29 10 2 | title 70 11 39 2 | title 70 14 39 5 | title 3 7 52 5 | title 3 13 52 10", "plain_layout_seq": "icon 23 28 3 3 | image 60 0 60 41 | image 0 0 60 41 | link 79 23 20 5 | link 21 27 17 5 | text 81 24 11 2 | text 27 29 10 2 | title 70 11 39 2 | title 70 14 39 5 | title 3 7 52 5 | title 3 13 52 10", "canvas_width": 1024, "canvas_height": 350, "elements": [ { "type": "image", "position": [ 0, 0, 512, 350 ], "completed": true }, { "type": "image", "position": [ 512, 0, 512, 350 ], "completed": true }, { "type": "title", "position": [ 30, 66, 452, 48 ], "completed": false }, { "type": "title", "position": [ 599, 100, 337, 22 ], "completed": false }, { "type": "title", "position": [ 30, 119, 452, 86 ], "completed": false }, { "type": "title", "position": [ 599, 127, 337, 43 ], "completed": false }, { "type": "link", "position": [ 680, 200, 176, 49 ], "completed": false }, { "type": "text", "position": [ 695, 213, 98, 22 ], "completed": true }, { "type": "link", "position": [ 180, 235, 152, 49 ], "completed": false }, { "type": "icon", "position": [ 197, 245, 26, 26 ], "completed": true }, { "type": "text", "position": [ 232, 248, 86, 22 ], "completed": true } ] }, { "text": "# A page to introduce the service provided by a company.# On the page, there should have four groups of introduction information: \"Fast Delivery\" \"Satisfied or refund\" \"Top-notch support\", and \"Security payments\". In each group, there should have a small image, a title, and a further introduction.", "region_id": "7309", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'fast delivery, satisfied or refund, top-notch support, security payments'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 29 3 26 9 | image 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 9 | image 64 0 3 3 | title 70 0 26 3 ] | [ description 29 21 26 9 | image 23 18 3 3 | title 29 17 26 3 ] | [ description 70 21 26 11 | image 64 18 3 3 | title 70 17 26 3 ] \"", "layout_seq_without_completion": "\" [ description 29 3 26 9 | image 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 9 | image 64 0 3 3 | title 70 0 26 3 ] | [ description 29 21 26 9 | image 23 18 3 3 | title 29 17 26 3 ] | [ description 70 21 26 11 | image 64 18 3 3 | title 70 17 26 3 ] \"", "plain_layout_seq": "description 29 3 26 9 | description 70 3 26 9 | description 29 21 26 9 | description 70 21 26 11 | image 23 0 3 3 | image 64 0 3 3 | image 23 18 3 3 | image 64 18 3 3 | title 29 0 26 3 | title 70 0 26 3 | title 29 17 26 3 | title 70 17 26 3", "canvas_width": 1024, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 248, 0, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 224, 26 ], "completed": false }, { "type": "image", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "image", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 29, 224, 77 ], "completed": false }, { "type": "description", "position": [ 600, 29, 224, 77 ], "completed": false }, { "type": "title", "position": [ 248, 151, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 151, 224, 26 ], "completed": false }, { "type": "image", "position": [ 200, 159, 30, 30 ], "completed": false }, { "type": "image", "position": [ 552, 159, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 181, 224, 77 ], "completed": false }, { "type": "description", "position": [ 600, 181, 224, 102 ], "completed": false } ] }, { "text": "#A page for introducing Ecom legends that work with the company.# The page should have a title, two texts to attract users to join the company, and 3 groups while each group has an image, and two texts to show the photo, name, and department of the Ecom legends. A button is needed for users to click to get a winning video ad.", "region_id": "6028", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] [el:button [attr:value 'get your winning video ad now!']] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 3 0 112 75 | button 30 65 59 7 | image 21 15 27 27 | image 48 15 27 27 | image 75 15 27 27 | text 11 58 96 3 | text 53 44 12 2 | text 27 44 12 2 | text 48 48 23 5 | text 6 7 107 2 | text 21 48 23 2 | text 77 44 19 2 | text 75 48 23 2 | title 26 2 67 4", "layout_seq_without_completion": "background 3 0 112 75 | button 30 65 59 7 | image 21 15 27 27 | image 48 15 27 27 | image 75 15 27 27 | text 11 58 96 3 | text 53 44 12 2 | text 27 44 12 2 | text 48 48 23 5 | text 6 7 107 2 | text 21 48 23 2 | text 77 44 19 2 | text 75 48 23 2 | title 26 2 67 4", "plain_layout_seq": "background 3 0 112 75 | button 30 65 59 7 | image 21 15 27 27 | image 48 15 27 27 | image 75 15 27 27 | text 11 58 96 3 | text 53 44 12 2 | text 27 44 12 2 | text 48 48 23 5 | text 6 7 107 2 | text 21 48 23 2 | text 77 44 19 2 | text 75 48 23 2 | title 26 2 67 4", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "background", "position": [ 32, 0, 960, 640 ], "completed": true }, { "type": "title", "position": [ 225, 20, 574, 39 ], "completed": false }, { "type": "text", "position": [ 53, 67, 918, 24 ], "completed": false }, { "type": "image", "position": [ 183, 131, 231, 231 ], "completed": false }, { "type": "image", "position": [ 412, 131, 231, 231 ], "completed": false }, { "type": "image", "position": [ 642, 131, 231, 231 ], "completed": false }, { "type": "text", "position": [ 231, 378, 103, 24 ], "completed": false }, { "type": "text", "position": [ 460, 378, 103, 24 ], "completed": false }, { "type": "text", "position": [ 658, 378, 168, 24 ], "completed": false }, { "type": "text", "position": [ 183, 410, 200, 24 ], "completed": false }, { "type": "text", "position": [ 412, 410, 200, 48 ], "completed": false }, { "type": "text", "position": [ 642, 410, 200, 24 ], "completed": false }, { "type": "text", "position": [ 102, 497, 820, 32 ], "completed": false }, { "type": "button", "position": [ 257, 558, 510, 61 ], "completed": false } ] }, { "text": "#A page for introducing the pros of one product.# There are five groups and each group includes one icon and one label showing the pro.", "region_id": "2930", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 31 2 9 9 | icon 55 2 9 9 | icon 102 2 9 9 | icon 78 2 9 9 | icon 8 2 9 9 | text 25 15 21 6 | text 49 15 21 9 | text 2 15 21 6 | text 72 15 21 9 | text 96 15 21 6", "layout_seq_without_completion": "icon 31 2 9 9 | icon 55 2 9 9 | icon 102 2 9 9 | icon 78 2 9 9 | icon 8 2 9 9 | text 25 15 21 6 | text 49 15 21 9 | text 2 15 21 6 | text 72 15 21 9 | text 96 15 21 6", "plain_layout_seq": "icon 31 2 9 9 | icon 55 2 9 9 | icon 102 2 9 9 | icon 78 2 9 9 | icon 8 2 9 9 | text 25 15 21 6 | text 49 15 21 9 | text 2 15 21 6 | text 72 15 21 9 | text 96 15 21 6", "canvas_width": 1024, "canvas_height": 297, "elements": [ { "type": "icon", "position": [ 70, 20, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 271, 20, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 472, 20, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 673, 20, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 874, 20, 80, 80 ], "completed": false }, { "type": "text", "position": [ 20, 130, 181, 53 ], "completed": false }, { "type": "text", "position": [ 221, 130, 181, 53 ], "completed": false }, { "type": "text", "position": [ 422, 130, 181, 79 ], "completed": false }, { "type": "text", "position": [ 622, 130, 181, 79 ], "completed": false }, { "type": "text", "position": [ 823, 130, 181, 53 ], "completed": false } ] }, { "text": "# A page for advertising the products of a company. #There should include a title \"WHAT OUR CUSTOMERS SAY\" and four groups of information sets: \"NO MORE SLIPPINGt\", \"IMPRESSIVE GRIPS\" , \"GREAT FOR HINKING\" and \"CONFIDENCE ON THE ICE\" with each including a background image, the name of the customer and the description of what he/her said.", "region_id": "7990", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'WHAT OUR CUSTOMERS SAY'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'NO MORE SLIPPINGt, IMPRESSIVE GRIPS, GREAT FOR HINKING, CONFIDENCE ON THE ICE'] [item [el:background_image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | description undefined undefined | text undefined undefined ] | [ background undefined undefined | description undefined undefined | text undefined undefined ] | [ background undefined undefined | description undefined undefined | text undefined undefined ] | [ background undefined undefined | description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 0 113 6 | \" [ background 4 14 26 41 | description 6 34 23 11 | text 15 49 6 2 | complete title 6 24 23 6 ] | [ background 33 14 26 41 | description 35 25 23 20 | text 45 49 4 2 | complete title 35 15 23 6 ] | [ background 62 14 26 41 | description 64 31 23 14 | text 73 49 5 3 | complete title 64 21 23 6 ] | [ background 91 14 26 41 | description 93 25 25 20 | text 102 49 5 2 | complete title 93 15 25 6 ] \"", "layout_seq_without_completion": "title 2 0 113 6 | \" [ background 4 14 26 41 | description 6 34 23 11 | text 15 49 6 2 | title 6 24 23 6 ] | [ background 33 14 26 41 | description 35 25 23 20 | text 45 49 4 2 | title 35 15 23 6 ] | [ background 62 14 26 41 | description 64 31 23 14 | text 73 49 5 3 | title 64 21 23 6 ] | [ background 91 14 26 41 | description 93 25 25 20 | text 102 49 5 2 | title 93 15 25 6 ] \"", "plain_layout_seq": "background 4 14 26 41 | background 33 14 26 41 | background 62 14 26 41 | background 91 14 26 41 | description 6 34 23 11 | description 35 25 23 20 | description 64 31 23 14 | description 93 25 25 20 | text 15 49 6 2 | text 45 49 4 2 | text 73 49 5 3 | text 102 49 5 2 | title 2 0 113 6 | title 6 24 23 6 | title 35 15 23 6 | title 64 21 23 6 | title 93 15 25 6", "canvas_width": 1016, "canvas_height": 488, "elements": [ { "type": "title", "position": [ 25, 0, 959, 51 ], "completed": false }, { "type": "background", "position": [ 41, 122, 228, 350 ], "completed": false }, { "type": "background", "position": [ 285, 122, 227, 350 ], "completed": false }, { "type": "background", "position": [ 528, 122, 228, 350 ], "completed": false }, { "type": "background", "position": [ 772, 122, 228, 350 ], "completed": false }, { "type": "title", "position": [ 301, 131, 199, 53 ], "completed": true }, { "type": "title", "position": [ 788, 131, 212, 53 ], "completed": true }, { "type": "title", "position": [ 544, 182, 196, 53 ], "completed": true }, { "type": "title", "position": [ 57, 207, 196, 53 ], "completed": true }, { "type": "description", "position": [ 301, 217, 199, 176 ], "completed": false }, { "type": "description", "position": [ 788, 217, 212, 176 ], "completed": false }, { "type": "description", "position": [ 544, 267, 196, 125 ], "completed": false }, { "type": "description", "position": [ 57, 292, 196, 100 ], "completed": false }, { "type": "text", "position": [ 128, 416, 55, 25 ], "completed": false }, { "type": "text", "position": [ 383, 416, 35, 25 ], "completed": false }, { "type": "text", "position": [ 619, 416, 46, 26 ], "completed": false }, { "type": "text", "position": [ 872, 416, 44, 25 ], "completed": false } ] }, { "text": "#A page for showing the detail of different types of one product.# First of all, the page has a title to attract users and a description to explain it. Besides these two elements, there are four groups to show different types of this product. Each group contains a picture of one kind of this product, one content named \"No reviews\", a name of the type, and a label showing the price.", "region_id": "6586", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text[attr:value'No reviews']] [el:title] [el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 15 111 2 | title 4 9 111 5 | \" [ image 4 22 25 14 | text 12 38 8 1 | text 13 44 5 2 | title 4 40 25 2 ] | [ image 32 22 25 14 | text 41 38 8 1 | text 42 44 5 2 | title 32 40 25 2 ] | [ image 61 22 25 14 | text 70 38 8 1 | text 71 44 5 2 | title 61 40 25 2 ] | [ image 90 22 25 14 | text 99 38 8 1 | text 100 44 5 2 | title 90 40 25 2 ] \"", "layout_seq_without_completion": "description 4 15 111 2 | title 4 9 111 5 | \" [ image 4 22 25 14 | text 12 38 8 1 | text 13 44 5 2 | title 4 40 25 2 ] | [ image 32 22 25 14 | text 41 38 8 1 | text 42 44 5 2 | title 32 40 25 2 ] | [ image 61 22 25 14 | text 70 38 8 1 | text 71 44 5 2 | title 61 40 25 2 ] | [ image 90 22 25 14 | text 99 38 8 1 | text 100 44 5 2 | title 90 40 25 2 ] \"", "plain_layout_seq": "description 4 15 111 2 | image 4 22 25 14 | image 32 22 25 14 | image 61 22 25 14 | image 90 22 25 14 | text 12 38 8 1 | text 13 44 5 2 | text 41 38 8 1 | text 42 44 5 2 | text 70 38 8 1 | text 71 44 5 2 | text 99 38 8 1 | text 100 44 5 2 | title 4 9 111 5 | title 4 40 25 2 | title 32 40 25 2 | title 61 40 25 2 | title 90 40 25 2", "canvas_width": 1009, "canvas_height": 473, "elements": [ { "type": "title", "position": [ 34, 77, 940, 45 ], "completed": false }, { "type": "description", "position": [ 34, 134, 940, 20 ], "completed": false }, { "type": "image", "position": [ 34, 188, 213, 119 ], "completed": false }, { "type": "image", "position": [ 277, 188, 213, 119 ], "completed": false }, { "type": "image", "position": [ 520, 188, 213, 119 ], "completed": false }, { "type": "image", "position": [ 762, 188, 213, 119 ], "completed": false }, { "type": "text", "position": [ 105, 320, 71, 16 ], "completed": false }, { "type": "text", "position": [ 348, 320, 71, 16 ], "completed": false }, { "type": "text", "position": [ 590, 320, 71, 16 ], "completed": false }, { "type": "text", "position": [ 833, 320, 71, 16 ], "completed": false }, { "type": "title", "position": [ 34, 343, 213, 21 ], "completed": false }, { "type": "title", "position": [ 277, 343, 213, 21 ], "completed": false }, { "type": "title", "position": [ 520, 343, 213, 21 ], "completed": false }, { "type": "title", "position": [ 762, 343, 213, 21 ], "completed": false }, { "type": "text", "position": [ 116, 373, 47, 18 ], "completed": false }, { "type": "text", "position": [ 358, 373, 48, 18 ], "completed": false }, { "type": "text", "position": [ 600, 373, 48, 18 ], "completed": false }, { "type": "text", "position": [ 843, 373, 48, 18 ], "completed": false } ] }, { "text": "#A page for showing two news.# There are two parts. Each part includes one title, one image, one slogan, and one button for learning more.", "region_id": "4398", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:image] [el:text] [el:button [attr:value 'Learn more']] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 59 48 | complete background 60 1 59 45 | \" [ button 37 23 16 5 | image 0 13 22 34 | text 26 31 27 6 | title 0 4 53 6 ] | [ button 81 23 16 5 | image 98 15 20 31 | text 66 31 31 6 | title 66 5 53 6 ] \"", "layout_seq_without_completion": "background 0 0 59 48 | background 60 1 59 45 | \" [ button 37 23 16 5 | image 0 13 22 34 | text 26 31 27 6 | title 0 4 53 6 ] | [ button 81 23 16 5 | image 98 15 20 31 | text 66 31 31 6 | title 66 5 53 6 ] \"", "plain_layout_seq": "background 0 0 59 48 | background 60 1 59 45 | button 37 23 16 5 | button 81 23 16 5 | image 0 13 22 34 | image 98 15 20 31 | text 26 31 27 6 | text 66 31 31 6 | title 0 4 53 6 | title 66 5 53 6", "canvas_width": 1055, "canvas_height": 426, "elements": [ { "type": "background", "position": [ 1, 1, 525, 424 ], "completed": true }, { "type": "background", "position": [ 529, 11, 525, 404 ], "completed": true }, { "type": "title", "position": [ 4, 38, 469, 56 ], "completed": false }, { "type": "title", "position": [ 583, 48, 469, 56 ], "completed": false }, { "type": "image", "position": [ 4, 122, 200, 300 ], "completed": false }, { "type": "image", "position": [ 867, 132, 184, 281 ], "completed": false }, { "type": "button", "position": [ 328, 209, 144, 46 ], "completed": false }, { "type": "button", "position": [ 718, 209, 144, 46 ], "completed": false }, { "type": "text", "position": [ 231, 279, 242, 60 ], "completed": false }, { "type": "text", "position": [ 583, 279, 280, 60 ], "completed": false } ] }, { "text": "#A page for showing the four featured products.#The page should have a title, named \"featured products\". There are four groups and each group has an image and a description of the product and the price.", "region_id": "6548", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured products'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 0 22 3 | \" [ description 5 35 24 2 | image 5 7 26 26 | text 5 38 15 2 ] | [ description 33 35 24 2 | image 33 7 26 26 | text 33 38 15 2 ] | [ description 60 35 24 10 | image 60 7 26 26 | text 60 47 15 2 ] | [ description 87 35 24 2 | image 88 7 26 26 | text 87 38 9 2 ] \"", "layout_seq_without_completion": "title 5 0 22 3 | \" [ description 5 35 24 2 | image 5 7 26 26 | text 5 38 15 2 ] | [ description 33 35 24 2 | image 33 7 26 26 | text 33 38 15 2 ] | [ description 60 35 24 10 | image 60 7 26 26 | text 60 47 15 2 ] | [ description 87 35 24 2 | image 88 7 26 26 | text 87 38 9 2 ] \"", "plain_layout_seq": "description 5 35 24 2 | description 33 35 24 2 | description 60 35 24 10 | description 87 35 24 2 | image 5 7 26 26 | image 33 7 26 26 | image 60 7 26 26 | image 88 7 26 26 | text 5 38 15 2 | text 33 38 15 2 | text 60 47 15 2 | text 87 38 9 2 | title 5 0 22 3", "canvas_width": 1024, "canvas_height": 495, "elements": [ { "type": "title", "position": [ 50, 0, 194, 32 ], "completed": false }, { "type": "image", "position": [ 51, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 63, 222, 222 ], "completed": false }, { "type": "description", "position": [ 50, 303, 212, 18 ], "completed": false }, { "type": "description", "position": [ 284, 303, 212, 18 ], "completed": false }, { "type": "description", "position": [ 517, 303, 212, 91 ], "completed": false }, { "type": "description", "position": [ 750, 303, 212, 18 ], "completed": false }, { "type": "text", "position": [ 50, 329, 128, 21 ], "completed": false }, { "type": "text", "position": [ 284, 329, 128, 21 ], "completed": false }, { "type": "text", "position": [ 750, 329, 84, 21 ], "completed": false }, { "type": "text", "position": [ 517, 402, 128, 21 ], "completed": false } ] }, { "text": "# A page to view featured news. # On the page, there should include a title on the top. Then there should be three parts. In each part, there should have an image and a text link showing the title of the news for the user to click. Besides, a text button is needed for the user to click to view all news.", "region_id": "908", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:link] ] ] [el:button [attr:value'view all news'] ] ]", "execution": "multiinfo : button undefined undefined | title top undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 8 60 17 4 | image 8 13 31 21 | image 79 13 31 21 | image 43 13 31 21 | link 8 35 31 14 | link 43 35 31 14 | link 79 35 31 14 | title 4 2 110 4", "layout_seq_without_completion": "button 8 60 17 4 | image 8 13 31 21 | image 79 13 31 21 | image 43 13 31 21 | link 8 35 31 14 | link 43 35 31 14 | link 79 35 31 14 | title 4 2 110 4", "plain_layout_seq": "button 8 60 17 4 | image 8 13 31 21 | image 79 13 31 21 | image 43 13 31 21 | link 8 35 31 14 | link 43 35 31 14 | link 79 35 31 14 | title 4 2 110 4", "canvas_width": 1024, "canvas_height": 583, "elements": [ { "type": "title", "position": [ 42, 22, 940, 38 ], "completed": false }, { "type": "image", "position": [ 72, 116, 273, 184 ], "completed": false }, { "type": "image", "position": [ 375, 116, 273, 184 ], "completed": false }, { "type": "image", "position": [ 679, 116, 273, 184 ], "completed": false }, { "type": "link", "position": [ 72, 300, 273, 127 ], "completed": false }, { "type": "link", "position": [ 375, 300, 273, 127 ], "completed": false }, { "type": "link", "position": [ 679, 300, 273, 127 ], "completed": false }, { "type": "button", "position": [ 72, 517, 149, 42 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company.# The page should have four groups of service introduction information: \"FREE SHIPPING\" \"SUPPORT 24/7\" \"30 DAYS RETURN\", and \"100% PAYMENT SECURE\" with each having a title and a further introduction.", "region_id": "8256", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'free shipping, support 24/7, 30 days return, 100% payment secure'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 8 13 50 2 | description 7 2 51 4 | description 67 2 50 2 | description 66 13 51 2 | title 7 0 51 2 | title 67 0 50 2 | title 66 10 51 2 | title 8 10 50 2", "layout_seq_without_completion": "description 8 13 50 2 | description 7 2 51 4 | description 67 2 50 2 | description 66 13 51 2 | title 7 0 51 2 | title 67 0 50 2 | title 66 10 51 2 | title 8 10 50 2", "plain_layout_seq": "description 8 13 50 2 | description 7 2 51 4 | description 67 2 50 2 | description 66 13 51 2 | title 7 0 51 2 | title 67 0 50 2 | title 66 10 51 2 | title 8 10 50 2", "canvas_width": 1024, "canvas_height": 162, "elements": [ { "type": "title", "position": [ 67, 0, 438, 20 ], "completed": false }, { "type": "title", "position": [ 576, 0, 434, 20 ], "completed": false }, { "type": "description", "position": [ 67, 25, 438, 42 ], "completed": false }, { "type": "description", "position": [ 576, 25, 434, 21 ], "completed": false }, { "type": "title", "position": [ 71, 92, 434, 20 ], "completed": false }, { "type": "title", "position": [ 570, 92, 440, 20 ], "completed": false }, { "type": "description", "position": [ 71, 117, 434, 21 ], "completed": false }, { "type": "description", "position": [ 570, 117, 440, 21 ], "completed": false } ] }, { "text": "# A page to view blog posts. # The page should have a title \"Blog Posts\", and a link \"VIEW ALL\" for the user to view all posts by clicking it. Then there should be three groups of post information with each containing a date and a title of the post.", "region_id": "7776", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'blog posts'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 53 5 12 4 | text 93 37 8 1 | text 18 37 8 1 | text 55 37 8 1 | title 43 39 32 2 | title 7 39 28 5 | title 81 39 32 5 | title 4 0 110 3", "layout_seq_without_completion": "link 53 5 12 4 | text 93 37 8 1 | text 18 37 8 1 | text 55 37 8 1 | title 43 39 32 2 | title 7 39 28 5 | title 81 39 32 5 | title 4 0 110 3", "plain_layout_seq": "link 53 5 12 4 | text 93 37 8 1 | text 18 37 8 1 | text 55 37 8 1 | title 43 39 32 2 | title 7 39 28 5 | title 81 39 32 5 | title 4 0 110 3", "canvas_width": 1024, "canvas_height": 412, "elements": [ { "type": "title", "position": [ 40, 0, 944, 34 ], "completed": false }, { "type": "link", "position": [ 457, 48, 110, 35 ], "completed": false }, { "type": "text", "position": [ 155, 321, 70, 14 ], "completed": false }, { "type": "text", "position": [ 476, 321, 72, 14 ], "completed": false }, { "type": "text", "position": [ 800, 321, 69, 14 ], "completed": false }, { "type": "title", "position": [ 68, 339, 244, 43 ], "completed": false }, { "type": "title", "position": [ 374, 339, 276, 21 ], "completed": false }, { "type": "title", "position": [ 697, 339, 275, 43 ], "completed": false } ] }, { "text": "#A page for users to find media of different categories.# The page contains three information sets. Each group includes an icon, a label, and a text. There is also a link with an icon for users to see more categories.", "region_id": "2547", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:text] ] ] [el:link [attr:value 'see more categories']] [el:icon] ]", "execution": "multiinfo : icon undefined undefined | link undefined undefined | { [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 61 21 52 12 | \" [ complete image 5 5 52 12 | text 17 12 38 2 | title 17 9 38 2 ] | [ complete image 61 5 52 12 | text 72 12 38 2 | title 72 9 38 2 ] | [ complete image 5 21 52 12 | text 17 28 38 2 | title 17 24 38 2 ] \"", "layout_seq_without_completion": "link 61 21 52 12 | \" [ image 5 5 52 12 | text 17 12 38 2 | title 17 9 38 2 ] | [ image 61 5 52 12 | text 72 12 38 2 | title 72 9 38 2 ] | [ image 5 21 52 12 | text 17 28 38 2 | title 17 24 38 2 ] \"", "plain_layout_seq": "image 5 5 52 12 | image 61 5 52 12 | image 5 21 52 12 | link 61 21 52 12 | text 17 12 38 2 | text 72 12 38 2 | text 17 28 38 2 | title 17 9 38 2 | title 72 9 38 2 | title 17 24 38 2", "canvas_width": 1009, "canvas_height": 335, "elements": [ { "type": "image", "position": [ 48, 48, 445, 107 ], "completed": true }, { "type": "image", "position": [ 516, 48, 445, 107 ], "completed": true }, { "type": "title", "position": [ 143, 78, 326, 23 ], "completed": false }, { "type": "title", "position": [ 612, 78, 325, 23 ], "completed": false }, { "type": "text", "position": [ 143, 105, 326, 20 ], "completed": false }, { "type": "text", "position": [ 612, 105, 325, 20 ], "completed": false }, { "type": "image", "position": [ 48, 179, 445, 107 ], "completed": true }, { "type": "link", "position": [ 516, 179, 445, 108 ], "completed": false }, { "type": "title", "position": [ 144, 209, 325, 23 ], "completed": false }, { "type": "text", "position": [ 144, 236, 325, 20 ], "completed": false } ] }, { "text": "#A page showing the services of a company. # There are three information groups, each with an image and a title with an explanation showing the names of these features and a short introduction.", "region_id": "276", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 25 26 5 | complete image 1 4 36 31 | image 16 16 7 7 | title 5 8 28 6 ] | [ description 45 25 28 5 | complete image 41 4 36 31 | image 56 16 7 7 | title 45 8 28 6 ] | [ description 85 25 28 5 | complete image 81 4 36 31 | image 96 16 7 7 | title 85 8 28 6 ] \"", "layout_seq_without_completion": "\" [ description 6 25 26 5 | image 1 4 36 31 | image 16 16 7 7 | title 5 8 28 6 ] | [ description 45 25 28 5 | image 41 4 36 31 | image 56 16 7 7 | title 45 8 28 6 ] | [ description 85 25 28 5 | image 81 4 36 31 | image 96 16 7 7 | title 85 8 28 6 ] \"", "plain_layout_seq": "description 6 25 26 5 | description 45 25 28 5 | description 85 25 28 5 | image 1 4 36 31 | image 16 16 7 7 | image 41 4 36 31 | image 56 16 7 7 | image 81 4 36 31 | image 96 16 7 7 | title 5 8 28 6 | title 45 8 28 6 | title 85 8 28 6", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 15, 40, 310, 272 ], "completed": true }, { "type": "image", "position": [ 357, 40, 310, 272 ], "completed": true }, { "type": "image", "position": [ 699, 40, 310, 272 ], "completed": true }, { "type": "title", "position": [ 47, 72, 246, 56 ], "completed": false }, { "type": "title", "position": [ 389, 72, 246, 56 ], "completed": false }, { "type": "title", "position": [ 731, 72, 246, 56 ], "completed": false }, { "type": "image", "position": [ 138, 144, 64, 64 ], "completed": false }, { "type": "image", "position": [ 480, 144, 64, 64 ], "completed": false }, { "type": "image", "position": [ 822, 144, 64, 64 ], "completed": false }, { "type": "description", "position": [ 55, 216, 230, 47 ], "completed": false }, { "type": "description", "position": [ 389, 216, 246, 48 ], "completed": false }, { "type": "description", "position": [ 731, 216, 246, 48 ], "completed": false } ] }, { "text": "#A page showing the services of a company. # There are three information groups each with an image and two text boxes. Text boxes show the names of these features and a short introduction.", "region_id": "276_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 25 26 5 | complete image 1 4 36 31 | image 16 16 7 7 | text 5 8 28 6 ] | [ description 45 25 28 5 | complete image 41 4 36 31 | image 56 16 7 7 | text 45 8 28 6 ] | [ description 85 25 28 5 | complete image 81 4 36 31 | image 96 16 7 7 | text 85 8 28 6 ] \"", "layout_seq_without_completion": "\" [ description 6 25 26 5 | image 1 4 36 31 | image 16 16 7 7 | text 5 8 28 6 ] | [ description 45 25 28 5 | image 41 4 36 31 | image 56 16 7 7 | text 45 8 28 6 ] | [ description 85 25 28 5 | image 81 4 36 31 | image 96 16 7 7 | text 85 8 28 6 ] \"", "plain_layout_seq": "description 6 25 26 5 | description 45 25 28 5 | description 85 25 28 5 | image 1 4 36 31 | image 16 16 7 7 | image 41 4 36 31 | image 56 16 7 7 | image 81 4 36 31 | image 96 16 7 7 | text 5 8 28 6 | text 45 8 28 6 | text 85 8 28 6", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 15, 40, 310, 272 ], "completed": true }, { "type": "image", "position": [ 357, 40, 310, 272 ], "completed": true }, { "type": "image", "position": [ 699, 40, 310, 272 ], "completed": true }, { "type": "text", "position": [ 47, 72, 246, 56 ], "completed": false }, { "type": "text", "position": [ 389, 72, 246, 56 ], "completed": false }, { "type": "text", "position": [ 731, 72, 246, 56 ], "completed": false }, { "type": "image", "position": [ 138, 144, 64, 64 ], "completed": false }, { "type": "image", "position": [ 480, 144, 64, 64 ], "completed": false }, { "type": "image", "position": [ 822, 144, 64, 64 ], "completed": false }, { "type": "description", "position": [ 55, 216, 230, 47 ], "completed": false }, { "type": "description", "position": [ 389, 216, 246, 48 ], "completed": false }, { "type": "description", "position": [ 731, 216, 246, 48 ], "completed": false } ] }, { "text": "#The page for showing the style.#The page should have the title \"STYLE\", and there are four groups and each group has an image and a title, and a description under the image.", "region_id": "5865", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'style'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "plain_layout_seq": "description 2 36 26 4 | description 31 36 26 4 | description 61 36 26 4 | description 91 36 26 4 | image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | title 1 4 118 4 | title 2 34 26 1 | title 31 34 26 1 | title 61 34 26 1 | title 91 34 26 1", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 41, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 102, 251, 177 ], "completed": false }, { "type": "title", "position": [ 18, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 273, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 528, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 783, 294, 223, 14 ], "completed": false }, { "type": "description", "position": [ 18, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 273, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 528, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 783, 314, 223, 40 ], "completed": false } ] }, { "text": "#A page for introducing the smart gummies.#The page should have a title and there have four groups. Each group has an image and a brief description, which contains the name, opinions, and price of the products.", "region_id": "8016", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text[attr:repeat'2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 4 108 4 | \" [ description 1 42 28 2 | image 1 12 28 28 | text 1 45 28 2 | text 11 47 6 2 ] | [ description 30 42 28 2 | image 30 12 28 28 | text 41 47 6 2 | text 30 45 28 2 ] | [ description 60 42 28 2 | image 60 12 28 28 | text 60 45 28 2 | text 70 47 6 2 ] | [ description 89 42 28 2 | image 89 12 28 28 | text 100 47 6 2 | text 89 45 28 2 ] \"", "layout_seq_without_completion": "title 5 4 108 4 | \" [ description 1 42 28 2 | image 1 12 28 28 | text 1 45 28 2 | text 11 47 6 2 ] | [ description 30 42 28 2 | image 30 12 28 28 | text 41 47 6 2 | text 30 45 28 2 ] | [ description 60 42 28 2 | image 60 12 28 28 | text 60 45 28 2 | text 70 47 6 2 ] | [ description 89 42 28 2 | image 89 12 28 28 | text 100 47 6 2 | text 89 45 28 2 ] \"", "plain_layout_seq": "description 1 42 28 2 | description 30 42 28 2 | description 60 42 28 2 | description 89 42 28 2 | image 1 12 28 28 | image 30 12 28 28 | image 60 12 28 28 | image 89 12 28 28 | text 1 45 28 2 | text 11 47 6 2 | text 41 47 6 2 | text 30 45 28 2 | text 60 45 28 2 | text 70 47 6 2 | text 100 47 6 2 | text 89 45 28 2 | title 5 4 108 4", "canvas_width": 1024, "canvas_height": 429, "elements": [ { "type": "title", "position": [ 51, 42, 922, 41 ], "completed": false }, { "type": "image", "position": [ 10, 103, 241, 241 ], "completed": false }, { "type": "image", "position": [ 261, 103, 241, 241 ], "completed": false }, { "type": "image", "position": [ 512, 103, 241, 241 ], "completed": false }, { "type": "image", "position": [ 763, 103, 241, 241 ], "completed": false }, { "type": "description", "position": [ 10, 363, 241, 18 ], "completed": false }, { "type": "description", "position": [ 261, 363, 241, 18 ], "completed": false }, { "type": "description", "position": [ 512, 363, 241, 18 ], "completed": false }, { "type": "description", "position": [ 763, 363, 241, 18 ], "completed": false }, { "type": "text", "position": [ 10, 386, 241, 21 ], "completed": false }, { "type": "text", "position": [ 261, 386, 241, 21 ], "completed": false }, { "type": "text", "position": [ 512, 386, 241, 21 ], "completed": false }, { "type": "text", "position": [ 763, 386, 241, 21 ], "completed": false }, { "type": "text", "position": [ 102, 406, 56, 18 ], "completed": false }, { "type": "text", "position": [ 354, 406, 56, 18 ], "completed": false }, { "type": "text", "position": [ 604, 406, 56, 18 ], "completed": false }, { "type": "text", "position": [ 856, 406, 56, 18 ], "completed": false } ] }, { "text": "#A page for DataRobot to introduce the enterprises across the world that rely on it.# The page should have one title and one short introduction to improve public trust and businesses. Some logos are needed to show the enterprises across the world that rely on DataRobot.", "region_id": "1075_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 9 18 101 7 | title 9 11 101 4 | \" [ logo 12 30 9 7 ] | [ logo 63 30 9 7 ] | [ logo 98 31 9 6 ] | [ logo 29 33 9 2 ] | [ logo 46 33 9 2 ] | [ logo 80 33 9 2 ] | [ logo 63 41 9 4 ] | [ logo 98 42 9 2 ] | [ logo 12 43 9 2 ] | [ logo 29 43 9 1 ] | [ logo 46 43 9 2 ] | [ logo 80 43 9 1 ] \"", "layout_seq_without_completion": "description 9 18 101 7 | title 9 11 101 4 | \" [ logo 12 30 9 7 ] | [ logo 63 30 9 7 ] | [ logo 98 31 9 6 ] | [ logo 29 33 9 2 ] | [ logo 46 33 9 2 ] | [ logo 80 33 9 2 ] | [ logo 63 41 9 4 ] | [ logo 98 42 9 2 ] | [ logo 12 43 9 2 ] | [ logo 29 43 9 1 ] | [ logo 46 43 9 2 ] | [ logo 80 43 9 1 ] \"", "plain_layout_seq": "description 9 18 101 7 | logo 12 30 9 7 | logo 63 30 9 7 | logo 98 31 9 6 | logo 29 33 9 2 | logo 46 33 9 2 | logo 80 33 9 2 | logo 63 41 9 4 | logo 98 42 9 2 | logo 12 43 9 2 | logo 29 43 9 1 | logo 46 43 9 2 | logo 80 43 9 1 | title 9 11 101 4", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 80, 96, 864, 42 ], "completed": false }, { "type": "description", "position": [ 80, 154, 864, 68 ], "completed": false }, { "type": "logo", "position": [ 106, 262, 78, 64 ], "completed": false }, { "type": "logo", "position": [ 544, 263, 83, 62 ], "completed": false }, { "type": "logo", "position": [ 837, 267, 83, 55 ], "completed": false }, { "type": "logo", "position": [ 691, 283, 83, 23 ], "completed": false }, { "type": "logo", "position": [ 251, 284, 83, 21 ], "completed": false }, { "type": "logo", "position": [ 397, 284, 83, 21 ], "completed": false }, { "type": "logo", "position": [ 544, 358, 83, 40 ], "completed": false }, { "type": "logo", "position": [ 837, 366, 83, 25 ], "completed": false }, { "type": "logo", "position": [ 397, 367, 83, 23 ], "completed": false }, { "type": "logo", "position": [ 104, 368, 83, 20 ], "completed": false }, { "type": "logo", "position": [ 251, 370, 83, 17 ], "completed": false }, { "type": "logo", "position": [ 691, 371, 83, 13 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about products.# The page has two groups of information. Each group contains a label named \u201cIT MANAGEMENT FOR\u201d, a title of the product, a description, and one button for users to click to explore more information about the product.", "region_id": "3309", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title [attr:value 'it management for'] ] [el:title] [el:description] [el:button [attr:value 'explore more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 68 28 25 4 | button 5 37 21 4 | description 5 21 46 13 | description 68 15 46 11 | title 5 11 46 8 | title 68 9 46 4 | title 5 8 46 2 | title 68 7 46 2", "layout_seq_without_completion": "button 68 28 25 4 | button 5 37 21 4 | description 5 21 46 13 | description 68 15 46 11 | title 5 11 46 8 | title 68 9 46 4 | title 5 8 46 2 | title 68 7 46 2", "plain_layout_seq": "button 68 28 25 4 | button 5 37 21 4 | description 5 21 46 13 | description 68 15 46 11 | title 5 11 46 8 | title 68 9 46 4 | title 5 8 46 2 | title 68 7 46 2", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "title", "position": [ 583, 64, 394, 19 ], "completed": false }, { "type": "title", "position": [ 47, 76, 394, 19 ], "completed": false }, { "type": "title", "position": [ 583, 82, 394, 38 ], "completed": false }, { "type": "title", "position": [ 47, 94, 394, 76 ], "completed": false }, { "type": "description", "position": [ 583, 135, 394, 95 ], "completed": false }, { "type": "description", "position": [ 47, 185, 394, 118 ], "completed": false }, { "type": "button", "position": [ 583, 243, 221, 36 ], "completed": false }, { "type": "button", "position": [ 47, 317, 187, 36 ], "completed": false } ] }, { "text": "#A page encouraging users to play Linux games.# The page contains 3 information sets. Each group includes a background image, a title, and a link.", "region_id": "4926", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 12 1 29 41 | complete image 12 9 29 33 | link 17 17 21 2 | title 16 13 21 3 ] | [ background 45 1 29 41 | complete image 45 9 29 33 | link 53 17 13 2 | title 48 13 21 3 ] | [ background 77 1 29 41 | complete image 77 6 29 35 | link 83 14 18 5 | title 81 10 21 3 ] \"", "layout_seq_without_completion": "\" [ background 12 1 29 41 | image 12 9 29 33 | link 17 17 21 2 | title 16 13 21 3 ] | [ background 45 1 29 41 | image 45 9 29 33 | link 53 17 13 2 | title 48 13 21 3 ] | [ background 77 1 29 41 | image 77 6 29 35 | link 83 14 18 5 | title 81 10 21 3 ] \"", "plain_layout_seq": "background 12 1 29 41 | background 45 1 29 41 | background 77 1 29 41 | image 12 9 29 33 | image 45 9 29 33 | image 77 6 29 35 | link 17 17 21 2 | link 53 17 13 2 | link 83 14 18 5 | title 16 13 21 3 | title 48 13 21 3 | title 81 10 21 3", "canvas_width": 1019, "canvas_height": 374, "elements": [ { "type": "background", "position": [ 110, 12, 250, 350 ], "completed": false }, { "type": "background", "position": [ 384, 12, 250, 350 ], "completed": false }, { "type": "background", "position": [ 659, 12, 250, 350 ], "completed": false }, { "type": "image", "position": [ 659, 57, 250, 305 ], "completed": true }, { "type": "image", "position": [ 110, 81, 250, 281 ], "completed": true }, { "type": "image", "position": [ 384, 81, 250, 281 ], "completed": true }, { "type": "title", "position": [ 691, 89, 186, 26 ], "completed": false }, { "type": "title", "position": [ 142, 113, 186, 26 ], "completed": false }, { "type": "title", "position": [ 416, 113, 186, 26 ], "completed": false }, { "type": "link", "position": [ 707, 122, 153, 49 ], "completed": false }, { "type": "link", "position": [ 146, 146, 179, 25 ], "completed": false }, { "type": "link", "position": [ 454, 146, 111, 25 ], "completed": false } ] }, { "text": "# A page to advertise the collections in an online store.# The page should have the title \"Shop Our Collections\" and three collections with each having an image, a title, and an introduction to the number of items in the collection.", "region_id": "8689", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop our collections'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 3 0 112 3 | \" [ description 3 56 35 2 | image 3 7 35 44 | title 3 53 10 1 ] | [ description 42 56 35 2 | image 42 7 35 44 | title 42 53 13 1 ] | [ description 80 56 35 2 | image 80 7 35 44 | title 80 53 10 1 ] \"", "layout_seq_without_completion": "title 3 0 112 3 | \" [ description 3 56 35 2 | image 3 7 35 44 | title 3 53 10 1 ] | [ description 42 56 35 2 | image 42 7 35 44 | title 42 53 13 1 ] | [ description 80 56 35 2 | image 80 7 35 44 | title 80 53 10 1 ] \"", "plain_layout_seq": "description 3 56 35 2 | description 42 56 35 2 | description 80 56 35 2 | image 3 7 35 44 | image 42 7 35 44 | image 80 7 35 44 | title 3 0 112 3 | title 3 53 10 1 | title 42 53 13 1 | title 80 53 10 1", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 30, 0, 964, 31 ], "completed": false }, { "type": "image", "position": [ 30, 63, 303, 379 ], "completed": false }, { "type": "image", "position": [ 360, 63, 303, 379 ], "completed": false }, { "type": "image", "position": [ 691, 63, 303, 379 ], "completed": false }, { "type": "title", "position": [ 30, 458, 91, 17 ], "completed": false }, { "type": "title", "position": [ 360, 458, 112, 17 ], "completed": false }, { "type": "title", "position": [ 691, 458, 93, 17 ], "completed": false }, { "type": "description", "position": [ 30, 482, 303, 20 ], "completed": false }, { "type": "description", "position": [ 360, 482, 303, 20 ], "completed": false }, { "type": "description", "position": [ 691, 482, 303, 20 ], "completed": false } ] }, { "text": "#A page showing guidance for the customers to click different types of goods they want.# Three types of goods are involved in the page. Each of them contains a picture of the goods and under the picture, the name of this type is put, next to which an icon of the arrow towards the right is placed.", "region_id": "6675", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:icon ] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 17 49 1 1 | image 5 2 34 42 | complete image 5 2 34 52 | title 8 48 8 2 ] | [ icon 51 49 1 1 | complete image 42 2 34 52 | image 42 2 34 42 | title 45 48 5 2 ] | [ icon 97 49 1 1 | complete image 79 2 34 52 | image 79 2 34 42 | title 82 48 15 2 ] \"", "layout_seq_without_completion": "\" [ icon 17 49 1 1 | image 5 2 34 42 | image 5 2 34 52 | title 8 48 8 2 ] | [ icon 51 49 1 1 | image 42 2 34 52 | image 42 2 34 42 | title 45 48 5 2 ] | [ icon 97 49 1 1 | image 79 2 34 52 | image 79 2 34 42 | title 82 48 15 2 ] \"", "plain_layout_seq": "icon 17 49 1 1 | icon 51 49 1 1 | icon 97 49 1 1 | image 5 2 34 42 | image 5 2 34 52 | image 42 2 34 52 | image 42 2 34 42 | image 79 2 34 52 | image 79 2 34 42 | title 8 48 8 2 | title 45 48 5 2 | title 82 48 15 2", "canvas_width": 1024, "canvas_height": 505, "elements": [ { "type": "image", "position": [ 50, 24, 295, 445 ], "completed": true }, { "type": "image", "position": [ 365, 24, 295, 445 ], "completed": true }, { "type": "image", "position": [ 679, 24, 295, 445 ], "completed": true }, { "type": "image", "position": [ 51, 25, 293, 366 ], "completed": false }, { "type": "image", "position": [ 366, 25, 293, 366 ], "completed": false }, { "type": "image", "position": [ 680, 25, 293, 366 ], "completed": false }, { "type": "title", "position": [ 71, 418, 74, 22 ], "completed": false }, { "type": "title", "position": [ 386, 418, 48, 22 ], "completed": false }, { "type": "title", "position": [ 700, 418, 128, 22 ], "completed": false }, { "type": "icon", "position": [ 153, 424, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 442, 424, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 836, 424, 15, 11 ], "completed": false } ] }, { "text": "#A page for showing some info about a company.# The page should have 4 groups while each group has a title, a short description, and a button for users to click to learn more about the info.", "region_id": "3542", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 3 16 7 1 | description 3 9 20 6 | complete image 0 1 30 30 | title 3 4 22 2 ] | [ button 34 18 7 1 | description 34 9 21 8 | complete image 30 1 29 30 | title 34 4 21 2 ] | [ button 64 21 7 1 | description 64 11 20 8 | complete image 60 1 29 30 | title 64 4 21 4 ] | [ button 94 24 7 1 | description 94 14 21 8 | complete image 90 1 29 30 | title 94 4 21 8 ] \"", "layout_seq_without_completion": "\" [ button 3 16 7 1 | description 3 9 20 6 | image 0 1 30 30 | title 3 4 22 2 ] | [ button 34 18 7 1 | description 34 9 21 8 | image 30 1 29 30 | title 34 4 21 2 ] | [ button 64 21 7 1 | description 64 11 20 8 | image 60 1 29 30 | title 64 4 21 4 ] | [ button 94 24 7 1 | description 94 14 21 8 | image 90 1 29 30 | title 94 4 21 8 ] \"", "plain_layout_seq": "button 3 16 7 1 | button 34 18 7 1 | button 64 21 7 1 | button 94 24 7 1 | description 3 9 20 6 | description 34 9 21 8 | description 64 11 20 8 | description 94 14 21 8 | image 0 1 30 30 | image 30 1 29 30 | image 60 1 29 30 | image 90 1 29 30 | title 3 4 22 2 | title 34 4 21 2 | title 64 4 21 4 | title 94 4 21 8", "canvas_width": 951, "canvas_height": 253, "elements": [ { "type": "image", "position": [ 0, 10, 238, 243 ], "completed": true }, { "type": "image", "position": [ 239, 10, 236, 243 ], "completed": true }, { "type": "image", "position": [ 477, 10, 236, 243 ], "completed": true }, { "type": "image", "position": [ 715, 10, 236, 243 ], "completed": true }, { "type": "title", "position": [ 31, 36, 176, 18 ], "completed": false }, { "type": "title", "position": [ 271, 36, 174, 18 ], "completed": false }, { "type": "title", "position": [ 508, 36, 174, 35 ], "completed": false }, { "type": "title", "position": [ 745, 36, 174, 70 ], "completed": false }, { "type": "description", "position": [ 31, 75, 165, 52 ], "completed": false }, { "type": "description", "position": [ 271, 75, 172, 71 ], "completed": false }, { "type": "description", "position": [ 508, 92, 165, 71 ], "completed": false }, { "type": "description", "position": [ 745, 118, 169, 71 ], "completed": false }, { "type": "button", "position": [ 31, 131, 57, 15 ], "completed": false }, { "type": "button", "position": [ 271, 149, 57, 15 ], "completed": false }, { "type": "button", "position": [ 508, 167, 57, 15 ], "completed": false }, { "type": "button", "position": [ 745, 192, 57, 15 ], "completed": false } ] }, { "text": "#A page for introducing the culture of a company.# The page should have a title, and 4 groups while each group has an image, a title, and a short description of the culture of the company.", "region_id": "5902", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 7 | image 90 11 29 20 | title 91 34 26 1 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 7 | image 90 11 29 20 | title 91 34 26 1 ] \"", "plain_layout_seq": "description 2 36 26 4 | description 31 36 26 4 | description 61 36 26 4 | description 91 36 26 7 | image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | title 1 4 118 4 | title 2 34 26 1 | title 31 34 26 1 | title 61 34 26 1 | title 91 34 26 1", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 10, 41, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 102, 251, 177 ], "completed": false }, { "type": "title", "position": [ 18, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 273, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 528, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 783, 294, 223, 14 ], "completed": false }, { "type": "description", "position": [ 18, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 273, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 528, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 783, 314, 223, 60 ], "completed": false } ] }, { "text": "# A page to introduce a company.# On the page, there should be three text boxes. In each text box, there should a background image, a title, and data. So the user can know the registered customers, the countries and regions the company covers, and the accumulated amount of the company.", "region_id": "1906", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'registered customers, countries and regions the company covers, accumulated amount of the company'] [item [el:background_image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 80 2 39 10 | text 40 2 38 10 | text 0 2 39 10", "layout_seq_without_completion": "text 80 2 39 10 | text 40 2 38 10 | text 0 2 39 10", "plain_layout_seq": "text 80 2 39 10 | text 40 2 38 10 | text 0 2 39 10", "canvas_width": 1180, "canvas_height": 150, "elements": [ { "type": "text", "position": [ 0, 25, 390, 100 ], "completed": false }, { "type": "text", "position": [ 400, 25, 380, 100 ], "completed": false }, { "type": "text", "position": [ 790, 25, 390, 100 ], "completed": false } ] }, { "text": "# A page to introduce the world's leading organizations depend on Dataminr. # The page should contain a title and some images showing the logo of the organizations.", "region_id": "1065", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 13 6 93 3 | \" [ logo 29 13 4 5 ] | [ logo 83 13 9 5 ] | [ logo 82 25 9 5 ] | [ logo 17 26 29 4 ] | [ logo 27 38 8 5 ] | [ logo 83 38 8 5 ] | [ logo 29 50 4 5 ] | [ logo 81 50 12 5 ] | [ logo 24 63 15 5 ] | [ logo 76 63 21 5 ] \"", "layout_seq_without_completion": "title 13 6 93 3 | \" [ logo 29 13 4 5 ] | [ logo 83 13 9 5 ] | [ logo 82 25 9 5 ] | [ logo 17 26 29 4 ] | [ logo 27 38 8 5 ] | [ logo 83 38 8 5 ] | [ logo 29 50 4 5 ] | [ logo 81 50 12 5 ] | [ logo 24 63 15 5 ] | [ logo 76 63 21 5 ] \"", "plain_layout_seq": "logo 29 13 4 5 | logo 83 13 9 5 | logo 82 25 9 5 | logo 17 26 29 4 | logo 27 38 8 5 | logo 83 38 8 5 | logo 29 50 4 5 | logo 81 50 12 5 | logo 24 63 15 5 | logo 76 63 21 5 | title 13 6 93 3", "canvas_width": 1024, "canvas_height": 648, "elements": [ { "type": "title", "position": [ 112, 59, 800, 34 ], "completed": false }, { "type": "logo", "position": [ 253, 113, 42, 50 ], "completed": false }, { "type": "logo", "position": [ 712, 113, 77, 50 ], "completed": false }, { "type": "logo", "position": [ 708, 220, 84, 50 ], "completed": false }, { "type": "logo", "position": [ 149, 226, 250, 38 ], "completed": false }, { "type": "logo", "position": [ 238, 327, 71, 50 ], "completed": false }, { "type": "logo", "position": [ 715, 327, 70, 50 ], "completed": false }, { "type": "logo", "position": [ 253, 434, 42, 50 ], "completed": false }, { "type": "logo", "position": [ 696, 434, 108, 50 ], "completed": false }, { "type": "logo", "position": [ 208, 541, 132, 50 ], "completed": false }, { "type": "logo", "position": [ 657, 541, 186, 50 ], "completed": false } ] }, { "text": "#A page for showing the four images.#The page should have four groups and each group has an image and a title, \"learners\", \"educations\", \"institutions\", and \"companies\".", "region_id": "5617", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'learners, educations, institutions, companies'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 19 25 22 | image 62 19 25 22 | image 32 19 25 22 | image 92 19 25 22 | title 1 43 26 3 | title 31 43 26 3 | title 61 43 26 3 | title 92 43 26 3", "layout_seq_without_completion": "image 2 19 25 22 | image 62 19 25 22 | image 32 19 25 22 | image 92 19 25 22 | title 1 43 26 3 | title 31 43 26 3 | title 61 43 26 3 | title 92 43 26 3", "plain_layout_seq": "image 2 19 25 22 | image 62 19 25 22 | image 32 19 25 22 | image 92 19 25 22 | title 1 43 26 3 | title 31 43 26 3 | title 61 43 26 3 | title 92 43 26 3", "canvas_width": 930, "canvas_height": 461, "elements": [ { "type": "image", "position": [ 16, 150, 200, 171 ], "completed": false }, { "type": "image", "position": [ 249, 150, 200, 171 ], "completed": false }, { "type": "image", "position": [ 481, 150, 200, 171 ], "completed": false }, { "type": "image", "position": [ 714, 150, 200, 171 ], "completed": false }, { "type": "title", "position": [ 15, 336, 203, 25 ], "completed": false }, { "type": "title", "position": [ 247, 336, 203, 25 ], "completed": false }, { "type": "title", "position": [ 480, 336, 203, 25 ], "completed": false }, { "type": "title", "position": [ 713, 336, 203, 25 ], "completed": false } ] }, { "text": "#A page for introducing the Talkdesk AI to users.# The page should include one title on the top and six parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "2272", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 44 56 11 2 | link 44 37 11 2 | link 11 37 11 2 | link 11 56 11 2 | link 77 56 11 2 | link 77 37 11 2 | title 44 52 31 2 | title 77 33 31 2 | title 11 33 31 2 | title 77 52 31 2 | title 11 5 72 11 | title 44 33 31 2 | title 11 52 31 2", "layout_seq_without_completion": "link 44 56 11 2 | link 44 37 11 2 | link 11 37 11 2 | link 11 56 11 2 | link 77 56 11 2 | link 77 37 11 2 | title 44 52 31 2 | title 77 33 31 2 | title 11 33 31 2 | title 77 52 31 2 | title 11 5 72 11 | title 44 33 31 2 | title 11 52 31 2", "plain_layout_seq": "link 44 56 11 2 | link 44 37 11 2 | link 11 37 11 2 | link 11 56 11 2 | link 77 56 11 2 | link 77 37 11 2 | title 44 52 31 2 | title 77 33 31 2 | title 11 33 31 2 | title 77 52 31 2 | title 11 5 72 11 | title 44 33 31 2 | title 11 52 31 2", "canvas_width": 1024, "canvas_height": 552, "elements": [ { "type": "title", "position": [ 96, 48, 620, 101 ], "completed": false }, { "type": "title", "position": [ 96, 285, 266, 21 ], "completed": false }, { "type": "title", "position": [ 379, 285, 266, 21 ], "completed": false }, { "type": "title", "position": [ 662, 285, 266, 21 ], "completed": false }, { "type": "link", "position": [ 96, 317, 95, 20 ], "completed": false }, { "type": "link", "position": [ 379, 317, 95, 20 ], "completed": false }, { "type": "link", "position": [ 662, 317, 95, 20 ], "completed": false }, { "type": "title", "position": [ 96, 450, 266, 21 ], "completed": false }, { "type": "title", "position": [ 379, 450, 266, 21 ], "completed": false }, { "type": "title", "position": [ 662, 450, 266, 21 ], "completed": false }, { "type": "link", "position": [ 96, 483, 95, 20 ], "completed": false }, { "type": "link", "position": [ 379, 483, 95, 20 ], "completed": false }, { "type": "link", "position": [ 662, 483, 95, 20 ], "completed": false } ] }, { "text": "# A page to introduce the steps to finish an order. # The page should have a title \"HOW IT WORKS\", and three groups of information sets with each having an image, a title, and a further introduction.", "region_id": "6929", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'how it works'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 42 35 12 | description 42 41 35 15 | description 82 42 35 12 | image 13 13 15 23 | image 52 13 17 23 | image 93 13 13 23 | title 1 3 118 6 | title 3 36 35 4 | title 42 36 35 4 | title 82 36 35 4", "layout_seq_without_completion": "description 3 42 35 12 | description 42 41 35 15 | description 82 42 35 12 | image 13 13 15 23 | image 52 13 17 23 | image 93 13 13 23 | title 1 3 118 6 | title 3 36 35 4 | title 42 36 35 4 | title 82 36 35 4", "plain_layout_seq": "description 3 42 35 12 | description 42 41 35 15 | description 82 42 35 12 | image 13 13 15 23 | image 52 13 17 23 | image 93 13 13 23 | title 1 3 118 6 | title 3 36 35 4 | title 42 36 35 4 | title 82 36 35 4", "canvas_width": 1009, "canvas_height": 497, "elements": [ { "type": "title", "position": [ 15, 30, 994, 51 ], "completed": false }, { "type": "image", "position": [ 116, 111, 129, 200 ], "completed": false }, { "type": "image", "position": [ 440, 111, 144, 200 ], "completed": false }, { "type": "image", "position": [ 788, 111, 111, 200 ], "completed": false }, { "type": "title", "position": [ 30, 311, 301, 38 ], "completed": false }, { "type": "title", "position": [ 361, 311, 301, 38 ], "completed": false }, { "type": "title", "position": [ 693, 311, 301, 38 ], "completed": false }, { "type": "description", "position": [ 361, 348, 301, 129 ], "completed": false }, { "type": "description", "position": [ 30, 358, 301, 109 ], "completed": false }, { "type": "description", "position": [ 693, 358, 301, 109 ], "completed": false } ] }, { "text": "#A page introducing the blog and academy. # The page should have two groups to introduce a blog and an academy. Each group should have one title with a short description to shortly introduce the blog or the academy, a button for users to click to visit it, and one corresponding image.", "region_id": "804", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:description [attr:size'small'] ] [el:button] [el:image] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 8 31 10 3 | description 8 12 40 15 | image 4 37 53 25 | title 8 5 16 3 ] | [ button 65 31 15 3 | description 65 12 45 15 | image 61 37 53 25 | title 65 5 20 3 ] \"", "layout_seq_without_completion": "\" [ button 8 31 10 3 | description 8 12 40 15 | image 4 37 53 25 | title 8 5 16 3 ] | [ button 65 31 15 3 | description 65 12 45 15 | image 61 37 53 25 | title 65 5 20 3 ] \"", "plain_layout_seq": "button 8 31 10 3 | button 65 31 15 3 | description 8 12 40 15 | description 65 12 45 15 | image 4 37 53 25 | image 61 37 53 25 | title 8 5 16 3 | title 65 5 20 3", "canvas_width": 1003, "canvas_height": 604, "elements": [ { "type": "title", "position": [ 72, 50, 135, 27 ], "completed": false }, { "type": "title", "position": [ 550, 50, 169, 27 ], "completed": false }, { "type": "description", "position": [ 72, 102, 337, 133 ], "completed": false }, { "type": "description", "position": [ 550, 102, 381, 133 ], "completed": false }, { "type": "button", "position": [ 72, 261, 84, 30 ], "completed": false }, { "type": "button", "position": [ 550, 261, 129, 30 ], "completed": false }, { "type": "image", "position": [ 40, 310, 446, 213 ], "completed": false }, { "type": "image", "position": [ 518, 310, 446, 213 ], "completed": false } ] }, { "text": "#A page introducing the blog and academy. # The page should have two groups to introduce a blog and an academy. Each group should have two text boxes to shortly introduce the blog or the academy, a button for users to click to visit it, and one corresponding image.", "region_id": "804_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'blog, acdemy'] [item [el:description [attr:size'small'] ] [el:button [attr:value'visit it'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "\" [ button 8 31 10 3 | description 8 12 40 15 | image 4 37 53 25 | complete title 8 5 16 3 ] | [ button 65 31 15 3 | description 65 12 45 15 | image 61 37 53 25 | complete title 65 5 20 3 ] \"", "layout_seq_without_completion": "\" [ button 8 31 10 3 | description 8 12 40 15 | image 4 37 53 25 | title 8 5 16 3 ] | [ button 65 31 15 3 | description 65 12 45 15 | image 61 37 53 25 | title 65 5 20 3 ] \"", "plain_layout_seq": "button 8 31 10 3 | button 65 31 15 3 | description 8 12 40 15 | description 65 12 45 15 | image 4 37 53 25 | image 61 37 53 25 | title 8 5 16 3 | title 65 5 20 3", "canvas_width": 1003, "canvas_height": 604, "elements": [ { "type": "title", "position": [ 72, 50, 135, 27 ], "completed": true }, { "type": "title", "position": [ 550, 50, 169, 27 ], "completed": true }, { "type": "description", "position": [ 72, 102, 337, 133 ], "completed": false }, { "type": "description", "position": [ 550, 102, 381, 133 ], "completed": false }, { "type": "button", "position": [ 72, 261, 84, 30 ], "completed": false }, { "type": "button", "position": [ 550, 261, 129, 30 ], "completed": false }, { "type": "image", "position": [ 40, 310, 446, 213 ], "completed": false }, { "type": "image", "position": [ 518, 310, 446, 213 ], "completed": false } ] }, { "text": "#A page showing the services of an app.# There must be three combinations and each combination should have an image and a title and an explanation. There is also an instruction below.", "region_id": "196", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] ] ] [el:description [attr:position 'bottom'] ] ]", "execution": "multiinfo : description bottom undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 16 46 86 2 | \" [ description 17 25 26 14 | image 24 3 13 13 | title 17 17 26 8 ] | [ description 46 25 26 19 | image 53 3 13 13 | title 46 17 26 8 ] | [ description 75 25 26 19 | image 82 3 13 13 | title 75 17 26 8 ] \"", "layout_seq_without_completion": "description 16 46 86 2 | \" [ description 17 25 26 14 | image 24 3 13 13 | title 17 17 26 8 ] | [ description 46 25 26 19 | image 53 3 13 13 | title 46 17 26 8 ] | [ description 75 25 26 19 | image 82 3 13 13 | title 75 17 26 8 ] \"", "plain_layout_seq": "description 16 46 86 2 | description 17 25 26 14 | description 46 25 26 19 | description 75 25 26 19 | image 24 3 13 13 | image 53 3 13 13 | image 82 3 13 13 | title 17 17 26 8 | title 46 17 26 8 | title 75 17 26 8", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "image", "position": [ 211, 28, 112, 112 ], "completed": false }, { "type": "image", "position": [ 456, 28, 112, 112 ], "completed": false }, { "type": "image", "position": [ 701, 28, 112, 112 ], "completed": false }, { "type": "title", "position": [ 152, 148, 229, 72 ], "completed": false }, { "type": "title", "position": [ 397, 148, 229, 72 ], "completed": false }, { "type": "title", "position": [ 643, 148, 229, 72 ], "completed": false }, { "type": "description", "position": [ 152, 220, 229, 120 ], "completed": false }, { "type": "description", "position": [ 397, 220, 229, 168 ], "completed": false }, { "type": "description", "position": [ 643, 220, 229, 168 ], "completed": false }, { "type": "description", "position": [ 144, 400, 736, 24 ], "completed": false } ] }, { "text": "#A page showing the services of an app.# There must be three combinations and each combination should have an image and two text boxes showing the names and the introductions for these features.", "region_id": "196_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete text 16 46 86 2 | \" [ description 17 25 26 14 | image 24 3 13 13 | title 17 17 26 8 ] | [ description 46 25 26 19 | image 53 3 13 13 | title 46 17 26 8 ] | [ description 75 25 26 19 | image 82 3 13 13 | title 75 17 26 8 ] \"", "layout_seq_without_completion": "text 16 46 86 2 | \" [ description 17 25 26 14 | image 24 3 13 13 | title 17 17 26 8 ] | [ description 46 25 26 19 | image 53 3 13 13 | title 46 17 26 8 ] | [ description 75 25 26 19 | image 82 3 13 13 | title 75 17 26 8 ] \"", "plain_layout_seq": "description 17 25 26 14 | description 46 25 26 19 | description 75 25 26 19 | image 24 3 13 13 | image 53 3 13 13 | image 82 3 13 13 | text 16 46 86 2 | title 17 17 26 8 | title 46 17 26 8 | title 75 17 26 8", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "image", "position": [ 211, 28, 112, 112 ], "completed": false }, { "type": "image", "position": [ 456, 28, 112, 112 ], "completed": false }, { "type": "image", "position": [ 701, 28, 112, 112 ], "completed": false }, { "type": "title", "position": [ 152, 148, 229, 72 ], "completed": false }, { "type": "title", "position": [ 397, 148, 229, 72 ], "completed": false }, { "type": "title", "position": [ 643, 148, 229, 72 ], "completed": false }, { "type": "description", "position": [ 152, 220, 229, 120 ], "completed": false }, { "type": "description", "position": [ 397, 220, 229, 168 ], "completed": false }, { "type": "description", "position": [ 643, 220, 229, 168 ], "completed": false }, { "type": "text", "position": [ 144, 400, 736, 24 ], "completed": true } ] }, { "text": "#A page for introducing one industry's differences.# The page should include one text box for the title and four parts of the advantages. Each part contains an image and one title. At the bottom, there should be a brief description.", "region_id": "1240", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] ] ] [el:description [attr:size'small'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : description bottom small | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 24 63 70 5 | image 30 14 29 29 | image 89 14 29 29 | image 1 14 29 29 | image 60 14 29 29 | title 89 43 29 12 | title 1 43 29 12 | title 30 43 29 12 | title 60 43 29 12 | title 1 4 97 6", "layout_seq_without_completion": "description 24 63 70 5 | image 30 14 29 29 | image 89 14 29 29 | image 1 14 29 29 | image 60 14 29 29 | title 89 43 29 12 | title 1 43 29 12 | title 30 43 29 12 | title 60 43 29 12 | title 1 4 97 6", "plain_layout_seq": "description 24 63 70 5 | image 30 14 29 29 | image 89 14 29 29 | image 1 14 29 29 | image 60 14 29 29 | title 89 43 29 12 | title 1 43 29 12 | title 30 43 29 12 | title 60 43 29 12 | title 1 4 97 6", "canvas_width": 1024, "canvas_height": 630, "elements": [ { "type": "title", "position": [ 10, 40, 833, 54 ], "completed": false }, { "type": "image", "position": [ 10, 124, 251, 251 ], "completed": false }, { "type": "image", "position": [ 261, 124, 251, 251 ], "completed": false }, { "type": "image", "position": [ 512, 124, 251, 251 ], "completed": false }, { "type": "image", "position": [ 763, 124, 251, 251 ], "completed": false }, { "type": "title", "position": [ 10, 375, 251, 105 ], "completed": false }, { "type": "title", "position": [ 261, 375, 251, 105 ], "completed": false }, { "type": "title", "position": [ 512, 375, 251, 105 ], "completed": false }, { "type": "title", "position": [ 763, 375, 251, 105 ], "completed": false }, { "type": "description", "position": [ 211, 545, 602, 45 ], "completed": false } ] }, { "text": "#A page for introducing the industries to users.# The page should include one title and five logos of industries.", "region_id": "1297", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 65 29 9 13 | logo 83 29 18 13 | title 1 10 94 9 | \" [ logo 1 29 15 13 ] | [ logo 25 29 10 13 ] | [ logo 43 29 13 13 ] \"", "layout_seq_without_completion": "logo 65 29 9 13 | logo 83 29 18 13 | title 1 10 94 9 | \" [ logo 1 29 15 13 ] | [ logo 25 29 10 13 ] | [ logo 43 29 13 13 ] \"", "plain_layout_seq": "logo 65 29 9 13 | logo 83 29 18 13 | logo 1 29 15 13 | logo 25 29 10 13 | logo 43 29 13 13 | title 1 10 94 9", "canvas_width": 1024, "canvas_height": 433, "elements": [ { "type": "title", "position": [ 15, 89, 805, 84 ], "completed": false }, { "type": "logo", "position": [ 15, 249, 132, 118 ], "completed": false }, { "type": "logo", "position": [ 217, 249, 88, 118 ], "completed": false }, { "type": "logo", "position": [ 375, 249, 118, 118 ], "completed": false }, { "type": "logo", "position": [ 563, 249, 78, 118 ], "completed": false }, { "type": "logo", "position": [ 711, 249, 156, 118 ], "completed": false } ] }, { "text": "# A page presenting the customer's review for a company.# There should have three groups of review information. In each group, there should contain an icon ,a review and a customer name. Besides, there should also be a set of pagination for the user to switch pages for viewing more.", "region_id": "6498", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon][el:description] [el:text] ]] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 60 54 2 2 | complete button 57 54 2 2 | description 8 11 32 17 | description 43 11 32 29 | description 79 11 32 20 | icon 58 6 2 2 | icon 23 6 2 2 | icon 94 6 2 2 | text 43 44 32 2 | text 8 32 32 2 | text 79 35 32 2", "layout_seq_without_completion": "button 60 54 2 2 | button 57 54 2 2 | description 8 11 32 17 | description 43 11 32 29 | description 79 11 32 20 | icon 58 6 2 2 | icon 23 6 2 2 | icon 94 6 2 2 | text 43 44 32 2 | text 8 32 32 2 | text 79 35 32 2", "plain_layout_seq": "button 60 54 2 2 | button 57 54 2 2 | description 8 11 32 17 | description 43 11 32 29 | description 79 11 32 20 | icon 58 6 2 2 | icon 23 6 2 2 | icon 94 6 2 2 | text 43 44 32 2 | text 8 32 32 2 | text 79 35 32 2", "canvas_width": 1024, "canvas_height": 537, "elements": [ { "type": "icon", "position": [ 198, 59, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 502, 59, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 808, 59, 20, 20 ], "completed": false }, { "type": "description", "position": [ 70, 100, 275, 151 ], "completed": false }, { "type": "description", "position": [ 375, 100, 275, 251 ], "completed": false }, { "type": "description", "position": [ 680, 100, 275, 176 ], "completed": false }, { "type": "text", "position": [ 70, 281, 275, 20 ], "completed": false }, { "type": "text", "position": [ 680, 306, 275, 20 ], "completed": false }, { "type": "text", "position": [ 375, 381, 275, 20 ], "completed": false }, { "type": "button", "position": [ 492, 462, 20, 20 ], "completed": true }, { "type": "button", "position": [ 512, 462, 20, 20 ], "completed": true } ] }, { "text": "# A page to introduce the software briefly by some figures. # There should have four groups of information sets with each having a small image, a figure, and a title to introduce the number of designers, users, editors, and PBGs.", "region_id": "3817", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'designers, users, editors, pbgs'] [item [el:image [attr:size 'small'] ] [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 43 | image 71 12 7 7 | image 12 12 7 7 | image 100 12 7 7 | image 41 12 7 7 | text 61 20 26 6 | text 2 20 26 6 | text 32 20 26 6 | text 90 20 26 6 | title 90 26 26 3 | title 32 26 26 3 | title 61 26 26 3 | title 2 26 26 3", "layout_seq_without_completion": "background 0 0 120 43 | image 71 12 7 7 | image 12 12 7 7 | image 100 12 7 7 | image 41 12 7 7 | text 61 20 26 6 | text 2 20 26 6 | text 32 20 26 6 | text 90 20 26 6 | title 90 26 26 3 | title 32 26 26 3 | title 61 26 26 3 | title 2 26 26 3", "plain_layout_seq": "background 0 0 120 43 | image 71 12 7 7 | image 12 12 7 7 | image 100 12 7 7 | image 41 12 7 7 | text 61 20 26 6 | text 2 20 26 6 | text 32 20 26 6 | text 90 20 26 6 | title 90 26 26 3 | title 32 26 26 3 | title 61 26 26 3 | title 2 26 26 3", "canvas_width": 1024, "canvas_height": 373, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 373 ], "completed": true }, { "type": "image", "position": [ 109, 110, 60, 60 ], "completed": false }, { "type": "image", "position": [ 358, 110, 60, 60 ], "completed": false }, { "type": "image", "position": [ 606, 110, 60, 60 ], "completed": false }, { "type": "image", "position": [ 855, 110, 60, 60 ], "completed": false }, { "type": "text", "position": [ 25, 176, 229, 53 ], "completed": false }, { "type": "text", "position": [ 274, 176, 229, 53 ], "completed": false }, { "type": "text", "position": [ 522, 176, 229, 53 ], "completed": false }, { "type": "text", "position": [ 770, 176, 229, 53 ], "completed": false }, { "type": "title", "position": [ 25, 229, 229, 33 ], "completed": false }, { "type": "title", "position": [ 274, 229, 229, 33 ], "completed": false }, { "type": "title", "position": [ 522, 229, 229, 33 ], "completed": false }, { "type": "title", "position": [ 770, 229, 229, 33 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # The page should have three groups of introduction information: \"Hair Salon\" \"Beauty Treatments\", and \"Men\" with each containing an image, a title, and a further description.", "region_id": "7251", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'hair salon, beauty treatments, men'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 7 31 30 9 | image 4 0 35 22 | title 7 24 30 7 ] | [ description 44 31 30 12 | image 42 0 35 22 | title 44 24 30 7 ] | [ description 82 31 30 6 | image 79 0 35 22 | title 82 24 30 7 ] \"", "layout_seq_without_completion": "\" [ description 7 31 30 9 | image 4 0 35 22 | title 7 24 30 7 ] | [ description 44 31 30 12 | image 42 0 35 22 | title 44 24 30 7 ] | [ description 82 31 30 6 | image 79 0 35 22 | title 82 24 30 7 ] \"", "plain_layout_seq": "description 7 31 30 9 | description 44 31 30 12 | description 82 31 30 6 | image 4 0 35 22 | image 42 0 35 22 | image 79 0 35 22 | title 7 24 30 7 | title 44 24 30 7 | title 82 24 30 7", "canvas_width": 1024, "canvas_height": 416, "elements": [ { "type": "image", "position": [ 42, 0, 300, 196 ], "completed": false }, { "type": "image", "position": [ 362, 0, 300, 196 ], "completed": false }, { "type": "image", "position": [ 682, 0, 300, 196 ], "completed": false }, { "type": "title", "position": [ 62, 207, 260, 61 ], "completed": false }, { "type": "title", "position": [ 382, 207, 260, 61 ], "completed": false }, { "type": "title", "position": [ 702, 207, 260, 61 ], "completed": false }, { "type": "description", "position": [ 62, 268, 260, 81 ], "completed": false }, { "type": "description", "position": [ 382, 268, 260, 108 ], "completed": false }, { "type": "description", "position": [ 702, 268, 260, 54 ], "completed": false } ] }, { "text": "# A page to introduce a company's brands. # The page should have the title \"OUR BRANDS\" and four logos of the brands.", "region_id": "6386", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our brands'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 5 17 24 13 | logo 32 15 24 17 | logo 60 12 24 23 | logo 87 20 24 7 | title 5 3 108 4", "layout_seq_without_completion": "logo 5 17 24 13 | logo 32 15 24 17 | logo 60 12 24 23 | logo 87 20 24 7 | title 5 3 108 4", "plain_layout_seq": "logo 5 17 24 13 | logo 32 15 24 17 | logo 60 12 24 23 | logo 87 20 24 7 | title 5 3 108 4", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "title", "position": [ 50, 30, 924, 39 ], "completed": false }, { "type": "logo", "position": [ 512, 108, 211, 200 ], "completed": false }, { "type": "logo", "position": [ 281, 134, 211, 149 ], "completed": false }, { "type": "logo", "position": [ 50, 149, 211, 119 ], "completed": false }, { "type": "logo", "position": [ 743, 178, 211, 62 ], "completed": false } ] }, { "text": "#A page for introducing the values of the Offerslook.# The page should have a title, a text to attract users to choose Offerslook as the one-step solution, and 3 groups while each group has a logo, and two texts to introduce the value and short describe the value.", "region_id": "3769", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text [attr:value 'why choose Offerslook as your one-step solution?']] [gp:InfoGroup [gattr:repeat '3'] [item [el:logo] [el:description [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined undefined | description undefined undefined | logo undefined undefined ] | [ description undefined undefined | description undefined undefined | logo undefined undefined ] | [ description undefined undefined | description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "text 4 7 110 6 | title 4 0 110 4 | \" [ description 6 38 30 25 | description 6 32 30 2 | complete image 17 19 9 9 | logo 19 21 5 5 ] | [ description 44 38 30 25 | description 44 32 30 2 | complete image 55 19 9 9 | logo 57 21 5 5 ] | [ description 82 41 30 25 | description 82 32 30 5 | complete image 93 19 9 9 | logo 95 21 5 5 ] \"", "layout_seq_without_completion": "text 4 7 110 6 | title 4 0 110 4 | \" [ description 6 38 30 25 | description 6 32 30 2 | image 17 19 9 9 | logo 19 21 5 5 ] | [ description 44 38 30 25 | description 44 32 30 2 | image 55 19 9 9 | logo 57 21 5 5 ] | [ description 82 41 30 25 | description 82 32 30 5 | image 93 19 9 9 | logo 95 21 5 5 ] \"", "plain_layout_seq": "description 6 38 30 25 | description 6 32 30 2 | description 44 38 30 25 | description 44 32 30 2 | description 82 41 30 25 | description 82 32 30 5 | image 17 19 9 9 | image 55 19 9 9 | image 93 19 9 9 | logo 19 21 5 5 | logo 57 21 5 5 | logo 95 21 5 5 | text 4 7 110 6 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 608, "elements": [ { "type": "title", "position": [ 42, 0, 940, 40 ], "completed": false }, { "type": "text", "position": [ 42, 60, 940, 54 ], "completed": false }, { "type": "image", "position": [ 149, 164, 80, 80 ], "completed": true }, { "type": "image", "position": [ 472, 164, 80, 80 ], "completed": true }, { "type": "image", "position": [ 795, 164, 80, 80 ], "completed": true }, { "type": "logo", "position": [ 166, 182, 46, 46 ], "completed": false }, { "type": "logo", "position": [ 489, 182, 46, 46 ], "completed": false }, { "type": "logo", "position": [ 812, 182, 46, 46 ], "completed": false }, { "type": "description", "position": [ 57, 274, 263, 24 ], "completed": false }, { "type": "description", "position": [ 380, 274, 263, 24 ], "completed": false }, { "type": "description", "position": [ 704, 274, 263, 48 ], "completed": false }, { "type": "description", "position": [ 57, 328, 263, 216 ], "completed": false }, { "type": "description", "position": [ 380, 328, 263, 216 ], "completed": false }, { "type": "description", "position": [ 704, 352, 263, 216 ], "completed": false } ] }, { "text": "#A page for introducing the health cloud to users.# The page should include three parts of information such as \"Savings generated for providers\" and each part includes one text box showing the number.", "region_id": "274", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'savings generated for providers'] [item [el:text] [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 47 9 25 9 | text 85 18 25 7 | text 47 18 25 7 | text 9 9 25 9 | text 9 18 25 7 | text 85 9 25 9", "layout_seq_without_completion": "text 47 9 25 9 | text 85 18 25 7 | text 47 18 25 7 | text 9 9 25 9 | text 9 18 25 7 | text 85 9 25 9", "plain_layout_seq": "text 47 9 25 9 | text 85 18 25 7 | text 47 18 25 7 | text 9 9 25 9 | text 9 18 25 7 | text 85 9 25 9", "canvas_width": 1003, "canvas_height": 297, "elements": [ { "type": "text", "position": [ 76, 80, 210, 77 ], "completed": false }, { "type": "text", "position": [ 396, 80, 210, 77 ], "completed": false }, { "type": "text", "position": [ 716, 80, 210, 77 ], "completed": false }, { "type": "text", "position": [ 76, 157, 210, 60 ], "completed": false }, { "type": "text", "position": [ 396, 157, 210, 60 ], "completed": false }, { "type": "text", "position": [ 716, 157, 210, 60 ], "completed": false } ] }, { "text": "#A page showing the spotlight.# There should be three links with a corresponding small icon above each under the category \"Spotlight\". Users can be directed to a different page by clicking on them.", "region_id": "1131", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'spotlight'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:link] [el:icon [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] }", "layout_seq_with_completion": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | title 0 0 120 3", "layout_seq_without_completion": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | title 0 0 120 3", "plain_layout_seq": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | title 0 0 120 3", "canvas_width": 1008, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 0, 0, 1008, 27 ], "completed": false }, { "type": "icon", "position": [ 0, 47, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 86, 1008, 22 ], "completed": false }, { "type": "icon", "position": [ 0, 127, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 165, 1008, 22 ], "completed": false }, { "type": "icon", "position": [ 0, 206, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 245, 1008, 22 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be three links with a corresponding small icon above each under the category \"Spotlight\". Users can be directed to a different page by clicking on them.", "region_id": "1131_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'spotlight'] [item [el:link] [el:icon [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] }", "layout_seq_with_completion": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | complete title 0 0 120 3", "layout_seq_without_completion": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | title 0 0 120 3", "plain_layout_seq": "icon 0 5 1 1 | icon 0 15 1 1 | icon 0 24 1 1 | link 0 19 120 2 | link 0 10 120 2 | link 0 29 120 2 | title 0 0 120 3", "canvas_width": 1008, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 0, 0, 1008, 27 ], "completed": true }, { "type": "icon", "position": [ 0, 47, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 86, 1008, 22 ], "completed": false }, { "type": "icon", "position": [ 0, 127, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 165, 1008, 22 ], "completed": false }, { "type": "icon", "position": [ 0, 206, 16, 16 ], "completed": false }, { "type": "link", "position": [ 0, 245, 1008, 22 ], "completed": false } ] }, { "text": "#This page shows users the most popular cities. #This page has the title \"Popular Cities\" and below is a list of the 50 most popular city links.", "region_id": "4456", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular cities'] ] [gp:InfoGroup [gattr:repeat '50'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 5 5 109 4 | \" [ link 5 14 18 2 ] | [ link 23 14 18 2 ] | [ link 5 16 18 2 ] | [ link 23 16 18 2 ] | [ link 5 18 18 2 ] | [ link 23 18 18 2 ] | [ link 5 21 18 2 ] | [ link 23 21 18 2 ] | [ link 5 23 18 2 ] | [ link 23 23 18 2 ] | [ link 5 26 18 2 ] | [ link 23 26 18 2 ] | [ link 5 28 18 2 ] | [ link 23 28 18 2 ] | [ link 5 30 18 2 ] | [ link 23 30 18 2 ] | [ link 5 33 18 2 ] | [ link 23 33 18 2 ] \" | \" [ link 41 14 18 2 ] | [ link 60 14 18 2 ] | [ link 41 16 18 2 ] | [ link 60 16 18 2 ] | [ link 41 18 18 2 ] | [ link 60 18 18 2 ] | [ link 41 21 18 2 ] | [ link 60 21 18 2 ] | [ link 41 23 18 2 ] | [ link 60 23 18 2 ] | [ link 41 26 18 2 ] | [ link 60 26 18 2 ] | [ link 41 28 18 2 ] | [ link 60 28 18 2 ] | [ link 41 30 18 2 ] | [ link 60 30 18 2 ] | [ link 41 33 18 2 ] | [ link 60 33 18 2 ] \" | \" [ link 78 14 18 2 ] | [ link 96 14 18 2 ] | [ link 78 16 18 2 ] | [ link 96 16 18 2 ] | [ link 78 18 18 2 ] | [ link 96 18 18 2 ] | [ link 78 21 18 2 ] | [ link 96 21 18 2 ] | [ link 78 23 18 2 ] | [ link 96 23 18 2 ] | [ link 78 26 18 2 ] | [ link 78 28 18 2 ] | [ link 78 30 18 2 ] | [ link 78 33 18 2 ] \"", "layout_seq_without_completion": "title 5 5 109 4 | \" [ link 5 14 18 2 ] | [ link 23 14 18 2 ] | [ link 5 16 18 2 ] | [ link 23 16 18 2 ] | [ link 5 18 18 2 ] | [ link 23 18 18 2 ] | [ link 5 21 18 2 ] | [ link 23 21 18 2 ] | [ link 5 23 18 2 ] | [ link 23 23 18 2 ] | [ link 5 26 18 2 ] | [ link 23 26 18 2 ] | [ link 5 28 18 2 ] | [ link 23 28 18 2 ] | [ link 5 30 18 2 ] | [ link 23 30 18 2 ] | [ link 5 33 18 2 ] | [ link 23 33 18 2 ] \" | \" [ link 41 14 18 2 ] | [ link 60 14 18 2 ] | [ link 41 16 18 2 ] | [ link 60 16 18 2 ] | [ link 41 18 18 2 ] | [ link 60 18 18 2 ] | [ link 41 21 18 2 ] | [ link 60 21 18 2 ] | [ link 41 23 18 2 ] | [ link 60 23 18 2 ] | [ link 41 26 18 2 ] | [ link 60 26 18 2 ] | [ link 41 28 18 2 ] | [ link 60 28 18 2 ] | [ link 41 30 18 2 ] | [ link 60 30 18 2 ] | [ link 41 33 18 2 ] | [ link 60 33 18 2 ] \" | \" [ link 78 14 18 2 ] | [ link 96 14 18 2 ] | [ link 78 16 18 2 ] | [ link 96 16 18 2 ] | [ link 78 18 18 2 ] | [ link 96 18 18 2 ] | [ link 78 21 18 2 ] | [ link 96 21 18 2 ] | [ link 78 23 18 2 ] | [ link 96 23 18 2 ] | [ link 78 26 18 2 ] | [ link 78 28 18 2 ] | [ link 78 30 18 2 ] | [ link 78 33 18 2 ] \"", "plain_layout_seq": "link 5 14 18 2 | link 23 14 18 2 | link 5 16 18 2 | link 23 16 18 2 | link 5 18 18 2 | link 23 18 18 2 | link 5 21 18 2 | link 23 21 18 2 | link 5 23 18 2 | link 23 23 18 2 | link 5 26 18 2 | link 23 26 18 2 | link 5 28 18 2 | link 23 28 18 2 | link 5 30 18 2 | link 23 30 18 2 | link 5 33 18 2 | link 23 33 18 2 | link 41 14 18 2 | link 60 14 18 2 | link 41 16 18 2 | link 60 16 18 2 | link 41 18 18 2 | link 60 18 18 2 | link 41 21 18 2 | link 60 21 18 2 | link 41 23 18 2 | link 60 23 18 2 | link 41 26 18 2 | link 60 26 18 2 | link 41 28 18 2 | link 60 28 18 2 | link 41 30 18 2 | link 60 30 18 2 | link 41 33 18 2 | link 60 33 18 2 | link 78 14 18 2 | link 96 14 18 2 | link 78 16 18 2 | link 96 16 18 2 | link 78 18 18 2 | link 96 18 18 2 | link 78 21 18 2 | link 96 21 18 2 | link 78 23 18 2 | link 96 23 18 2 | link 78 26 18 2 | link 78 28 18 2 | link 78 30 18 2 | link 78 33 18 2 | title 5 5 109 4", "canvas_width": 1024, "canvas_height": 358, "elements": [ { "type": "title", "position": [ 46, 50, 932, 35 ], "completed": false }, { "type": "link", "position": [ 46, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 823, 122, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 823, 142, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 823, 162, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 823, 182, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 823, 202, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 222, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 222, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 222, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 222, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 222, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 242, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 242, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 242, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 242, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 242, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 262, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 262, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 262, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 262, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 262, 155, 20 ], "completed": false }, { "type": "link", "position": [ 46, 282, 155, 20 ], "completed": false }, { "type": "link", "position": [ 201, 282, 155, 20 ], "completed": false }, { "type": "link", "position": [ 357, 282, 155, 20 ], "completed": false }, { "type": "link", "position": [ 512, 282, 155, 20 ], "completed": false }, { "type": "link", "position": [ 667, 282, 155, 20 ], "completed": false } ] }, { "text": "# A page for advertising car accessories in an online store. # The page should have the title \"CAR ACCESSORIES\", a link \"VIEW ALL\" for the user to view all products, and four groups of product information. In each group, there should contain an image\uff0ca product name and a price label.", "region_id": "7516", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'CAR ACCESSORIES'] ] [el:link [attr:value 'VIEW ALL'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 54 6 10 3 | title 4 0 110 4 | \" [ image 4 16 25 25 | text 4 46 25 2 | title 4 43 25 2 ] | [ image 33 16 25 25 | text 33 48 25 2 | title 33 43 25 5 ] | [ image 61 16 25 25 | text 61 46 25 2 | title 61 43 25 2 ] | [ image 89 16 25 25 | text 89 46 25 2 | title 89 43 25 2 ] \"", "layout_seq_without_completion": "link 54 6 10 3 | title 4 0 110 4 | \" [ image 4 16 25 25 | text 4 46 25 2 | title 4 43 25 2 ] | [ image 33 16 25 25 | text 33 48 25 2 | title 33 43 25 5 ] | [ image 61 16 25 25 | text 61 46 25 2 | title 61 43 25 2 ] | [ image 89 16 25 25 | text 89 46 25 2 | title 89 43 25 2 ] \"", "plain_layout_seq": "image 4 16 25 25 | image 33 16 25 25 | image 61 16 25 25 | image 89 16 25 25 | link 54 6 10 3 | text 4 46 25 2 | text 33 48 25 2 | text 61 46 25 2 | text 89 46 25 2 | title 4 0 110 4 | title 4 43 25 2 | title 33 43 25 5 | title 61 43 25 2 | title 89 43 25 2", "canvas_width": 1024, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 40, 0, 944, 41 ], "completed": false }, { "type": "link", "position": [ 467, 55, 90, 32 ], "completed": false }, { "type": "image", "position": [ 40, 137, 220, 220 ], "completed": false }, { "type": "image", "position": [ 282, 137, 220, 220 ], "completed": false }, { "type": "image", "position": [ 523, 137, 220, 220 ], "completed": false }, { "type": "image", "position": [ 764, 137, 220, 220 ], "completed": false }, { "type": "title", "position": [ 40, 367, 220, 24 ], "completed": false }, { "type": "title", "position": [ 282, 367, 220, 48 ], "completed": false }, { "type": "title", "position": [ 523, 367, 220, 24 ], "completed": false }, { "type": "title", "position": [ 764, 367, 220, 24 ], "completed": false }, { "type": "text", "position": [ 40, 394, 220, 20 ], "completed": false }, { "type": "text", "position": [ 523, 394, 220, 20 ], "completed": false }, { "type": "text", "position": [ 764, 394, 220, 20 ], "completed": false }, { "type": "text", "position": [ 282, 418, 220, 20 ], "completed": false } ] }, { "text": "#A page for introducing the topics to users.# The page should include one title and three topics. Each topic contains a date and corresponding information. Besides, a button is needed for users to click for further information.", "region_id": "224", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] [el:button [attr:value'read more'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 41 48 37 6 | title 0 0 120 5 | \" [ complete button 18 12 16 2 | description 37 12 75 6 | text 0 12 10 3 ] | [ complete button 18 22 16 2 | description 37 22 80 2 | text 0 22 12 3 ] | [ complete button 18 28 16 2 | description 37 28 75 12 | text 0 28 15 3 ] \"", "layout_seq_without_completion": "button 41 48 37 6 | title 0 0 120 5 | \" [ button 18 12 16 2 | description 37 12 75 6 | text 0 12 10 3 ] | [ button 18 22 16 2 | description 37 22 80 2 | text 0 22 12 3 ] | [ button 18 28 16 2 | description 37 28 75 12 | text 0 28 15 3 ] \"", "plain_layout_seq": "button 41 48 37 6 | button 18 12 16 2 | button 18 22 16 2 | button 18 28 16 2 | description 37 12 75 6 | description 37 22 80 2 | description 37 28 75 12 | text 0 12 10 3 | text 0 22 12 3 | text 0 28 15 3 | title 0 0 120 5", "canvas_width": 1000, "canvas_height": 455, "elements": [ { "type": "title", "position": [ 0, 0, 1000, 42 ], "completed": false }, { "type": "text", "position": [ 0, 102, 86, 27 ], "completed": false }, { "type": "button", "position": [ 150, 103, 140, 24 ], "completed": true }, { "type": "description", "position": [ 310, 104, 630, 52 ], "completed": false }, { "type": "text", "position": [ 0, 184, 105, 27 ], "completed": false }, { "type": "button", "position": [ 150, 185, 140, 24 ], "completed": true }, { "type": "description", "position": [ 310, 186, 667, 24 ], "completed": false }, { "type": "text", "position": [ 0, 238, 125, 27 ], "completed": false }, { "type": "button", "position": [ 150, 239, 140, 24 ], "completed": true }, { "type": "description", "position": [ 310, 240, 631, 108 ], "completed": false }, { "type": "button", "position": [ 344, 405, 312, 50 ], "completed": false } ] }, { "text": "#A page for showing the real residentials' IPs worldwide.# The page should have a title, 6 groups while each group has an image and a name of a country, and a text to show the number of residentials' IPs. A button is needed for users to click to explore all locations.", "region_id": "4315", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title][gp:InfoGroup[gattr:repeat '6'][item[el:image][el:text][el:text]]][el:button[attr:value'explore all locations']] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 51 44 17 2 | title 2 9 115 5 | \" [ image 6 21 9 5 | text 6 31 8 2 | text 2 28 17 2 ] | [ image 26 21 9 5 | text 21 28 17 2 | text 26 31 8 2 ] | [ image 45 21 9 5 | text 41 28 17 2 | text 45 31 9 2 ] | [ image 65 21 9 5 | text 65 31 8 2 | text 60 28 17 2 ] | [ image 84 21 9 5 | text 80 28 17 2 | text 84 31 8 2 ] | [ image 104 21 9 5 | text 104 31 8 2 | text 99 28 17 2 ] \"", "layout_seq_without_completion": "button 51 44 17 2 | title 2 9 115 5 | \" [ image 6 21 9 5 | text 6 31 8 2 | text 2 28 17 2 ] | [ image 26 21 9 5 | text 21 28 17 2 | text 26 31 8 2 ] | [ image 45 21 9 5 | text 41 28 17 2 | text 45 31 9 2 ] | [ image 65 21 9 5 | text 65 31 8 2 | text 60 28 17 2 ] | [ image 84 21 9 5 | text 80 28 17 2 | text 84 31 8 2 ] | [ image 104 21 9 5 | text 104 31 8 2 | text 99 28 17 2 ] \"", "plain_layout_seq": "button 51 44 17 2 | image 6 21 9 5 | image 26 21 9 5 | image 45 21 9 5 | image 65 21 9 5 | image 84 21 9 5 | image 104 21 9 5 | text 6 31 8 2 | text 2 28 17 2 | text 21 28 17 2 | text 26 31 8 2 | text 41 28 17 2 | text 45 31 9 2 | text 65 31 8 2 | text 60 28 17 2 | text 80 28 17 2 | text 84 31 8 2 | text 104 31 8 2 | text 99 28 17 2 | title 2 9 115 5", "canvas_width": 1024, "canvas_height": 494, "elements": [ { "type": "title", "position": [ 20, 80, 984, 45 ], "completed": false }, { "type": "image", "position": [ 55, 185, 80, 48 ], "completed": false }, { "type": "image", "position": [ 222, 185, 80, 48 ], "completed": false }, { "type": "image", "position": [ 389, 185, 80, 48 ], "completed": false }, { "type": "image", "position": [ 555, 185, 80, 48 ], "completed": false }, { "type": "image", "position": [ 722, 185, 80, 48 ], "completed": false }, { "type": "image", "position": [ 889, 185, 80, 48 ], "completed": false }, { "type": "text", "position": [ 20, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 187, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 353, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 520, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 687, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 853, 245, 151, 24 ], "completed": false }, { "type": "text", "position": [ 59, 271, 73, 19 ], "completed": false }, { "type": "text", "position": [ 225, 271, 73, 19 ], "completed": false }, { "type": "text", "position": [ 390, 271, 77, 19 ], "completed": false }, { "type": "text", "position": [ 559, 271, 73, 19 ], "completed": false }, { "type": "text", "position": [ 725, 271, 73, 19 ], "completed": false }, { "type": "text", "position": [ 892, 271, 73, 19 ], "completed": false }, { "type": "button", "position": [ 438, 381, 148, 20 ], "completed": false } ] }, { "text": "#A page for showing the WordPress.#The page should have two groups and each group has an image and a title, \"Best WordPress Themes for Any Purpose\" and \"Crafted WordPress Plugins for Your Needs\". There is a button in each group, named \"discover themes\" and \"discover plugins\".", "region_id": "4686", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:title [attr:value 'best wordpress themes for any purpose'] ] [el:button [attr:value 'discover themes'] ] ] [item [el:image] [el:title [attr:value 'crafted wordpress plugins for your needs'] ] [el:button [attr:value 'discover plugins'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 60 0 60 63 | \" [ button 17 50 24 6 | image 13 9 32 27 | complete link 6 6 46 50 | title 9 40 40 7 ] | [ button 77 50 24 6 | image 73 11 32 25 | complete link 66 6 46 50 | title 69 40 40 7 ] \"", "layout_seq_without_completion": "image 60 0 60 63 | \" [ button 17 50 24 6 | image 13 9 32 27 | link 6 6 46 50 | title 9 40 40 7 ] | [ button 77 50 24 6 | image 73 11 32 25 | link 66 6 46 50 | title 69 40 40 7 ] \"", "plain_layout_seq": "button 17 50 24 6 | button 77 50 24 6 | image 60 0 60 63 | image 13 9 32 27 | image 73 11 32 25 | link 6 6 46 50 | link 66 6 46 50 | title 9 40 40 7 | title 69 40 40 7", "canvas_width": 1024, "canvas_height": 539, "elements": [ { "type": "image", "position": [ 512, 0, 512, 539 ], "completed": true }, { "type": "link", "position": [ 58, 57, 396, 430 ], "completed": true }, { "type": "link", "position": [ 570, 57, 396, 430 ], "completed": true }, { "type": "image", "position": [ 118, 84, 276, 237 ], "completed": false }, { "type": "image", "position": [ 630, 94, 276, 215 ], "completed": false }, { "type": "title", "position": [ 83, 348, 346, 60 ], "completed": false }, { "type": "title", "position": [ 595, 348, 346, 60 ], "completed": false }, { "type": "button", "position": [ 153, 433, 206, 54 ], "completed": false }, { "type": "button", "position": [ 663, 433, 210, 54 ], "completed": false } ] }, { "text": "#A page showing the experiences or stories of Lilly.# There should be two categories, with each having an attractive background image, a title, and a link. Users can click those links to read Lilly`s stories or experiences.", "region_id": "1611", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:background_image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 2 0 56 49 | complete image 2 0 55 27 | link 14 42 32 3 | title 4 31 51 9 ] | [ background 62 0 56 49 | complete image 62 0 55 27 | link 81 42 16 3 | title 64 31 51 9 ] \"", "layout_seq_without_completion": "\" [ background 2 0 56 49 | image 2 0 55 27 | link 14 42 32 3 | title 4 31 51 9 ] | [ background 62 0 56 49 | image 62 0 55 27 | link 81 42 16 3 | title 64 31 51 9 ] \"", "plain_layout_seq": "background 2 0 56 49 | background 62 0 56 49 | image 2 0 55 27 | image 62 0 55 27 | link 14 42 32 3 | link 81 42 16 3 | title 4 31 51 9 | title 64 31 51 9", "canvas_width": 960, "canvas_height": 409, "elements": [ { "type": "background", "position": [ 16, 0, 448, 393 ], "completed": false }, { "type": "background", "position": [ 496, 0, 448, 393 ], "completed": false }, { "type": "image", "position": [ 17, 1, 446, 219 ], "completed": true }, { "type": "image", "position": [ 497, 1, 446, 219 ], "completed": true }, { "type": "title", "position": [ 33, 252, 414, 76 ], "completed": false }, { "type": "title", "position": [ 513, 252, 414, 76 ], "completed": false }, { "type": "link", "position": [ 112, 336, 256, 24 ], "completed": false }, { "type": "link", "position": [ 654, 336, 132, 24 ], "completed": false } ] }, { "text": "#A page for introducing the BYJU'S advantages to users.# The page should include one text box for the title and three parts of the content of these advantages. Each part contains an image and one title.", "region_id": "47", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 42 16 35 35 | image 81 16 35 35 | image 3 16 35 35 | title 42 54 35 7 | title 3 54 35 7 | title 81 54 35 7 | title 3 5 112 4", "layout_seq_without_completion": "image 42 16 35 35 | image 81 16 35 35 | image 3 16 35 35 | title 42 54 35 7 | title 3 54 35 7 | title 81 54 35 7 | title 3 5 112 4", "plain_layout_seq": "image 42 16 35 35 | image 81 16 35 35 | image 3 16 35 35 | title 42 54 35 7 | title 3 54 35 7 | title 81 54 35 7 | title 3 5 112 4", "canvas_width": 1003, "canvas_height": 591, "elements": [ { "type": "title", "position": [ 32, 50, 940, 36 ], "completed": false }, { "type": "image", "position": [ 32, 137, 300, 300 ], "completed": false }, { "type": "image", "position": [ 355, 137, 300, 300 ], "completed": false }, { "type": "image", "position": [ 678, 137, 300, 300 ], "completed": false }, { "type": "title", "position": [ 32, 457, 293, 64 ], "completed": false }, { "type": "title", "position": [ 355, 457, 293, 64 ], "completed": false }, { "type": "title", "position": [ 678, 457, 293, 64 ], "completed": false } ] }, { "text": "#A page that contains articles about technology.# The page should include a title, a slogan, a button for users to share ideas, and six information sets. Each group contains a title and an introduction.", "region_id": "3914", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [el:button [attr:value 'share ideas'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 3 69 24 6 | description 41 54 34 9 | description 3 30 34 9 | description 41 27 34 9 | description 80 30 34 9 | description 3 54 34 6 | description 80 52 34 6 | text 3 14 112 2 | title 3 23 15 5 | title 41 23 3 2 | title 3 48 12 5 | title 41 48 12 5 | title 80 48 15 2 | title 80 23 13 5 | title 3 1 112 10", "layout_seq_without_completion": "button 3 69 24 6 | description 41 54 34 9 | description 3 30 34 9 | description 41 27 34 9 | description 80 30 34 9 | description 3 54 34 6 | description 80 52 34 6 | text 3 14 112 2 | title 3 23 15 5 | title 41 23 3 2 | title 3 48 12 5 | title 41 48 12 5 | title 80 48 15 2 | title 80 23 13 5 | title 3 1 112 10", "plain_layout_seq": "button 3 69 24 6 | description 41 54 34 9 | description 3 30 34 9 | description 41 27 34 9 | description 80 30 34 9 | description 3 54 34 6 | description 80 52 34 6 | text 3 14 112 2 | title 3 23 15 5 | title 41 23 3 2 | title 3 48 12 5 | title 41 48 12 5 | title 80 48 15 2 | title 80 23 13 5 | title 3 1 112 10", "canvas_width": 1024, "canvas_height": 702, "elements": [ { "type": "title", "position": [ 31, 15, 962, 88 ], "completed": false }, { "type": "text", "position": [ 31, 120, 962, 20 ], "completed": false }, { "type": "title", "position": [ 31, 200, 129, 44 ], "completed": false }, { "type": "title", "position": [ 358, 200, 28, 22 ], "completed": false }, { "type": "title", "position": [ 685, 200, 113, 44 ], "completed": false }, { "type": "description", "position": [ 358, 234, 293, 77 ], "completed": false }, { "type": "description", "position": [ 31, 256, 293, 77 ], "completed": false }, { "type": "description", "position": [ 685, 256, 293, 77 ], "completed": false }, { "type": "title", "position": [ 31, 413, 109, 44 ], "completed": false }, { "type": "title", "position": [ 358, 413, 109, 44 ], "completed": false }, { "type": "title", "position": [ 685, 413, 131, 22 ], "completed": false }, { "type": "description", "position": [ 685, 447, 293, 58 ], "completed": false }, { "type": "description", "position": [ 31, 469, 293, 58 ], "completed": false }, { "type": "description", "position": [ 358, 469, 293, 77 ], "completed": false }, { "type": "button", "position": [ 31, 595, 211, 52 ], "completed": false } ] }, { "text": "# A page for advertising the products in an online shop.# The page should the title \"ATHLETE DESIGNED FOR EVERYONE\", a short description, and four groups of product information. In each group, there should have an image, a description introducing the number of reviews, a product name, and a price. Besides, a button \"VIEW ALL\" is needed for the user to view all products.", "region_id": "7160", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'athlete designed for everyone'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text[attr:repeat'2']] ] ] [el:button [attr:value 'view all'] ]]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 48 44 23 4 | description 4 6 111 2 | title 4 0 111 4 | \" [ description 4 28 25 2 | image 4 12 25 14 | text 13 34 5 2 | text 4 31 25 2 ] | [ description 32 28 25 2 | image 32 12 25 14 | text 42 34 5 2 | text 32 31 25 2 ] | [ description 61 28 25 2 | image 61 12 25 14 | text 71 34 5 2 | text 61 31 25 2 ] | [ description 90 29 25 2 | image 90 12 25 15 | text 100 35 5 2 | text 90 32 25 2 ] \"", "layout_seq_without_completion": "button 48 44 23 4 | description 4 6 111 2 | title 4 0 111 4 | \" [ description 4 28 25 2 | image 4 12 25 14 | text 13 34 5 2 | text 4 31 25 2 ] | [ description 32 28 25 2 | image 32 12 25 14 | text 42 34 5 2 | text 32 31 25 2 ] | [ description 61 28 25 2 | image 61 12 25 14 | text 71 34 5 2 | text 61 31 25 2 ] | [ description 90 29 25 2 | image 90 12 25 15 | text 100 35 5 2 | text 90 32 25 2 ] \"", "plain_layout_seq": "button 48 44 23 4 | description 4 6 111 2 | description 4 28 25 2 | description 32 28 25 2 | description 61 28 25 2 | description 90 29 25 2 | image 4 12 25 14 | image 32 12 25 14 | image 61 12 25 14 | image 90 12 25 15 | text 13 34 5 2 | text 4 31 25 2 | text 42 34 5 2 | text 32 31 25 2 | text 71 34 5 2 | text 61 31 25 2 | text 100 35 5 2 | text 90 32 25 2 | title 4 0 111 4", "canvas_width": 1009, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 34, 0, 940, 42 ], "completed": false }, { "type": "description", "position": [ 34, 54, 940, 20 ], "completed": false }, { "type": "image", "position": [ 34, 108, 213, 119 ], "completed": false }, { "type": "image", "position": [ 277, 108, 213, 119 ], "completed": false }, { "type": "image", "position": [ 520, 108, 213, 119 ], "completed": false }, { "type": "image", "position": [ 762, 108, 213, 127 ], "completed": false }, { "type": "description", "position": [ 277, 237, 213, 22 ], "completed": false }, { "type": "description", "position": [ 34, 238, 213, 22 ], "completed": false }, { "type": "description", "position": [ 520, 238, 213, 22 ], "completed": false }, { "type": "description", "position": [ 762, 245, 213, 22 ], "completed": false }, { "type": "text", "position": [ 277, 263, 213, 21 ], "completed": false }, { "type": "text", "position": [ 34, 264, 213, 21 ], "completed": false }, { "type": "text", "position": [ 520, 264, 213, 21 ], "completed": false }, { "type": "text", "position": [ 762, 271, 213, 21 ], "completed": false }, { "type": "text", "position": [ 358, 293, 47, 18 ], "completed": false }, { "type": "text", "position": [ 115, 294, 48, 18 ], "completed": false }, { "type": "text", "position": [ 601, 294, 47, 18 ], "completed": false }, { "type": "text", "position": [ 843, 301, 47, 18 ], "completed": false }, { "type": "button", "position": [ 405, 370, 199, 38 ], "completed": false } ] }, { "text": "#A page for introducing some info about the company.# The page should have 3 groups while each group has an image, a title and a text to introduce the different info about the company.", "region_id": "5385", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 11 27 21 20 | complete image 11 0 18 18 | image 14 3 11 11 | title 11 22 21 3 ] | [ description 49 27 21 17 | complete image 49 0 18 18 | image 53 3 8 10 | title 49 22 21 3 ] | [ description 86 27 21 20 | complete image 86 0 18 18 | image 90 3 11 11 | title 86 22 21 3 ] \"", "layout_seq_without_completion": "\" [ description 11 27 21 20 | image 11 0 18 18 | image 14 3 11 11 | title 11 22 21 3 ] | [ description 49 27 21 17 | image 49 0 18 18 | image 53 3 8 10 | title 49 22 21 3 ] | [ description 86 27 21 20 | image 86 0 18 18 | image 90 3 11 11 | title 86 22 21 3 ] \"", "plain_layout_seq": "description 11 27 21 20 | description 49 27 21 17 | description 86 27 21 20 | image 11 0 18 18 | image 14 3 11 11 | image 49 0 18 18 | image 53 3 8 10 | image 86 0 18 18 | image 90 3 11 11 | title 11 22 21 3 | title 49 22 21 3 | title 86 22 21 3", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "image", "position": [ 97, 0, 155, 155 ], "completed": true }, { "type": "image", "position": [ 419, 0, 155, 155 ], "completed": true }, { "type": "image", "position": [ 742, 0, 155, 155 ], "completed": true }, { "type": "image", "position": [ 769, 27, 102, 102 ], "completed": false }, { "type": "image", "position": [ 125, 28, 99, 99 ], "completed": false }, { "type": "image", "position": [ 459, 32, 76, 92 ], "completed": false }, { "type": "title", "position": [ 97, 190, 185, 28 ], "completed": false }, { "type": "title", "position": [ 419, 190, 185, 28 ], "completed": false }, { "type": "title", "position": [ 742, 190, 185, 28 ], "completed": false }, { "type": "description", "position": [ 97, 235, 185, 174 ], "completed": false }, { "type": "description", "position": [ 419, 235, 185, 152 ], "completed": false }, { "type": "description", "position": [ 742, 235, 185, 174 ], "completed": false } ] }, { "text": "#A page to introduce a weather app.# There is a title 'Features' on top. Under the title, There are two information groups about the app. Each group contains a link for users to click to learn more. There is also an image and a description.", "region_id": "4447", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] [attr:value 'Features'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:link] [el:image] [el:description] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "title 1 0 116 3 | \" [ description 1 39 56 5 | image 1 12 46 26 | link 1 8 56 2 ] | [ description 61 39 56 5 | image 61 12 46 26 | link 61 8 56 2 ] \"", "layout_seq_without_completion": "title 1 0 116 3 | \" [ description 1 39 56 5 | image 1 12 46 26 | link 1 8 56 2 ] | [ description 61 39 56 5 | image 61 12 46 26 | link 61 8 56 2 ] \"", "plain_layout_seq": "description 1 39 56 5 | description 61 39 56 5 | image 1 12 46 26 | image 61 12 46 26 | link 1 8 56 2 | link 61 8 56 2 | title 1 0 116 3", "canvas_width": 970, "canvas_height": 393, "elements": [ { "type": "title", "position": [ 15, 0, 940, 32 ], "completed": false }, { "type": "link", "position": [ 15, 66, 455, 22 ], "completed": false }, { "type": "link", "position": [ 500, 66, 455, 22 ], "completed": false }, { "type": "image", "position": [ 15, 100, 373, 216 ], "completed": false }, { "type": "image", "position": [ 500, 100, 372, 215 ], "completed": false }, { "type": "description", "position": [ 500, 320, 455, 46 ], "completed": false }, { "type": "description", "position": [ 15, 321, 455, 46 ], "completed": false } ] }, { "text": "#A page showing sample deckings of a company.# The page should include the title \"WHAT WE DO\". The page contains 6 information sets. Each group includes an image of deckings and the type of decking.", "region_id": "6833", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what we do'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 6 67 33 35 | image 43 67 33 35 | image 6 16 33 35 | image 80 16 33 35 | image 43 16 33 35 | image 80 67 33 35 | text 43 105 33 2 | text 6 53 33 5 | text 80 53 33 2 | text 43 53 33 2 | text 6 105 33 2 | text 80 105 33 2 | title 6 6 107 3", "layout_seq_without_completion": "image 6 67 33 35 | image 43 67 33 35 | image 6 16 33 35 | image 80 16 33 35 | image 43 16 33 35 | image 80 67 33 35 | text 43 105 33 2 | text 6 53 33 5 | text 80 53 33 2 | text 43 53 33 2 | text 6 105 33 2 | text 80 105 33 2 | title 6 6 107 3", "plain_layout_seq": "image 6 67 33 35 | image 43 67 33 35 | image 6 16 33 35 | image 80 16 33 35 | image 43 16 33 35 | image 80 67 33 35 | text 43 105 33 2 | text 6 53 33 5 | text 80 53 33 2 | text 43 53 33 2 | text 6 105 33 2 | text 80 105 33 2 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 994, "elements": [ { "type": "title", "position": [ 55, 55, 914, 28 ], "completed": false }, { "type": "image", "position": [ 55, 138, 285, 300 ], "completed": false }, { "type": "image", "position": [ 370, 138, 285, 300 ], "completed": false }, { "type": "image", "position": [ 684, 138, 285, 300 ], "completed": false }, { "type": "text", "position": [ 55, 457, 285, 48 ], "completed": false }, { "type": "text", "position": [ 370, 457, 285, 24 ], "completed": false }, { "type": "text", "position": [ 684, 457, 285, 24 ], "completed": false }, { "type": "image", "position": [ 55, 578, 285, 300 ], "completed": false }, { "type": "image", "position": [ 370, 578, 285, 300 ], "completed": false }, { "type": "image", "position": [ 684, 578, 285, 300 ], "completed": false }, { "type": "text", "position": [ 55, 897, 285, 24 ], "completed": false }, { "type": "text", "position": [ 370, 897, 285, 24 ], "completed": false }, { "type": "text", "position": [ 684, 897, 285, 24 ], "completed": false } ] }, { "text": "#A page for showing products.# The page should have 3 groups while each group has a title to introduce the category, a related image, and one button for users to click to view all products belonging to the category.", "region_id": "7391", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:image] [el:button [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 18 8 6 1 | complete image 2 0 38 47 | image 7 13 28 28 | title 8 3 26 4 ] | [ button 56 8 6 1 | image 45 13 28 28 | complete image 40 0 38 47 | title 46 3 26 4 ] | [ button 95 8 6 1 | image 84 13 28 28 | complete image 79 0 38 47 | title 85 3 26 4 ] \"", "layout_seq_without_completion": "\" [ button 18 8 6 1 | image 2 0 38 47 | image 7 13 28 28 | title 8 3 26 4 ] | [ button 56 8 6 1 | image 45 13 28 28 | image 40 0 38 47 | title 46 3 26 4 ] | [ button 95 8 6 1 | image 84 13 28 28 | image 79 0 38 47 | title 85 3 26 4 ] \"", "plain_layout_seq": "button 18 8 6 1 | button 56 8 6 1 | button 95 8 6 1 | image 2 0 38 47 | image 7 13 28 28 | image 45 13 28 28 | image 40 0 38 47 | image 84 13 28 28 | image 79 0 38 47 | title 8 3 26 4 | title 46 3 26 4 | title 85 3 26 4", "canvas_width": 1024, "canvas_height": 407, "elements": [ { "type": "image", "position": [ 20, 0, 328, 407 ], "completed": true }, { "type": "image", "position": [ 348, 0, 328, 407 ], "completed": true }, { "type": "image", "position": [ 676, 0, 328, 407 ], "completed": true }, { "type": "title", "position": [ 73, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 39 ], "completed": false }, { "type": "button", "position": [ 155, 71, 58, 15 ], "completed": false }, { "type": "button", "position": [ 483, 71, 58, 15 ], "completed": false }, { "type": "button", "position": [ 811, 71, 58, 15 ], "completed": false }, { "type": "image", "position": [ 61, 119, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 119, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 119, 247, 247 ], "completed": false } ] }, { "text": "#A page introducing the pros of one app. # The page should have 3 groups to introduce the different specific pros of the app such as bringing corporate send under management, etc. Each should have an icon and a title. One big image is needed to show the page of the app to show how to use it.", "region_id": "519", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'bring corporate send under management'] [item [el:icon] [el:title] ] ] [el:image [attr:size'large'] ] ]", "execution": "multiinfo : image undefined large | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 9 42 3 3 | icon 9 16 3 3 | icon 9 58 3 3 | image 65 23 49 39 | complete text 15 24 35 9 | title 15 17 32 6 | title 15 42 35 8 | title 15 58 35 8", "layout_seq_without_completion": "icon 9 42 3 3 | icon 9 16 3 3 | icon 9 58 3 3 | image 65 23 49 39 | text 15 24 35 9 | title 15 17 32 6 | title 15 42 35 8 | title 15 58 35 8", "plain_layout_seq": "icon 9 42 3 3 | icon 9 16 3 3 | icon 9 58 3 3 | image 65 23 49 39 | text 15 24 35 9 | title 15 17 32 6 | title 15 42 35 8 | title 15 58 35 8", "canvas_width": 1039, "canvas_height": 650, "elements": [ { "type": "icon", "position": [ 81, 146, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 149, 278, 60 ], "completed": false }, { "type": "image", "position": [ 564, 206, 430, 346 ], "completed": false }, { "type": "text", "position": [ 130, 214, 308, 78 ], "completed": true }, { "type": "title", "position": [ 130, 365, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 367, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 508, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 510, 32, 32 ], "completed": false } ] }, { "text": "#A page introducing the pros of one app. # The page should have some image-text groups to introduce the different specific pros of the app such as bringing corporate send under management, etc. One big image is needed to show the page of the app to show how to use it.", "region_id": "519_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'several'] [item [el:image] [el:text] ] ] [el:image [attr:size'large'] ] ]", "execution": "multiinfo : image undefined large | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete description 15 24 35 9 | image 9 42 3 3 | image 9 16 3 3 | image 9 58 3 3 | image 65 23 49 39 | text 15 17 32 6 | text 15 42 35 8 | text 15 58 35 8", "layout_seq_without_completion": "description 15 24 35 9 | image 9 42 3 3 | image 9 16 3 3 | image 9 58 3 3 | image 65 23 49 39 | text 15 17 32 6 | text 15 42 35 8 | text 15 58 35 8", "plain_layout_seq": "description 15 24 35 9 | image 9 42 3 3 | image 9 16 3 3 | image 9 58 3 3 | image 65 23 49 39 | text 15 17 32 6 | text 15 42 35 8 | text 15 58 35 8", "canvas_width": 1039, "canvas_height": 650, "elements": [ { "type": "image", "position": [ 81, 146, 32, 32 ], "completed": false }, { "type": "text", "position": [ 130, 149, 278, 60 ], "completed": false }, { "type": "image", "position": [ 564, 206, 430, 346 ], "completed": false }, { "type": "description", "position": [ 130, 214, 308, 78 ], "completed": true }, { "type": "text", "position": [ 130, 365, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 367, 32, 32 ], "completed": false }, { "type": "text", "position": [ 130, 508, 308, 71 ], "completed": false }, { "type": "image", "position": [ 81, 510, 32, 32 ], "completed": false } ] }, { "text": "#A page showing comments about calendar.com.# There is a title written \u201cCalendar Reviews\u201d. The page contains two information sets. Each group includes five stars icons, a title, a review, the name and the job of the writer. Each side of the page has an arrow icon for users to turn the page. At the bottom of the page, there are three icons showing this is the first page of all the three pages.", "region_id": "5570", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'calendar reviews'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:icon [attr:repeat '5']] [el:title] [el:description] [el:text [attr:repeat '2']] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 6 114 4 | \" [ complete button 55 84 2 2 ] | [ complete button 62 84 2 2 ] | [ complete button 59 85 2 2 ] \" | \" [ description 8 33 46 39 | icon 26 20 2 2 | icon 23 20 2 2 | icon 29 20 2 2 | icon 33 20 2 2 | icon 36 20 2 2 | complete image 4 16 54 66 | text 25 76 11 1 | text 28 73 6 3 | title 24 26 14 3 ] | [ description 65 33 46 39 | icon 80 20 2 2 | icon 93 20 2 2 | icon 83 20 2 2 | icon 87 20 2 2 | icon 90 20 2 2 | complete image 61 16 54 66 | text 84 73 7 3 | text 80 76 16 1 | title 70 26 36 3 ] \"", "layout_seq_without_completion": "title 2 6 114 4 | \" [ button 55 84 2 2 ] | [ button 62 84 2 2 ] | [ button 59 85 2 2 ] \" | \" [ description 8 33 46 39 | icon 26 20 2 2 | icon 23 20 2 2 | icon 29 20 2 2 | icon 33 20 2 2 | icon 36 20 2 2 | image 4 16 54 66 | text 25 76 11 1 | text 28 73 6 3 | title 24 26 14 3 ] | [ description 65 33 46 39 | icon 80 20 2 2 | icon 93 20 2 2 | icon 83 20 2 2 | icon 87 20 2 2 | icon 90 20 2 2 | image 61 16 54 66 | text 84 73 7 3 | text 80 76 16 1 | title 70 26 36 3 ] \"", "plain_layout_seq": "button 55 84 2 2 | button 62 84 2 2 | button 59 85 2 2 | description 8 33 46 39 | description 65 33 46 39 | icon 26 20 2 2 | icon 23 20 2 2 | icon 29 20 2 2 | icon 33 20 2 2 | icon 36 20 2 2 | icon 80 20 2 2 | icon 93 20 2 2 | icon 83 20 2 2 | icon 87 20 2 2 | icon 90 20 2 2 | image 4 16 54 66 | image 61 16 54 66 | text 25 76 11 1 | text 28 73 6 3 | text 84 73 7 3 | text 80 76 16 1 | title 2 6 114 4 | title 24 26 14 3 | title 70 26 36 3", "canvas_width": 1009, "canvas_height": 764, "elements": [ { "type": "title", "position": [ 24, 56, 961, 36 ], "completed": false }, { "type": "image", "position": [ 36, 136, 457, 560 ], "completed": true }, { "type": "image", "position": [ 517, 136, 457, 560 ], "completed": true }, { "type": "icon", "position": [ 196, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 224, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 252, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 280, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 308, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 678, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 706, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 734, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 762, 169, 24, 21 ], "completed": false }, { "type": "icon", "position": [ 790, 169, 24, 21 ], "completed": false }, { "type": "title", "position": [ 206, 223, 118, 28 ], "completed": false }, { "type": "title", "position": [ 590, 223, 311, 28 ], "completed": false }, { "type": "description", "position": [ 69, 283, 391, 333 ], "completed": false }, { "type": "description", "position": [ 550, 283, 391, 333 ], "completed": false }, { "type": "text", "position": [ 236, 615, 56, 32 ], "completed": false }, { "type": "text", "position": [ 713, 615, 65, 32 ], "completed": false }, { "type": "text", "position": [ 218, 647, 93, 16 ], "completed": false }, { "type": "text", "position": [ 674, 647, 142, 16 ], "completed": false }, { "type": "button", "position": [ 464, 713, 20, 20 ], "completed": true }, { "type": "button", "position": [ 524, 713, 20, 20 ], "completed": true }, { "type": "button", "position": [ 502, 715, 20, 20 ], "completed": true } ] }, { "text": "# A page for presenting popular television. # The page should have a title \"Popular Television\", a link \"See More\" for the user to see more television, and a set of pagination for the user to switch pages. Besides, there should be six groups of television with each having an image, the word \"Television\", the title of the television, and the actor's name.", "region_id": "4224", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular television'] ] [el:link [attr:value 'see more'] ] [el:pagination] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text [attr:value 'Television']] [el:title] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 0 5 17 22 | image 1 5 16 22 | complete image 0 5 17 34 | complete image 20 5 17 22 | image 21 5 16 22 | complete image 20 5 17 34 | complete image 40 5 17 22 | image 41 5 16 22 | complete image 60 5 17 34 | complete image 80 5 17 22 | image 81 5 16 22 | complete image 80 5 17 34 | complete image 100 5 17 22 | complete image 40 5 17 34 | complete image 60 5 17 22 | image 61 5 15 22 | image 101 5 16 22 | complete image 100 5 17 34 | \" [ complete button 105 0 3 3 | complete button 116 0 3 3 | link 108 0 7 1 | title 0 0 60 3 ] \" | \" [ complete icon 1 29 1 1 | text 3 29 7 2 | text 1 37 15 2 | title 1 31 15 4 ] | [ complete icon 21 29 1 1 | text 23 29 7 2 | text 21 37 15 2 | title 21 31 15 4 ] | [ complete icon 41 29 1 1 | text 43 29 7 2 | text 41 37 15 2 | title 41 31 15 4 ] | [ complete icon 61 29 1 1 | text 61 37 15 2 | text 63 29 7 2 | title 61 31 15 4 ] | [ complete icon 81 29 1 1 | text 81 37 15 2 | text 83 29 7 2 | title 81 31 15 4 ] | [ complete icon 101 29 1 1 | text 101 37 15 2 | text 103 29 7 2 | title 101 31 15 4 ] \"", "layout_seq_without_completion": "image 0 5 17 22 | image 1 5 16 22 | image 0 5 17 34 | image 20 5 17 22 | image 21 5 16 22 | image 20 5 17 34 | image 40 5 17 22 | image 41 5 16 22 | image 60 5 17 34 | image 80 5 17 22 | image 81 5 16 22 | image 80 5 17 34 | image 100 5 17 22 | image 40 5 17 34 | image 60 5 17 22 | image 61 5 15 22 | image 101 5 16 22 | image 100 5 17 34 | \" [ button 105 0 3 3 | button 116 0 3 3 | link 108 0 7 1 | title 0 0 60 3 ] \" | \" [ icon 1 29 1 1 | text 3 29 7 2 | text 1 37 15 2 | title 1 31 15 4 ] | [ icon 21 29 1 1 | text 23 29 7 2 | text 21 37 15 2 | title 21 31 15 4 ] | [ icon 41 29 1 1 | text 43 29 7 2 | text 41 37 15 2 | title 41 31 15 4 ] | [ icon 61 29 1 1 | text 61 37 15 2 | text 63 29 7 2 | title 61 31 15 4 ] | [ icon 81 29 1 1 | text 81 37 15 2 | text 83 29 7 2 | title 81 31 15 4 ] | [ icon 101 29 1 1 | text 101 37 15 2 | text 103 29 7 2 | title 101 31 15 4 ] \"", "plain_layout_seq": "button 105 0 3 3 | button 116 0 3 3 | icon 1 29 1 1 | icon 21 29 1 1 | icon 41 29 1 1 | icon 61 29 1 1 | icon 81 29 1 1 | icon 101 29 1 1 | image 0 5 17 22 | image 1 5 16 22 | image 0 5 17 34 | image 20 5 17 22 | image 21 5 16 22 | image 20 5 17 34 | image 40 5 17 22 | image 41 5 16 22 | image 60 5 17 34 | image 80 5 17 22 | image 81 5 16 22 | image 80 5 17 34 | image 100 5 17 22 | image 40 5 17 34 | image 60 5 17 22 | image 61 5 15 22 | image 101 5 16 22 | image 100 5 17 34 | link 108 0 7 1 | text 3 29 7 2 | text 1 37 15 2 | text 23 29 7 2 | text 21 37 15 2 | text 43 29 7 2 | text 41 37 15 2 | text 61 37 15 2 | text 63 29 7 2 | text 81 37 15 2 | text 83 29 7 2 | text 101 37 15 2 | text 103 29 7 2 | title 0 0 60 3 | title 1 31 15 4 | title 21 31 15 4 | title 41 31 15 4 | title 61 31 15 4 | title 81 31 15 4 | title 101 31 15 4", "canvas_width": 1008, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 0, 0, 504, 28 ], "completed": false }, { "type": "button", "position": [ 882, 0, 28, 28 ], "completed": true }, { "type": "button", "position": [ 980, 0, 28, 28 ], "completed": true }, { "type": "link", "position": [ 914, 6, 62, 16 ], "completed": false }, { "type": "image", "position": [ 4, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 172, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 340, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 508, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 676, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 844, 45, 148, 292 ], "completed": true }, { "type": "image", "position": [ 5, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 10, 46, 136, 192 ], "completed": false }, { "type": "image", "position": [ 173, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 178, 46, 136, 192 ], "completed": false }, { "type": "image", "position": [ 341, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 346, 46, 136, 192 ], "completed": false }, { "type": "image", "position": [ 509, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 515, 46, 134, 192 ], "completed": false }, { "type": "image", "position": [ 677, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 681, 46, 138, 192 ], "completed": false }, { "type": "image", "position": [ 845, 46, 146, 192 ], "completed": true }, { "type": "image", "position": [ 850, 46, 136, 192 ], "completed": false }, { "type": "text", "position": [ 29, 246, 60, 20 ], "completed": false }, { "type": "text", "position": [ 197, 246, 60, 20 ], "completed": false }, { "type": "text", "position": [ 365, 246, 60, 20 ], "completed": false }, { "type": "text", "position": [ 533, 246, 60, 20 ], "completed": false }, { "type": "text", "position": [ 701, 246, 60, 20 ], "completed": false }, { "type": "text", "position": [ 869, 246, 60, 20 ], "completed": false }, { "type": "icon", "position": [ 13, 250, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 181, 250, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 349, 250, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 517, 250, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 685, 250, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 853, 250, 12, 12 ], "completed": true }, { "type": "title", "position": [ 13, 266, 130, 40 ], "completed": false }, { "type": "title", "position": [ 181, 266, 130, 40 ], "completed": false }, { "type": "title", "position": [ 349, 266, 130, 40 ], "completed": false }, { "type": "title", "position": [ 517, 266, 130, 40 ], "completed": false }, { "type": "title", "position": [ 685, 266, 130, 40 ], "completed": false }, { "type": "title", "position": [ 853, 266, 130, 40 ], "completed": false }, { "type": "text", "position": [ 13, 311, 130, 18 ], "completed": false }, { "type": "text", "position": [ 181, 311, 130, 18 ], "completed": false }, { "type": "text", "position": [ 349, 311, 130, 18 ], "completed": false }, { "type": "text", "position": [ 517, 311, 130, 18 ], "completed": false }, { "type": "text", "position": [ 685, 311, 130, 18 ], "completed": false }, { "type": "text", "position": [ 853, 311, 130, 18 ], "completed": false } ] }, { "text": "#A page for introducing the features of the products to users.# The page should include three features containing an image and a brief description.", "region_id": "533", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 8 16 25 2 | description 48 16 23 2 | description 85 16 25 2 | image 17 7 9 9 | image 87 7 21 9 | image 54 7 11 9", "layout_seq_without_completion": "description 8 16 25 2 | description 48 16 23 2 | description 85 16 25 2 | image 17 7 9 9 | image 87 7 21 9 | image 54 7 11 9", "plain_layout_seq": "description 8 16 25 2 | description 48 16 23 2 | description 85 16 25 2 | image 17 7 9 9 | image 87 7 21 9 | image 54 7 11 9", "canvas_width": 1024, "canvas_height": 223, "elements": [ { "type": "image", "position": [ 146, 60, 79, 80 ], "completed": false }, { "type": "image", "position": [ 463, 60, 98, 80 ], "completed": false }, { "type": "image", "position": [ 747, 60, 184, 80 ], "completed": false }, { "type": "description", "position": [ 75, 140, 221, 23 ], "completed": false }, { "type": "description", "position": [ 413, 140, 198, 23 ], "completed": false }, { "type": "description", "position": [ 731, 140, 215, 23 ], "completed": false } ] }, { "text": "# A page to advertise BigID. # The page should be the title \"Why BigID?\". Besides, there should be 12 text boxes to show the reason. So the user can know the advantage of the BigID.", "region_id": "22", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'why bigid?'] ] [gp:InfoGroup [gattr:repeat'12'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete icon 5 87 2 2 | complete icon 93 80 2 2 | complete icon 5 39 2 2 | complete icon 5 63 2 2 | complete icon 93 28 2 2 | complete icon 93 39 2 2 | complete icon 93 52 2 2 | complete icon 93 66 2 2 | complete icon 93 94 2 2 | complete icon 5 28 2 2 | complete icon 5 51 2 2 | complete icon 5 75 2 2 | complete image 35 39 47 47 | complete image 50 54 18 18 | text 9 86 11 4 | text 97 79 13 4 | text 9 39 7 2 | text 9 51 5 2 | text 9 63 16 2 | text 97 39 16 2 | text 97 51 11 4 | text 97 28 15 2 | text 9 28 9 2 | text 9 75 12 2 | text 97 65 12 4 | text 97 93 11 4 | title 2 11 114 4", "layout_seq_without_completion": "icon 5 87 2 2 | icon 93 80 2 2 | icon 5 39 2 2 | icon 5 63 2 2 | icon 93 28 2 2 | icon 93 39 2 2 | icon 93 52 2 2 | icon 93 66 2 2 | icon 93 94 2 2 | icon 5 28 2 2 | icon 5 51 2 2 | icon 5 75 2 2 | image 35 39 47 47 | image 50 54 18 18 | text 9 86 11 4 | text 97 79 13 4 | text 9 39 7 2 | text 9 51 5 2 | text 9 63 16 2 | text 97 39 16 2 | text 97 51 11 4 | text 97 28 15 2 | text 9 28 9 2 | text 9 75 12 2 | text 97 65 12 4 | text 97 93 11 4 | title 2 11 114 4", "plain_layout_seq": "icon 5 87 2 2 | icon 93 80 2 2 | icon 5 39 2 2 | icon 5 63 2 2 | icon 93 28 2 2 | icon 93 39 2 2 | icon 93 52 2 2 | icon 93 66 2 2 | icon 93 94 2 2 | icon 5 28 2 2 | icon 5 51 2 2 | icon 5 75 2 2 | image 35 39 47 47 | image 50 54 18 18 | text 9 86 11 4 | text 97 79 13 4 | text 9 39 7 2 | text 9 51 5 2 | text 9 63 16 2 | text 97 39 16 2 | text 97 51 11 4 | text 97 28 15 2 | text 9 28 9 2 | text 9 75 12 2 | text 97 65 12 4 | text 97 93 11 4 | title 2 11 114 4", "canvas_width": 1024, "canvas_height": 864, "elements": [ { "type": "title", "position": [ 25, 100, 974, 40 ], "completed": false }, { "type": "icon", "position": [ 47, 240, 23, 24 ], "completed": true }, { "type": "icon", "position": [ 797, 240, 23, 24 ], "completed": true }, { "type": "text", "position": [ 85, 241, 83, 20 ], "completed": false }, { "type": "text", "position": [ 835, 241, 129, 20 ], "completed": false }, { "type": "image", "position": [ 307, 338, 409, 409 ], "completed": true }, { "type": "icon", "position": [ 47, 340, 23, 24 ], "completed": true }, { "type": "icon", "position": [ 797, 340, 23, 24 ], "completed": true }, { "type": "text", "position": [ 85, 341, 68, 20 ], "completed": false }, { "type": "text", "position": [ 835, 341, 139, 20 ], "completed": false }, { "type": "icon", "position": [ 47, 440, 23, 24 ], "completed": true }, { "type": "text", "position": [ 835, 440, 100, 42 ], "completed": false }, { "type": "text", "position": [ 85, 441, 48, 20 ], "completed": false }, { "type": "icon", "position": [ 797, 450, 23, 24 ], "completed": true }, { "type": "image", "position": [ 434, 465, 156, 155 ], "completed": true }, { "type": "icon", "position": [ 47, 540, 23, 24 ], "completed": true }, { "type": "text", "position": [ 85, 541, 142, 20 ], "completed": false }, { "type": "text", "position": [ 835, 560, 103, 42 ], "completed": false }, { "type": "icon", "position": [ 797, 570, 23, 24 ], "completed": true }, { "type": "icon", "position": [ 47, 640, 23, 24 ], "completed": true }, { "type": "text", "position": [ 85, 641, 108, 20 ], "completed": false }, { "type": "text", "position": [ 835, 680, 112, 42 ], "completed": false }, { "type": "icon", "position": [ 797, 690, 23, 24 ], "completed": true }, { "type": "text", "position": [ 85, 740, 96, 42 ], "completed": false }, { "type": "icon", "position": [ 47, 750, 23, 24 ], "completed": true }, { "type": "text", "position": [ 835, 800, 102, 42 ], "completed": false }, { "type": "icon", "position": [ 797, 810, 23, 24 ], "completed": true } ] }, { "text": "#A page including articles guiding users to get information on the economic region.# The page should include the title \"GUIDE\". The page also contains 4 information sets. Each group includes an image, a button \"GUIDE\", the title of the article and the source of the article.", "region_id": "4985", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'guide'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:button [attr:value 'guide'] ] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 0 6 2 | \" [ button 4 23 6 2 | image 4 7 24 13 | complete link 6 33 11 1 | text 4 33 1 1 | title 4 26 24 5 ] | [ button 33 23 6 2 | image 33 7 24 13 | complete link 35 33 11 1 | text 33 33 1 1 | title 33 26 24 5 ] | [ button 62 23 6 2 | image 62 7 24 13 | complete link 64 33 11 1 | text 62 33 1 1 | title 62 26 24 5 ] | [ button 91 23 6 2 | image 91 7 24 13 | complete link 93 33 11 1 | text 91 33 1 1 | title 91 26 24 5 ] \"", "layout_seq_without_completion": "title 4 0 6 2 | \" [ button 4 23 6 2 | image 4 7 24 13 | link 6 33 11 1 | text 4 33 1 1 | title 4 26 24 5 ] | [ button 33 23 6 2 | image 33 7 24 13 | link 35 33 11 1 | text 33 33 1 1 | title 33 26 24 5 ] | [ button 62 23 6 2 | image 62 7 24 13 | link 64 33 11 1 | text 62 33 1 1 | title 62 26 24 5 ] | [ button 91 23 6 2 | image 91 7 24 13 | link 93 33 11 1 | text 91 33 1 1 | title 91 26 24 5 ] \"", "plain_layout_seq": "button 4 23 6 2 | button 33 23 6 2 | button 62 23 6 2 | button 91 23 6 2 | image 4 7 24 13 | image 33 7 24 13 | image 62 7 24 13 | image 91 7 24 13 | link 6 33 11 1 | link 35 33 11 1 | link 64 33 11 1 | link 93 33 11 1 | text 4 33 1 1 | text 33 33 1 1 | text 62 33 1 1 | text 91 33 1 1 | title 4 0 6 2 | title 4 26 24 5 | title 33 26 24 5 | title 62 26 24 5 | title 91 26 24 5", "canvas_width": 1024, "canvas_height": 303, "elements": [ { "type": "title", "position": [ 35, 0, 56, 21 ], "completed": false }, { "type": "image", "position": [ 35, 62, 212, 119 ], "completed": false }, { "type": "image", "position": [ 282, 62, 212, 119 ], "completed": false }, { "type": "image", "position": [ 530, 62, 212, 119 ], "completed": false }, { "type": "image", "position": [ 778, 62, 212, 119 ], "completed": false }, { "type": "button", "position": [ 35, 197, 52, 22 ], "completed": false }, { "type": "button", "position": [ 282, 197, 52, 22 ], "completed": false }, { "type": "button", "position": [ 530, 197, 52, 22 ], "completed": false }, { "type": "button", "position": [ 778, 197, 52, 22 ], "completed": false }, { "type": "title", "position": [ 35, 229, 212, 46 ], "completed": false }, { "type": "title", "position": [ 282, 229, 212, 46 ], "completed": false }, { "type": "title", "position": [ 530, 229, 212, 46 ], "completed": false }, { "type": "title", "position": [ 778, 229, 212, 46 ], "completed": false }, { "type": "text", "position": [ 35, 287, 14, 14 ], "completed": false }, { "type": "link", "position": [ 52, 287, 101, 14 ], "completed": true }, { "type": "text", "position": [ 282, 287, 14, 14 ], "completed": false }, { "type": "link", "position": [ 300, 287, 101, 14 ], "completed": true }, { "type": "text", "position": [ 530, 287, 14, 14 ], "completed": false }, { "type": "link", "position": [ 547, 287, 101, 14 ], "completed": true }, { "type": "text", "position": [ 778, 287, 14, 14 ], "completed": false }, { "type": "link", "position": [ 794, 287, 101, 14 ], "completed": true } ] }, { "text": "#A page that contains the information about a product.# The page should contain three information sets. The first group contains a title and the logo of Combinator. The second group contains two titles. The last group contains a title and a set of icons.", "region_id": "4734", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:logo] ] [item [el:title [attr:repeat '2'] ] ] [item [el:title] [el:icon [attr:repeat 'several'] ] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 82 18 22 5 | complete image 45 7 28 19 | complete image 11 7 28 19 | complete image 80 7 28 19 | logo 15 18 20 5 | title 19 10 11 3 | title 51 18 17 5 | title 48 10 22 7 | title 85 10 17 3", "layout_seq_without_completion": "icon 82 18 22 5 | image 45 7 28 19 | image 11 7 28 19 | image 80 7 28 19 | logo 15 18 20 5 | title 19 10 11 3 | title 51 18 17 5 | title 48 10 22 7 | title 85 10 17 3", "plain_layout_seq": "icon 82 18 22 5 | image 45 7 28 19 | image 11 7 28 19 | image 80 7 28 19 | logo 15 18 20 5 | title 19 10 11 3 | title 51 18 17 5 | title 48 10 22 7 | title 85 10 17 3", "canvas_width": 1009, "canvas_height": 266, "elements": [ { "type": "image", "position": [ 96, 64, 240, 162 ], "completed": true }, { "type": "image", "position": [ 384, 64, 241, 162 ], "completed": true }, { "type": "image", "position": [ 673, 64, 240, 162 ], "completed": true }, { "type": "title", "position": [ 167, 88, 99, 33 ], "completed": false }, { "type": "title", "position": [ 408, 88, 192, 66 ], "completed": false }, { "type": "title", "position": [ 718, 88, 150, 33 ], "completed": false }, { "type": "logo", "position": [ 128, 154, 176, 48 ], "completed": false }, { "type": "title", "position": [ 429, 154, 150, 48 ], "completed": false }, { "type": "icon", "position": [ 697, 154, 192, 48 ], "completed": false } ] }, { "text": "#A page for introducing IR service to users.# The page should include six parts of the content. Each part contains an image and a brief description. There should be two contact ways for IR service.", "region_id": "902", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:description [attr:size'small'] ] ] ] [el:text [attr:repeat'2'] ] ]", "execution": "multiinfo : text undefined undefined | text undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 35 15 12 4 | description 62 15 17 4 | description 7 6 11 1 | description 34 6 15 1 | description 61 6 15 1 | description 7 16 17 1 | image 54 14 7 7 | image 27 14 7 7 | image 0 4 6 6 | complete image 84 2 36 18 | image 54 4 6 6 | image 27 4 6 6 | image 0 14 6 6 | text 84 2 35 4 | text 89 7 30 7 | text 84 14 5 7 | text 84 7 5 7 | text 89 14 30 7", "layout_seq_without_completion": "description 35 15 12 4 | description 62 15 17 4 | description 7 6 11 1 | description 34 6 15 1 | description 61 6 15 1 | description 7 16 17 1 | image 54 14 7 7 | image 27 14 7 7 | image 0 4 6 6 | image 84 2 36 18 | image 54 4 6 6 | image 27 4 6 6 | image 0 14 6 6 | text 84 2 35 4 | text 89 7 30 7 | text 84 14 5 7 | text 84 7 5 7 | text 89 14 30 7", "plain_layout_seq": "description 35 15 12 4 | description 62 15 17 4 | description 7 6 11 1 | description 34 6 15 1 | description 61 6 15 1 | description 7 16 17 1 | image 54 14 7 7 | image 27 14 7 7 | image 0 4 6 6 | image 84 2 36 18 | image 54 4 6 6 | image 27 4 6 6 | image 0 14 6 6 | text 84 2 35 4 | text 89 7 30 7 | text 84 14 5 7 | text 84 7 5 7 | text 89 14 30 7", "canvas_width": 960, "canvas_height": 180, "elements": [ { "type": "image", "position": [ 672, 20, 288, 151 ], "completed": true }, { "type": "text", "position": [ 672, 20, 287, 37 ], "completed": false }, { "type": "image", "position": [ 0, 35, 52, 52 ], "completed": false }, { "type": "image", "position": [ 216, 35, 52, 52 ], "completed": false }, { "type": "image", "position": [ 432, 35, 52, 52 ], "completed": false }, { "type": "description", "position": [ 62, 53, 91, 14 ], "completed": false }, { "type": "description", "position": [ 278, 53, 122, 14 ], "completed": false }, { "type": "description", "position": [ 494, 53, 126, 14 ], "completed": false }, { "type": "text", "position": [ 672, 58, 40, 56 ], "completed": false }, { "type": "text", "position": [ 713, 58, 246, 56 ], "completed": false }, { "type": "text", "position": [ 672, 114, 40, 57 ], "completed": false }, { "type": "text", "position": [ 713, 114, 246, 57 ], "completed": false }, { "type": "image", "position": [ 0, 115, 52, 52 ], "completed": false }, { "type": "image", "position": [ 216, 115, 56, 56 ], "completed": false }, { "type": "image", "position": [ 432, 115, 56, 56 ], "completed": false }, { "type": "description", "position": [ 282, 124, 102, 32 ], "completed": false }, { "type": "description", "position": [ 498, 124, 141, 32 ], "completed": false }, { "type": "description", "position": [ 62, 133, 141, 14 ], "completed": false } ] }, { "text": "# A page to introduce a company through figures. # The page should have a title \"Our Figures\" and four groups of information sets: \"State Associations\" \"Leagues\" \"Clubs\" and \"Tournaments\". In each group, there should contain a figure, a title, and a small image to have a brief introduction of the company.", "region_id": "4940", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our Figures'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'State Associations, Leagues, Clubs, Tournaments'] [item [el:text] [el:title] [el:image [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] | [ image undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 14 16 6 7 | text 41 16 9 7 | text 95 16 12 7 | complete text 54 12 11 0 | text 67 16 12 7 | title 5 24 24 3 | title 33 24 24 3 | title 89 24 24 3 | title 0 5 120 4 | title 61 24 24 3", "layout_seq_without_completion": "text 14 16 6 7 | text 41 16 9 7 | text 95 16 12 7 | text 54 12 11 0 | text 67 16 12 7 | title 5 24 24 3 | title 33 24 24 3 | title 89 24 24 3 | title 0 5 120 4 | title 61 24 24 3", "plain_layout_seq": "text 14 16 6 7 | text 41 16 9 7 | text 95 16 12 7 | text 54 12 11 0 | text 67 16 12 7 | title 5 24 24 3 | title 33 24 24 3 | title 89 24 24 3 | title 0 5 120 4 | title 61 24 24 3", "canvas_width": 1024, "canvas_height": 325, "elements": [ { "type": "title", "position": [ 0, 50, 1024, 40 ], "completed": false }, { "type": "text", "position": [ 463, 104, 98, 2 ], "completed": true }, { "type": "text", "position": [ 125, 139, 54, 65 ], "completed": false }, { "type": "text", "position": [ 352, 139, 81, 65 ], "completed": false }, { "type": "text", "position": [ 578, 139, 108, 65 ], "completed": false }, { "type": "text", "position": [ 818, 139, 108, 65 ], "completed": false }, { "type": "title", "position": [ 47, 208, 210, 26 ], "completed": false }, { "type": "title", "position": [ 287, 208, 210, 26 ], "completed": false }, { "type": "title", "position": [ 527, 208, 210, 26 ], "completed": false }, { "type": "title", "position": [ 767, 208, 210, 26 ], "completed": false } ] }, { "text": "# A page for news. # On the page, there should include one title \"News\" and five text boxes with the date and title of the news. Besides, a text link is needed to see more news.", "region_id": "1298", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'news'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:text] ] ] [el:link [attr:value'see more news'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "link 49 59 21 5 | text 8 26 102 5 | text 8 36 102 5 | text 8 49 102 5 | text 8 41 102 7 | text 8 31 102 5 | complete text 57 60 4 2 | title 0 0 120 21", "layout_seq_without_completion": "link 49 59 21 5 | text 8 26 102 5 | text 8 36 102 5 | text 8 49 102 5 | text 8 41 102 7 | text 8 31 102 5 | text 57 60 4 2 | title 0 0 120 21", "plain_layout_seq": "link 49 59 21 5 | text 8 26 102 5 | text 8 36 102 5 | text 8 49 102 5 | text 8 41 102 7 | text 8 31 102 5 | text 57 60 4 2 | title 0 0 120 21", "canvas_width": 1007, "canvas_height": 547, "elements": [ { "type": "title", "position": [ 0, 0, 1007, 182 ], "completed": false }, { "type": "text", "position": [ 74, 222, 860, 42 ], "completed": false }, { "type": "text", "position": [ 74, 265, 860, 42 ], "completed": false }, { "type": "text", "position": [ 74, 307, 860, 42 ], "completed": false }, { "type": "text", "position": [ 74, 349, 860, 65 ], "completed": false }, { "type": "text", "position": [ 74, 414, 860, 42 ], "completed": false }, { "type": "link", "position": [ 414, 497, 180, 50 ], "completed": false }, { "type": "text", "position": [ 483, 510, 40, 24 ], "completed": true } ] }, { "text": "#A page for selling T-shirts.# The page should have 8 groups, each with one image of the T-shirt, and two texts to show the title and the price respectively. Besides, in the fourth group, there should be an icon \"Sale\" on the image and there have a previous price having a comparison with the present price to attract the user to buy it.", "region_id": "7473", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] [el:text] ] ] [el:image] [el:icon [attr:value 'Sale']] [el:title] [el:text [attr:repeat '2']] ]", "execution": "multiinfo : icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 112 7 7 7 | text 3 76 26 2 | text 3 39 26 2 | text 100 40 5 1 | text 62 39 26 2 | text 62 76 26 2 | text 33 39 26 2 | text 105 40 5 1 | text 33 76 26 2 | text 92 76 26 2 | title 3 73 26 2 | title 33 73 26 2 | title 62 73 26 2 | title 92 73 26 2 | title 62 36 26 2 | title 92 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | complete title 3 3 114 4", "layout_seq_without_completion": "icon 112 7 7 7 | text 3 76 26 2 | text 3 39 26 2 | text 100 40 5 1 | text 62 39 26 2 | text 62 76 26 2 | text 33 39 26 2 | text 105 40 5 1 | text 33 76 26 2 | text 92 76 26 2 | title 3 73 26 2 | title 33 73 26 2 | title 62 73 26 2 | title 92 73 26 2 | title 62 36 26 2 | title 92 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | title 3 3 114 4", "plain_layout_seq": "icon 112 7 7 7 | text 3 76 26 2 | text 3 39 26 2 | text 100 40 5 1 | text 62 39 26 2 | text 62 76 26 2 | text 33 39 26 2 | text 105 40 5 1 | text 33 76 26 2 | text 92 76 26 2 | title 3 73 26 2 | title 33 73 26 2 | title 62 73 26 2 | title 92 73 26 2 | title 62 36 26 2 | title 92 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | title 3 3 114 4", "canvas_width": 1006, "canvas_height": 726, "elements": [ { "type": "title", "position": [ 30, 27, 964, 36 ], "completed": true }, { "type": "icon", "position": [ 946, 66, 60, 60 ], "completed": false }, { "type": "title", "position": [ 30, 308, 219, 21 ], "completed": false }, { "type": "title", "position": [ 278, 308, 219, 21 ], "completed": false }, { "type": "title", "position": [ 527, 308, 219, 21 ], "completed": false }, { "type": "title", "position": [ 776, 308, 219, 21 ], "completed": false }, { "type": "text", "position": [ 30, 334, 219, 20 ], "completed": false }, { "type": "text", "position": [ 278, 334, 219, 20 ], "completed": false }, { "type": "text", "position": [ 527, 334, 219, 20 ], "completed": false }, { "type": "text", "position": [ 840, 336, 44, 15 ], "completed": false }, { "type": "text", "position": [ 887, 336, 42, 15 ], "completed": false }, { "type": "title", "position": [ 30, 617, 219, 21 ], "completed": false }, { "type": "title", "position": [ 278, 617, 219, 21 ], "completed": false }, { "type": "title", "position": [ 527, 617, 219, 21 ], "completed": false }, { "type": "title", "position": [ 776, 617, 219, 21 ], "completed": false }, { "type": "text", "position": [ 30, 643, 219, 20 ], "completed": false }, { "type": "text", "position": [ 278, 643, 219, 20 ], "completed": false }, { "type": "text", "position": [ 527, 643, 219, 20 ], "completed": false }, { "type": "text", "position": [ 776, 643, 219, 20 ], "completed": false } ] }, { "text": "# A page to introduce the service of AppBrain. # On the page, there should have a title \"AppBrain Promote\", two slogans to attract the user, and six groups of information sets with each having a small image and a further description to introduce the service. Also, there must have a button \"More info\" for the user to learn more info by clicking it.", "region_id": "6261", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'AppBrain Promote'] ] [el:text [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:description] ] ] [el:button [attr:value 'More info'] ] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined small ] | [ description undefined undefined | image undefined small ] | [ description undefined undefined | image undefined small ] | [ description undefined undefined | image undefined small ] | [ description undefined undefined | image undefined small ] | [ description undefined undefined | image undefined small ] }", "layout_seq_with_completion": "button 1 46 13 5 | description 92 36 25 7 | description 12 25 25 7 | description 92 25 25 7 | description 52 25 25 7 | description 12 36 25 7 | description 52 36 25 7 | image 46 25 6 7 | image 81 36 10 7 | image 3 25 8 7 | image 86 25 5 7 | image 6 36 6 7 | image 41 36 11 7 | text 1 17 82 2 | text 1 13 116 2 | title 1 5 116 5", "layout_seq_without_completion": "button 1 46 13 5 | description 92 36 25 7 | description 12 25 25 7 | description 92 25 25 7 | description 52 25 25 7 | description 12 36 25 7 | description 52 36 25 7 | image 46 25 6 7 | image 81 36 10 7 | image 3 25 8 7 | image 86 25 5 7 | image 6 36 6 7 | image 41 36 11 7 | text 1 17 82 2 | text 1 13 116 2 | title 1 5 116 5", "plain_layout_seq": "button 1 46 13 5 | description 92 36 25 7 | description 12 25 25 7 | description 92 25 25 7 | description 52 25 25 7 | description 12 36 25 7 | description 52 36 25 7 | image 46 25 6 7 | image 81 36 10 7 | image 3 25 8 7 | image 86 25 5 7 | image 6 36 6 7 | image 41 36 11 7 | text 1 17 82 2 | text 1 13 116 2 | title 1 5 116 5", "canvas_width": 1009, "canvas_height": 481, "elements": [ { "type": "title", "position": [ 14, 43, 981, 46 ], "completed": false }, { "type": "text", "position": [ 14, 117, 981, 17 ], "completed": false }, { "type": "text", "position": [ 14, 150, 692, 21 ], "completed": false }, { "type": "image", "position": [ 32, 214, 75, 61 ], "completed": false }, { "type": "description", "position": [ 107, 214, 218, 61 ], "completed": false }, { "type": "image", "position": [ 387, 214, 55, 61 ], "completed": false }, { "type": "description", "position": [ 442, 214, 218, 61 ], "completed": false }, { "type": "image", "position": [ 728, 214, 48, 61 ], "completed": false }, { "type": "description", "position": [ 777, 214, 218, 61 ], "completed": false }, { "type": "image", "position": [ 57, 304, 51, 61 ], "completed": false }, { "type": "description", "position": [ 107, 304, 218, 61 ], "completed": false }, { "type": "image", "position": [ 349, 304, 93, 61 ], "completed": false }, { "type": "description", "position": [ 442, 304, 218, 61 ], "completed": false }, { "type": "image", "position": [ 688, 304, 88, 61 ], "completed": false }, { "type": "description", "position": [ 777, 304, 218, 61 ], "completed": false }, { "type": "button", "position": [ 14, 394, 111, 43 ], "completed": false } ] }, { "text": "# A page for a company, the user can check the pipeline, focus areas, and careers of the company. # The page should be divided into three parts. In each part, there should be an image, one title and a brief description. So the user can know the pipeline, focus areas, and careers of the company.", "region_id": "571", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'pipeline, focus areas, careers'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 22 36 10 | image 18 9 4 4 | title 15 16 10 3 ] | [ description 41 24 36 7 | image 57 11 4 4 | title 52 18 15 3 ] | [ description 81 24 36 7 | image 97 11 4 4 | title 94 18 9 3 ] \"", "layout_seq_without_completion": "\" [ description 2 22 36 10 | image 18 9 4 4 | title 15 16 10 3 ] | [ description 41 24 36 7 | image 57 11 4 4 | title 52 18 15 3 ] | [ description 81 24 36 7 | image 97 11 4 4 | title 94 18 9 3 ] \"", "plain_layout_seq": "description 2 22 36 10 | description 41 24 36 7 | description 81 24 36 7 | image 18 9 4 4 | image 57 11 4 4 | image 97 11 4 4 | title 15 16 10 3 | title 52 18 15 3 | title 94 18 9 3", "canvas_width": 1024, "canvas_height": 373, "elements": [ { "type": "image", "position": [ 156, 80, 35, 37 ], "completed": false }, { "type": "image", "position": [ 494, 95, 35, 37 ], "completed": false }, { "type": "image", "position": [ 832, 95, 35, 37 ], "completed": false }, { "type": "title", "position": [ 131, 145, 86, 33 ], "completed": false }, { "type": "title", "position": [ 447, 160, 130, 33 ], "completed": false }, { "type": "title", "position": [ 808, 160, 84, 33 ], "completed": false }, { "type": "description", "position": [ 20, 192, 308, 90 ], "completed": false }, { "type": "description", "position": [ 358, 207, 308, 60 ], "completed": false }, { "type": "description", "position": [ 696, 207, 308, 60 ], "completed": false } ] }, { "text": "# A page for a company, the user can check the pipeline, focus areas, and careers of the company. # The page should be divided into three parts. In each part, there should be an image and two text boxes. So the user can know the pipeline, focus areas, and careers of the company.", "region_id": "571_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'pipeline, focus areas, careers'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 18 9 4 4 | text 15 16 10 3 | text 2 22 36 10 ] | [ image 57 11 4 4 | text 52 18 15 3 | text 41 24 36 7 ] | [ image 97 11 4 4 | text 94 18 9 3 | text 81 24 36 7 ] \"", "layout_seq_without_completion": "\" [ image 18 9 4 4 | text 15 16 10 3 | text 2 22 36 10 ] | [ image 57 11 4 4 | text 52 18 15 3 | text 41 24 36 7 ] | [ image 97 11 4 4 | text 94 18 9 3 | text 81 24 36 7 ] \"", "plain_layout_seq": "image 18 9 4 4 | image 57 11 4 4 | image 97 11 4 4 | text 15 16 10 3 | text 2 22 36 10 | text 52 18 15 3 | text 41 24 36 7 | text 94 18 9 3 | text 81 24 36 7", "canvas_width": 1024, "canvas_height": 373, "elements": [ { "type": "image", "position": [ 156, 80, 35, 37 ], "completed": false }, { "type": "image", "position": [ 494, 95, 35, 37 ], "completed": false }, { "type": "image", "position": [ 832, 95, 35, 37 ], "completed": false }, { "type": "text", "position": [ 131, 145, 86, 33 ], "completed": false }, { "type": "text", "position": [ 447, 160, 130, 33 ], "completed": false }, { "type": "text", "position": [ 808, 160, 84, 33 ], "completed": false }, { "type": "text", "position": [ 20, 192, 308, 90 ], "completed": false }, { "type": "text", "position": [ 358, 207, 308, 60 ], "completed": false }, { "type": "text", "position": [ 696, 207, 308, 60 ], "completed": false } ] }, { "text": "#This page shows money clips for users. #This page has two groups: Money Clip-MBO and Money Clip/Brass, each group has a product image, name, and price or on-sale status, and there is a button for Shop Money Clips below.", "region_id": "6750", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Money Clip-MBO, Money Clip/Brass'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'shop money clips'] ] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 76 23 6 | \" [ image 3 5 52 52 | text 3 67 52 3 | title 21 63 16 2 ] | [ image 63 5 52 52 | text 86 67 6 2 | title 81 63 16 2 ] \"", "layout_seq_without_completion": "button 48 76 23 6 | \" [ image 3 5 52 52 | text 3 67 52 3 | title 21 63 16 2 ] | [ image 63 5 52 52 | text 86 67 6 2 | title 81 63 16 2 ] \"", "plain_layout_seq": "button 48 76 23 6 | image 3 5 52 52 | image 63 5 52 52 | text 3 67 52 3 | text 86 67 6 2 | title 21 63 16 2 | title 81 63 16 2", "canvas_width": 1024, "canvas_height": 756, "elements": [ { "type": "image", "position": [ 32, 51, 450, 450 ], "completed": false }, { "type": "image", "position": [ 542, 51, 450, 450 ], "completed": false }, { "type": "title", "position": [ 186, 538, 142, 20 ], "completed": false }, { "type": "title", "position": [ 696, 538, 141, 20 ], "completed": false }, { "type": "text", "position": [ 32, 578, 450, 26 ], "completed": false }, { "type": "text", "position": [ 740, 580, 53, 22 ], "completed": false }, { "type": "button", "position": [ 411, 654, 202, 52 ], "completed": false } ] }, { "text": "#A page showing the news.# There are two groups showing the content of the news. Each one has a title and a explanation.", "region_id": "777", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 64 16 41 16 | description 4 12 41 20 | title 64 12 9 2 | title 4 8 23 2", "layout_seq_without_completion": "description 64 16 41 16 | description 4 12 41 20 | title 64 12 9 2 | title 4 8 23 2", "plain_layout_seq": "description 64 16 41 16 | description 4 12 41 20 | title 64 12 9 2 | title 4 8 23 2", "canvas_width": 970, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 39, 68, 190, 24 ], "completed": false }, { "type": "description", "position": [ 39, 98, 333, 163 ], "completed": false }, { "type": "title", "position": [ 524, 100, 79, 24 ], "completed": false }, { "type": "description", "position": [ 524, 130, 333, 131 ], "completed": false } ] }, { "text": "#A page showing the news.# There are two texts showing the content of the news.", "region_id": "777_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item[el:text]] ] ]", "execution": "multiinfo : { [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete button 64 12 9 2 | complete button 4 8 23 2 | text 64 16 41 16 | text 4 12 41 20", "layout_seq_without_completion": "button 64 12 9 2 | button 4 8 23 2 | text 64 16 41 16 | text 4 12 41 20", "plain_layout_seq": "button 64 12 9 2 | button 4 8 23 2 | text 64 16 41 16 | text 4 12 41 20", "canvas_width": 970, "canvas_height": 316, "elements": [ { "type": "button", "position": [ 39, 68, 190, 24 ], "completed": true }, { "type": "text", "position": [ 39, 98, 333, 163 ], "completed": false }, { "type": "button", "position": [ 524, 100, 79, 24 ], "completed": true }, { "type": "text", "position": [ 524, 130, 333, 131 ], "completed": false } ] }, { "text": "#A page for introducing the tips from experts.# There is one title \"From the experts\". Below are three info groups. Each group includes one image, one vice title, one description, and one button for reading more.", "region_id": "7489", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'from the experts'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 6 73 10 3 | button 43 66 11 3 | button 80 73 11 3 | description 43 47 33 7 | description 6 58 33 12 | description 43 57 33 7 | description 80 58 33 12 | title 6 51 33 5 | title 43 40 33 5 | title 6 6 107 2 | title 80 51 33 5", "layout_seq_without_completion": "button 6 73 10 3 | button 43 66 11 3 | button 80 73 11 3 | description 43 47 33 7 | description 6 58 33 12 | description 43 57 33 7 | description 80 58 33 12 | title 6 51 33 5 | title 43 40 33 5 | title 6 6 107 2 | title 80 51 33 5", "plain_layout_seq": "button 6 73 10 3 | button 43 66 11 3 | button 80 73 11 3 | description 43 47 33 7 | description 6 58 33 12 | description 43 57 33 7 | description 80 58 33 12 | title 6 51 33 5 | title 43 40 33 5 | title 6 6 107 2 | title 80 51 33 5", "canvas_width": 1024, "canvas_height": 710, "elements": [ { "type": "title", "position": [ 55, 55, 914, 25 ], "completed": false }, { "type": "title", "position": [ 370, 345, 285, 43 ], "completed": false }, { "type": "description", "position": [ 370, 405, 285, 63 ], "completed": false }, { "type": "title", "position": [ 684, 439, 285, 43 ], "completed": false }, { "type": "title", "position": [ 55, 440, 285, 44 ], "completed": false }, { "type": "description", "position": [ 370, 488, 285, 63 ], "completed": false }, { "type": "description", "position": [ 55, 500, 285, 105 ], "completed": false }, { "type": "description", "position": [ 684, 500, 285, 105 ], "completed": false }, { "type": "button", "position": [ 370, 570, 98, 30 ], "completed": false }, { "type": "button", "position": [ 684, 624, 98, 30 ], "completed": false }, { "type": "button", "position": [ 55, 625, 93, 30 ], "completed": false } ] }, { "text": "# A page to introduce the popular categories of a company.# The page should have the title \"Popular Categories\" and 12 text boxes showing the popular categories such as automotive, cleaning, and so on.", "region_id": "1426", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'popular categories'] ] [gp:InfoGroup [gattr:repeat'12'] [gattr:names'automotive, cleaning'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "text 41 17 17 1 | text 61 17 13 1 | text 21 12 6 1 | text 81 12 10 1 | text 81 17 8 1 | text 1 12 8 1 | text 41 12 16 1 | text 101 12 12 1 | text 101 17 17 1 | text 61 12 15 1 | text 1 17 6 1 | text 21 17 14 1 | title 1 4 34 5", "layout_seq_without_completion": "text 41 17 17 1 | text 61 17 13 1 | text 21 12 6 1 | text 81 12 10 1 | text 81 17 8 1 | text 1 12 8 1 | text 41 12 16 1 | text 101 12 12 1 | text 101 17 17 1 | text 61 12 15 1 | text 1 17 6 1 | text 21 17 14 1 | title 1 4 34 5", "plain_layout_seq": "text 41 17 17 1 | text 61 17 13 1 | text 21 12 6 1 | text 81 12 10 1 | text 81 17 8 1 | text 1 12 8 1 | text 41 12 16 1 | text 101 12 12 1 | text 101 17 17 1 | text 61 12 15 1 | text 1 17 6 1 | text 21 17 14 1 | title 1 4 34 5", "canvas_width": 1024, "canvas_height": 173, "elements": [ { "type": "title", "position": [ 10, 35, 297, 47 ], "completed": false }, { "type": "text", "position": [ 10, 109, 71, 17 ], "completed": false }, { "type": "text", "position": [ 181, 109, 55, 17 ], "completed": false }, { "type": "text", "position": [ 351, 109, 145, 17 ], "completed": false }, { "type": "text", "position": [ 522, 109, 128, 17 ], "completed": false }, { "type": "text", "position": [ 693, 109, 92, 17 ], "completed": false }, { "type": "text", "position": [ 863, 109, 110, 17 ], "completed": false }, { "type": "text", "position": [ 10, 146, 59, 17 ], "completed": false }, { "type": "text", "position": [ 181, 146, 124, 17 ], "completed": false }, { "type": "text", "position": [ 351, 146, 147, 17 ], "completed": false }, { "type": "text", "position": [ 522, 146, 119, 17 ], "completed": false }, { "type": "text", "position": [ 693, 146, 72, 17 ], "completed": false }, { "type": "text", "position": [ 863, 146, 147, 17 ], "completed": false } ] }, { "text": "#A page for showing users' comments.# This page contains three lists. Each list has an icon, a title showing the comment content of users, and a label showing the net name and the origin of the comment.", "region_id": "7064", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 58 6 2 2 | icon 94 6 2 2 | icon 23 6 2 2 | text 8 24 32 2 | text 79 21 32 2 | text 43 21 32 2 | title 43 11 32 5 | title 8 11 32 8 | title 79 11 32 5", "layout_seq_without_completion": "icon 58 6 2 2 | icon 94 6 2 2 | icon 23 6 2 2 | text 8 24 32 2 | text 79 21 32 2 | text 43 21 32 2 | title 43 11 32 5 | title 8 11 32 8 | title 79 11 32 5", "plain_layout_seq": "icon 58 6 2 2 | icon 94 6 2 2 | icon 23 6 2 2 | text 8 24 32 2 | text 79 21 32 2 | text 43 21 32 2 | title 43 11 32 5 | title 8 11 32 8 | title 79 11 32 5", "canvas_width": 1024, "canvas_height": 281, "elements": [ { "type": "icon", "position": [ 197, 59, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 501, 59, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 805, 59, 20, 20 ], "completed": false }, { "type": "title", "position": [ 70, 100, 274, 75 ], "completed": false }, { "type": "title", "position": [ 374, 100, 274, 50 ], "completed": false }, { "type": "title", "position": [ 678, 100, 274, 50 ], "completed": false }, { "type": "text", "position": [ 374, 181, 274, 20 ], "completed": false }, { "type": "text", "position": [ 678, 181, 274, 20 ], "completed": false }, { "type": "text", "position": [ 70, 206, 274, 19 ], "completed": false } ] }, { "text": "# A page showing the categories in an online shop. The page should have the title \"BROWSE OUR CATEGORIES\" and four categories. In each one, there should have an image with a title and a text of the number of products on it. Besides, there should be two sets of pagination for the user to view more categories.", "region_id": "8437", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'browse our categories'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:pagination [attr:repeat '2'] ] ]", "execution": "multiinfo : pagination undefined undefined | pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 60 40 0 0 | complete button 58 40 0 0 | title 46 3 26 3 | \" [ image 5 10 25 25 | text 8 25 8 1 | title 8 20 19 5 ] | [ image 33 10 25 25 | text 35 25 8 1 | title 35 20 21 5 ] | [ image 61 10 25 25 | text 63 23 8 1 | title 63 20 22 3 ] | [ image 88 10 25 25 | text 91 23 8 1 | title 91 20 19 3 ] \"", "layout_seq_without_completion": "button 60 40 0 0 | button 58 40 0 0 | title 46 3 26 3 | \" [ image 5 10 25 25 | text 8 25 8 1 | title 8 20 19 5 ] | [ image 33 10 25 25 | text 35 25 8 1 | title 35 20 21 5 ] | [ image 61 10 25 25 | text 63 23 8 1 | title 63 20 22 3 ] | [ image 88 10 25 25 | text 91 23 8 1 | title 91 20 19 3 ] \"", "plain_layout_seq": "button 60 40 0 0 | button 58 40 0 0 | image 5 10 25 25 | image 33 10 25 25 | image 61 10 25 25 | image 88 10 25 25 | text 8 25 8 1 | text 35 25 8 1 | text 63 23 8 1 | text 91 23 8 1 | title 46 3 26 3 | title 8 20 19 5 | title 35 20 21 5 | title 63 20 22 3 | title 91 20 19 3", "canvas_width": 1029, "canvas_height": 399, "elements": [ { "type": "title", "position": [ 403, 27, 224, 28 ], "completed": false }, { "type": "image", "position": [ 50, 87, 218, 219 ], "completed": false }, { "type": "image", "position": [ 287, 87, 218, 219 ], "completed": false }, { "type": "image", "position": [ 524, 87, 218, 219 ], "completed": false }, { "type": "image", "position": [ 762, 87, 218, 219 ], "completed": false }, { "type": "title", "position": [ 70, 173, 164, 50 ], "completed": false }, { "type": "title", "position": [ 307, 173, 181, 50 ], "completed": false }, { "type": "title", "position": [ 544, 173, 194, 30 ], "completed": false }, { "type": "title", "position": [ 782, 173, 167, 30 ], "completed": false }, { "type": "text", "position": [ 544, 202, 71, 12 ], "completed": false }, { "type": "text", "position": [ 782, 202, 76, 12 ], "completed": false }, { "type": "text", "position": [ 70, 222, 71, 12 ], "completed": false }, { "type": "text", "position": [ 307, 222, 71, 12 ], "completed": false }, { "type": "button", "position": [ 500, 351, 8, 8 ], "completed": true }, { "type": "button", "position": [ 522, 351, 8, 8 ], "completed": true } ] }, { "text": "#This page showcases Wood-Burning Fire Pits for users. #This page has the title \"Wood-Burning Fire Pits\", and it is divided into four groups: Fire Pits, Caldrons, Fireplaces, and Wood Storage. Each group consists of a picture and a title.", "region_id": "8259", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'wood-burning fire pits'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'fire pits, caldrons, fireplaces, wood storage'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 87 10 26 26 | image 4 10 26 26 | image 32 10 26 26 | image 60 10 26 26 | title 4 38 9 3 | title 32 38 9 3 | title 60 38 11 3 | title 87 38 16 3 | title 4 4 110 3", "layout_seq_without_completion": "image 87 10 26 26 | image 4 10 26 26 | image 32 10 26 26 | image 60 10 26 26 | title 4 38 9 3 | title 32 38 9 3 | title 60 38 11 3 | title 87 38 16 3 | title 4 4 110 3", "plain_layout_seq": "image 87 10 26 26 | image 4 10 26 26 | image 32 10 26 26 | image 60 10 26 26 | title 4 38 9 3 | title 32 38 9 3 | title 60 38 11 3 | title 87 38 16 3 | title 4 4 110 3", "canvas_width": 1024, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 40, 37, 944, 29 ], "completed": false }, { "type": "image", "position": [ 40, 87, 227, 227 ], "completed": false }, { "type": "image", "position": [ 276, 87, 227, 227 ], "completed": false }, { "type": "image", "position": [ 512, 87, 227, 227 ], "completed": false }, { "type": "image", "position": [ 748, 87, 227, 227 ], "completed": false }, { "type": "title", "position": [ 40, 325, 79, 28 ], "completed": false }, { "type": "title", "position": [ 276, 325, 85, 28 ], "completed": false }, { "type": "title", "position": [ 512, 325, 99, 28 ], "completed": false }, { "type": "title", "position": [ 748, 325, 137, 28 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There must be a title showing the aim of the page. There should be a search engine, with an input box and a button, where users can search for items or information. Also, there should be four groups each with an image and a link for different services.It has a picture.", "region_id": "1438", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:input] [el:button] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] ] ] [el:image] ]", "execution": "multiinfo : button undefined undefined | image undefined undefined | input undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 79 19 12 2 | image 64 28 30 37 | complete image 31 52 5 5 | complete image 25 48 18 18 | complete image 50 52 5 5 | complete image 31 33 5 5 | complete image 44 28 18 18 | complete image 50 33 5 5 | complete image 25 28 18 18 | complete image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | title 9 7 101 5", "layout_seq_without_completion": "button 79 19 12 2 | image 64 28 30 37 | image 31 52 5 5 | image 25 48 18 18 | image 50 52 5 5 | image 31 33 5 5 | image 44 28 18 18 | image 50 33 5 5 | image 25 28 18 18 | image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | title 9 7 101 5", "plain_layout_seq": "button 79 19 12 2 | image 64 28 30 37 | image 31 52 5 5 | image 25 48 18 18 | image 50 52 5 5 | image 31 33 5 5 | image 44 28 18 18 | image 50 33 5 5 | image 25 28 18 18 | image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | title 9 7 101 5", "canvas_width": 1024, "canvas_height": 567, "elements": [ { "type": "title", "position": [ 80, 60, 864, 48 ], "completed": false }, { "type": "input", "position": [ 214, 148, 421, 55 ], "completed": false }, { "type": "button", "position": [ 675, 165, 106, 19 ], "completed": false }, { "type": "image", "position": [ 214, 243, 157, 157 ], "completed": true }, { "type": "image", "position": [ 382, 243, 157, 157 ], "completed": true }, { "type": "image", "position": [ 548, 243, 261, 323 ], "completed": false }, { "type": "image", "position": [ 268, 285, 50, 50 ], "completed": true }, { "type": "image", "position": [ 435, 285, 50, 50 ], "completed": true }, { "type": "link", "position": [ 254, 348, 79, 18 ], "completed": false }, { "type": "link", "position": [ 404, 348, 111, 18 ], "completed": false }, { "type": "image", "position": [ 214, 410, 157, 157 ], "completed": true }, { "type": "image", "position": [ 382, 410, 157, 157 ], "completed": true }, { "type": "image", "position": [ 268, 452, 50, 50 ], "completed": true }, { "type": "image", "position": [ 435, 452, 50, 50 ], "completed": true }, { "type": "link", "position": [ 255, 515, 75, 18 ], "completed": false }, { "type": "link", "position": [ 409, 515, 103, 18 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There must be a textbox showing the aim of the page. There should be a search engine, with an input box and a button, where users can search for items or information. Also, there should be four groups with four links for different services.", "region_id": "1438_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text] [el:input] [el:button] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] ] ] ]", "execution": "multiinfo : button undefined undefined | input undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 79 19 12 2 | complete image 64 28 30 37 | complete image 31 52 5 5 | complete image 25 48 18 18 | complete image 50 52 5 5 | complete image 31 33 5 5 | complete image 44 28 18 18 | complete image 50 33 5 5 | complete image 25 28 18 18 | complete image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | text 9 7 101 5", "layout_seq_without_completion": "button 79 19 12 2 | image 64 28 30 37 | image 31 52 5 5 | image 25 48 18 18 | image 50 52 5 5 | image 31 33 5 5 | image 44 28 18 18 | image 50 33 5 5 | image 25 28 18 18 | image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | text 9 7 101 5", "plain_layout_seq": "button 79 19 12 2 | image 64 28 30 37 | image 31 52 5 5 | image 25 48 18 18 | image 50 52 5 5 | image 31 33 5 5 | image 44 28 18 18 | image 50 33 5 5 | image 25 28 18 18 | image 44 48 18 18 | input 25 17 49 6 | link 47 60 12 2 | link 29 40 9 2 | link 47 40 13 2 | link 29 60 8 2 | text 9 7 101 5", "canvas_width": 1024, "canvas_height": 567, "elements": [ { "type": "text", "position": [ 80, 60, 864, 48 ], "completed": false }, { "type": "input", "position": [ 214, 148, 421, 55 ], "completed": false }, { "type": "button", "position": [ 675, 165, 106, 19 ], "completed": false }, { "type": "image", "position": [ 214, 243, 157, 157 ], "completed": true }, { "type": "image", "position": [ 382, 243, 157, 157 ], "completed": true }, { "type": "image", "position": [ 548, 243, 261, 323 ], "completed": true }, { "type": "image", "position": [ 268, 285, 50, 50 ], "completed": true }, { "type": "image", "position": [ 435, 285, 50, 50 ], "completed": true }, { "type": "link", "position": [ 254, 348, 79, 18 ], "completed": false }, { "type": "link", "position": [ 404, 348, 111, 18 ], "completed": false }, { "type": "image", "position": [ 214, 410, 157, 157 ], "completed": true }, { "type": "image", "position": [ 382, 410, 157, 157 ], "completed": true }, { "type": "image", "position": [ 268, 452, 50, 50 ], "completed": true }, { "type": "image", "position": [ 435, 452, 50, 50 ], "completed": true }, { "type": "link", "position": [ 255, 515, 75, 18 ], "completed": false }, { "type": "link", "position": [ 409, 515, 103, 18 ], "completed": false } ] }, { "text": "# A page for showing featured articles for the user to read. # The page should have a title \"Featured Articles\" and three groups of articles with each having an image, a writer name, and an article title.", "region_id": "5712", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured articles'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 4 16 31 13 | image 44 16 31 13 | image 84 16 31 13 | text 4 33 13 2 | text 84 33 13 2 | text 44 33 6 2 | title 4 38 28 7 | title 44 38 30 11 | title 84 38 26 7 | title 1 7 116 4", "layout_seq_without_completion": "image 4 16 31 13 | image 44 16 31 13 | image 84 16 31 13 | text 4 33 13 2 | text 84 33 13 2 | text 44 33 6 2 | title 4 38 28 7 | title 44 38 30 11 | title 84 38 26 7 | title 1 7 116 4", "plain_layout_seq": "image 4 16 31 13 | image 44 16 31 13 | image 84 16 31 13 | text 4 33 13 2 | text 84 33 13 2 | text 44 33 6 2 | title 4 38 28 7 | title 44 38 30 11 | title 84 38 26 7 | title 1 7 116 4", "canvas_width": 970, "canvas_height": 422, "elements": [ { "type": "title", "position": [ 15, 60, 940, 37 ], "completed": false }, { "type": "image", "position": [ 35, 137, 253, 111 ], "completed": false }, { "type": "image", "position": [ 358, 137, 253, 110 ], "completed": false }, { "type": "image", "position": [ 682, 137, 253, 110 ], "completed": false }, { "type": "text", "position": [ 358, 272, 56, 19 ], "completed": false }, { "type": "text", "position": [ 682, 272, 113, 19 ], "completed": false }, { "type": "text", "position": [ 35, 273, 113, 19 ], "completed": false }, { "type": "title", "position": [ 358, 311, 243, 91 ], "completed": false }, { "type": "title", "position": [ 682, 311, 211, 61 ], "completed": false }, { "type": "title", "position": [ 35, 312, 228, 61 ], "completed": false } ] }, { "text": "# A page for marketing an online shop.# There should have four entries of phrases to introduce the secure checkout, discount, history, and the number of the order.", "region_id": "4366", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'secure checkout, discount, history, number of the order'] [item [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] }", "layout_seq_with_completion": "description 38 12 42 6 | description 31 1 56 6 | description 39 18 40 3 | description 0 26 120 3 | complete text 87 1 0 0 | complete text 80 11 1 1 | complete text 79 17 0 0", "layout_seq_without_completion": "description 38 12 42 6 | description 31 1 56 6 | description 39 18 40 3 | description 0 26 120 3 | text 87 1 0 0 | text 80 11 1 1 | text 79 17 0 0", "plain_layout_seq": "description 38 12 42 6 | description 31 1 56 6 | description 39 18 40 3 | description 0 26 120 3 | text 87 1 0 0 | text 80 11 1 1 | text 79 17 0 0", "canvas_width": 960, "canvas_height": 248, "elements": [ { "type": "text", "position": [ 699, 9, 7, 7 ], "completed": true }, { "type": "description", "position": [ 254, 13, 453, 50 ], "completed": false }, { "type": "text", "position": [ 642, 93, 8, 8 ], "completed": true }, { "type": "description", "position": [ 310, 98, 339, 50 ], "completed": false }, { "type": "text", "position": [ 639, 142, 4, 4 ], "completed": true }, { "type": "description", "position": [ 317, 144, 326, 25 ], "completed": false }, { "type": "description", "position": [ 0, 208, 960, 24 ], "completed": false } ] }, { "text": "#A page that contains some articles about scholarship and learning programs.# The page contains three information sets. Each group includes an image and a title.", "region_id": "5284", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 1 38 28 | complete image 0 1 38 52 | complete text 0 53 38 0 | title 5 32 26 7 ] | [ complete image 40 1 38 52 | image 40 1 38 28 | complete text 40 53 38 0 | title 45 32 24 5 ] | [ image 80 1 38 28 | complete image 80 1 38 52 | complete text 80 53 38 0 | title 85 32 27 7 ] \"", "layout_seq_without_completion": "\" [ image 0 1 38 28 | image 0 1 38 52 | text 0 53 38 0 | title 5 32 26 7 ] | [ image 40 1 38 52 | image 40 1 38 28 | text 40 53 38 0 | title 45 32 24 5 ] | [ image 80 1 38 28 | image 80 1 38 52 | text 80 53 38 0 | title 85 32 27 7 ] \"", "plain_layout_seq": "image 0 1 38 28 | image 0 1 38 52 | image 40 1 38 52 | image 40 1 38 28 | image 80 1 38 28 | image 80 1 38 52 | text 0 53 38 0 | text 40 53 38 0 | text 80 53 38 0 | title 5 32 26 7 | title 45 32 24 5 | title 85 32 27 7", "canvas_width": 960, "canvas_height": 441, "elements": [ { "type": "image", "position": [ 5, 10, 310, 229 ], "completed": false }, { "type": "image", "position": [ 5, 10, 310, 420 ], "completed": true }, { "type": "image", "position": [ 325, 10, 310, 230 ], "completed": false }, { "type": "image", "position": [ 325, 10, 310, 421 ], "completed": true }, { "type": "image", "position": [ 645, 10, 310, 421 ], "completed": true }, { "type": "image", "position": [ 645, 10, 310, 230 ], "completed": false }, { "type": "title", "position": [ 45, 260, 212, 62 ], "completed": false }, { "type": "title", "position": [ 365, 260, 192, 41 ], "completed": false }, { "type": "title", "position": [ 685, 260, 218, 62 ], "completed": false }, { "type": "text", "position": [ 5, 429, 310, 2 ], "completed": true }, { "type": "text", "position": [ 325, 429, 310, 2 ], "completed": true }, { "type": "text", "position": [ 645, 429, 310, 2 ], "completed": true } ] }, { "text": "#A page for showing news to users.# The page includes four groups. Each group contains a picture, a label showing the type of the news, and a title of the news.", "region_id": "2534", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 61 19 27 10 | text 0 19 27 7 | text 30 19 27 7 | text 92 19 27 10 | title 0 28 18 4 | title 30 28 18 4 | title 92 29 18 4 | title 61 29 18 4", "layout_seq_without_completion": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 61 19 27 10 | text 0 19 27 7 | text 30 19 27 7 | text 92 19 27 10 | title 0 28 18 4 | title 30 28 18 4 | title 92 29 18 4 | title 61 29 18 4", "plain_layout_seq": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 61 19 27 10 | text 0 19 27 7 | text 30 19 27 7 | text 92 19 27 10 | title 0 28 18 4 | title 30 28 18 4 | title 92 29 18 4 | title 61 29 18 4", "canvas_width": 977, "canvas_height": 294, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "text", "position": [ 0, 158, 220, 62 ], "completed": false }, { "type": "text", "position": [ 252, 158, 220, 62 ], "completed": false }, { "type": "text", "position": [ 504, 158, 220, 83 ], "completed": false }, { "type": "text", "position": [ 757, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 0, 236, 154, 37 ], "completed": false }, { "type": "title", "position": [ 252, 236, 154, 37 ], "completed": false }, { "type": "title", "position": [ 504, 242, 154, 37 ], "completed": false }, { "type": "title", "position": [ 757, 242, 154, 37 ], "completed": false } ] }, { "text": "#A page for showing three kinds of contacts and their links.# On the top, there is one text showing the title. Three texts are needed for showing the logo. Three texts show the contacts ways and each of them is followed by one text box for links.", "region_id": "647", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:logo] [el:text] [el:link [attr:value'contact way'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ link undefined undefined | logo undefined undefined | text undefined undefined ] | [ link undefined undefined | logo undefined undefined | text undefined undefined ] | [ link undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 94 38 11 2 | link 53 38 16 2 | link 14 38 16 2 | logo 93 21 10 6 | logo 15 21 10 6 | logo 54 21 10 6 | text 49 31 21 4 | text 18 31 6 4 | text 94 31 9 4 | title 13 10 93 5", "layout_seq_without_completion": "link 94 38 11 2 | link 53 38 16 2 | link 14 38 16 2 | logo 93 21 10 6 | logo 15 21 10 6 | logo 54 21 10 6 | text 49 31 21 4 | text 18 31 6 4 | text 94 31 9 4 | title 13 10 93 5", "plain_layout_seq": "link 94 38 11 2 | link 53 38 16 2 | link 14 38 16 2 | logo 93 21 10 6 | logo 15 21 10 6 | logo 54 21 10 6 | text 49 31 21 4 | text 18 31 6 4 | text 94 31 9 4 | title 13 10 93 5", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "title", "position": [ 115, 89, 795, 48 ], "completed": false }, { "type": "logo", "position": [ 136, 185, 90, 56 ], "completed": false }, { "type": "logo", "position": [ 467, 185, 90, 56 ], "completed": false }, { "type": "logo", "position": [ 798, 185, 90, 56 ], "completed": false }, { "type": "text", "position": [ 154, 273, 54, 38 ], "completed": false }, { "type": "text", "position": [ 420, 273, 184, 38 ], "completed": false }, { "type": "text", "position": [ 803, 273, 79, 38 ], "completed": false }, { "type": "link", "position": [ 125, 327, 144, 24 ], "completed": false }, { "type": "link", "position": [ 456, 327, 144, 24 ], "completed": false }, { "type": "link", "position": [ 810, 327, 98, 24 ], "completed": false } ] }, { "text": "#A page showing links for the services of a company. # There are two groups to introduce the features. Each group has a title, a short introduction, and a button to jump.", "region_id": "474", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'jump'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 61 12 12 4 | button 0 14 14 4 | description 61 6 58 2 | description 0 6 58 5 | title 0 0 58 4 | title 61 0 58 4", "layout_seq_without_completion": "button 61 12 12 4 | button 0 14 14 4 | description 61 6 58 2 | description 0 6 58 5 | title 0 0 58 4 | title 61 0 58 4", "plain_layout_seq": "button 61 12 12 4 | button 0 14 14 4 | description 61 6 58 2 | description 0 6 58 5 | title 0 0 58 4 | title 61 0 58 4", "canvas_width": 994, "canvas_height": 244, "elements": [ { "type": "title", "position": [ 0, 0, 481, 36 ], "completed": false }, { "type": "title", "position": [ 513, 0, 481, 36 ], "completed": false }, { "type": "description", "position": [ 0, 52, 481, 48 ], "completed": false }, { "type": "description", "position": [ 513, 52, 481, 24 ], "completed": false }, { "type": "button", "position": [ 513, 100, 103, 40 ], "completed": false }, { "type": "button", "position": [ 0, 124, 119, 40 ], "completed": false } ] }, { "text": "#A page for appealing users to learn about one company.# There should be a title \"Our Story\". It is better to have two links, one for watching the video, and the other for learning more info, and each of them includes one icon.", "region_id": "671", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our story'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'watch video, learn more'] [item [el:link] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 39 37 20 5 | link 61 37 18 5 | title 38 27 43 4", "layout_seq_without_completion": "link 39 37 20 5 | link 61 37 18 5 | title 38 27 43 4", "plain_layout_seq": "link 39 37 20 5 | link 61 37 18 5 | title 38 27 43 4", "canvas_width": 1024, "canvas_height": 611, "elements": [ { "type": "title", "position": [ 328, 238, 368, 41 ], "completed": false }, { "type": "link", "position": [ 337, 319, 171, 50 ], "completed": false }, { "type": "link", "position": [ 526, 319, 161, 50 ], "completed": false } ] }, { "text": "# A page for advertising a product.# The page should have three parts. Each has a picture, a title (\"Wear Your Attitude\", \"Humble Savage\", or \"Unisex Hats\"), and a short description.", "region_id": "6397", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'wear your attitude, humble savage, unisex hats'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 80 54 33 13 | description 6 54 33 10 | description 43 54 33 6 | image 81 6 30 40 | image 7 6 30 40 | image 48 6 22 40 | title 6 49 33 2 | title 43 49 33 2 | title 80 49 33 2", "layout_seq_without_completion": "description 80 54 33 13 | description 6 54 33 10 | description 43 54 33 6 | image 81 6 30 40 | image 7 6 30 40 | image 48 6 22 40 | title 6 49 33 2 | title 43 49 33 2 | title 80 49 33 2", "plain_layout_seq": "description 80 54 33 13 | description 6 54 33 10 | description 43 54 33 6 | image 81 6 30 40 | image 7 6 30 40 | image 48 6 22 40 | title 6 49 33 2 | title 43 49 33 2 | title 80 49 33 2", "canvas_width": 1024, "canvas_height": 630, "elements": [ { "type": "image", "position": [ 68, 55, 259, 345 ], "completed": false }, { "type": "image", "position": [ 415, 55, 194, 345 ], "completed": false }, { "type": "image", "position": [ 697, 55, 259, 345 ], "completed": false }, { "type": "title", "position": [ 55, 420, 285, 24 ], "completed": false }, { "type": "title", "position": [ 370, 420, 285, 24 ], "completed": false }, { "type": "title", "position": [ 684, 420, 285, 24 ], "completed": false }, { "type": "description", "position": [ 55, 461, 285, 86 ], "completed": false }, { "type": "description", "position": [ 370, 461, 285, 57 ], "completed": false }, { "type": "description", "position": [ 684, 461, 285, 114 ], "completed": false } ] }, { "text": "#A page introducing a company and its services.# There is a title named \"Let Your Ideas Shape the Future\". There is also a description. It is divided into three groups, each with a picture, a caption, and an explanation, with three links below for customers to learn more.", "region_id": "1020", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'let your ideas shape the future'] ] [el:description] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'what we offer, how to apply, our job portal'] [item [el:image] [el:text] [el:description] [el:link] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 10 7 98 6 | image 44 20 30 16 | image 78 20 30 16 | image 10 20 30 16 | title 10 0 98 4 | \" [ description 10 45 30 7 | complete icon 10 56 2 2 | complete icon 11 56 0 0 | link 14 56 8 2 | text 10 40 30 3 ] | [ description 44 45 30 5 | complete icon 44 53 2 2 | complete icon 45 54 0 0 | link 48 53 12 2 | text 44 40 30 3 ] | [ complete icon 79 48 0 0 | complete icon 78 48 2 2 | link 82 48 10 2 | text 78 40 30 3 ] \"", "layout_seq_without_completion": "description 10 7 98 6 | image 44 20 30 16 | image 78 20 30 16 | image 10 20 30 16 | title 10 0 98 4 | \" [ description 10 45 30 7 | icon 10 56 2 2 | icon 11 56 0 0 | link 14 56 8 2 | text 10 40 30 3 ] | [ description 44 45 30 5 | icon 44 53 2 2 | icon 45 54 0 0 | link 48 53 12 2 | text 44 40 30 3 ] | [ icon 79 48 0 0 | icon 78 48 2 2 | link 82 48 10 2 | text 78 40 30 3 ] \"", "plain_layout_seq": "description 10 7 98 6 | description 10 45 30 7 | description 44 45 30 5 | icon 10 56 2 2 | icon 11 56 0 0 | icon 44 53 2 2 | icon 45 54 0 0 | icon 79 48 0 0 | icon 78 48 2 2 | image 44 20 30 16 | image 78 20 30 16 | image 10 20 30 16 | link 14 56 8 2 | link 48 53 12 2 | link 82 48 10 2 | text 10 40 30 3 | text 44 40 30 3 | text 78 40 30 3 | title 10 0 98 4", "canvas_width": 1024, "canvas_height": 614, "elements": [ { "type": "title", "position": [ 92, 0, 840, 36 ], "completed": false }, { "type": "description", "position": [ 92, 68, 840, 56 ], "completed": false }, { "type": "image", "position": [ 92, 172, 259, 145 ], "completed": false }, { "type": "image", "position": [ 383, 172, 259, 145 ], "completed": false }, { "type": "image", "position": [ 673, 172, 259, 145 ], "completed": false }, { "type": "text", "position": [ 92, 342, 259, 29 ], "completed": false }, { "type": "text", "position": [ 383, 342, 259, 29 ], "completed": false }, { "type": "text", "position": [ 673, 342, 259, 29 ], "completed": false }, { "type": "description", "position": [ 92, 387, 259, 67 ], "completed": false }, { "type": "description", "position": [ 383, 387, 259, 45 ], "completed": false }, { "type": "icon", "position": [ 673, 411, 22, 22 ], "completed": true }, { "type": "link", "position": [ 701, 411, 88, 25 ], "completed": false }, { "type": "icon", "position": [ 681, 418, 8, 8 ], "completed": true }, { "type": "icon", "position": [ 383, 455, 22, 22 ], "completed": true }, { "type": "link", "position": [ 411, 455, 107, 25 ], "completed": false }, { "type": "icon", "position": [ 391, 462, 8, 8 ], "completed": true }, { "type": "icon", "position": [ 92, 478, 22, 22 ], "completed": true }, { "type": "link", "position": [ 120, 478, 73, 25 ], "completed": false }, { "type": "icon", "position": [ 100, 485, 8, 8 ], "completed": true } ] }, { "text": "#A page for selling T-shirts.# The page should have 4 groups, each with one image of the T-shirt, and two texts to show the title and the price respectively. One button is needed for users to click to view all goods.", "region_id": "8740", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'View All'] ] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 36 17 6 | \" [ image 7 0 22 15 | text 10 24 13 2 | title 10 19 16 4 ] | [ image 34 0 22 15 | text 37 24 13 5 | title 37 19 16 4 ] | [ image 62 0 22 17 | text 65 26 13 2 | title 65 21 16 4 ] | [ image 89 0 22 15 | text 92 22 13 5 | title 92 19 16 2 ] \"", "layout_seq_without_completion": "button 51 36 17 6 | \" [ image 7 0 22 15 | text 10 24 13 2 | title 10 19 16 4 ] | [ image 34 0 22 15 | text 37 24 13 5 | title 37 19 16 4 ] | [ image 62 0 22 17 | text 65 26 13 2 | title 65 21 16 4 ] | [ image 89 0 22 15 | text 92 22 13 5 | title 92 19 16 2 ] \"", "plain_layout_seq": "button 51 36 17 6 | image 7 0 22 15 | image 34 0 22 15 | image 62 0 22 17 | image 89 0 22 15 | text 10 24 13 2 | text 37 24 13 5 | text 65 26 13 2 | text 92 22 13 5 | title 10 19 16 4 | title 37 19 16 4 | title 65 21 16 4 | title 92 19 16 2", "canvas_width": 1024, "canvas_height": 369, "elements": [ { "type": "image", "position": [ 62, 0, 195, 130 ], "completed": false }, { "type": "image", "position": [ 297, 0, 195, 130 ], "completed": false }, { "type": "image", "position": [ 532, 0, 195, 146 ], "completed": false }, { "type": "image", "position": [ 767, 0, 195, 130 ], "completed": false }, { "type": "title", "position": [ 88, 164, 145, 36 ], "completed": false }, { "type": "title", "position": [ 322, 164, 145, 36 ], "completed": false }, { "type": "title", "position": [ 792, 164, 145, 18 ], "completed": false }, { "type": "title", "position": [ 557, 180, 145, 36 ], "completed": false }, { "type": "text", "position": [ 792, 193, 117, 50 ], "completed": false }, { "type": "text", "position": [ 88, 211, 113, 22 ], "completed": false }, { "type": "text", "position": [ 322, 211, 117, 50 ], "completed": false }, { "type": "text", "position": [ 557, 227, 113, 22 ], "completed": false }, { "type": "button", "position": [ 436, 310, 152, 58 ], "completed": false } ] }, { "text": "#A page showing all kinds of houses to users.#The page should have three groups of houses. And each house should have one text heading and four pictures of this kind of house.", "region_id": "4698", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:image [attr:repeat '4'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 88 29 17 18 | image 24 8 17 18 | image 47 8 17 18 | image 88 8 17 18 | image 107 8 12 18 | complete image 87 0 32 49 | complete image 4 0 39 49 | complete image 45 0 39 49 | image 5 8 17 18 | image 5 29 17 18 | image 24 29 17 18 | image 66 8 17 18 | image 47 29 17 18 | image 66 29 17 18 | image 107 29 12 18 | title 46 1 38 6 | title 87 1 32 6 | title 4 1 38 6", "layout_seq_without_completion": "image 88 29 17 18 | image 24 8 17 18 | image 47 8 17 18 | image 88 8 17 18 | image 107 8 12 18 | image 87 0 32 49 | image 4 0 39 49 | image 45 0 39 49 | image 5 8 17 18 | image 5 29 17 18 | image 24 29 17 18 | image 66 8 17 18 | image 47 29 17 18 | image 66 29 17 18 | image 107 29 12 18 | title 46 1 38 6 | title 87 1 32 6 | title 4 1 38 6", "plain_layout_seq": "image 88 29 17 18 | image 24 8 17 18 | image 47 8 17 18 | image 88 8 17 18 | image 107 8 12 18 | image 87 0 32 49 | image 4 0 39 49 | image 45 0 39 49 | image 5 8 17 18 | image 5 29 17 18 | image 24 29 17 18 | image 66 8 17 18 | image 47 29 17 18 | image 66 29 17 18 | image 107 29 12 18 | title 46 1 38 6 | title 87 1 32 6 | title 4 1 38 6", "canvas_width": 1024, "canvas_height": 430, "elements": [ { "type": "image", "position": [ 35, 5, 340, 420 ], "completed": true }, { "type": "image", "position": [ 389, 5, 340, 420 ], "completed": true }, { "type": "image", "position": [ 743, 5, 281, 420 ], "completed": true }, { "type": "title", "position": [ 42, 12, 326, 54 ], "completed": false }, { "type": "title", "position": [ 396, 12, 326, 54 ], "completed": false }, { "type": "title", "position": [ 750, 12, 274, 54 ], "completed": false }, { "type": "image", "position": [ 49, 73, 149, 162 ], "completed": false }, { "type": "image", "position": [ 212, 73, 149, 162 ], "completed": false }, { "type": "image", "position": [ 403, 73, 149, 162 ], "completed": false }, { "type": "image", "position": [ 566, 73, 149, 162 ], "completed": false }, { "type": "image", "position": [ 757, 73, 149, 162 ], "completed": false }, { "type": "image", "position": [ 920, 73, 104, 162 ], "completed": false }, { "type": "image", "position": [ 49, 249, 149, 162 ], "completed": false }, { "type": "image", "position": [ 212, 249, 149, 162 ], "completed": false }, { "type": "image", "position": [ 403, 249, 149, 162 ], "completed": false }, { "type": "image", "position": [ 566, 249, 149, 162 ], "completed": false }, { "type": "image", "position": [ 757, 249, 149, 162 ], "completed": false }, { "type": "image", "position": [ 920, 249, 104, 162 ], "completed": false } ] }, { "text": "# A page to have a brief introduction to a university. # The page should have a title \"WHO WE ARE\" and three groups with each having an image and a short description: \"BOARD OF REGENTS\" \"OFFICE OF THE PRESIDENT\", and \"FOUR CAMPUSES\". In the last group, there should also be four campuses' names.", "region_id": "4728", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'who we are'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'board of regents, office of the president'] [item [el:image] [el:description [attr:size 'small'] ] ] ] [el:image] [el:description [attr:size 'small'] [attr:value 'FOUR CAMPUSES'] ] [el:text [attr:repeat '4'] ] ]", "execution": "multiinfo : description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 6 26 26 8 | description 44 26 26 8 | description 81 26 17 8 | image 4 25 35 37 | image 42 25 35 37 | image 79 25 35 37 | title 40 8 38 7 | \" [ text 81 47 32 3 ] | [ text 81 50 32 3 ] | [ text 81 54 32 3 ] | [ text 81 57 32 3 ] \"", "layout_seq_without_completion": "description 6 26 26 8 | description 44 26 26 8 | description 81 26 17 8 | image 4 25 35 37 | image 42 25 35 37 | image 79 25 35 37 | title 40 8 38 7 | \" [ text 81 47 32 3 ] | [ text 81 50 32 3 ] | [ text 81 54 32 3 ] | [ text 81 57 32 3 ] \"", "plain_layout_seq": "description 6 26 26 8 | description 44 26 26 8 | description 81 26 17 8 | image 4 25 35 37 | image 42 25 35 37 | image 79 25 35 37 | text 81 47 32 3 | text 81 50 32 3 | text 81 54 32 3 | text 81 57 32 3 | title 40 8 38 7", "canvas_width": 1024, "canvas_height": 618, "elements": [ { "type": "title", "position": [ 348, 75, 328, 66 ], "completed": false }, { "type": "image", "position": [ 40, 216, 302, 322 ], "completed": false }, { "type": "image", "position": [ 361, 216, 302, 320 ], "completed": false }, { "type": "image", "position": [ 682, 216, 302, 322 ], "completed": false }, { "type": "description", "position": [ 56, 229, 227, 71 ], "completed": false }, { "type": "description", "position": [ 377, 229, 227, 71 ], "completed": false }, { "type": "description", "position": [ 698, 229, 151, 71 ], "completed": false }, { "type": "text", "position": [ 692, 406, 276, 29 ], "completed": false }, { "type": "text", "position": [ 692, 435, 276, 29 ], "completed": false }, { "type": "text", "position": [ 692, 464, 276, 28 ], "completed": false }, { "type": "text", "position": [ 692, 493, 276, 29 ], "completed": false } ] }, { "text": "#A page for introducing an all-in-one-event management platform to users.# The page should include one title \"One platform, endless potential\", and a brief description. Besides, there should be four parts to introduce the platform and each part contains an image, one title, a brief introduction, and a link for users to click for further information.", "region_id": "262", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'one platform, endless potential'] ] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:description [attr:size'small'] ] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 11 20 96 7 | title 11 14 96 6 | \" [ description 5 64 24 11 | complete icon 5 78 21 1 | image 5 35 24 21 | link 5 78 17 2 | title 5 59 14 3 ] | [ description 33 64 24 11 | complete icon 33 78 15 1 | image 33 35 24 21 | link 33 78 12 2 | title 33 59 22 3 ] | [ description 61 64 24 11 | complete icon 61 78 23 1 | image 61 35 24 21 | link 61 78 20 2 | title 61 59 16 3 ] | [ description 90 64 24 11 | complete icon 90 78 15 1 | image 90 35 24 21 | link 90 78 12 2 | title 90 59 6 3 ] \"", "layout_seq_without_completion": "description 11 20 96 7 | title 11 14 96 6 | \" [ description 5 64 24 11 | icon 5 78 21 1 | image 5 35 24 21 | link 5 78 17 2 | title 5 59 14 3 ] | [ description 33 64 24 11 | icon 33 78 15 1 | image 33 35 24 21 | link 33 78 12 2 | title 33 59 22 3 ] | [ description 61 64 24 11 | icon 61 78 23 1 | image 61 35 24 21 | link 61 78 20 2 | title 61 59 16 3 ] | [ description 90 64 24 11 | icon 90 78 15 1 | image 90 35 24 21 | link 90 78 12 2 | title 90 59 6 3 ] \"", "plain_layout_seq": "description 11 20 96 7 | description 5 64 24 11 | description 33 64 24 11 | description 61 64 24 11 | description 90 64 24 11 | icon 5 78 21 1 | icon 33 78 15 1 | icon 61 78 23 1 | icon 90 78 15 1 | image 5 35 24 21 | image 33 35 24 21 | image 61 35 24 21 | image 90 35 24 21 | link 5 78 17 2 | link 33 78 12 2 | link 61 78 20 2 | link 90 78 12 2 | title 11 14 96 6 | title 5 59 14 3 | title 33 59 22 3 | title 61 59 16 3 | title 90 59 6 3", "canvas_width": 1024, "canvas_height": 809, "elements": [ { "type": "title", "position": [ 102, 120, 820, 54 ], "completed": false }, { "type": "description", "position": [ 102, 179, 820, 66 ], "completed": false }, { "type": "image", "position": [ 44, 302, 210, 180 ], "completed": false }, { "type": "image", "position": [ 286, 302, 210, 180 ], "completed": false }, { "type": "image", "position": [ 528, 302, 210, 180 ], "completed": false }, { "type": "image", "position": [ 770, 302, 210, 180 ], "completed": false }, { "type": "title", "position": [ 44, 506, 120, 32 ], "completed": false }, { "type": "title", "position": [ 286, 506, 192, 32 ], "completed": false }, { "type": "title", "position": [ 528, 506, 143, 32 ], "completed": false }, { "type": "title", "position": [ 770, 506, 59, 32 ], "completed": false }, { "type": "description", "position": [ 44, 548, 210, 100 ], "completed": false }, { "type": "description", "position": [ 286, 548, 210, 100 ], "completed": false }, { "type": "description", "position": [ 528, 548, 210, 100 ], "completed": false }, { "type": "description", "position": [ 770, 548, 210, 100 ], "completed": false }, { "type": "link", "position": [ 44, 670, 153, 19 ], "completed": false }, { "type": "link", "position": [ 286, 670, 104, 19 ], "completed": false }, { "type": "link", "position": [ 528, 670, 172, 19 ], "completed": false }, { "type": "link", "position": [ 770, 670, 105, 19 ], "completed": false }, { "type": "icon", "position": [ 44, 671, 182, 17 ], "completed": true }, { "type": "icon", "position": [ 286, 671, 133, 17 ], "completed": true }, { "type": "icon", "position": [ 528, 671, 201, 17 ], "completed": true }, { "type": "icon", "position": [ 770, 671, 134, 17 ], "completed": true } ] }, { "text": "# A page for selling rings. # The page should have a title \"RINGS\" and four categories of the information set. There should contain an image showing the ring, the name of the product, and a price. Besides, there should be two paginations for the user to switch pages.", "region_id": "6452", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'RINGS'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 43 47 5 1 | text 97 47 5 1 | text 16 47 5 1 | text 71 47 4 1 | title 53 7 12 4 | title 7 40 23 7 | title 34 40 23 7 | title 61 40 23 7 | title 88 40 23 7", "layout_seq_without_completion": "text 43 47 5 1 | text 97 47 5 1 | text 16 47 5 1 | text 71 47 4 1 | title 53 7 12 4 | title 7 40 23 7 | title 34 40 23 7 | title 61 40 23 7 | title 88 40 23 7", "plain_layout_seq": "text 43 47 5 1 | text 97 47 5 1 | text 16 47 5 1 | text 71 47 4 1 | title 53 7 12 4 | title 7 40 23 7 | title 34 40 23 7 | title 61 40 23 7 | title 88 40 23 7", "canvas_width": 1009, "canvas_height": 495, "elements": [ { "type": "title", "position": [ 450, 65, 109, 35 ], "completed": false }, { "type": "title", "position": [ 66, 339, 195, 61 ], "completed": false }, { "type": "title", "position": [ 293, 339, 195, 61 ], "completed": false }, { "type": "title", "position": [ 520, 339, 195, 61 ], "completed": false }, { "type": "title", "position": [ 747, 339, 195, 61 ], "completed": false }, { "type": "text", "position": [ 141, 402, 45, 15 ], "completed": false }, { "type": "text", "position": [ 368, 402, 45, 15 ], "completed": false }, { "type": "text", "position": [ 599, 402, 37, 15 ], "completed": false }, { "type": "text", "position": [ 822, 402, 45, 15 ], "completed": false } ] }, { "text": "# A page for advertising the jewelry products in an online store. # The page should have the title \"Jewelry\", the phrase \"Nightmare Before Chrismas\", and four groups of product information with each having an image, a product name, and two price having a comparison to attract the user. Then, a set of paginations for switching pages and a button \"View all\" to view all products are needed.", "region_id": "8274", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'jewelry'] ] [el:text [attr:value 'nightmare before chrismas'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:repeat '2']] ] ] [el:pagination] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | pagination undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 65 13 6 | text 3 12 112 3 | title 3 6 112 4 | \" [ complete button 51 58 1 1 ] | [ complete button 55 58 1 1 ] | [ complete button 59 58 1 1 ] | [ complete button 62 58 1 1 ] | [ complete button 66 58 1 1 ] \" | \" [ image 3 19 25 25 | image 3 19 25 35 | text 9 49 13 2 | title 5 46 21 2 ] | [ image 32 19 25 35 | image 32 19 25 25 | text 38 49 13 2 | title 34 46 21 2 ] | [ image 61 19 25 35 | image 61 19 25 25 | text 67 49 13 2 | title 63 46 21 2 ] | [ image 91 19 25 25 | image 91 19 25 35 | text 97 49 13 2 | title 92 46 21 2 ] \"", "layout_seq_without_completion": "button 53 65 13 6 | text 3 12 112 3 | title 3 6 112 4 | \" [ button 51 58 1 1 ] | [ button 55 58 1 1 ] | [ button 59 58 1 1 ] | [ button 62 58 1 1 ] | [ button 66 58 1 1 ] \" | \" [ image 3 19 25 25 | image 3 19 25 35 | text 9 49 13 2 | title 5 46 21 2 ] | [ image 32 19 25 35 | image 32 19 25 25 | text 38 49 13 2 | title 34 46 21 2 ] | [ image 61 19 25 35 | image 61 19 25 25 | text 67 49 13 2 | title 63 46 21 2 ] | [ image 91 19 25 25 | image 91 19 25 35 | text 97 49 13 2 | title 92 46 21 2 ] \"", "plain_layout_seq": "button 53 65 13 6 | button 51 58 1 1 | button 55 58 1 1 | button 59 58 1 1 | button 62 58 1 1 | button 66 58 1 1 | image 3 19 25 25 | image 3 19 25 35 | image 32 19 25 35 | image 32 19 25 25 | image 61 19 25 35 | image 61 19 25 25 | image 91 19 25 25 | image 91 19 25 35 | text 3 12 112 3 | text 9 49 13 2 | text 38 49 13 2 | text 67 49 13 2 | text 97 49 13 2 | title 3 6 112 4 | title 5 46 21 2 | title 34 46 21 2 | title 63 46 21 2 | title 92 46 21 2", "canvas_width": 1024, "canvas_height": 675, "elements": [ { "type": "title", "position": [ 30, 57, 964, 37 ], "completed": false }, { "type": "text", "position": [ 30, 104, 964, 29 ], "completed": false }, { "type": "image", "position": [ 30, 163, 219, 302 ], "completed": false }, { "type": "image", "position": [ 30, 163, 219, 219 ], "completed": false }, { "type": "image", "position": [ 279, 163, 219, 219 ], "completed": false }, { "type": "image", "position": [ 279, 163, 219, 302 ], "completed": false }, { "type": "image", "position": [ 528, 163, 219, 219 ], "completed": false }, { "type": "image", "position": [ 528, 163, 219, 302 ], "completed": false }, { "type": "image", "position": [ 777, 163, 219, 219 ], "completed": false }, { "type": "image", "position": [ 777, 163, 219, 302 ], "completed": false }, { "type": "title", "position": [ 46, 398, 187, 19 ], "completed": false }, { "type": "title", "position": [ 295, 398, 187, 19 ], "completed": false }, { "type": "title", "position": [ 544, 398, 187, 19 ], "completed": false }, { "type": "title", "position": [ 793, 398, 187, 19 ], "completed": false }, { "type": "text", "position": [ 80, 425, 119, 23 ], "completed": false }, { "type": "text", "position": [ 330, 425, 118, 23 ], "completed": false }, { "type": "text", "position": [ 578, 425, 119, 23 ], "completed": false }, { "type": "text", "position": [ 828, 425, 118, 23 ], "completed": false }, { "type": "button", "position": [ 440, 503, 16, 16 ], "completed": true }, { "type": "button", "position": [ 472, 503, 16, 16 ], "completed": true }, { "type": "button", "position": [ 504, 503, 16, 16 ], "completed": true }, { "type": "button", "position": [ 536, 503, 16, 16 ], "completed": true }, { "type": "button", "position": [ 568, 503, 16, 16 ], "completed": true }, { "type": "button", "position": [ 456, 557, 113, 58 ], "completed": false } ] }, { "text": "#A page for showing products.# The page includes four groups. Each group contains a background, a title of the product, an image, and a button for users to click to get further information.", "region_id": "6303", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 26 40 | button 4 28 17 5 | image 4 7 18 10 | title 4 19 18 6 ] | [ background 31 0 26 40 | button 37 28 14 5 | image 35 7 18 10 | title 35 19 18 6 ] | [ background 62 0 26 40 | button 67 28 15 5 | image 66 7 18 10 | title 66 19 18 6 ] | [ background 93 0 26 40 | button 97 28 18 5 | image 97 7 18 10 | title 97 19 18 6 ] \"", "layout_seq_without_completion": "\" [ background 0 0 26 40 | button 4 28 17 5 | image 4 7 18 10 | title 4 19 18 6 ] | [ background 31 0 26 40 | button 37 28 14 5 | image 35 7 18 10 | title 35 19 18 6 ] | [ background 62 0 26 40 | button 67 28 15 5 | image 66 7 18 10 | title 66 19 18 6 ] | [ background 93 0 26 40 | button 97 28 18 5 | image 97 7 18 10 | title 97 19 18 6 ] \"", "plain_layout_seq": "background 0 0 26 40 | background 31 0 26 40 | background 62 0 26 40 | background 93 0 26 40 | button 4 28 17 5 | button 37 28 14 5 | button 67 28 15 5 | button 97 28 18 5 | image 4 7 18 10 | image 35 7 18 10 | image 66 7 18 10 | image 97 7 18 10 | title 4 19 18 6 | title 35 19 18 6 | title 66 19 18 6 | title 97 19 18 6", "canvas_width": 1019, "canvas_height": 347, "elements": [ { "type": "background", "position": [ 0, 0, 228, 347 ], "completed": false }, { "type": "background", "position": [ 264, 0, 229, 347 ], "completed": false }, { "type": "background", "position": [ 527, 0, 228, 347 ], "completed": false }, { "type": "background", "position": [ 790, 0, 229, 347 ], "completed": false }, { "type": "image", "position": [ 35, 60, 158, 88 ], "completed": false }, { "type": "image", "position": [ 299, 60, 158, 89 ], "completed": false }, { "type": "image", "position": [ 562, 60, 158, 89 ], "completed": false }, { "type": "image", "position": [ 825, 60, 158, 89 ], "completed": false }, { "type": "title", "position": [ 35, 164, 158, 59 ], "completed": false }, { "type": "title", "position": [ 299, 165, 158, 59 ], "completed": false }, { "type": "title", "position": [ 562, 165, 158, 59 ], "completed": false }, { "type": "title", "position": [ 825, 165, 158, 59 ], "completed": false }, { "type": "button", "position": [ 39, 239, 150, 47 ], "completed": false }, { "type": "button", "position": [ 318, 240, 120, 47 ], "completed": false }, { "type": "button", "position": [ 574, 240, 134, 47 ], "completed": false }, { "type": "button", "position": [ 827, 240, 155, 47 ], "completed": false } ] }, { "text": "#A page for introducing the moneytizer.# The page should have a logo of the company, two short texts to introduce the pros of the company, 5 related images, and a button for users to click to know about the company.", "region_id": "4618", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:description [attr:size 'small'] [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] ] ] [el:button [attr:value 'about us']] ]", "execution": "multiinfo : button undefined undefined | description undefined small | description undefined small | logo undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 53 100 12 6 | description 39 37 40 2 | description 30 22 58 11 | image 60 43 47 32 | image 11 43 48 32 | logo 42 5 35 13 | \" [ image 11 75 30 22 ] | [ image 44 75 30 22 ] | [ image 77 75 30 22 ] \"", "layout_seq_without_completion": "button 53 100 12 6 | description 39 37 40 2 | description 30 22 58 11 | image 60 43 47 32 | image 11 43 48 32 | logo 42 5 35 13 | \" [ image 11 75 30 22 ] | [ image 44 75 30 22 ] | [ image 77 75 30 22 ] \"", "plain_layout_seq": "button 53 100 12 6 | description 39 37 40 2 | description 30 22 58 11 | image 60 43 47 32 | image 11 43 48 32 | image 11 75 30 22 | image 44 75 30 22 | image 77 75 30 22 | logo 42 5 35 13", "canvas_width": 1024, "canvas_height": 945, "elements": [ { "type": "logo", "position": [ 362, 50, 300, 114 ], "completed": false }, { "type": "description", "position": [ 260, 194, 503, 94 ], "completed": false }, { "type": "description", "position": [ 339, 317, 346, 20 ], "completed": false }, { "type": "image", "position": [ 102, 367, 410, 276 ], "completed": false }, { "type": "image", "position": [ 512, 367, 409, 276 ], "completed": false }, { "type": "image", "position": [ 102, 644, 262, 195 ], "completed": false }, { "type": "image", "position": [ 381, 644, 262, 195 ], "completed": false }, { "type": "image", "position": [ 659, 644, 262, 195 ], "completed": false }, { "type": "button", "position": [ 457, 857, 110, 57 ], "completed": false } ] }, { "text": "# A page to show what the members comment on an app called Babylon Health. # On the page, there should be a title \"What our members say about us\", and three text boxes showing the contents of the comment.", "region_id": "761", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'what our members say about us'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] }", "layout_seq_with_completion": "title 3 0 112 4 | \" [ description 3 7 35 27 ] | [ description 42 7 34 27 ] | [ description 81 7 35 27 ] \"", "layout_seq_without_completion": "title 3 0 112 4 | \" [ description 3 7 35 27 ] | [ description 42 7 34 27 ] | [ description 81 7 35 27 ] \"", "plain_layout_seq": "description 3 7 35 27 | description 42 7 34 27 | description 81 7 35 27 | title 3 0 112 4", "canvas_width": 1024, "canvas_height": 298, "elements": [ { "type": "title", "position": [ 32, 0, 960, 36 ], "completed": false }, { "type": "description", "position": [ 32, 60, 299, 238 ], "completed": false }, { "type": "description", "position": [ 363, 60, 298, 238 ], "completed": false }, { "type": "description", "position": [ 693, 60, 299, 238 ], "completed": false } ] }, { "text": "# A page showing the categories of an online shop. # There should contain three categories: \"BRACELETS\" \"RINGS\" and \"NECKLACES\", with each having an image and a name of the category.", "region_id": "8361", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'BRACELETS, RINGS, NECKLACES'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 80 0 33 25 | image 6 0 33 25 | image 43 0 33 25 | title 55 21 8 2 | title 15 21 15 2 | title 89 21 15 2", "layout_seq_without_completion": "image 80 0 33 25 | image 6 0 33 25 | image 43 0 33 25 | title 55 21 8 2 | title 15 21 15 2 | title 89 21 15 2", "plain_layout_seq": "image 80 0 33 25 | image 6 0 33 25 | image 43 0 33 25 | title 55 21 8 2 | title 15 21 15 2 | title 89 21 15 2", "canvas_width": 1051, "canvas_height": 270, "elements": [ { "type": "image", "position": [ 56, 0, 293, 220 ], "completed": false }, { "type": "image", "position": [ 379, 0, 293, 220 ], "completed": false }, { "type": "image", "position": [ 702, 0, 293, 220 ], "completed": false }, { "type": "title", "position": [ 135, 187, 135, 26 ], "completed": false }, { "type": "title", "position": [ 489, 187, 74, 26 ], "completed": false }, { "type": "title", "position": [ 780, 187, 137, 26 ], "completed": false } ] }, { "text": "# A page showing three categories of products on an online shop.# On the page, there should have three categories: \"Accessories\" \"T-shirts\" and \"Sweatshirts and hoodies\". In each one, there should have a related image and a title showing the category for the user to choose to shop according to the category.", "region_id": "7367", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Accessories, T-shirts, Sweatshirts and hoodies'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 80 19 33 7 | title 43 21 33 3", "layout_seq_without_completion": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 80 19 33 7 | title 43 21 33 3", "plain_layout_seq": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 80 19 33 7 | title 43 21 33 3", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "image", "position": [ 55, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 55, 285, 285 ], "completed": false }, { "type": "title", "position": [ 684, 167, 285, 63 ], "completed": false }, { "type": "title", "position": [ 55, 182, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 182, 285, 32 ], "completed": false } ] }, { "text": "# A page for marketing SmartKapture.# The page should have two slogans about the SmartKapture to attract the user. Then there should have 14 images showing the logo of businesses that use SmartKapture.", "region_id": "4303", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '14'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 4 20 111 4 | title 4 0 111 16 | \" [ logo 7 34 19 16 ] | [ logo 29 34 19 16 ] | [ logo 50 34 19 16 ] | [ logo 71 34 19 16 ] | [ logo 93 34 19 16 ] | [ logo 7 53 19 16 ] | [ logo 29 53 19 16 ] | [ logo 50 53 19 16 ] | [ logo 71 53 19 16 ] | [ logo 93 53 19 16 ] | [ logo 18 71 19 16 ] | [ logo 39 71 19 16 ] | [ logo 61 71 19 16 ] | [ logo 82 71 19 16 ] \"", "layout_seq_without_completion": "title 4 20 111 4 | title 4 0 111 16 | \" [ logo 7 34 19 16 ] | [ logo 29 34 19 16 ] | [ logo 50 34 19 16 ] | [ logo 71 34 19 16 ] | [ logo 93 34 19 16 ] | [ logo 7 53 19 16 ] | [ logo 29 53 19 16 ] | [ logo 50 53 19 16 ] | [ logo 71 53 19 16 ] | [ logo 93 53 19 16 ] | [ logo 18 71 19 16 ] | [ logo 39 71 19 16 ] | [ logo 61 71 19 16 ] | [ logo 82 71 19 16 ] \"", "plain_layout_seq": "logo 7 34 19 16 | logo 29 34 19 16 | logo 50 34 19 16 | logo 71 34 19 16 | logo 93 34 19 16 | logo 7 53 19 16 | logo 29 53 19 16 | logo 50 53 19 16 | logo 71 53 19 16 | logo 93 53 19 16 | logo 18 71 19 16 | logo 39 71 19 16 | logo 61 71 19 16 | logo 82 71 19 16 | title 4 20 111 4 | title 4 0 111 16", "canvas_width": 1009, "canvas_height": 848, "elements": [ { "type": "title", "position": [ 36, 0, 936, 138 ], "completed": false }, { "type": "title", "position": [ 36, 174, 936, 38 ], "completed": false }, { "type": "logo", "position": [ 64, 290, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 244, 290, 161, 136 ], "completed": false }, { "type": "logo", "position": [ 424, 290, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 604, 290, 161, 136 ], "completed": false }, { "type": "logo", "position": [ 786, 290, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 63, 446, 161, 136 ], "completed": false }, { "type": "logo", "position": [ 244, 446, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 424, 446, 161, 136 ], "completed": false }, { "type": "logo", "position": [ 605, 446, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 785, 446, 161, 136 ], "completed": false }, { "type": "logo", "position": [ 154, 602, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 334, 602, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 514, 602, 160, 136 ], "completed": false }, { "type": "logo", "position": [ 694, 602, 160, 136 ], "completed": false } ] }, { "text": "# A page for marketing a company. # There should be three groups, and each group should contain an icon, a number and a word or phrase to introduce the number of the files, disk used, and users of the company.", "region_id": "3610", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'files, disk used, users'] [item [el:icon] [el:title] [el:text]] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 6 8 7 7 | complete image 4 7 34 11 | text 16 13 11 2 | title 16 9 11 3 ] | [ icon 44 8 7 7 | complete image 42 7 34 11 | text 53 13 15 2 | title 53 9 15 3 ] | [ icon 82 8 7 7 | complete image 80 7 34 11 | text 91 13 11 2 | title 91 9 11 3 ] \"", "layout_seq_without_completion": "\" [ icon 6 8 7 7 | image 4 7 34 11 | text 16 13 11 2 | title 16 9 11 3 ] | [ icon 44 8 7 7 | image 42 7 34 11 | text 53 13 15 2 | title 53 9 15 3 ] | [ icon 82 8 7 7 | image 80 7 34 11 | text 91 13 11 2 | title 91 9 11 3 ] \"", "plain_layout_seq": "icon 6 8 7 7 | icon 44 8 7 7 | icon 82 8 7 7 | image 4 7 34 11 | image 42 7 34 11 | image 80 7 34 11 | text 16 13 11 2 | text 53 13 15 2 | text 91 13 11 2 | title 16 9 11 3 | title 53 9 15 3 | title 91 9 11 3", "canvas_width": 1024, "canvas_height": 215, "elements": [ { "type": "image", "position": [ 42, 60, 293, 95 ], "completed": true }, { "type": "image", "position": [ 365, 60, 293, 95 ], "completed": true }, { "type": "image", "position": [ 689, 60, 293, 95 ], "completed": true }, { "type": "icon", "position": [ 57, 75, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 380, 75, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 704, 75, 60, 60 ], "completed": false }, { "type": "title", "position": [ 137, 80, 94, 33 ], "completed": false }, { "type": "title", "position": [ 460, 80, 132, 33 ], "completed": false }, { "type": "title", "position": [ 784, 80, 96, 33 ], "completed": false }, { "type": "text", "position": [ 137, 113, 94, 23 ], "completed": false }, { "type": "text", "position": [ 460, 113, 132, 23 ], "completed": false }, { "type": "text", "position": [ 784, 113, 96, 23 ], "completed": false } ] }, { "text": "# A page to introduce three tests. # There should have three groups, with each containing a title and two paragraphs introduction to the test respectively.", "region_id": "4832", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | description undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 7 32 10 | description 2 23 36 13 | complete image 2 2 36 18 | title 4 5 13 2 ] | [ description 43 7 32 10 | description 41 23 36 13 | complete image 41 2 36 18 | title 43 5 19 2 ] | [ description 82 7 32 10 | description 80 23 36 13 | complete image 80 2 36 18 | title 82 5 23 2 ] \"", "layout_seq_without_completion": "\" [ description 4 7 32 10 | description 2 23 36 13 | image 2 2 36 18 | title 4 5 13 2 ] | [ description 43 7 32 10 | description 41 23 36 13 | image 41 2 36 18 | title 43 5 19 2 ] | [ description 82 7 32 10 | description 80 23 36 13 | image 80 2 36 18 | title 82 5 23 2 ] \"", "plain_layout_seq": "description 4 7 32 10 | description 2 23 36 13 | description 43 7 32 10 | description 41 23 36 13 | description 82 7 32 10 | description 80 23 36 13 | image 2 2 36 18 | image 41 2 36 18 | image 80 2 36 18 | title 4 5 13 2 | title 43 5 19 2 | title 82 5 23 2", "canvas_width": 996, "canvas_height": 301, "elements": [ { "type": "image", "position": [ 20, 20, 300, 151 ], "completed": true }, { "type": "image", "position": [ 346, 20, 300, 151 ], "completed": true }, { "type": "image", "position": [ 670, 20, 300, 151 ], "completed": true }, { "type": "title", "position": [ 36, 44, 116, 17 ], "completed": false }, { "type": "title", "position": [ 360, 44, 160, 17 ], "completed": false }, { "type": "title", "position": [ 686, 44, 194, 17 ], "completed": false }, { "type": "description", "position": [ 36, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 360, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 686, 66, 270, 90 ], "completed": false }, { "type": "description", "position": [ 20, 191, 300, 110 ], "completed": false }, { "type": "description", "position": [ 346, 191, 300, 110 ], "completed": false }, { "type": "description", "position": [ 670, 191, 300, 110 ], "completed": false } ] }, { "text": "#A page for introducing blogs to users.# The page should include four parts of the content. Each part contains an image and a brief description of the blogs.", "region_id": "118", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 79 24 37 7 | description 22 22 37 11 | description 22 42 37 11 | description 79 42 37 11 | image 2 20 16 16 | image 60 20 16 16 | image 2 40 16 16 | image 60 40 16 16 | complete title 2 6 16 5", "layout_seq_without_completion": "description 79 24 37 7 | description 22 22 37 11 | description 22 42 37 11 | description 79 42 37 11 | image 2 20 16 16 | image 60 20 16 16 | image 2 40 16 16 | image 60 40 16 16 | title 2 6 16 5", "plain_layout_seq": "description 79 24 37 7 | description 22 22 37 11 | description 22 42 37 11 | description 79 42 37 11 | image 2 20 16 16 | image 60 20 16 16 | image 2 40 16 16 | image 60 40 16 16 | title 2 6 16 5", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "title", "position": [ 25, 52, 139, 46 ], "completed": true }, { "type": "image", "position": [ 25, 175, 140, 140 ], "completed": false }, { "type": "image", "position": [ 512, 175, 140, 140 ], "completed": false }, { "type": "description", "position": [ 195, 194, 317, 102 ], "completed": false }, { "type": "description", "position": [ 682, 211, 317, 68 ], "completed": false }, { "type": "image", "position": [ 25, 345, 140, 140 ], "completed": false }, { "type": "image", "position": [ 512, 345, 140, 140 ], "completed": false }, { "type": "description", "position": [ 195, 364, 317, 102 ], "completed": false }, { "type": "description", "position": [ 682, 364, 317, 102 ], "completed": false } ] }, { "text": "#A page for introducing the pros of an app.# The page should have 5 groups of icons and titles to introduce the pros of an app. A big image is needed to show the pages of the app.", "region_id": "516_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:icon] [el:title] ] ] [el:image [attr:size'large'] ] ]", "execution": "multiinfo : image undefined large | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete description 15 24 35 6 | icon 9 16 3 3 | icon 9 73 3 3 | icon 9 89 3 3 | icon 9 56 3 3 | icon 9 40 3 3 | image 65 34 49 49 | title 15 72 35 8 | title 15 39 35 8 | title 15 17 28 6 | title 15 89 35 8 | title 15 56 35 8", "layout_seq_without_completion": "description 15 24 35 6 | icon 9 16 3 3 | icon 9 73 3 3 | icon 9 89 3 3 | icon 9 56 3 3 | icon 9 40 3 3 | image 65 34 49 49 | title 15 72 35 8 | title 15 39 35 8 | title 15 17 28 6 | title 15 89 35 8 | title 15 56 35 8", "plain_layout_seq": "description 15 24 35 6 | icon 9 16 3 3 | icon 9 73 3 3 | icon 9 89 3 3 | icon 9 56 3 3 | icon 9 40 3 3 | image 65 34 49 49 | title 15 72 35 8 | title 15 39 35 8 | title 15 17 28 6 | title 15 89 35 8 | title 15 56 35 8", "canvas_width": 1039, "canvas_height": 916, "elements": [ { "type": "icon", "position": [ 81, 146, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 149, 249, 60 ], "completed": false }, { "type": "description", "position": [ 130, 214, 308, 59 ], "completed": true }, { "type": "image", "position": [ 564, 297, 430, 430 ], "completed": false }, { "type": "title", "position": [ 130, 345, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 348, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 488, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 490, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 630, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 633, 32, 32 ], "completed": false }, { "type": "title", "position": [ 130, 773, 308, 71 ], "completed": false }, { "type": "icon", "position": [ 81, 775, 32, 32 ], "completed": false } ] }, { "text": "# A page to introduce a company that the company is trusted by 12000 customers. # There should be one title and a link for users to click the small arrow to read the stories. It is necessary to have 12 small images of the logo of the companies on the right side.", "region_id": "1861_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:link [attr:value'read the stories'] ] [el:icon [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'12'] [item [el:logo [attr:position'right'] ] ] ] ]", "execution": "multiinfo : icon undefined small | link undefined undefined | title undefined undefined | { [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] | [ logo right undefined ] }", "layout_seq_with_completion": "icon 26 22 1 2 | link 8 22 17 2 | title 8 5 32 12 | \" [ logo 52 5 11 4 ] | [ logo 68 5 11 4 ] | [ logo 84 5 11 4 ] | [ logo 99 5 11 4 ] | [ logo 52 13 11 4 ] | [ logo 68 13 11 4 ] | [ logo 84 13 11 4 ] | [ logo 99 13 11 4 ] | [ logo 52 21 11 4 ] | [ logo 68 21 11 4 ] | [ logo 84 21 11 4 ] | [ logo 99 21 11 4 ] \"", "layout_seq_without_completion": "icon 26 22 1 2 | link 8 22 17 2 | title 8 5 32 12 | \" [ logo 52 5 11 4 ] | [ logo 68 5 11 4 ] | [ logo 84 5 11 4 ] | [ logo 99 5 11 4 ] | [ logo 52 13 11 4 ] | [ logo 68 13 11 4 ] | [ logo 84 13 11 4 ] | [ logo 99 13 11 4 ] | [ logo 52 21 11 4 ] | [ logo 68 21 11 4 ] | [ logo 84 21 11 4 ] | [ logo 99 21 11 4 ] \"", "plain_layout_seq": "icon 26 22 1 2 | link 8 22 17 2 | logo 52 5 11 4 | logo 68 5 11 4 | logo 84 5 11 4 | logo 99 5 11 4 | logo 52 13 11 4 | logo 68 13 11 4 | logo 84 13 11 4 | logo 99 13 11 4 | logo 52 21 11 4 | logo 68 21 11 4 | logo 84 21 11 4 | logo 99 21 11 4 | title 8 5 32 12", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "title", "position": [ 71, 50, 274, 109 ], "completed": false }, { "type": "logo", "position": [ 452, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 50, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 452, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 115, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 452, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 585, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 718, 180, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 851, 180, 100, 40 ], "completed": false }, { "type": "link", "position": [ 71, 189, 148, 21 ], "completed": false }, { "type": "icon", "position": [ 227, 189, 13, 21 ], "completed": false } ] }, { "text": "#A page for showing some Goo products.# There are four groups, and each one includes one image, one label for the product name, and one price label.", "region_id": "6404", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 0 26 19 | image 33 2 26 14 | image 63 2 26 14 | image 93 0 26 19 | text 93 24 26 2 | text 3 24 26 2 | text 63 24 26 2 | text 33 24 26 2 | title 33 20 26 2 | title 93 20 26 2 | title 63 20 26 2 | title 3 20 26 2", "layout_seq_without_completion": "image 3 0 26 19 | image 33 2 26 14 | image 63 2 26 14 | image 93 0 26 19 | text 93 24 26 2 | text 3 24 26 2 | text 63 24 26 2 | text 33 24 26 2 | title 33 20 26 2 | title 93 20 26 2 | title 63 20 26 2 | title 3 20 26 2", "plain_layout_seq": "image 3 0 26 19 | image 33 2 26 14 | image 63 2 26 14 | image 93 0 26 19 | text 93 24 26 2 | text 3 24 26 2 | text 63 24 26 2 | text 33 24 26 2 | title 33 20 26 2 | title 93 20 26 2 | title 63 20 26 2 | title 3 20 26 2", "canvas_width": 995, "canvas_height": 255, "elements": [ { "type": "image", "position": [ 30, 0, 219, 164 ], "completed": false }, { "type": "image", "position": [ 776, 0, 219, 164 ], "completed": false }, { "type": "image", "position": [ 278, 20, 219, 122 ], "completed": false }, { "type": "image", "position": [ 527, 20, 219, 122 ], "completed": false }, { "type": "title", "position": [ 30, 174, 219, 21 ], "completed": false }, { "type": "title", "position": [ 278, 174, 219, 21 ], "completed": false }, { "type": "title", "position": [ 527, 174, 219, 21 ], "completed": false }, { "type": "title", "position": [ 776, 174, 219, 21 ], "completed": false }, { "type": "text", "position": [ 30, 200, 219, 20 ], "completed": false }, { "type": "text", "position": [ 278, 200, 219, 20 ], "completed": false }, { "type": "text", "position": [ 527, 200, 219, 20 ], "completed": false }, { "type": "text", "position": [ 776, 200, 219, 20 ], "completed": false } ] }, { "text": "#A page for selling vintage tech T-shirts.# The page should have a title, and 4 groups while each group has an image, and two texts to show the title, and the price of the goods. A button is needed for users to click to view all goods.", "region_id": "6447", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text ] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 106 0 11 3 | title 4 0 18 3 | \" [ text 7 37 6 2 | text 13 37 7 2 | title 7 33 22 2 ] | [ text 34 37 6 2 | text 41 37 7 2 | title 34 33 22 2 ] | [ text 68 37 7 2 | text 62 37 6 2 | title 62 33 22 2 ] | [ text 90 37 6 2 | text 96 37 7 2 | title 90 33 22 2 ] \"", "layout_seq_without_completion": "button 106 0 11 3 | title 4 0 18 3 | \" [ text 7 37 6 2 | text 13 37 7 2 | title 7 33 22 2 ] | [ text 34 37 6 2 | text 41 37 7 2 | title 34 33 22 2 ] | [ text 68 37 7 2 | text 62 37 6 2 | title 62 33 22 2 ] | [ text 90 37 6 2 | text 96 37 7 2 | title 90 33 22 2 ] \"", "plain_layout_seq": "button 106 0 11 3 | text 7 37 6 2 | text 13 37 7 2 | text 34 37 6 2 | text 41 37 7 2 | text 68 37 7 2 | text 62 37 6 2 | text 90 37 6 2 | text 96 37 7 2 | title 4 0 18 3 | title 7 33 22 2 | title 34 33 22 2 | title 62 33 22 2 | title 90 33 22 2", "canvas_width": 1024, "canvas_height": 374, "elements": [ { "type": "title", "position": [ 40, 0, 162, 33 ], "completed": false }, { "type": "button", "position": [ 908, 3, 102, 30 ], "completed": false }, { "type": "title", "position": [ 60, 289, 196, 23 ], "completed": false }, { "type": "title", "position": [ 296, 289, 196, 23 ], "completed": false }, { "type": "title", "position": [ 532, 289, 196, 23 ], "completed": false }, { "type": "title", "position": [ 768, 289, 196, 23 ], "completed": false }, { "type": "text", "position": [ 60, 324, 56, 25 ], "completed": false }, { "type": "text", "position": [ 116, 324, 68, 25 ], "completed": false }, { "type": "text", "position": [ 296, 324, 56, 25 ], "completed": false }, { "type": "text", "position": [ 352, 324, 68, 25 ], "completed": false }, { "type": "text", "position": [ 532, 324, 56, 25 ], "completed": false }, { "type": "text", "position": [ 588, 324, 68, 25 ], "completed": false }, { "type": "text", "position": [ 768, 324, 56, 25 ], "completed": false }, { "type": "text", "position": [ 824, 324, 68, 25 ], "completed": false } ] }, { "text": "#This page is to help users better understand the product.# This page is mainly divided into three parts. The middle part shows the pictures of the product, and the two parts show the user,the name of the product: Research and Innovation and Institutes and Initiatives and related descriptions.", "region_id": "2430", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Research and Innovation, Institutes and Initiatives'] [item [el:title] [el:text] [el:description] ] ] ]", "execution": "multiinfo : image undefined undefined | { [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 19 25 22 | image 35 0 43 45 | text 5 3 25 6 | title 5 9 21 9 ] | [ description 87 22 27 19 | complete image 82 0 37 45 | text 87 3 27 3 | title 87 13 20 9 ] \"", "layout_seq_without_completion": "\" [ description 5 19 25 22 | image 35 0 43 45 | text 5 3 25 6 | title 5 9 21 9 ] | [ description 87 22 27 19 | image 82 0 37 45 | text 87 3 27 3 | title 87 13 20 9 ] \"", "plain_layout_seq": "description 5 19 25 22 | description 87 22 27 19 | image 35 0 43 45 | image 82 0 37 45 | text 5 3 25 6 | text 87 3 27 3 | title 5 9 21 9 | title 87 13 20 9", "canvas_width": 982, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 292, 0, 352, 371 ], "completed": false }, { "type": "image", "position": [ 675, 0, 307, 371 ], "completed": true }, { "type": "text", "position": [ 42, 27, 208, 54 ], "completed": false }, { "type": "text", "position": [ 717, 27, 223, 27 ], "completed": false }, { "type": "title", "position": [ 42, 81, 175, 80 ], "completed": false }, { "type": "title", "position": [ 717, 107, 168, 80 ], "completed": false }, { "type": "description", "position": [ 42, 162, 208, 182 ], "completed": false }, { "type": "description", "position": [ 717, 188, 223, 156 ], "completed": false } ] }, { "text": "#A page of Multicolumn.# The page should include the title \"Multicolumn\". The page contains 3 information sets. Each group includes a title \"Column\" and a description. There is also a button named \"Button label\".", "region_id": "8635", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'multicolumn'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title [attr:value 'Column'] ] [el:description] ] ] [el:button [attr:value 'button label'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 39 17 5 | title 5 0 15 3 | \" [ description 8 14 29 16 | complete image 5 7 35 27 | title 8 10 29 3 ] | [ description 45 14 29 16 | complete image 42 7 35 27 | title 45 10 29 3 ] | [ description 81 14 29 16 | complete image 78 7 35 27 | title 81 10 29 3 ] \"", "layout_seq_without_completion": "button 51 39 17 5 | title 5 0 15 3 | \" [ description 8 14 29 16 | image 5 7 35 27 | title 8 10 29 3 ] | [ description 45 14 29 16 | image 42 7 35 27 | title 45 10 29 3 ] | [ description 81 14 29 16 | image 78 7 35 27 | title 81 10 29 3 ] \"", "plain_layout_seq": "button 51 39 17 5 | description 8 14 29 16 | description 45 14 29 16 | description 81 14 29 16 | image 5 7 35 27 | image 42 7 35 27 | image 78 7 35 27 | title 5 0 15 3 | title 8 10 29 3 | title 45 10 29 3 | title 81 10 29 3", "canvas_width": 1024, "canvas_height": 379, "elements": [ { "type": "title", "position": [ 50, 0, 133, 32 ], "completed": false }, { "type": "image", "position": [ 50, 63, 301, 231 ], "completed": true }, { "type": "image", "position": [ 361, 63, 301, 231 ], "completed": true }, { "type": "image", "position": [ 673, 63, 301, 231 ], "completed": true }, { "type": "title", "position": [ 75, 88, 251, 27 ], "completed": false }, { "type": "title", "position": [ 386, 88, 251, 27 ], "completed": false }, { "type": "title", "position": [ 698, 88, 251, 27 ], "completed": false }, { "type": "description", "position": [ 75, 125, 251, 144 ], "completed": false }, { "type": "description", "position": [ 386, 125, 251, 144 ], "completed": false }, { "type": "description", "position": [ 698, 125, 251, 144 ], "completed": false }, { "type": "button", "position": [ 436, 334, 151, 45 ], "completed": false } ] }, { "text": "# A page for showing a company's accepted payments.# The page should have the title \"Accepted Payments\" and nine logos showing the payment methods.", "region_id": "8410", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'accepted payments'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 2 | \" [ logo 33 6 5 3 ] | [ logo 39 6 5 3 ] | [ logo 45 6 5 3 ] | [ logo 51 6 5 3 ] | [ logo 57 6 5 3 ] | [ logo 63 6 5 3 ] | [ logo 69 6 5 3 ] | [ logo 75 6 5 3 ] | [ logo 81 6 5 3 ] \"", "layout_seq_without_completion": "title 0 2 120 2 | \" [ logo 33 6 5 3 ] | [ logo 39 6 5 3 ] | [ logo 45 6 5 3 ] | [ logo 51 6 5 3 ] | [ logo 57 6 5 3 ] | [ logo 63 6 5 3 ] | [ logo 69 6 5 3 ] | [ logo 75 6 5 3 ] | [ logo 81 6 5 3 ] \"", "plain_layout_seq": "logo 33 6 5 3 | logo 39 6 5 3 | logo 45 6 5 3 | logo 51 6 5 3 | logo 57 6 5 3 | logo 63 6 5 3 | logo 69 6 5 3 | logo 75 6 5 3 | logo 81 6 5 3 | title 0 2 120 2", "canvas_width": 944, "canvas_height": 82, "elements": [ { "type": "title", "position": [ 0, 20, 944, 22 ], "completed": false }, { "type": "logo", "position": [ 260, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 308, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 356, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 404, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 452, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 500, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 548, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 596, 49, 40, 25 ], "completed": false }, { "type": "logo", "position": [ 644, 49, 40, 25 ], "completed": false } ] }, { "text": "#A page for introducing three kinds of watches to users.# The page should include one title and a brief description of the watch brand. Under it, there should be three kinds of watches for users. At the bottom, users can click the button to browse more watches.", "region_id": "1733", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] ] ] [el:button [attr:position'bottom'] [attr:value'more watches'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined small | title top undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "description 0 5 120 2 | image 12 8 27 34 | image 45 8 27 34 | image 79 8 27 34 | complete text 45 40 28 3 | complete text 79 40 28 1 | complete text 12 40 28 3 | title 0 0 120 3 | \" [ button 50 50 1 0 ] | [ button 52 50 1 0 ] | [ button 54 50 3 0 ] | [ button 59 50 1 0 ] | [ button 61 50 1 0 ] | [ button 64 50 1 0 ] | [ button 66 50 1 0 ] | [ button 68 50 1 0 ] \"", "layout_seq_without_completion": "description 0 5 120 2 | image 12 8 27 34 | image 45 8 27 34 | image 79 8 27 34 | text 45 40 28 3 | text 79 40 28 1 | text 12 40 28 3 | title 0 0 120 3 | \" [ button 50 50 1 0 ] | [ button 52 50 1 0 ] | [ button 54 50 3 0 ] | [ button 59 50 1 0 ] | [ button 61 50 1 0 ] | [ button 64 50 1 0 ] | [ button 66 50 1 0 ] | [ button 68 50 1 0 ] \"", "plain_layout_seq": "button 50 50 1 0 | button 52 50 1 0 | button 54 50 3 0 | button 59 50 1 0 | button 61 50 1 0 | button 64 50 1 0 | button 66 50 1 0 | button 68 50 1 0 | description 0 5 120 2 | image 12 8 27 34 | image 45 8 27 34 | image 79 8 27 34 | text 45 40 28 3 | text 79 40 28 1 | text 12 40 28 3 | title 0 0 120 3", "canvas_width": 1003, "canvas_height": 498, "elements": [ { "type": "title", "position": [ 0, 0, 1003, 30 ], "completed": false }, { "type": "description", "position": [ 0, 44, 1003, 23 ], "completed": false }, { "type": "image", "position": [ 102, 68, 232, 290 ], "completed": false }, { "type": "image", "position": [ 383, 68, 232, 290 ], "completed": false }, { "type": "image", "position": [ 664, 68, 232, 290 ], "completed": false }, { "type": "text", "position": [ 102, 339, 237, 28 ], "completed": true }, { "type": "text", "position": [ 383, 339, 237, 28 ], "completed": true }, { "type": "text", "position": [ 664, 339, 237, 14 ], "completed": true }, { "type": "button", "position": [ 418, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 438, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 458, 419, 28, 6 ], "completed": false }, { "type": "button", "position": [ 496, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 516, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 536, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 556, 419, 10, 6 ], "completed": false }, { "type": "button", "position": [ 576, 419, 10, 6 ], "completed": false } ] }, { "text": "# A page to show frequently viewed items. # On the page, there should include a title \"Frequently Viewed Items\" and five groups of item information, with each containing the name of the book and the writer's name.", "region_id": "3927", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Frequently Viewed Items'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 0 109 4 | \" [ complete image 6 11 19 14 | text 6 37 19 2 | title 6 29 19 8 ] | [ complete image 31 8 12 19 | text 28 34 19 2 | title 28 29 19 5 ] | [ complete image 50 9 19 17 | text 50 37 19 2 | title 50 29 19 8 ] | [ complete image 72 8 18 19 | text 72 32 19 2 | title 72 29 19 2 ] | [ complete image 96 8 15 19 | text 94 34 19 2 | title 94 29 19 5 ] \"", "layout_seq_without_completion": "title 5 0 109 4 | \" [ image 6 11 19 14 | text 6 37 19 2 | title 6 29 19 8 ] | [ image 31 8 12 19 | text 28 34 19 2 | title 28 29 19 5 ] | [ image 50 9 19 17 | text 50 37 19 2 | title 50 29 19 8 ] | [ image 72 8 18 19 | text 72 32 19 2 | title 72 29 19 2 ] | [ image 96 8 15 19 | text 94 34 19 2 | title 94 29 19 5 ] \"", "plain_layout_seq": "image 6 11 19 14 | image 31 8 12 19 | image 50 9 19 17 | image 72 8 18 19 | image 96 8 15 19 | text 6 37 19 2 | text 28 34 19 2 | text 50 37 19 2 | text 72 32 19 2 | text 94 34 19 2 | title 5 0 109 4 | title 6 29 19 8 | title 28 29 19 5 | title 50 29 19 8 | title 72 29 19 2 | title 94 29 19 5", "canvas_width": 924, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 40, 0, 844, 37 ], "completed": false }, { "type": "image", "position": [ 244, 67, 99, 149 ], "completed": true }, { "type": "image", "position": [ 559, 67, 144, 149 ], "completed": true }, { "type": "image", "position": [ 742, 67, 116, 149 ], "completed": true }, { "type": "image", "position": [ 388, 76, 149, 132 ], "completed": true }, { "type": "image", "position": [ 50, 86, 149, 112 ], "completed": true }, { "type": "title", "position": [ 50, 224, 149, 65 ], "completed": false }, { "type": "title", "position": [ 219, 224, 149, 43 ], "completed": false }, { "type": "title", "position": [ 388, 224, 149, 65 ], "completed": false }, { "type": "title", "position": [ 556, 224, 149, 22 ], "completed": false }, { "type": "title", "position": [ 725, 224, 149, 43 ], "completed": false }, { "type": "text", "position": [ 556, 248, 149, 21 ], "completed": false }, { "type": "text", "position": [ 219, 269, 149, 22 ], "completed": false }, { "type": "text", "position": [ 725, 269, 149, 22 ], "completed": false }, { "type": "text", "position": [ 50, 291, 149, 22 ], "completed": false }, { "type": "text", "position": [ 388, 291, 149, 22 ], "completed": false } ] }, { "text": "#A page to introduce some services of the website.# There are seven groups on the page. In each group, there is a title and an icon.", "region_id": "6240", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:title] [el:icon] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 114 1 2 3 | icon 54 9 4 3 | icon 113 9 3 3 | icon 55 16 3 3 | icon 54 1 4 3 | icon 113 16 4 3 | icon 54 24 3 3 | title 3 1 11 5 | title 62 1 16 5 | title 3 24 13 5 | title 3 8 13 5 | title 3 16 18 5 | title 62 8 24 5 | title 62 16 17 5", "layout_seq_without_completion": "icon 114 1 2 3 | icon 54 9 4 3 | icon 113 9 3 3 | icon 55 16 3 3 | icon 54 1 4 3 | icon 113 16 4 3 | icon 54 24 3 3 | title 3 1 11 5 | title 62 1 16 5 | title 3 24 13 5 | title 3 8 13 5 | title 3 16 18 5 | title 62 8 24 5 | title 62 16 17 5", "plain_layout_seq": "icon 114 1 2 3 | icon 54 9 4 3 | icon 113 9 3 3 | icon 55 16 3 3 | icon 54 1 4 3 | icon 113 16 4 3 | icon 54 24 3 3 | title 3 1 11 5 | title 62 1 16 5 | title 3 24 13 5 | title 3 8 13 5 | title 3 16 18 5 | title 62 8 24 5 | title 62 16 17 5", "canvas_width": 960, "canvas_height": 244, "elements": [ { "type": "title", "position": [ 30, 10, 95, 40 ], "completed": false }, { "type": "title", "position": [ 500, 10, 129, 40 ], "completed": false }, { "type": "icon", "position": [ 437, 13, 36, 30 ], "completed": false }, { "type": "icon", "position": [ 912, 13, 23, 30 ], "completed": false }, { "type": "title", "position": [ 30, 71, 105, 40 ], "completed": false }, { "type": "title", "position": [ 500, 71, 199, 40 ], "completed": false }, { "type": "icon", "position": [ 437, 74, 32, 30 ], "completed": false }, { "type": "icon", "position": [ 909, 74, 30, 30 ], "completed": false }, { "type": "title", "position": [ 30, 132, 151, 40 ], "completed": false }, { "type": "title", "position": [ 500, 132, 139, 40 ], "completed": false }, { "type": "icon", "position": [ 440, 135, 26, 30 ], "completed": false }, { "type": "icon", "position": [ 908, 135, 34, 30 ], "completed": false }, { "type": "title", "position": [ 30, 193, 108, 40 ], "completed": false }, { "type": "icon", "position": [ 438, 196, 30, 30 ], "completed": false } ] }, { "text": "#A page for introducing the Tweets and Newsletter.# There are two groups and each one includes one title. In the first group, there is one slogan and one progress bar. While in the second one, there is one input box and one button for submitting.", "region_id": "5968", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:text] [el:pagination] ] [item \n [el:title] [el:input] [el:button [attr:value 'submit'] ] ] ] ]", "execution": "multiinfo : { [ pagination undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete button 15 20 1 1 | complete button 13 20 1 1 | complete button 18 20 1 1 | complete button 20 20 1 1 | complete button 23 20 1 1 | text 13 9 44 5 | title 13 3 44 5 ] | [ button 95 11 16 5 | complete image 60 0 60 25 | input 63 11 31 5 | title 63 3 56 5 ] \"", "layout_seq_without_completion": "\" [ button 15 20 1 1 | button 13 20 1 1 | button 18 20 1 1 | button 20 20 1 1 | button 23 20 1 1 | text 13 9 44 5 | title 13 3 44 5 ] | [ button 95 11 16 5 | image 60 0 60 25 | input 63 11 31 5 | title 63 3 56 5 ] \"", "plain_layout_seq": "button 15 20 1 1 | button 13 20 1 1 | button 18 20 1 1 | button 20 20 1 1 | button 23 20 1 1 | button 95 11 16 5 | image 60 0 60 25 | input 63 11 31 5 | text 13 9 44 5 | title 13 3 44 5 | title 63 3 56 5", "canvas_width": 1024, "canvas_height": 217, "elements": [ { "type": "image", "position": [ 512, 0, 512, 217 ], "completed": true }, { "type": "title", "position": [ 112, 28, 382, 45 ], "completed": false }, { "type": "title", "position": [ 540, 28, 484, 45 ], "completed": false }, { "type": "text", "position": [ 112, 85, 382, 50 ], "completed": false }, { "type": "input", "position": [ 540, 99, 271, 45 ], "completed": false }, { "type": "button", "position": [ 811, 99, 138, 45 ], "completed": false }, { "type": "button", "position": [ 112, 173, 10, 10 ], "completed": true }, { "type": "button", "position": [ 134, 173, 10, 10 ], "completed": true }, { "type": "button", "position": [ 156, 173, 10, 10 ], "completed": true }, { "type": "button", "position": [ 178, 173, 10, 10 ], "completed": true }, { "type": "button", "position": [ 200, 173, 10, 10 ], "completed": true } ] }, { "text": "#A page for introducing the merits of one community.# There is one title \"Lets get started\" and two parts. Each part includes one icon, one vice title, one slogan, and one button for getting started now or joining now.", "region_id": "6031", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'lets get started'] ] [gp:InfoGroup [item [el:icon] [el:title] [el:text] [el:button[attr:value' getting started now'] ] ] [item [el:icon] [el:title] [el:text] [el:button[attr:value' joining now'] ] ]] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | icon undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 15 43 29 7 | button 79 46 21 7 | icon 21 16 17 17 | icon 81 16 17 17 | text 1 38 57 3 | text 61 38 57 6 | title 1 5 117 5 | title 1 33 57 3 | title 61 33 57 3", "layout_seq_without_completion": "button 15 43 29 7 | button 79 46 21 7 | icon 21 16 17 17 | icon 81 16 17 17 | text 1 38 57 3 | text 61 38 57 6 | title 1 5 117 5 | title 1 33 57 3 | title 61 33 57 3", "plain_layout_seq": "button 15 43 29 7 | button 79 46 21 7 | icon 21 16 17 17 | icon 81 16 17 17 | text 1 38 57 3 | text 61 38 57 6 | title 1 5 117 5 | title 1 33 57 3 | title 61 33 57 3", "canvas_width": 1024, "canvas_height": 531, "elements": [ { "type": "title", "position": [ 10, 50, 1004, 48 ], "completed": false }, { "type": "icon", "position": [ 181, 138, 150, 150 ], "completed": false }, { "type": "icon", "position": [ 693, 138, 150, 150 ], "completed": false }, { "type": "title", "position": [ 10, 288, 492, 32 ], "completed": false }, { "type": "title", "position": [ 522, 288, 492, 32 ], "completed": false }, { "type": "text", "position": [ 10, 330, 492, 28 ], "completed": false }, { "type": "text", "position": [ 522, 330, 492, 56 ], "completed": false }, { "type": "button", "position": [ 132, 372, 249, 60 ], "completed": false }, { "type": "button", "position": [ 677, 400, 182, 60 ], "completed": false } ] }, { "text": "#A page for showing products.# The page includes three groups. Each group contains a picture, a product name, and a label showing the category of the product.", "region_id": "6211", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 3 38 29 | image 81 3 38 29 | image 40 3 38 29 | text 34 0 4 2 | text 101 0 18 2 | text 60 0 19 2 | title 40 33 24 4 | title 0 33 34 13 | title 81 33 33 8", "layout_seq_without_completion": "image 0 3 38 29 | image 81 3 38 29 | image 40 3 38 29 | text 34 0 4 2 | text 101 0 18 2 | text 60 0 19 2 | title 40 33 24 4 | title 0 33 34 13 | title 81 33 33 8", "plain_layout_seq": "image 0 3 38 29 | image 81 3 38 29 | image 40 3 38 29 | text 34 0 4 2 | text 101 0 18 2 | text 60 0 19 2 | title 40 33 24 4 | title 0 33 34 13 | title 81 33 33 8", "canvas_width": 917, "canvas_height": 409, "elements": [ { "type": "text", "position": [ 261, 4, 32, 19 ], "completed": false }, { "type": "text", "position": [ 459, 4, 146, 19 ], "completed": false }, { "type": "text", "position": [ 775, 4, 142, 19 ], "completed": false }, { "type": "image", "position": [ 0, 27, 294, 226 ], "completed": false }, { "type": "image", "position": [ 311, 27, 294, 226 ], "completed": false }, { "type": "image", "position": [ 623, 27, 294, 226 ], "completed": false }, { "type": "title", "position": [ 0, 255, 267, 103 ], "completed": false }, { "type": "title", "position": [ 311, 255, 185, 31 ], "completed": false }, { "type": "title", "position": [ 623, 255, 254, 67 ], "completed": false } ] }, { "text": "#A page showing profiles and biographies of celebrities.# The page should include the title \"PROFILES & BIOGRAPHIES\". The page contains 4 information sets. Each group includes an image of the celebrity, a title on the image showing the categories of the article, and the keywords of the article.", "region_id": "4716", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'profiles & biographies'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 0 26 4 | \" [ image 2 10 26 13 | text 2 25 26 4 | title 2 21 14 2 ] | [ image 31 10 26 13 | text 31 25 23 7 | title 31 21 6 2 ] | [ image 61 10 26 13 | text 61 25 22 7 | title 61 21 9 2 ] | [ image 90 10 26 13 | text 90 25 25 7 | title 90 21 6 2 ] \"", "layout_seq_without_completion": "title 2 0 26 4 | \" [ image 2 10 26 13 | text 2 25 26 4 | title 2 21 14 2 ] | [ image 31 10 26 13 | text 31 25 23 7 | title 31 21 6 2 ] | [ image 61 10 26 13 | text 61 25 22 7 | title 61 21 9 2 ] | [ image 90 10 26 13 | text 90 25 25 7 | title 90 21 6 2 ] \"", "plain_layout_seq": "image 2 10 26 13 | image 31 10 26 13 | image 61 10 26 13 | image 90 10 26 13 | text 2 25 26 4 | text 31 25 23 7 | text 61 25 22 7 | text 90 25 25 7 | title 2 0 26 4 | title 2 21 14 2 | title 31 21 6 2 | title 61 21 9 2 | title 90 21 6 2", "canvas_width": 1009, "canvas_height": 326, "elements": [ { "type": "title", "position": [ 20, 0, 225, 34 ], "completed": false }, { "type": "image", "position": [ 20, 85, 227, 114 ], "completed": false }, { "type": "image", "position": [ 267, 85, 227, 114 ], "completed": false }, { "type": "image", "position": [ 514, 85, 227, 114 ], "completed": false }, { "type": "image", "position": [ 762, 85, 227, 114 ], "completed": false }, { "type": "title", "position": [ 20, 181, 119, 17 ], "completed": false }, { "type": "title", "position": [ 267, 181, 56, 17 ], "completed": false }, { "type": "title", "position": [ 514, 181, 83, 17 ], "completed": false }, { "type": "title", "position": [ 762, 181, 56, 17 ], "completed": false }, { "type": "text", "position": [ 20, 211, 225, 39 ], "completed": false }, { "type": "text", "position": [ 267, 211, 199, 59 ], "completed": false }, { "type": "text", "position": [ 514, 211, 193, 59 ], "completed": false }, { "type": "text", "position": [ 762, 211, 211, 59 ], "completed": false } ] }, { "text": "# A page to introduce the clients on Shopify. # The page should have the title \"OUR CLIENTS ON SHOPIFY\" and five logos of the client.", "region_id": "5219", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our clients on shopify'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 6 0 107 3 | \" [ logo 54 4 18 7 ] | [ logo 97 4 10 7 ] | [ logo 11 5 18 4 ] | [ logo 33 6 18 3 ] | [ logo 76 6 18 3 ] \"", "layout_seq_without_completion": "title 6 0 107 3 | \" [ logo 54 4 18 7 ] | [ logo 97 4 10 7 ] | [ logo 11 5 18 4 ] | [ logo 33 6 18 3 ] | [ logo 76 6 18 3 ] \"", "plain_layout_seq": "logo 54 4 18 7 | logo 97 4 10 7 | logo 11 5 18 4 | logo 33 6 18 3 | logo 76 6 18 3 | title 6 0 107 3", "canvas_width": 1024, "canvas_height": 114, "elements": [ { "type": "title", "position": [ 55, 0, 914, 29 ], "completed": false }, { "type": "logo", "position": [ 469, 39, 156, 60 ], "completed": false }, { "type": "logo", "position": [ 833, 39, 90, 60 ], "completed": false }, { "type": "logo", "position": [ 101, 51, 160, 36 ], "completed": false }, { "type": "logo", "position": [ 285, 53, 160, 31 ], "completed": false }, { "type": "logo", "position": [ 649, 53, 160, 31 ], "completed": false } ] }, { "text": "# A page to introduce the award-winning innovations and expertise. # It should contain one title on the page. Then the page should be divided into three parts. In each part, it should include an image, one title, and a \"read more\" link. The user can know the 2021 most innovative companies, 2021 best of innovation, and 2021 best practice award. Besides, the user can click the link to read more information.", "region_id": "2170", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'2021 most innovative companies, 2021 best of innovation, 2021 best practice award'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 15 111 13 | \" [ image 13 34 19 21 | link 16 80 13 3 | title 5 61 34 16 ] | [ image 50 33 19 21 | link 53 74 14 3 | title 42 61 34 10 ] | [ image 87 33 19 21 | link 89 74 14 3 | title 80 62 35 10 ] \"", "layout_seq_without_completion": "title 5 15 111 13 | \" [ image 13 34 19 21 | link 16 80 13 3 | title 5 61 34 16 ] | [ image 50 33 19 21 | link 53 74 14 3 | title 42 61 34 10 ] | [ image 87 33 19 21 | link 89 74 14 3 | title 80 62 35 10 ] \"", "plain_layout_seq": "image 13 34 19 21 | image 50 33 19 21 | image 87 33 19 21 | link 16 80 13 3 | link 53 74 14 3 | link 89 74 14 3 | title 5 15 111 13 | title 5 61 34 16 | title 42 61 34 10 | title 80 62 35 10", "canvas_width": 1003, "canvas_height": 814, "elements": [ { "type": "title", "position": [ 48, 133, 928, 112 ], "completed": false }, { "type": "image", "position": [ 422, 283, 160, 180 ], "completed": false }, { "type": "image", "position": [ 729, 283, 160, 180 ], "completed": false }, { "type": "image", "position": [ 117, 292, 160, 180 ], "completed": false }, { "type": "title", "position": [ 48, 511, 292, 134 ], "completed": false }, { "type": "title", "position": [ 356, 511, 292, 90 ], "completed": false }, { "type": "title", "position": [ 677, 520, 299, 90 ], "completed": false }, { "type": "link", "position": [ 443, 624, 118, 32 ], "completed": false }, { "type": "link", "position": [ 750, 624, 118, 32 ], "completed": false }, { "type": "link", "position": [ 135, 669, 117, 32 ], "completed": false } ] }, { "text": "# A page to introduce the award-winning innovations and expertise. # It should contain a text box as the title on the page. Then the page should be divided into three parts. In each part, it should include an image, a text box, and a text button. The user can know the 2021 most innovative companies, 2021 best of innovation, and 2021 best practice award. Besides, the user can click the text buttons to read more.", "region_id": "2170_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'2021 most innovative companies, 2021 best of innovation, 2021 best practice award'] [item [el:image] [el:text] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 15 111 13 | \" [ button 16 80 13 3 | image 13 34 19 21 | text 5 61 34 16 ] | [ button 53 74 14 3 | image 50 33 19 21 | text 42 61 34 10 ] | [ button 89 74 14 3 | image 87 33 19 21 | text 80 62 35 10 ] \"", "layout_seq_without_completion": "title 5 15 111 13 | \" [ button 16 80 13 3 | image 13 34 19 21 | text 5 61 34 16 ] | [ button 53 74 14 3 | image 50 33 19 21 | text 42 61 34 10 ] | [ button 89 74 14 3 | image 87 33 19 21 | text 80 62 35 10 ] \"", "plain_layout_seq": "button 16 80 13 3 | button 53 74 14 3 | button 89 74 14 3 | image 13 34 19 21 | image 50 33 19 21 | image 87 33 19 21 | text 5 61 34 16 | text 42 61 34 10 | text 80 62 35 10 | title 5 15 111 13", "canvas_width": 1003, "canvas_height": 814, "elements": [ { "type": "title", "position": [ 48, 133, 928, 112 ], "completed": false }, { "type": "image", "position": [ 422, 283, 160, 180 ], "completed": false }, { "type": "image", "position": [ 729, 283, 160, 180 ], "completed": false }, { "type": "image", "position": [ 117, 292, 160, 180 ], "completed": false }, { "type": "text", "position": [ 48, 511, 292, 134 ], "completed": false }, { "type": "text", "position": [ 356, 511, 292, 90 ], "completed": false }, { "type": "text", "position": [ 677, 520, 299, 90 ], "completed": false }, { "type": "button", "position": [ 443, 624, 118, 32 ], "completed": false }, { "type": "button", "position": [ 750, 624, 118, 32 ], "completed": false }, { "type": "button", "position": [ 135, 669, 117, 32 ], "completed": false } ] }, { "text": "#A page for introducing the service a company provides.# There is one title \"What we offer\" and two info groups. Each group includes one icon, one label for the service, one slogan, one description, and one button for learning more. In the second one, there is one label meaning it's new.", "region_id": "4079", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what we offer'] ] [gp:InfoGroup [item [el:icon] [el:text] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ] [item [el:icon] [el:text] [el:title] [el:description] [el:button [attr:value 'learn more'] ] [el:text [attr:value 'new']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | icon undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 22 7 75 4 | \" [ button 26 66 28 4 | description 26 53 28 10 | icon 38 24 3 3 | complete image 22 19 35 55 | text 26 31 28 5 | title 26 38 28 11 ] | [ button 65 66 28 4 | description 65 53 28 13 | icon 77 24 3 3 | complete image 61 19 35 55 | text 87 24 7 3 | text 65 31 28 5 | title 65 38 28 11 ] \"", "layout_seq_without_completion": "title 22 7 75 4 | \" [ button 26 66 28 4 | description 26 53 28 10 | icon 38 24 3 3 | image 22 19 35 55 | text 26 31 28 5 | title 26 38 28 11 ] | [ button 65 66 28 4 | description 65 53 28 13 | icon 77 24 3 3 | image 61 19 35 55 | text 87 24 7 3 | text 65 31 28 5 | title 65 38 28 11 ] \"", "plain_layout_seq": "button 26 66 28 4 | button 65 66 28 4 | description 26 53 28 10 | description 65 53 28 13 | icon 38 24 3 3 | icon 77 24 3 3 | image 22 19 35 55 | image 61 19 35 55 | text 26 31 28 5 | text 87 24 7 3 | text 65 31 28 5 | title 22 7 75 4 | title 26 38 28 11 | title 65 38 28 11", "canvas_width": 1024, "canvas_height": 643, "elements": [ { "type": "title", "position": [ 192, 64, 640, 40 ], "completed": false }, { "type": "image", "position": [ 192, 168, 304, 475 ], "completed": true }, { "type": "image", "position": [ 528, 168, 304, 475 ], "completed": true }, { "type": "icon", "position": [ 328, 208, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 664, 208, 34, 34 ], "completed": false }, { "type": "text", "position": [ 748, 208, 62, 32 ], "completed": false }, { "type": "text", "position": [ 224, 272, 240, 50 ], "completed": false }, { "type": "text", "position": [ 560, 272, 240, 50 ], "completed": false }, { "type": "title", "position": [ 224, 330, 240, 96 ], "completed": false }, { "type": "title", "position": [ 560, 330, 240, 96 ], "completed": false }, { "type": "description", "position": [ 224, 458, 240, 92 ], "completed": false }, { "type": "description", "position": [ 560, 458, 240, 112 ], "completed": false }, { "type": "button", "position": [ 224, 570, 240, 41 ], "completed": false }, { "type": "button", "position": [ 560, 570, 240, 41 ], "completed": false } ] }, { "text": "#A page for introducing different presses to users.# The page should include one title and six companies such as \"Forbes\".", "region_id": "507", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "text 7 26 33 12 | text 43 26 33 12 | text 7 10 33 12 | text 43 10 33 12 | text 78 10 33 12 | text 78 26 33 12 | title 7 0 104 4", "layout_seq_without_completion": "text 7 26 33 12 | text 43 26 33 12 | text 7 10 33 12 | text 43 10 33 12 | text 78 10 33 12 | text 78 26 33 12 | title 7 0 104 4", "plain_layout_seq": "text 7 26 33 12 | text 43 26 33 12 | text 7 10 33 12 | text 43 10 33 12 | text 78 10 33 12 | text 78 26 33 12 | title 7 0 104 4", "canvas_width": 1024, "canvas_height": 351, "elements": [ { "type": "title", "position": [ 66, 0, 892, 36 ], "completed": false }, { "type": "text", "position": [ 66, 92, 283, 105 ], "completed": false }, { "type": "text", "position": [ 370, 92, 283, 105 ], "completed": false }, { "type": "text", "position": [ 674, 92, 284, 106 ], "completed": false }, { "type": "text", "position": [ 66, 229, 283, 105 ], "completed": false }, { "type": "text", "position": [ 370, 229, 283, 105 ], "completed": false }, { "type": "text", "position": [ 674, 229, 284, 106 ], "completed": false } ] }, { "text": "#A page for showing news.# The page has four groups of information. Each group contains a picture and a title of the news.", "region_id": "5893", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete button 2 11 14 2 | image 2 0 26 13 | title 2 14 23 4 ] | [ complete button 31 11 13 2 | image 31 0 26 13 | title 31 14 24 7 ] | [ complete button 61 11 13 2 | image 61 0 26 13 | title 61 14 24 7 ] | [ complete button 90 11 8 2 | image 90 0 26 13 | title 90 14 25 4 ] \"", "layout_seq_without_completion": "\" [ button 2 11 14 2 | image 2 0 26 13 | title 2 14 23 4 ] | [ button 31 11 13 2 | image 31 0 26 13 | title 31 14 24 7 ] | [ button 61 11 13 2 | image 61 0 26 13 | title 61 14 24 7 ] | [ button 90 11 8 2 | image 90 0 26 13 | title 90 14 25 4 ] \"", "plain_layout_seq": "button 2 11 14 2 | button 31 11 13 2 | button 61 11 13 2 | button 90 11 8 2 | image 2 0 26 13 | image 31 0 26 13 | image 61 0 26 13 | image 90 0 26 13 | title 2 14 23 4 | title 31 14 24 7 | title 61 14 24 7 | title 90 14 25 4", "canvas_width": 1009, "canvas_height": 241, "elements": [ { "type": "image", "position": [ 20, 0, 227, 114 ], "completed": false }, { "type": "image", "position": [ 267, 0, 227, 114 ], "completed": false }, { "type": "image", "position": [ 514, 0, 227, 114 ], "completed": false }, { "type": "image", "position": [ 762, 0, 227, 114 ], "completed": false }, { "type": "button", "position": [ 20, 96, 124, 17 ], "completed": true }, { "type": "button", "position": [ 267, 96, 112, 17 ], "completed": true }, { "type": "button", "position": [ 514, 96, 112, 17 ], "completed": true }, { "type": "button", "position": [ 762, 96, 74, 17 ], "completed": true }, { "type": "title", "position": [ 20, 126, 196, 39 ], "completed": false }, { "type": "title", "position": [ 267, 126, 210, 59 ], "completed": false }, { "type": "title", "position": [ 514, 126, 202, 59 ], "completed": false }, { "type": "title", "position": [ 762, 126, 211, 39 ], "completed": false } ] }, { "text": "#This page displays Multimedia collages for users. #This page has the title \"Multimedia collage\", three pictures, a description, and a price. In addition, there are two links and words at the bottom of the page: Diamond Earrings and Diamond Brooch.", "region_id": "7007", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'multimedia collage'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] [el:description] [el:text] [el:text [attr:value 'Diamond Earrings'] [attr:position 'bottom'] ] [el:text [attr:value 'Diamond Brooch'] [attr:position 'bottom'] ] [el:link [attr:repeat '2'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : description undefined undefined | link bottom undefined | link bottom undefined | text bottom undefined | text bottom undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "description 78 41 35 6 | image 78 11 35 28 | text 78 48 11 2 | title 5 4 108 3 | \" [ image 5 11 71 78 | link 23 92 1 1 | text 5 92 16 2 ] | [ image 78 54 35 35 | link 95 92 1 1 | text 78 92 15 2 ] \"", "layout_seq_without_completion": "description 78 41 35 6 | image 78 11 35 28 | text 78 48 11 2 | title 5 4 108 3 | \" [ image 5 11 71 78 | link 23 92 1 1 | text 5 92 16 2 ] | [ image 78 54 35 35 | link 95 92 1 1 | text 78 92 15 2 ] \"", "plain_layout_seq": "description 78 41 35 6 | image 78 11 35 28 | image 5 11 71 78 | image 78 54 35 35 | link 23 92 1 1 | link 95 92 1 1 | text 78 48 11 2 | text 5 92 16 2 | text 78 92 15 2 | title 5 4 108 3", "canvas_width": 1024, "canvas_height": 862, "elements": [ { "type": "title", "position": [ 50, 35, 924, 32 ], "completed": false }, { "type": "image", "position": [ 50, 98, 613, 671 ], "completed": false }, { "type": "image", "position": [ 671, 98, 303, 239 ], "completed": false }, { "type": "description", "position": [ 671, 352, 303, 52 ], "completed": false }, { "type": "text", "position": [ 671, 418, 94, 21 ], "completed": false }, { "type": "image", "position": [ 671, 466, 303, 303 ], "completed": false }, { "type": "text", "position": [ 50, 786, 143, 23 ], "completed": false }, { "type": "text", "position": [ 671, 786, 136, 23 ], "completed": false }, { "type": "link", "position": [ 201, 793, 15, 11 ], "completed": false }, { "type": "link", "position": [ 816, 793, 15, 11 ], "completed": false } ] }, { "text": "#A page of information about the response of a website. # There are five groups that show the information about the website, each group has one icon, one title, and one description.", "region_id": "4651", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 3 15 4 | icon 0 0 3 3 | title 4 0 7 3 ] | [ description 29 3 15 4 | icon 25 0 3 3 | title 29 0 4 3 ] | [ description 54 3 15 4 | icon 50 0 3 3 | title 54 0 6 3 ] | [ description 79 3 15 4 | icon 75 0 3 3 | title 79 0 5 3 ] | [ description 104 3 15 4 | icon 100 0 3 3 | title 104 0 12 3 ] \"", "layout_seq_without_completion": "\" [ description 4 3 15 4 | icon 0 0 3 3 | title 4 0 7 3 ] | [ description 29 3 15 4 | icon 25 0 3 3 | title 29 0 4 3 ] | [ description 54 3 15 4 | icon 50 0 3 3 | title 54 0 6 3 ] | [ description 79 3 15 4 | icon 75 0 3 3 | title 79 0 5 3 ] | [ description 104 3 15 4 | icon 100 0 3 3 | title 104 0 12 3 ] \"", "plain_layout_seq": "description 4 3 15 4 | description 29 3 15 4 | description 54 3 15 4 | description 79 3 15 4 | description 104 3 15 4 | icon 0 0 3 3 | icon 25 0 3 3 | icon 50 0 3 3 | icon 75 0 3 3 | icon 100 0 3 3 | title 4 0 7 3 | title 29 0 4 3 | title 54 0 6 3 | title 79 0 5 3 | title 104 0 12 3", "canvas_width": 901, "canvas_height": 64, "elements": [ { "type": "icon", "position": [ 0, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 32, 0, 59, 28 ], "completed": false }, { "type": "icon", "position": [ 189, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 221, 0, 31, 28 ], "completed": false }, { "type": "icon", "position": [ 377, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 409, 0, 52, 28 ], "completed": false }, { "type": "icon", "position": [ 565, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 597, 0, 44, 28 ], "completed": false }, { "type": "icon", "position": [ 754, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 786, 0, 91, 28 ], "completed": false }, { "type": "description", "position": [ 32, 28, 115, 36 ], "completed": false }, { "type": "description", "position": [ 221, 28, 115, 36 ], "completed": false }, { "type": "description", "position": [ 409, 28, 115, 36 ], "completed": false }, { "type": "description", "position": [ 597, 28, 115, 36 ], "completed": false }, { "type": "description", "position": [ 786, 28, 115, 36 ], "completed": false } ] }, { "text": "#A page for introducing the most popular genres of music.# The page should have a title showing the genres and 6 groups with one image and one small title to show the related style of the genres of music in each one.", "region_id": "1169", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] | [ image undefined undefined | title undefined small ] }", "layout_seq_with_completion": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | title 7 36 14 2 | title 98 36 14 2 | title 61 36 14 2 | title 80 36 14 2 | title 25 36 14 2 | title 43 36 14 2 | title 7 11 105 3", "layout_seq_without_completion": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | title 7 36 14 2 | title 98 36 14 2 | title 61 36 14 2 | title 80 36 14 2 | title 25 36 14 2 | title 43 36 14 2 | title 7 11 105 3", "plain_layout_seq": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | title 7 36 14 2 | title 98 36 14 2 | title 61 36 14 2 | title 80 36 14 2 | title 25 36 14 2 | title 43 36 14 2 | title 7 11 105 3", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "title", "position": [ 64, 96, 896, 32 ], "completed": false }, { "type": "image", "position": [ 64, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 219, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 373, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 528, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 683, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 837, 174, 123, 123 ], "completed": false }, { "type": "title", "position": [ 64, 313, 123, 24 ], "completed": false }, { "type": "title", "position": [ 219, 313, 123, 24 ], "completed": false }, { "type": "title", "position": [ 373, 313, 123, 24 ], "completed": false }, { "type": "title", "position": [ 528, 313, 123, 24 ], "completed": false }, { "type": "title", "position": [ 683, 313, 123, 24 ], "completed": false }, { "type": "title", "position": [ 837, 313, 123, 24 ], "completed": false } ] }, { "text": "#A page for introducing the most popular genres of music.# The page should have a title, six images, and six texts to show the related style of the genres of music.", "region_id": "1169_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | text 7 36 14 2 | text 98 36 14 2 | text 61 36 14 2 | text 80 36 14 2 | text 25 36 14 2 | text 43 36 14 2 | title 7 11 105 3", "layout_seq_without_completion": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | text 7 36 14 2 | text 98 36 14 2 | text 61 36 14 2 | text 80 36 14 2 | text 25 36 14 2 | text 43 36 14 2 | title 7 11 105 3", "plain_layout_seq": "image 80 20 14 14 | image 98 20 14 14 | image 43 20 14 14 | image 7 20 14 14 | image 25 20 14 14 | image 61 20 14 14 | text 7 36 14 2 | text 98 36 14 2 | text 61 36 14 2 | text 80 36 14 2 | text 25 36 14 2 | text 43 36 14 2 | title 7 11 105 3", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "title", "position": [ 64, 96, 896, 32 ], "completed": false }, { "type": "image", "position": [ 64, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 219, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 373, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 528, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 683, 174, 123, 123 ], "completed": false }, { "type": "image", "position": [ 837, 174, 123, 123 ], "completed": false }, { "type": "text", "position": [ 64, 313, 123, 24 ], "completed": false }, { "type": "text", "position": [ 219, 313, 123, 24 ], "completed": false }, { "type": "text", "position": [ 373, 313, 123, 24 ], "completed": false }, { "type": "text", "position": [ 528, 313, 123, 24 ], "completed": false }, { "type": "text", "position": [ 683, 313, 123, 24 ], "completed": false }, { "type": "text", "position": [ 837, 313, 123, 24 ], "completed": false } ] }, { "text": "#A page for showing the advantages of Ace.#The web should have a title and a description under it. There are five groups and each group has an image and a title, \"textbook lesson videos\", \"topics\", \"quizzes\", \"ask\", and \"personalized study plan\". Also, there is a description under each title in each group.", "region_id": "2776", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'textbook lesson videos, topics, quizzes, ask, personalized study plan'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 34 77 21 6 | description 64 38 21 4 | description 94 38 21 6 | description 4 77 21 4 | description 64 77 21 4 | description 1 30 46 8 | image 64 19 21 16 | complete image 61 56 26 35 | image 4 58 21 16 | complete image 1 56 26 35 | image 64 58 21 16 | complete image 91 17 26 35 | complete image 31 56 26 35 | complete image 61 17 26 35 | image 94 19 21 16 | image 34 58 21 16 | title 64 75 21 1 | title 34 75 21 1 | title 64 36 21 1 | title 4 75 21 1 | title 1 17 46 9 | title 94 36 21 1", "layout_seq_without_completion": "description 34 77 21 6 | description 64 38 21 4 | description 94 38 21 6 | description 4 77 21 4 | description 64 77 21 4 | description 1 30 46 8 | image 64 19 21 16 | image 61 56 26 35 | image 4 58 21 16 | image 1 56 26 35 | image 64 58 21 16 | image 91 17 26 35 | image 31 56 26 35 | image 61 17 26 35 | image 94 19 21 16 | image 34 58 21 16 | title 64 75 21 1 | title 34 75 21 1 | title 64 36 21 1 | title 4 75 21 1 | title 1 17 46 9 | title 94 36 21 1", "plain_layout_seq": "description 34 77 21 6 | description 64 38 21 4 | description 94 38 21 6 | description 4 77 21 4 | description 64 77 21 4 | description 1 30 46 8 | image 64 19 21 16 | image 61 56 26 35 | image 4 58 21 16 | image 1 56 26 35 | image 64 58 21 16 | image 91 17 26 35 | image 31 56 26 35 | image 61 17 26 35 | image 94 19 21 16 | image 34 58 21 16 | title 64 75 21 1 | title 34 75 21 1 | title 64 36 21 1 | title 4 75 21 1 | title 1 17 46 9 | title 94 36 21 1", "canvas_width": 1172, "canvas_height": 900, "elements": [ { "type": "title", "position": [ 15, 170, 458, 90 ], "completed": false }, { "type": "image", "position": [ 601, 170, 263, 350 ], "completed": true }, { "type": "image", "position": [ 894, 170, 263, 350 ], "completed": true }, { "type": "image", "position": [ 626, 195, 213, 160 ], "completed": false }, { "type": "image", "position": [ 919, 195, 213, 160 ], "completed": false }, { "type": "description", "position": [ 15, 300, 458, 84 ], "completed": false }, { "type": "title", "position": [ 626, 355, 213, 17 ], "completed": false }, { "type": "title", "position": [ 919, 355, 213, 17 ], "completed": false }, { "type": "description", "position": [ 626, 377, 213, 42 ], "completed": false }, { "type": "description", "position": [ 919, 377, 213, 63 ], "completed": false }, { "type": "image", "position": [ 15, 550, 263, 350 ], "completed": true }, { "type": "image", "position": [ 308, 550, 263, 350 ], "completed": true }, { "type": "image", "position": [ 601, 550, 263, 350 ], "completed": true }, { "type": "image", "position": [ 40, 575, 213, 160 ], "completed": false }, { "type": "image", "position": [ 333, 575, 213, 160 ], "completed": false }, { "type": "image", "position": [ 626, 575, 213, 160 ], "completed": false }, { "type": "title", "position": [ 40, 735, 213, 17 ], "completed": false }, { "type": "title", "position": [ 333, 735, 213, 17 ], "completed": false }, { "type": "title", "position": [ 626, 735, 213, 17 ], "completed": false }, { "type": "description", "position": [ 40, 757, 213, 42 ], "completed": false }, { "type": "description", "position": [ 333, 757, 213, 63 ], "completed": false }, { "type": "description", "position": [ 626, 757, 213, 42 ], "completed": false } ] }, { "text": "# A page to introduce Hyperbeam's multiplayer web browsers.# On the page, there should have four images, and two groups of information: \"Say goodbye to screenshare\" and \"Everyone can participate\" to introduce the service of Hyperbeam's multiplayer web browsers. In each group, there should have a title and s further description of the title.", "region_id": "4120", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:repeat'4']][gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Say goodbye to screenshare, Everyone can participate'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 11 75 42 19 | description 65 22 42 23 | image 11 7 42 38 | image 87 74 22 22 | image 9 22 25 25 | image 65 61 42 34 | title 65 7 42 12 | title 11 61 42 12", "layout_seq_without_completion": "description 11 75 42 19 | description 65 22 42 23 | image 11 7 42 38 | image 87 74 22 22 | image 9 22 25 25 | image 65 61 42 34 | title 65 7 42 12 | title 11 61 42 12", "plain_layout_seq": "description 11 75 42 19 | description 65 22 42 23 | image 11 7 42 38 | image 87 74 22 22 | image 9 22 25 25 | image 65 61 42 34 | title 65 7 42 12 | title 11 61 42 12", "canvas_width": 1009, "canvas_height": 867, "elements": [ { "type": "image", "position": [ 96, 64, 361, 322 ], "completed": false }, { "type": "title", "position": [ 552, 64, 361, 108 ], "completed": false }, { "type": "description", "position": [ 552, 188, 361, 198 ], "completed": false }, { "type": "image", "position": [ 78, 189, 215, 215 ], "completed": false }, { "type": "title", "position": [ 96, 514, 361, 108 ], "completed": false }, { "type": "image", "position": [ 552, 514, 361, 289 ], "completed": false }, { "type": "image", "position": [ 738, 628, 193, 193 ], "completed": false }, { "type": "description", "position": [ 96, 638, 361, 165 ], "completed": false } ] }, { "text": "# A page to introduce a company. # On the page, there should be three groups of text boxes. In each group, there should be a title and specific data. So the user can know the number of the farmers and countries that the company cover and the number of the acre-event contributed.", "region_id": "1208", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 12 4 23 8 ] | [ title 44 4 15 8 ] | [ title 67 4 39 8 ] | [ text 12 13 23 5 ] | [ text 44 13 15 5 ] | [ text 67 13 39 5 ] \"", "layout_seq_without_completion": "\" [ title 12 4 23 8 ] | [ title 44 4 15 8 ] | [ title 67 4 39 8 ] | [ text 12 13 23 5 ] | [ text 44 13 15 5 ] | [ text 67 13 39 5 ] \"", "plain_layout_seq": "text 12 13 23 5 | text 44 13 15 5 | text 67 13 39 5 | title 12 4 23 8 | title 44 4 15 8 | title 67 4 39 8", "canvas_width": 1003, "canvas_height": 198, "elements": [ { "type": "title", "position": [ 106, 41, 197, 72 ], "completed": false }, { "type": "title", "position": [ 370, 41, 131, 72 ], "completed": false }, { "type": "title", "position": [ 568, 41, 329, 72 ], "completed": false }, { "type": "text", "position": [ 106, 113, 197, 44 ], "completed": false }, { "type": "text", "position": [ 370, 113, 131, 44 ], "completed": false }, { "type": "text", "position": [ 568, 113, 329, 44 ], "completed": false } ] }, { "text": "#A page for showing the popular cultures.# There is one label \"Popular Culture\" and four parts. Each part includes one icon, one image, and one title. Users can click one button to start pop culture quiz set.", "region_id": "5870", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular culture'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:image] [el:title] ] ] [el:button [attr:value 'start popculture quiz set'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 41 80 36 5 | title 12 0 24 5 | \" [ icon 34 17 4 4 | image 7 16 32 20 | image 7 16 32 28 | title 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 20 | image 43 16 32 28 | title 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 28 | image 79 16 32 20 | title 81 37 30 5 ] | [ icon 34 49 4 4 | image 7 48 32 28 | image 7 48 32 20 | title 8 68 30 5 ] \"", "layout_seq_without_completion": "button 41 80 36 5 | title 12 0 24 5 | \" [ icon 34 17 4 4 | image 7 16 32 20 | image 7 16 32 28 | title 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 20 | image 43 16 32 28 | title 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 28 | image 79 16 32 20 | title 81 37 30 5 ] | [ icon 34 49 4 4 | image 7 48 32 28 | image 7 48 32 20 | title 8 68 30 5 ] \"", "plain_layout_seq": "button 41 80 36 5 | icon 34 17 4 4 | icon 70 17 4 4 | icon 106 17 4 4 | icon 34 49 4 4 | image 7 16 32 20 | image 7 16 32 28 | image 43 16 32 20 | image 43 16 32 28 | image 79 16 32 28 | image 79 16 32 20 | image 7 48 32 28 | image 7 48 32 20 | title 12 0 24 5 | title 8 37 30 5 | title 44 37 30 5 | title 81 37 30 5 | title 8 68 30 5", "canvas_width": 1024, "canvas_height": 740, "elements": [ { "type": "title", "position": [ 104, 0, 211, 50 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 372, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 372, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 682, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 682, 140, 280, 176 ], "completed": false }, { "type": "icon", "position": [ 292, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 602, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 912, 150, 40, 40 ], "completed": false }, { "type": "title", "position": [ 72, 317, 260, 48 ], "completed": false }, { "type": "title", "position": [ 382, 317, 260, 48 ], "completed": false }, { "type": "title", "position": [ 692, 317, 260, 48 ], "completed": false }, { "type": "image", "position": [ 62, 410, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 410, 280, 240 ], "completed": false }, { "type": "icon", "position": [ 292, 420, 40, 40 ], "completed": false }, { "type": "title", "position": [ 72, 587, 260, 48 ], "completed": false }, { "type": "button", "position": [ 357, 690, 310, 50 ], "completed": false } ] }, { "text": "#A page for introducing one company's products and services.# There should be one title\"2 million + customers love it here\" and one detailed description. Four icons represent four advantages of the company and each of them is followed by two labels.", "region_id": "1347", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'2 million + customers love it here'] ] [el:description] [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "layout_seq_without_completion": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "plain_layout_seq": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "canvas_width": 1024, "canvas_height": 470, "elements": [ { "type": "title", "position": [ 16, 80, 992, 48 ], "completed": false }, { "type": "description", "position": [ 16, 144, 992, 22 ], "completed": false }, { "type": "icon", "position": [ 98, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 308, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 548, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 792, 207, 97, 96 ], "completed": false }, { "type": "text", "position": [ 74, 319, 145, 22 ], "completed": false }, { "type": "text", "position": [ 251, 319, 211, 22 ], "completed": false }, { "type": "text", "position": [ 494, 319, 204, 22 ], "completed": false }, { "type": "text", "position": [ 731, 319, 220, 22 ], "completed": false }, { "type": "text", "position": [ 74, 348, 145, 22 ], "completed": false }, { "type": "text", "position": [ 251, 348, 211, 22 ], "completed": false }, { "type": "text", "position": [ 494, 348, 204, 22 ], "completed": false }, { "type": "text", "position": [ 731, 348, 220, 22 ], "completed": false } ] }, { "text": "#A page for introducing one company's products and services.# There should be two text boxes, one for the title and the other for the detail. Four icons represent four advantages of the company and each of them is followed by two text boxes.", "region_id": "1347_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "layout_seq_without_completion": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "plain_layout_seq": "description 1 16 116 2 | icon 11 24 11 11 | icon 36 24 11 11 | icon 64 24 11 11 | icon 92 24 11 11 | text 29 40 24 2 | text 85 40 25 2 | text 8 40 16 2 | text 57 40 23 2 | text 57 37 23 2 | text 8 37 16 2 | text 29 37 24 2 | text 85 37 25 2 | title 1 9 116 5", "canvas_width": 1024, "canvas_height": 470, "elements": [ { "type": "title", "position": [ 16, 80, 992, 48 ], "completed": false }, { "type": "description", "position": [ 16, 144, 992, 22 ], "completed": false }, { "type": "icon", "position": [ 98, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 308, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 548, 207, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 792, 207, 97, 96 ], "completed": false }, { "type": "text", "position": [ 74, 319, 145, 22 ], "completed": false }, { "type": "text", "position": [ 251, 319, 211, 22 ], "completed": false }, { "type": "text", "position": [ 494, 319, 204, 22 ], "completed": false }, { "type": "text", "position": [ 731, 319, 220, 22 ], "completed": false }, { "type": "text", "position": [ 74, 348, 145, 22 ], "completed": false }, { "type": "text", "position": [ 251, 348, 211, 22 ], "completed": false }, { "type": "text", "position": [ 494, 348, 204, 22 ], "completed": false }, { "type": "text", "position": [ 731, 348, 220, 22 ], "completed": false } ] }, { "text": "#A page giving users advice on working.# The page should include two information sets. Each group should contain an icon, a title and an explanation text. The two different titles are \"Eliminate Manual Processes\" and \"Automate Workflows\".", "region_id": "4999", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'eliminate manual processes, automate workflows'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 17 11 41 6 | description 70 11 41 6 | icon 61 6 5 5 | icon 8 6 5 5 | title 17 7 27 2 | title 70 7 21 2", "layout_seq_without_completion": "description 17 11 41 6 | description 70 11 41 6 | icon 61 6 5 5 | icon 8 6 5 5 | title 17 7 27 2 | title 70 7 21 2", "plain_layout_seq": "description 17 11 41 6 | description 70 11 41 6 | icon 61 6 5 5 | icon 8 6 5 5 | title 17 7 27 2 | title 70 7 21 2", "canvas_width": 888, "canvas_height": 200, "elements": [ { "type": "icon", "position": [ 61, 48, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 456, 48, 43, 40 ], "completed": false }, { "type": "title", "position": [ 126, 52, 205, 16 ], "completed": false }, { "type": "title", "position": [ 522, 52, 160, 16 ], "completed": false }, { "type": "description", "position": [ 126, 88, 306, 48 ], "completed": false }, { "type": "description", "position": [ 522, 88, 306, 48 ], "completed": false } ] }, { "text": "#A page for showing one gallery.# There should be one title\" Gallery\" and fifteen pics.", "region_id": "1299", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'gallery'] ] [gp:InfoGroup [gattr:repeat '15'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 21 | \" [ image 6 26 35 35 ] | [ image 42 26 17 17 ] | [ image 60 26 17 17 ] | [ image 78 26 17 17 ] | [ image 96 26 17 17 ] | [ image 42 44 35 35 ] | [ image 78 44 17 17 ] | [ image 96 44 17 17 ] | [ image 6 62 35 35 ] | [ image 78 62 17 17 ] | [ image 96 62 17 17 ] | [ image 42 80 17 17 ] | [ image 60 80 17 17 ] | [ image 78 80 17 17 ] | [ image 96 80 17 17 ] \"", "layout_seq_without_completion": "title 0 0 120 21 | \" [ image 6 26 35 35 ] | [ image 42 26 17 17 ] | [ image 60 26 17 17 ] | [ image 78 26 17 17 ] | [ image 96 26 17 17 ] | [ image 42 44 35 35 ] | [ image 78 44 17 17 ] | [ image 96 44 17 17 ] | [ image 6 62 35 35 ] | [ image 78 62 17 17 ] | [ image 96 62 17 17 ] | [ image 42 80 17 17 ] | [ image 60 80 17 17 ] | [ image 78 80 17 17 ] | [ image 96 80 17 17 ] \"", "plain_layout_seq": "image 6 26 35 35 | image 42 26 17 17 | image 60 26 17 17 | image 78 26 17 17 | image 96 26 17 17 | image 42 44 35 35 | image 78 44 17 17 | image 96 44 17 17 | image 6 62 35 35 | image 78 62 17 17 | image 96 62 17 17 | image 42 80 17 17 | image 60 80 17 17 | image 78 80 17 17 | image 96 80 17 17 | title 0 0 120 21", "canvas_width": 1007, "canvas_height": 886, "elements": [ { "type": "title", "position": [ 0, 0, 1007, 182 ], "completed": false }, { "type": "image", "position": [ 54, 226, 294, 294 ], "completed": false }, { "type": "image", "position": [ 356, 226, 143, 143 ], "completed": false }, { "type": "image", "position": [ 508, 226, 143, 143 ], "completed": false }, { "type": "image", "position": [ 658, 226, 143, 143 ], "completed": false }, { "type": "image", "position": [ 810, 226, 143, 143 ], "completed": false }, { "type": "image", "position": [ 356, 376, 294, 294 ], "completed": false }, { "type": "image", "position": [ 658, 376, 143, 143 ], "completed": false }, { "type": "image", "position": [ 810, 376, 143, 143 ], "completed": false }, { "type": "image", "position": [ 54, 528, 294, 294 ], "completed": false }, { "type": "image", "position": [ 658, 528, 143, 143 ], "completed": false }, { "type": "image", "position": [ 810, 528, 143, 143 ], "completed": false }, { "type": "image", "position": [ 356, 678, 143, 143 ], "completed": false }, { "type": "image", "position": [ 508, 678, 143, 143 ], "completed": false }, { "type": "image", "position": [ 658, 678, 143, 143 ], "completed": false }, { "type": "image", "position": [ 810, 678, 143, 143 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have 3 groups for users to click to check some info about the company's Institue, history, and management strategy. Each should have one image and link.", "region_id": "1686", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'history, management strategy'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete icon 4 24 27 2 | image 0 0 37 22 | link 6 24 25 2 ] | [ complete icon 54 24 10 2 | image 41 0 37 22 | link 56 24 9 2 ] | [ complete icon 89 24 24 2 | image 82 0 37 22 | link 90 24 22 2 ] \"", "layout_seq_without_completion": "\" [ icon 4 24 27 2 | image 0 0 37 22 | link 6 24 25 2 ] | [ icon 54 24 10 2 | image 41 0 37 22 | link 56 24 9 2 ] | [ icon 89 24 24 2 | image 82 0 37 22 | link 90 24 22 2 ] \"", "plain_layout_seq": "icon 4 24 27 2 | icon 54 24 10 2 | icon 89 24 24 2 | image 0 0 37 22 | image 41 0 37 22 | image 82 0 37 22 | link 6 24 25 2 | link 56 24 9 2 | link 90 24 22 2", "canvas_width": 994, "canvas_height": 220, "elements": [ { "type": "image", "position": [ 0, 0, 309, 185 ], "completed": false }, { "type": "image", "position": [ 342, 0, 309, 185 ], "completed": false }, { "type": "image", "position": [ 684, 0, 309, 185 ], "completed": false }, { "type": "icon", "position": [ 41, 199, 227, 19 ], "completed": true }, { "type": "link", "position": [ 56, 199, 213, 19 ], "completed": false }, { "type": "icon", "position": [ 451, 199, 91, 19 ], "completed": true }, { "type": "link", "position": [ 466, 199, 76, 19 ], "completed": false }, { "type": "icon", "position": [ 738, 199, 201, 19 ], "completed": true }, { "type": "link", "position": [ 753, 199, 186, 19 ], "completed": false } ] }, { "text": "#A page introducing a company. # The page should have 3 corresponding images and 3 buttons for users to click to check some info about the company, such as history, and management strategy.", "region_id": "1686_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'history, management strategy'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "\" [ button 6 24 25 2 | complete icon 4 24 27 2 | image 0 0 37 22 ] | [ button 56 24 9 2 | complete icon 54 24 10 2 | image 41 0 37 22 ] | [ button 90 24 22 2 | complete icon 89 24 24 2 | image 82 0 37 22 ] \"", "layout_seq_without_completion": "\" [ button 6 24 25 2 | icon 4 24 27 2 | image 0 0 37 22 ] | [ button 56 24 9 2 | icon 54 24 10 2 | image 41 0 37 22 ] | [ button 90 24 22 2 | icon 89 24 24 2 | image 82 0 37 22 ] \"", "plain_layout_seq": "button 6 24 25 2 | button 56 24 9 2 | button 90 24 22 2 | icon 4 24 27 2 | icon 54 24 10 2 | icon 89 24 24 2 | image 0 0 37 22 | image 41 0 37 22 | image 82 0 37 22", "canvas_width": 994, "canvas_height": 220, "elements": [ { "type": "image", "position": [ 0, 0, 309, 185 ], "completed": false }, { "type": "image", "position": [ 342, 0, 309, 185 ], "completed": false }, { "type": "image", "position": [ 684, 0, 309, 185 ], "completed": false }, { "type": "icon", "position": [ 41, 199, 227, 19 ], "completed": true }, { "type": "button", "position": [ 56, 199, 213, 19 ], "completed": false }, { "type": "icon", "position": [ 451, 199, 91, 19 ], "completed": true }, { "type": "button", "position": [ 466, 199, 76, 19 ], "completed": false }, { "type": "icon", "position": [ 738, 199, 201, 19 ], "completed": true }, { "type": "button", "position": [ 753, 199, 186, 19 ], "completed": false } ] }, { "text": "# A page for the user to shop by size in an online shop.# The page should have the title \"Shop By Size\" and three groups with each having an image and a link for the user to choose.", "region_id": "6503", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by size'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "title 5 4 16 3 | \" [ complete icon 24 48 1 1 | image 5 11 32 32 | link 18 47 5 2 ] | [ complete icon 67 48 1 1 | image 43 11 32 32 | link 50 47 15 2 ] | [ complete icon 103 48 1 1 | image 81 11 32 32 | link 89 47 12 2 ] \"", "layout_seq_without_completion": "title 5 4 16 3 | \" [ icon 24 48 1 1 | image 5 11 32 32 | link 18 47 5 2 ] | [ icon 67 48 1 1 | image 43 11 32 32 | link 50 47 15 2 ] | [ icon 103 48 1 1 | image 81 11 32 32 | link 89 47 12 2 ] \"", "plain_layout_seq": "icon 24 48 1 1 | icon 67 48 1 1 | icon 103 48 1 1 | image 5 11 32 32 | image 43 11 32 32 | image 81 11 32 32 | link 18 47 5 2 | link 50 47 15 2 | link 89 47 12 2 | title 5 4 16 3", "canvas_width": 1024, "canvas_height": 492, "elements": [ { "type": "title", "position": [ 50, 36, 138, 31 ], "completed": false }, { "type": "image", "position": [ 50, 97, 281, 281 ], "completed": false }, { "type": "image", "position": [ 371, 97, 281, 281 ], "completed": false }, { "type": "image", "position": [ 693, 97, 281, 281 ], "completed": false }, { "type": "link", "position": [ 156, 405, 47, 22 ], "completed": false }, { "type": "link", "position": [ 435, 405, 131, 22 ], "completed": false }, { "type": "link", "position": [ 767, 405, 110, 22 ], "completed": false }, { "type": "icon", "position": [ 211, 412, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 574, 412, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 885, 412, 15, 11 ], "completed": true } ] }, { "text": "#A page introducing courses on Dropshipping and E-Commerce.# The page should include three information sets. Each group should contain an icon, a title and a brief introductory text. The three different titles are \"Launch Your Dropshipping Store\", \"The Best Tips of Marketing\", and \"Highest Quality Courses\".", "region_id": "3190", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'launch your dropshipping store, the best tips of marketing, highest quality courses'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 85 37 27 10 | description 8 37 25 6 | description 42 37 34 6 | icon 14 13 14 13 | icon 91 13 14 13 | icon 52 13 14 13 | title 3 29 35 3 | title 42 29 35 3 | title 81 29 35 3", "layout_seq_without_completion": "description 85 37 27 10 | description 8 37 25 6 | description 42 37 34 6 | icon 14 13 14 13 | icon 91 13 14 13 | icon 52 13 14 13 | title 3 29 35 3 | title 42 29 35 3 | title 81 29 35 3", "plain_layout_seq": "description 85 37 27 10 | description 8 37 25 6 | description 42 37 34 6 | icon 14 13 14 13 | icon 91 13 14 13 | icon 52 13 14 13 | title 3 29 35 3 | title 42 29 35 3 | title 81 29 35 3", "canvas_width": 1024, "canvas_height": 528, "elements": [ { "type": "icon", "position": [ 121, 117, 120, 119 ], "completed": false }, { "type": "icon", "position": [ 452, 117, 120, 119 ], "completed": false }, { "type": "icon", "position": [ 783, 117, 120, 119 ], "completed": false }, { "type": "title", "position": [ 30, 252, 301, 31 ], "completed": false }, { "type": "title", "position": [ 361, 252, 301, 31 ], "completed": false }, { "type": "title", "position": [ 693, 252, 301, 31 ], "completed": false }, { "type": "description", "position": [ 71, 318, 220, 59 ], "completed": false }, { "type": "description", "position": [ 363, 318, 298, 59 ], "completed": false }, { "type": "description", "position": [ 727, 318, 232, 91 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have a title, \"trending stories\". The page should have eight groups and each group has an image and a title.", "region_id": "6287", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trending stories'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 91 7 9 9 | complete image 0 5 28 11 | image 31 7 9 9 | complete image 30 5 28 13 | complete image 60 5 28 11 | image 61 21 9 9 | complete image 60 20 28 11 | image 2 6 9 9 | image 2 22 9 9 | image 91 22 9 9 | image 61 6 9 9 | complete image 90 5 28 13 | complete image 0 20 28 13 | image 31 21 9 9 | complete image 30 20 28 11 | complete image 90 20 28 13 | title 12 6 14 8 | title 102 21 13 11 | title 42 6 13 11 | title 72 6 15 8 | title 102 6 14 11 | title 12 21 13 11 | title 42 21 14 8 | title 72 21 14 8 | title 0 0 19 3", "layout_seq_without_completion": "image 91 7 9 9 | image 0 5 28 11 | image 31 7 9 9 | image 30 5 28 13 | image 60 5 28 11 | image 61 21 9 9 | image 60 20 28 11 | image 2 6 9 9 | image 2 22 9 9 | image 91 22 9 9 | image 61 6 9 9 | image 90 5 28 13 | image 0 20 28 13 | image 31 21 9 9 | image 30 20 28 11 | image 90 20 28 13 | title 12 6 14 8 | title 102 21 13 11 | title 42 6 13 11 | title 72 6 15 8 | title 102 6 14 11 | title 12 21 13 11 | title 42 21 14 8 | title 72 21 14 8 | title 0 0 19 3", "plain_layout_seq": "image 91 7 9 9 | image 0 5 28 11 | image 31 7 9 9 | image 30 5 28 13 | image 60 5 28 11 | image 61 21 9 9 | image 60 20 28 11 | image 2 6 9 9 | image 2 22 9 9 | image 91 22 9 9 | image 61 6 9 9 | image 90 5 28 13 | image 0 20 28 13 | image 31 21 9 9 | image 30 20 28 11 | image 90 20 28 13 | title 12 6 14 8 | title 102 21 13 11 | title 42 6 13 11 | title 72 6 15 8 | title 102 6 14 11 | title 12 21 13 11 | title 42 21 14 8 | title 72 21 14 8 | title 0 0 19 3", "canvas_width": 1024, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 8, 0, 166, 30 ], "completed": false }, { "type": "image", "position": [ 8, 45, 245, 102 ], "completed": true }, { "type": "image", "position": [ 262, 45, 244, 118 ], "completed": true }, { "type": "image", "position": [ 516, 45, 245, 102 ], "completed": true }, { "type": "image", "position": [ 771, 45, 244, 118 ], "completed": true }, { "type": "image", "position": [ 18, 56, 80, 80 ], "completed": false }, { "type": "title", "position": [ 363, 56, 118, 96 ], "completed": false }, { "type": "image", "position": [ 528, 56, 80, 80 ], "completed": false }, { "type": "title", "position": [ 872, 56, 121, 96 ], "completed": false }, { "type": "title", "position": [ 108, 58, 126, 76 ], "completed": false }, { "type": "title", "position": [ 618, 58, 132, 76 ], "completed": false }, { "type": "image", "position": [ 273, 64, 80, 80 ], "completed": false }, { "type": "image", "position": [ 782, 64, 80, 80 ], "completed": false }, { "type": "image", "position": [ 8, 173, 245, 118 ], "completed": true }, { "type": "image", "position": [ 262, 173, 244, 102 ], "completed": true }, { "type": "image", "position": [ 516, 173, 245, 102 ], "completed": true }, { "type": "image", "position": [ 771, 173, 244, 118 ], "completed": true }, { "type": "title", "position": [ 108, 184, 117, 96 ], "completed": false }, { "type": "image", "position": [ 273, 184, 80, 80 ], "completed": false }, { "type": "image", "position": [ 528, 184, 80, 80 ], "completed": false }, { "type": "title", "position": [ 872, 184, 114, 96 ], "completed": false }, { "type": "title", "position": [ 363, 186, 127, 76 ], "completed": false }, { "type": "title", "position": [ 618, 186, 125, 76 ], "completed": false }, { "type": "image", "position": [ 18, 192, 80, 80 ], "completed": false }, { "type": "image", "position": [ 782, 192, 80, 80 ], "completed": false } ] }, { "text": "# A page for the user to choose the price range of a product according to the budget. # The page should have an image showing the product, the title \"Styles for Every Budget\", and four links with a price range on it for the user to have a choice.", "region_id": "5572", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:value 'styles for every budget'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:link] ] ] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 39 0 80 47 | link 7 31 11 2 | link 7 35 11 2 | link 7 38 11 2 | link 7 28 14 2 | title 7 7 24 18", "layout_seq_without_completion": "image 39 0 80 47 | link 7 31 11 2 | link 7 35 11 2 | link 7 38 11 2 | link 7 28 14 2 | title 7 7 24 18", "plain_layout_seq": "image 39 0 80 47 | link 7 31 11 2 | link 7 35 11 2 | link 7 38 11 2 | link 7 28 14 2 | title 7 7 24 18", "canvas_width": 1009, "canvas_height": 408, "elements": [ { "type": "image", "position": [ 333, 5, 676, 396 ], "completed": false }, { "type": "title", "position": [ 64, 64, 205, 152 ], "completed": false }, { "type": "link", "position": [ 64, 241, 118, 18 ], "completed": false }, { "type": "link", "position": [ 64, 264, 97, 18 ], "completed": false }, { "type": "link", "position": [ 64, 299, 97, 18 ], "completed": false }, { "type": "link", "position": [ 64, 322, 97, 18 ], "completed": false } ] }, { "text": "#A page for introducing top brands.# The page should have a title, and 13 groups while each group has a logo and a title to introduce.", "region_id": "3907", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '13'] [item [el:logo] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 94 8 7 2 | logo 15 8 10 2 | logo 42 8 6 2 | logo 105 8 10 2 | logo 55 18 9 2 | logo 31 8 4 2 | logo 54 8 5 2 | logo 65 8 3 2 | logo 73 8 5 2 | logo 84 8 6 2 | logo 6 8 4 2 | logo 39 18 13 2 | logo 68 18 12 2 | title 68 23 12 2 | title 4 13 7 2 | title 94 13 7 2 | title 64 13 5 2 | title 54 13 7 2 | title 29 13 9 2 | title 55 23 9 2 | title 14 13 11 2 | title 41 13 9 2 | title 72 13 8 2 | title 83 13 8 2 | title 105 13 10 2 | title 39 23 13 2 | title 0 0 120 7", "layout_seq_without_completion": "logo 94 8 7 2 | logo 15 8 10 2 | logo 42 8 6 2 | logo 105 8 10 2 | logo 55 18 9 2 | logo 31 8 4 2 | logo 54 8 5 2 | logo 65 8 3 2 | logo 73 8 5 2 | logo 84 8 6 2 | logo 6 8 4 2 | logo 39 18 13 2 | logo 68 18 12 2 | title 68 23 12 2 | title 4 13 7 2 | title 94 13 7 2 | title 64 13 5 2 | title 54 13 7 2 | title 29 13 9 2 | title 55 23 9 2 | title 14 13 11 2 | title 41 13 9 2 | title 72 13 8 2 | title 83 13 8 2 | title 105 13 10 2 | title 39 23 13 2 | title 0 0 120 7", "plain_layout_seq": "logo 94 8 7 2 | logo 15 8 10 2 | logo 42 8 6 2 | logo 105 8 10 2 | logo 55 18 9 2 | logo 31 8 4 2 | logo 54 8 5 2 | logo 65 8 3 2 | logo 73 8 5 2 | logo 84 8 6 2 | logo 6 8 4 2 | logo 39 18 13 2 | logo 68 18 12 2 | title 68 23 12 2 | title 4 13 7 2 | title 94 13 7 2 | title 64 13 5 2 | title 54 13 7 2 | title 29 13 9 2 | title 55 23 9 2 | title 14 13 11 2 | title 41 13 9 2 | title 72 13 8 2 | title 83 13 8 2 | title 105 13 10 2 | title 39 23 13 2 | title 0 0 120 7", "canvas_width": 1024, "canvas_height": 256, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 60 ], "completed": false }, { "type": "logo", "position": [ 53, 70, 35, 24 ], "completed": false }, { "type": "logo", "position": [ 133, 70, 87, 24 ], "completed": false }, { "type": "logo", "position": [ 268, 70, 41, 24 ], "completed": false }, { "type": "logo", "position": [ 366, 70, 56, 24 ], "completed": false }, { "type": "logo", "position": [ 466, 70, 51, 24 ], "completed": false }, { "type": "logo", "position": [ 555, 70, 32, 24 ], "completed": false }, { "type": "logo", "position": [ 631, 70, 44, 24 ], "completed": false }, { "type": "logo", "position": [ 721, 70, 55, 24 ], "completed": false }, { "type": "logo", "position": [ 810, 70, 62, 24 ], "completed": false }, { "type": "logo", "position": [ 896, 70, 90, 24 ], "completed": false }, { "type": "title", "position": [ 38, 115, 65, 23 ], "completed": false }, { "type": "title", "position": [ 127, 115, 97, 23 ], "completed": false }, { "type": "title", "position": [ 249, 115, 79, 23 ], "completed": false }, { "type": "title", "position": [ 352, 115, 84, 23 ], "completed": false }, { "type": "title", "position": [ 461, 115, 62, 23 ], "completed": false }, { "type": "title", "position": [ 547, 115, 47, 23 ], "completed": false }, { "type": "title", "position": [ 618, 115, 69, 23 ], "completed": false }, { "type": "title", "position": [ 711, 115, 74, 23 ], "completed": false }, { "type": "title", "position": [ 810, 115, 62, 23 ], "completed": false }, { "type": "title", "position": [ 896, 115, 90, 23 ], "completed": false }, { "type": "logo", "position": [ 335, 157, 116, 24 ], "completed": false }, { "type": "logo", "position": [ 476, 157, 84, 24 ], "completed": false }, { "type": "logo", "position": [ 584, 157, 105, 24 ], "completed": false }, { "type": "title", "position": [ 335, 203, 116, 23 ], "completed": false }, { "type": "title", "position": [ 476, 203, 84, 23 ], "completed": false }, { "type": "title", "position": [ 584, 203, 105, 23 ], "completed": false } ] }, { "text": "#A page for introducing one company's services.# There are four parts and each one includes one icon, one label showing the pro, and one description.", "region_id": "7630", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 8 23 1 | icon 13 0 6 4 | title 8 6 19 2 ] | [ description 34 8 23 3 | icon 42 0 5 4 | title 36 6 20 2 ] | [ description 63 8 23 1 | icon 71 0 5 4 | title 68 6 13 2 ] | [ description 92 8 23 3 | icon 99 0 5 4 | title 96 6 14 2 ] \"", "layout_seq_without_completion": "\" [ description 6 8 23 1 | icon 13 0 6 4 | title 8 6 19 2 ] | [ description 34 8 23 3 | icon 42 0 5 4 | title 36 6 20 2 ] | [ description 63 8 23 1 | icon 71 0 5 4 | title 68 6 13 2 ] | [ description 92 8 23 3 | icon 99 0 5 4 | title 96 6 14 2 ] \"", "plain_layout_seq": "description 6 8 23 1 | description 34 8 23 3 | description 63 8 23 1 | description 92 8 23 3 | icon 13 0 6 4 | icon 42 0 5 4 | icon 71 0 5 4 | icon 99 0 5 4 | title 8 6 19 2 | title 36 6 20 2 | title 68 6 13 2 | title 96 6 14 2", "canvas_width": 1024, "canvas_height": 187, "elements": [ { "type": "icon", "position": [ 118, 0, 55, 40 ], "completed": false }, { "type": "icon", "position": [ 365, 0, 49, 40 ], "completed": false }, { "type": "icon", "position": [ 611, 0, 44, 40 ], "completed": false }, { "type": "icon", "position": [ 853, 0, 49, 40 ], "completed": false }, { "type": "title", "position": [ 71, 52, 165, 19 ], "completed": false }, { "type": "title", "position": [ 312, 52, 171, 19 ], "completed": false }, { "type": "title", "position": [ 584, 52, 114, 19 ], "completed": false }, { "type": "title", "position": [ 822, 52, 127, 19 ], "completed": false }, { "type": "description", "position": [ 54, 73, 198, 17 ], "completed": false }, { "type": "description", "position": [ 298, 73, 198, 34 ], "completed": false }, { "type": "description", "position": [ 542, 73, 198, 17 ], "completed": false }, { "type": "description", "position": [ 786, 73, 199, 34 ], "completed": false } ] }, { "text": "#A page for introducing three companies \"Metaverse\", \"Vmware\", and \"Huawei\" to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1662", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete icon 19 22 1 1 | link 5 22 13 2 | title 5 12 31 7 ] | [ complete icon 56 27 1 1 | image 42 9 8 1 | link 42 26 13 2 | title 42 13 31 10 ] | [ complete icon 94 23 1 1 | image 80 9 3 2 | link 80 23 13 2 | title 80 13 34 7 ] \"", "layout_seq_without_completion": "\" [ icon 19 22 1 1 | link 5 22 13 2 | title 5 12 31 7 ] | [ icon 56 27 1 1 | image 42 9 8 1 | link 42 26 13 2 | title 42 13 31 10 ] | [ icon 94 23 1 1 | image 80 9 3 2 | link 80 23 13 2 | title 80 13 34 7 ] \"", "plain_layout_seq": "icon 19 22 1 1 | icon 56 27 1 1 | icon 94 23 1 1 | image 42 9 8 1 | image 80 9 3 2 | link 5 22 13 2 | link 42 26 13 2 | link 80 23 13 2 | title 5 12 31 7 | title 42 13 31 10 | title 80 13 34 7", "canvas_width": 1024, "canvas_height": 331, "elements": [ { "type": "image", "position": [ 365, 80, 76, 16 ], "completed": false }, { "type": "image", "position": [ 685, 80, 26, 20 ], "completed": false }, { "type": "title", "position": [ 45, 104, 270, 60 ], "completed": false }, { "type": "title", "position": [ 365, 113, 270, 90 ], "completed": false }, { "type": "title", "position": [ 685, 116, 294, 60 ], "completed": false }, { "type": "link", "position": [ 45, 190, 112, 20 ], "completed": false }, { "type": "icon", "position": [ 165, 192, 14, 14 ], "completed": true }, { "type": "link", "position": [ 685, 202, 112, 20 ], "completed": false }, { "type": "icon", "position": [ 805, 204, 14, 14 ], "completed": true }, { "type": "link", "position": [ 365, 229, 112, 20 ], "completed": false }, { "type": "icon", "position": [ 485, 231, 14, 14 ], "completed": true } ] }, { "text": "#This page lets users know more about the Room they purchased.#This page has a subtitle \"Shop By Room\" and a description of it. It also shows two pictures called Living Room and Bedroom, and a View All button on each picture.", "region_id": "5679", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by room'] ] [el:description] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'living room, bedroom'] [item [el:image] [el:title] [el:button [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 47 60 11 4 | button 106 60 11 4 | description 12 14 95 8 | image 0 23 59 43 | image 60 23 59 43 | title 5 58 22 5 | title 64 58 16 5 | title 12 7 95 5", "layout_seq_without_completion": "button 47 60 11 4 | button 106 60 11 4 | description 12 14 95 8 | image 0 23 59 43 | image 60 23 59 43 | title 5 58 22 5 | title 64 58 16 5 | title 12 7 95 5", "plain_layout_seq": "button 47 60 11 4 | button 106 60 11 4 | description 12 14 95 8 | image 0 23 59 43 | image 60 23 59 43 | title 5 58 22 5 | title 64 58 16 5 | title 12 7 95 5", "canvas_width": 1024, "canvas_height": 631, "elements": [ { "type": "title", "position": [ 104, 60, 817, 47 ], "completed": false }, { "type": "description", "position": [ 104, 122, 817, 69 ], "completed": false }, { "type": "image", "position": [ 5, 201, 507, 369 ], "completed": false }, { "type": "image", "position": [ 512, 201, 507, 370 ], "completed": false }, { "type": "title", "position": [ 45, 502, 191, 48 ], "completed": false }, { "type": "title", "position": [ 552, 503, 141, 48 ], "completed": false }, { "type": "button", "position": [ 405, 513, 97, 42 ], "completed": false }, { "type": "button", "position": [ 912, 514, 97, 42 ], "completed": false } ] }, { "text": "#A page for introducing one company's refineries, logistics, and brands to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1679", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 5 6 30 22 | link 5 51 22 5 | complete text 5 37 30 11 | title 5 30 14 4 ] | [ image 44 6 30 22 | link 44 51 22 5 | complete text 44 37 30 11 | title 44 30 18 4 ] | [ image 83 6 30 22 | link 83 48 25 5 | complete text 83 37 30 8 | title 83 30 10 4 ] \"", "layout_seq_without_completion": "\" [ image 5 6 30 22 | link 5 51 22 5 | text 5 37 30 11 | title 5 30 14 4 ] | [ image 44 6 30 22 | link 44 51 22 5 | text 44 37 30 11 | title 44 30 18 4 ] | [ image 83 6 30 22 | link 83 48 25 5 | text 83 37 30 8 | title 83 30 10 4 ] \"", "plain_layout_seq": "image 5 6 30 22 | image 44 6 30 22 | image 83 6 30 22 | link 5 51 22 5 | link 44 51 22 5 | link 83 48 25 5 | text 5 37 30 11 | text 44 37 30 11 | text 83 37 30 8 | title 5 30 14 4 | title 44 30 18 4 | title 83 30 10 4", "canvas_width": 1024, "canvas_height": 561, "elements": [ { "type": "image", "position": [ 51, 54, 261, 195 ], "completed": false }, { "type": "image", "position": [ 382, 54, 261, 195 ], "completed": false }, { "type": "image", "position": [ 712, 54, 261, 195 ], "completed": false }, { "type": "title", "position": [ 51, 257, 122, 41 ], "completed": false }, { "type": "title", "position": [ 382, 257, 157, 41 ], "completed": false }, { "type": "title", "position": [ 712, 257, 86, 41 ], "completed": false }, { "type": "text", "position": [ 51, 317, 261, 100 ], "completed": true }, { "type": "text", "position": [ 382, 317, 261, 100 ], "completed": true }, { "type": "text", "position": [ 712, 317, 261, 75 ], "completed": true }, { "type": "link", "position": [ 712, 414, 216, 49 ], "completed": false }, { "type": "link", "position": [ 51, 439, 193, 49 ], "completed": false }, { "type": "link", "position": [ 382, 439, 193, 49 ], "completed": false } ] }, { "text": "#A page showing information about a company's service.# There should be thirteen links giving users access to specific information such as \"Storage\", \"Networking\" and \"Developer Services\".", "region_id": "1876", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'13'] [gattr:names'storage, networking, developer services'] [item [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 1 37 7 ] | [ link 41 1 37 7 ] | [ link 81 1 37 7 ] | [ link 1 10 37 7 ] | [ link 41 10 37 7 ] | [ link 81 10 37 7 ] | [ link 1 20 37 7 ] | [ link 41 20 37 7 ] | [ link 81 20 37 7 ] | [ link 1 29 37 7 ] | [ link 41 29 37 7 ] | [ link 81 29 37 7 ] | [ link 1 38 117 5 ] \"", "layout_seq_without_completion": "\" [ link 1 1 37 7 ] | [ link 41 1 37 7 ] | [ link 81 1 37 7 ] | [ link 1 10 37 7 ] | [ link 41 10 37 7 ] | [ link 81 10 37 7 ] | [ link 1 20 37 7 ] | [ link 41 20 37 7 ] | [ link 81 20 37 7 ] | [ link 1 29 37 7 ] | [ link 41 29 37 7 ] | [ link 81 29 37 7 ] | [ link 1 38 117 5 ] \"", "plain_layout_seq": "link 1 1 37 7 | link 41 1 37 7 | link 81 1 37 7 | link 1 10 37 7 | link 41 10 37 7 | link 81 10 37 7 | link 1 20 37 7 | link 41 20 37 7 | link 81 20 37 7 | link 1 29 37 7 | link 41 29 37 7 | link 81 29 37 7 | link 1 38 117 5", "canvas_width": 1000, "canvas_height": 383, "elements": [ { "type": "link", "position": [ 12, 12, 309, 66 ], "completed": false }, { "type": "link", "position": [ 345, 12, 309, 66 ], "completed": false }, { "type": "link", "position": [ 679, 12, 309, 66 ], "completed": false }, { "type": "link", "position": [ 12, 90, 309, 66 ], "completed": false }, { "type": "link", "position": [ 345, 90, 309, 66 ], "completed": false }, { "type": "link", "position": [ 679, 90, 309, 66 ], "completed": false }, { "type": "link", "position": [ 12, 168, 309, 66 ], "completed": false }, { "type": "link", "position": [ 345, 168, 309, 66 ], "completed": false }, { "type": "link", "position": [ 679, 168, 309, 66 ], "completed": false }, { "type": "link", "position": [ 12, 246, 309, 66 ], "completed": false }, { "type": "link", "position": [ 345, 246, 309, 66 ], "completed": false }, { "type": "link", "position": [ 679, 246, 309, 66 ], "completed": false }, { "type": "link", "position": [ 12, 324, 976, 47 ], "completed": false } ] }, { "text": "# A page to show guidance for website users.# On this page, six types of information are involved. Each contains an icon placed above the name of related information. At the bottom, the pagination of two downwards angels is placed under the link \"Scroll Down\".", "region_id": "2517", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:text] ] ] [el:link [attr:position 'bottom'] [attr:value 'Scroll Down'] ] [el:pagination [attr:position 'bottom'] ] ]", "execution": "multiinfo : link bottom undefined | pagination bottom undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete icon 58 27 2 2 | icon 15 3 5 5 | icon 32 3 5 5 | icon 48 3 5 5 | icon 82 3 5 5 | icon 65 3 5 5 | icon 99 3 5 5 | link 55 22 9 1 | text 49 10 4 2 | text 64 10 7 2 | text 15 10 4 2 | text 26 10 16 4 | text 80 10 9 2 | text 97 10 7 2", "layout_seq_without_completion": "icon 58 27 2 2 | icon 15 3 5 5 | icon 32 3 5 5 | icon 48 3 5 5 | icon 82 3 5 5 | icon 65 3 5 5 | icon 99 3 5 5 | link 55 22 9 1 | text 49 10 4 2 | text 64 10 7 2 | text 15 10 4 2 | text 26 10 16 4 | text 80 10 9 2 | text 97 10 7 2", "plain_layout_seq": "icon 58 27 2 2 | icon 15 3 5 5 | icon 32 3 5 5 | icon 48 3 5 5 | icon 82 3 5 5 | icon 65 3 5 5 | icon 99 3 5 5 | link 55 22 9 1 | text 49 10 4 2 | text 64 10 7 2 | text 15 10 4 2 | text 26 10 16 4 | text 80 10 9 2 | text 97 10 7 2", "canvas_width": 1024, "canvas_height": 285, "elements": [ { "type": "icon", "position": [ 131, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 274, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 417, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 559, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 702, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 845, 32, 48, 48 ], "completed": false }, { "type": "text", "position": [ 135, 92, 41, 19 ], "completed": false }, { "type": "text", "position": [ 227, 92, 143, 38 ], "completed": false }, { "type": "text", "position": [ 420, 92, 41, 19 ], "completed": false }, { "type": "text", "position": [ 549, 92, 68, 19 ], "completed": false }, { "type": "text", "position": [ 687, 92, 79, 19 ], "completed": false }, { "type": "text", "position": [ 836, 92, 65, 19 ], "completed": false }, { "type": "link", "position": [ 474, 195, 77, 17 ], "completed": false }, { "type": "icon", "position": [ 500, 234, 25, 23 ], "completed": true } ] }, { "text": "#A page to show the best sellers of this online store.# On this page, the title \"Bestseller\" is placed on the top left-hand. And under this, two types of bestsellers \"furniture\" and \"homeware\" are involved. Each contains the words \"Best Sellers\" placed under the name of the related type.", "region_id": "5764", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'bestseller'] [attr:position 'top-left']] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'furniture, homeware'] [item [el:title] [el:text[attr:value 'best sellers']] ] ] ]", "execution": "multiinfo : title top undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 1 6 57 27 | complete image 60 6 57 27 | title 0 0 118 3", "layout_seq_without_completion": "image 1 6 57 27 | image 60 6 57 27 | title 0 0 118 3", "plain_layout_seq": "image 1 6 57 27 | image 60 6 57 27 | title 0 0 118 3", "canvas_width": 1244, "canvas_height": 372, "elements": [ { "type": "title", "position": [ 6, 0, 1232, 39 ], "completed": false }, { "type": "image", "position": [ 14, 63, 600, 286 ], "completed": true }, { "type": "image", "position": [ 630, 63, 600, 286 ], "completed": true } ] }, { "text": "#A page for introducing how GoodRx works.# The page should have a title, and 3 groups while each group has an image, and two texts to introduce and shortly describe how GoodRx works.", "region_id": "5568", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "title 3 7 113 3 | \" [ description 3 38 17 2 | description 3 43 34 8 | image 3 17 34 18 ] | [ description 42 38 20 2 | description 42 43 34 8 | image 42 17 34 18 ] | [ description 81 38 28 2 | description 81 43 34 8 | image 81 17 34 18 ] \"", "layout_seq_without_completion": "title 3 7 113 3 | \" [ description 3 38 17 2 | description 3 43 34 8 | image 3 17 34 18 ] | [ description 42 38 20 2 | description 42 43 34 8 | image 42 17 34 18 ] | [ description 81 38 28 2 | description 81 43 34 8 | image 81 17 34 18 ] \"", "plain_layout_seq": "description 3 38 17 2 | description 3 43 34 8 | description 42 38 20 2 | description 42 43 34 8 | description 81 38 28 2 | description 81 43 34 8 | image 3 17 34 18 | image 42 17 34 18 | image 81 17 34 18 | title 3 7 113 3", "canvas_width": 1024, "canvas_height": 556, "elements": [ { "type": "title", "position": [ 28, 60, 968, 32 ], "completed": false }, { "type": "image", "position": [ 32, 152, 293, 160 ], "completed": false }, { "type": "image", "position": [ 365, 152, 293, 160 ], "completed": false }, { "type": "image", "position": [ 699, 152, 293, 160 ], "completed": false }, { "type": "description", "position": [ 32, 329, 152, 22 ], "completed": false }, { "type": "description", "position": [ 365, 329, 174, 22 ], "completed": false }, { "type": "description", "position": [ 699, 329, 244, 22 ], "completed": false }, { "type": "description", "position": [ 32, 373, 293, 75 ], "completed": false }, { "type": "description", "position": [ 365, 373, 293, 75 ], "completed": false }, { "type": "description", "position": [ 699, 373, 293, 75 ], "completed": false } ] }, { "text": "#A page introducing advantages of the properties for sale to users.#The page should have one list of three advantages. And each of them should include one icon, one text heading, and one brief description of the advantage.", "region_id": "2625", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 84 20 28 12 | description 6 20 28 12 | description 45 20 28 12 | icon 6 3 5 5 | icon 45 3 5 5 | icon 84 3 5 5 | complete image 3 0 35 36 | complete image 81 0 35 36 | complete image 42 0 35 36 | title 45 10 28 8 | title 6 10 28 8 | title 84 10 28 8", "layout_seq_without_completion": "description 84 20 28 12 | description 6 20 28 12 | description 45 20 28 12 | icon 6 3 5 5 | icon 45 3 5 5 | icon 84 3 5 5 | image 3 0 35 36 | image 81 0 35 36 | image 42 0 35 36 | title 45 10 28 8 | title 6 10 28 8 | title 84 10 28 8", "plain_layout_seq": "description 84 20 28 12 | description 6 20 28 12 | description 45 20 28 12 | icon 6 3 5 5 | icon 45 3 5 5 | icon 84 3 5 5 | image 3 0 35 36 | image 81 0 35 36 | image 42 0 35 36 | title 45 10 28 8 | title 6 10 28 8 | title 84 10 28 8", "canvas_width": 1024, "canvas_height": 328, "elements": [ { "type": "image", "position": [ 27, 0, 303, 310 ], "completed": true }, { "type": "image", "position": [ 360, 0, 303, 310 ], "completed": true }, { "type": "image", "position": [ 694, 0, 303, 310 ], "completed": true }, { "type": "icon", "position": [ 57, 30, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 390, 30, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 724, 30, 50, 50 ], "completed": false }, { "type": "title", "position": [ 57, 92, 243, 72 ], "completed": false }, { "type": "title", "position": [ 390, 92, 243, 72 ], "completed": false }, { "type": "title", "position": [ 724, 92, 243, 72 ], "completed": false }, { "type": "description", "position": [ 57, 174, 243, 104 ], "completed": false }, { "type": "description", "position": [ 390, 174, 243, 104 ], "completed": false }, { "type": "description", "position": [ 724, 174, 243, 104 ], "completed": false } ] }, { "text": "#A page introducing the news and stories of U.S. Bank. # The page should have a title, and three parts of news and stories. Each one should have one title with a short introduction to the news and stories of U.S. Bank and a button to get informed, be inspired, and explore solutions.", "region_id": "2362", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'news of U.S. bank, stories of u.s. bank'] [item [el:title] [el:description [attr:size'small'] ] ] ] [el:button [attr:value'get informed'] ] [el:button [attr:value'be inspired'] ] [el:button [attr:value'explore solutions'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 42 30 10 2 | button 5 30 11 2 | button 79 30 15 2 | description 5 23 32 5 | description 42 23 32 5 | description 79 23 30 5 | complete icon 53 31 1 1 | complete icon 18 31 1 1 | complete icon 95 31 1 1 | title 5 8 33 5 | title 5 18 27 3 | title 79 18 28 3 | title 42 18 29 3", "layout_seq_without_completion": "button 42 30 10 2 | button 5 30 11 2 | button 79 30 15 2 | description 5 23 32 5 | description 42 23 32 5 | description 79 23 30 5 | icon 53 31 1 1 | icon 18 31 1 1 | icon 95 31 1 1 | title 5 8 33 5 | title 5 18 27 3 | title 79 18 28 3 | title 42 18 29 3", "plain_layout_seq": "button 42 30 10 2 | button 5 30 11 2 | button 79 30 15 2 | description 5 23 32 5 | description 42 23 32 5 | description 79 23 30 5 | icon 53 31 1 1 | icon 18 31 1 1 | icon 95 31 1 1 | title 5 8 33 5 | title 5 18 27 3 | title 79 18 28 3 | title 42 18 29 3", "canvas_width": 1024, "canvas_height": 387, "elements": [ { "type": "title", "position": [ 51, 72, 287, 49 ], "completed": false }, { "type": "title", "position": [ 51, 157, 235, 29 ], "completed": false }, { "type": "title", "position": [ 366, 157, 251, 29 ], "completed": false }, { "type": "title", "position": [ 682, 157, 242, 29 ], "completed": false }, { "type": "description", "position": [ 51, 200, 281, 44 ], "completed": false }, { "type": "description", "position": [ 366, 200, 274, 44 ], "completed": false }, { "type": "description", "position": [ 682, 200, 262, 44 ], "completed": false }, { "type": "button", "position": [ 51, 262, 101, 19 ], "completed": false }, { "type": "button", "position": [ 366, 262, 88, 19 ], "completed": false }, { "type": "button", "position": [ 682, 262, 132, 19 ], "completed": false }, { "type": "icon", "position": [ 156, 265, 14, 14 ], "completed": true }, { "type": "icon", "position": [ 459, 265, 14, 14 ], "completed": true }, { "type": "icon", "position": [ 818, 265, 14, 14 ], "completed": true } ] }, { "text": "#A page for introducing the vast users of AppsGeyser and thus attracting more people to use AppsGeyser.# On the top of the page, there should be a title. and under it, there should be a brief description and a picture. Then, there should be three titles and three sentences arranged from left to right showing the popularity of AppsGeyser with different data. At the bottom of the page, there should be a button for users to use AppsGeyser to create an APP.", "region_id": "5784", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] ] [el:image] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:text] ] ] [el:button [attr:position 'bottom'] [attr:value 'create app for free'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined small | image undefined undefined | title top undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 45 88 28 7 | description 5 7 108 3 | image 3 12 112 50 | complete image 5 62 108 15 | text 44 71 30 3 | text 86 71 19 3 | text 13 71 18 3 | title 13 65 18 5 | title 86 65 19 5 | title 44 65 30 5 | title 5 0 108 5", "layout_seq_without_completion": "button 45 88 28 7 | description 5 7 108 3 | image 3 12 112 50 | image 5 62 108 15 | text 44 71 30 3 | text 86 71 19 3 | text 13 71 18 3 | title 13 65 18 5 | title 86 65 19 5 | title 44 65 30 5 | title 5 0 108 5", "plain_layout_seq": "button 45 88 28 7 | description 5 7 108 3 | image 3 12 112 50 | image 5 62 108 15 | text 44 71 30 3 | text 86 71 19 3 | text 13 71 18 3 | title 13 65 18 5 | title 86 65 19 5 | title 44 65 30 5 | title 5 0 108 5", "canvas_width": 1024, "canvas_height": 812, "elements": [ { "type": "title", "position": [ 47, 0, 930, 44 ], "completed": false }, { "type": "description", "position": [ 47, 64, 930, 32 ], "completed": false }, { "type": "image", "position": [ 32, 104, 960, 432 ], "completed": false }, { "type": "image", "position": [ 47, 536, 930, 136 ], "completed": true }, { "type": "title", "position": [ 119, 560, 160, 44 ], "completed": false }, { "type": "title", "position": [ 380, 560, 257, 44 ], "completed": false }, { "type": "title", "position": [ 737, 560, 168, 44 ], "completed": false }, { "type": "text", "position": [ 119, 610, 160, 32 ], "completed": false }, { "type": "text", "position": [ 380, 610, 257, 32 ], "completed": false }, { "type": "text", "position": [ 737, 610, 168, 32 ], "completed": false }, { "type": "button", "position": [ 390, 752, 244, 60 ], "completed": false } ] }, { "text": "#A page for users to know about the three steps to start earning money.#The page should have a title and text on the top. There are three groups on the page and each group has an image and a description, \"create an account\", \"shorten your link\", and \"earn money\". There is also an icon to present the number of steps in each group.", "region_id": "3894", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:text [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'create an account, shorten your link, earn money'] [item [el:image] [el:description] [el:icon] ] ] ]", "execution": "multiinfo : text top undefined | title top undefined | { [ description undefined undefined | icon undefined undefined | image undefined undefined ] | [ description undefined undefined | icon undefined undefined | image undefined undefined ] | [ description undefined undefined | icon undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 48 54 23 2 | description 10 54 23 4 | description 86 54 23 2 | icon 57 60 4 4 | icon 95 60 4 4 | icon 19 63 4 4 | image 91 33 13 15 | image 50 33 18 15 | image 13 33 17 15 | complete image 42 27 34 44 | complete image 80 27 34 45 | complete image 4 27 34 47 | text 4 14 110 6 | title 4 11 110 2", "layout_seq_without_completion": "description 48 54 23 2 | description 10 54 23 4 | description 86 54 23 2 | icon 57 60 4 4 | icon 95 60 4 4 | icon 19 63 4 4 | image 91 33 13 15 | image 50 33 18 15 | image 13 33 17 15 | image 42 27 34 44 | image 80 27 34 45 | image 4 27 34 47 | text 4 14 110 6 | title 4 11 110 2", "plain_layout_seq": "description 48 54 23 2 | description 10 54 23 4 | description 86 54 23 2 | icon 57 60 4 4 | icon 95 60 4 4 | icon 19 63 4 4 | image 91 33 13 15 | image 50 33 18 15 | image 13 33 17 15 | image 42 27 34 44 | image 80 27 34 45 | image 4 27 34 47 | text 4 14 110 6 | title 4 11 110 2", "canvas_width": 1024, "canvas_height": 735, "elements": [ { "type": "title", "position": [ 42, 100, 940, 20 ], "completed": false }, { "type": "text", "position": [ 42, 124, 940, 55 ], "completed": false }, { "type": "image", "position": [ 42, 231, 293, 404 ], "completed": true }, { "type": "image", "position": [ 365, 231, 293, 383 ], "completed": true }, { "type": "image", "position": [ 689, 231, 293, 384 ], "completed": true }, { "type": "image", "position": [ 115, 286, 147, 129 ], "completed": false }, { "type": "image", "position": [ 433, 286, 158, 128 ], "completed": false }, { "type": "image", "position": [ 779, 286, 112, 129 ], "completed": false }, { "type": "description", "position": [ 410, 464, 203, 20 ], "completed": false }, { "type": "description", "position": [ 87, 465, 203, 40 ], "completed": false }, { "type": "description", "position": [ 734, 465, 203, 20 ], "completed": false }, { "type": "icon", "position": [ 492, 519, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 815, 520, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 169, 540, 40, 40 ], "completed": false } ] }, { "text": "# A page for introducing the company Kuaigou Dache. # The page should have two parts: \"About Kuaigou Dache\" and \"Kuaigou Dache Headquater Location\". In each part, there should be 1-4 text boxes. So the user can know more info and the location of the headquarter. A text button is needed to suggest an edit.", "region_id": "893", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'about kuaigou dache, kuaigou headquater location'] [item [el:text [attr:repeat'several'] ] ] ] [el:button [attr:value'suggest an edit'] ] ]", "execution": "multiinfo : button undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 1 17 13 3 | text 80 5 39 5 | text 0 5 78 10 | text 80 15 39 2 | text 80 13 39 2 | text 80 10 39 2 | complete title 0 1 78 2 | complete title 80 1 39 3", "layout_seq_without_completion": "button 1 17 13 3 | text 80 5 39 5 | text 0 5 78 10 | text 80 15 39 2 | text 80 13 39 2 | text 80 10 39 2 | title 0 1 78 2 | title 80 1 39 3", "plain_layout_seq": "button 1 17 13 3 | text 80 5 39 5 | text 0 5 78 10 | text 80 15 39 2 | text 80 13 39 2 | text 80 10 39 2 | title 0 1 78 2 | title 80 1 39 3", "canvas_width": 1003, "canvas_height": 194, "elements": [ { "type": "title", "position": [ 0, 16, 658, 24 ], "completed": true }, { "type": "title", "position": [ 674, 16, 329, 28 ], "completed": true }, { "type": "text", "position": [ 0, 48, 658, 84 ], "completed": false }, { "type": "text", "position": [ 674, 48, 329, 42 ], "completed": false }, { "type": "text", "position": [ 674, 90, 329, 21 ], "completed": false }, { "type": "text", "position": [ 674, 111, 329, 21 ], "completed": false }, { "type": "text", "position": [ 674, 132, 329, 21 ], "completed": false }, { "type": "button", "position": [ 16, 145, 117, 31 ], "completed": false } ] }, { "text": "#A page giving information about E.ON.#The page should include an attractive title directing the user to find out more. There should be four categories of information, with each having one image, one title, and one link to obtain specific info.", "region_id": "1161", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | title 5 8 108 6 | title 63 37 48 3 | title 63 66 48 3 | title 7 37 48 3 | title 7 66 48 3", "layout_seq_without_completion": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | title 5 8 108 6 | title 63 37 48 3 | title 63 66 48 3 | title 7 37 48 3 | title 7 66 48 3", "plain_layout_seq": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | title 5 8 108 6 | title 63 37 48 3 | title 63 66 48 3 | title 7 37 48 3 | title 7 66 48 3", "canvas_width": 1040, "canvas_height": 746, "elements": [ { "type": "title", "position": [ 48, 72, 944, 58 ], "completed": false }, { "type": "title", "position": [ 64, 328, 424, 30 ], "completed": false }, { "type": "title", "position": [ 552, 328, 424, 30 ], "completed": false }, { "type": "link", "position": [ 64, 366, 232, 32 ], "completed": false }, { "type": "link", "position": [ 552, 366, 196, 32 ], "completed": false }, { "type": "title", "position": [ 64, 580, 424, 30 ], "completed": false }, { "type": "title", "position": [ 552, 580, 424, 30 ], "completed": false }, { "type": "link", "position": [ 64, 618, 289, 32 ], "completed": false }, { "type": "link", "position": [ 552, 618, 252, 32 ], "completed": false } ] }, { "text": "#A page giving information about E.ON.#The page should include an attractive title directing the user to find out more. There should be four categories of information, with each having one text box and one link to obtain specific info.", "region_id": "1161_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'find out more'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:link [attr:value'specific info']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | text 63 37 48 3 | text 63 66 48 3 | text 7 37 48 3 | text 7 66 48 3 | title 5 8 108 6", "layout_seq_without_completion": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | text 63 37 48 3 | text 63 66 48 3 | text 7 37 48 3 | text 7 66 48 3 | title 5 8 108 6", "plain_layout_seq": "link 63 71 29 3 | link 7 42 26 3 | link 63 42 22 3 | link 7 71 33 3 | text 63 37 48 3 | text 63 66 48 3 | text 7 37 48 3 | text 7 66 48 3 | title 5 8 108 6", "canvas_width": 1040, "canvas_height": 746, "elements": [ { "type": "title", "position": [ 48, 72, 944, 58 ], "completed": false }, { "type": "text", "position": [ 64, 328, 424, 30 ], "completed": false }, { "type": "text", "position": [ 552, 328, 424, 30 ], "completed": false }, { "type": "link", "position": [ 64, 366, 232, 32 ], "completed": false }, { "type": "link", "position": [ 552, 366, 196, 32 ], "completed": false }, { "type": "text", "position": [ 64, 580, 424, 30 ], "completed": false }, { "type": "text", "position": [ 552, 580, 424, 30 ], "completed": false }, { "type": "link", "position": [ 64, 618, 289, 32 ], "completed": false }, { "type": "link", "position": [ 552, 618, 252, 32 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by a company.# The page should have three groups of introduction information: \"Free shipping on opening orders\" \"Low or no minimum orders\", and \"No fees, period\". In each group, there should be a small image, a title, and a further description.", "region_id": "7534", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'free shipping on opening orders, low or no minimum orders, no fees, period'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 21 34 4 | image 19 7 3 3 | title 3 13 34 7 ] | [ description 42 17 34 4 | image 58 7 3 3 | title 42 13 34 3 ] | [ description 81 17 34 4 | image 96 7 3 3 | title 81 13 34 3 ] \"", "layout_seq_without_completion": "\" [ description 3 21 34 4 | image 19 7 3 3 | title 3 13 34 7 ] | [ description 42 17 34 4 | image 58 7 3 3 | title 42 13 34 3 ] | [ description 81 17 34 4 | image 96 7 3 3 | title 81 13 34 3 ] \"", "plain_layout_seq": "description 3 21 34 4 | description 42 17 34 4 | description 81 17 34 4 | image 19 7 3 3 | image 58 7 3 3 | image 96 7 3 3 | title 3 13 34 7 | title 42 13 34 3 | title 81 13 34 3", "canvas_width": 1009, "canvas_height": 284, "elements": [ { "type": "image", "position": [ 163, 64, 32, 32 ], "completed": false }, { "type": "image", "position": [ 488, 64, 32, 32 ], "completed": false }, { "type": "image", "position": [ 814, 64, 32, 32 ], "completed": false }, { "type": "title", "position": [ 32, 114, 294, 59 ], "completed": false }, { "type": "title", "position": [ 358, 114, 294, 31 ], "completed": false }, { "type": "title", "position": [ 683, 114, 294, 31 ], "completed": false }, { "type": "description", "position": [ 358, 151, 294, 42 ], "completed": false }, { "type": "description", "position": [ 683, 151, 294, 42 ], "completed": false }, { "type": "description", "position": [ 32, 179, 294, 42 ], "completed": false } ] }, { "text": "#A page for introducing the future world to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1775", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 0 35 31 | complete image 1 31 35 33 | link 4 41 28 7 | title 4 36 28 3 ] | [ complete image 42 31 35 33 | image 42 0 35 31 | link 45 41 28 7 | title 45 36 28 3 ] | [ complete image 83 31 35 33 | image 83 0 35 31 | link 87 45 28 15 | title 87 36 28 7 ] \"", "layout_seq_without_completion": "\" [ image 1 0 35 31 | image 1 31 35 33 | link 4 41 28 7 | title 4 36 28 3 ] | [ image 42 31 35 33 | image 42 0 35 31 | link 45 41 28 7 | title 45 36 28 3 ] | [ image 83 31 35 33 | image 83 0 35 31 | link 87 45 28 15 | title 87 36 28 7 ] \"", "plain_layout_seq": "image 1 0 35 31 | image 1 31 35 33 | image 42 31 35 33 | image 42 0 35 31 | image 83 31 35 33 | image 83 0 35 31 | link 4 41 28 7 | link 45 41 28 7 | link 87 45 28 15 | title 4 36 28 3 | title 45 36 28 3 | title 87 36 28 7", "canvas_width": 1007, "canvas_height": 597, "elements": [ { "type": "image", "position": [ 10, 0, 296, 264 ], "completed": false }, { "type": "image", "position": [ 356, 0, 296, 264 ], "completed": false }, { "type": "image", "position": [ 701, 0, 296, 264 ], "completed": false }, { "type": "image", "position": [ 10, 263, 296, 283 ], "completed": true }, { "type": "image", "position": [ 356, 263, 296, 283 ], "completed": true }, { "type": "image", "position": [ 701, 263, 296, 283 ], "completed": true }, { "type": "title", "position": [ 40, 303, 236, 31 ], "completed": false }, { "type": "title", "position": [ 386, 303, 236, 31 ], "completed": false }, { "type": "title", "position": [ 731, 303, 236, 62 ], "completed": false }, { "type": "link", "position": [ 40, 348, 236, 64 ], "completed": false }, { "type": "link", "position": [ 386, 348, 236, 64 ], "completed": false }, { "type": "link", "position": [ 731, 379, 236, 128 ], "completed": false } ] }, { "text": "#A page for showing different characteristics of the product.# The page includes three groups of information. Each one has an icon and one or two brief descriptions of the characteristic.", "region_id": "7396", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description [attr:size 'small'] [attr:repeat 'several'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | description undefined small | description undefined small | description undefined small | icon undefined undefined ] | [ description undefined small | description undefined small | description undefined small | description undefined small | icon undefined undefined ] | [ description undefined small | description undefined small | description undefined small | description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "description 50 3 23 8 | icon 46 6 2 2 | \" [ description 12 8 23 4 | icon 8 6 2 2 | complete title 12 2 23 5 ] | [ description 87 6 23 6 | icon 83 6 2 2 | complete title 87 2 23 2 ] \"", "layout_seq_without_completion": "description 50 3 23 8 | icon 46 6 2 2 | \" [ description 12 8 23 4 | icon 8 6 2 2 | title 12 2 23 5 ] | [ description 87 6 23 6 | icon 83 6 2 2 | title 87 2 23 2 ] \"", "plain_layout_seq": "description 50 3 23 8 | description 12 8 23 4 | description 87 6 23 6 | icon 46 6 2 2 | icon 8 6 2 2 | icon 83 6 2 2 | title 12 2 23 5 | title 87 2 23 2", "canvas_width": 1024, "canvas_height": 129, "elements": [ { "type": "title", "position": [ 108, 20, 201, 48 ], "completed": true }, { "type": "title", "position": [ 749, 23, 201, 24 ], "completed": true }, { "type": "description", "position": [ 428, 26, 201, 72 ], "completed": false }, { "type": "description", "position": [ 749, 52, 201, 54 ], "completed": false }, { "type": "icon", "position": [ 74, 53, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 394, 53, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 715, 53, 24, 24 ], "completed": false }, { "type": "description", "position": [ 108, 73, 201, 36 ], "completed": false } ] }, { "text": "#A page introducing the relationship between the company and other organisations.# The page contains the title \"AS FEATURED ON\" and five logos of different organisations.", "region_id": "7151", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'as featured on'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo]]] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 6 0 107 4 | \" [ logo 6 9 21 11 ] | [ logo 28 9 21 11 ] | [ logo 49 9 21 11 ] | [ logo 71 9 21 11 ] | [ logo 93 9 20 11 ] \"", "layout_seq_without_completion": "title 6 0 107 4 | \" [ logo 6 9 21 11 ] | [ logo 28 9 21 11 ] | [ logo 49 9 21 11 ] | [ logo 71 9 21 11 ] | [ logo 93 9 20 11 ] \"", "plain_layout_seq": "logo 6 9 21 11 | logo 28 9 21 11 | logo 49 9 21 11 | logo 71 9 21 11 | logo 93 9 20 11 | title 6 0 107 4", "canvas_width": 1047, "canvas_height": 180, "elements": [ { "type": "title", "position": [ 54, 0, 940, 39 ], "completed": false }, { "type": "logo", "position": [ 56, 79, 188, 99 ], "completed": false }, { "type": "logo", "position": [ 246, 79, 188, 99 ], "completed": false }, { "type": "logo", "position": [ 436, 79, 188, 99 ], "completed": false }, { "type": "logo", "position": [ 626, 79, 188, 99 ], "completed": false }, { "type": "logo", "position": [ 816, 79, 178, 99 ], "completed": false } ] }, { "text": "#A page for users to check information.# There are three groups of information, each of them has one title and one icon.", "region_id": "4244", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:icon] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 2 1 2 1 | icon 1 0 4 4 | title 8 0 20 3 ] | [ icon 42 1 2 1 | icon 40 0 4 4 | title 48 0 25 3 ] | [ icon 81 1 2 1 | icon 80 0 4 4 | title 88 0 25 3 ] \"", "layout_seq_without_completion": "\" [ icon 2 1 2 1 | icon 1 0 4 4 | title 8 0 20 3 ] | [ icon 42 1 2 1 | icon 40 0 4 4 | title 48 0 25 3 ] | [ icon 81 1 2 1 | icon 80 0 4 4 | title 88 0 25 3 ] \"", "plain_layout_seq": "icon 2 1 2 1 | icon 1 0 4 4 | icon 42 1 2 1 | icon 40 0 4 4 | icon 81 1 2 1 | icon 80 0 4 4 | title 8 0 20 3 | title 48 0 25 3 | title 88 0 25 3", "canvas_width": 940, "canvas_height": 37, "elements": [ { "type": "icon", "position": [ 10, 0, 37, 37 ], "completed": false }, { "type": "icon", "position": [ 320, 0, 37, 37 ], "completed": false }, { "type": "icon", "position": [ 630, 0, 37, 37 ], "completed": false }, { "type": "title", "position": [ 70, 6, 161, 24 ], "completed": false }, { "type": "title", "position": [ 380, 6, 198, 24 ], "completed": false }, { "type": "title", "position": [ 690, 6, 200, 24 ], "completed": false }, { "type": "icon", "position": [ 20, 12, 17, 14 ], "completed": false }, { "type": "icon", "position": [ 330, 12, 17, 14 ], "completed": false }, { "type": "icon", "position": [ 640, 12, 17, 14 ], "completed": false } ] }, { "text": "#A page for people to learn about some famous travel places.# There are five groups on the page. Each group has a beautiful image and a short description.", "region_id": "3135", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 62 39 25 6 | description 92 39 25 6 | description 92 14 25 6 | description 2 42 47 3 | description 62 14 25 6 | image 60 0 27 22 | image 60 25 27 22 | image 0 0 57 47 | image 90 0 27 22 | image 90 25 27 22", "layout_seq_without_completion": "description 62 39 25 6 | description 92 39 25 6 | description 92 14 25 6 | description 2 42 47 3 | description 62 14 25 6 | image 60 0 27 22 | image 60 25 27 22 | image 0 0 57 47 | image 90 0 27 22 | image 90 25 27 22", "plain_layout_seq": "description 62 39 25 6 | description 92 39 25 6 | description 92 14 25 6 | description 2 42 47 3 | description 62 14 25 6 | image 60 0 27 22 | image 60 25 27 22 | image 0 0 57 47 | image 90 0 27 22 | image 90 25 27 22", "canvas_width": 1004, "canvas_height": 400, "elements": [ { "type": "image", "position": [ 0, 0, 482, 400 ], "completed": false }, { "type": "image", "position": [ 502, 0, 231, 190 ], "completed": false }, { "type": "image", "position": [ 753, 0, 231, 190 ], "completed": false }, { "type": "description", "position": [ 522, 118, 211, 52 ], "completed": false }, { "type": "description", "position": [ 773, 118, 211, 52 ], "completed": false }, { "type": "image", "position": [ 502, 210, 231, 190 ], "completed": false }, { "type": "image", "position": [ 753, 210, 231, 190 ], "completed": false }, { "type": "description", "position": [ 522, 328, 211, 52 ], "completed": false }, { "type": "description", "position": [ 773, 328, 211, 52 ], "completed": false }, { "type": "description", "position": [ 20, 354, 399, 26 ], "completed": false } ] }, { "text": "#This page shows users the most wanted products. #There is a title of \"MOST WANTED\" at the top of this page, four sets of product images are shown below, There is also the text new in on each picture.There are page-turning buttons on both sides, and then there is a Shop New Season button at the bottom.", "region_id": "3518", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'most wanted'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:value 'new in']] ] ] [el:pagination] [el:button [attr:value 'Shop New Season '] [attr:position 'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | pagination undefined undefined | title top undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 0 24 4 5 | complete button 115 24 4 5 | button 46 52 26 5 | image 30 7 28 41 | image 61 7 28 41 | image 0 7 28 41 | image 91 7 28 41 | text 31 45 25 3 | text 92 45 25 3 | text 62 45 25 3 | text 1 45 25 3 | title 43 1 32 4", "layout_seq_without_completion": "button 0 24 4 5 | button 115 24 4 5 | button 46 52 26 5 | image 30 7 28 41 | image 61 7 28 41 | image 0 7 28 41 | image 91 7 28 41 | text 31 45 25 3 | text 92 45 25 3 | text 62 45 25 3 | text 1 45 25 3 | title 43 1 32 4", "plain_layout_seq": "button 0 24 4 5 | button 115 24 4 5 | button 46 52 26 5 | image 30 7 28 41 | image 61 7 28 41 | image 0 7 28 41 | image 91 7 28 41 | text 31 45 25 3 | text 92 45 25 3 | text 62 45 25 3 | text 1 45 25 3 | title 43 1 32 4", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 374, 12, 276, 35 ], "completed": false }, { "type": "image", "position": [ 0, 66, 241, 358 ], "completed": false }, { "type": "image", "position": [ 261, 66, 241, 358 ], "completed": false }, { "type": "image", "position": [ 522, 66, 241, 358 ], "completed": false }, { "type": "image", "position": [ 783, 66, 241, 358 ], "completed": false }, { "type": "button", "position": [ 1, 211, 41, 49 ], "completed": true }, { "type": "button", "position": [ 982, 211, 41, 49 ], "completed": true }, { "type": "text", "position": [ 10, 392, 221, 26 ], "completed": false }, { "type": "text", "position": [ 271, 392, 221, 26 ], "completed": false }, { "type": "text", "position": [ 532, 392, 221, 26 ], "completed": false }, { "type": "text", "position": [ 793, 392, 221, 26 ], "completed": false }, { "type": "button", "position": [ 400, 445, 225, 43 ], "completed": false } ] }, { "text": "#A page for introducing the Membean.#The page should have a title and a description on the top. There are two groups and each group has an image and a title, \"conventional method\" and \"How Membean works\". Also, there is a description in each group.", "region_id": "4277", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title[attr:position'top']] [el:description[attr:position'top']] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'conventional method, how membean works'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description top undefined | title top undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 59 56 10 | description 63 59 56 10 | description 0 6 120 10 | image 7 24 41 24 | image 71 24 41 24 | title 0 54 56 3 | title 63 54 56 3 | \" [ title 44 0 13 4 ] | [ title 58 0 3 4 ] | [ title 62 0 13 4 ] \"", "layout_seq_without_completion": "description 0 59 56 10 | description 63 59 56 10 | description 0 6 120 10 | image 7 24 41 24 | image 71 24 41 24 | title 0 54 56 3 | title 63 54 56 3 | \" [ title 44 0 13 4 ] | [ title 58 0 3 4 ] | [ title 62 0 13 4 ] \"", "plain_layout_seq": "description 0 59 56 10 | description 63 59 56 10 | description 0 6 120 10 | image 7 24 41 24 | image 71 24 41 24 | title 0 54 56 3 | title 63 54 56 3 | title 44 0 13 4 | title 58 0 3 4 | title 62 0 13 4", "canvas_width": 904, "canvas_height": 591, "elements": [ { "type": "title", "position": [ 338, 0, 103, 34 ], "completed": false }, { "type": "title", "position": [ 440, 0, 28, 34 ], "completed": false }, { "type": "title", "position": [ 468, 0, 98, 34 ], "completed": false }, { "type": "description", "position": [ 0, 46, 904, 81 ], "completed": false }, { "type": "image", "position": [ 56, 187, 310, 185 ], "completed": false }, { "type": "image", "position": [ 538, 187, 310, 185 ], "completed": false }, { "type": "title", "position": [ 0, 409, 422, 25 ], "completed": false }, { "type": "title", "position": [ 482, 409, 422, 25 ], "completed": false }, { "type": "description", "position": [ 0, 449, 422, 81 ], "completed": false }, { "type": "description", "position": [ 482, 449, 422, 81 ], "completed": false } ] }, { "text": "#A page for showing different types of information to users.# The page has four groups. Each group includes a title and one brief content.", "region_id": "5665", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 1 6 116 27 | description 7 27 50 3 | description 61 27 50 3 | description 61 15 50 3 | description 7 15 50 3 | title 7 22 50 4 | title 7 10 50 4 | title 61 10 50 4 | title 61 22 50 4", "layout_seq_without_completion": "background 1 6 116 27 | description 7 27 50 3 | description 61 27 50 3 | description 61 15 50 3 | description 7 15 50 3 | title 7 22 50 4 | title 7 10 50 4 | title 61 10 50 4 | title 61 22 50 4", "plain_layout_seq": "background 1 6 116 27 | description 7 27 50 3 | description 61 27 50 3 | description 61 15 50 3 | description 7 15 50 3 | title 7 22 50 4 | title 7 10 50 4 | title 61 10 50 4 | title 61 22 50 4", "canvas_width": 970, "canvas_height": 285, "elements": [ { "type": "background", "position": [ 15, 56, 940, 222 ], "completed": true }, { "type": "title", "position": [ 62, 88, 408, 36 ], "completed": false }, { "type": "title", "position": [ 500, 88, 408, 36 ], "completed": false }, { "type": "description", "position": [ 62, 124, 408, 27 ], "completed": false }, { "type": "description", "position": [ 500, 124, 408, 27 ], "completed": false }, { "type": "title", "position": [ 62, 183, 408, 36 ], "completed": false }, { "type": "title", "position": [ 500, 183, 408, 36 ], "completed": false }, { "type": "description", "position": [ 62, 219, 408, 27 ], "completed": false }, { "type": "description", "position": [ 500, 219, 408, 27 ], "completed": false } ] }, { "text": "# A page to introduce the customer company of a company. # The page should have a title, and five images showing the logo of the company. There should be a text link to see all customers.", "region_id": "1797", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] ] ] [el:link [attr:value'see all customers'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "link 49 43 21 2 | title 5 11 108 15 | \" [ logo 9 31 16 7 ] | [ logo 31 31 12 7 ] | [ logo 48 31 8 7 ] | [ logo 61 31 9 7 ] | [ logo 76 31 14 7 ] | [ logo 94 31 15 7 ] \"", "layout_seq_without_completion": "link 49 43 21 2 | title 5 11 108 15 | \" [ logo 9 31 16 7 ] | [ logo 31 31 12 7 ] | [ logo 48 31 8 7 ] | [ logo 61 31 9 7 ] | [ logo 76 31 14 7 ] | [ logo 94 31 15 7 ] \"", "plain_layout_seq": "link 49 43 21 2 | logo 9 31 16 7 | logo 31 31 12 7 | logo 48 31 8 7 | logo 61 31 9 7 | logo 76 31 14 7 | logo 94 31 15 7 | title 5 11 108 15", "canvas_width": 1024, "canvas_height": 493, "elements": [ { "type": "title", "position": [ 47, 100, 930, 136 ], "completed": false }, { "type": "logo", "position": [ 80, 271, 145, 60 ], "completed": false }, { "type": "logo", "position": [ 266, 271, 106, 60 ], "completed": false }, { "type": "logo", "position": [ 412, 271, 76, 60 ], "completed": false }, { "type": "logo", "position": [ 528, 271, 82, 60 ], "completed": false }, { "type": "logo", "position": [ 650, 271, 120, 60 ], "completed": false }, { "type": "logo", "position": [ 810, 271, 134, 60 ], "completed": false }, { "type": "link", "position": [ 419, 369, 186, 19 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three information groups. In each group, there must be an image, a title, and a short instruction.", "region_id": "1557", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | image 30 11 5 5 | image 83 11 5 5 | image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "layout_seq_without_completion": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | image 30 11 5 5 | image 83 11 5 5 | image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "plain_layout_seq": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | image 30 11 5 5 | image 83 11 5 5 | image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "canvas_width": 1003, "canvas_height": 536, "elements": [ { "type": "image", "position": [ 251, 100, 50, 50 ], "completed": false }, { "type": "image", "position": [ 702, 100, 50, 50 ], "completed": false }, { "type": "title", "position": [ 213, 165, 126, 25 ], "completed": false }, { "type": "title", "position": [ 633, 165, 189, 25 ], "completed": false }, { "type": "description", "position": [ 75, 193, 402, 50 ], "completed": false }, { "type": "description", "position": [ 526, 193, 402, 50 ], "completed": false }, { "type": "image", "position": [ 251, 293, 50, 50 ], "completed": false }, { "type": "title", "position": [ 213, 358, 126, 25 ], "completed": false }, { "type": "description", "position": [ 75, 386, 402, 50 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three information groups. In each group, there must be a title and a short instruction.", "region_id": "1557_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | complete image 30 11 5 5 | complete image 83 11 5 5 | complete image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "layout_seq_without_completion": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | image 30 11 5 5 | image 83 11 5 5 | image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "plain_layout_seq": "description 8 23 48 5 | description 62 23 48 5 | description 8 46 48 5 | image 30 11 5 5 | image 83 11 5 5 | image 30 35 5 5 | title 25 42 15 2 | title 25 19 15 2 | title 75 19 22 2", "canvas_width": 1003, "canvas_height": 536, "elements": [ { "type": "image", "position": [ 251, 100, 50, 50 ], "completed": true }, { "type": "image", "position": [ 702, 100, 50, 50 ], "completed": true }, { "type": "title", "position": [ 213, 165, 126, 25 ], "completed": false }, { "type": "title", "position": [ 633, 165, 189, 25 ], "completed": false }, { "type": "description", "position": [ 75, 193, 402, 50 ], "completed": false }, { "type": "description", "position": [ 526, 193, 402, 50 ], "completed": false }, { "type": "image", "position": [ 251, 293, 50, 50 ], "completed": true }, { "type": "title", "position": [ 213, 358, 126, 25 ], "completed": false }, { "type": "description", "position": [ 75, 386, 402, 50 ], "completed": false } ] }, { "text": "#A page for showing the blog posts.#The page should have a title and a link \"view all\" on the top. There are three groups and each group has an image and a title. Also, there is a description of the blog posts.", "region_id": "8137", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top']] [el:link [attr:value 'view all'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : link top undefined | title top undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 34 34 6 | description 42 34 34 3 | description 80 34 34 3 | link 107 0 10 3 | title 4 27 25 6 | title 42 27 34 6 | title 80 27 33 6 | title 4 0 12 3", "layout_seq_without_completion": "description 4 34 34 6 | description 42 34 34 3 | description 80 34 34 3 | link 107 0 10 3 | title 4 27 25 6 | title 42 27 34 6 | title 80 27 33 6 | title 4 0 12 3", "plain_layout_seq": "description 4 34 34 6 | description 42 34 34 3 | description 80 34 34 3 | link 107 0 10 3 | title 4 27 25 6 | title 42 27 34 6 | title 80 27 33 6 | title 4 0 12 3", "canvas_width": 1024, "canvas_height": 409, "elements": [ { "type": "title", "position": [ 40, 0, 104, 33 ], "completed": false }, { "type": "link", "position": [ 919, 4, 91, 30 ], "completed": false }, { "type": "title", "position": [ 40, 233, 221, 53 ], "completed": false }, { "type": "title", "position": [ 365, 233, 294, 53 ], "completed": false }, { "type": "title", "position": [ 689, 233, 283, 53 ], "completed": false }, { "type": "description", "position": [ 40, 297, 295, 52 ], "completed": false }, { "type": "description", "position": [ 365, 297, 295, 26 ], "completed": false }, { "type": "description", "position": [ 689, 297, 295, 26 ], "completed": false } ] }, { "text": "# A page to show the partner company of Sprikir. # The page should be a title and some images showing the logo of the brands.", "region_id": "2206", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 20 83 19 7 | logo 20 68 19 7 | logo 79 38 19 7 | logo 50 53 19 7 | logo 50 68 19 7 | logo 20 38 19 7 | logo 50 38 19 7 | logo 20 53 19 7 | logo 79 53 19 7 | logo 79 68 19 7 | logo 50 83 19 7 | logo 79 83 19 7 | logo 79 98 19 7 | logo 50 98 19 7 | logo 20 98 19 7 | title 24 19 70 10", "layout_seq_without_completion": "logo 20 83 19 7 | logo 20 68 19 7 | logo 79 38 19 7 | logo 50 53 19 7 | logo 50 68 19 7 | logo 20 38 19 7 | logo 50 38 19 7 | logo 20 53 19 7 | logo 79 53 19 7 | logo 79 68 19 7 | logo 50 83 19 7 | logo 79 83 19 7 | logo 79 98 19 7 | logo 50 98 19 7 | logo 20 98 19 7 | title 24 19 70 10", "plain_layout_seq": "logo 20 83 19 7 | logo 20 68 19 7 | logo 79 38 19 7 | logo 50 53 19 7 | logo 50 68 19 7 | logo 20 38 19 7 | logo 50 38 19 7 | logo 20 53 19 7 | logo 79 53 19 7 | logo 79 68 19 7 | logo 50 83 19 7 | logo 79 83 19 7 | logo 79 98 19 7 | logo 50 98 19 7 | logo 20 98 19 7 | title 24 19 70 10", "canvas_width": 1003, "canvas_height": 1002, "elements": [ { "type": "title", "position": [ 208, 160, 587, 90 ], "completed": false }, { "type": "logo", "position": [ 174, 321, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 419, 321, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 664, 321, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 174, 448, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 419, 448, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 664, 448, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 174, 574, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 419, 574, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 664, 574, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 174, 701, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 419, 701, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 664, 701, 165, 62 ], "completed": false }, { "type": "logo", "position": [ 174, 827, 165, 63 ], "completed": false }, { "type": "logo", "position": [ 419, 827, 165, 63 ], "completed": false }, { "type": "logo", "position": [ 664, 827, 165, 63 ], "completed": false } ] }, { "text": "#This page is for the convenience of users to better understand the company's products.#The page has a title of \"what people are saying about us\" and then shows the user what the three users know about the product.Each group has an icon, a text and a name.", "region_id": "7798", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what people are saying about us'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon][el:text[attr:repeat'2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 79 40 32 2 | text 8 21 32 15 | text 8 40 32 2 | text 43 21 32 18 | text 43 43 32 2 | text 79 21 32 15 | title 6 6 107 3", "layout_seq_without_completion": "icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 79 40 32 2 | text 8 21 32 15 | text 8 40 32 2 | text 43 21 32 18 | text 43 43 32 2 | text 79 21 32 15 | title 6 6 107 3", "plain_layout_seq": "icon 23 16 2 2 | icon 58 16 2 2 | icon 94 16 2 2 | text 79 40 32 2 | text 8 21 32 15 | text 8 40 32 2 | text 43 21 32 18 | text 43 43 32 2 | text 79 21 32 15 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 452, "elements": [ { "type": "title", "position": [ 55, 54, 914, 30 ], "completed": false }, { "type": "icon", "position": [ 198, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 502, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 808, 142, 20, 20 ], "completed": false }, { "type": "text", "position": [ 70, 185, 275, 133 ], "completed": false }, { "type": "text", "position": [ 375, 185, 275, 160 ], "completed": false }, { "type": "text", "position": [ 680, 185, 275, 133 ], "completed": false }, { "type": "text", "position": [ 70, 348, 275, 21 ], "completed": false }, { "type": "text", "position": [ 680, 348, 275, 21 ], "completed": false }, { "type": "text", "position": [ 375, 375, 275, 21 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # On the page, there should be eight small text boxes with a small image on the right.", "region_id": "2397", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'8'] [item [el:text [attr:size'small'] ] [el:image [attr:size'small'] [attr:position'right'] ] ] ] ]", "execution": "multiinfo : { [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] | [ image right small | text undefined small ] }", "layout_seq_with_completion": "image 1 4 5 5 | image 1 22 5 5 | image 41 22 5 5 | image 1 13 5 5 | image 41 13 5 5 | image 80 13 5 5 | image 41 4 5 5 | image 80 4 5 5 | text 8 24 6 2 | text 47 24 13 2 | text 8 15 9 2 | text 8 5 6 2 | text 47 5 10 2 | text 87 5 9 2 | text 47 15 11 2 | text 87 15 8 2", "layout_seq_without_completion": "image 1 4 5 5 | image 1 22 5 5 | image 41 22 5 5 | image 1 13 5 5 | image 41 13 5 5 | image 80 13 5 5 | image 41 4 5 5 | image 80 4 5 5 | text 8 24 6 2 | text 47 24 13 2 | text 8 15 9 2 | text 8 5 6 2 | text 47 5 10 2 | text 87 5 9 2 | text 47 15 11 2 | text 87 15 8 2", "plain_layout_seq": "image 1 4 5 5 | image 1 22 5 5 | image 41 22 5 5 | image 1 13 5 5 | image 41 13 5 5 | image 80 13 5 5 | image 41 4 5 5 | image 80 4 5 5 | text 8 24 6 2 | text 47 24 13 2 | text 8 15 9 2 | text 8 5 6 2 | text 47 5 10 2 | text 87 5 9 2 | text 47 15 11 2 | text 87 15 8 2", "canvas_width": 989, "canvas_height": 275, "elements": [ { "type": "image", "position": [ 10, 33, 48, 48 ], "completed": false }, { "type": "image", "position": [ 338, 33, 48, 48 ], "completed": false }, { "type": "image", "position": [ 667, 33, 48, 48 ], "completed": false }, { "type": "text", "position": [ 66, 48, 57, 18 ], "completed": false }, { "type": "text", "position": [ 394, 48, 88, 18 ], "completed": false }, { "type": "text", "position": [ 723, 48, 77, 18 ], "completed": false }, { "type": "image", "position": [ 10, 110, 48, 48 ], "completed": false }, { "type": "image", "position": [ 338, 110, 48, 48 ], "completed": false }, { "type": "image", "position": [ 667, 110, 48, 48 ], "completed": false }, { "type": "text", "position": [ 66, 125, 77, 18 ], "completed": false }, { "type": "text", "position": [ 394, 125, 93, 18 ], "completed": false }, { "type": "text", "position": [ 723, 125, 70, 18 ], "completed": false }, { "type": "image", "position": [ 10, 186, 48, 48 ], "completed": false }, { "type": "image", "position": [ 338, 186, 48, 48 ], "completed": false }, { "type": "text", "position": [ 66, 201, 57, 18 ], "completed": false }, { "type": "text", "position": [ 394, 201, 110, 18 ], "completed": false } ] }, { "text": "# This page shows the product to the user. #This page has one title: \"Jean Lafitte Clothing\", and four groups: Men's Short Sleeve, Men's Long Sleeve, Women's Short Sleeve, and Women's Long Sleeve. Each group is composed of a background image and a product name.", "region_id": "7894", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'jean lafitte clothing'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Mens Short Sleeve,Mens Long Sleeve, Womens Short Sleeve,Womens Long Sleeve'] [item [el:background_image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | text undefined undefined ] | [ background undefined undefined | text undefined undefined ] | [ background undefined undefined | text undefined undefined ] | [ background undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "background 4 10 26 69 | background 32 10 26 69 | background 60 10 26 69 | background 88 10 26 69 | text 35 69 20 7 | text 7 69 20 7 | text 63 69 20 7 | text 91 69 20 7 | title 4 0 110 4", "layout_seq_without_completion": "background 4 10 26 69 | background 32 10 26 69 | background 60 10 26 69 | background 88 10 26 69 | text 35 69 20 7 | text 7 69 20 7 | text 63 69 20 7 | text 91 69 20 7 | title 4 0 110 4", "plain_layout_seq": "background 4 10 26 69 | background 32 10 26 69 | background 60 10 26 69 | background 88 10 26 69 | text 35 69 20 7 | text 7 69 20 7 | text 63 69 20 7 | text 91 69 20 7 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 691, "elements": [ { "type": "title", "position": [ 40, 0, 944, 40 ], "completed": false }, { "type": "background", "position": [ 40, 91, 229, 590 ], "completed": false }, { "type": "background", "position": [ 278, 91, 228, 590 ], "completed": false }, { "type": "background", "position": [ 517, 91, 229, 590 ], "completed": false }, { "type": "background", "position": [ 756, 91, 228, 590 ], "completed": false }, { "type": "text", "position": [ 65, 593, 179, 62 ], "completed": false }, { "type": "text", "position": [ 304, 593, 179, 62 ], "completed": false }, { "type": "text", "position": [ 542, 593, 179, 62 ], "completed": false }, { "type": "text", "position": [ 780, 593, 179, 62 ], "completed": false } ] }, { "text": "# A page to introduce a company's area of expertise.# There should include the title \"Our Expertise in\" on the top. Then, the page should have three groups of information sets: \"Android App Development\" \"IOS App Development\" and \"Cross Platform App Development\", with each containing an image, a title, a further description, and a link for the user to learn more info.", "region_id": "3434", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our Expertise in'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Android App Development, IOS App Development, Cross Platform App Development'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'Learn more']] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 15 36 39 14 | description 64 36 39 14 | description 15 87 39 10 | image 64 18 11 11 | image 15 18 11 11 | image 15 65 11 11 | link 15 54 13 2 | link 64 54 13 2 | link 15 101 13 2 | title 3 4 112 5 | title 15 79 39 6 | title 64 32 30 3 | title 15 32 36 3", "layout_seq_without_completion": "description 15 36 39 14 | description 64 36 39 14 | description 15 87 39 10 | image 64 18 11 11 | image 15 18 11 11 | image 15 65 11 11 | link 15 54 13 2 | link 64 54 13 2 | link 15 101 13 2 | title 3 4 112 5 | title 15 79 39 6 | title 64 32 30 3 | title 15 32 36 3", "plain_layout_seq": "description 15 36 39 14 | description 64 36 39 14 | description 15 87 39 10 | image 64 18 11 11 | image 15 18 11 11 | image 15 65 11 11 | link 15 54 13 2 | link 64 54 13 2 | link 15 101 13 2 | title 3 4 112 5 | title 15 79 39 6 | title 64 32 30 3 | title 15 32 36 3", "canvas_width": 1024, "canvas_height": 953, "elements": [ { "type": "title", "position": [ 30, 40, 964, 49 ], "completed": false }, { "type": "image", "position": [ 136, 154, 96, 96 ], "completed": false }, { "type": "image", "position": [ 552, 154, 96, 96 ], "completed": false }, { "type": "title", "position": [ 136, 274, 308, 27 ], "completed": false }, { "type": "title", "position": [ 552, 274, 256, 27 ], "completed": false }, { "type": "description", "position": [ 136, 311, 337, 120 ], "completed": false }, { "type": "description", "position": [ 552, 311, 337, 120 ], "completed": false }, { "type": "link", "position": [ 136, 461, 118, 22 ], "completed": false }, { "type": "link", "position": [ 552, 461, 118, 22 ], "completed": false }, { "type": "image", "position": [ 136, 562, 96, 96 ], "completed": false }, { "type": "title", "position": [ 136, 682, 337, 54 ], "completed": false }, { "type": "description", "position": [ 136, 746, 337, 90 ], "completed": false }, { "type": "link", "position": [ 136, 866, 118, 22 ], "completed": false } ] }, { "text": "#A page for introducing getting started with card to users.# The page should include four parts of the content. Each part contains one title and a brief description. At the bottom, there should be a button for users to get an account.", "region_id": "559", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:title] [el:description [attr:size'small'] ] ] ] [el:button [attr:position'bottom'] [attr:value'get an account'] ] ]", "execution": "multiinfo : button bottom undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 45 58 28 5 | description 3 39 25 11 | description 32 39 25 8 | description 61 39 25 8 | description 90 39 25 11 | complete text 53 7 13 2 | title 100 30 6 6 | complete title 16 11 87 11 | title 3 30 25 7 | title 61 30 25 7 | title 32 30 25 7", "layout_seq_without_completion": "button 45 58 28 5 | description 3 39 25 11 | description 32 39 25 8 | description 61 39 25 8 | description 90 39 25 11 | text 53 7 13 2 | title 100 30 6 6 | title 16 11 87 11 | title 3 30 25 7 | title 61 30 25 7 | title 32 30 25 7", "plain_layout_seq": "button 45 58 28 5 | description 3 39 25 11 | description 32 39 25 8 | description 61 39 25 8 | description 90 39 25 11 | text 53 7 13 2 | title 100 30 6 6 | title 16 11 87 11 | title 3 30 25 7 | title 61 30 25 7 | title 32 30 25 7", "canvas_width": 1024, "canvas_height": 612, "elements": [ { "type": "text", "position": [ 456, 66, 112, 20 ], "completed": true }, { "type": "title", "position": [ 138, 97, 748, 101 ], "completed": true }, { "type": "title", "position": [ 32, 262, 216, 62 ], "completed": false }, { "type": "title", "position": [ 280, 262, 216, 62 ], "completed": false }, { "type": "title", "position": [ 528, 262, 216, 62 ], "completed": false }, { "type": "title", "position": [ 855, 264, 58, 58 ], "completed": false }, { "type": "description", "position": [ 32, 340, 216, 96 ], "completed": false }, { "type": "description", "position": [ 280, 340, 216, 72 ], "completed": false }, { "type": "description", "position": [ 528, 340, 216, 72 ], "completed": false }, { "type": "description", "position": [ 776, 340, 216, 96 ], "completed": false }, { "type": "button", "position": [ 390, 500, 244, 48 ], "completed": false } ] }, { "text": "# A page for advertising bags in an online store. # The page should have the title \"SHOP BAGS\" and four groups of product information with each having an image, a product name, and a price.", "region_id": "7104", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop bags'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 50 2 19 4 | \" [ image 3 10 27 27 | text 14 55 4 1 | title 5 52 23 1 ] | [ image 31 10 27 41 | text 43 55 5 1 | title 43 52 4 1 ] | [ image 60 10 27 41 | text 72 55 4 1 | title 65 52 18 1 ] | [ image 89 10 27 41 | text 101 55 4 1 | title 91 52 24 1 ] \"", "layout_seq_without_completion": "title 50 2 19 4 | \" [ image 3 10 27 27 | text 14 55 4 1 | title 5 52 23 1 ] | [ image 31 10 27 41 | text 43 55 5 1 | title 43 52 4 1 ] | [ image 60 10 27 41 | text 72 55 4 1 | title 65 52 18 1 ] | [ image 89 10 27 41 | text 101 55 4 1 | title 91 52 24 1 ] \"", "plain_layout_seq": "image 3 10 27 27 | image 31 10 27 41 | image 60 10 27 41 | image 89 10 27 41 | text 14 55 4 1 | text 43 55 5 1 | text 72 55 4 1 | text 101 55 4 1 | title 50 2 19 4 | title 5 52 23 1 | title 43 52 4 1 | title 65 52 18 1 | title 91 52 24 1", "canvas_width": 1024, "canvas_height": 517, "elements": [ { "type": "title", "position": [ 430, 25, 163, 39 ], "completed": false }, { "type": "image", "position": [ 26, 89, 236, 236 ], "completed": false }, { "type": "image", "position": [ 272, 89, 236, 354 ], "completed": false }, { "type": "image", "position": [ 518, 89, 236, 354 ], "completed": false }, { "type": "image", "position": [ 764, 89, 236, 354 ], "completed": false }, { "type": "title", "position": [ 45, 452, 198, 17 ], "completed": false }, { "type": "title", "position": [ 372, 452, 36, 17 ], "completed": false }, { "type": "title", "position": [ 557, 452, 158, 17 ], "completed": false }, { "type": "title", "position": [ 778, 452, 207, 17 ], "completed": false }, { "type": "text", "position": [ 125, 471, 38, 17 ], "completed": false }, { "type": "text", "position": [ 367, 471, 45, 17 ], "completed": false }, { "type": "text", "position": [ 617, 471, 38, 17 ], "completed": false }, { "type": "text", "position": [ 863, 471, 38, 17 ], "completed": false } ] }, { "text": "#A page of information about the customer's feedback.# There is a title and three icons. Then, there are three sentences and three names that show the customer's feedback on the store service.", "region_id": "7961", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 8 12 32 11 | description 43 12 32 14 | description 79 12 32 11 | icon 23 7 2 2 | icon 94 7 2 2 | icon 58 7 2 2 | title 79 27 32 2 | title 43 30 32 2 | title 8 27 32 2 | title 6 2 107 2 | \" [ complete button 51 57 2 2 ] | [ complete button 54 57 2 2 ] | [ complete button 56 57 2 2 ] | [ complete button 58 57 2 2 ] | [ complete button 61 57 2 2 ] | [ complete button 63 57 2 2 ] | [ complete button 65 57 2 2 ] \"", "layout_seq_without_completion": "description 8 12 32 11 | description 43 12 32 14 | description 79 12 32 11 | icon 23 7 2 2 | icon 94 7 2 2 | icon 58 7 2 2 | title 79 27 32 2 | title 43 30 32 2 | title 8 27 32 2 | title 6 2 107 2 | \" [ button 51 57 2 2 ] | [ button 54 57 2 2 ] | [ button 56 57 2 2 ] | [ button 58 57 2 2 ] | [ button 61 57 2 2 ] | [ button 63 57 2 2 ] | [ button 65 57 2 2 ] \"", "plain_layout_seq": "button 51 57 2 2 | button 54 57 2 2 | button 56 57 2 2 | button 58 57 2 2 | button 61 57 2 2 | button 63 57 2 2 | button 65 57 2 2 | description 8 12 32 11 | description 43 12 32 14 | description 79 12 32 11 | icon 23 7 2 2 | icon 94 7 2 2 | icon 58 7 2 2 | title 79 27 32 2 | title 43 30 32 2 | title 8 27 32 2 | title 6 2 107 2", "canvas_width": 1024, "canvas_height": 534, "elements": [ { "type": "title", "position": [ 55, 20, 914, 24 ], "completed": false }, { "type": "icon", "position": [ 197, 66, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 501, 66, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 805, 66, 20, 20 ], "completed": false }, { "type": "description", "position": [ 70, 107, 274, 101 ], "completed": false }, { "type": "description", "position": [ 374, 107, 274, 126 ], "completed": false }, { "type": "description", "position": [ 678, 107, 274, 101 ], "completed": false }, { "type": "title", "position": [ 70, 238, 274, 19 ], "completed": false }, { "type": "title", "position": [ 678, 238, 274, 19 ], "completed": false }, { "type": "title", "position": [ 374, 263, 274, 20 ], "completed": false }, { "type": "button", "position": [ 442, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 462, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 482, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 502, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 522, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 542, 494, 20, 20 ], "completed": true }, { "type": "button", "position": [ 562, 494, 20, 20 ], "completed": true } ] }, { "text": "# A page to introduce the core strengths of a company. # There should include a title \"Our Core Strengths\" and three groups of information sets: \"Premium Support\" \"Trusted Author\" and \"Regular Updates\" with each including an image, a title, and a further description to introduce the core strengths.", "region_id": "2586", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our Core Strengths'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Premium Support, Trusted Author, Regular Updates'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 46 43 27 9 | description 7 43 27 12 | description 84 43 27 9 | image 3 22 35 36 | image 42 22 35 36 | image 81 22 35 36 | title 11 38 19 2 | title 51 38 17 2 | title 0 9 120 6 | title 89 38 18 2", "layout_seq_without_completion": "description 46 43 27 9 | description 7 43 27 12 | description 84 43 27 9 | image 3 22 35 36 | image 42 22 35 36 | image 81 22 35 36 | title 11 38 19 2 | title 51 38 17 2 | title 0 9 120 6 | title 89 38 18 2", "plain_layout_seq": "description 46 43 27 9 | description 7 43 27 12 | description 84 43 27 9 | image 3 22 35 36 | image 42 22 35 36 | image 81 22 35 36 | title 11 38 19 2 | title 51 38 17 2 | title 0 9 120 6 | title 89 38 18 2", "canvas_width": 1024, "canvas_height": 622, "elements": [ { "type": "title", "position": [ 0, 84, 1024, 52 ], "completed": false }, { "type": "image", "position": [ 32, 196, 300, 312 ], "completed": false }, { "type": "image", "position": [ 362, 196, 300, 312 ], "completed": false }, { "type": "image", "position": [ 692, 196, 300, 312 ], "completed": false }, { "type": "title", "position": [ 99, 325, 166, 21 ], "completed": false }, { "type": "title", "position": [ 439, 325, 146, 21 ], "completed": false }, { "type": "title", "position": [ 762, 325, 160, 21 ], "completed": false }, { "type": "description", "position": [ 63, 369, 238, 105 ], "completed": false }, { "type": "description", "position": [ 393, 369, 238, 78 ], "completed": false }, { "type": "description", "position": [ 723, 369, 238, 78 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# The page has a headline and four titles of the products with a picture beside each one.", "region_id": "6725", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 59 32 32 | image 43 22 32 32 | image 80 22 32 32 | image 6 22 32 32 | title 80 42 32 7 | title 43 42 32 7 | title 6 42 32 7 | title 6 79 32 7 | title 6 10 107 5", "layout_seq_without_completion": "image 6 59 32 32 | image 43 22 32 32 | image 80 22 32 32 | image 6 22 32 32 | title 80 42 32 7 | title 43 42 32 7 | title 6 42 32 7 | title 6 79 32 7 | title 6 10 107 5", "plain_layout_seq": "image 6 59 32 32 | image 43 22 32 32 | image 80 22 32 32 | image 6 22 32 32 | title 80 42 32 7 | title 43 42 32 7 | title 6 42 32 7 | title 6 79 32 7 | title 6 10 107 5", "canvas_width": 1024, "canvas_height": 852, "elements": [ { "type": "title", "position": [ 55, 86, 914, 50 ], "completed": false }, { "type": "image", "position": [ 58, 193, 279, 279 ], "completed": false }, { "type": "image", "position": [ 373, 193, 279, 279 ], "completed": false }, { "type": "image", "position": [ 687, 193, 279, 279 ], "completed": false }, { "type": "title", "position": [ 58, 362, 279, 61 ], "completed": false }, { "type": "title", "position": [ 373, 362, 279, 61 ], "completed": false }, { "type": "title", "position": [ 687, 362, 279, 61 ], "completed": false }, { "type": "image", "position": [ 58, 507, 279, 279 ], "completed": false }, { "type": "title", "position": [ 58, 677, 279, 61 ], "completed": false } ] }, { "text": "#A page for showing MLB news.# The page should have a title, and 4 groups while each group has an image, and 3 texts to show the photo, title, author, and the update time of the news. A button is needed for users to click to view all.", "region_id": "3272", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] [el:text]] ] [el:button[attr:value'view all']] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 112 1 5 2 | complete image 1 6 58 46 | complete image 60 37 58 14 | complete image 60 6 58 14 | complete image 60 22 58 14 | title 1 0 7 5 | \" [ image 1 6 58 32 | complete text 14 48 0 2 | text 15 48 9 2 | text 2 48 11 2 | title 2 40 55 3 ] | [ image 60 6 19 14 | complete text 94 17 9 2 | text 81 17 11 2 | complete text 93 17 0 2 | title 81 6 36 6 ] | [ image 60 22 19 14 | text 81 33 11 2 | complete text 93 33 0 2 | text 94 33 11 2 | title 81 22 36 6 ] | [ image 60 37 19 14 | text 81 48 11 2 | complete text 93 48 0 2 | text 94 48 11 2 | title 81 38 36 6 ] \"", "layout_seq_without_completion": "button 112 1 5 2 | image 1 6 58 46 | image 60 37 58 14 | image 60 6 58 14 | image 60 22 58 14 | title 1 0 7 5 | \" [ image 1 6 58 32 | text 14 48 0 2 | text 15 48 9 2 | text 2 48 11 2 | title 2 40 55 3 ] | [ image 60 6 19 14 | text 94 17 9 2 | text 81 17 11 2 | text 93 17 0 2 | title 81 6 36 6 ] | [ image 60 22 19 14 | text 81 33 11 2 | text 93 33 0 2 | text 94 33 11 2 | title 81 22 36 6 ] | [ image 60 37 19 14 | text 81 48 11 2 | text 93 48 0 2 | text 94 48 11 2 | title 81 38 36 6 ] \"", "plain_layout_seq": "button 112 1 5 2 | image 1 6 58 46 | image 60 37 58 14 | image 60 6 58 14 | image 60 22 58 14 | image 1 6 58 32 | image 60 6 19 14 | image 60 22 19 14 | image 60 37 19 14 | text 14 48 0 2 | text 15 48 9 2 | text 2 48 11 2 | text 94 17 9 2 | text 81 17 11 2 | text 93 17 0 2 | text 81 33 11 2 | text 93 33 0 2 | text 94 33 11 2 | text 81 48 11 2 | text 93 48 0 2 | text 94 48 11 2 | title 1 0 7 5 | title 2 40 55 3 | title 81 6 36 6 | title 81 22 36 6 | title 81 38 36 6", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "title", "position": [ 10, 0, 65, 44 ], "completed": false }, { "type": "button", "position": [ 963, 10, 51, 24 ], "completed": false }, { "type": "image", "position": [ 10, 54, 497, 280 ], "completed": false }, { "type": "image", "position": [ 10, 54, 497, 393 ], "completed": true }, { "type": "image", "position": [ 517, 54, 497, 124 ], "completed": true }, { "type": "image", "position": [ 517, 54, 166, 124 ], "completed": false }, { "type": "title", "position": [ 693, 59, 311, 56 ], "completed": false }, { "type": "text", "position": [ 693, 149, 97, 24 ], "completed": false }, { "type": "text", "position": [ 795, 149, 4, 24 ], "completed": true }, { "type": "text", "position": [ 804, 149, 84, 24 ], "completed": true }, { "type": "image", "position": [ 517, 188, 497, 124 ], "completed": true }, { "type": "image", "position": [ 517, 188, 166, 124 ], "completed": false }, { "type": "title", "position": [ 693, 193, 311, 56 ], "completed": false }, { "type": "text", "position": [ 693, 284, 97, 23 ], "completed": false }, { "type": "text", "position": [ 795, 284, 4, 23 ], "completed": true }, { "type": "text", "position": [ 804, 284, 97, 23 ], "completed": false }, { "type": "image", "position": [ 517, 323, 166, 124 ], "completed": false }, { "type": "image", "position": [ 517, 323, 497, 124 ], "completed": true }, { "type": "title", "position": [ 693, 328, 311, 56 ], "completed": false }, { "type": "title", "position": [ 20, 346, 477, 28 ], "completed": false }, { "type": "text", "position": [ 20, 413, 97, 24 ], "completed": false }, { "type": "text", "position": [ 122, 413, 4, 24 ], "completed": true }, { "type": "text", "position": [ 131, 413, 84, 24 ], "completed": false }, { "type": "text", "position": [ 693, 418, 97, 24 ], "completed": false }, { "type": "text", "position": [ 795, 418, 4, 24 ], "completed": true }, { "type": "text", "position": [ 804, 418, 97, 24 ], "completed": false } ] }, { "text": "#A page for showing the products of free shipping on Sasaki Value Packs.# On the top, there is one title \"Free shipping on Sasaki Value Pack\", and one button for users to view all. Below are four info parts. Each part includes one product image, one label showing the product name, and one label showing the price.", "region_id": "6478", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Free shipping on Sasaki Value Pack'] [attr:position 'top'] ] [el:button [attr:position 'top'] [attr:value 'view all']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : button top undefined | title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 108 0 7 2 | text 49 38 6 2 | text 4 38 6 2 | text 27 35 5 2 | text 72 35 5 2 | title 49 28 17 8 | title 72 28 17 5 | title 4 28 17 8 | title 27 28 17 5 | title 4 0 103 3", "layout_seq_without_completion": "button 108 0 7 2 | text 49 38 6 2 | text 4 38 6 2 | text 27 35 5 2 | text 72 35 5 2 | title 49 28 17 8 | title 72 28 17 5 | title 4 28 17 8 | title 27 28 17 5 | title 4 0 103 3", "plain_layout_seq": "button 108 0 7 2 | text 49 38 6 2 | text 4 38 6 2 | text 27 35 5 2 | text 72 35 5 2 | title 49 28 17 8 | title 72 28 17 5 | title 4 28 17 8 | title 27 28 17 5 | title 4 0 103 3", "canvas_width": 1024, "canvas_height": 382, "elements": [ { "type": "title", "position": [ 40, 0, 882, 33 ], "completed": false }, { "type": "button", "position": [ 922, 5, 62, 24 ], "completed": false }, { "type": "title", "position": [ 40, 247, 153, 72 ], "completed": false }, { "type": "title", "position": [ 233, 247, 153, 48 ], "completed": false }, { "type": "title", "position": [ 426, 247, 153, 72 ], "completed": false }, { "type": "title", "position": [ 618, 247, 153, 48 ], "completed": false }, { "type": "text", "position": [ 233, 303, 44, 21 ], "completed": false }, { "type": "text", "position": [ 618, 303, 45, 21 ], "completed": false }, { "type": "text", "position": [ 40, 327, 54, 21 ], "completed": false }, { "type": "text", "position": [ 426, 327, 54, 21 ], "completed": false } ] }, { "text": "#A page for showing the categories of the food. # A page should include 9 groups. Each group should have a background image and one button for users to click to check the category of the food.", "region_id": "8484", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '9'] [item [el:background_image] [el:button ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] }", "layout_seq_with_completion": "background 1 0 36 7 | background 41 0 36 7 | background 1 19 36 7 | background 41 9 36 7 | background 81 0 36 7 | background 1 9 36 7 | background 81 9 36 7 | background 41 19 36 7 | background 81 19 36 7 | button 81 1 12 4 | button 41 1 21 4 | button 1 21 10 4 | button 1 11 16 4 | button 41 11 12 4 | button 41 21 19 4 | button 81 21 13 4 | button 1 1 9 4 | button 81 11 12 4", "layout_seq_without_completion": "background 1 0 36 7 | background 41 0 36 7 | background 1 19 36 7 | background 41 9 36 7 | background 81 0 36 7 | background 1 9 36 7 | background 81 9 36 7 | background 41 19 36 7 | background 81 19 36 7 | button 81 1 12 4 | button 41 1 21 4 | button 1 21 10 4 | button 1 11 16 4 | button 41 11 12 4 | button 41 21 19 4 | button 81 21 13 4 | button 1 1 9 4 | button 81 11 12 4", "plain_layout_seq": "background 1 0 36 7 | background 41 0 36 7 | background 1 19 36 7 | background 41 9 36 7 | background 81 0 36 7 | background 1 9 36 7 | background 81 9 36 7 | background 41 19 36 7 | background 81 19 36 7 | button 81 1 12 4 | button 41 1 21 4 | button 1 21 10 4 | button 1 11 16 4 | button 41 11 12 4 | button 41 21 19 4 | button 81 21 13 4 | button 1 1 9 4 | button 81 11 12 4", "canvas_width": 970, "canvas_height": 240, "elements": [ { "type": "background", "position": [ 14, 0, 291, 60 ], "completed": false }, { "type": "background", "position": [ 338, 0, 291, 60 ], "completed": false }, { "type": "background", "position": [ 662, 0, 291, 60 ], "completed": false }, { "type": "button", "position": [ 14, 15, 77, 35 ], "completed": false }, { "type": "button", "position": [ 338, 15, 177, 35 ], "completed": false }, { "type": "button", "position": [ 662, 15, 97, 35 ], "completed": false }, { "type": "background", "position": [ 14, 80, 291, 60 ], "completed": false }, { "type": "background", "position": [ 338, 80, 291, 60 ], "completed": false }, { "type": "background", "position": [ 662, 80, 291, 60 ], "completed": false }, { "type": "button", "position": [ 14, 95, 133, 35 ], "completed": false }, { "type": "button", "position": [ 338, 95, 98, 35 ], "completed": false }, { "type": "button", "position": [ 662, 95, 104, 35 ], "completed": false }, { "type": "background", "position": [ 14, 160, 291, 60 ], "completed": false }, { "type": "background", "position": [ 338, 160, 291, 60 ], "completed": false }, { "type": "background", "position": [ 662, 160, 291, 60 ], "completed": false }, { "type": "button", "position": [ 14, 175, 85, 35 ], "completed": false }, { "type": "button", "position": [ 338, 175, 157, 35 ], "completed": false }, { "type": "button", "position": [ 662, 175, 106, 35 ], "completed": false } ] }, { "text": "#A page for showing smarter living.# The page should have a title, and 4 groups while each group has an image, and two texts to show the photo, title, and type of the living.", "region_id": "5143", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat '2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ image 0 11 29 20 | text 2 34 26 1 | text 2 36 26 4 ] | [ image 30 11 29 20 | text 31 34 26 1 | text 31 36 26 4 ] | [ image 60 11 29 20 | text 61 34 26 1 | text 61 36 26 4 ] | [ image 90 11 29 20 | text 91 34 26 1 | text 91 36 26 4 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ image 0 11 29 20 | text 2 34 26 1 | text 2 36 26 4 ] | [ image 30 11 29 20 | text 31 34 26 1 | text 31 36 26 4 ] | [ image 60 11 29 20 | text 61 34 26 1 | text 61 36 26 4 ] | [ image 90 11 29 20 | text 91 34 26 1 | text 91 36 26 4 ] \"", "plain_layout_seq": "image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | text 2 34 26 1 | text 2 36 26 4 | text 31 34 26 1 | text 31 36 26 4 | text 61 34 26 1 | text 61 36 26 4 | text 91 34 26 1 | text 91 36 26 4 | title 1 4 118 4", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 41, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 102, 251, 177 ], "completed": false }, { "type": "text", "position": [ 18, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 273, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 528, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 783, 294, 223, 14 ], "completed": false }, { "type": "text", "position": [ 18, 314, 223, 40 ], "completed": false }, { "type": "text", "position": [ 273, 314, 223, 40 ], "completed": false }, { "type": "text", "position": [ 528, 314, 223, 40 ], "completed": false }, { "type": "text", "position": [ 783, 314, 223, 40 ], "completed": false } ] }, { "text": "#A page for showing the product.#The page should have two groups and each group has a title, \"motherboards\" and \"max7219 display system\". Also, there is a link in each group, named \"view all\".", "region_id": "7094", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'motherboards, max7219 display system'] [item [el:title] [el:link[attr:value'view all']] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 2 0 57 71 | complete image 7 13 48 28 | link 27 8 7 1 | title 9 3 43 4 ] | [ complete image 69 13 39 52 | complete image 60 0 57 71 | link 85 8 7 1 | title 67 3 43 4 ] \"", "layout_seq_without_completion": "\" [ image 2 0 57 71 | image 7 13 48 28 | link 27 8 7 1 | title 9 3 43 4 ] | [ image 69 13 39 52 | image 60 0 57 71 | link 85 8 7 1 | title 67 3 43 4 ] \"", "plain_layout_seq": "image 2 0 57 71 | image 7 13 48 28 | image 69 13 39 52 | image 60 0 57 71 | link 27 8 7 1 | link 85 8 7 1 | title 9 3 43 4 | title 67 3 43 4", "canvas_width": 1024, "canvas_height": 610, "elements": [ { "type": "image", "position": [ 20, 0, 492, 610 ], "completed": true }, { "type": "image", "position": [ 512, 0, 492, 610 ], "completed": true }, { "type": "title", "position": [ 82, 30, 369, 39 ], "completed": false }, { "type": "title", "position": [ 574, 30, 369, 39 ], "completed": false }, { "type": "link", "position": [ 236, 72, 61, 15 ], "completed": false }, { "type": "link", "position": [ 728, 72, 61, 15 ], "completed": false }, { "type": "image", "position": [ 61, 119, 411, 247 ], "completed": true }, { "type": "image", "position": [ 590, 119, 338, 450 ], "completed": true } ] }, { "text": "# A page for introducing packaging, used ingredients, and wax of Artistry Apothecary. # The page should have three groups with each having a title and a further introduction.", "region_id": "6851", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 35 33 7 | description 43 35 33 13 | description 80 35 33 13 | title 6 30 33 2 | title 80 30 33 2 | title 43 30 33 2", "layout_seq_without_completion": "description 6 35 33 7 | description 43 35 33 13 | description 80 35 33 13 | title 6 30 33 2 | title 80 30 33 2 | title 43 30 33 2", "plain_layout_seq": "description 6 35 33 7 | description 43 35 33 13 | description 80 35 33 13 | title 6 30 33 2 | title 80 30 33 2 | title 43 30 33 2", "canvas_width": 1024, "canvas_height": 470, "elements": [ { "type": "title", "position": [ 55, 264, 285, 21 ], "completed": false }, { "type": "title", "position": [ 370, 264, 285, 20 ], "completed": false }, { "type": "title", "position": [ 684, 264, 285, 21 ], "completed": false }, { "type": "description", "position": [ 55, 302, 285, 68 ], "completed": false }, { "type": "description", "position": [ 370, 302, 285, 113 ], "completed": false }, { "type": "description", "position": [ 684, 302, 285, 113 ], "completed": false } ] }, { "text": "#A page for users to subscribe to some music.# There should be one title \"Discover new music to supercharge your content\" and one detailed description. Two buttons are used for users to choose the music for personal or for commercial. One label is under these buttons. Seven images are here and each of them includes one button for users to play the videos.", "region_id": "1164", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'discover new music to supercharge your content'] ] [el:description] [el:button [attr:value'personal'] ] [el:button [attr:value'commercial'] ] [el:text [attr:position'bottom'] ] [gp:InfoGroup [gattr:repeat'7'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | description undefined undefined | text bottom undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 7 51 15 6 | button 24 51 19 6 | description 7 38 37 11 | text 7 60 30 2 | title 7 7 41 30 | \" [ button 67 15 2 2 | image 61 10 14 14 ] | [ button 85 15 2 2 | image 80 10 14 14 ] | [ button 103 15 2 2 | image 98 10 14 14 ] | [ button 76 33 2 2 | image 70 28 14 14 ] | [ button 94 33 2 2 | image 89 28 14 14 ] | [ button 85 51 2 2 | image 80 46 14 14 ] | [ button 103 51 2 2 | image 98 46 14 14 ] \"", "layout_seq_without_completion": "button 7 51 15 6 | button 24 51 19 6 | description 7 38 37 11 | text 7 60 30 2 | title 7 7 41 30 | \" [ button 67 15 2 2 | image 61 10 14 14 ] | [ button 85 15 2 2 | image 80 10 14 14 ] | [ button 103 15 2 2 | image 98 10 14 14 ] | [ button 76 33 2 2 | image 70 28 14 14 ] | [ button 94 33 2 2 | image 89 28 14 14 ] | [ button 85 51 2 2 | image 80 46 14 14 ] | [ button 103 51 2 2 | image 98 46 14 14 ] \"", "plain_layout_seq": "button 7 51 15 6 | button 24 51 19 6 | button 67 15 2 2 | button 85 15 2 2 | button 103 15 2 2 | button 76 33 2 2 | button 94 33 2 2 | button 85 51 2 2 | button 103 51 2 2 | description 7 38 37 11 | image 61 10 14 14 | image 80 10 14 14 | image 98 10 14 14 | image 70 28 14 14 | image 89 28 14 14 | image 80 46 14 14 | image 98 46 14 14 | text 7 60 30 2 | title 7 7 41 30", "canvas_width": 1024, "canvas_height": 619, "elements": [ { "type": "title", "position": [ 64, 64, 355, 256 ], "completed": false }, { "type": "image", "position": [ 528, 86, 123, 123 ], "completed": false }, { "type": "image", "position": [ 683, 86, 123, 123 ], "completed": false }, { "type": "image", "position": [ 837, 86, 123, 123 ], "completed": false }, { "type": "button", "position": [ 577, 133, 25, 25 ], "completed": false }, { "type": "button", "position": [ 732, 133, 25, 25 ], "completed": false }, { "type": "button", "position": [ 886, 133, 25, 25 ], "completed": false }, { "type": "image", "position": [ 605, 240, 123, 123 ], "completed": false }, { "type": "image", "position": [ 760, 240, 123, 123 ], "completed": false }, { "type": "button", "position": [ 654, 288, 25, 25 ], "completed": false }, { "type": "button", "position": [ 809, 288, 25, 25 ], "completed": false }, { "type": "description", "position": [ 64, 331, 321, 96 ], "completed": false }, { "type": "image", "position": [ 683, 395, 123, 123 ], "completed": false }, { "type": "image", "position": [ 837, 395, 123, 123 ], "completed": false }, { "type": "button", "position": [ 732, 442, 25, 25 ], "completed": false }, { "type": "button", "position": [ 886, 442, 25, 25 ], "completed": false }, { "type": "button", "position": [ 64, 443, 133, 56 ], "completed": false }, { "type": "button", "position": [ 213, 443, 163, 56 ], "completed": false }, { "type": "text", "position": [ 64, 517, 257, 20 ], "completed": false } ] }, { "text": "#A page for introducing one product's pros.# There are three info groups. Each group includes one icon, one label for the pro, and one description.", "region_id": "3779", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 24 25 5 | description 47 28 25 5 | description 87 28 25 5 | complete image 40 0 38 40 | complete image 0 0 38 40 | complete image 81 0 38 40 | title 6 18 25 3 | title 87 18 25 7 | title 47 18 25 7", "layout_seq_without_completion": "description 6 24 25 5 | description 47 28 25 5 | description 87 28 25 5 | image 40 0 38 40 | image 0 0 38 40 | image 81 0 38 40 | title 6 18 25 3 | title 87 18 25 7 | title 47 18 25 7", "plain_layout_seq": "description 6 24 25 5 | description 47 28 25 5 | description 87 28 25 5 | image 40 0 38 40 | image 0 0 38 40 | image 81 0 38 40 | title 6 18 25 3 | title 87 18 25 7 | title 47 18 25 7", "canvas_width": 961, "canvas_height": 324, "elements": [ { "type": "image", "position": [ 0, 0, 307, 324 ], "completed": true }, { "type": "image", "position": [ 327, 0, 306, 324 ], "completed": true }, { "type": "image", "position": [ 654, 0, 307, 324 ], "completed": true }, { "type": "title", "position": [ 50, 150, 207, 30 ], "completed": false }, { "type": "title", "position": [ 377, 150, 207, 60 ], "completed": false }, { "type": "title", "position": [ 704, 150, 207, 60 ], "completed": false }, { "type": "description", "position": [ 50, 200, 207, 44 ], "completed": false }, { "type": "description", "position": [ 377, 230, 207, 44 ], "completed": false }, { "type": "description", "position": [ 704, 230, 207, 44 ], "completed": false } ] }, { "text": "#A page for introducing the pros of the web.# The page should have 6 groups while each group has an icon, a title, and a description to introduce the pros of the web.", "region_id": "4191", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 19 3 39 3 | icon 11 0 5 5 | title 19 0 19 2 ] | [ description 19 13 33 3 | icon 11 10 5 5 | title 19 10 28 2 ] | [ description 19 22 36 3 | icon 11 20 5 5 | title 19 19 25 2 ] | [ description 69 3 36 3 | icon 61 0 5 5 | title 69 0 17 2 ] | [ description 69 13 36 3 | icon 61 10 5 5 | title 69 10 16 2 ] | [ description 69 22 38 3 | icon 61 20 5 5 | title 69 19 17 2 ] \"", "layout_seq_without_completion": "\" [ description 19 3 39 3 | icon 11 0 5 5 | title 19 0 19 2 ] | [ description 19 13 33 3 | icon 11 10 5 5 | title 19 10 28 2 ] | [ description 19 22 36 3 | icon 11 20 5 5 | title 19 19 25 2 ] | [ description 69 3 36 3 | icon 61 0 5 5 | title 69 0 17 2 ] | [ description 69 13 36 3 | icon 61 10 5 5 | title 69 10 16 2 ] | [ description 69 22 38 3 | icon 61 20 5 5 | title 69 19 17 2 ] \"", "plain_layout_seq": "description 19 3 39 3 | description 19 13 33 3 | description 19 22 36 3 | description 69 3 36 3 | description 69 13 36 3 | description 69 22 38 3 | icon 11 0 5 5 | icon 11 10 5 5 | icon 11 20 5 5 | icon 61 0 5 5 | icon 61 10 5 5 | icon 61 20 5 5 | title 19 0 19 2 | title 19 10 28 2 | title 19 19 25 2 | title 69 0 17 2 | title 69 10 16 2 | title 69 19 17 2", "canvas_width": 994, "canvas_height": 221, "elements": [ { "type": "title", "position": [ 158, 3, 165, 24 ], "completed": false }, { "type": "title", "position": [ 572, 3, 141, 24 ], "completed": false }, { "type": "icon", "position": [ 98, 6, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 512, 6, 48, 48 ], "completed": false }, { "type": "description", "position": [ 158, 30, 324, 30 ], "completed": false }, { "type": "description", "position": [ 572, 30, 305, 30 ], "completed": false }, { "type": "title", "position": [ 158, 83, 236, 24 ], "completed": false }, { "type": "title", "position": [ 572, 83, 136, 24 ], "completed": false }, { "type": "icon", "position": [ 98, 86, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 512, 86, 48, 48 ], "completed": false }, { "type": "description", "position": [ 158, 110, 274, 30 ], "completed": false }, { "type": "description", "position": [ 572, 110, 306, 30 ], "completed": false }, { "type": "title", "position": [ 158, 163, 215, 24 ], "completed": false }, { "type": "title", "position": [ 572, 163, 145, 24 ], "completed": false }, { "type": "icon", "position": [ 98, 166, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 512, 166, 48, 48 ], "completed": false }, { "type": "description", "position": [ 158, 190, 304, 30 ], "completed": false }, { "type": "description", "position": [ 572, 190, 319, 30 ], "completed": false } ] }, { "text": "#A page for showing the new goods for fall 2021.# The page should have a title and two groups while each group has an image and two texts to show the title, and the price of the T-shirt.", "region_id": "6830", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title ] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | complete link 6 15 33 43 | text 6 56 7 1 | text 6 56 6 2 | title 6 50 26 5 ] | [ image 43 15 33 33 | complete link 43 15 33 43 | text 43 56 7 1 | text 43 56 6 2 | title 43 50 26 5 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | link 6 15 33 43 | text 6 56 7 1 | text 6 56 6 2 | title 6 50 26 5 ] | [ image 43 15 33 33 | link 43 15 33 43 | text 43 56 7 1 | text 43 56 6 2 | title 43 50 26 5 ] \"", "plain_layout_seq": "image 6 15 33 33 | image 43 15 33 33 | link 6 15 33 43 | link 43 15 33 43 | text 6 56 7 1 | text 6 56 6 2 | text 43 56 7 1 | text 43 56 6 2 | title 6 6 107 2 | title 6 50 26 5 | title 43 50 26 5", "canvas_width": 1024, "canvas_height": 561, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "link", "position": [ 54, 134, 286, 372 ], "completed": true }, { "type": "image", "position": [ 55, 134, 285, 285 ], "completed": false }, { "type": "link", "position": [ 369, 134, 286, 372 ], "completed": true }, { "type": "image", "position": [ 370, 134, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 435, 226, 45 ], "completed": false }, { "type": "title", "position": [ 370, 435, 226, 45 ], "completed": false }, { "type": "text", "position": [ 55, 482, 60, 16 ], "completed": false }, { "type": "text", "position": [ 370, 482, 60, 16 ], "completed": false }, { "type": "text", "position": [ 55, 484, 52, 19 ], "completed": false }, { "type": "text", "position": [ 370, 484, 52, 19 ], "completed": false } ] }, { "text": "#A page for introducing one service.#There should be one text box for the title and one image. Three text boxes show the pros and each of them is followed by one text box showing the detail.", "region_id": "375", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:image] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 54 54 59 5 | description 54 26 47 2 | description 54 40 51 2 | image 5 22 47 32 | text 54 51 59 3 | text 54 23 47 3 | text 54 37 51 3 | title 5 9 108 6", "layout_seq_without_completion": "description 54 54 59 5 | description 54 26 47 2 | description 54 40 51 2 | image 5 22 47 32 | text 54 51 59 3 | text 54 23 47 3 | text 54 37 51 3 | title 5 9 108 6", "plain_layout_seq": "description 54 54 59 5 | description 54 26 47 2 | description 54 40 51 2 | image 5 22 47 32 | text 54 51 59 3 | text 54 23 47 3 | text 54 37 51 3 | title 5 9 108 6", "canvas_width": 1024, "canvas_height": 598, "elements": [ { "type": "title", "position": [ 47, 80, 930, 52 ], "completed": false }, { "type": "image", "position": [ 47, 196, 402, 274 ], "completed": false }, { "type": "text", "position": [ 469, 197, 404, 28 ], "completed": false }, { "type": "description", "position": [ 469, 225, 404, 24 ], "completed": false }, { "type": "text", "position": [ 469, 319, 436, 28 ], "completed": false }, { "type": "description", "position": [ 469, 347, 436, 24 ], "completed": false }, { "type": "text", "position": [ 469, 441, 508, 28 ], "completed": false }, { "type": "description", "position": [ 469, 469, 508, 48 ], "completed": false } ] }, { "text": "#This page introduces the features of the product to users. #In addition to the title of \"All Hosting Plans Include The Following Features.\" There is also a subtitle below. On this page, there are 6 groups, each of which has an icon, a subtitle, and a description.", "region_id": "5287", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'all hosting plans include the following features.'] ] [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 77 34 16 | description 80 77 34 11 | description 80 35 34 19 | description 4 35 34 19 | description 42 35 34 14 | description 42 77 34 8 | icon 18 61 8 8 | icon 93 61 8 8 | icon 55 61 8 8 | icon 18 20 8 8 | icon 55 20 8 8 | icon 93 20 8 8 | title 4 9 110 4 | title 4 5 110 5 | title 80 69 34 7 | title 4 28 34 7 | title 42 28 34 7 | title 80 28 34 7 | title 4 69 34 7 | title 42 69 34 7", "layout_seq_without_completion": "description 4 77 34 16 | description 80 77 34 11 | description 80 35 34 19 | description 4 35 34 19 | description 42 35 34 14 | description 42 77 34 8 | icon 18 61 8 8 | icon 93 61 8 8 | icon 55 61 8 8 | icon 18 20 8 8 | icon 55 20 8 8 | icon 93 20 8 8 | title 4 9 110 4 | title 4 5 110 5 | title 80 69 34 7 | title 4 28 34 7 | title 42 28 34 7 | title 80 28 34 7 | title 4 69 34 7 | title 42 69 34 7", "plain_layout_seq": "description 4 77 34 16 | description 80 77 34 11 | description 80 35 34 19 | description 4 35 34 19 | description 42 35 34 14 | description 42 77 34 8 | icon 18 61 8 8 | icon 93 61 8 8 | icon 55 61 8 8 | icon 18 20 8 8 | icon 55 20 8 8 | icon 93 20 8 8 | title 4 9 110 4 | title 4 5 110 5 | title 80 69 34 7 | title 4 28 34 7 | title 42 28 34 7 | title 80 28 34 7 | title 4 69 34 7 | title 42 69 34 7", "canvas_width": 1024, "canvas_height": 852, "elements": [ { "type": "title", "position": [ 42, 46, 940, 43 ], "completed": false }, { "type": "title", "position": [ 42, 85, 940, 37 ], "completed": false }, { "type": "icon", "position": [ 154, 172, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 477, 172, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 800, 172, 70, 70 ], "completed": false }, { "type": "title", "position": [ 42, 242, 293, 64 ], "completed": false }, { "type": "title", "position": [ 365, 242, 293, 64 ], "completed": false }, { "type": "title", "position": [ 689, 242, 293, 64 ], "completed": false }, { "type": "description", "position": [ 42, 306, 293, 168 ], "completed": false }, { "type": "description", "position": [ 365, 306, 293, 120 ], "completed": false }, { "type": "description", "position": [ 689, 306, 293, 168 ], "completed": false }, { "type": "icon", "position": [ 154, 524, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 477, 524, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 800, 524, 70, 70 ], "completed": false }, { "type": "title", "position": [ 42, 594, 293, 64 ], "completed": false }, { "type": "title", "position": [ 365, 594, 293, 64 ], "completed": false }, { "type": "title", "position": [ 689, 594, 293, 64 ], "completed": false }, { "type": "description", "position": [ 42, 658, 293, 144 ], "completed": false }, { "type": "description", "position": [ 365, 658, 293, 72 ], "completed": false }, { "type": "description", "position": [ 689, 658, 293, 96 ], "completed": false } ] }, { "text": "#A page that contains some information about a product.# The page should contain five information sets. Each group contains an icon and a title.", "region_id": "8340", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 3 3 2 2 | icon 24 3 2 2 | icon 99 3 2 2 | icon 47 3 2 2 | icon 69 3 2 2 | title 49 3 17 2 | title 101 3 15 2 | title 71 3 24 2 | title 5 3 16 2 | title 26 3 18 2", "layout_seq_without_completion": "icon 3 3 2 2 | icon 24 3 2 2 | icon 99 3 2 2 | icon 47 3 2 2 | icon 69 3 2 2 | title 49 3 17 2 | title 101 3 15 2 | title 71 3 24 2 | title 5 3 16 2 | title 26 3 18 2", "plain_layout_seq": "icon 3 3 2 2 | icon 24 3 2 2 | icon 99 3 2 2 | icon 47 3 2 2 | icon 69 3 2 2 | title 49 3 17 2 | title 101 3 15 2 | title 71 3 24 2 | title 5 3 16 2 | title 26 3 18 2", "canvas_width": 1024, "canvas_height": 78, "elements": [ { "type": "title", "position": [ 44, 28, 143, 22 ], "completed": false }, { "type": "title", "position": [ 228, 28, 154, 22 ], "completed": false }, { "type": "title", "position": [ 422, 28, 148, 22 ], "completed": false }, { "type": "title", "position": [ 611, 28, 213, 22 ], "completed": false }, { "type": "title", "position": [ 864, 28, 133, 22 ], "completed": false }, { "type": "icon", "position": [ 26, 30, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 210, 30, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 404, 30, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 593, 30, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 846, 30, 18, 18 ], "completed": false } ] }, { "text": "#A page for showing different ways to download an application.# The page contains a title named \"Play Anytime, Anywhere\" and six links for users to click to download the application in different ways.", "region_id": "3750", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'play anytime, anywhere'] ] [gp:InfoGroup [gattr:repeat '6'][item[el:link]] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 2 22 2 | \" [ link 0 5 13 6 ] | [ link 14 5 21 6 ] | [ link 37 5 21 6 ] | [ link 60 5 21 6 ] | [ link 83 5 21 6 ] | [ link 106 5 13 6 ] \"", "layout_seq_without_completion": "title 0 2 22 2 | \" [ link 0 5 13 6 ] | [ link 14 5 21 6 ] | [ link 37 5 21 6 ] | [ link 60 5 21 6 ] | [ link 83 5 21 6 ] | [ link 106 5 13 6 ] \"", "plain_layout_seq": "link 0 5 13 6 | link 14 5 21 6 | link 37 5 21 6 | link 60 5 21 6 | link 83 5 21 6 | link 106 5 13 6 | title 0 2 22 2", "canvas_width": 1024, "canvas_height": 136, "elements": [ { "type": "title", "position": [ 6, 20, 194, 20 ], "completed": false }, { "type": "link", "position": [ 0, 48, 113, 54 ], "completed": false }, { "type": "link", "position": [ 127, 48, 182, 54 ], "completed": false }, { "type": "link", "position": [ 323, 48, 182, 54 ], "completed": false }, { "type": "link", "position": [ 519, 48, 182, 54 ], "completed": false }, { "type": "link", "position": [ 715, 48, 182, 54 ], "completed": false }, { "type": "link", "position": [ 911, 48, 113, 54 ], "completed": false } ] }, { "text": "#A page for advertising one rent info.# There should be one title\"Stay at the Heid building\". Three images are used to show the house and each of them includes two labels, one for showing the rent price and the other for showing the rate. Below the images, there are two text boxes, one showing the house type and the other showing the furniture it has. At the bottom, there are three progress bars. On the right of the page, there is one text button for users to browse more.", "region_id": "2190", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'stay at the heid building'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat'2'] ] [el:text [attr:repeat'2'] [attr:position'bottom'] ] ] ] [el:pagination [attr:position 'bottom'] ] [el:button [attr:position'right'] ] ]", "execution": "multiinfo : button right undefined | pagination bottom undefined | title undefined undefined | { [ image undefined undefined | text bottom undefined | text bottom undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text bottom undefined | text bottom undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text bottom undefined | text bottom undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 115 22 3 3 | image 0 6 39 26 | image 41 6 39 26 | image 83 6 36 26 | complete image 29 6 9 6 | complete image 71 6 9 6 | text 31 9 5 2 | text 72 7 6 3 | text 83 37 7 2 | text 0 34 39 3 | text 41 34 39 3 | text 49 37 9 2 | text 91 37 9 2 | text 31 7 6 3 | text 0 37 7 2 | text 113 6 6 6 | text 7 37 9 2 | text 73 9 5 2 | text 41 37 7 2 | text 83 34 29 3 | title 0 0 113 3 | \" [ complete button 54 46 0 0 ] | [ complete button 56 46 0 0 ] | [ complete button 58 46 0 0 ] \"", "layout_seq_without_completion": "button 115 22 3 3 | image 0 6 39 26 | image 41 6 39 26 | image 83 6 36 26 | image 29 6 9 6 | image 71 6 9 6 | text 31 9 5 2 | text 72 7 6 3 | text 83 37 7 2 | text 0 34 39 3 | text 41 34 39 3 | text 49 37 9 2 | text 91 37 9 2 | text 31 7 6 3 | text 0 37 7 2 | text 113 6 6 6 | text 7 37 9 2 | text 73 9 5 2 | text 41 37 7 2 | text 83 34 29 3 | title 0 0 113 3 | \" [ button 54 46 0 0 ] | [ button 56 46 0 0 ] | [ button 58 46 0 0 ] \"", "plain_layout_seq": "button 115 22 3 3 | button 54 46 0 0 | button 56 46 0 0 | button 58 46 0 0 | image 0 6 39 26 | image 41 6 39 26 | image 83 6 36 26 | image 29 6 9 6 | image 71 6 9 6 | text 31 9 5 2 | text 72 7 6 3 | text 83 37 7 2 | text 0 34 39 3 | text 41 34 39 3 | text 49 37 9 2 | text 91 37 9 2 | text 31 7 6 3 | text 0 37 7 2 | text 113 6 6 6 | text 7 37 9 2 | text 73 9 5 2 | text 41 37 7 2 | text 83 34 29 3 | title 0 0 113 3", "canvas_width": 914, "canvas_height": 365, "elements": [ { "type": "title", "position": [ 0, 0, 864, 28 ], "completed": false }, { "type": "image", "position": [ 0, 52, 302, 201 ], "completed": false }, { "type": "image", "position": [ 226, 52, 76, 47 ], "completed": true }, { "type": "image", "position": [ 318, 52, 302, 201 ], "completed": false }, { "type": "image", "position": [ 544, 52, 76, 47 ], "completed": true }, { "type": "image", "position": [ 636, 52, 278, 201 ], "completed": false }, { "type": "text", "position": [ 862, 52, 52, 47 ], "completed": false }, { "type": "text", "position": [ 238, 55, 50, 24 ], "completed": false }, { "type": "text", "position": [ 556, 55, 50, 24 ], "completed": false }, { "type": "text", "position": [ 241, 76, 44, 16 ], "completed": false }, { "type": "text", "position": [ 559, 76, 44, 16 ], "completed": false }, { "type": "button", "position": [ 882, 172, 24, 24 ], "completed": false }, { "type": "text", "position": [ 0, 261, 302, 28 ], "completed": false }, { "type": "text", "position": [ 318, 261, 302, 28 ], "completed": false }, { "type": "text", "position": [ 636, 261, 228, 28 ], "completed": false }, { "type": "text", "position": [ 0, 289, 58, 16 ], "completed": false }, { "type": "text", "position": [ 58, 289, 72, 16 ], "completed": false }, { "type": "text", "position": [ 318, 289, 58, 16 ], "completed": false }, { "type": "text", "position": [ 376, 289, 72, 16 ], "completed": false }, { "type": "text", "position": [ 636, 289, 58, 16 ], "completed": false }, { "type": "text", "position": [ 694, 289, 72, 16 ], "completed": false }, { "type": "button", "position": [ 416, 354, 7, 7 ], "completed": true }, { "type": "button", "position": [ 428, 354, 7, 7 ], "completed": true }, { "type": "button", "position": [ 442, 354, 7, 7 ], "completed": true } ] }, { "text": "# A page to introduce the company through some figures.# The page should have three groups with each having a figure and a title to introduce the rank in the Fortune 500, the number of customers, and the number of users.", "region_id": "3861", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'financial, number of customers, number of users'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 42 11 34 11 | image 6 11 34 11 | image 79 11 34 11 | title 6 22 34 2 | title 42 22 34 2 | title 79 22 34 2", "layout_seq_without_completion": "image 42 11 34 11 | image 6 11 34 11 | image 79 11 34 11 | title 6 22 34 2 | title 42 22 34 2 | title 79 22 34 2", "plain_layout_seq": "image 42 11 34 11 | image 6 11 34 11 | image 79 11 34 11 | title 6 22 34 2 | title 42 22 34 2 | title 79 22 34 2", "canvas_width": 1024, "canvas_height": 290, "elements": [ { "type": "image", "position": [ 52, 100, 296, 94 ], "completed": false }, { "type": "image", "position": [ 364, 100, 296, 94 ], "completed": false }, { "type": "image", "position": [ 675, 100, 296, 94 ], "completed": false }, { "type": "title", "position": [ 52, 193, 296, 25 ], "completed": false }, { "type": "title", "position": [ 364, 193, 296, 25 ], "completed": false }, { "type": "title", "position": [ 675, 193, 296, 25 ], "completed": false } ] }, { "text": "#A page for some news with pictures.# There are four groups of news. Each group contains an image, a title, and a small label of the publisher.", "region_id": "3909", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 30 0 27 17 | image 61 0 27 17 | text 30 28 18 4 | text 61 28 18 4 | title 30 19 27 7 | title 61 19 27 7 | \" [ image 0 0 27 17 | text 0 29 18 4 | complete text 26 30 0 2 | title 0 19 27 10 ] | [ image 92 0 27 17 | text 92 28 18 4 | complete text 119 30 0 2 | title 92 19 27 7 ] \"", "layout_seq_without_completion": "image 30 0 27 17 | image 61 0 27 17 | text 30 28 18 4 | text 61 28 18 4 | title 30 19 27 7 | title 61 19 27 7 | \" [ image 0 0 27 17 | text 0 29 18 4 | text 26 30 0 2 | title 0 19 27 10 ] | [ image 92 0 27 17 | text 92 28 18 4 | text 119 30 0 2 | title 92 19 27 7 ] \"", "plain_layout_seq": "image 30 0 27 17 | image 61 0 27 17 | image 0 0 27 17 | image 92 0 27 17 | text 30 28 18 4 | text 61 28 18 4 | text 0 29 18 4 | text 26 30 0 2 | text 92 28 18 4 | text 119 30 0 2 | title 30 19 27 7 | title 61 19 27 7 | title 0 19 27 10 | title 92 19 27 7", "canvas_width": 977, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "title", "position": [ 0, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 252, 158, 220, 62 ], "completed": false }, { "type": "title", "position": [ 504, 158, 220, 62 ], "completed": false }, { "type": "title", "position": [ 757, 158, 220, 62 ], "completed": false }, { "type": "text", "position": [ 252, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 504, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 757, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 0, 241, 154, 37 ], "completed": false }, { "type": "text", "position": [ 969, 245, 8, 17 ], "completed": true }, { "type": "text", "position": [ 212, 250, 8, 17 ], "completed": true } ] }, { "text": "#A page to introduce products and featured content.# There are three groups on the page. Each of the first two groups contains a title and two images. The last group has a title and four images.", "region_id": "4767", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:image [attr:repeat '2'] ] ][item [el:title] [el:image [attr:repeat '2'] ] ][item [el:title] [el:image [attr:repeat '4'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | image undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 15 5 13 8 | image 32 5 13 8 | image 47 5 13 8 | image 92 5 12 8 | image 78 5 12 8 | image 106 5 12 8 | image 0 5 13 8 | image 64 5 12 8 | title 32 0 30 2 | title 64 0 55 2 | title 0 0 30 2", "layout_seq_without_completion": "image 15 5 13 8 | image 32 5 13 8 | image 47 5 13 8 | image 92 5 12 8 | image 78 5 12 8 | image 106 5 12 8 | image 0 5 13 8 | image 64 5 12 8 | title 32 0 30 2 | title 64 0 55 2 | title 0 0 30 2", "plain_layout_seq": "image 15 5 13 8 | image 32 5 13 8 | image 47 5 13 8 | image 92 5 12 8 | image 78 5 12 8 | image 106 5 12 8 | image 0 5 13 8 | image 64 5 12 8 | title 32 0 30 2 | title 64 0 55 2 | title 0 0 30 2", "canvas_width": 1009, "canvas_height": 126, "elements": [ { "type": "title", "position": [ 4, 7, 255, 19 ], "completed": false }, { "type": "title", "position": [ 272, 7, 254, 19 ], "completed": false }, { "type": "title", "position": [ 540, 7, 465, 19 ], "completed": false }, { "type": "image", "position": [ 4, 46, 116, 70 ], "completed": false }, { "type": "image", "position": [ 130, 46, 116, 70 ], "completed": false }, { "type": "image", "position": [ 272, 46, 116, 70 ], "completed": false }, { "type": "image", "position": [ 398, 46, 116, 70 ], "completed": false }, { "type": "image", "position": [ 540, 46, 108, 70 ], "completed": false }, { "type": "image", "position": [ 658, 46, 108, 70 ], "completed": false }, { "type": "image", "position": [ 776, 46, 108, 70 ], "completed": false }, { "type": "image", "position": [ 894, 46, 108, 70 ], "completed": false } ] }, { "text": "#A page showing popular categories.# The page should the title \"Popular Categories\" and 11 information sets. Each group contains an icon, a title and 5 links.", "region_id": "3321", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular categories'] ] [gp:InfoGroup [gattr:repeat '11'] [item [el:icon] [el:title] [el:link [attr:repeat '5'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 6 114 5 | \" [ icon 8 18 6 6 | link 2 31 19 2 | link 2 33 19 2 | link 2 36 19 2 | link 2 40 19 2 | link 2 38 19 2 | title 6 26 12 2 ] | [ icon 28 18 6 6 | link 21 33 19 2 | link 21 38 19 2 | link 21 31 19 2 | link 21 36 19 2 | link 21 40 19 2 | title 28 26 5 2 ] | [ icon 47 18 6 6 | link 40 31 19 2 | link 40 36 19 2 | link 40 33 19 2 | link 40 38 19 2 | link 40 40 19 2 | title 46 26 8 2 ] | [ icon 66 18 6 6 | link 60 38 19 2 | link 60 40 19 2 | link 60 31 19 2 | link 60 33 19 2 | link 60 36 19 2 | title 65 26 7 2 ] | [ icon 85 18 6 6 | link 79 31 19 2 | link 79 33 19 2 | link 79 36 19 2 | link 79 38 19 2 | link 79 40 19 2 | title 85 26 6 2 ] | [ icon 104 18 6 6 | link 98 33 19 2 | link 98 40 19 2 | link 98 31 19 2 | link 98 36 19 2 | link 98 38 19 2 | title 101 26 13 2 ] | [ icon 10 49 6 6 | link 2 62 22 2 | link 2 64 22 2 | link 2 67 22 2 | link 2 69 22 2 | link 2 71 22 2 | title 9 57 9 2 ] | [ icon 33 49 6 6 | link 25 64 22 2 | link 25 67 22 2 | link 25 69 22 2 | link 25 62 22 2 | link 25 71 22 2 | title 30 57 12 2 ] | [ icon 56 49 6 6 | link 48 64 22 2 | link 48 67 22 2 | link 48 62 22 2 | link 48 69 22 2 | link 48 71 22 2 | title 52 57 14 2 ] | [ icon 79 49 6 6 | link 71 64 22 2 | link 71 67 22 2 | link 71 62 22 2 | link 71 69 22 2 | link 71 71 22 2 | title 77 57 10 2 ] | [ icon 102 49 6 6 | link 94 64 22 2 | link 94 67 22 2 | link 94 69 22 2 | link 94 62 22 2 | link 94 71 22 2 | title 100 57 11 2 ] \"", "layout_seq_without_completion": "title 2 6 114 5 | \" [ icon 8 18 6 6 | link 2 31 19 2 | link 2 33 19 2 | link 2 36 19 2 | link 2 40 19 2 | link 2 38 19 2 | title 6 26 12 2 ] | [ icon 28 18 6 6 | link 21 33 19 2 | link 21 38 19 2 | link 21 31 19 2 | link 21 36 19 2 | link 21 40 19 2 | title 28 26 5 2 ] | [ icon 47 18 6 6 | link 40 31 19 2 | link 40 36 19 2 | link 40 33 19 2 | link 40 38 19 2 | link 40 40 19 2 | title 46 26 8 2 ] | [ icon 66 18 6 6 | link 60 38 19 2 | link 60 40 19 2 | link 60 31 19 2 | link 60 33 19 2 | link 60 36 19 2 | title 65 26 7 2 ] | [ icon 85 18 6 6 | link 79 31 19 2 | link 79 33 19 2 | link 79 36 19 2 | link 79 38 19 2 | link 79 40 19 2 | title 85 26 6 2 ] | [ icon 104 18 6 6 | link 98 33 19 2 | link 98 40 19 2 | link 98 31 19 2 | link 98 36 19 2 | link 98 38 19 2 | title 101 26 13 2 ] | [ icon 10 49 6 6 | link 2 62 22 2 | link 2 64 22 2 | link 2 67 22 2 | link 2 69 22 2 | link 2 71 22 2 | title 9 57 9 2 ] | [ icon 33 49 6 6 | link 25 64 22 2 | link 25 67 22 2 | link 25 69 22 2 | link 25 62 22 2 | link 25 71 22 2 | title 30 57 12 2 ] | [ icon 56 49 6 6 | link 48 64 22 2 | link 48 67 22 2 | link 48 62 22 2 | link 48 69 22 2 | link 48 71 22 2 | title 52 57 14 2 ] | [ icon 79 49 6 6 | link 71 64 22 2 | link 71 67 22 2 | link 71 62 22 2 | link 71 69 22 2 | link 71 71 22 2 | title 77 57 10 2 ] | [ icon 102 49 6 6 | link 94 64 22 2 | link 94 67 22 2 | link 94 69 22 2 | link 94 62 22 2 | link 94 71 22 2 | title 100 57 11 2 ] \"", "plain_layout_seq": "icon 8 18 6 6 | icon 28 18 6 6 | icon 47 18 6 6 | icon 66 18 6 6 | icon 85 18 6 6 | icon 104 18 6 6 | icon 10 49 6 6 | icon 33 49 6 6 | icon 56 49 6 6 | icon 79 49 6 6 | icon 102 49 6 6 | link 2 31 19 2 | link 2 33 19 2 | link 2 36 19 2 | link 2 40 19 2 | link 2 38 19 2 | link 21 33 19 2 | link 21 38 19 2 | link 21 31 19 2 | link 21 36 19 2 | link 21 40 19 2 | link 40 31 19 2 | link 40 36 19 2 | link 40 33 19 2 | link 40 38 19 2 | link 40 40 19 2 | link 60 38 19 2 | link 60 40 19 2 | link 60 31 19 2 | link 60 33 19 2 | link 60 36 19 2 | link 79 31 19 2 | link 79 33 19 2 | link 79 36 19 2 | link 79 38 19 2 | link 79 40 19 2 | link 98 33 19 2 | link 98 40 19 2 | link 98 31 19 2 | link 98 36 19 2 | link 98 38 19 2 | link 2 62 22 2 | link 2 64 22 2 | link 2 67 22 2 | link 2 69 22 2 | link 2 71 22 2 | link 25 64 22 2 | link 25 67 22 2 | link 25 69 22 2 | link 25 62 22 2 | link 25 71 22 2 | link 48 64 22 2 | link 48 67 22 2 | link 48 62 22 2 | link 48 69 22 2 | link 48 71 22 2 | link 71 64 22 2 | link 71 67 22 2 | link 71 62 22 2 | link 71 69 22 2 | link 71 71 22 2 | link 94 64 22 2 | link 94 67 22 2 | link 94 69 22 2 | link 94 62 22 2 | link 94 71 22 2 | title 2 6 114 5 | title 6 26 12 2 | title 28 26 5 2 | title 46 26 8 2 | title 65 26 7 2 | title 85 26 6 2 | title 101 26 13 2 | title 9 57 9 2 | title 30 57 12 2 | title 52 57 14 2 | title 77 57 10 2 | title 100 57 11 2", "canvas_width": 1024, "canvas_height": 712, "elements": [ { "type": "title", "position": [ 23, 53, 978, 43 ], "completed": false }, { "type": "icon", "position": [ 76, 158, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 239, 158, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 402, 158, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 565, 158, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 728, 158, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 891, 158, 57, 57 ], "completed": false }, { "type": "title", "position": [ 52, 229, 105, 22 ], "completed": false }, { "type": "title", "position": [ 244, 229, 47, 22 ], "completed": false }, { "type": "title", "position": [ 394, 229, 74, 22 ], "completed": false }, { "type": "title", "position": [ 561, 229, 65, 22 ], "completed": false }, { "type": "title", "position": [ 730, 229, 53, 22 ], "completed": false }, { "type": "title", "position": [ 862, 229, 115, 22 ], "completed": false }, { "type": "link", "position": [ 23, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 186, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 349, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 512, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 675, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 838, 269, 163, 20 ], "completed": false }, { "type": "link", "position": [ 23, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 186, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 349, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 512, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 675, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 838, 289, 163, 20 ], "completed": false }, { "type": "link", "position": [ 23, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 186, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 349, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 512, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 675, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 838, 309, 163, 20 ], "completed": false }, { "type": "link", "position": [ 23, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 186, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 349, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 512, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 675, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 838, 329, 163, 20 ], "completed": false }, { "type": "link", "position": [ 23, 349, 163, 20 ], "completed": false }, { "type": "link", "position": [ 186, 349, 163, 20 ], "completed": false }, { "type": "link", "position": [ 349, 349, 163, 20 ], "completed": false }, { "type": "link", "position": [ 512, 349, 163, 20 ], "completed": false }, { "type": "link", "position": [ 675, 349, 163, 20 ], "completed": false }, { "type": "link", "position": [ 838, 349, 163, 20 ], "completed": false }, { "type": "icon", "position": [ 92, 423, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 288, 423, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 483, 423, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 679, 423, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 875, 423, 57, 57 ], "completed": false }, { "type": "title", "position": [ 82, 494, 77, 22 ], "completed": false }, { "type": "title", "position": [ 262, 494, 108, 22 ], "completed": false }, { "type": "title", "position": [ 448, 494, 127, 22 ], "completed": false }, { "type": "title", "position": [ 661, 494, 93, 22 ], "completed": false }, { "type": "title", "position": [ 856, 494, 94, 22 ], "completed": false }, { "type": "link", "position": [ 23, 534, 196, 20 ], "completed": false }, { "type": "link", "position": [ 219, 534, 196, 20 ], "completed": false }, { "type": "link", "position": [ 414, 534, 196, 20 ], "completed": false }, { "type": "link", "position": [ 610, 534, 196, 20 ], "completed": false }, { "type": "link", "position": [ 805, 534, 196, 20 ], "completed": false }, { "type": "link", "position": [ 23, 554, 196, 20 ], "completed": false }, { "type": "link", "position": [ 219, 554, 196, 20 ], "completed": false }, { "type": "link", "position": [ 414, 554, 196, 20 ], "completed": false }, { "type": "link", "position": [ 610, 554, 196, 20 ], "completed": false }, { "type": "link", "position": [ 805, 554, 196, 20 ], "completed": false }, { "type": "link", "position": [ 23, 574, 196, 20 ], "completed": false }, { "type": "link", "position": [ 219, 574, 196, 20 ], "completed": false }, { "type": "link", "position": [ 414, 574, 196, 20 ], "completed": false }, { "type": "link", "position": [ 610, 574, 196, 20 ], "completed": false }, { "type": "link", "position": [ 805, 574, 196, 20 ], "completed": false }, { "type": "link", "position": [ 23, 594, 196, 20 ], "completed": false }, { "type": "link", "position": [ 219, 594, 196, 20 ], "completed": false }, { "type": "link", "position": [ 414, 594, 196, 20 ], "completed": false }, { "type": "link", "position": [ 610, 594, 196, 20 ], "completed": false }, { "type": "link", "position": [ 805, 594, 196, 20 ], "completed": false }, { "type": "link", "position": [ 23, 614, 196, 20 ], "completed": false }, { "type": "link", "position": [ 219, 614, 196, 20 ], "completed": false }, { "type": "link", "position": [ 414, 614, 196, 20 ], "completed": false }, { "type": "link", "position": [ 610, 614, 196, 20 ], "completed": false }, { "type": "link", "position": [ 805, 614, 196, 20 ], "completed": false } ] }, { "text": "# A page to introduce the customers of a company. # There should be a title \"Trusted by 152000+ customers worldwide\" and some images showing the logo of the customers.", "region_id": "317", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'trusted by 152000+ customers worldwide'] ] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 0 114 2 | \" [ logo 44 6 5 5 ] | [ logo 55 6 9 5 ] | [ logo 82 6 5 5 ] | [ logo 5 7 9 4 ] | [ logo 17 7 9 4 ] | [ logo 30 7 9 3 ] | [ logo 67 7 9 3 ] | [ logo 105 7 9 3 ] | [ logo 92 8 9 2 ] \"", "layout_seq_without_completion": "title 2 0 114 2 | \" [ logo 44 6 5 5 ] | [ logo 55 6 9 5 ] | [ logo 82 6 5 5 ] | [ logo 5 7 9 4 ] | [ logo 17 7 9 4 ] | [ logo 30 7 9 3 ] | [ logo 67 7 9 3 ] | [ logo 105 7 9 3 ] | [ logo 92 8 9 2 ] \"", "plain_layout_seq": "logo 44 6 5 5 | logo 55 6 9 5 | logo 82 6 5 5 | logo 5 7 9 4 | logo 17 7 9 4 | logo 30 7 9 3 | logo 67 7 9 3 | logo 105 7 9 3 | logo 92 8 9 2 | title 2 0 114 2", "canvas_width": 1441, "canvas_height": 267, "elements": [ { "type": "title", "position": [ 32, 0, 1376, 32 ], "completed": false }, { "type": "logo", "position": [ 536, 80, 68, 69 ], "completed": false }, { "type": "logo", "position": [ 986, 80, 70, 69 ], "completed": false }, { "type": "logo", "position": [ 662, 83, 118, 65 ], "completed": false }, { "type": "logo", "position": [ 212, 87, 118, 55 ], "completed": false }, { "type": "logo", "position": [ 62, 89, 118, 51 ], "completed": false }, { "type": "logo", "position": [ 1262, 93, 118, 44 ], "completed": false }, { "type": "logo", "position": [ 362, 95, 118, 40 ], "completed": false }, { "type": "logo", "position": [ 812, 96, 118, 37 ], "completed": false }, { "type": "logo", "position": [ 1112, 101, 118, 27 ], "completed": false } ] }, { "text": "#This page introduces users to Low Party Prices.#In addition to the title of Low Party Prices, the page has six groups, each of which is composed of product pictures, product names, and product prices.", "region_id": "4083", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'low party prices'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 8 18 18 | image 100 8 18 18 | image 40 8 18 18 | image 60 8 18 18 | image 20 8 18 18 | image 80 8 18 18 | text 1 34 18 2 | text 40 34 18 2 | text 60 31 18 2 | text 20 34 18 2 | text 100 34 18 2 | text 80 31 18 2 | title 1 1 117 5 | title 80 27 18 3 | title 60 27 18 3 | title 1 27 18 6 | title 20 27 18 6 | title 40 27 18 6 | title 100 27 18 6", "layout_seq_without_completion": "image 1 8 18 18 | image 100 8 18 18 | image 40 8 18 18 | image 60 8 18 18 | image 20 8 18 18 | image 80 8 18 18 | text 1 34 18 2 | text 40 34 18 2 | text 60 31 18 2 | text 20 34 18 2 | text 100 34 18 2 | text 80 31 18 2 | title 1 1 117 5 | title 80 27 18 3 | title 60 27 18 3 | title 1 27 18 6 | title 20 27 18 6 | title 40 27 18 6 | title 100 27 18 6", "plain_layout_seq": "image 1 8 18 18 | image 100 8 18 18 | image 40 8 18 18 | image 60 8 18 18 | image 20 8 18 18 | image 80 8 18 18 | text 1 34 18 2 | text 40 34 18 2 | text 60 31 18 2 | text 20 34 18 2 | text 100 34 18 2 | text 80 31 18 2 | title 1 1 117 5 | title 80 27 18 3 | title 60 27 18 3 | title 1 27 18 6 | title 20 27 18 6 | title 40 27 18 6 | title 100 27 18 6", "canvas_width": 1024, "canvas_height": 347, "elements": [ { "type": "title", "position": [ 10, 15, 1004, 46 ], "completed": false }, { "type": "image", "position": [ 10, 71, 157, 157 ], "completed": false }, { "type": "image", "position": [ 179, 71, 157, 157 ], "completed": false }, { "type": "image", "position": [ 349, 71, 157, 157 ], "completed": false }, { "type": "image", "position": [ 518, 71, 157, 157 ], "completed": false }, { "type": "image", "position": [ 687, 71, 157, 157 ], "completed": false }, { "type": "image", "position": [ 857, 71, 157, 157 ], "completed": false }, { "type": "title", "position": [ 10, 238, 157, 56 ], "completed": false }, { "type": "title", "position": [ 179, 238, 157, 56 ], "completed": false }, { "type": "title", "position": [ 349, 238, 157, 56 ], "completed": false }, { "type": "title", "position": [ 518, 238, 157, 28 ], "completed": false }, { "type": "title", "position": [ 687, 238, 157, 28 ], "completed": false }, { "type": "title", "position": [ 857, 238, 157, 56 ], "completed": false }, { "type": "text", "position": [ 518, 266, 157, 23 ], "completed": false }, { "type": "text", "position": [ 687, 266, 157, 23 ], "completed": false }, { "type": "text", "position": [ 10, 294, 157, 23 ], "completed": false }, { "type": "text", "position": [ 179, 294, 157, 23 ], "completed": false }, { "type": "text", "position": [ 349, 294, 157, 23 ], "completed": false }, { "type": "text", "position": [ 857, 294, 157, 23 ], "completed": false } ] }, { "text": "#A page for selling shorts.# The page should have7 groups. each group should have one image of the shorts, and two texts to show the title and the price, as well as a small solid circle to show the color of the shorts.", "region_id": "6678", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] [el:text] [el:icon] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 15 36 3 3 | image 4 3 25 25 | text 14 32 6 2 | title 9 28 16 1 ] | [ icon 44 36 3 3 | image 33 3 25 25 | text 42 32 6 2 | title 38 28 14 1 ] | [ icon 72 36 3 3 | image 61 3 25 25 | text 71 32 6 2 | title 66 28 15 1 ] | [ icon 100 36 3 3 | image 90 3 25 25 | text 99 32 6 2 | title 93 28 19 1 ] | [ icon 15 79 3 3 | image 4 46 25 25 | text 14 75 6 2 | title 9 72 15 1 ] | [ icon 44 79 3 3 | image 33 46 25 25 | text 42 75 6 2 | title 39 72 12 1 ] | [ icon 72 79 3 3 | image 61 46 25 25 | text 71 75 6 2 | title 66 72 14 1 ] \"", "layout_seq_without_completion": "\" [ icon 15 36 3 3 | image 4 3 25 25 | text 14 32 6 2 | title 9 28 16 1 ] | [ icon 44 36 3 3 | image 33 3 25 25 | text 42 32 6 2 | title 38 28 14 1 ] | [ icon 72 36 3 3 | image 61 3 25 25 | text 71 32 6 2 | title 66 28 15 1 ] | [ icon 100 36 3 3 | image 90 3 25 25 | text 99 32 6 2 | title 93 28 19 1 ] | [ icon 15 79 3 3 | image 4 46 25 25 | text 14 75 6 2 | title 9 72 15 1 ] | [ icon 44 79 3 3 | image 33 46 25 25 | text 42 75 6 2 | title 39 72 12 1 ] | [ icon 72 79 3 3 | image 61 46 25 25 | text 71 75 6 2 | title 66 72 14 1 ] \"", "plain_layout_seq": "icon 15 36 3 3 | icon 44 36 3 3 | icon 72 36 3 3 | icon 100 36 3 3 | icon 15 79 3 3 | icon 44 79 3 3 | icon 72 79 3 3 | image 4 3 25 25 | image 33 3 25 25 | image 61 3 25 25 | image 90 3 25 25 | image 4 46 25 25 | image 33 46 25 25 | image 61 46 25 25 | text 14 32 6 2 | text 42 32 6 2 | text 71 32 6 2 | text 99 32 6 2 | text 14 75 6 2 | text 42 75 6 2 | text 71 75 6 2 | title 9 28 16 1 | title 38 28 14 1 | title 66 28 15 1 | title 93 28 19 1 | title 9 72 15 1 | title 39 72 12 1 | title 66 72 14 1", "canvas_width": 1024, "canvas_height": 739, "elements": [ { "type": "image", "position": [ 42, 30, 214, 214 ], "completed": false }, { "type": "image", "position": [ 284, 30, 214, 214 ], "completed": false }, { "type": "image", "position": [ 527, 30, 214, 214 ], "completed": false }, { "type": "image", "position": [ 770, 30, 214, 214 ], "completed": false }, { "type": "title", "position": [ 79, 245, 138, 17 ], "completed": false }, { "type": "title", "position": [ 329, 245, 123, 17 ], "completed": false }, { "type": "title", "position": [ 568, 245, 130, 17 ], "completed": false }, { "type": "title", "position": [ 794, 245, 164, 17 ], "completed": false }, { "type": "text", "position": [ 121, 277, 55, 19 ], "completed": false }, { "type": "text", "position": [ 363, 277, 55, 19 ], "completed": false }, { "type": "text", "position": [ 606, 277, 55, 19 ], "completed": false }, { "type": "text", "position": [ 848, 277, 55, 19 ], "completed": false }, { "type": "icon", "position": [ 133, 309, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 376, 309, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 618, 309, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 861, 309, 30, 30 ], "completed": false }, { "type": "image", "position": [ 42, 399, 214, 214 ], "completed": false }, { "type": "image", "position": [ 284, 399, 214, 214 ], "completed": false }, { "type": "image", "position": [ 527, 399, 214, 214 ], "completed": false }, { "type": "title", "position": [ 82, 615, 132, 17 ], "completed": false }, { "type": "title", "position": [ 339, 615, 103, 17 ], "completed": false }, { "type": "title", "position": [ 570, 615, 126, 17 ], "completed": false }, { "type": "text", "position": [ 121, 646, 55, 19 ], "completed": false }, { "type": "text", "position": [ 363, 646, 55, 19 ], "completed": false }, { "type": "text", "position": [ 606, 646, 55, 19 ], "completed": false }, { "type": "icon", "position": [ 133, 679, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 376, 679, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 618, 679, 30, 30 ], "completed": false } ] }, { "text": "# A page showing the product category in a store. # The page should contain two groups: \"UNIFORMS\" and \"SPIRITWEAR\", with each group having an image and a title showing the name of the category.", "region_id": "8133", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'uniforms, spiritwear'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 15 3 30 29 | image 77 3 24 31 | complete text 25 43 9 0 | complete text 85 45 9 0 | title 1 34 57 6 | title 61 36 57 6", "layout_seq_without_completion": "image 15 3 30 29 | image 77 3 24 31 | text 25 43 9 0 | text 85 45 9 0 | title 1 34 57 6 | title 61 36 57 6", "plain_layout_seq": "image 15 3 30 29 | image 77 3 24 31 | text 25 43 9 0 | text 85 45 9 0 | title 1 34 57 6 | title 61 36 57 6", "canvas_width": 960, "canvas_height": 420, "elements": [ { "type": "image", "position": [ 120, 30, 240, 235 ], "completed": false }, { "type": "image", "position": [ 621, 30, 198, 250 ], "completed": false }, { "type": "title", "position": [ 10, 273, 460, 48 ], "completed": false }, { "type": "title", "position": [ 490, 288, 460, 48 ], "completed": false }, { "type": "text", "position": [ 203, 346, 74, 4 ], "completed": true }, { "type": "text", "position": [ 683, 361, 74, 4 ], "completed": true } ] }, { "text": "#A page showing the logos of the cooperative companies.# The page should have one title, and 14 logos of the cooperative companies, such as Amazon, WSJ, and so on.", "region_id": "4543", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '14'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 5 7 109 2 | \" [ logo 7 14 17 6 ] | [ logo 25 14 17 6 ] | [ logo 42 14 17 6 ] | [ logo 60 14 17 6 ] | [ logo 77 14 17 6 ] | [ logo 94 14 17 6 ] | [ logo 7 20 17 6 ] | [ logo 25 20 17 6 ] | [ logo 42 20 17 6 ] | [ logo 60 20 17 6 ] | [ logo 77 20 17 6 ] | [ logo 94 20 17 6 ] | [ logo 42 26 17 6 ] | [ logo 60 26 17 6 ] \"", "layout_seq_without_completion": "title 5 7 109 2 | \" [ logo 7 14 17 6 ] | [ logo 25 14 17 6 ] | [ logo 42 14 17 6 ] | [ logo 60 14 17 6 ] | [ logo 77 14 17 6 ] | [ logo 94 14 17 6 ] | [ logo 7 20 17 6 ] | [ logo 25 20 17 6 ] | [ logo 42 20 17 6 ] | [ logo 60 20 17 6 ] | [ logo 77 20 17 6 ] | [ logo 94 20 17 6 ] | [ logo 42 26 17 6 ] | [ logo 60 26 17 6 ] \"", "plain_layout_seq": "logo 7 14 17 6 | logo 25 14 17 6 | logo 42 14 17 6 | logo 60 14 17 6 | logo 77 14 17 6 | logo 94 14 17 6 | logo 7 20 17 6 | logo 25 20 17 6 | logo 42 20 17 6 | logo 60 20 17 6 | logo 77 20 17 6 | logo 94 20 17 6 | logo 42 26 17 6 | logo 60 26 17 6 | title 5 7 109 2", "canvas_width": 1024, "canvas_height": 351, "elements": [ { "type": "title", "position": [ 44, 60, 936, 20 ], "completed": false }, { "type": "logo", "position": [ 68, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 216, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 364, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 512, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 660, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 808, 122, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 68, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 216, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 364, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 512, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 660, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 808, 175, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 364, 228, 148, 53 ], "completed": false }, { "type": "logo", "position": [ 512, 228, 148, 53 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a company.# The page should have 4 groups, which should have a small icon, a title, and a short description perspectively.", "region_id": "7027", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon [attr:size 'small']] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined small | title undefined undefined ] | [ description undefined small | icon undefined small | title undefined undefined ] | [ description undefined small | icon undefined small | title undefined undefined ] | [ description undefined small | icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 29 3 21 3 | icon 23 0 3 3 | title 29 0 21 3 ] | [ description 70 3 24 3 | icon 64 0 3 3 | title 70 0 24 3 ] | [ description 29 15 21 3 | icon 23 12 3 3 | title 29 11 21 3 ] | [ description 70 15 20 3 | icon 64 12 3 3 | title 70 11 20 3 ] \"", "layout_seq_without_completion": "\" [ description 29 3 21 3 | icon 23 0 3 3 | title 29 0 21 3 ] | [ description 70 3 24 3 | icon 64 0 3 3 | title 70 0 24 3 ] | [ description 29 15 21 3 | icon 23 12 3 3 | title 29 11 21 3 ] | [ description 70 15 20 3 | icon 64 12 3 3 | title 70 11 20 3 ] \"", "plain_layout_seq": "description 29 3 21 3 | description 70 3 24 3 | description 29 15 21 3 | description 70 15 20 3 | icon 23 0 3 3 | icon 64 0 3 3 | icon 23 12 3 3 | icon 64 12 3 3 | title 29 0 21 3 | title 70 0 24 3 | title 29 11 21 3 | title 70 11 20 3", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 248, 0, 183, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 208, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 29, 183, 26 ], "completed": false }, { "type": "description", "position": [ 600, 29, 208, 26 ], "completed": false }, { "type": "title", "position": [ 248, 100, 182, 26 ], "completed": false }, { "type": "title", "position": [ 600, 100, 179, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 108, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 108, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 129, 182, 26 ], "completed": false }, { "type": "description", "position": [ 600, 129, 179, 26 ], "completed": false } ] }, { "text": "#A page for introducing some TECH info.# There is one label \"TECH\" and four parts. Each part includes one logo and one description.", "region_id": "3007", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'tech'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:logo] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "description 31 23 26 10 | description 1 23 25 10 | logo 31 4 26 17 | logo 1 4 28 17 | title 1 1 4 2 | \" [ description 61 23 23 10 | complete icon 74 31 1 1 | logo 61 4 26 17 ] | [ description 90 23 28 10 | complete icon 110 31 1 1 | logo 90 4 28 17 ] \"", "layout_seq_without_completion": "description 31 23 26 10 | description 1 23 25 10 | logo 31 4 26 17 | logo 1 4 28 17 | title 1 1 4 2 | \" [ description 61 23 23 10 | icon 74 31 1 1 | logo 61 4 26 17 ] | [ description 90 23 28 10 | icon 110 31 1 1 | logo 90 4 28 17 ] \"", "plain_layout_seq": "description 31 23 26 10 | description 1 23 25 10 | description 61 23 23 10 | description 90 23 28 10 | icon 74 31 1 1 | icon 110 31 1 1 | logo 31 4 26 17 | logo 1 4 28 17 | logo 61 4 26 17 | logo 90 4 28 17 | title 1 1 4 2", "canvas_width": 1024, "canvas_height": 297, "elements": [ { "type": "title", "position": [ 10, 10, 42, 19 ], "completed": false }, { "type": "logo", "position": [ 10, 37, 240, 150 ], "completed": false }, { "type": "logo", "position": [ 271, 37, 230, 150 ], "completed": false }, { "type": "logo", "position": [ 522, 37, 230, 150 ], "completed": false }, { "type": "logo", "position": [ 773, 37, 241, 150 ], "completed": false }, { "type": "description", "position": [ 10, 198, 220, 89 ], "completed": false }, { "type": "description", "position": [ 271, 198, 223, 89 ], "completed": false }, { "type": "description", "position": [ 522, 198, 204, 89 ], "completed": false }, { "type": "description", "position": [ 773, 198, 239, 89 ], "completed": false }, { "type": "icon", "position": [ 638, 270, 12, 12 ], "completed": true }, { "type": "icon", "position": [ 941, 270, 12, 12 ], "completed": true } ] }, { "text": "# A page showing the popular articles.# There should have a title \"Popular articles\", and three groups of information sets. In each group, there should have an image, a theme, an article title, a writer name, and a date of the article.", "region_id": "5003", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Popular articles'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image][el:title] [el:text[attr:repeat '3']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 43 0 32 14 | \" [ image 3 16 36 36 | text 10 62 12 1 | text 3 54 10 2 | text 24 62 8 1 | title 3 57 36 4 ] | [ image 41 16 36 36 | text 41 54 16 2 | text 44 62 20 1 | text 66 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 15 2 | text 86 62 13 1 | text 101 62 8 1 | title 80 57 36 4 ] \"", "layout_seq_without_completion": "title 43 0 32 14 | \" [ image 3 16 36 36 | text 10 62 12 1 | text 3 54 10 2 | text 24 62 8 1 | title 3 57 36 4 ] | [ image 41 16 36 36 | text 41 54 16 2 | text 44 62 20 1 | text 66 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 15 2 | text 86 62 13 1 | text 101 62 8 1 | title 80 57 36 4 ] \"", "plain_layout_seq": "image 3 16 36 36 | image 41 16 36 36 | image 80 16 36 36 | text 10 62 12 1 | text 3 54 10 2 | text 24 62 8 1 | text 41 54 16 2 | text 44 62 20 1 | text 66 62 8 1 | text 80 54 15 2 | text 86 62 13 1 | text 101 62 8 1 | title 43 0 32 14 | title 3 57 36 4 | title 41 57 36 4 | title 80 57 36 4", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "title", "position": [ 375, 0, 274, 125 ], "completed": false }, { "type": "image", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "text", "position": [ 30, 463, 91, 18 ], "completed": false }, { "type": "text", "position": [ 358, 463, 138, 18 ], "completed": false }, { "type": "text", "position": [ 686, 463, 128, 18 ], "completed": false }, { "type": "title", "position": [ 30, 487, 308, 41 ], "completed": false }, { "type": "title", "position": [ 358, 487, 308, 41 ], "completed": false }, { "type": "title", "position": [ 686, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 86, 537, 105, 17 ], "completed": false }, { "type": "text", "position": [ 208, 537, 75, 17 ], "completed": false }, { "type": "text", "position": [ 382, 537, 171, 17 ], "completed": false }, { "type": "text", "position": [ 570, 537, 72, 17 ], "completed": false }, { "type": "text", "position": [ 736, 537, 118, 17 ], "completed": false }, { "type": "text", "position": [ 870, 537, 74, 17 ], "completed": false } ] }, { "text": "#A page for selling new products.# The page should have a title, and 4 groups to show the products while each group has an image and 3 titles, the price, and the payment of the product. A pagination is needed to turn to the next page.", "region_id": "5065", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title [attr:repeat '3']] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 116 28 3 9 | image 34 20 24 12 | title 33 42 25 3 | title 0 4 119 4 | \" [ image 9 13 18 27 | title 5 42 25 3 | title 11 50 14 1 | title 16 46 5 3 ] | [ image 69 13 9 27 | title 61 42 25 3 | title 71 46 5 3 | title 66 50 14 1 ] | [ image 91 13 21 27 | title 89 42 25 3 | title 99 46 5 3 | title 94 50 14 1 ] \"", "layout_seq_without_completion": "button 116 28 3 9 | image 34 20 24 12 | title 33 42 25 3 | title 0 4 119 4 | \" [ image 9 13 18 27 | title 5 42 25 3 | title 11 50 14 1 | title 16 46 5 3 ] | [ image 69 13 9 27 | title 61 42 25 3 | title 71 46 5 3 | title 66 50 14 1 ] | [ image 91 13 21 27 | title 89 42 25 3 | title 99 46 5 3 | title 94 50 14 1 ] \"", "plain_layout_seq": "button 116 28 3 9 | image 34 20 24 12 | image 9 13 18 27 | image 69 13 9 27 | image 91 13 21 27 | title 33 42 25 3 | title 0 4 119 4 | title 5 42 25 3 | title 11 50 14 1 | title 16 46 5 3 | title 61 42 25 3 | title 71 46 5 3 | title 66 50 14 1 | title 89 42 25 3 | title 99 46 5 3 | title 94 50 14 1", "canvas_width": 1250, "canvas_height": 617, "elements": [ { "type": "title", "position": [ 10, 50, 1240, 50 ], "completed": false }, { "type": "image", "position": [ 101, 137, 191, 288 ], "completed": false }, { "type": "image", "position": [ 726, 137, 97, 288 ], "completed": false }, { "type": "image", "position": [ 954, 137, 219, 288 ], "completed": false }, { "type": "image", "position": [ 356, 218, 259, 126 ], "completed": false }, { "type": "button", "position": [ 1213, 294, 32, 100 ], "completed": true }, { "type": "title", "position": [ 62, 441, 269, 40 ], "completed": false }, { "type": "title", "position": [ 351, 441, 269, 40 ], "completed": false }, { "type": "title", "position": [ 640, 441, 269, 40 ], "completed": false }, { "type": "title", "position": [ 929, 441, 269, 40 ], "completed": false }, { "type": "title", "position": [ 168, 486, 58, 32 ], "completed": false }, { "type": "title", "position": [ 746, 486, 58, 32 ], "completed": false }, { "type": "title", "position": [ 1034, 486, 58, 32 ], "completed": false }, { "type": "title", "position": [ 119, 527, 155, 19 ], "completed": false }, { "type": "title", "position": [ 697, 527, 155, 19 ], "completed": false }, { "type": "title", "position": [ 986, 527, 155, 19 ], "completed": false } ] }, { "text": "#A page for users to learn recipes.# There is a title \"FEATURED RECIPES\" on the top of the page. The page should include three information sets. Each group should contain one background image and the name of the dish at the bottom of the image. There should also be a title \"GET NOW POST VIA EMAIL\" at the bottom of the image. Besides it, there is an input for users to write their email address and a button \"GO\" for users to click.", "region_id": "6321", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured recipes'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:text [attr:position 'bottom'] ] ] ] [el:title [attr:position 'bottom'] [attr:value 'GET NOW POST VIA EMAIL']] [el:input [attr:value 'email address'] ] [el:button [attr:value 'go'] ] ]", "execution": "multiinfo : button undefined undefined | input undefined undefined | title top undefined | title bottom undefined | { [ background undefined undefined | text bottom undefined ] | [ background undefined undefined | text bottom undefined ] | [ background undefined undefined | text bottom undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 67 | background 1 6 38 57 | background 80 6 38 57 | background 40 6 38 57 | button 93 73 5 5 | complete image 61 73 37 5 | input 61 73 31 5 | text 43 54 32 5 | text 4 50 32 10 | text 83 52 32 8 | title 1 2 117 2 | title 20 73 41 4", "layout_seq_without_completion": "background 0 0 120 67 | background 1 6 38 57 | background 80 6 38 57 | background 40 6 38 57 | button 93 73 5 5 | image 61 73 37 5 | input 61 73 31 5 | text 43 54 32 5 | text 4 50 32 10 | text 83 52 32 8 | title 1 2 117 2 | title 20 73 41 4", "plain_layout_seq": "background 0 0 120 67 | background 1 6 38 57 | background 80 6 38 57 | background 40 6 38 57 | button 93 73 5 5 | image 61 73 37 5 | input 61 73 31 5 | text 43 54 32 5 | text 4 50 32 10 | text 83 52 32 8 | title 1 2 117 2 | title 20 73 41 4", "canvas_width": 1024, "canvas_height": 714, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 574 ], "completed": true }, { "type": "title", "position": [ 10, 25, 1004, 20 ], "completed": false }, { "type": "background", "position": [ 10, 55, 326, 489 ], "completed": false }, { "type": "background", "position": [ 349, 55, 326, 489 ], "completed": false }, { "type": "background", "position": [ 688, 55, 326, 489 ], "completed": false }, { "type": "text", "position": [ 35, 430, 276, 89 ], "completed": false }, { "type": "text", "position": [ 713, 450, 276, 69 ], "completed": false }, { "type": "text", "position": [ 374, 469, 276, 49 ], "completed": false }, { "type": "image", "position": [ 528, 624, 324, 50 ], "completed": true }, { "type": "input", "position": [ 529, 625, 272, 49 ], "completed": false }, { "type": "button", "position": [ 801, 625, 50, 49 ], "completed": false }, { "type": "title", "position": [ 172, 629, 356, 35 ], "completed": false } ] }, { "text": "#This page introduces users to Ingredient Stories. #This page has a large background image on the left with an \"Ingredient Stories\" title and a description for it, and two groups on the right: Melt&Pour Soap Bases and Natural Butters. Each group has a picture and subtitle.", "region_id": "7296", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image [attr:position 'left'] [attr:size'large']] [el:title [attr:value 'ingredient stories']] [el:description] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'melt&pour soap bases, natural butters'] [item [el:image[attr:position'right'] ] [el:title[attr:position'right'] ] ] ] ]", "execution": "multiinfo : background left large | description undefined undefined | title undefined undefined | { [ image right undefined | title right undefined ] | [ image right undefined | title right undefined ] }", "layout_seq_with_completion": "background 3 0 81 54 | description 5 46 61 5 | image 86 26 30 25 | image 86 0 30 20 | title 86 53 12 2 | title 86 22 18 2 | title 5 40 61 6", "layout_seq_without_completion": "background 3 0 81 54 | description 5 46 61 5 | image 86 26 30 25 | image 86 0 30 20 | title 86 53 12 2 | title 86 22 18 2 | title 5 40 61 6", "plain_layout_seq": "background 3 0 81 54 | description 5 46 61 5 | image 86 26 30 25 | image 86 0 30 20 | title 86 53 12 2 | title 86 22 18 2 | title 5 40 61 6", "canvas_width": 1024, "canvas_height": 499, "elements": [ { "type": "background", "position": [ 26, 8, 699, 469 ], "completed": false }, { "type": "image", "position": [ 735, 8, 262, 172 ], "completed": false }, { "type": "title", "position": [ 735, 190, 158, 21 ], "completed": false }, { "type": "image", "position": [ 735, 226, 262, 218 ], "completed": false }, { "type": "title", "position": [ 45, 348, 529, 52 ], "completed": false }, { "type": "description", "position": [ 45, 400, 529, 47 ], "completed": false }, { "type": "title", "position": [ 735, 454, 105, 21 ], "completed": false } ] }, { "text": "#A page for showing some promotions.# There is one label \"Promotion\". In addition, there are four promotion titles.", "region_id": "4143", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Promotion'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "title 1 1 11 2 | \" [ title 1 7 27 10 ] | [ title 31 7 22 10 ] | [ title 61 7 24 10 ] | [ title 90 7 28 10 ] \"", "layout_seq_without_completion": "title 1 1 11 2 | \" [ title 1 7 27 10 ] | [ title 31 7 22 10 ] | [ title 61 7 24 10 ] | [ title 90 7 28 10 ] \"", "plain_layout_seq": "title 1 1 11 2 | title 1 7 27 10 | title 31 7 22 10 | title 61 7 24 10 | title 90 7 28 10", "canvas_width": 1024, "canvas_height": 163, "elements": [ { "type": "title", "position": [ 10, 10, 100, 19 ], "completed": false }, { "type": "title", "position": [ 10, 64, 237, 89 ], "completed": false }, { "type": "title", "position": [ 271, 64, 196, 89 ], "completed": false }, { "type": "title", "position": [ 522, 64, 213, 89 ], "completed": false }, { "type": "title", "position": [ 773, 64, 239, 89 ], "completed": false } ] }, { "text": "#A page to introduce the information of the collection list to the users# On this page,a title and two groups of information are involved. Each group contains a background picture and the name of the relevant item.", "region_id": "8331", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 43 15 33 33 | background 6 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 6 6 107 2", "layout_seq_without_completion": "background 43 15 33 33 | background 6 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 6 6 107 2", "plain_layout_seq": "background 43 15 33 33 | background 6 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 449, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "background", "position": [ 55, 134, 285, 285 ], "completed": false }, { "type": "background", "position": [ 370, 134, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 261, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 261, 285, 32 ], "completed": false } ] }, { "text": "#A page for introducing one platform that provides careers.# This page is divided into four parts. Each of the parts should be two text boxes, one for the title, like \"Careers at Enbridge\" and the other for the detailed description. Users can click a button to learn more info.", "region_id": "1149", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [gattr:names'careers at enbridge'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 8 72 22 4 | button 28 32 22 4 | button 88 32 22 4 | button 66 72 27 4 | description 2 19 74 2 | description 2 60 34 7 | description 42 58 74 5 | description 82 18 34 5 | complete icon 88 74 1 1 | complete icon 106 34 1 1 | complete icon 46 34 1 1 | complete icon 26 74 1 1 | complete image 0 40 40 40 | complete image 79 0 40 40 | complete text 69 73 19 2 | complete text 11 73 14 2 | complete text 91 33 14 2 | complete text 31 33 14 2 | title 2 13 74 3 | title 2 46 34 11 | title 82 12 34 3 | title 42 52 74 3", "layout_seq_without_completion": "button 8 72 22 4 | button 28 32 22 4 | button 88 32 22 4 | button 66 72 27 4 | description 2 19 74 2 | description 2 60 34 7 | description 42 58 74 5 | description 82 18 34 5 | icon 88 74 1 1 | icon 106 34 1 1 | icon 46 34 1 1 | icon 26 74 1 1 | image 0 40 40 40 | image 79 0 40 40 | text 69 73 19 2 | text 11 73 14 2 | text 91 33 14 2 | text 31 33 14 2 | title 2 13 74 3 | title 2 46 34 11 | title 82 12 34 3 | title 42 52 74 3", "plain_layout_seq": "button 8 72 22 4 | button 28 32 22 4 | button 88 32 22 4 | button 66 72 27 4 | description 2 19 74 2 | description 2 60 34 7 | description 42 58 74 5 | description 82 18 34 5 | icon 88 74 1 1 | icon 106 34 1 1 | icon 46 34 1 1 | icon 26 74 1 1 | image 0 40 40 40 | image 79 0 40 40 | text 69 73 19 2 | text 11 73 14 2 | text 91 33 14 2 | text 31 33 14 2 | title 2 13 74 3 | title 2 46 34 11 | title 82 12 34 3 | title 42 52 74 3", "canvas_width": 1007, "canvas_height": 672, "elements": [ { "type": "image", "position": [ 671, 0, 336, 336 ], "completed": true }, { "type": "title", "position": [ 693, 101, 292, 33 ], "completed": false }, { "type": "title", "position": [ 22, 112, 627, 33 ], "completed": false }, { "type": "description", "position": [ 693, 153, 292, 42 ], "completed": false }, { "type": "description", "position": [ 22, 163, 627, 21 ], "completed": false }, { "type": "button", "position": [ 240, 274, 191, 40 ], "completed": false }, { "type": "button", "position": [ 744, 274, 191, 40 ], "completed": false }, { "type": "text", "position": [ 266, 283, 124, 21 ], "completed": true }, { "type": "text", "position": [ 769, 283, 124, 21 ], "completed": true }, { "type": "icon", "position": [ 393, 288, 13, 13 ], "completed": true }, { "type": "icon", "position": [ 896, 288, 13, 13 ], "completed": true }, { "type": "image", "position": [ 0, 336, 336, 336 ], "completed": true }, { "type": "title", "position": [ 22, 393, 292, 100 ], "completed": false }, { "type": "title", "position": [ 358, 437, 627, 33 ], "completed": false }, { "type": "description", "position": [ 358, 488, 627, 42 ], "completed": false }, { "type": "description", "position": [ 22, 511, 292, 63 ], "completed": false }, { "type": "button", "position": [ 72, 610, 191, 40 ], "completed": false }, { "type": "button", "position": [ 558, 610, 227, 40 ], "completed": false }, { "type": "text", "position": [ 98, 619, 124, 21 ], "completed": true }, { "type": "text", "position": [ 583, 619, 160, 21 ], "completed": true }, { "type": "icon", "position": [ 225, 623, 13, 13 ], "completed": true }, { "type": "icon", "position": [ 746, 623, 13, 13 ], "completed": true } ] }, { "text": "#A page for showing the pins.# There is one label \"OUR FAVORITES\". Below are six groups and each group includes one image and one label for the name.", "region_id": "8287", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our favorites']] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 19 25 25 | image 32 19 25 25 | image 61 19 25 25 | image 90 19 25 25 | image 3 57 25 25 | image 32 57 25 25 | title 6 85 19 2 | title 37 85 15 2 | title 93 46 19 2 | title 10 46 11 2 | title 36 46 17 2 | title 64 46 19 2 | title 3 11 112 4", "layout_seq_without_completion": "image 3 19 25 25 | image 32 19 25 25 | image 61 19 25 25 | image 90 19 25 25 | image 3 57 25 25 | image 32 57 25 25 | title 6 85 19 2 | title 37 85 15 2 | title 93 46 19 2 | title 10 46 11 2 | title 36 46 17 2 | title 64 46 19 2 | title 3 11 112 4", "plain_layout_seq": "image 3 19 25 25 | image 32 19 25 25 | image 61 19 25 25 | image 90 19 25 25 | image 3 57 25 25 | image 32 57 25 25 | title 6 85 19 2 | title 37 85 15 2 | title 93 46 19 2 | title 10 46 11 2 | title 36 46 17 2 | title 64 46 19 2 | title 3 11 112 4", "canvas_width": 1009, "canvas_height": 874, "elements": [ { "type": "title", "position": [ 32, 96, 945, 36 ], "completed": false }, { "type": "image", "position": [ 32, 163, 212, 212 ], "completed": false }, { "type": "image", "position": [ 276, 163, 212, 212 ], "completed": false }, { "type": "image", "position": [ 520, 163, 212, 212 ], "completed": false }, { "type": "image", "position": [ 765, 163, 212, 212 ], "completed": false }, { "type": "title", "position": [ 91, 392, 94, 18 ], "completed": false }, { "type": "title", "position": [ 311, 392, 143, 18 ], "completed": false }, { "type": "title", "position": [ 544, 392, 165, 18 ], "completed": false }, { "type": "title", "position": [ 788, 392, 165, 18 ], "completed": false }, { "type": "image", "position": [ 32, 487, 212, 212 ], "completed": false }, { "type": "image", "position": [ 276, 487, 212, 212 ], "completed": false }, { "type": "title", "position": [ 58, 715, 161, 18 ], "completed": false }, { "type": "title", "position": [ 316, 715, 133, 18 ], "completed": false } ] }, { "text": "#A page showing the discounts of the companies to users.#The page should have six groups of companies' discounts. And each of them should have one logo of the company and one text box to show the discount.", "region_id": "5781", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] [el:text] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 16 | logo 101 4 13 0 | logo 24 2 13 5 | logo 43 3 13 3 | logo 62 4 13 2 | logo 85 1 7 8 | logo 5 4 13 2 | text 25 10 11 4 | text 44 10 11 4 | text 63 10 11 4 | text 83 10 11 4 | text 102 10 11 4 | text 6 10 11 4", "layout_seq_without_completion": "background 0 0 120 16 | logo 101 4 13 0 | logo 24 2 13 5 | logo 43 3 13 3 | logo 62 4 13 2 | logo 85 1 7 8 | logo 5 4 13 2 | text 25 10 11 4 | text 44 10 11 4 | text 63 10 11 4 | text 83 10 11 4 | text 102 10 11 4 | text 6 10 11 4", "plain_layout_seq": "background 0 0 120 16 | logo 101 4 13 0 | logo 24 2 13 5 | logo 43 3 13 3 | logo 62 4 13 2 | logo 85 1 7 8 | logo 5 4 13 2 | text 25 10 11 4 | text 44 10 11 4 | text 63 10 11 4 | text 83 10 11 4 | text 102 10 11 4 | text 6 10 11 4", "canvas_width": 1024, "canvas_height": 140, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 140 ], "completed": true }, { "type": "logo", "position": [ 726, 11, 64, 70 ], "completed": false }, { "type": "logo", "position": [ 208, 21, 115, 50 ], "completed": false }, { "type": "logo", "position": [ 372, 29, 115, 33 ], "completed": false }, { "type": "logo", "position": [ 44, 35, 115, 21 ], "completed": false }, { "type": "logo", "position": [ 536, 35, 115, 21 ], "completed": false }, { "type": "logo", "position": [ 864, 42, 115, 7 ], "completed": false }, { "type": "text", "position": [ 54, 90, 96, 40 ], "completed": false }, { "type": "text", "position": [ 218, 90, 96, 40 ], "completed": false }, { "type": "text", "position": [ 382, 90, 96, 40 ], "completed": false }, { "type": "text", "position": [ 546, 90, 96, 40 ], "completed": false }, { "type": "text", "position": [ 710, 90, 96, 40 ], "completed": false }, { "type": "text", "position": [ 873, 90, 96, 40 ], "completed": false } ] }, { "text": "#A page to introduce manufacturing and processing machines.# There is an image with a link on it on the top. Eight information groups introduce different machines on the page. Each group contains an image and a title. There is an icon and a text 'View More' at last for users to click to get more information.", "region_id": "4273", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'top'] ] [el:link [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] [el:icon] [el:text [attr:value 'view more'] ] ]", "execution": "multiinfo : icon undefined undefined | image top undefined | link top undefined | text undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 97 62 5 5 | image 0 0 120 10 | image 22 16 14 14 | image 102 16 14 14 | image 22 38 14 14 | image 62 38 14 14 | image 62 16 14 14 | image 102 38 14 14 | image 22 61 14 14 | image 62 61 14 14 | link 2 3 115 3 | text 95 69 9 2 | title 2 13 35 5 | title 82 13 35 5 | title 42 13 35 5 | title 42 58 35 5 | title 2 58 35 5 | title 2 35 35 5 | title 82 35 35 5 | title 42 35 35 5", "layout_seq_without_completion": "icon 97 62 5 5 | image 0 0 120 10 | image 22 16 14 14 | image 102 16 14 14 | image 22 38 14 14 | image 62 38 14 14 | image 62 16 14 14 | image 102 38 14 14 | image 22 61 14 14 | image 62 61 14 14 | link 2 3 115 3 | text 95 69 9 2 | title 2 13 35 5 | title 82 13 35 5 | title 42 13 35 5 | title 42 58 35 5 | title 2 58 35 5 | title 2 35 35 5 | title 82 35 35 5 | title 42 35 35 5", "plain_layout_seq": "icon 97 62 5 5 | image 0 0 120 10 | image 22 16 14 14 | image 102 16 14 14 | image 22 38 14 14 | image 62 38 14 14 | image 62 16 14 14 | image 102 38 14 14 | image 22 61 14 14 | image 62 61 14 14 | link 2 3 115 3 | text 95 69 9 2 | title 2 13 35 5 | title 82 13 35 5 | title 42 13 35 5 | title 42 58 35 5 | title 2 58 35 5 | title 2 35 35 5 | title 82 35 35 5 | title 42 35 35 5", "canvas_width": 984, "canvas_height": 645, "elements": [ { "type": "image", "position": [ 0, 0, 984, 90 ], "completed": false }, { "type": "link", "position": [ 21, 30, 943, 30 ], "completed": false }, { "type": "title", "position": [ 21, 110, 287, 48 ], "completed": false }, { "type": "title", "position": [ 349, 110, 287, 48 ], "completed": false }, { "type": "title", "position": [ 676, 110, 287, 48 ], "completed": false }, { "type": "image", "position": [ 188, 134, 120, 120 ], "completed": false }, { "type": "image", "position": [ 515, 134, 120, 120 ], "completed": false }, { "type": "image", "position": [ 843, 134, 120, 120 ], "completed": false }, { "type": "title", "position": [ 21, 295, 287, 48 ], "completed": false }, { "type": "title", "position": [ 349, 295, 287, 48 ], "completed": false }, { "type": "title", "position": [ 676, 295, 287, 48 ], "completed": false }, { "type": "image", "position": [ 188, 319, 120, 120 ], "completed": false }, { "type": "image", "position": [ 515, 319, 120, 120 ], "completed": false }, { "type": "image", "position": [ 843, 319, 120, 120 ], "completed": false }, { "type": "title", "position": [ 21, 480, 287, 48 ], "completed": false }, { "type": "title", "position": [ 349, 480, 287, 48 ], "completed": false }, { "type": "image", "position": [ 188, 504, 120, 120 ], "completed": false }, { "type": "image", "position": [ 515, 504, 120, 120 ], "completed": false }, { "type": "icon", "position": [ 796, 511, 48, 48 ], "completed": false }, { "type": "text", "position": [ 783, 569, 74, 24 ], "completed": false } ] }, { "text": "#A page for introducing trending reviews to users. # There should be one title \"TRENDING REVIEWS\" on the top. Under it, six groups: \"Best Gaming Desk\" \"Best Amazon Fire TV Device\" \"Best Small Stand Mixer\" \"Best Ab Mat\" \"Best Cordless Vacuums\" and \"Best Cake Pop Maker\" of trending reviews should be provided for the user to read. In each group, there should include an image, a date with a topic of the review, and a title.", "region_id": "4423", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trending reviews'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'best gaming desk, best amazon fire tv device, best small stand mixer, best ab mat, best cordless vacuums, best cake pop maker'] [item [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 41 8 35 23 | image 81 8 35 23 | image 2 42 35 23 | image 2 8 35 23 | image 41 42 35 23 | image 81 42 35 23 | text 2 66 35 2 | text 41 66 35 2 | text 81 33 35 2 | text 2 33 35 2 | text 41 33 35 2 | text 81 66 35 2 | title 2 69 13 2 | title 41 69 24 2 | title 81 69 23 2 | title 2 36 20 2 | title 81 36 25 2 | title 41 36 30 2 | title 2 0 115 5", "layout_seq_without_completion": "image 41 8 35 23 | image 81 8 35 23 | image 2 42 35 23 | image 2 8 35 23 | image 41 42 35 23 | image 81 42 35 23 | text 2 66 35 2 | text 41 66 35 2 | text 81 33 35 2 | text 2 33 35 2 | text 41 33 35 2 | text 81 66 35 2 | title 2 69 13 2 | title 41 69 24 2 | title 81 69 23 2 | title 2 36 20 2 | title 81 36 25 2 | title 41 36 30 2 | title 2 0 115 5", "plain_layout_seq": "image 41 8 35 23 | image 81 8 35 23 | image 2 42 35 23 | image 2 8 35 23 | image 41 42 35 23 | image 81 42 35 23 | text 2 66 35 2 | text 41 66 35 2 | text 81 33 35 2 | text 2 33 35 2 | text 41 33 35 2 | text 81 66 35 2 | title 2 69 13 2 | title 41 69 24 2 | title 81 69 23 2 | title 2 36 20 2 | title 81 36 25 2 | title 41 36 30 2 | title 2 0 115 5", "canvas_width": 1024, "canvas_height": 645, "elements": [ { "type": "title", "position": [ 20, 0, 984, 45 ], "completed": false }, { "type": "image", "position": [ 20, 74, 307, 202 ], "completed": false }, { "type": "image", "position": [ 358, 74, 307, 202 ], "completed": false }, { "type": "image", "position": [ 697, 74, 307, 202 ], "completed": false }, { "type": "text", "position": [ 20, 283, 307, 25 ], "completed": false }, { "type": "text", "position": [ 358, 283, 307, 25 ], "completed": false }, { "type": "text", "position": [ 697, 283, 307, 25 ], "completed": false }, { "type": "title", "position": [ 20, 308, 175, 20 ], "completed": false }, { "type": "title", "position": [ 358, 308, 261, 20 ], "completed": false }, { "type": "title", "position": [ 697, 308, 215, 20 ], "completed": false }, { "type": "image", "position": [ 20, 360, 307, 202 ], "completed": false }, { "type": "image", "position": [ 358, 360, 307, 202 ], "completed": false }, { "type": "image", "position": [ 697, 360, 307, 202 ], "completed": false }, { "type": "text", "position": [ 20, 568, 307, 25 ], "completed": false }, { "type": "text", "position": [ 358, 568, 307, 25 ], "completed": false }, { "type": "text", "position": [ 697, 568, 307, 25 ], "completed": false }, { "type": "title", "position": [ 20, 594, 118, 20 ], "completed": false }, { "type": "title", "position": [ 358, 594, 210, 20 ], "completed": false }, { "type": "title", "position": [ 697, 594, 199, 20 ], "completed": false } ] }, { "text": "#A page for introducing one software's advantages.# There should be four images and each of them is followed by two text boxes, one for the specific advantages and the other for the detail.", "region_id": "748", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 3 14 22 8 | description 93 14 22 8 | description 33 14 22 8 | description 63 14 22 8 | image 11 3 7 7 | image 71 3 7 7 | image 101 3 7 7 | image 41 3 7 7 | text 3 11 22 2 | text 93 11 22 2 | text 63 11 22 2 | text 33 11 22 2", "layout_seq_without_completion": "description 3 14 22 8 | description 93 14 22 8 | description 33 14 22 8 | description 63 14 22 8 | image 11 3 7 7 | image 71 3 7 7 | image 101 3 7 7 | image 41 3 7 7 | text 3 11 22 2 | text 93 11 22 2 | text 63 11 22 2 | text 33 11 22 2", "plain_layout_seq": "description 3 14 22 8 | description 93 14 22 8 | description 33 14 22 8 | description 63 14 22 8 | image 11 3 7 7 | image 71 3 7 7 | image 101 3 7 7 | image 41 3 7 7 | text 3 11 22 2 | text 93 11 22 2 | text 63 11 22 2 | text 33 11 22 2", "canvas_width": 1005, "canvas_height": 247, "elements": [ { "type": "image", "position": [ 96, 30, 60, 60 ], "completed": false }, { "type": "image", "position": [ 347, 30, 60, 60 ], "completed": false }, { "type": "image", "position": [ 598, 30, 60, 60 ], "completed": false }, { "type": "image", "position": [ 849, 30, 60, 60 ], "completed": false }, { "type": "text", "position": [ 30, 100, 191, 19 ], "completed": false }, { "type": "text", "position": [ 281, 100, 191, 19 ], "completed": false }, { "type": "text", "position": [ 533, 100, 191, 19 ], "completed": false }, { "type": "text", "position": [ 784, 100, 191, 19 ], "completed": false }, { "type": "description", "position": [ 30, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 281, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 533, 122, 191, 75 ], "completed": false }, { "type": "description", "position": [ 784, 122, 191, 72 ], "completed": false } ] }, { "text": "# A page showing the payment methods. # On the page, there should have 7 logos showing the payment methods.", "region_id": "7484", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 35 0 3 3 ] | [ logo 41 0 5 3 ] | [ logo 49 0 3 3 ] | [ logo 55 0 9 3 ] | [ logo 67 0 4 3 ] | [ logo 73 0 6 3 ] | [ logo 82 0 5 3 ] \"", "layout_seq_without_completion": "\" [ logo 35 0 3 3 ] | [ logo 41 0 5 3 ] | [ logo 49 0 3 3 ] | [ logo 55 0 9 3 ] | [ logo 67 0 4 3 ] | [ logo 73 0 6 3 ] | [ logo 82 0 5 3 ] \"", "plain_layout_seq": "logo 35 0 3 3 | logo 41 0 5 3 | logo 49 0 3 3 | logo 55 0 9 3 | logo 67 0 4 3 | logo 73 0 6 3 | logo 82 0 5 3", "canvas_width": 994, "canvas_height": 43, "elements": [ { "type": "logo", "position": [ 297, 0, 31, 31 ], "completed": false }, { "type": "logo", "position": [ 347, 0, 48, 31 ], "completed": false }, { "type": "logo", "position": [ 413, 0, 27, 31 ], "completed": false }, { "type": "logo", "position": [ 458, 0, 81, 31 ], "completed": false }, { "type": "logo", "position": [ 557, 0, 37, 31 ], "completed": false }, { "type": "logo", "position": [ 612, 0, 55, 31 ], "completed": false }, { "type": "logo", "position": [ 686, 0, 42, 31 ], "completed": false } ] }, { "text": "#A page for showing the featured products.# The page should have a title, and 11 groups while each group has an image, and two texts to show the photo, title, and price of the product.", "region_id": "7512", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '11'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 3 108 3 | \" [ image 5 10 26 19 | text 5 37 8 2 | title 5 32 26 4 ] | [ image 33 10 26 19 | text 33 35 7 2 | title 33 32 26 2 ] | [ image 60 10 26 19 | text 60 35 6 2 | title 60 32 26 2 ] | [ image 87 10 26 19 | text 87 35 10 2 | title 87 32 26 2 ] | [ image 5 42 26 19 | text 5 69 10 2 | title 5 64 26 4 ] | [ image 33 42 26 19 | text 33 67 10 2 | title 33 64 26 2 ] | [ image 60 42 26 19 | text 60 67 9 2 | title 60 64 26 2 ] | [ image 87 42 26 19 | text 87 67 10 2 | title 87 64 26 2 ] | [ image 5 75 26 19 | text 5 99 10 2 | title 5 96 26 2 ] | [ image 33 75 26 19 | text 33 99 9 2 | title 33 96 26 2 ] | [ image 60 75 26 19 | text 60 101 9 2 | title 60 96 26 4 ] \"", "layout_seq_without_completion": "title 5 3 108 3 | \" [ image 5 10 26 19 | text 5 37 8 2 | title 5 32 26 4 ] | [ image 33 10 26 19 | text 33 35 7 2 | title 33 32 26 2 ] | [ image 60 10 26 19 | text 60 35 6 2 | title 60 32 26 2 ] | [ image 87 10 26 19 | text 87 35 10 2 | title 87 32 26 2 ] | [ image 5 42 26 19 | text 5 69 10 2 | title 5 64 26 4 ] | [ image 33 42 26 19 | text 33 67 10 2 | title 33 64 26 2 ] | [ image 60 42 26 19 | text 60 67 9 2 | title 60 64 26 2 ] | [ image 87 42 26 19 | text 87 67 10 2 | title 87 64 26 2 ] | [ image 5 75 26 19 | text 5 99 10 2 | title 5 96 26 2 ] | [ image 33 75 26 19 | text 33 99 9 2 | title 33 96 26 2 ] | [ image 60 75 26 19 | text 60 101 9 2 | title 60 96 26 4 ] \"", "plain_layout_seq": "image 5 10 26 19 | image 33 10 26 19 | image 60 10 26 19 | image 87 10 26 19 | image 5 42 26 19 | image 33 42 26 19 | image 60 42 26 19 | image 87 42 26 19 | image 5 75 26 19 | image 33 75 26 19 | image 60 75 26 19 | text 5 37 8 2 | text 33 35 7 2 | text 60 35 6 2 | text 87 35 10 2 | text 5 69 10 2 | text 33 67 10 2 | text 60 67 9 2 | text 87 67 10 2 | text 5 99 10 2 | text 33 99 9 2 | text 60 101 9 2 | title 5 3 108 3 | title 5 32 26 4 | title 33 32 26 2 | title 60 32 26 2 | title 87 32 26 2 | title 5 64 26 4 | title 33 64 26 2 | title 60 64 26 2 | title 87 64 26 2 | title 5 96 26 2 | title 33 96 26 2 | title 60 96 26 4", "canvas_width": 1024, "canvas_height": 944, "elements": [ { "type": "title", "position": [ 50, 27, 924, 32 ], "completed": false }, { "type": "image", "position": [ 50, 89, 225, 169 ], "completed": false }, { "type": "image", "position": [ 283, 89, 225, 169 ], "completed": false }, { "type": "image", "position": [ 516, 89, 225, 169 ], "completed": false }, { "type": "image", "position": [ 749, 89, 225, 169 ], "completed": false }, { "type": "title", "position": [ 50, 274, 225, 35 ], "completed": false }, { "type": "title", "position": [ 283, 274, 225, 18 ], "completed": false }, { "type": "title", "position": [ 516, 274, 225, 18 ], "completed": false }, { "type": "title", "position": [ 749, 274, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 299, 68, 21 ], "completed": false }, { "type": "text", "position": [ 516, 299, 59, 21 ], "completed": false }, { "type": "text", "position": [ 749, 299, 90, 21 ], "completed": false }, { "type": "text", "position": [ 50, 316, 76, 21 ], "completed": false }, { "type": "image", "position": [ 50, 364, 225, 169 ], "completed": false }, { "type": "image", "position": [ 283, 364, 225, 169 ], "completed": false }, { "type": "image", "position": [ 516, 364, 225, 169 ], "completed": false }, { "type": "image", "position": [ 749, 364, 225, 169 ], "completed": false }, { "type": "title", "position": [ 50, 549, 225, 35 ], "completed": false }, { "type": "title", "position": [ 283, 549, 225, 18 ], "completed": false }, { "type": "title", "position": [ 516, 549, 225, 18 ], "completed": false }, { "type": "title", "position": [ 749, 549, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 575, 91, 21 ], "completed": false }, { "type": "text", "position": [ 516, 575, 77, 21 ], "completed": false }, { "type": "text", "position": [ 749, 575, 91, 21 ], "completed": false }, { "type": "text", "position": [ 50, 592, 91, 21 ], "completed": false }, { "type": "image", "position": [ 50, 640, 225, 169 ], "completed": false }, { "type": "image", "position": [ 283, 640, 225, 169 ], "completed": false }, { "type": "image", "position": [ 516, 640, 225, 169 ], "completed": false }, { "type": "title", "position": [ 50, 825, 225, 18 ], "completed": false }, { "type": "title", "position": [ 283, 825, 225, 18 ], "completed": false }, { "type": "title", "position": [ 516, 825, 225, 35 ], "completed": false }, { "type": "text", "position": [ 50, 850, 90, 21 ], "completed": false }, { "type": "text", "position": [ 283, 850, 77, 21 ], "completed": false }, { "type": "text", "position": [ 516, 867, 77, 21 ], "completed": false } ] }, { "text": "# A page to advertise the product in an online shop. # There should have a title \"OUR PRODUCTS\" and three groups of product information. In each group, there should contain an image, the name of the shop \"The Original Daddy Caddy\", the product name, and the price of the product.", "region_id": "7569", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our products'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:value'The Original Daddy Caddy']] [el:title] [el:text]] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 16 110 6 | \" [ image 4 24 35 60 | text 12 63 19 5 | text 12 78 19 2 | title 12 69 19 8 ] | [ image 42 24 35 60 | text 50 63 19 5 | text 50 78 19 2 | title 50 69 19 8 ] | [ image 79 24 35 60 | text 87 63 19 5 | text 87 78 19 2 | title 87 69 19 8 ] \"", "layout_seq_without_completion": "title 4 16 110 6 | \" [ image 4 24 35 60 | text 12 63 19 5 | text 12 78 19 2 | title 12 69 19 8 ] | [ image 42 24 35 60 | text 50 63 19 5 | text 50 78 19 2 | title 50 69 19 8 ] | [ image 79 24 35 60 | text 87 63 19 5 | text 87 78 19 2 | title 87 69 19 8 ] \"", "plain_layout_seq": "image 4 24 35 60 | image 42 24 35 60 | image 79 24 35 60 | text 12 63 19 5 | text 12 78 19 2 | text 50 63 19 5 | text 50 78 19 2 | text 87 63 19 5 | text 87 78 19 2 | title 4 16 110 6 | title 12 69 19 8 | title 50 69 19 8 | title 87 69 19 8", "canvas_width": 1024, "canvas_height": 721, "elements": [ { "type": "title", "position": [ 42, 138, 940, 53 ], "completed": false }, { "type": "image", "position": [ 42, 209, 300, 512 ], "completed": false }, { "type": "image", "position": [ 362, 209, 300, 512 ], "completed": false }, { "type": "image", "position": [ 682, 209, 300, 512 ], "completed": false }, { "type": "text", "position": [ 108, 544, 168, 46 ], "completed": false }, { "type": "text", "position": [ 428, 544, 168, 46 ], "completed": false }, { "type": "text", "position": [ 748, 544, 168, 46 ], "completed": false }, { "type": "title", "position": [ 108, 595, 168, 72 ], "completed": false }, { "type": "title", "position": [ 428, 595, 168, 72 ], "completed": false }, { "type": "title", "position": [ 748, 595, 168, 72 ], "completed": false }, { "type": "text", "position": [ 108, 672, 168, 22 ], "completed": false }, { "type": "text", "position": [ 428, 672, 168, 22 ], "completed": false }, { "type": "text", "position": [ 748, 672, 168, 22 ], "completed": false } ] }, { "text": "#A page with different tags for users to choose from.# The page should include the title \"Categories\" and 15 links.", "region_id": "2484", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'categories'] ] [gp:InfoGroup [gattr:repeat '15'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 17 | title 1 1 8 2 | \" [ link 7 6 11 3 ] | [ link 20 6 14 3 ] | [ link 36 6 13 3 ] | [ link 50 6 17 3 ] | [ link 68 6 15 3 ] | [ link 85 6 14 3 ] | [ link 100 6 11 3 ] | [ link 7 11 14 3 ] | [ link 22 11 12 3 ] | [ link 36 11 12 3 ] | [ link 49 11 13 3 ] | [ link 63 11 15 3 ] | [ link 79 11 11 3 ] | [ link 92 11 8 3 ] | [ link 101 11 10 3 ] \"", "layout_seq_without_completion": "background 0 0 120 17 | title 1 1 8 2 | \" [ link 7 6 11 3 ] | [ link 20 6 14 3 ] | [ link 36 6 13 3 ] | [ link 50 6 17 3 ] | [ link 68 6 15 3 ] | [ link 85 6 14 3 ] | [ link 100 6 11 3 ] | [ link 7 11 14 3 ] | [ link 22 11 12 3 ] | [ link 36 11 12 3 ] | [ link 49 11 13 3 ] | [ link 63 11 15 3 ] | [ link 79 11 11 3 ] | [ link 92 11 8 3 ] | [ link 101 11 10 3 ] \"", "plain_layout_seq": "background 0 0 120 17 | link 7 6 11 3 | link 20 6 14 3 | link 36 6 13 3 | link 50 6 17 3 | link 68 6 15 3 | link 85 6 14 3 | link 100 6 11 3 | link 7 11 14 3 | link 22 11 12 3 | link 36 11 12 3 | link 49 11 13 3 | link 63 11 15 3 | link 79 11 11 3 | link 92 11 8 3 | link 101 11 10 3 | title 1 1 8 2", "canvas_width": 1024, "canvas_height": 147, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 147 ], "completed": true }, { "type": "title", "position": [ 16, 11, 69, 18 ], "completed": false }, { "type": "link", "position": [ 67, 57, 98, 34 ], "completed": false }, { "type": "link", "position": [ 173, 57, 127, 34 ], "completed": false }, { "type": "link", "position": [ 308, 57, 114, 34 ], "completed": false }, { "type": "link", "position": [ 430, 57, 147, 34 ], "completed": false }, { "type": "link", "position": [ 584, 57, 135, 34 ], "completed": false }, { "type": "link", "position": [ 726, 57, 122, 34 ], "completed": false }, { "type": "link", "position": [ 855, 57, 102, 34 ], "completed": false }, { "type": "link", "position": [ 68, 95, 121, 34 ], "completed": false }, { "type": "link", "position": [ 196, 95, 108, 34 ], "completed": false }, { "type": "link", "position": [ 311, 95, 104, 34 ], "completed": false }, { "type": "link", "position": [ 422, 95, 113, 34 ], "completed": false }, { "type": "link", "position": [ 543, 95, 130, 34 ], "completed": false }, { "type": "link", "position": [ 681, 95, 100, 34 ], "completed": false }, { "type": "link", "position": [ 789, 95, 73, 34 ], "completed": false }, { "type": "link", "position": [ 869, 95, 87, 34 ], "completed": false } ] }, { "text": "# A page to introduce three steps to build an app with the app editor and guide the user to build.# The page should have the title \"Build Your App in 3 Easy Steps\", and three groups with each having an image, a title, and a description. Then a button for the user to start to build is necessary.", "region_id": "2669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Build Your App in 3 Easy Steps'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] [el:button[attr:value'start'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 44 70 31 7 | description 1 53 38 5 | description 40 53 38 8 | description 79 53 38 8 | image 79 14 38 25 | image 1 14 38 25 | image 40 14 38 25 | title 1 47 38 3 | title 40 47 38 3 | title 1 1 116 5 | title 79 47 38 3", "layout_seq_without_completion": "button 44 70 31 7 | description 1 53 38 5 | description 40 53 38 8 | description 79 53 38 8 | image 79 14 38 25 | image 1 14 38 25 | image 40 14 38 25 | title 1 47 38 3 | title 40 47 38 3 | title 1 1 116 5 | title 79 47 38 3", "plain_layout_seq": "button 44 70 31 7 | description 1 53 38 5 | description 40 53 38 8 | description 79 53 38 8 | image 79 14 38 25 | image 1 14 38 25 | image 40 14 38 25 | title 1 47 38 3 | title 40 47 38 3 | title 1 1 116 5 | title 79 47 38 3", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "title", "position": [ 15, 11, 994, 43 ], "completed": false }, { "type": "image", "position": [ 15, 124, 331, 219 ], "completed": false }, { "type": "image", "position": [ 346, 124, 331, 219 ], "completed": false }, { "type": "image", "position": [ 678, 124, 331, 219 ], "completed": false }, { "type": "title", "position": [ 15, 407, 331, 34 ], "completed": false }, { "type": "title", "position": [ 346, 407, 331, 34 ], "completed": false }, { "type": "title", "position": [ 678, 407, 331, 34 ], "completed": false }, { "type": "description", "position": [ 15, 456, 331, 50 ], "completed": false }, { "type": "description", "position": [ 346, 456, 331, 75 ], "completed": false }, { "type": "description", "position": [ 678, 456, 331, 75 ], "completed": false }, { "type": "button", "position": [ 380, 600, 265, 63 ], "completed": false } ] }, { "text": "#A page for users to learn more about the topic.# The page includes two lists. The list with the title named \"Learn more about Trakstar\" has a title, five icons, and a brief description beside each icon. The list with the title named \"Recommended blog posts\" contains a title, three images, and a sentence beside each image.", "region_id": "5922", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'learn more about trakstar'] ] [el:icon [attr:repeat '5'] ] [el:description [attr:size 'small'] [attr:repeat '5'] ] ] [item [el:title [attr:value 'Recommended blog posts'] ] [el:image [attr:repeat '3'] ] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | description undefined small | description undefined small | description undefined small | description undefined small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 37 52 5 | description 6 22 52 2 | description 6 10 52 2 | description 6 16 52 2 | description 6 28 52 5 | icon 1 11 2 2 | icon 1 17 2 1 | icon 1 23 1 1 | icon 1 28 1 1 | icon 1 37 1 1 | image 60 10 7 7 | image 60 19 7 7 | image 60 27 7 7 | text 71 18 47 5 | text 71 28 47 2 | text 71 11 47 2 | title 60 5 57 2 | title 1 5 57 2", "layout_seq_without_completion": "description 6 37 52 5 | description 6 22 52 2 | description 6 10 52 2 | description 6 16 52 2 | description 6 28 52 5 | icon 1 11 2 2 | icon 1 17 2 1 | icon 1 23 1 1 | icon 1 28 1 1 | icon 1 37 1 1 | image 60 10 7 7 | image 60 19 7 7 | image 60 27 7 7 | text 71 18 47 5 | text 71 28 47 2 | text 71 11 47 2 | title 60 5 57 2 | title 1 5 57 2", "plain_layout_seq": "description 6 37 52 5 | description 6 22 52 2 | description 6 10 52 2 | description 6 16 52 2 | description 6 28 52 5 | icon 1 11 2 2 | icon 1 17 2 1 | icon 1 23 1 1 | icon 1 28 1 1 | icon 1 37 1 1 | image 60 10 7 7 | image 60 19 7 7 | image 60 27 7 7 | text 71 18 47 5 | text 71 28 47 2 | text 71 11 47 2 | title 60 5 57 2 | title 1 5 57 2", "canvas_width": 969, "canvas_height": 424, "elements": [ { "type": "title", "position": [ 12, 48, 464, 24 ], "completed": false }, { "type": "title", "position": [ 492, 48, 464, 24 ], "completed": false }, { "type": "description", "position": [ 53, 88, 423, 24 ], "completed": false }, { "type": "image", "position": [ 492, 88, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 12, 90, 20, 20 ], "completed": false }, { "type": "text", "position": [ 574, 96, 383, 24 ], "completed": false }, { "type": "description", "position": [ 53, 136, 423, 24 ], "completed": false }, { "type": "icon", "position": [ 12, 138, 18, 16 ], "completed": false }, { "type": "text", "position": [ 574, 153, 383, 48 ], "completed": false }, { "type": "image", "position": [ 492, 156, 57, 57 ], "completed": false }, { "type": "description", "position": [ 53, 184, 423, 24 ], "completed": false }, { "type": "icon", "position": [ 12, 186, 16, 16 ], "completed": false }, { "type": "image", "position": [ 492, 225, 57, 57 ], "completed": false }, { "type": "description", "position": [ 53, 232, 423, 48 ], "completed": false }, { "type": "icon", "position": [ 12, 234, 16, 16 ], "completed": false }, { "type": "text", "position": [ 574, 234, 383, 24 ], "completed": false }, { "type": "description", "position": [ 53, 304, 423, 48 ], "completed": false }, { "type": "icon", "position": [ 12, 306, 16, 16 ], "completed": false } ] }, { "text": "#A page for showing some WordPress themes.# The page should have 9 groups while each group has an image, 4 texts to show the title, version, and characteristics of the theme, and a button for users to click to view details.", "region_id": "5235", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '9'] [item [el:image] [el:text[attr:repeat'4']] [el:button [attr:value 'View details'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 5 1 33 16 | image 43 1 33 16 | image 81 1 33 16 | complete image 41 69 36 32 | image 5 71 33 16 | image 43 71 33 16 | image 81 71 33 16 | complete image 3 34 36 32 | complete image 80 34 36 32 | image 81 36 33 16 | complete image 3 0 36 32 | complete image 80 0 36 32 | complete image 41 34 36 32 | complete image 41 0 36 32 | image 5 36 33 16 | image 43 36 33 16 | complete image 3 69 36 32 | complete image 80 69 36 32 | text 109 36 5 3 | text 32 1 5 3 | text 109 1 5 3 | text 32 71 5 3 | text 109 71 5 3 | text 70 1 5 3 | text 32 36 5 3 | text 70 36 5 3 | text 71 71 5 3 | \" [ button 22 25 14 4 | text 5 25 13 1 | text 5 20 25 1 | text 5 28 15 1 ] | [ button 61 25 14 4 | text 44 25 13 1 | text 44 20 25 1 | text 44 28 15 1 ] | [ button 99 25 14 4 | text 82 20 25 1 | text 82 25 13 1 | text 82 28 15 1 ] | [ button 22 60 14 4 | text 5 54 25 1 | text 5 60 13 1 | text 5 63 15 1 ] | [ button 61 60 14 4 | text 44 54 25 1 | text 44 60 13 1 | text 44 63 15 1 ] | [ button 99 60 14 4 | text 82 54 23 1 | text 82 60 13 1 | text 82 63 15 1 ] | [ button 22 95 14 4 | text 5 89 21 1 | text 5 95 13 1 | text 5 98 15 1 ] | [ button 61 95 14 4 | text 44 95 13 1 | text 44 89 24 1 | text 44 98 15 1 ] | [ button 99 95 14 4 | text 82 89 30 1 | text 82 95 13 1 | text 82 98 15 1 ] \"", "layout_seq_without_completion": "image 5 1 33 16 | image 43 1 33 16 | image 81 1 33 16 | image 41 69 36 32 | image 5 71 33 16 | image 43 71 33 16 | image 81 71 33 16 | image 3 34 36 32 | image 80 34 36 32 | image 81 36 33 16 | image 3 0 36 32 | image 80 0 36 32 | image 41 34 36 32 | image 41 0 36 32 | image 5 36 33 16 | image 43 36 33 16 | image 3 69 36 32 | image 80 69 36 32 | text 109 36 5 3 | text 32 1 5 3 | text 109 1 5 3 | text 32 71 5 3 | text 109 71 5 3 | text 70 1 5 3 | text 32 36 5 3 | text 70 36 5 3 | text 71 71 5 3 | \" [ button 22 25 14 4 | text 5 25 13 1 | text 5 20 25 1 | text 5 28 15 1 ] | [ button 61 25 14 4 | text 44 25 13 1 | text 44 20 25 1 | text 44 28 15 1 ] | [ button 99 25 14 4 | text 82 20 25 1 | text 82 25 13 1 | text 82 28 15 1 ] | [ button 22 60 14 4 | text 5 54 25 1 | text 5 60 13 1 | text 5 63 15 1 ] | [ button 61 60 14 4 | text 44 54 25 1 | text 44 60 13 1 | text 44 63 15 1 ] | [ button 99 60 14 4 | text 82 54 23 1 | text 82 60 13 1 | text 82 63 15 1 ] | [ button 22 95 14 4 | text 5 89 21 1 | text 5 95 13 1 | text 5 98 15 1 ] | [ button 61 95 14 4 | text 44 95 13 1 | text 44 89 24 1 | text 44 98 15 1 ] | [ button 99 95 14 4 | text 82 89 30 1 | text 82 95 13 1 | text 82 98 15 1 ] \"", "plain_layout_seq": "button 22 25 14 4 | button 61 25 14 4 | button 99 25 14 4 | button 22 60 14 4 | button 61 60 14 4 | button 99 60 14 4 | button 22 95 14 4 | button 61 95 14 4 | button 99 95 14 4 | image 5 1 33 16 | image 43 1 33 16 | image 81 1 33 16 | image 41 69 36 32 | image 5 71 33 16 | image 43 71 33 16 | image 81 71 33 16 | image 3 34 36 32 | image 80 34 36 32 | image 81 36 33 16 | image 3 0 36 32 | image 80 0 36 32 | image 41 34 36 32 | image 41 0 36 32 | image 5 36 33 16 | image 43 36 33 16 | image 3 69 36 32 | image 80 69 36 32 | text 109 36 5 3 | text 32 1 5 3 | text 109 1 5 3 | text 32 71 5 3 | text 109 71 5 3 | text 70 1 5 3 | text 32 36 5 3 | text 70 36 5 3 | text 71 71 5 3 | text 5 25 13 1 | text 5 20 25 1 | text 5 28 15 1 | text 44 25 13 1 | text 44 20 25 1 | text 44 28 15 1 | text 82 20 25 1 | text 82 25 13 1 | text 82 28 15 1 | text 5 54 25 1 | text 5 60 13 1 | text 5 63 15 1 | text 44 54 25 1 | text 44 60 13 1 | text 44 63 15 1 | text 82 54 23 1 | text 82 60 13 1 | text 82 63 15 1 | text 5 89 21 1 | text 5 95 13 1 | text 5 98 15 1 | text 44 95 13 1 | text 44 89 24 1 | text 44 98 15 1 | text 82 89 30 1 | text 82 95 13 1 | text 82 98 15 1", "canvas_width": 1024, "canvas_height": 894, "elements": [ { "type": "image", "position": [ 30, 0, 308, 278 ], "completed": true }, { "type": "image", "position": [ 358, 0, 308, 278 ], "completed": true }, { "type": "image", "position": [ 686, 0, 308, 278 ], "completed": true }, { "type": "image", "position": [ 43, 13, 282, 143 ], "completed": false }, { "type": "text", "position": [ 281, 13, 44, 26 ], "completed": false }, { "type": "image", "position": [ 371, 13, 282, 143 ], "completed": false }, { "type": "text", "position": [ 605, 13, 48, 26 ], "completed": false }, { "type": "image", "position": [ 699, 13, 282, 143 ], "completed": false }, { "type": "text", "position": [ 937, 13, 44, 26 ], "completed": false }, { "type": "text", "position": [ 51, 171, 220, 17 ], "completed": false }, { "type": "text", "position": [ 379, 171, 221, 17 ], "completed": false }, { "type": "text", "position": [ 707, 171, 217, 17 ], "completed": false }, { "type": "text", "position": [ 51, 220, 116, 16 ], "completed": false }, { "type": "button", "position": [ 194, 220, 123, 39 ], "completed": false }, { "type": "text", "position": [ 379, 220, 116, 16 ], "completed": false }, { "type": "button", "position": [ 522, 220, 123, 39 ], "completed": false }, { "type": "text", "position": [ 707, 220, 116, 16 ], "completed": false }, { "type": "button", "position": [ 850, 220, 123, 39 ], "completed": false }, { "type": "text", "position": [ 51, 241, 133, 16 ], "completed": false }, { "type": "text", "position": [ 379, 241, 133, 16 ], "completed": false }, { "type": "text", "position": [ 707, 241, 133, 16 ], "completed": false }, { "type": "image", "position": [ 30, 298, 308, 278 ], "completed": true }, { "type": "image", "position": [ 358, 298, 308, 278 ], "completed": true }, { "type": "image", "position": [ 686, 298, 308, 278 ], "completed": true }, { "type": "image", "position": [ 43, 311, 282, 143 ], "completed": false }, { "type": "text", "position": [ 274, 311, 51, 26 ], "completed": false }, { "type": "image", "position": [ 371, 311, 282, 143 ], "completed": false }, { "type": "text", "position": [ 603, 311, 50, 26 ], "completed": false }, { "type": "image", "position": [ 699, 311, 282, 143 ], "completed": false }, { "type": "text", "position": [ 933, 311, 48, 26 ], "completed": false }, { "type": "text", "position": [ 51, 469, 214, 17 ], "completed": false }, { "type": "text", "position": [ 379, 469, 216, 17 ], "completed": false }, { "type": "text", "position": [ 707, 469, 200, 17 ], "completed": false }, { "type": "text", "position": [ 51, 518, 116, 16 ], "completed": false }, { "type": "button", "position": [ 194, 518, 123, 39 ], "completed": false }, { "type": "text", "position": [ 379, 518, 116, 16 ], "completed": false }, { "type": "button", "position": [ 522, 518, 123, 39 ], "completed": false }, { "type": "text", "position": [ 707, 518, 116, 16 ], "completed": false }, { "type": "button", "position": [ 850, 518, 123, 39 ], "completed": false }, { "type": "text", "position": [ 51, 539, 133, 16 ], "completed": false }, { "type": "text", "position": [ 379, 539, 133, 16 ], "completed": false }, { "type": "text", "position": [ 707, 539, 133, 16 ], "completed": false }, { "type": "image", "position": [ 30, 596, 308, 278 ], "completed": true }, { "type": "image", "position": [ 358, 596, 308, 278 ], "completed": true }, { "type": "image", "position": [ 686, 596, 308, 278 ], "completed": true }, { "type": "image", "position": [ 43, 609, 282, 143 ], "completed": false }, { "type": "text", "position": [ 274, 609, 51, 26 ], "completed": false }, { "type": "image", "position": [ 371, 609, 282, 143 ], "completed": false }, { "type": "text", "position": [ 606, 609, 47, 26 ], "completed": false }, { "type": "image", "position": [ 699, 609, 282, 143 ], "completed": false }, { "type": "text", "position": [ 936, 609, 45, 26 ], "completed": false }, { "type": "text", "position": [ 51, 767, 181, 17 ], "completed": false }, { "type": "text", "position": [ 379, 767, 207, 17 ], "completed": false }, { "type": "text", "position": [ 707, 767, 257, 17 ], "completed": false }, { "type": "text", "position": [ 51, 816, 113, 16 ], "completed": false }, { "type": "button", "position": [ 194, 816, 123, 39 ], "completed": false }, { "type": "text", "position": [ 379, 816, 116, 16 ], "completed": false }, { "type": "button", "position": [ 522, 816, 123, 39 ], "completed": false }, { "type": "text", "position": [ 707, 816, 113, 16 ], "completed": false }, { "type": "button", "position": [ 850, 816, 123, 39 ], "completed": false }, { "type": "text", "position": [ 51, 837, 133, 16 ], "completed": false }, { "type": "text", "position": [ 379, 837, 133, 16 ], "completed": false }, { "type": "text", "position": [ 707, 837, 133, 16 ], "completed": false } ] }, { "text": "#A page showing the information about goods to be sold.#The page should include one blue background image, one text heading, and three photos of items to be sold.", "region_id": "5889", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] ]", "execution": "multiinfo : background undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "background 1 1 117 33 | title 1 1 117 6 | \" [ image 2 8 38 25 ] | [ image 41 8 38 25 ] | [ image 79 8 38 25 ] \"", "layout_seq_without_completion": "background 1 1 117 33 | title 1 1 117 6 | \" [ image 2 8 38 25 ] | [ image 41 8 38 25 ] | [ image 79 8 38 25 ] \"", "plain_layout_seq": "background 1 1 117 33 | image 2 8 38 25 | image 41 8 38 25 | image 79 8 38 25 | title 1 1 117 6", "canvas_width": 950, "canvas_height": 280, "elements": [ { "type": "background", "position": [ 8, 8, 934, 264 ], "completed": false }, { "type": "title", "position": [ 8, 8, 934, 48 ], "completed": false }, { "type": "image", "position": [ 16, 64, 301, 200 ], "completed": false }, { "type": "image", "position": [ 325, 64, 301, 200 ], "completed": false }, { "type": "image", "position": [ 633, 64, 301, 200 ], "completed": false } ] }, { "text": "# A page to introduce the service of the company.# The page should contain the title\"Integrated Email Marketing Platforms\" and a short description. There are ten parts on the page. Each includes an icon and a title.", "region_id": "5965", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'integrated email marketing platforms'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 20 111 2 | icon 43 67 5 5 | icon 14 31 5 5 | icon 13 49 7 5 | icon 43 49 5 5 | icon 99 31 5 5 | icon 43 31 5 5 | icon 71 31 5 5 | icon 71 49 5 5 | icon 99 49 5 5 | icon 71 67 5 5 | title 68 76 11 2 | title 13 57 7 2 | title 64 39 18 2 | title 97 57 10 2 | title 39 39 12 2 | title 93 39 16 2 | title 9 39 15 2 | title 41 57 8 2 | title 70 57 7 2 | title 41 76 8 2 | title 4 11 111 6", "layout_seq_without_completion": "description 4 20 111 2 | icon 43 67 5 5 | icon 14 31 5 5 | icon 13 49 7 5 | icon 43 49 5 5 | icon 99 31 5 5 | icon 43 31 5 5 | icon 71 31 5 5 | icon 71 49 5 5 | icon 99 49 5 5 | icon 71 67 5 5 | title 68 76 11 2 | title 13 57 7 2 | title 64 39 18 2 | title 97 57 10 2 | title 39 39 12 2 | title 93 39 16 2 | title 9 39 15 2 | title 41 57 8 2 | title 70 57 7 2 | title 41 76 8 2 | title 4 11 111 6", "plain_layout_seq": "description 4 20 111 2 | icon 43 67 5 5 | icon 14 31 5 5 | icon 13 49 7 5 | icon 43 49 5 5 | icon 99 31 5 5 | icon 43 31 5 5 | icon 71 31 5 5 | icon 71 49 5 5 | icon 99 49 5 5 | icon 71 67 5 5 | title 68 76 11 2 | title 13 57 7 2 | title 64 39 18 2 | title 97 57 10 2 | title 39 39 12 2 | title 93 39 16 2 | title 9 39 15 2 | title 41 57 8 2 | title 70 57 7 2 | title 41 76 8 2 | title 4 11 111 6", "canvas_width": 1024, "canvas_height": 832, "elements": [ { "type": "title", "position": [ 36, 96, 952, 52 ], "completed": false }, { "type": "description", "position": [ 36, 172, 952, 24 ], "completed": false }, { "type": "icon", "position": [ 127, 268, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 367, 268, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 607, 268, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 847, 268, 50, 50 ], "completed": false }, { "type": "title", "position": [ 84, 338, 135, 24 ], "completed": false }, { "type": "title", "position": [ 340, 338, 103, 24 ], "completed": false }, { "type": "title", "position": [ 554, 338, 157, 24 ], "completed": false }, { "type": "title", "position": [ 800, 338, 144, 24 ], "completed": false }, { "type": "icon", "position": [ 118, 424, 67, 50 ], "completed": false }, { "type": "icon", "position": [ 367, 424, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 607, 424, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 848, 424, 47, 50 ], "completed": false }, { "type": "title", "position": [ 118, 494, 67, 24 ], "completed": false }, { "type": "title", "position": [ 356, 494, 72, 24 ], "completed": false }, { "type": "title", "position": [ 602, 494, 60, 24 ], "completed": false }, { "type": "title", "position": [ 828, 494, 89, 24 ], "completed": false }, { "type": "icon", "position": [ 367, 580, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 607, 580, 50, 50 ], "completed": false }, { "type": "title", "position": [ 354, 650, 75, 24 ], "completed": false }, { "type": "title", "position": [ 584, 650, 95, 24 ], "completed": false } ] }, { "text": "#A page for introducing features to users.# The page should include five parts of the content. Each part contains an image and one title.", "region_id": "849", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 41 4 36 61 | image 79 4 36 61 | image 3 68 55 46 | image 60 68 55 46 | image 3 4 36 61 | title 63 88 34 17 | title 6 40 30 17 | title 44 51 27 5 | title 82 51 27 5 | title 6 99 21 5", "layout_seq_without_completion": "image 41 4 36 61 | image 79 4 36 61 | image 3 68 55 46 | image 60 68 55 46 | image 3 4 36 61 | title 63 88 34 17 | title 6 40 30 17 | title 44 51 27 5 | title 82 51 27 5 | title 6 99 21 5", "plain_layout_seq": "image 41 4 36 61 | image 79 4 36 61 | image 3 68 55 46 | image 60 68 55 46 | image 3 4 36 61 | title 63 88 34 17 | title 6 40 30 17 | title 44 51 27 5 | title 82 51 27 5 | title 6 99 21 5", "canvas_width": 1003, "canvas_height": 1008, "elements": [ { "type": "image", "position": [ 31, 40, 305, 518 ], "completed": false }, { "type": "image", "position": [ 349, 40, 305, 518 ], "completed": false }, { "type": "image", "position": [ 667, 40, 305, 518 ], "completed": false }, { "type": "title", "position": [ 56, 335, 255, 144 ], "completed": false }, { "type": "title", "position": [ 374, 431, 230, 48 ], "completed": false }, { "type": "title", "position": [ 692, 431, 227, 48 ], "completed": false }, { "type": "image", "position": [ 31, 572, 464, 390 ], "completed": false }, { "type": "image", "position": [ 508, 572, 464, 390 ], "completed": false }, { "type": "title", "position": [ 533, 739, 290, 144 ], "completed": false }, { "type": "title", "position": [ 56, 835, 178, 48 ], "completed": false } ] }, { "text": "#A page for introducing some articles.# The page should have 3 groups while each group has an image, the article title and two texts to show the author and update time.", "region_id": "3978", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 0 36 26 | text 0 35 3 1 | text 4 35 0 1 | text 5 35 7 1 | title 0 27 36 7 ] | [ image 41 0 36 26 | text 41 38 3 1 | text 45 38 0 1 | text 46 38 7 1 | title 41 27 33 10 ] | [ image 83 0 36 26 | text 83 38 4 1 | text 88 38 0 1 | text 89 38 8 1 | title 83 27 34 10 ] \"", "layout_seq_without_completion": "\" [ image 0 0 36 26 | text 0 35 3 1 | text 4 35 0 1 | text 5 35 7 1 | title 0 27 36 7 ] | [ image 41 0 36 26 | text 41 38 3 1 | text 45 38 0 1 | text 46 38 7 1 | title 41 27 33 10 ] | [ image 83 0 36 26 | text 83 38 4 1 | text 88 38 0 1 | text 89 38 8 1 | title 83 27 34 10 ] \"", "plain_layout_seq": "image 0 0 36 26 | image 41 0 36 26 | image 83 0 36 26 | text 0 35 3 1 | text 4 35 0 1 | text 5 35 7 1 | text 41 38 3 1 | text 45 38 0 1 | text 46 38 7 1 | text 83 38 4 1 | text 88 38 0 1 | text 89 38 8 1 | title 0 27 36 7 | title 41 27 33 10 | title 83 27 34 10", "canvas_width": 980, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 0, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 340, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 680, 0, 300, 218 ], "completed": false }, { "type": "title", "position": [ 0, 225, 296, 59 ], "completed": false }, { "type": "title", "position": [ 340, 225, 272, 84 ], "completed": false }, { "type": "title", "position": [ 680, 225, 280, 84 ], "completed": false }, { "type": "text", "position": [ 0, 286, 29, 15 ], "completed": false }, { "type": "text", "position": [ 34, 286, 4, 15 ], "completed": false }, { "type": "text", "position": [ 43, 286, 62, 15 ], "completed": false }, { "type": "text", "position": [ 340, 311, 29, 15 ], "completed": false }, { "type": "text", "position": [ 374, 311, 4, 15 ], "completed": false }, { "type": "text", "position": [ 383, 311, 62, 15 ], "completed": false }, { "type": "text", "position": [ 680, 311, 37, 15 ], "completed": false }, { "type": "text", "position": [ 722, 311, 4, 15 ], "completed": false }, { "type": "text", "position": [ 731, 311, 67, 15 ], "completed": false } ] }, { "text": "#This page introduces the user to information about the product.#This page is mainly divided into three groups: Social Media, Special FX, and High-End Design, each group have an icon, name, and description.", "region_id": "2519", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'social media, special fx, high-end design'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 24 25 5 | description 87 24 25 8 | description 47 24 25 5 | complete image 0 0 38 39 | complete image 81 0 38 39 | complete image 40 0 38 39 | title 6 18 25 3 | title 47 18 25 3 | title 87 18 25 3", "layout_seq_without_completion": "description 6 24 25 5 | description 87 24 25 8 | description 47 24 25 5 | image 0 0 38 39 | image 81 0 38 39 | image 40 0 38 39 | title 6 18 25 3 | title 47 18 25 3 | title 87 18 25 3", "plain_layout_seq": "description 6 24 25 5 | description 87 24 25 8 | description 47 24 25 5 | image 0 0 38 39 | image 81 0 38 39 | image 40 0 38 39 | title 6 18 25 3 | title 47 18 25 3 | title 87 18 25 3", "canvas_width": 961, "canvas_height": 316, "elements": [ { "type": "image", "position": [ 0, 0, 307, 316 ], "completed": true }, { "type": "image", "position": [ 327, 0, 306, 316 ], "completed": true }, { "type": "image", "position": [ 654, 0, 307, 316 ], "completed": true }, { "type": "title", "position": [ 50, 150, 207, 30 ], "completed": false }, { "type": "title", "position": [ 377, 150, 207, 30 ], "completed": false }, { "type": "title", "position": [ 704, 150, 207, 30 ], "completed": false }, { "type": "description", "position": [ 50, 200, 207, 44 ], "completed": false }, { "type": "description", "position": [ 377, 200, 207, 44 ], "completed": false }, { "type": "description", "position": [ 704, 200, 207, 66 ], "completed": false } ] }, { "text": "#A page for users to join in some SMM panels.# The page should have 20 buttons for users to click to join the corresponding panel, such as the SMM panel, SMM panel India, and so on.", "region_id": "6058", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '20'] [item [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 21 2 36 9 ] | [ button 61 2 36 9 ] | [ button 21 12 36 9 ] | [ button 61 12 36 9 ] | [ button 21 23 36 9 ] | [ button 61 23 36 9 ] | [ button 21 34 36 9 ] | [ button 61 34 36 9 ] | [ button 21 45 36 9 ] | [ button 61 45 36 9 ] | [ button 21 56 36 9 ] | [ button 61 56 36 9 ] | [ button 21 67 36 9 ] | [ button 61 67 36 9 ] | [ button 21 77 36 10 ] | [ button 61 77 36 9 ] | [ button 21 89 36 9 ] | [ button 61 89 36 9 ] | [ button 21 100 36 9 ] | [ button 61 100 36 10 ] \"", "layout_seq_without_completion": "\" [ button 21 2 36 9 ] | [ button 61 2 36 9 ] | [ button 21 12 36 9 ] | [ button 61 12 36 9 ] | [ button 21 23 36 9 ] | [ button 61 23 36 9 ] | [ button 21 34 36 9 ] | [ button 61 34 36 9 ] | [ button 21 45 36 9 ] | [ button 61 45 36 9 ] | [ button 21 56 36 9 ] | [ button 61 56 36 9 ] | [ button 21 67 36 9 ] | [ button 61 67 36 9 ] | [ button 21 77 36 10 ] | [ button 61 77 36 9 ] | [ button 21 89 36 9 ] | [ button 61 89 36 9 ] | [ button 21 100 36 9 ] | [ button 61 100 36 10 ] \"", "plain_layout_seq": "button 21 2 36 9 | button 61 2 36 9 | button 21 12 36 9 | button 61 12 36 9 | button 21 23 36 9 | button 61 23 36 9 | button 21 34 36 9 | button 61 34 36 9 | button 21 45 36 9 | button 61 45 36 9 | button 21 56 36 9 | button 61 56 36 9 | button 21 67 36 9 | button 61 67 36 9 | button 21 77 36 10 | button 61 77 36 9 | button 21 89 36 9 | button 61 89 36 9 | button 21 100 36 9 | button 61 100 36 10", "canvas_width": 1009, "canvas_height": 976, "elements": [ { "type": "button", "position": [ 183, 18, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 18, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 109, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 109, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 200, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 200, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 291, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 291, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 382, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 382, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 473, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 473, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 564, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 564, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 655, 306, 90 ], "completed": false }, { "type": "button", "position": [ 520, 655, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 755, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 755, 306, 81 ], "completed": false }, { "type": "button", "position": [ 183, 846, 306, 81 ], "completed": false }, { "type": "button", "position": [ 520, 846, 306, 90 ], "completed": false } ] }, { "text": "# A page for the user to view the company's product websites. # On the page, there should contain the title \"Visit our Products websites\". Then there should be three parts: \"Consumer Products\" \"Special Fats\" and \"Oleochemicals & Biofuels\". In each part, there should be two text boxes and an image.", "region_id": "2405", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'visit our products websites'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'consumer products, special fats, oleochemicals & biofuels'] [item [el:text [attr:repeat '2'] ] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete image 4 14 35 44 | complete image 79 14 35 44 | complete image 42 14 35 44 | title 45 5 29 2 | \" [ complete image 4 31 35 26 | image 4 14 35 17 | text 7 22 27 7 | text 7 16 27 6 ] | [ complete image 42 31 35 26 | image 42 14 35 17 | text 44 22 27 7 | text 44 16 27 6 ] | [ image 79 14 35 17 | complete image 79 31 35 26 | text 82 22 27 7 | text 82 16 27 6 ] \"", "layout_seq_without_completion": "image 4 14 35 44 | image 79 14 35 44 | image 42 14 35 44 | title 45 5 29 2 | \" [ image 4 31 35 26 | image 4 14 35 17 | text 7 22 27 7 | text 7 16 27 6 ] | [ image 42 31 35 26 | image 42 14 35 17 | text 44 22 27 7 | text 44 16 27 6 ] | [ image 79 14 35 17 | image 79 31 35 26 | text 82 22 27 7 | text 82 16 27 6 ] \"", "plain_layout_seq": "image 4 14 35 44 | image 79 14 35 44 | image 42 14 35 44 | image 4 31 35 26 | image 4 14 35 17 | image 42 31 35 26 | image 42 14 35 17 | image 79 14 35 17 | image 79 31 35 26 | text 7 22 27 7 | text 7 16 27 6 | text 44 22 27 7 | text 44 16 27 6 | text 82 22 27 7 | text 82 16 27 6 | title 45 5 29 2", "canvas_width": 1024, "canvas_height": 588, "elements": [ { "type": "title", "position": [ 386, 50, 252, 22 ], "completed": false }, { "type": "image", "position": [ 42, 122, 300, 376 ], "completed": true }, { "type": "image", "position": [ 42, 122, 300, 151 ], "completed": false }, { "type": "image", "position": [ 362, 122, 300, 151 ], "completed": false }, { "type": "image", "position": [ 362, 122, 300, 376 ], "completed": true }, { "type": "image", "position": [ 682, 122, 300, 376 ], "completed": true }, { "type": "image", "position": [ 682, 122, 300, 151 ], "completed": false }, { "type": "text", "position": [ 62, 142, 236, 52 ], "completed": false }, { "type": "text", "position": [ 382, 142, 236, 52 ], "completed": false }, { "type": "text", "position": [ 702, 142, 236, 52 ], "completed": false }, { "type": "text", "position": [ 62, 194, 236, 65 ], "completed": false }, { "type": "text", "position": [ 382, 194, 236, 65 ], "completed": false }, { "type": "text", "position": [ 702, 194, 236, 65 ], "completed": false }, { "type": "image", "position": [ 42, 273, 300, 225 ], "completed": true }, { "type": "image", "position": [ 362, 273, 300, 225 ], "completed": true }, { "type": "image", "position": [ 682, 273, 300, 225 ], "completed": true } ] }, { "text": "#A page recommending the latest YIFY movies.# The page should include the title \"Latest YIFY Movies Torrents\". There is also a link written, \"Browse All\" for users to see more movies. The page contains 8 information sets. Each group includes a poster of the movie, the name of the movie, and the release time of the movie.", "region_id": "5362", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'latest yify movies torrents'] ] [el:link [attr:value 'Browse All'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 107 4 7 2 | title 4 4 26 2 | \" [ image 5 11 23 36 | text 5 51 23 2 | title 5 48 23 2 ] | [ image 33 11 23 36 | text 33 51 23 2 | title 33 48 23 2 ] | [ image 62 11 23 36 | text 62 51 23 2 | title 62 48 23 2 ] | [ image 90 11 23 36 | text 90 51 23 2 | title 90 48 23 2 ] | [ image 5 56 23 36 | text 5 96 23 2 | title 5 93 23 2 ] | [ image 33 56 23 36 | text 33 96 23 2 | title 33 93 23 2 ] | [ image 62 56 23 36 | text 62 96 23 2 | title 62 93 23 2 ] | [ image 90 56 23 36 | text 90 96 23 2 | title 90 93 23 2 ] \"", "layout_seq_without_completion": "link 107 4 7 2 | title 4 4 26 2 | \" [ image 5 11 23 36 | text 5 51 23 2 | title 5 48 23 2 ] | [ image 33 11 23 36 | text 33 51 23 2 | title 33 48 23 2 ] | [ image 62 11 23 36 | text 62 51 23 2 | title 62 48 23 2 ] | [ image 90 11 23 36 | text 90 51 23 2 | title 90 48 23 2 ] | [ image 5 56 23 36 | text 5 96 23 2 | title 5 93 23 2 ] | [ image 33 56 23 36 | text 33 96 23 2 | title 33 93 23 2 ] | [ image 62 56 23 36 | text 62 96 23 2 | title 62 93 23 2 ] | [ image 90 56 23 36 | text 90 96 23 2 | title 90 93 23 2 ] \"", "plain_layout_seq": "image 5 11 23 36 | image 33 11 23 36 | image 62 11 23 36 | image 90 11 23 36 | image 5 56 23 36 | image 33 56 23 36 | image 62 56 23 36 | image 90 56 23 36 | link 107 4 7 2 | text 5 51 23 2 | text 33 51 23 2 | text 62 51 23 2 | text 90 51 23 2 | text 5 96 23 2 | text 33 96 23 2 | text 62 96 23 2 | text 90 96 23 2 | title 4 4 26 2 | title 5 48 23 2 | title 33 48 23 2 | title 62 48 23 2 | title 90 48 23 2 | title 5 93 23 2 | title 33 93 23 2 | title 62 93 23 2 | title 90 93 23 2", "canvas_width": 1024, "canvas_height": 887, "elements": [ { "type": "link", "position": [ 915, 40, 67, 20 ], "completed": false }, { "type": "title", "position": [ 42, 42, 228, 21 ], "completed": false }, { "type": "image", "position": [ 47, 96, 203, 315 ], "completed": false }, { "type": "image", "position": [ 290, 96, 203, 315 ], "completed": false }, { "type": "image", "position": [ 532, 96, 203, 315 ], "completed": false }, { "type": "image", "position": [ 774, 96, 203, 315 ], "completed": false }, { "type": "title", "position": [ 47, 418, 203, 22 ], "completed": false }, { "type": "title", "position": [ 290, 418, 203, 22 ], "completed": false }, { "type": "title", "position": [ 532, 418, 203, 22 ], "completed": false }, { "type": "title", "position": [ 774, 418, 203, 22 ], "completed": false }, { "type": "text", "position": [ 47, 440, 203, 19 ], "completed": false }, { "type": "text", "position": [ 290, 440, 203, 19 ], "completed": false }, { "type": "text", "position": [ 532, 440, 203, 19 ], "completed": false }, { "type": "text", "position": [ 774, 440, 203, 19 ], "completed": false }, { "type": "image", "position": [ 47, 479, 203, 315 ], "completed": false }, { "type": "image", "position": [ 290, 479, 203, 315 ], "completed": false }, { "type": "image", "position": [ 532, 479, 203, 315 ], "completed": false }, { "type": "image", "position": [ 774, 479, 203, 315 ], "completed": false }, { "type": "title", "position": [ 47, 801, 203, 22 ], "completed": false }, { "type": "title", "position": [ 290, 801, 203, 22 ], "completed": false }, { "type": "title", "position": [ 532, 801, 203, 22 ], "completed": false }, { "type": "title", "position": [ 774, 801, 203, 22 ], "completed": false }, { "type": "text", "position": [ 47, 823, 203, 19 ], "completed": false }, { "type": "text", "position": [ 290, 823, 203, 19 ], "completed": false }, { "type": "text", "position": [ 532, 823, 203, 19 ], "completed": false }, { "type": "text", "position": [ 774, 823, 203, 19 ], "completed": false } ] }, { "text": "#A page for showing some products for the party.# The page should have 4 groups each group has an image and a title of the product.", "region_id": "4624", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 2 28 28 | image 90 2 28 28 | image 30 2 28 28 | image 60 2 28 28 | title 1 32 28 3 | title 90 32 28 3 | title 30 32 28 3 | title 60 32 28 3", "layout_seq_without_completion": "image 1 2 28 28 | image 90 2 28 28 | image 30 2 28 28 | image 60 2 28 28 | title 1 32 28 3 | title 90 32 28 3 | title 30 32 28 3 | title 60 32 28 3", "plain_layout_seq": "image 1 2 28 28 | image 90 2 28 28 | image 30 2 28 28 | image 60 2 28 28 | title 1 32 28 3 | title 90 32 28 3 | title 30 32 28 3 | title 60 32 28 3", "canvas_width": 1024, "canvas_height": 334, "elements": [ { "type": "image", "position": [ 10, 25, 241, 241 ], "completed": false }, { "type": "image", "position": [ 264, 25, 241, 241 ], "completed": false }, { "type": "image", "position": [ 519, 25, 241, 241 ], "completed": false }, { "type": "image", "position": [ 773, 25, 241, 241 ], "completed": false }, { "type": "title", "position": [ 10, 276, 241, 28 ], "completed": false }, { "type": "title", "position": [ 264, 276, 241, 28 ], "completed": false }, { "type": "title", "position": [ 519, 276, 241, 28 ], "completed": false }, { "type": "title", "position": [ 773, 276, 241, 28 ], "completed": false } ] }, { "text": "#A page showing some images of cooperative companies of OVH. # A page should have a title, and 4 logos of the partners and customers of OVH.", "region_id": "1913", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete image 0 15 28 13 | complete image 60 15 28 13 | complete image 30 15 28 13 | complete image 90 15 28 13 | logo 2 17 24 9 | logo 92 17 24 9 | logo 32 19 24 5 | logo 62 17 24 9 | title 0 6 120 4", "layout_seq_without_completion": "image 0 15 28 13 | image 60 15 28 13 | image 30 15 28 13 | image 90 15 28 13 | logo 2 17 24 9 | logo 92 17 24 9 | logo 32 19 24 5 | logo 62 17 24 9 | title 0 6 120 4", "plain_layout_seq": "image 0 15 28 13 | image 60 15 28 13 | image 30 15 28 13 | image 90 15 28 13 | logo 2 17 24 9 | logo 92 17 24 9 | logo 32 19 24 5 | logo 62 17 24 9 | title 0 6 120 4", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "title", "position": [ 0, 56, 1024, 35 ], "completed": false }, { "type": "image", "position": [ 8, 131, 240, 118 ], "completed": true }, { "type": "image", "position": [ 264, 131, 240, 118 ], "completed": true }, { "type": "image", "position": [ 520, 131, 240, 118 ], "completed": true }, { "type": "image", "position": [ 776, 131, 240, 118 ], "completed": true }, { "type": "logo", "position": [ 25, 148, 206, 84 ], "completed": false }, { "type": "logo", "position": [ 537, 148, 206, 84 ], "completed": false }, { "type": "logo", "position": [ 793, 148, 206, 84 ], "completed": false }, { "type": "logo", "position": [ 281, 164, 206, 51 ], "completed": false } ] }, { "text": "#A page for introducing the points about the pros of a company.# The page should have one title and 4 groups pointing out the pros of the company to entice users to use its service. Each group should have one image and one title.", "region_id": "1216", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | title 26 13 68 4 | title 92 37 19 3 | title 7 35 20 6 | title 38 37 15 3 | title 63 35 20 6", "layout_seq_without_completion": "background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | title 26 13 68 4 | title 92 37 19 3 | title 7 35 20 6 | title 38 37 15 3 | title 63 35 20 6", "plain_layout_seq": "background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | title 26 13 68 4 | title 92 37 19 3 | title 7 35 20 6 | title 38 37 15 3 | title 63 35 20 6", "canvas_width": 1024, "canvas_height": 527, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 527 ], "completed": true }, { "type": "title", "position": [ 222, 112, 581, 40 ], "completed": false }, { "type": "image", "position": [ 101, 208, 94, 96 ], "completed": false }, { "type": "image", "position": [ 558, 208, 148, 96 ], "completed": false }, { "type": "image", "position": [ 334, 222, 112, 96 ], "completed": false }, { "type": "image", "position": [ 794, 222, 162, 96 ], "completed": false }, { "type": "title", "position": [ 60, 304, 176, 56 ], "completed": false }, { "type": "title", "position": [ 544, 304, 176, 56 ], "completed": false }, { "type": "title", "position": [ 325, 318, 129, 28 ], "completed": false }, { "type": "title", "position": [ 790, 318, 170, 28 ], "completed": false } ] }, { "text": "#A page for introducing the points about the pros of a company.# The page should have one title, 4 images, and 4 text boxes to list four points about the pros of the company to entice users to use its service.", "region_id": "1216_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | text 92 37 19 3 | text 7 35 20 6 | text 38 37 15 3 | text 63 35 20 6 | title 26 13 68 4", "layout_seq_without_completion": "background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | text 92 37 19 3 | text 7 35 20 6 | text 38 37 15 3 | text 63 35 20 6 | title 26 13 68 4", "plain_layout_seq": "background 0 0 120 61 | image 39 26 13 11 | image 11 24 11 11 | image 65 24 17 11 | image 93 26 18 11 | text 92 37 19 3 | text 7 35 20 6 | text 38 37 15 3 | text 63 35 20 6 | title 26 13 68 4", "canvas_width": 1024, "canvas_height": 527, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 527 ], "completed": true }, { "type": "title", "position": [ 222, 112, 581, 40 ], "completed": false }, { "type": "image", "position": [ 101, 208, 94, 96 ], "completed": false }, { "type": "image", "position": [ 558, 208, 148, 96 ], "completed": false }, { "type": "image", "position": [ 334, 222, 112, 96 ], "completed": false }, { "type": "image", "position": [ 794, 222, 162, 96 ], "completed": false }, { "type": "text", "position": [ 60, 304, 176, 56 ], "completed": false }, { "type": "text", "position": [ 544, 304, 176, 56 ], "completed": false }, { "type": "text", "position": [ 325, 318, 129, 28 ], "completed": false }, { "type": "text", "position": [ 790, 318, 170, 28 ], "completed": false } ] }, { "text": "#A page guiding users to get further information.#The page should have two groups. Each group has a picture, a title (\"Stocks\" or \"ETFs\"), a short description, and a link \"Learn more\".", "region_id": "6071", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'stocks, etfs'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 7 26 13 | image 35 2 18 16 | link 0 21 32 4 | title 22 2 9 3 ] | [ description 87 7 32 13 | image 66 2 18 18 | link 87 23 32 4 | title 87 2 6 3 ] \"", "layout_seq_without_completion": "\" [ description 6 7 26 13 | image 35 2 18 16 | link 0 21 32 4 | title 22 2 9 3 ] | [ description 87 7 32 13 | image 66 2 18 18 | link 87 23 32 4 | title 87 2 6 3 ] \"", "plain_layout_seq": "description 6 7 26 13 | description 87 7 32 13 | image 35 2 18 16 | image 66 2 18 18 | link 0 21 32 4 | link 87 23 32 4 | title 22 2 9 3 | title 87 2 6 3", "canvas_width": 820, "canvas_height": 220, "elements": [ { "type": "title", "position": [ 156, 18, 68, 24 ], "completed": false }, { "type": "title", "position": [ 596, 18, 47, 24 ], "completed": false }, { "type": "image", "position": [ 243, 20, 125, 113 ], "completed": false }, { "type": "image", "position": [ 452, 20, 125, 125 ], "completed": false }, { "type": "description", "position": [ 44, 52, 180, 89 ], "completed": false }, { "type": "description", "position": [ 596, 52, 219, 89 ], "completed": false }, { "type": "link", "position": [ 0, 146, 223, 30 ], "completed": false }, { "type": "link", "position": [ 596, 162, 223, 28 ], "completed": false } ] }, { "text": "# A page for selling bags in an online shop.# The page should have the title \"MORE THAN JUST A BAG\", and four groups of product information with each containing an image, a product name, and a price. Also, a button to view all products should be placed.", "region_id": "8098", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'more than just a bag'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 50 17 6 | title 6 0 45 4 | \" [ image 6 8 25 25 | text 6 39 14 2 | title 6 36 24 2 ] | [ image 33 8 25 25 | text 33 42 14 2 | title 33 36 24 4 ] | [ image 60 8 25 25 | text 60 39 14 2 | title 60 36 24 2 ] | [ image 87 8 25 25 | text 87 39 14 2 | title 87 36 24 2 ] \"", "layout_seq_without_completion": "button 51 50 17 6 | title 6 0 45 4 | \" [ image 6 8 25 25 | text 6 39 14 2 | title 6 36 24 2 ] | [ image 33 8 25 25 | text 33 42 14 2 | title 33 36 24 4 ] | [ image 60 8 25 25 | text 60 39 14 2 | title 60 36 24 2 ] | [ image 87 8 25 25 | text 87 39 14 2 | title 87 36 24 2 ] \"", "plain_layout_seq": "button 51 50 17 6 | image 6 8 25 25 | image 33 8 25 25 | image 60 8 25 25 | image 87 8 25 25 | text 6 39 14 2 | text 33 42 14 2 | text 60 39 14 2 | text 87 39 14 2 | title 6 0 45 4 | title 6 36 24 2 | title 33 36 24 4 | title 60 36 24 2 | title 87 36 24 2", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 58, 0, 387, 37 ], "completed": false }, { "type": "image", "position": [ 58, 73, 217, 217 ], "completed": false }, { "type": "image", "position": [ 289, 73, 217, 217 ], "completed": false }, { "type": "image", "position": [ 519, 73, 217, 217 ], "completed": false }, { "type": "image", "position": [ 749, 73, 217, 217 ], "completed": false }, { "type": "title", "position": [ 58, 310, 205, 21 ], "completed": false }, { "type": "title", "position": [ 288, 310, 205, 42 ], "completed": false }, { "type": "title", "position": [ 518, 310, 205, 21 ], "completed": false }, { "type": "title", "position": [ 748, 310, 205, 21 ], "completed": false }, { "type": "text", "position": [ 58, 340, 126, 23 ], "completed": false }, { "type": "text", "position": [ 518, 340, 126, 23 ], "completed": false }, { "type": "text", "position": [ 748, 340, 126, 23 ], "completed": false }, { "type": "text", "position": [ 288, 361, 126, 23 ], "completed": false }, { "type": "button", "position": [ 439, 432, 147, 52 ], "completed": false } ] }, { "text": "#A page for sharing news.# There is one label \"Lots of ways to get the words just right\", and one title \"I have some exciting news to share with you\". Below are five parts, and each one includes one icon and one label.", "region_id": "2468", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text [attr:value 'lots of ways to get the words just right'] ] [el:title [attr:value 'i have some exciting news to share with you'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 10 51 5 5 | icon 33 51 5 5 | icon 80 51 5 5 | icon 103 51 5 5 | icon 57 51 5 5 | text 4 58 18 3 | text 50 58 18 3 | text 96 58 18 3 | text 27 58 18 3 | text 73 58 18 3 | text 2 9 115 3 | title 21 21 76 18", "layout_seq_without_completion": "icon 10 51 5 5 | icon 33 51 5 5 | icon 80 51 5 5 | icon 103 51 5 5 | icon 57 51 5 5 | text 4 58 18 3 | text 50 58 18 3 | text 96 58 18 3 | text 27 58 18 3 | text 73 58 18 3 | text 2 9 115 3 | title 21 21 76 18", "plain_layout_seq": "icon 10 51 5 5 | icon 33 51 5 5 | icon 80 51 5 5 | icon 103 51 5 5 | icon 57 51 5 5 | text 4 58 18 3 | text 50 58 18 3 | text 96 58 18 3 | text 27 58 18 3 | text 73 58 18 3 | text 2 9 115 3 | title 21 21 76 18", "canvas_width": 1024, "canvas_height": 697, "elements": [ { "type": "text", "position": [ 20, 80, 984, 33 ], "completed": false }, { "type": "title", "position": [ 186, 186, 653, 155 ], "completed": false }, { "type": "icon", "position": [ 93, 437, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 290, 437, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 487, 437, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 684, 437, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 881, 437, 50, 50 ], "completed": false }, { "type": "text", "position": [ 40, 497, 157, 30 ], "completed": false }, { "type": "text", "position": [ 237, 497, 157, 30 ], "completed": false }, { "type": "text", "position": [ 434, 497, 157, 30 ], "completed": false }, { "type": "text", "position": [ 630, 497, 157, 30 ], "completed": false }, { "type": "text", "position": [ 827, 497, 157, 30 ], "completed": false } ] }, { "text": "# A page to show more ways to learn the product and service of a company. # There should be a title on the top. Then the page should have three parts. In each part, there should be a title, a text box to have a further description of the title, and a text button for the user to learn more info. So the user can know the products and services through the media room, featured insights, and events.", "region_id": "2238", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'media room, featured insights, events'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 44 34 16 4 | button 83 34 16 4 | button 4 37 16 4 | description 4 24 31 11 | description 44 24 31 8 | description 83 24 31 8 | complete image 2 15 36 29 | complete image 41 15 36 29 | complete image 81 15 36 29 | title 2 5 115 3 | title 4 18 31 3 | title 83 18 31 3 | title 44 18 31 3", "layout_seq_without_completion": "button 44 34 16 4 | button 83 34 16 4 | button 4 37 16 4 | description 4 24 31 11 | description 44 24 31 8 | description 83 24 31 8 | image 2 15 36 29 | image 41 15 36 29 | image 81 15 36 29 | title 2 5 115 3 | title 4 18 31 3 | title 83 18 31 3 | title 44 18 31 3", "plain_layout_seq": "button 44 34 16 4 | button 83 34 16 4 | button 4 37 16 4 | description 4 24 31 11 | description 44 24 31 8 | description 83 24 31 8 | image 2 15 36 29 | image 41 15 36 29 | image 81 15 36 29 | title 2 5 115 3 | title 4 18 31 3 | title 83 18 31 3 | title 44 18 31 3", "canvas_width": 1003, "canvas_height": 449, "elements": [ { "type": "title", "position": [ 20, 47, 963, 33 ], "completed": false }, { "type": "image", "position": [ 20, 130, 302, 249 ], "completed": true }, { "type": "image", "position": [ 351, 130, 302, 249 ], "completed": true }, { "type": "image", "position": [ 681, 130, 302, 249 ], "completed": true }, { "type": "title", "position": [ 40, 158, 262, 26 ], "completed": false }, { "type": "title", "position": [ 371, 158, 262, 26 ], "completed": false }, { "type": "title", "position": [ 701, 158, 262, 26 ], "completed": false }, { "type": "description", "position": [ 40, 201, 262, 96 ], "completed": false }, { "type": "description", "position": [ 371, 201, 262, 72 ], "completed": false }, { "type": "description", "position": [ 701, 201, 262, 72 ], "completed": false }, { "type": "button", "position": [ 371, 289, 137, 37 ], "completed": false }, { "type": "button", "position": [ 701, 289, 137, 37 ], "completed": false }, { "type": "button", "position": [ 40, 313, 137, 37 ], "completed": false } ] }, { "text": "#A page for introducing the coffee pods products to users.# This page should include one title \"Our Coffee Pods\" on the top. Below it, there should be three groups of Gas Station Coffee products. Each group contains one image on the top, a brief description, and the price of the products under it. At the bottom of the page, a button 'shop coffee pods-free shipping!' should be provided for users to click.", "region_id": "6655", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our coffee pods'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image [attr:position 'top']] [el:description [attr:size 'small'] ] [el:text] ] ] [el:button [attr:position 'bottom'] [attr:value 'shop coffee pods-free shipping!'] ]]", "execution": "multiinfo : button bottom undefined | title top undefined | { [ description undefined small | image top undefined | text undefined undefined ] | [ description undefined small | image top undefined | text undefined undefined ] | [ description undefined small | image top undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 37 56 45 6 | description 81 36 33 9 | description 43 36 33 9 | description 4 36 33 9 | text 4 45 6 3 | text 43 45 6 3 | text 81 45 6 3 | title 45 0 29 5", "layout_seq_without_completion": "button 37 56 45 6 | description 81 36 33 9 | description 43 36 33 9 | description 4 36 33 9 | text 4 45 6 3 | text 43 45 6 3 | text 81 45 6 3 | title 45 0 29 5", "plain_layout_seq": "button 37 56 45 6 | description 81 36 33 9 | description 43 36 33 9 | description 4 36 33 9 | text 4 45 6 3 | text 43 45 6 3 | text 81 45 6 3 | title 45 0 29 5", "canvas_width": 1024, "canvas_height": 533, "elements": [ { "type": "title", "position": [ 384, 0, 255, 47 ], "completed": false }, { "type": "description", "position": [ 40, 310, 288, 82 ], "completed": false }, { "type": "description", "position": [ 368, 310, 288, 82 ], "completed": false }, { "type": "description", "position": [ 696, 310, 288, 82 ], "completed": false }, { "type": "text", "position": [ 40, 391, 52, 28 ], "completed": false }, { "type": "text", "position": [ 368, 391, 52, 28 ], "completed": false }, { "type": "text", "position": [ 696, 391, 52, 28 ], "completed": false }, { "type": "button", "position": [ 316, 479, 392, 54 ], "completed": false } ] }, { "text": "#A page for showing the blog to users.#The page should have a title and three groups. In each group, there is a title, named \"breaking ground\", \"apothio roots\", and \"Canada\". Also, there is a description and a link in each group. The link is the same, called \"read more\".", "region_id": "7722", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'breaking ground, apothio roots, canada'] [item [el:title] [el:description] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ description 6 20 33 3 | link 6 25 11 3 | title 6 15 33 3 ] | [ description 43 20 33 3 | link 43 25 11 3 | title 43 15 33 3 ] | [ description 80 20 33 6 | link 80 29 11 3 | title 80 15 33 3 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ description 6 20 33 3 | link 6 25 11 3 | title 6 15 33 3 ] | [ description 43 20 33 3 | link 43 25 11 3 | title 43 15 33 3 ] | [ description 80 20 33 6 | link 80 29 11 3 | title 80 15 33 3 ] \"", "plain_layout_seq": "description 6 20 33 3 | description 43 20 33 3 | description 80 20 33 6 | link 6 25 11 3 | link 43 25 11 3 | link 80 29 11 3 | title 6 6 107 2 | title 6 15 33 3 | title 43 15 33 3 | title 80 15 33 3", "canvas_width": 1024, "canvas_height": 333, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "title", "position": [ 55, 134, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 134, 285, 32 ], "completed": false }, { "type": "title", "position": [ 684, 134, 285, 32 ], "completed": false }, { "type": "description", "position": [ 55, 176, 285, 27 ], "completed": false }, { "type": "description", "position": [ 370, 176, 285, 27 ], "completed": false }, { "type": "description", "position": [ 684, 176, 285, 54 ], "completed": false }, { "type": "link", "position": [ 55, 221, 101, 30 ], "completed": false }, { "type": "link", "position": [ 370, 221, 101, 30 ], "completed": false }, { "type": "link", "position": [ 684, 248, 101, 30 ], "completed": false } ] }, { "text": "# A page for introducing the honors of a university obtains.# There should be four groups with each having an image and a short honor description.", "region_id": "3935", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 63 16 23 4 | description 3 16 23 6 | description 93 16 23 4 | description 33 16 23 4 | image 8 0 12 16 | image 38 0 12 16 | image 68 0 12 16 | image 98 0 12 16", "layout_seq_without_completion": "description 63 16 23 4 | description 3 16 23 6 | description 93 16 23 4 | description 33 16 23 4 | image 8 0 12 16 | image 38 0 12 16 | image 68 0 12 16 | image 98 0 12 16", "plain_layout_seq": "description 63 16 23 4 | description 3 16 23 6 | description 93 16 23 4 | description 33 16 23 4 | image 8 0 12 16 | image 38 0 12 16 | image 68 0 12 16 | image 98 0 12 16", "canvas_width": 930, "canvas_height": 177, "elements": [ { "type": "image", "position": [ 66, 0, 100, 130 ], "completed": false }, { "type": "image", "position": [ 299, 0, 100, 130 ], "completed": false }, { "type": "image", "position": [ 531, 0, 100, 130 ], "completed": false }, { "type": "image", "position": [ 764, 0, 100, 130 ], "completed": false }, { "type": "description", "position": [ 27, 130, 182, 47 ], "completed": false }, { "type": "description", "position": [ 259, 130, 182, 31 ], "completed": false }, { "type": "description", "position": [ 492, 130, 182, 31 ], "completed": false }, { "type": "description", "position": [ 725, 130, 182, 31 ], "completed": false } ] }, { "text": "# A page showing the categories in an online shop.# There should have four categories: \"Disney Skirts and Crops\" \"All Over Printed Fitted Tank Tops\" \"Dresses\", and \"runDisney Sports Bras\". Each category should have an image and a title.", "region_id": "7126", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'disney skirts and crops, all over printed fitted tank tops, dresses, rundisney sports bras'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 33 30 26 4 | title 63 30 26 2 | title 93 30 26 2", "layout_seq_without_completion": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 33 30 26 4 | title 63 30 26 2 | title 93 30 26 2", "plain_layout_seq": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 33 30 26 4 | title 63 30 26 2 | title 93 30 26 2", "canvas_width": 979, "canvas_height": 350, "elements": [ { "type": "image", "position": [ 30, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 275, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 520, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 764, 27, 215, 215 ], "completed": false }, { "type": "title", "position": [ 30, 252, 215, 18 ], "completed": false }, { "type": "title", "position": [ 275, 252, 215, 35 ], "completed": false }, { "type": "title", "position": [ 520, 252, 215, 18 ], "completed": false }, { "type": "title", "position": [ 764, 252, 215, 18 ], "completed": false } ] }, { "text": "# A page for the user to shop by category. # On the page, there should be four categories\" SHELLS\" \"DRESSES\" \"SHIRTS\" and \"OUTLINE\". Each should have a title, a link \"VIEW ALL\" and an image. So the user can click the link to enter the category and purchase the product.", "region_id": "6509", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'SHELLS, DRESSES, SHIRTS, OUTLINE'] [item [el:title] [el:link [attr:value 'VIEW ALL'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 7 13 19 24 | link 13 8 7 1 | title 8 3 17 4 ] | [ image 35 13 19 24 | link 42 8 7 1 | title 36 3 17 4 ] | [ image 64 13 19 24 | link 70 8 7 1 | title 65 3 17 4 ] | [ image 93 13 19 24 | link 99 8 7 1 | title 94 3 17 4 ] \"", "layout_seq_without_completion": "\" [ image 7 13 19 24 | link 13 8 7 1 | title 8 3 17 4 ] | [ image 35 13 19 24 | link 42 8 7 1 | title 36 3 17 4 ] | [ image 64 13 19 24 | link 70 8 7 1 | title 65 3 17 4 ] | [ image 93 13 19 24 | link 99 8 7 1 | title 94 3 17 4 ] \"", "plain_layout_seq": "image 7 13 19 24 | image 35 13 19 24 | image 64 13 19 24 | image 93 13 19 24 | link 13 8 7 1 | link 42 8 7 1 | link 70 8 7 1 | link 99 8 7 1 | title 8 3 17 4 | title 36 3 17 4 | title 65 3 17 4 | title 94 3 17 4", "canvas_width": 1024, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 69, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 315, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 561, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 807, 30, 149, 39 ], "completed": false }, { "type": "link", "position": [ 113, 73, 61, 15 ], "completed": false }, { "type": "link", "position": [ 359, 73, 61, 15 ], "completed": false }, { "type": "link", "position": [ 605, 73, 61, 15 ], "completed": false }, { "type": "link", "position": [ 851, 73, 61, 15 ], "completed": false }, { "type": "image", "position": [ 61, 119, 165, 206 ], "completed": false }, { "type": "image", "position": [ 307, 119, 165, 206 ], "completed": false }, { "type": "image", "position": [ 553, 119, 165, 206 ], "completed": false }, { "type": "image", "position": [ 799, 119, 165, 206 ], "completed": false } ] }, { "text": "#This page introduces users to different types of glasses.# This page has three groups: shop sunglasses, shop eyeglasses and shop goggles, and each group consists of a promotional image and name of the relevant glasses.", "region_id": "3339", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'shop sunglasses,shop eyeglasses,shop googles'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 37 37 | image 80 0 37 37 | image 41 0 37 37", "layout_seq_without_completion": "image 1 0 37 37 | image 80 0 37 37 | image 41 0 37 37", "plain_layout_seq": "image 1 0 37 37 | image 80 0 37 37 | image 41 0 37 37", "canvas_width": 1024, "canvas_height": 322, "elements": [ { "type": "image", "position": [ 11, 0, 322, 322 ], "completed": false }, { "type": "image", "position": [ 351, 0, 322, 322 ], "completed": false }, { "type": "image", "position": [ 691, 0, 322, 322 ], "completed": false } ] }, { "text": "#A page for showing the lifestyle.#The page should have a title, named \"lifestyle\". There are two groups and each group has an image and a title. Also, there is a description of the price.", "region_id": "8418", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'lifestyle'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description]] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ description 6 60 5 2 | image 6 15 33 40 | complete link 6 15 33 48 | complete text 6 60 6 1 | title 6 58 27 2 ] | [ description 43 50 4 2 | image 43 15 33 26 | complete link 43 15 33 37 | complete text 43 49 5 1 | title 43 44 23 5 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ description 6 60 5 2 | image 6 15 33 40 | link 6 15 33 48 | text 6 60 6 1 | title 6 58 27 2 ] | [ description 43 50 4 2 | image 43 15 33 26 | link 43 15 33 37 | text 43 49 5 1 | title 43 44 23 5 ] \"", "plain_layout_seq": "description 6 60 5 2 | description 43 50 4 2 | image 6 15 33 40 | image 43 15 33 26 | link 6 15 33 48 | link 43 15 33 37 | text 6 60 6 1 | text 43 49 5 1 | title 6 6 107 2 | title 6 58 27 2 | title 43 44 23 5", "canvas_width": 1024, "canvas_height": 605, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "link", "position": [ 54, 134, 286, 416 ], "completed": true }, { "type": "image", "position": [ 55, 134, 285, 345 ], "completed": false }, { "type": "link", "position": [ 369, 134, 286, 323 ], "completed": true }, { "type": "image", "position": [ 370, 134, 285, 228 ], "completed": false }, { "type": "title", "position": [ 370, 379, 203, 45 ], "completed": false }, { "type": "text", "position": [ 370, 425, 48, 16 ], "completed": true }, { "type": "description", "position": [ 370, 427, 40, 20 ], "completed": false }, { "type": "title", "position": [ 55, 496, 234, 21 ], "completed": false }, { "type": "text", "position": [ 55, 518, 57, 16 ], "completed": true }, { "type": "description", "position": [ 55, 520, 49, 20 ], "completed": false } ] }, { "text": "#A page showing info of a company.# There should be three information sets, with each composed of an image, a title, and a link through which users can get access to more information.", "region_id": "2388", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 5 36 43 | link 2 41 31 5 | title 3 8 30 12 ] | [ image 41 5 36 43 | link 44 41 31 5 | title 44 8 30 6 ] | [ image 83 5 36 43 | link 85 41 31 5 | title 85 8 30 6 ] \"", "layout_seq_without_completion": "\" [ image 0 5 36 43 | link 2 41 31 5 | title 3 8 30 12 ] | [ image 41 5 36 43 | link 44 41 31 5 | title 44 8 30 6 ] | [ image 83 5 36 43 | link 85 41 31 5 | title 85 8 30 6 ] \"", "plain_layout_seq": "image 0 5 36 43 | image 41 5 36 43 | image 83 5 36 43 | link 2 41 31 5 | link 44 41 31 5 | link 85 41 31 5 | title 3 8 30 12 | title 44 8 30 6 | title 85 8 30 6", "canvas_width": 860, "canvas_height": 438, "elements": [ { "type": "image", "position": [ 1, 40, 263, 315 ], "completed": false }, { "type": "image", "position": [ 298, 40, 263, 315 ], "completed": false }, { "type": "image", "position": [ 595, 40, 263, 315 ], "completed": false }, { "type": "title", "position": [ 22, 61, 221, 90 ], "completed": false }, { "type": "title", "position": [ 319, 61, 221, 45 ], "completed": false }, { "type": "title", "position": [ 616, 61, 221, 45 ], "completed": false }, { "type": "link", "position": [ 21, 295, 223, 40 ], "completed": false }, { "type": "link", "position": [ 318, 295, 223, 40 ], "completed": false }, { "type": "link", "position": [ 615, 295, 223, 40 ], "completed": false } ] }, { "text": "#A page for selling zodiac customs.# The page should have a title, a short description, and 4 groups while each group has an image, a text to show the customs for sale, and 4 texts to show the title, the style, original price, and current price. A button is needed for users to click to view all goods.", "region_id": "6927", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:value 'sale']] [el:text [attr:repeat '4'] ] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 59 15 5 | description 6 11 107 3 | image 6 18 23 23 | image 34 18 23 23 | image 62 18 23 23 | image 90 18 23 23 | text 91 37 6 3 | text 63 37 6 3 | text 7 37 6 3 | text 35 37 6 3 | title 6 4 107 6 | \" [ text 6 43 23 4 | text 17 51 11 2 | text 6 51 10 2 | text 6 48 23 1 ] | [ text 34 43 23 4 | text 34 48 23 1 | text 45 51 11 2 | text 34 51 10 2 ] | [ text 62 43 23 6 | text 74 53 11 2 | text 62 50 23 1 | text 62 53 10 2 ] | [ text 90 43 23 4 | text 90 48 23 1 | text 102 51 11 2 | text 90 51 10 2 ] \"", "layout_seq_without_completion": "button 52 59 15 5 | description 6 11 107 3 | image 6 18 23 23 | image 34 18 23 23 | image 62 18 23 23 | image 90 18 23 23 | text 91 37 6 3 | text 63 37 6 3 | text 7 37 6 3 | text 35 37 6 3 | title 6 4 107 6 | \" [ text 6 43 23 4 | text 17 51 11 2 | text 6 51 10 2 | text 6 48 23 1 ] | [ text 34 43 23 4 | text 34 48 23 1 | text 45 51 11 2 | text 34 51 10 2 ] | [ text 62 43 23 6 | text 74 53 11 2 | text 62 50 23 1 | text 62 53 10 2 ] | [ text 90 43 23 4 | text 90 48 23 1 | text 102 51 11 2 | text 90 51 10 2 ] \"", "plain_layout_seq": "button 52 59 15 5 | description 6 11 107 3 | image 6 18 23 23 | image 34 18 23 23 | image 62 18 23 23 | image 90 18 23 23 | text 91 37 6 3 | text 63 37 6 3 | text 7 37 6 3 | text 35 37 6 3 | text 6 43 23 4 | text 17 51 11 2 | text 6 51 10 2 | text 6 48 23 1 | text 34 43 23 4 | text 34 48 23 1 | text 45 51 11 2 | text 34 51 10 2 | text 62 43 23 6 | text 74 53 11 2 | text 62 50 23 1 | text 62 53 10 2 | text 90 43 23 4 | text 90 48 23 1 | text 102 51 11 2 | text 90 51 10 2 | title 6 4 107 6", "canvas_width": 1024, "canvas_height": 594, "elements": [ { "type": "title", "position": [ 52, 36, 919, 55 ], "completed": false }, { "type": "description", "position": [ 52, 102, 919, 30 ], "completed": false }, { "type": "image", "position": [ 52, 157, 200, 200 ], "completed": false }, { "type": "image", "position": [ 292, 157, 200, 200 ], "completed": false }, { "type": "image", "position": [ 532, 157, 200, 200 ], "completed": false }, { "type": "image", "position": [ 772, 157, 200, 200 ], "completed": false }, { "type": "text", "position": [ 63, 319, 56, 27 ], "completed": false }, { "type": "text", "position": [ 303, 319, 56, 27 ], "completed": false }, { "type": "text", "position": [ 542, 319, 56, 27 ], "completed": false }, { "type": "text", "position": [ 782, 319, 56, 27 ], "completed": false }, { "type": "text", "position": [ 52, 374, 200, 37 ], "completed": false }, { "type": "text", "position": [ 292, 374, 200, 37 ], "completed": false }, { "type": "text", "position": [ 532, 374, 200, 54 ], "completed": false }, { "type": "text", "position": [ 772, 374, 200, 37 ], "completed": false }, { "type": "text", "position": [ 52, 415, 200, 16 ], "completed": false }, { "type": "text", "position": [ 292, 415, 200, 16 ], "completed": false }, { "type": "text", "position": [ 772, 415, 200, 16 ], "completed": false }, { "type": "text", "position": [ 532, 432, 200, 16 ], "completed": false }, { "type": "text", "position": [ 152, 439, 100, 21 ], "completed": false }, { "type": "text", "position": [ 392, 439, 100, 21 ], "completed": false }, { "type": "text", "position": [ 871, 439, 100, 21 ], "completed": false }, { "type": "text", "position": [ 53, 441, 89, 18 ], "completed": false }, { "type": "text", "position": [ 293, 441, 89, 18 ], "completed": false }, { "type": "text", "position": [ 772, 441, 89, 18 ], "completed": false }, { "type": "text", "position": [ 632, 456, 100, 21 ], "completed": false }, { "type": "text", "position": [ 533, 458, 89, 18 ], "completed": false }, { "type": "button", "position": [ 448, 508, 128, 49 ], "completed": false } ] }, { "text": "#A page showing some blogs. # The page should have a title, 2 groups of one image+one title introducing two different blogs. Under each, one button is needed for users to click to read more.", "region_id": "639", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 7 5 2 | \" [ button 1 60 10 2 | image 1 16 55 31 | title 1 51 49 6 ] | [ button 63 60 10 2 | image 63 16 55 31 | title 63 51 51 6 ] \"", "layout_seq_without_completion": "title 0 7 5 2 | \" [ button 1 60 10 2 | image 1 16 55 31 | title 1 51 49 6 ] | [ button 63 60 10 2 | image 63 16 55 31 | title 63 51 51 6 ] \"", "plain_layout_seq": "button 1 60 10 2 | button 63 60 10 2 | image 1 16 55 31 | image 63 16 55 31 | title 0 7 5 2 | title 1 51 49 6 | title 63 51 51 6", "canvas_width": 901, "canvas_height": 481, "elements": [ { "type": "title", "position": [ 0, 57, 43, 22 ], "completed": false }, { "type": "image", "position": [ 10, 121, 415, 236 ], "completed": false }, { "type": "image", "position": [ 475, 121, 415, 236 ], "completed": false }, { "type": "title", "position": [ 10, 383, 370, 48 ], "completed": false }, { "type": "title", "position": [ 475, 383, 390, 48 ], "completed": false }, { "type": "button", "position": [ 10, 457, 80, 16 ], "completed": false }, { "type": "button", "position": [ 475, 457, 80, 16 ], "completed": false } ] }, { "text": "# A page to introduce the Favicon Generators. # The page should have a title and three groups: \"Image\" \"Text\", and \"Emoji\". Each group should have an image, a title, and a further introduction.", "region_id": "2810", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'image, text, emoji'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 5 108 4 | \" [ description 8 40 28 14 | image 5 12 34 18 | complete image 5 12 34 44 | title 8 34 28 3 ] | [ description 45 40 28 14 | complete image 42 12 34 44 | image 42 12 34 18 | title 45 34 28 3 ] | [ description 82 40 28 11 | complete image 79 12 34 44 | image 79 12 34 18 | title 82 34 28 3 ] \"", "layout_seq_without_completion": "title 5 5 108 4 | \" [ description 8 40 28 14 | image 5 12 34 18 | image 5 12 34 44 | title 8 34 28 3 ] | [ description 45 40 28 14 | image 42 12 34 44 | image 42 12 34 18 | title 45 34 28 3 ] | [ description 82 40 28 11 | image 79 12 34 44 | image 79 12 34 18 | title 82 34 28 3 ] \"", "plain_layout_seq": "description 8 40 28 14 | description 45 40 28 14 | description 82 40 28 11 | image 5 12 34 18 | image 5 12 34 44 | image 42 12 34 44 | image 42 12 34 18 | image 79 12 34 44 | image 79 12 34 18 | title 5 5 108 4 | title 8 34 28 3 | title 45 34 28 3 | title 82 34 28 3", "canvas_width": 1011, "canvas_height": 535, "elements": [ { "type": "title", "position": [ 48, 48, 915, 36 ], "completed": false }, { "type": "image", "position": [ 48, 108, 289, 160 ], "completed": false }, { "type": "image", "position": [ 48, 108, 289, 379 ], "completed": true }, { "type": "image", "position": [ 361, 108, 289, 160 ], "completed": false }, { "type": "image", "position": [ 361, 108, 289, 379 ], "completed": true }, { "type": "image", "position": [ 674, 108, 289, 160 ], "completed": false }, { "type": "image", "position": [ 674, 108, 289, 379 ], "completed": true }, { "type": "title", "position": [ 72, 292, 241, 27 ], "completed": false }, { "type": "title", "position": [ 385, 292, 241, 27 ], "completed": false }, { "type": "title", "position": [ 698, 292, 241, 27 ], "completed": false }, { "type": "description", "position": [ 72, 343, 241, 120 ], "completed": false }, { "type": "description", "position": [ 385, 343, 241, 120 ], "completed": false }, { "type": "description", "position": [ 698, 343, 241, 96 ], "completed": false } ] }, { "text": "#A page showing datum of the activity to users.#The page should have four groups of data describing the product. And each of them should have one number and one brief description.", "region_id": "4860", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:text] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | text undefined undefined ] | [ description undefined small | text undefined undefined ] | [ description undefined small | text undefined undefined ] | [ description undefined small | text undefined undefined ] }", "layout_seq_with_completion": "description 30 4 30 8 | description 90 4 30 8 | description 0 4 30 8 | description 60 4 30 5 | text 91 0 24 3 | text 1 0 24 3 | text 31 0 24 3 | text 61 0 24 3", "layout_seq_without_completion": "description 30 4 30 8 | description 90 4 30 8 | description 0 4 30 8 | description 60 4 30 5 | text 91 0 24 3 | text 1 0 24 3 | text 31 0 24 3 | text 61 0 24 3", "plain_layout_seq": "description 30 4 30 8 | description 90 4 30 8 | description 0 4 30 8 | description 60 4 30 5 | text 91 0 24 3 | text 1 0 24 3 | text 31 0 24 3 | text 61 0 24 3", "canvas_width": 992, "canvas_height": 112, "elements": [ { "type": "text", "position": [ 16, 0, 200, 32 ], "completed": false }, { "type": "text", "position": [ 264, 0, 200, 32 ], "completed": false }, { "type": "text", "position": [ 512, 0, 200, 32 ], "completed": false }, { "type": "text", "position": [ 760, 0, 200, 32 ], "completed": false }, { "type": "description", "position": [ 0, 40, 248, 72 ], "completed": false }, { "type": "description", "position": [ 248, 40, 248, 72 ], "completed": false }, { "type": "description", "position": [ 496, 40, 248, 48 ], "completed": false }, { "type": "description", "position": [ 744, 40, 248, 72 ], "completed": false } ] }, { "text": "#A page for showing the products beyond the hair.# There is one title \"Beyond the hair\". Below are three info groups. Each group includes one image, one product name, and one button for learning more.", "region_id": "6462", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Beyond the hair'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:button [attr:value ' learning more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 6 0 22 4 | \" [ button 23 46 2 1 | complete image 6 8 34 43 | image 6 8 34 34 | text 10 45 11 3 ] | [ button 64 46 2 1 | complete image 42 8 34 43 | image 42 8 34 34 | text 46 45 16 3 ] | [ button 95 46 2 1 | complete image 78 8 34 43 | image 78 8 34 34 | text 82 45 11 3 ] \"", "layout_seq_without_completion": "title 6 0 22 4 | \" [ button 23 46 2 1 | image 6 8 34 43 | image 6 8 34 34 | text 10 45 11 3 ] | [ button 64 46 2 1 | image 42 8 34 43 | image 42 8 34 34 | text 46 45 16 3 ] | [ button 95 46 2 1 | image 78 8 34 43 | image 78 8 34 34 | text 82 45 11 3 ] \"", "plain_layout_seq": "button 23 46 2 1 | button 64 46 2 1 | button 95 46 2 1 | image 6 8 34 43 | image 6 8 34 34 | image 42 8 34 43 | image 42 8 34 34 | image 78 8 34 43 | image 78 8 34 34 | text 10 45 11 3 | text 46 45 16 3 | text 82 45 11 3 | title 6 0 22 4", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "title", "position": [ 55, 0, 190, 39 ], "completed": false }, { "type": "image", "position": [ 55, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 363, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 672, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 56, 73, 295, 295 ], "completed": false }, { "type": "image", "position": [ 364, 73, 295, 295 ], "completed": false }, { "type": "image", "position": [ 673, 73, 295, 295 ], "completed": false }, { "type": "text", "position": [ 89, 390, 97, 28 ], "completed": false }, { "type": "text", "position": [ 397, 390, 139, 28 ], "completed": false }, { "type": "text", "position": [ 706, 390, 97, 28 ], "completed": false }, { "type": "button", "position": [ 201, 399, 19, 14 ], "completed": false }, { "type": "button", "position": [ 551, 399, 19, 14 ], "completed": false }, { "type": "button", "position": [ 817, 399, 20, 14 ], "completed": false } ] }, { "text": "#A page introducing brands trusted by the major marketing and product experts to users.#The page should have one slogan and six logos of brands. And there also have two links for the case study.", "region_id": "3121", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] [el:link [attr:repeat '2'] [attr:value'case study']] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 20 | link 61 14 9 3 | link 18 16 9 3 | logo 41 10 15 4 | logo 1 10 13 5 | logo 18 10 19 5 | logo 61 10 15 4 | logo 80 10 17 3 | logo 101 10 16 4 | title 0 3 118 6", "layout_seq_without_completion": "background 0 0 120 20 | link 61 14 9 3 | link 18 16 9 3 | logo 41 10 15 4 | logo 1 10 13 5 | logo 18 10 19 5 | logo 61 10 15 4 | logo 80 10 17 3 | logo 101 10 16 4 | title 0 3 118 6", "plain_layout_seq": "background 0 0 120 20 | link 61 14 9 3 | link 18 16 9 3 | logo 41 10 15 4 | logo 1 10 13 5 | logo 18 10 19 5 | logo 61 10 15 4 | logo 80 10 17 3 | logo 101 10 16 4 | title 0 3 118 6", "canvas_width": 1024, "canvas_height": 177, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 177 ], "completed": true }, { "type": "title", "position": [ 5, 30, 1014, 52 ], "completed": false }, { "type": "logo", "position": [ 15, 92, 113, 45 ], "completed": false }, { "type": "logo", "position": [ 159, 92, 167, 50 ], "completed": false }, { "type": "logo", "position": [ 357, 92, 133, 38 ], "completed": false }, { "type": "logo", "position": [ 521, 92, 131, 35 ], "completed": false }, { "type": "logo", "position": [ 683, 92, 153, 30 ], "completed": false }, { "type": "logo", "position": [ 867, 92, 142, 36 ], "completed": false }, { "type": "link", "position": [ 521, 127, 81, 30 ], "completed": false }, { "type": "link", "position": [ 159, 142, 81, 30 ], "completed": false } ] }, { "text": "# A page to introduce the tools of the software. # The page should have a title \"The tools you need\" and four groups of introduction information with each having a small image, a title, and a short description.", "region_id": "5780", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the tools you need'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 80 | description 10 61 22 5 | description 61 59 22 5 | description 36 59 22 5 | description 87 59 22 5 | image 10 34 15 15 | image 36 34 15 15 | image 61 34 15 15 | image 87 34 15 15 | title 24 14 60 6 | title 36 53 22 2 | title 87 53 22 2 | title 10 53 22 5 | title 61 53 22 2", "layout_seq_without_completion": "background 0 0 120 80 | description 10 61 22 5 | description 61 59 22 5 | description 36 59 22 5 | description 87 59 22 5 | image 10 34 15 15 | image 36 34 15 15 | image 61 34 15 15 | image 87 34 15 15 | title 24 14 60 6 | title 36 53 22 2 | title 87 53 22 2 | title 10 53 22 5 | title 61 53 22 2", "plain_layout_seq": "background 0 0 120 80 | description 10 61 22 5 | description 61 59 22 5 | description 36 59 22 5 | description 87 59 22 5 | image 10 34 15 15 | image 36 34 15 15 | image 61 34 15 15 | image 87 34 15 15 | title 24 14 60 6 | title 36 53 22 2 | title 87 53 22 2 | title 10 53 22 5 | title 61 53 22 2", "canvas_width": 1024, "canvas_height": 690, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 690 ], "completed": true }, { "type": "title", "position": [ 210, 120, 520, 53 ], "completed": false }, { "type": "image", "position": [ 90, 293, 130, 130 ], "completed": false }, { "type": "image", "position": [ 308, 293, 130, 130 ], "completed": false }, { "type": "image", "position": [ 527, 293, 130, 130 ], "completed": false }, { "type": "image", "position": [ 746, 293, 130, 130 ], "completed": false }, { "type": "title", "position": [ 90, 453, 189, 44 ], "completed": false }, { "type": "title", "position": [ 308, 453, 189, 22 ], "completed": false }, { "type": "title", "position": [ 527, 453, 189, 22 ], "completed": false }, { "type": "title", "position": [ 746, 453, 189, 22 ], "completed": false }, { "type": "description", "position": [ 308, 505, 189, 43 ], "completed": false }, { "type": "description", "position": [ 527, 505, 189, 43 ], "completed": false }, { "type": "description", "position": [ 746, 505, 189, 43 ], "completed": false }, { "type": "description", "position": [ 90, 527, 189, 43 ], "completed": false } ] }, { "text": "#A page for showing the excellent performance of a company.# The page should have a big background image and 3 groups while each group has a small image and eye-catching numbers to show the company's excellent performance in Total clicks, Total URLs, and Registered users.", "region_id": "3077", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image [attr:size 'large'] ] [gp:InfoGroup [gattr:repeat '3'][gattr:names 'Total clicks, Total URLs, Registered users'] [item [el:image [attr:size 'small'] ] [el:text [attr:size 'large']] ] ] ]", "execution": "multiinfo : background undefined large | { [ image undefined small | text undefined large ] | [ image undefined small | text undefined large ] | [ image undefined small | text undefined large ] }", "layout_seq_with_completion": "background 0 0 120 32 | image 19 8 6 6 | image 56 8 6 6 | image 95 8 5 6 | complete text 45 21 29 2 | text 4 15 35 6 | text 45 15 29 6 | complete text 4 22 35 2 | text 85 15 24 6 | complete text 85 22 24 2", "layout_seq_without_completion": "background 0 0 120 32 | image 19 8 6 6 | image 56 8 6 6 | image 95 8 5 6 | text 45 21 29 2 | text 4 15 35 6 | text 45 15 29 6 | text 4 22 35 2 | text 85 15 24 6 | text 85 22 24 2", "plain_layout_seq": "background 0 0 120 32 | image 19 8 6 6 | image 56 8 6 6 | image 95 8 5 6 | text 45 21 29 2 | text 4 15 35 6 | text 45 15 29 6 | text 4 22 35 2 | text 85 15 24 6 | text 85 22 24 2", "canvas_width": 1024, "canvas_height": 278, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 278 ], "completed": false }, { "type": "image", "position": [ 166, 70, 58, 58 ], "completed": false }, { "type": "image", "position": [ 483, 70, 58, 56 ], "completed": false }, { "type": "image", "position": [ 811, 70, 48, 58 ], "completed": false }, { "type": "text", "position": [ 386, 131, 252, 55 ], "completed": false }, { "type": "text", "position": [ 42, 133, 305, 55 ], "completed": false }, { "type": "text", "position": [ 731, 133, 208, 55 ], "completed": false }, { "type": "text", "position": [ 386, 186, 252, 20 ], "completed": true }, { "type": "text", "position": [ 42, 188, 305, 20 ], "completed": true }, { "type": "text", "position": [ 731, 188, 208, 20 ], "completed": true } ] }, { "text": "#A page for goods selling.# The page should include the title \"NEW\". The page also contains 5 information sets. Each group includes an image, an introduction of the product, and the price of the product.", "region_id": "8409", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:description] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 7 0 6 3 | \" [ description 7 42 33 4 | image 7 7 32 32 | text 17 48 12 2 ] | [ description 43 42 33 4 | image 43 7 32 32 | text 53 48 12 2 ] | [ description 79 42 33 2 | image 79 7 32 32 | text 90 46 11 2 ] | [ description 7 106 51 4 | image 7 54 50 50 | text 24 112 17 2 ] | [ description 61 106 51 2 | image 61 54 50 50 | text 81 110 12 2 ] \"", "layout_seq_without_completion": "title 7 0 6 3 | \" [ description 7 42 33 4 | image 7 7 32 32 | text 17 48 12 2 ] | [ description 43 42 33 4 | image 43 7 32 32 | text 53 48 12 2 ] | [ description 79 42 33 2 | image 79 7 32 32 | text 90 46 11 2 ] | [ description 7 106 51 4 | image 7 54 50 50 | text 24 112 17 2 ] | [ description 61 106 51 2 | image 61 54 50 50 | text 81 110 12 2 ] \"", "plain_layout_seq": "description 7 42 33 4 | description 43 42 33 4 | description 79 42 33 2 | description 7 106 51 4 | description 61 106 51 2 | image 7 7 32 32 | image 43 7 32 32 | image 79 7 32 32 | image 7 54 50 50 | image 61 54 50 50 | text 17 48 12 2 | text 53 48 12 2 | text 90 46 11 2 | text 24 112 17 2 | text 81 110 12 2 | title 7 0 6 3", "canvas_width": 1024, "canvas_height": 1002, "elements": [ { "type": "title", "position": [ 62, 0, 54, 33 ], "completed": false }, { "type": "image", "position": [ 65, 65, 278, 278 ], "completed": false }, { "type": "image", "position": [ 373, 65, 278, 278 ], "completed": false }, { "type": "image", "position": [ 681, 65, 278, 278 ], "completed": false }, { "type": "description", "position": [ 62, 361, 284, 36 ], "completed": false }, { "type": "description", "position": [ 370, 361, 284, 36 ], "completed": false }, { "type": "description", "position": [ 678, 361, 284, 19 ], "completed": false }, { "type": "text", "position": [ 770, 393, 101, 23 ], "completed": false }, { "type": "text", "position": [ 152, 410, 103, 23 ], "completed": false }, { "type": "text", "position": [ 460, 410, 103, 23 ], "completed": false }, { "type": "image", "position": [ 65, 462, 432, 432 ], "completed": false }, { "type": "image", "position": [ 527, 462, 432, 432 ], "completed": false }, { "type": "description", "position": [ 62, 912, 438, 36 ], "completed": false }, { "type": "description", "position": [ 524, 912, 438, 19 ], "completed": false }, { "type": "text", "position": [ 692, 943, 103, 23 ], "completed": false }, { "type": "text", "position": [ 208, 960, 147, 23 ], "completed": false } ] }, { "text": "#This page introduces related products that the user wants to buy.#In addition to a title of \"A few of our favorites\", this page has four groups, which contain product pictures, names, and price points.", "region_id": "3519", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'a few of our favorites'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 54 5 10 2 | title 45 8 29 5 | \" [ image 5 19 27 36 | text 5 60 24 1 | title 5 57 24 2 ] | [ image 32 19 27 36 | text 32 60 24 1 | title 32 57 24 2 ] | [ image 60 19 27 36 | text 60 63 24 1 | title 60 57 24 5 ] | [ image 87 19 27 36 | text 87 60 24 1 | title 87 57 24 2 ] \"", "layout_seq_without_completion": "title 54 5 10 2 | title 45 8 29 5 | \" [ image 5 19 27 36 | text 5 60 24 1 | title 5 57 24 2 ] | [ image 32 19 27 36 | text 32 60 24 1 | title 32 57 24 2 ] | [ image 60 19 27 36 | text 60 63 24 1 | title 60 57 24 5 ] | [ image 87 19 27 36 | text 87 60 24 1 | title 87 57 24 2 ] \"", "plain_layout_seq": "image 5 19 27 36 | image 32 19 27 36 | image 60 19 27 36 | image 87 19 27 36 | text 5 60 24 1 | text 32 60 24 1 | text 60 63 24 1 | text 87 60 24 1 | title 54 5 10 2 | title 45 8 29 5 | title 5 57 24 2 | title 32 57 24 2 | title 60 57 24 5 | title 87 57 24 2", "canvas_width": 1024, "canvas_height": 636, "elements": [ { "type": "title", "position": [ 466, 43, 91, 21 ], "completed": false }, { "type": "title", "position": [ 386, 72, 253, 50 ], "completed": false }, { "type": "image", "position": [ 48, 164, 232, 310 ], "completed": false }, { "type": "image", "position": [ 280, 164, 232, 310 ], "completed": false }, { "type": "image", "position": [ 512, 164, 232, 310 ], "completed": false }, { "type": "image", "position": [ 744, 164, 232, 310 ], "completed": false }, { "type": "title", "position": [ 48, 490, 208, 22 ], "completed": false }, { "type": "title", "position": [ 280, 490, 208, 22 ], "completed": false }, { "type": "title", "position": [ 512, 490, 208, 45 ], "completed": false }, { "type": "title", "position": [ 744, 490, 208, 22 ], "completed": false }, { "type": "text", "position": [ 48, 517, 208, 17 ], "completed": false }, { "type": "text", "position": [ 280, 517, 208, 17 ], "completed": false }, { "type": "text", "position": [ 744, 517, 208, 17 ], "completed": false }, { "type": "text", "position": [ 512, 539, 208, 17 ], "completed": false } ] }, { "text": "# A page for presenting the company's weekly deals and flash sales for the user. # The page should have a title \"Weekly Deals & Flash Sales\", and four groups of information sets with each having a title and an image. Besides, a link \"All promotions link\" is necessary for the user to view all the promotions.", "region_id": "3286", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'weekly deals & flash sales'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:image] ] ] [el:link [attr:value 'All promotions link'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 59 9 27 29 | image 89 9 27 16 | complete image 89 9 27 29 | complete image 1 9 27 29 | complete image 30 9 27 29 | image 1 9 27 16 | image 30 9 27 16 | image 59 9 27 16 | link 2 41 22 4 | title 3 28 24 3 | title 32 28 24 1 | title 90 28 24 3 | title 61 28 24 1 | title 2 4 115 3", "layout_seq_without_completion": "image 59 9 27 29 | image 89 9 27 16 | image 89 9 27 29 | image 1 9 27 29 | image 30 9 27 29 | image 1 9 27 16 | image 30 9 27 16 | image 59 9 27 16 | link 2 41 22 4 | title 3 28 24 3 | title 32 28 24 1 | title 90 28 24 3 | title 61 28 24 1 | title 2 4 115 3", "plain_layout_seq": "image 59 9 27 29 | image 89 9 27 16 | image 89 9 27 29 | image 1 9 27 29 | image 30 9 27 29 | image 1 9 27 16 | image 30 9 27 16 | image 59 9 27 16 | link 2 41 22 4 | title 3 28 24 3 | title 32 28 24 1 | title 90 28 24 3 | title 61 28 24 1 | title 2 4 115 3", "canvas_width": 1009, "canvas_height": 422, "elements": [ { "type": "title", "position": [ 20, 36, 969, 29 ], "completed": false }, { "type": "image", "position": [ 14, 78, 235, 142 ], "completed": false }, { "type": "image", "position": [ 14, 78, 235, 249 ], "completed": true }, { "type": "image", "position": [ 259, 78, 235, 249 ], "completed": true }, { "type": "image", "position": [ 259, 78, 235, 142 ], "completed": false }, { "type": "image", "position": [ 504, 78, 235, 249 ], "completed": true }, { "type": "image", "position": [ 504, 78, 235, 142 ], "completed": false }, { "type": "image", "position": [ 749, 78, 235, 249 ], "completed": true }, { "type": "image", "position": [ 749, 78, 235, 142 ], "completed": false }, { "type": "title", "position": [ 29, 237, 205, 31 ], "completed": false }, { "type": "title", "position": [ 274, 237, 205, 16 ], "completed": false }, { "type": "title", "position": [ 519, 237, 205, 16 ], "completed": false }, { "type": "title", "position": [ 764, 237, 205, 31 ], "completed": false }, { "type": "link", "position": [ 19, 346, 189, 36 ], "completed": false } ] }, { "text": "# A page to introduce a company SMS Assist. # On the page, there should be a title \"The numbers behind SMS Assist\" on the top and four images showing specific data. So the user can know some info about the company such as the properties and providers.", "region_id": "470", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'the numbers behind sms assist'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'4'] [gattr:names 'properties, providers'] [item [el:image] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 10 5 99 5 | \" [ image 5 11 21 21 | complete text 16 27 8 3 | complete title 12 22 16 5 ] | [ image 31 11 21 21 | complete text 40 27 11 3 | complete title 39 22 14 5 ] | [ image 57 11 21 21 | complete text 69 27 6 3 | complete title 68 22 8 5 ] | [ image 83 11 21 21 | complete text 91 25 15 6 | complete title 92 20 14 5 ] \"", "layout_seq_without_completion": "title 10 5 99 5 | \" [ image 5 11 21 21 | text 16 27 8 3 | title 12 22 16 5 ] | [ image 31 11 21 21 | text 40 27 11 3 | title 39 22 14 5 ] | [ image 57 11 21 21 | text 69 27 6 3 | title 68 22 8 5 ] | [ image 83 11 21 21 | text 91 25 15 6 | title 92 20 14 5 ] \"", "plain_layout_seq": "image 5 11 21 21 | image 31 11 21 21 | image 57 11 21 21 | image 83 11 21 21 | text 16 27 8 3 | text 40 27 11 3 | text 69 27 6 3 | text 91 25 15 6 | title 10 5 99 5 | title 12 22 16 5 | title 39 22 14 5 | title 68 22 8 5 | title 92 20 14 5", "canvas_width": 1025, "canvas_height": 367, "elements": [ { "type": "title", "position": [ 87, 50, 851, 44 ], "completed": false }, { "type": "image", "position": [ 49, 96, 182, 182 ], "completed": false }, { "type": "image", "position": [ 272, 96, 183, 182 ], "completed": false }, { "type": "image", "position": [ 495, 96, 183, 182 ], "completed": false }, { "type": "image", "position": [ 717, 96, 183, 182 ], "completed": false }, { "type": "title", "position": [ 787, 177, 120, 44 ], "completed": true }, { "type": "title", "position": [ 107, 190, 142, 44 ], "completed": true }, { "type": "title", "position": [ 340, 190, 122, 44 ], "completed": true }, { "type": "title", "position": [ 587, 190, 74, 44 ], "completed": true }, { "type": "text", "position": [ 782, 222, 130, 52 ], "completed": true }, { "type": "text", "position": [ 142, 235, 73, 26 ], "completed": true }, { "type": "text", "position": [ 350, 235, 102, 26 ], "completed": true }, { "type": "text", "position": [ 596, 235, 55, 26 ], "completed": true } ] }, { "text": "# A page for introducing a few ways for the user to get started on Xome.# The page should have a title, a short description, and three groups of way information: \"Auction Homes\" \"Learning Center\", and \"Auction Calendar\". In each group, there should have an image, a title, a short introduction, and a button for the user for more info. And two paginations are needed for the user to switch pages to view more ways.", "region_id": "2638", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'auction homes, learning center, auction calendar'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button] ] ] [el:pagination] ]", "execution": "multiinfo : description undefined small | pagination undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 11 63 17 4 | button 47 63 17 4 | button 84 63 17 4 | complete button 51 73 4 0 | complete button 56 73 4 0 | description 1 9 109 6 | description 4 56 30 5 | description 41 56 30 5 | description 77 56 30 5 | image 11 28 17 18 | image 47 28 18 18 | image 83 29 18 18 | complete image 75 21 34 48 | complete image 2 21 34 48 | complete image 39 21 34 48 | title 1 4 109 4 | title 10 52 18 2 | title 46 52 19 2 | title 82 52 21 2", "layout_seq_without_completion": "button 11 63 17 4 | button 47 63 17 4 | button 84 63 17 4 | button 51 73 4 0 | button 56 73 4 0 | description 1 9 109 6 | description 4 56 30 5 | description 41 56 30 5 | description 77 56 30 5 | image 11 28 17 18 | image 47 28 18 18 | image 83 29 18 18 | image 75 21 34 48 | image 2 21 34 48 | image 39 21 34 48 | title 1 4 109 4 | title 10 52 18 2 | title 46 52 19 2 | title 82 52 21 2", "plain_layout_seq": "button 11 63 17 4 | button 47 63 17 4 | button 84 63 17 4 | button 51 73 4 0 | button 56 73 4 0 | description 1 9 109 6 | description 4 56 30 5 | description 41 56 30 5 | description 77 56 30 5 | image 11 28 17 18 | image 47 28 18 18 | image 83 29 18 18 | image 75 21 34 48 | image 2 21 34 48 | image 39 21 34 48 | title 1 4 109 4 | title 10 52 18 2 | title 46 52 19 2 | title 82 52 21 2", "canvas_width": 1024, "canvas_height": 684, "elements": [ { "type": "title", "position": [ 14, 40, 936, 36 ], "completed": false }, { "type": "description", "position": [ 14, 81, 936, 54 ], "completed": false }, { "type": "image", "position": [ 24, 180, 292, 417 ], "completed": true }, { "type": "image", "position": [ 336, 180, 292, 417 ], "completed": true }, { "type": "image", "position": [ 648, 180, 292, 417 ], "completed": true }, { "type": "image", "position": [ 95, 245, 150, 155 ], "completed": false }, { "type": "image", "position": [ 403, 245, 158, 155 ], "completed": false }, { "type": "image", "position": [ 715, 255, 158, 155 ], "completed": false }, { "type": "title", "position": [ 92, 450, 156, 24 ], "completed": false }, { "type": "title", "position": [ 399, 450, 166, 24 ], "completed": false }, { "type": "title", "position": [ 704, 450, 181, 24 ], "completed": false }, { "type": "description", "position": [ 39, 484, 262, 45 ], "completed": false }, { "type": "description", "position": [ 351, 484, 262, 45 ], "completed": false }, { "type": "description", "position": [ 663, 484, 262, 45 ], "completed": false }, { "type": "button", "position": [ 95, 544, 150, 38 ], "completed": false }, { "type": "button", "position": [ 407, 544, 150, 38 ], "completed": false }, { "type": "button", "position": [ 719, 544, 150, 38 ], "completed": false }, { "type": "button", "position": [ 442, 623, 40, 5 ], "completed": true }, { "type": "button", "position": [ 482, 623, 40, 5 ], "completed": true } ] }, { "text": "#A page for showing the four featured.#The page should have four groups and each group has an image and a description of the products and the price.", "region_id": "5304", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 63 40 22 10 | image 63 14 23 23 | text 63 50 23 2 | complete text 63 12 8 3 | complete title 54 2 11 5 | \" [ description 3 40 22 12 | image 3 14 23 23 | text 3 53 23 2 ] | [ description 33 40 23 10 | image 33 14 23 23 | text 33 50 23 2 ] | [ description 93 40 22 15 | image 93 14 23 23 | text 93 55 23 2 ] \"", "layout_seq_without_completion": "description 63 40 22 10 | image 63 14 23 23 | text 63 50 23 2 | text 63 12 8 3 | title 54 2 11 5 | \" [ description 3 40 22 12 | image 3 14 23 23 | text 3 53 23 2 ] | [ description 33 40 23 10 | image 33 14 23 23 | text 33 50 23 2 ] | [ description 93 40 22 15 | image 93 14 23 23 | text 93 55 23 2 ] \"", "plain_layout_seq": "description 63 40 22 10 | description 3 40 22 12 | description 33 40 23 10 | description 93 40 22 15 | image 63 14 23 23 | image 3 14 23 23 | image 33 14 23 23 | image 93 14 23 23 | text 63 50 23 2 | text 63 12 8 3 | text 3 53 23 2 | text 33 50 23 2 | text 93 55 23 2 | title 54 2 11 5", "canvas_width": 954, "canvas_height": 514, "elements": [ { "type": "title", "position": [ 432, 20, 90, 43 ], "completed": true }, { "type": "text", "position": [ 502, 97, 65, 31 ], "completed": true }, { "type": "image", "position": [ 25, 112, 189, 189 ], "completed": false }, { "type": "image", "position": [ 263, 112, 189, 189 ], "completed": false }, { "type": "image", "position": [ 502, 112, 189, 189 ], "completed": false }, { "type": "image", "position": [ 741, 112, 189, 189 ], "completed": false }, { "type": "description", "position": [ 31, 318, 177, 102 ], "completed": false }, { "type": "description", "position": [ 264, 318, 187, 82 ], "completed": false }, { "type": "description", "position": [ 507, 318, 179, 82 ], "completed": false }, { "type": "description", "position": [ 745, 318, 180, 123 ], "completed": false }, { "type": "text", "position": [ 263, 401, 189, 23 ], "completed": false }, { "type": "text", "position": [ 502, 401, 189, 23 ], "completed": false }, { "type": "text", "position": [ 25, 422, 189, 22 ], "completed": false }, { "type": "text", "position": [ 741, 442, 189, 22 ], "completed": false } ] }, { "text": "#A page for showing digital marketing.# There is one label \"Digital Marketing\" and four parts. Each part includes one image, one title, one label, and one label showing the date.", "region_id": "3304", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'digital marketing'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text[attr:repeat'2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 1 18 2 | \" [ image 4 8 24 13 | text 4 33 12 1 | text 18 34 8 1 | title 4 24 24 8 ] | [ image 33 8 24 13 | text 33 31 6 1 | text 41 31 8 1 | title 33 24 24 5 ] | [ image 62 8 24 13 | text 62 33 12 1 | text 76 34 8 1 | title 62 24 24 8 ] | [ image 91 8 24 13 | text 91 33 12 1 | text 105 34 8 1 | title 91 24 24 8 ] \"", "layout_seq_without_completion": "title 4 1 18 2 | \" [ image 4 8 24 13 | text 4 33 12 1 | text 18 34 8 1 | title 4 24 24 8 ] | [ image 33 8 24 13 | text 33 31 6 1 | text 41 31 8 1 | title 33 24 24 5 ] | [ image 62 8 24 13 | text 62 33 12 1 | text 76 34 8 1 | title 62 24 24 8 ] | [ image 91 8 24 13 | text 91 33 12 1 | text 105 34 8 1 | title 91 24 24 8 ] \"", "plain_layout_seq": "image 4 8 24 13 | image 33 8 24 13 | image 62 8 24 13 | image 91 8 24 13 | text 4 33 12 1 | text 18 34 8 1 | text 33 31 6 1 | text 41 31 8 1 | text 62 33 12 1 | text 76 34 8 1 | text 91 33 12 1 | text 105 34 8 1 | title 4 1 18 2 | title 4 24 24 8 | title 33 24 24 5 | title 62 24 24 8 | title 91 24 24 8", "canvas_width": 1024, "canvas_height": 306, "elements": [ { "type": "title", "position": [ 35, 13, 157, 23 ], "completed": false }, { "type": "image", "position": [ 35, 75, 212, 119 ], "completed": false }, { "type": "image", "position": [ 282, 75, 212, 119 ], "completed": false }, { "type": "image", "position": [ 530, 75, 212, 119 ], "completed": false }, { "type": "image", "position": [ 778, 75, 212, 119 ], "completed": false }, { "type": "title", "position": [ 35, 210, 212, 69 ], "completed": false }, { "type": "title", "position": [ 282, 210, 212, 46 ], "completed": false }, { "type": "title", "position": [ 530, 210, 212, 69 ], "completed": false }, { "type": "title", "position": [ 778, 210, 212, 69 ], "completed": false }, { "type": "text", "position": [ 282, 267, 52, 15 ], "completed": false }, { "type": "text", "position": [ 350, 268, 70, 12 ], "completed": false }, { "type": "text", "position": [ 35, 290, 110, 15 ], "completed": false }, { "type": "text", "position": [ 530, 290, 105, 15 ], "completed": false }, { "type": "text", "position": [ 778, 290, 110, 15 ], "completed": false }, { "type": "text", "position": [ 160, 291, 69, 12 ], "completed": false }, { "type": "text", "position": [ 650, 291, 70, 12 ], "completed": false }, { "type": "text", "position": [ 903, 291, 70, 12 ], "completed": false } ] }, { "text": "# A page to have a brief introduction of an app builder.# The page should have three groups: \"Powerful app builder\" \"IOS, Android & PWA\", and \"Unlimited customization\" with each having a small image and a title.", "region_id": "3723", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'powerful app builder, ios, android & pwa, unlimited customization'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 15 4 7 7 | complete image 16 5 4 4 | title 3 13 30 2 ] | [ image 56 4 7 7 | complete image 57 5 4 4 | title 44 13 30 2 ] | [ image 97 4 7 7 | complete image 98 5 4 4 | title 85 13 30 2 ] \"", "layout_seq_without_completion": "\" [ image 15 4 7 7 | image 16 5 4 4 | title 3 13 30 2 ] | [ image 56 4 7 7 | image 57 5 4 4 | title 44 13 30 2 ] | [ image 97 4 7 7 | image 98 5 4 4 | title 85 13 30 2 ] \"", "plain_layout_seq": "image 15 4 7 7 | image 16 5 4 4 | image 56 4 7 7 | image 57 5 4 4 | image 97 4 7 7 | image 98 5 4 4 | title 3 13 30 2 | title 44 13 30 2 | title 85 13 30 2", "canvas_width": 1024, "canvas_height": 223, "elements": [ { "type": "image", "position": [ 134, 35, 60, 60 ], "completed": false }, { "type": "image", "position": [ 482, 35, 60, 60 ], "completed": false }, { "type": "image", "position": [ 830, 35, 60, 60 ], "completed": false }, { "type": "image", "position": [ 144, 45, 40, 40 ], "completed": true }, { "type": "image", "position": [ 492, 45, 40, 40 ], "completed": true }, { "type": "image", "position": [ 840, 45, 40, 40 ], "completed": true }, { "type": "title", "position": [ 34, 115, 260, 20 ], "completed": false }, { "type": "title", "position": [ 382, 115, 260, 20 ], "completed": false }, { "type": "title", "position": [ 730, 115, 260, 20 ], "completed": false } ] }, { "text": "#A page for introducing three connecting packs from a company, and users can choose and pay for their selected connecting pack.# On the top, there is one title and one slogan. Each pack should include its own image, one title for describing the pack, named \"Iris x Zenni\", \"The Kitties x Zenni\" and \"Coco + Breezy x Zenni\", one description for introducing its pros, and one button where users can click it to shop now.", "region_id": "4239", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:text [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Iris x Zenni, The Kitties x Zenni, Coco + Breezy x Zenni'][item [el:image] [el:title] [el:description] [el:button [attr:value 'shop now'] ]] ]]", "execution": "multiinfo : text top undefined | title top undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 3 7 112 9 | title 3 0 112 6 | \" [ button 3 70 10 2 | description 3 61 34 5 | image 3 24 34 27 | title 3 55 34 3 ] | [ button 42 70 10 2 | description 42 61 34 5 | image 42 24 34 27 | title 42 55 34 3 ] | [ button 81 70 10 2 | description 81 61 34 5 | image 81 24 34 27 | title 81 55 34 3 ] \"", "layout_seq_without_completion": "text 3 7 112 9 | title 3 0 112 6 | \" [ button 3 70 10 2 | description 3 61 34 5 | image 3 24 34 27 | title 3 55 34 3 ] | [ button 42 70 10 2 | description 42 61 34 5 | image 42 24 34 27 | title 42 55 34 3 ] | [ button 81 70 10 2 | description 81 61 34 5 | image 81 24 34 27 | title 81 55 34 3 ] \"", "plain_layout_seq": "button 3 70 10 2 | button 42 70 10 2 | button 81 70 10 2 | description 3 61 34 5 | description 42 61 34 5 | description 81 61 34 5 | image 3 24 34 27 | image 42 24 34 27 | image 81 24 34 27 | text 3 7 112 9 | title 3 0 112 6 | title 3 55 34 3 | title 42 55 34 3 | title 81 55 34 3", "canvas_width": 1009, "canvas_height": 623, "elements": [ { "type": "title", "position": [ 32, 0, 945, 51 ], "completed": false }, { "type": "text", "position": [ 32, 67, 945, 77 ], "completed": false }, { "type": "image", "position": [ 32, 208, 288, 231 ], "completed": false }, { "type": "image", "position": [ 360, 208, 288, 231 ], "completed": false }, { "type": "image", "position": [ 689, 208, 288, 231 ], "completed": false }, { "type": "title", "position": [ 32, 470, 288, 26 ], "completed": false }, { "type": "title", "position": [ 360, 470, 288, 26 ], "completed": false }, { "type": "title", "position": [ 689, 470, 288, 26 ], "completed": false }, { "type": "description", "position": [ 32, 521, 288, 44 ], "completed": false }, { "type": "description", "position": [ 360, 521, 288, 44 ], "completed": false }, { "type": "description", "position": [ 689, 521, 288, 44 ], "completed": false }, { "type": "button", "position": [ 32, 591, 91, 18 ], "completed": false }, { "type": "button", "position": [ 360, 591, 91, 18 ], "completed": false }, { "type": "button", "position": [ 689, 591, 91, 18 ], "completed": false } ] }, { "text": "#A page introducing computer language tools of the website to users.#The page should have one list of three items. And each of them should include one icon, one tool name, one brief description of it, and one button for users to click to start learning it.", "region_id": "5145", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'start learning'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 15 28 8 1 | description 4 17 30 9 | icon 16 0 7 7 | complete image 1 2 36 31 | title 1 6 36 8 ] | [ button 54 28 10 1 | description 44 17 30 7 | icon 56 0 7 7 | complete image 41 2 36 31 | title 41 6 36 8 ] | [ button 95 28 8 1 | description 85 17 29 7 | icon 96 0 7 7 | complete image 81 2 36 31 | title 82 6 36 8 ] \"", "layout_seq_without_completion": "\" [ button 15 28 8 1 | description 4 17 30 9 | icon 16 0 7 7 | image 1 2 36 31 | title 1 6 36 8 ] | [ button 54 28 10 1 | description 44 17 30 7 | icon 56 0 7 7 | image 41 2 36 31 | title 41 6 36 8 ] | [ button 95 28 8 1 | description 85 17 29 7 | icon 96 0 7 7 | image 81 2 36 31 | title 82 6 36 8 ] \"", "plain_layout_seq": "button 15 28 8 1 | button 54 28 10 1 | button 95 28 8 1 | description 4 17 30 9 | description 44 17 30 7 | description 85 17 29 7 | icon 16 0 7 7 | icon 56 0 7 7 | icon 96 0 7 7 | image 1 2 36 31 | image 41 2 36 31 | image 81 2 36 31 | title 1 6 36 8 | title 41 6 36 8 | title 82 6 36 8", "canvas_width": 970, "canvas_height": 322, "elements": [ { "type": "icon", "position": [ 132, 0, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 455, 0, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 778, 0, 60, 60 ], "completed": false }, { "type": "image", "position": [ 15, 24, 293, 253 ], "completed": true }, { "type": "image", "position": [ 338, 24, 293, 253 ], "completed": true }, { "type": "image", "position": [ 662, 24, 293, 253 ], "completed": true }, { "type": "title", "position": [ 16, 55, 291, 66 ], "completed": false }, { "type": "title", "position": [ 339, 55, 291, 66 ], "completed": false }, { "type": "title", "position": [ 663, 55, 291, 66 ], "completed": false }, { "type": "description", "position": [ 39, 140, 245, 80 ], "completed": false }, { "type": "description", "position": [ 362, 140, 246, 58 ], "completed": false }, { "type": "description", "position": [ 688, 140, 240, 58 ], "completed": false }, { "type": "button", "position": [ 127, 228, 69, 14 ], "completed": false }, { "type": "button", "position": [ 442, 228, 86, 14 ], "completed": false }, { "type": "button", "position": [ 774, 228, 69, 14 ], "completed": false } ] }, { "text": "#A page showing T-shirts.# The page contains 4 information sets. Each group includes an image and the name of the T-shirt.", "region_id": "6545", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 31 26 2 | title 3 31 26 2 | title 93 31 26 2 | title 63 31 26 2", "layout_seq_without_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 31 26 2 | title 3 31 26 2 | title 93 31 26 2 | title 63 31 26 2", "plain_layout_seq": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 31 26 2 | title 3 31 26 2 | title 93 31 26 2 | title 63 31 26 2", "canvas_width": 979, "canvas_height": 333, "elements": [ { "type": "image", "position": [ 30, 28, 215, 215 ], "completed": false }, { "type": "image", "position": [ 275, 28, 215, 215 ], "completed": false }, { "type": "image", "position": [ 520, 28, 215, 215 ], "completed": false }, { "type": "image", "position": [ 764, 28, 215, 215 ], "completed": false }, { "type": "title", "position": [ 30, 253, 215, 18 ], "completed": false }, { "type": "title", "position": [ 275, 253, 215, 18 ], "completed": false }, { "type": "title", "position": [ 520, 253, 215, 18 ], "completed": false }, { "type": "title", "position": [ 764, 253, 215, 18 ], "completed": false } ] }, { "text": "#A page for introducing one company's info.#There should be two images as the extra layout and each of them includes one title and four links showing the related info.", "region_id": "1691", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 0 56 28 | image 60 0 56 28 | \" [ link 21 14 12 4 | link 21 10 7 4 | link 31 10 6 4 | link 21 19 9 4 | title 9 6 42 2 ] | [ link 79 16 6 4 | link 79 21 19 7 | link 79 8 7 4 | link 79 12 12 4 | title 67 1 42 5 ] \"", "layout_seq_without_completion": "image 2 0 56 28 | image 60 0 56 28 | \" [ link 21 14 12 4 | link 21 10 7 4 | link 31 10 6 4 | link 21 19 9 4 | title 9 6 42 2 ] | [ link 79 16 6 4 | link 79 21 19 7 | link 79 8 7 4 | link 79 12 12 4 | title 67 1 42 5 ] \"", "plain_layout_seq": "image 2 0 56 28 | image 60 0 56 28 | link 21 14 12 4 | link 21 10 7 4 | link 31 10 6 4 | link 21 19 9 4 | link 79 16 6 4 | link 79 21 19 7 | link 79 8 7 4 | link 79 12 12 4 | title 9 6 42 2 | title 67 1 42 5", "canvas_width": 1024, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 22, 6, 484, 245 ], "completed": false }, { "type": "image", "position": [ 518, 6, 484, 245 ], "completed": false }, { "type": "title", "position": [ 579, 12, 363, 50 ], "completed": false }, { "type": "title", "position": [ 83, 56, 363, 25 ], "completed": false }, { "type": "link", "position": [ 678, 70, 66, 37 ], "completed": false }, { "type": "link", "position": [ 184, 89, 61, 37 ], "completed": false }, { "type": "link", "position": [ 265, 89, 57, 37 ], "completed": false }, { "type": "link", "position": [ 678, 107, 106, 37 ], "completed": false }, { "type": "link", "position": [ 184, 126, 109, 37 ], "completed": false }, { "type": "link", "position": [ 678, 144, 59, 37 ], "completed": false }, { "type": "link", "position": [ 184, 163, 79, 37 ], "completed": false }, { "type": "link", "position": [ 678, 181, 163, 62 ], "completed": false } ] }, { "text": "#A page for introducing one company's info.#There should be two images as the extra layout and each of them includes one text box showing the title and four text buttons showing the info links.", "region_id": "1691_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:button [attr:repeat '4'] ]] ] ]", "execution": "multiinfo : { [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 0 56 28 | image 60 0 56 28 | \" [ button 21 14 12 4 | button 21 10 7 4 | button 31 10 6 4 | button 21 19 9 4 | title 9 6 42 2 ] | [ button 79 16 6 4 | button 79 21 19 7 | button 79 8 7 4 | button 79 12 12 4 | title 67 1 42 5 ] \"", "layout_seq_without_completion": "image 2 0 56 28 | image 60 0 56 28 | \" [ button 21 14 12 4 | button 21 10 7 4 | button 31 10 6 4 | button 21 19 9 4 | title 9 6 42 2 ] | [ button 79 16 6 4 | button 79 21 19 7 | button 79 8 7 4 | button 79 12 12 4 | title 67 1 42 5 ] \"", "plain_layout_seq": "button 21 14 12 4 | button 21 10 7 4 | button 31 10 6 4 | button 21 19 9 4 | button 79 16 6 4 | button 79 21 19 7 | button 79 8 7 4 | button 79 12 12 4 | image 2 0 56 28 | image 60 0 56 28 | title 9 6 42 2 | title 67 1 42 5", "canvas_width": 1024, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 22, 6, 484, 245 ], "completed": false }, { "type": "image", "position": [ 518, 6, 484, 245 ], "completed": false }, { "type": "title", "position": [ 579, 12, 363, 50 ], "completed": false }, { "type": "title", "position": [ 83, 56, 363, 25 ], "completed": false }, { "type": "button", "position": [ 678, 70, 66, 37 ], "completed": false }, { "type": "button", "position": [ 184, 89, 61, 37 ], "completed": false }, { "type": "button", "position": [ 265, 89, 57, 37 ], "completed": false }, { "type": "button", "position": [ 678, 107, 106, 37 ], "completed": false }, { "type": "button", "position": [ 184, 126, 109, 37 ], "completed": false }, { "type": "button", "position": [ 678, 144, 59, 37 ], "completed": false }, { "type": "button", "position": [ 184, 163, 79, 37 ], "completed": false }, { "type": "button", "position": [ 678, 181, 163, 62 ], "completed": false } ] }, { "text": "#A page for showing the products which are on sale.#The page should have four groups and each group has a title and an image. Also, there is a description of the product and the price.", "region_id": "2470", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 14 31 6 2 | image 5 0 24 24 | complete text 5 25 24 2 | complete text 15 34 4 2 | title 5 28 24 3 ] | [ description 43 31 3 2 | image 33 0 24 24 | complete text 43 34 4 2 | complete text 33 25 24 2 | title 33 28 24 3 ] | [ description 67 31 12 2 | image 61 0 24 24 | complete text 61 25 24 2 | complete text 71 34 4 2 | title 61 28 24 3 ] | [ description 99 31 4 2 | image 90 0 24 24 | complete text 89 25 24 2 | complete text 100 34 4 2 | title 89 28 24 3 ] \"", "layout_seq_without_completion": "\" [ description 14 31 6 2 | image 5 0 24 24 | text 5 25 24 2 | text 15 34 4 2 | title 5 28 24 3 ] | [ description 43 31 3 2 | image 33 0 24 24 | text 43 34 4 2 | text 33 25 24 2 | title 33 28 24 3 ] | [ description 67 31 12 2 | image 61 0 24 24 | text 61 25 24 2 | text 71 34 4 2 | title 61 28 24 3 ] | [ description 99 31 4 2 | image 90 0 24 24 | text 89 25 24 2 | text 100 34 4 2 | title 89 28 24 3 ] \"", "plain_layout_seq": "description 14 31 6 2 | description 43 31 3 2 | description 67 31 12 2 | description 99 31 4 2 | image 5 0 24 24 | image 33 0 24 24 | image 61 0 24 24 | image 90 0 24 24 | text 5 25 24 2 | text 15 34 4 2 | text 43 34 4 2 | text 33 25 24 2 | text 61 25 24 2 | text 71 34 4 2 | text 89 25 24 2 | text 100 34 4 2 | title 5 28 24 3 | title 33 28 24 3 | title 61 28 24 3 | title 89 28 24 3", "canvas_width": 1024, "canvas_height": 345, "elements": [ { "type": "image", "position": [ 49, 0, 205, 205 ], "completed": false }, { "type": "image", "position": [ 289, 0, 205, 205 ], "completed": false }, { "type": "image", "position": [ 529, 0, 205, 205 ], "completed": false }, { "type": "image", "position": [ 769, 0, 205, 205 ], "completed": false }, { "type": "text", "position": [ 47, 215, 210, 24 ], "completed": true }, { "type": "text", "position": [ 287, 215, 210, 24 ], "completed": true }, { "type": "text", "position": [ 527, 215, 210, 24 ], "completed": true }, { "type": "text", "position": [ 767, 215, 210, 24 ], "completed": true }, { "type": "title", "position": [ 47, 239, 210, 32 ], "completed": false }, { "type": "title", "position": [ 287, 239, 210, 32 ], "completed": false }, { "type": "title", "position": [ 527, 239, 210, 32 ], "completed": false }, { "type": "title", "position": [ 767, 239, 210, 32 ], "completed": false }, { "type": "description", "position": [ 124, 272, 56, 21 ], "completed": false }, { "type": "description", "position": [ 375, 272, 34, 21 ], "completed": false }, { "type": "description", "position": [ 580, 272, 103, 21 ], "completed": false }, { "type": "description", "position": [ 851, 272, 41, 21 ], "completed": false }, { "type": "text", "position": [ 133, 295, 37, 24 ], "completed": true }, { "type": "text", "position": [ 374, 295, 36, 24 ], "completed": true }, { "type": "text", "position": [ 614, 295, 36, 24 ], "completed": true }, { "type": "text", "position": [ 854, 295, 36, 24 ], "completed": true } ] }, { "text": "# A page for marketing the company called Churchill. # The page should have a title \"Why Choose Churchill\" and four groups with each containing an image, a figure, and a short description. Also, two paginations are needed to switch pages.", "region_id": "2853", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why choose churchill'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:description [attr:size 'small']] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 7 19 2 2 | complete button 109 19 2 2 | title 2 1 115 3 | \" [ description 7 25 23 4 | image 14 9 8 12 | text 7 21 23 4 ] | [ description 34 25 23 4 | image 38 9 15 12 | text 34 21 23 4 ] | [ description 61 25 23 4 | image 69 9 9 12 | text 61 21 23 4 ] | [ description 89 25 23 4 | image 94 9 12 12 | text 89 21 23 4 ] \"", "layout_seq_without_completion": "button 7 19 2 2 | button 109 19 2 2 | title 2 1 115 3 | \" [ description 7 25 23 4 | image 14 9 8 12 | text 7 21 23 4 ] | [ description 34 25 23 4 | image 38 9 15 12 | text 34 21 23 4 ] | [ description 61 25 23 4 | image 69 9 9 12 | text 61 21 23 4 ] | [ description 89 25 23 4 | image 94 9 12 12 | text 89 21 23 4 ] \"", "plain_layout_seq": "button 7 19 2 2 | button 109 19 2 2 | description 7 25 23 4 | description 34 25 23 4 | description 61 25 23 4 | description 89 25 23 4 | image 14 9 8 12 | image 38 9 15 12 | image 69 9 9 12 | image 94 9 12 12 | text 7 21 23 4 | text 34 21 23 4 | text 61 21 23 4 | text 89 21 23 4 | title 2 1 115 3", "canvas_width": 1024, "canvas_height": 298, "elements": [ { "type": "title", "position": [ 20, 16, 984, 34 ], "completed": false }, { "type": "image", "position": [ 127, 78, 73, 105 ], "completed": false }, { "type": "image", "position": [ 329, 78, 135, 105 ], "completed": false }, { "type": "image", "position": [ 591, 78, 77, 105 ], "completed": false }, { "type": "image", "position": [ 808, 78, 110, 105 ], "completed": false }, { "type": "button", "position": [ 67, 166, 20, 24 ], "completed": true }, { "type": "button", "position": [ 937, 166, 20, 24 ], "completed": true }, { "type": "text", "position": [ 62, 183, 203, 40 ], "completed": false }, { "type": "text", "position": [ 295, 183, 203, 40 ], "completed": false }, { "type": "text", "position": [ 528, 183, 203, 40 ], "completed": false }, { "type": "text", "position": [ 761, 183, 203, 40 ], "completed": false }, { "type": "description", "position": [ 62, 220, 203, 42 ], "completed": false }, { "type": "description", "position": [ 295, 220, 203, 42 ], "completed": false }, { "type": "description", "position": [ 528, 220, 203, 42 ], "completed": false }, { "type": "description", "position": [ 761, 220, 203, 42 ], "completed": false } ] }, { "text": "# A page showing the collection of the goods in an online shop. # There should have a title \"Collections\" and four groups: \"SVG Instant Download Cut Files\" \"Graphic T Shirts For Her\" \"Embroidered Patches\" and \"Embroidered T Shirts\". In each group, there should include an image with a title below it.", "region_id": "8110", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Collections'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'SVG Instant Download Cut Files,Graphic T Shirts For Her,Embroidered Patches,Embroidered T Shirts'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 33 12 26 22 | image 93 9 26 28 | image 3 10 26 26 | image 63 10 26 25 | title 3 39 26 2 | title 93 39 26 2 | title 63 39 26 2 | title 33 39 26 2 | title 3 3 116 4", "layout_seq_without_completion": "image 33 12 26 22 | image 93 9 26 28 | image 3 10 26 26 | image 63 10 26 25 | title 3 39 26 2 | title 93 39 26 2 | title 63 39 26 2 | title 33 39 26 2 | title 3 3 116 4", "plain_layout_seq": "image 33 12 26 22 | image 93 9 26 28 | image 3 10 26 26 | image 63 10 26 25 | title 3 39 26 2 | title 93 39 26 2 | title 63 39 26 2 | title 33 39 26 2 | title 3 3 116 4", "canvas_width": 995, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 30, 28, 964, 36 ], "completed": false }, { "type": "image", "position": [ 776, 79, 219, 237 ], "completed": false }, { "type": "image", "position": [ 30, 88, 219, 219 ], "completed": false }, { "type": "image", "position": [ 527, 90, 219, 215 ], "completed": false }, { "type": "image", "position": [ 278, 105, 219, 184 ], "completed": false }, { "type": "title", "position": [ 30, 326, 219, 21 ], "completed": false }, { "type": "title", "position": [ 278, 326, 219, 21 ], "completed": false }, { "type": "title", "position": [ 527, 326, 219, 21 ], "completed": false }, { "type": "title", "position": [ 776, 327, 219, 22 ], "completed": false } ] }, { "text": "# A page for marketing a company by introducing the honor it obtains. # The page should have a title, and five images with a title to introduce the honor.", "region_id": "5573", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 73 23 9 15 | image 16 23 14 7 | image 34 23 14 7 | image 52 23 14 6 | image 91 23 9 15 | title 16 31 14 2 | title 34 31 14 2 | title 88 39 14 2 | title 52 31 14 8 | title 70 39 14 2 | title 23 0 72 16", "layout_seq_without_completion": "image 73 23 9 15 | image 16 23 14 7 | image 34 23 14 7 | image 52 23 14 6 | image 91 23 9 15 | title 16 31 14 2 | title 34 31 14 2 | title 88 39 14 2 | title 52 31 14 8 | title 70 39 14 2 | title 23 0 72 16", "plain_layout_seq": "image 73 23 9 15 | image 16 23 14 7 | image 34 23 14 7 | image 52 23 14 6 | image 91 23 9 15 | title 16 31 14 2 | title 34 31 14 2 | title 88 39 14 2 | title 52 31 14 8 | title 70 39 14 2 | title 23 0 72 16", "canvas_width": 1024, "canvas_height": 375, "elements": [ { "type": "title", "position": [ 202, 0, 620, 144 ], "completed": false }, { "type": "image", "position": [ 143, 200, 122, 60 ], "completed": false }, { "type": "image", "position": [ 297, 200, 122, 63 ], "completed": false }, { "type": "image", "position": [ 451, 200, 122, 59 ], "completed": false }, { "type": "image", "position": [ 624, 200, 84, 130 ], "completed": false }, { "type": "image", "position": [ 778, 200, 84, 130 ], "completed": false }, { "type": "title", "position": [ 451, 269, 122, 72 ], "completed": false }, { "type": "title", "position": [ 143, 270, 122, 24 ], "completed": false }, { "type": "title", "position": [ 297, 273, 122, 24 ], "completed": false }, { "type": "title", "position": [ 605, 340, 122, 24 ], "completed": false }, { "type": "title", "position": [ 759, 340, 122, 24 ], "completed": false } ] }, { "text": "#A page for introducing six categories of a company to users.# The page should include six categories. Each of them should include an image and one title. Users can click them to get further information.", "region_id": "2320", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 9 5 7 7 | complete image 6 2 13 13 | title 6 17 15 4 ] | [ image 28 5 7 7 | complete image 25 2 13 13 | title 24 17 15 4 ] | [ image 46 5 7 7 | complete image 44 2 13 13 | title 43 17 15 4 ] | [ complete image 62 2 13 13 | image 65 5 7 7 | title 61 17 15 6 ] | [ complete image 81 2 13 13 | image 84 5 7 7 | title 85 17 5 2 ] | [ complete image 99 2 13 13 | image 102 5 7 7 | title 99 17 13 2 ] \"", "layout_seq_without_completion": "\" [ image 9 5 7 7 | image 6 2 13 13 | title 6 17 15 4 ] | [ image 28 5 7 7 | image 25 2 13 13 | title 24 17 15 4 ] | [ image 46 5 7 7 | image 44 2 13 13 | title 43 17 15 4 ] | [ image 62 2 13 13 | image 65 5 7 7 | title 61 17 15 6 ] | [ image 81 2 13 13 | image 84 5 7 7 | title 85 17 5 2 ] | [ image 99 2 13 13 | image 102 5 7 7 | title 99 17 13 2 ] \"", "plain_layout_seq": "image 9 5 7 7 | image 6 2 13 13 | image 28 5 7 7 | image 25 2 13 13 | image 46 5 7 7 | image 44 2 13 13 | image 62 2 13 13 | image 65 5 7 7 | image 81 2 13 13 | image 84 5 7 7 | image 99 2 13 13 | image 102 5 7 7 | title 6 17 15 4 | title 24 17 15 4 | title 43 17 15 4 | title 61 17 15 6 | title 85 17 5 2 | title 99 17 13 2", "canvas_width": 1034, "canvas_height": 276, "elements": [ { "type": "image", "position": [ 60, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 220, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 380, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 540, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 700, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 860, 24, 115, 115 ], "completed": true }, { "type": "image", "position": [ 84, 50, 65, 65 ], "completed": false }, { "type": "image", "position": [ 244, 50, 65, 65 ], "completed": false }, { "type": "image", "position": [ 404, 50, 65, 65 ], "completed": false }, { "type": "image", "position": [ 564, 50, 65, 65 ], "completed": false }, { "type": "image", "position": [ 724, 50, 65, 65 ], "completed": false }, { "type": "image", "position": [ 884, 50, 65, 65 ], "completed": false }, { "type": "title", "position": [ 52, 150, 130, 36 ], "completed": false }, { "type": "title", "position": [ 212, 150, 130, 36 ], "completed": false }, { "type": "title", "position": [ 372, 150, 130, 36 ], "completed": false }, { "type": "title", "position": [ 532, 150, 130, 54 ], "completed": false }, { "type": "title", "position": [ 733, 150, 49, 18 ], "completed": false }, { "type": "title", "position": [ 861, 150, 113, 18 ], "completed": false } ] }, { "text": "#A page introducing Liteful Foods.# The page should include a title \"Liteful Foods: Your Gluten Free Bakery\", three information sets and two buttons: \"Subscriptions\" and \"Shop All Products\". Each group contains an icon, a title and an introduction.", "region_id": "7622", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'liteful foods: your gluten free bakery'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] [el:button [attr:value 'Shop All Products'] ] [el:button [attr:value 'Subscriptions'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 17 80 40 6 | button 61 80 40 6 | title 1 11 116 4 | \" [ description 0 44 33 21 | icon 9 24 15 9 | title 0 38 33 3 ] | [ description 43 44 33 17 | icon 53 24 13 9 | title 43 38 33 3 ] | [ description 86 44 33 17 | icon 98 24 10 9 | title 86 38 33 3 ] \"", "layout_seq_without_completion": "button 17 80 40 6 | button 61 80 40 6 | title 1 11 116 4 | \" [ description 0 44 33 21 | icon 9 24 15 9 | title 0 38 33 3 ] | [ description 43 44 33 17 | icon 53 24 13 9 | title 43 38 33 3 ] | [ description 86 44 33 17 | icon 98 24 10 9 | title 86 38 33 3 ] \"", "plain_layout_seq": "button 17 80 40 6 | button 61 80 40 6 | description 0 44 33 21 | description 43 44 33 17 | description 86 44 33 17 | icon 9 24 15 9 | icon 53 24 13 9 | icon 98 24 10 9 | title 1 11 116 4 | title 0 38 33 3 | title 43 38 33 3 | title 86 38 33 3", "canvas_width": 1009, "canvas_height": 809, "elements": [ { "type": "title", "position": [ 15, 100, 979, 42 ], "completed": false }, { "type": "icon", "position": [ 77, 204, 129, 84 ], "completed": false }, { "type": "icon", "position": [ 448, 204, 112, 84 ], "completed": false }, { "type": "icon", "position": [ 825, 204, 86, 84 ], "completed": false }, { "type": "title", "position": [ 0, 323, 283, 30 ], "completed": false }, { "type": "title", "position": [ 363, 323, 283, 30 ], "completed": false }, { "type": "title", "position": [ 726, 323, 283, 30 ], "completed": false }, { "type": "description", "position": [ 0, 373, 283, 180 ], "completed": false }, { "type": "description", "position": [ 363, 373, 283, 150 ], "completed": false }, { "type": "description", "position": [ 726, 373, 283, 150 ], "completed": false }, { "type": "button", "position": [ 150, 673, 340, 55 ], "completed": false }, { "type": "button", "position": [ 519, 673, 340, 55 ], "completed": false } ] }, { "text": "#A page for showing different departments of a school.# The page contains a headline named \u201cSchools Departments\u201d and nine labels showing nine categories of departments.", "region_id": "4690", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'schools departments'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "title 4 8 53 5 | title 4 13 53 6 | \" [ text 6 25 23 2 ] | [ text 43 25 31 2 ] | [ text 80 25 24 6 ] | [ text 6 36 31 6 ] | [ text 43 36 20 2 ] | [ text 80 36 27 6 ] | [ text 6 46 14 2 ] | [ text 43 46 19 2 ] | [ text 80 46 26 2 ] \"", "layout_seq_without_completion": "title 4 8 53 5 | title 4 13 53 6 | \" [ text 6 25 23 2 ] | [ text 43 25 31 2 ] | [ text 80 25 24 6 ] | [ text 6 36 31 6 ] | [ text 43 36 20 2 ] | [ text 80 36 27 6 ] | [ text 6 46 14 2 ] | [ text 43 46 19 2 ] | [ text 80 46 26 2 ] \"", "plain_layout_seq": "text 6 25 23 2 | text 43 25 31 2 | text 80 25 24 6 | text 6 36 31 6 | text 43 36 20 2 | text 80 36 27 6 | text 6 46 14 2 | text 43 46 19 2 | text 80 46 26 2 | title 4 8 53 5 | title 4 13 53 6", "canvas_width": 1024, "canvas_height": 511, "elements": [ { "type": "title", "position": [ 42, 70, 455, 44 ], "completed": false }, { "type": "title", "position": [ 42, 114, 455, 55 ], "completed": false }, { "type": "text", "position": [ 56, 221, 198, 24 ], "completed": false }, { "type": "text", "position": [ 370, 221, 271, 24 ], "completed": false }, { "type": "text", "position": [ 684, 221, 206, 52 ], "completed": false }, { "type": "text", "position": [ 56, 308, 266, 52 ], "completed": false }, { "type": "text", "position": [ 370, 308, 176, 24 ], "completed": false }, { "type": "text", "position": [ 684, 308, 231, 52 ], "completed": false }, { "type": "text", "position": [ 56, 395, 125, 24 ], "completed": false }, { "type": "text", "position": [ 370, 395, 168, 24 ], "completed": false }, { "type": "text", "position": [ 684, 395, 227, 24 ], "completed": false } ] }, { "text": "#A page for introducing some trustpilots.# There is one label \"Trustpilot\" and three info groups. Each group includes one picture, one label for the pilot's name, one label showing the score, and one description.", "region_id": "4320", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trustpilot'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 44 42 31 12 | description 5 42 31 15 | description 83 42 31 22 | image 56 25 7 7 | image 17 25 7 7 | image 95 25 7 7 | complete image 80 22 37 45 | complete image 2 22 37 45 | complete image 41 22 37 45 | text 13 37 14 2 | text 52 37 14 2 | text 91 37 14 2 | title 46 9 27 6 | title 90 33 17 2 | title 54 33 10 2 | title 12 33 16 2", "layout_seq_without_completion": "description 44 42 31 12 | description 5 42 31 15 | description 83 42 31 22 | image 56 25 7 7 | image 17 25 7 7 | image 95 25 7 7 | image 80 22 37 45 | image 2 22 37 45 | image 41 22 37 45 | text 13 37 14 2 | text 52 37 14 2 | text 91 37 14 2 | title 46 9 27 6 | title 90 33 17 2 | title 54 33 10 2 | title 12 33 16 2", "plain_layout_seq": "description 44 42 31 12 | description 5 42 31 15 | description 83 42 31 22 | image 56 25 7 7 | image 17 25 7 7 | image 95 25 7 7 | image 80 22 37 45 | image 2 22 37 45 | image 41 22 37 45 | text 13 37 14 2 | text 52 37 14 2 | text 91 37 14 2 | title 46 9 27 6 | title 90 33 17 2 | title 54 33 10 2 | title 12 33 16 2", "canvas_width": 1024, "canvas_height": 658, "elements": [ { "type": "title", "position": [ 396, 80, 233, 53 ], "completed": false }, { "type": "image", "position": [ 20, 193, 317, 385 ], "completed": true }, { "type": "image", "position": [ 353, 193, 318, 385 ], "completed": true }, { "type": "image", "position": [ 687, 193, 317, 385 ], "completed": true }, { "type": "image", "position": [ 149, 217, 60, 60 ], "completed": false }, { "type": "image", "position": [ 482, 217, 60, 60 ], "completed": false }, { "type": "image", "position": [ 815, 217, 60, 60 ], "completed": false }, { "type": "title", "position": [ 109, 289, 139, 20 ], "completed": false }, { "type": "title", "position": [ 466, 289, 92, 20 ], "completed": false }, { "type": "title", "position": [ 772, 289, 147, 20 ], "completed": false }, { "type": "text", "position": [ 115, 321, 127, 20 ], "completed": false }, { "type": "text", "position": [ 448, 321, 127, 20 ], "completed": false }, { "type": "text", "position": [ 782, 321, 127, 20 ], "completed": false }, { "type": "description", "position": [ 44, 365, 269, 135 ], "completed": false }, { "type": "description", "position": [ 377, 365, 269, 108 ], "completed": false }, { "type": "description", "position": [ 711, 365, 269, 189 ], "completed": false } ] }, { "text": "#A page for users to download apps and watch movies.# The page should include five links, a link with an image, and a disclaim text.", "region_id": "5655", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:link] ] ] [el:link] [el:image] [el:description] ]", "execution": "multiinfo : description undefined undefined | image undefined undefined | link undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 11 120 2 | image 106 0 1 1 | link 53 0 12 2 | link 109 0 5 1 | \" [ link 17 6 21 2 ] | [ link 40 6 17 2 ] | [ link 60 6 20 2 ] | [ link 81 6 20 2 ] \"", "layout_seq_without_completion": "description 0 11 120 2 | image 106 0 1 1 | link 53 0 12 2 | link 109 0 5 1 | \" [ link 17 6 21 2 ] | [ link 40 6 17 2 ] | [ link 60 6 20 2 ] | [ link 81 6 20 2 ] \"", "plain_layout_seq": "description 0 11 120 2 | image 106 0 1 1 | link 53 0 12 2 | link 109 0 5 1 | link 17 6 21 2 | link 40 6 17 2 | link 60 6 20 2 | link 81 6 20 2", "canvas_width": 989, "canvas_height": 113, "elements": [ { "type": "image", "position": [ 881, 0, 16, 16 ], "completed": false }, { "type": "link", "position": [ 902, 4, 49, 15 ], "completed": false }, { "type": "link", "position": [ 443, 7, 103, 17 ], "completed": false }, { "type": "link", "position": [ 142, 53, 178, 17 ], "completed": false }, { "type": "link", "position": [ 334, 53, 146, 17 ], "completed": false }, { "type": "link", "position": [ 495, 53, 166, 17 ], "completed": false }, { "type": "link", "position": [ 675, 53, 172, 17 ], "completed": false }, { "type": "description", "position": [ 0, 92, 989, 21 ], "completed": false } ] }, { "text": "# A page for selling dresses in an online shop.# The page should have the title \"MIDI DRESSES\" and three groups of product information. In the first two groups, there should be an image, two prices indicating the discount, and a description of the number of reviews. In the last group, there should include an image and two prices showing the discount.", "region_id": "7724", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'midi dresses'] ] [gp:InfoGroup [item [el:image] [el:text [attr:repeat '2'] ] [el:description] ] [item [el:image] [el:text [attr:repeat '2'] ] [el:description] ] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 61 7 28 28 | text 70 36 5 2 | text 76 36 5 2 | title 1 3 118 3 | \" [ description 1 39 28 2 | image 1 7 28 28 | text 16 36 5 2 | text 10 36 5 2 ] | [ description 31 39 28 2 | image 31 7 28 28 | text 40 36 5 2 | text 46 36 5 2 ] \"", "layout_seq_without_completion": "image 61 7 28 28 | text 70 36 5 2 | text 76 36 5 2 | title 1 3 118 3 | \" [ description 1 39 28 2 | image 1 7 28 28 | text 16 36 5 2 | text 10 36 5 2 ] | [ description 31 39 28 2 | image 31 7 28 28 | text 40 36 5 2 | text 46 36 5 2 ] \"", "plain_layout_seq": "description 1 39 28 2 | description 31 39 28 2 | image 61 7 28 28 | image 1 7 28 28 | image 31 7 28 28 | text 70 36 5 2 | text 76 36 5 2 | text 16 36 5 2 | text 10 36 5 2 | text 40 36 5 2 | text 46 36 5 2 | title 1 3 118 3", "canvas_width": 1009, "canvas_height": 441, "elements": [ { "type": "title", "position": [ 15, 26, 994, 30 ], "completed": false }, { "type": "image", "position": [ 15, 62, 237, 237 ], "completed": false }, { "type": "image", "position": [ 267, 62, 237, 237 ], "completed": false }, { "type": "image", "position": [ 520, 62, 237, 237 ], "completed": false }, { "type": "text", "position": [ 88, 307, 44, 17 ], "completed": false }, { "type": "text", "position": [ 136, 307, 44, 17 ], "completed": false }, { "type": "text", "position": [ 340, 307, 44, 17 ], "completed": false }, { "type": "text", "position": [ 388, 307, 44, 17 ], "completed": false }, { "type": "text", "position": [ 592, 307, 44, 17 ], "completed": false }, { "type": "text", "position": [ 640, 307, 44, 17 ], "completed": false }, { "type": "description", "position": [ 15, 328, 237, 20 ], "completed": false }, { "type": "description", "position": [ 267, 328, 237, 20 ], "completed": false } ] }, { "text": "# A page for introducing the companies who use Svelte. # The page should have the title \"Who is using Svelte?\" and 14 company logos.", "region_id": "6300", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Who is using Svelte?'] ] [gp:InfoGroup[gattr:repeat'14'][item[el:logo]]] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 78 10 12 5 | logo 29 25 12 3 | logo 53 25 12 3 | logo 29 10 12 5 | logo 17 18 12 3 | logo 66 19 12 3 | logo 102 12 12 2 | logo 41 18 12 5 | logo 90 19 12 3 | logo 5 11 12 2 | logo 53 11 12 4 | logo 5 25 12 4 | logo 78 26 12 2 | logo 102 25 12 3 | title 5 0 108 3", "layout_seq_without_completion": "logo 78 10 12 5 | logo 29 25 12 3 | logo 53 25 12 3 | logo 29 10 12 5 | logo 17 18 12 3 | logo 66 19 12 3 | logo 102 12 12 2 | logo 41 18 12 5 | logo 90 19 12 3 | logo 5 11 12 2 | logo 53 11 12 4 | logo 5 25 12 4 | logo 78 26 12 2 | logo 102 25 12 3 | title 5 0 108 3", "plain_layout_seq": "logo 78 10 12 5 | logo 29 25 12 3 | logo 53 25 12 3 | logo 29 10 12 5 | logo 17 18 12 3 | logo 66 19 12 3 | logo 102 12 12 2 | logo 41 18 12 5 | logo 90 19 12 3 | logo 5 11 12 2 | logo 53 11 12 4 | logo 5 25 12 4 | logo 78 26 12 2 | logo 102 25 12 3 | title 5 0 108 3", "canvas_width": 1024, "canvas_height": 270, "elements": [ { "type": "title", "position": [ 48, 0, 928, 33 ], "completed": false }, { "type": "logo", "position": [ 254, 93, 103, 45 ], "completed": false }, { "type": "logo", "position": [ 667, 93, 103, 45 ], "completed": false }, { "type": "logo", "position": [ 460, 97, 103, 36 ], "completed": false }, { "type": "logo", "position": [ 48, 102, 103, 25 ], "completed": false }, { "type": "logo", "position": [ 873, 104, 103, 23 ], "completed": false }, { "type": "logo", "position": [ 357, 156, 103, 43 ], "completed": false }, { "type": "logo", "position": [ 151, 161, 103, 33 ], "completed": false }, { "type": "logo", "position": [ 564, 163, 103, 29 ], "completed": false }, { "type": "logo", "position": [ 770, 164, 103, 28 ], "completed": false }, { "type": "logo", "position": [ 48, 217, 103, 35 ], "completed": false }, { "type": "logo", "position": [ 460, 219, 103, 31 ], "completed": false }, { "type": "logo", "position": [ 873, 219, 103, 31 ], "completed": false }, { "type": "logo", "position": [ 254, 221, 103, 27 ], "completed": false }, { "type": "logo", "position": [ 667, 223, 103, 23 ], "completed": false } ] }, { "text": "#A page for introducing the excellent performance of a company.# The page should have 4 groups each group having a small icon, and two texts to use an eye-catching number to show the excellent performance of the company.", "region_id": "6021", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon [attr:size 'small'] ] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ icon undefined small | text undefined undefined | text undefined undefined ] | [ icon undefined small | text undefined undefined | text undefined undefined ] | [ icon undefined small | text undefined undefined | text undefined undefined ] | [ icon undefined small | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 11 17 3 3 | text 11 0 28 15 | text 15 17 22 3 ] | [ icon 69 17 3 3 | text 69 0 23 15 | text 73 17 12 3 ] | [ icon 11 44 3 3 | text 11 27 13 15 | text 15 44 17 3 ] | [ icon 69 44 3 3 | text 69 27 27 15 | text 73 44 17 3 ] \"", "layout_seq_without_completion": "\" [ icon 11 17 3 3 | text 11 0 28 15 | text 15 17 22 3 ] | [ icon 69 17 3 3 | text 69 0 23 15 | text 73 17 12 3 ] | [ icon 11 44 3 3 | text 11 27 13 15 | text 15 44 17 3 ] | [ icon 69 44 3 3 | text 69 27 27 15 | text 73 44 17 3 ] \"", "plain_layout_seq": "icon 11 17 3 3 | icon 69 17 3 3 | icon 11 44 3 3 | icon 69 44 3 3 | text 11 0 28 15 | text 15 17 22 3 | text 69 0 23 15 | text 73 17 12 3 | text 11 27 13 15 | text 15 44 17 3 | text 69 27 27 15 | text 73 44 17 3", "canvas_width": 880, "canvas_height": 354, "elements": [ { "type": "text", "position": [ 82, 0, 210, 116 ], "completed": false }, { "type": "text", "position": [ 506, 0, 175, 116 ], "completed": false }, { "type": "icon", "position": [ 82, 126, 24, 24 ], "completed": false }, { "type": "text", "position": [ 114, 126, 164, 24 ], "completed": false }, { "type": "icon", "position": [ 506, 126, 24, 24 ], "completed": false }, { "type": "text", "position": [ 538, 126, 90, 24 ], "completed": false }, { "type": "text", "position": [ 82, 204, 102, 116 ], "completed": false }, { "type": "text", "position": [ 506, 204, 204, 116 ], "completed": false }, { "type": "icon", "position": [ 82, 330, 24, 24 ], "completed": false }, { "type": "text", "position": [ 114, 330, 129, 24 ], "completed": false }, { "type": "icon", "position": [ 506, 330, 24, 24 ], "completed": false }, { "type": "text", "position": [ 538, 330, 129, 24 ], "completed": false } ] }, { "text": "#A page giving info on three different cars.# There are three images followed by three titles, which are the types of these cars.", "region_id": "1584", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 19 38 1 0 | complete icon 59 38 1 0 | complete icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26 | title 1 32 37 4 | title 41 32 37 4 | title 81 32 37 4", "layout_seq_without_completion": "icon 19 38 1 0 | icon 59 38 1 0 | icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26 | title 1 32 37 4 | title 41 32 37 4 | title 81 32 37 4", "plain_layout_seq": "icon 19 38 1 0 | icon 59 38 1 0 | icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26 | title 1 32 37 4 | title 41 32 37 4 | title 81 32 37 4", "canvas_width": 964, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 10, 25, 301, 216 ], "completed": false }, { "type": "image", "position": [ 331, 25, 301, 216 ], "completed": false }, { "type": "image", "position": [ 653, 25, 301, 216 ], "completed": false }, { "type": "title", "position": [ 10, 262, 301, 34 ], "completed": false }, { "type": "title", "position": [ 331, 262, 301, 34 ], "completed": false }, { "type": "title", "position": [ 653, 262, 301, 34 ], "completed": false }, { "type": "icon", "position": [ 155, 310, 12, 6 ], "completed": true }, { "type": "icon", "position": [ 476, 310, 12, 6 ], "completed": true }, { "type": "icon", "position": [ 797, 310, 12, 6 ], "completed": true } ] }, { "text": "#A page giving info on three different cars.# There are three images followed by three text buttons, which are the types for these cars.", "region_id": "1584_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 1 32 37 4 | button 41 32 37 4 | button 81 32 37 4 | complete icon 19 38 1 0 | complete icon 59 38 1 0 | complete icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26", "layout_seq_without_completion": "button 1 32 37 4 | button 41 32 37 4 | button 81 32 37 4 | icon 19 38 1 0 | icon 59 38 1 0 | icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26", "plain_layout_seq": "button 1 32 37 4 | button 41 32 37 4 | button 81 32 37 4 | icon 19 38 1 0 | icon 59 38 1 0 | icon 99 38 1 0 | image 1 3 37 26 | image 41 3 37 26 | image 81 3 37 26", "canvas_width": 964, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 10, 25, 301, 216 ], "completed": false }, { "type": "image", "position": [ 331, 25, 301, 216 ], "completed": false }, { "type": "image", "position": [ 653, 25, 301, 216 ], "completed": false }, { "type": "button", "position": [ 10, 262, 301, 34 ], "completed": false }, { "type": "button", "position": [ 331, 262, 301, 34 ], "completed": false }, { "type": "button", "position": [ 653, 262, 301, 34 ], "completed": false }, { "type": "icon", "position": [ 155, 310, 12, 6 ], "completed": true }, { "type": "icon", "position": [ 476, 310, 12, 6 ], "completed": true }, { "type": "icon", "position": [ 797, 310, 12, 6 ], "completed": true } ] }, { "text": "# A page showing the latest in the IT industry. # The page should have the title \"THE LATEST IN THE IT INDUSTRY\" and three groups of information sets with each having a small image, a title, and a further description.", "region_id": "2441", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the latest in the it industry'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 3 0 112 26 | title 5 1 22 1 | \" [ description 5 12 34 9 | image 5 6 4 5 | title 11 7 27 3 ] | [ description 42 10 34 9 | image 42 6 4 3 | title 48 7 15 1 ] | [ description 80 11 34 9 | image 80 7 3 3 | title 85 6 29 3 ] \"", "layout_seq_without_completion": "background 3 0 112 26 | title 5 1 22 1 | \" [ description 5 12 34 9 | image 5 6 4 5 | title 11 7 27 3 ] | [ description 42 10 34 9 | image 42 6 4 3 | title 48 7 15 1 ] | [ description 80 11 34 9 | image 80 7 3 3 | title 85 6 29 3 ] \"", "plain_layout_seq": "background 3 0 112 26 | description 5 12 34 9 | description 42 10 34 9 | description 80 11 34 9 | image 5 6 4 5 | image 42 6 4 3 | image 80 7 3 3 | title 5 1 22 1 | title 11 7 27 3 | title 48 7 15 1 | title 85 6 29 3", "canvas_width": 1024, "canvas_height": 230, "elements": [ { "type": "background", "position": [ 32, 0, 960, 230 ], "completed": true }, { "type": "title", "position": [ 46, 15, 188, 13 ], "completed": false }, { "type": "image", "position": [ 45, 59, 40, 45 ], "completed": false }, { "type": "image", "position": [ 366, 59, 35, 33 ], "completed": false }, { "type": "title", "position": [ 730, 59, 249, 34 ], "completed": false }, { "type": "title", "position": [ 99, 61, 238, 34 ], "completed": false }, { "type": "title", "position": [ 415, 63, 132, 16 ], "completed": false }, { "type": "image", "position": [ 686, 65, 30, 27 ], "completed": false }, { "type": "description", "position": [ 366, 91, 292, 84 ], "completed": false }, { "type": "description", "position": [ 686, 99, 293, 84 ], "completed": false }, { "type": "description", "position": [ 45, 104, 292, 84 ], "completed": false } ] }, { "text": "#A page for providing two ways to manage their content on the website called MOW.#The page should include one text heading, two images, and two paragraphs of text for easy comprehension.", "region_id": "2826", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:text ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 23 9 72 6 | \" [ image 31 21 23 23 | complete image 37 27 11 10 | text 25 50 35 11 ] | [ image 67 21 23 23 | complete image 73 27 11 10 | text 64 50 30 11 ] \"", "layout_seq_without_completion": "title 23 9 72 6 | \" [ image 31 21 23 23 | image 37 27 11 10 | text 25 50 35 11 ] | [ image 67 21 23 23 | image 73 27 11 10 | text 64 50 30 11 ] \"", "plain_layout_seq": "image 31 21 23 23 | image 37 27 11 10 | image 67 21 23 23 | image 73 27 11 10 | text 25 50 35 11 | text 64 50 30 11 | title 23 9 72 6", "canvas_width": 1024, "canvas_height": 624, "elements": [ { "type": "title", "position": [ 204, 82, 617, 58 ], "completed": false }, { "type": "image", "position": [ 269, 180, 200, 200 ], "completed": false }, { "type": "image", "position": [ 577, 180, 200, 200 ], "completed": false }, { "type": "image", "position": [ 319, 233, 100, 93 ], "completed": true }, { "type": "image", "position": [ 627, 233, 100, 93 ], "completed": true }, { "type": "text", "position": [ 219, 427, 301, 96 ], "completed": false }, { "type": "text", "position": [ 549, 427, 256, 96 ], "completed": false } ] }, { "text": "#A page for showing products.# The page has a title named \u201cShop Now\u201d and five backgrounds with five product names.", "region_id": "7364", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop now'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 4 11 55 35 | background 4 83 55 35 | background 59 11 55 35 | background 59 47 55 35 | background 4 47 55 35 | title 7 111 10 4 | title 63 39 33 4 | title 7 39 33 4 | title 63 75 26 4 | title 4 0 110 5", "layout_seq_without_completion": "background 4 11 55 35 | background 4 83 55 35 | background 59 11 55 35 | background 59 47 55 35 | background 4 47 55 35 | title 7 111 10 4 | title 63 39 33 4 | title 7 39 33 4 | title 63 75 26 4 | title 4 0 110 5", "plain_layout_seq": "background 4 11 55 35 | background 4 83 55 35 | background 59 11 55 35 | background 59 47 55 35 | background 4 47 55 35 | title 7 111 10 4 | title 63 39 33 4 | title 7 39 33 4 | title 63 75 26 4 | title 4 0 110 5", "canvas_width": 1009, "canvas_height": 999, "elements": [ { "type": "title", "position": [ 40, 0, 929, 49 ], "completed": false }, { "type": "background", "position": [ 40, 99, 465, 300 ], "completed": false }, { "type": "background", "position": [ 504, 99, 464, 300 ], "completed": false }, { "type": "title", "position": [ 65, 335, 280, 39 ], "completed": false }, { "type": "title", "position": [ 530, 335, 282, 39 ], "completed": false }, { "type": "background", "position": [ 40, 399, 465, 300 ], "completed": false }, { "type": "background", "position": [ 504, 399, 464, 300 ], "completed": false }, { "type": "title", "position": [ 530, 635, 226, 39 ], "completed": false }, { "type": "background", "position": [ 40, 699, 465, 300 ], "completed": false }, { "type": "title", "position": [ 65, 935, 90, 39 ], "completed": false } ] }, { "text": "# A page to show the favorite products on an online store. # The page should have the title \"A few of our favorites\" divided into two entries on the top, and four images showing the product. Under each image, there should be two entries of text boxes showing the category and price of the product.", "region_id": "755", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'a few of our favorites'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text [attr:repeat'2'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 54 5 10 2 | title 45 8 29 5 | \" [ image 5 19 27 36 | text 5 57 24 2 | text 5 60 24 1 ] | [ image 32 19 27 36 | text 32 57 24 2 | text 32 60 24 1 ] | [ image 60 19 27 36 | text 60 57 24 2 | text 60 60 24 1 ] | [ image 87 19 27 36 | text 87 57 24 2 | text 87 60 24 1 ] \"", "layout_seq_without_completion": "title 54 5 10 2 | title 45 8 29 5 | \" [ image 5 19 27 36 | text 5 57 24 2 | text 5 60 24 1 ] | [ image 32 19 27 36 | text 32 57 24 2 | text 32 60 24 1 ] | [ image 60 19 27 36 | text 60 57 24 2 | text 60 60 24 1 ] | [ image 87 19 27 36 | text 87 57 24 2 | text 87 60 24 1 ] \"", "plain_layout_seq": "image 5 19 27 36 | image 32 19 27 36 | image 60 19 27 36 | image 87 19 27 36 | text 5 57 24 2 | text 5 60 24 1 | text 32 57 24 2 | text 32 60 24 1 | text 60 57 24 2 | text 60 60 24 1 | text 87 57 24 2 | text 87 60 24 1 | title 54 5 10 2 | title 45 8 29 5", "canvas_width": 1024, "canvas_height": 615, "elements": [ { "type": "title", "position": [ 466, 46, 92, 21 ], "completed": false }, { "type": "title", "position": [ 387, 75, 250, 50 ], "completed": false }, { "type": "image", "position": [ 48, 165, 232, 310 ], "completed": false }, { "type": "image", "position": [ 280, 165, 232, 310 ], "completed": false }, { "type": "image", "position": [ 512, 165, 232, 310 ], "completed": false }, { "type": "image", "position": [ 744, 165, 232, 310 ], "completed": false }, { "type": "text", "position": [ 48, 492, 208, 22 ], "completed": false }, { "type": "text", "position": [ 280, 492, 208, 22 ], "completed": false }, { "type": "text", "position": [ 512, 492, 208, 22 ], "completed": false }, { "type": "text", "position": [ 744, 492, 208, 22 ], "completed": false }, { "type": "text", "position": [ 48, 518, 208, 17 ], "completed": false }, { "type": "text", "position": [ 280, 518, 208, 17 ], "completed": false }, { "type": "text", "position": [ 512, 518, 208, 17 ], "completed": false }, { "type": "text", "position": [ 744, 518, 208, 17 ], "completed": false } ] }, { "text": "#A page for users to learn the four products.#The page has four groups and each group has an image and a title, \"soft covers\", \"hard covers\", \"print on demand\", and \"custom covers\". Also, there is a link for users to click, named \"learn more\".", "region_id": "8045", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'soft covers, hard covers, print on demand, custom covers'] [item [el:image] [el:title] [el:link [attr:value 'learn more'] ]] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 16 41 31 18 | image 16 6 31 18 | image 72 6 31 18 | image 72 41 31 18 | link 25 67 13 3 | link 81 67 13 3 | link 25 31 13 3 | link 81 31 13 3 | title 6 63 51 2 | title 61 63 51 2 | title 6 27 51 2 | title 61 27 51 2", "layout_seq_without_completion": "image 16 41 31 18 | image 16 6 31 18 | image 72 6 31 18 | image 72 41 31 18 | link 25 67 13 3 | link 81 67 13 3 | link 25 31 13 3 | link 81 31 13 3 | title 6 63 51 2 | title 61 63 51 2 | title 6 27 51 2 | title 61 27 51 2", "plain_layout_seq": "image 16 41 31 18 | image 16 6 31 18 | image 72 6 31 18 | image 72 41 31 18 | link 25 67 13 3 | link 81 67 13 3 | link 25 31 13 3 | link 81 31 13 3 | title 6 63 51 2 | title 61 63 51 2 | title 6 27 51 2 | title 61 27 51 2", "canvas_width": 1024, "canvas_height": 662, "elements": [ { "type": "image", "position": [ 143, 55, 266, 161 ], "completed": false }, { "type": "image", "position": [ 615, 55, 266, 161 ], "completed": false }, { "type": "title", "position": [ 55, 235, 442, 21 ], "completed": false }, { "type": "title", "position": [ 527, 235, 442, 21 ], "completed": false }, { "type": "link", "position": [ 220, 273, 112, 30 ], "completed": false }, { "type": "link", "position": [ 692, 273, 112, 30 ], "completed": false }, { "type": "image", "position": [ 143, 358, 266, 161 ], "completed": false }, { "type": "image", "position": [ 615, 358, 266, 161 ], "completed": false }, { "type": "title", "position": [ 55, 539, 442, 21 ], "completed": false }, { "type": "title", "position": [ 527, 539, 442, 21 ], "completed": false }, { "type": "link", "position": [ 220, 576, 112, 30 ], "completed": false }, { "type": "link", "position": [ 692, 576, 112, 30 ], "completed": false } ] }, { "text": "#A page to show some games and software.#There has a title \"Random selection of games and software\" .There are nine parts showing some games and software. Each part contains a title, an image, the platform, and the year of the game.", "region_id": "5295", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Random selection of games and software'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:title] [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 94 12 19 19 | image 1 68 29 18 | image 45 68 29 18 | image 89 68 29 18 | image 1 40 29 18 | image 89 40 29 18 | image 45 40 29 18 | image 1 12 29 18 | image 45 12 29 18 | text 45 88 14 2 | text 1 88 21 2 | text 1 32 4 2 | text 26 32 4 2 | text 26 60 4 2 | text 1 60 15 2 | text 89 32 7 2 | text 114 32 4 2 | text 114 60 4 2 | text 45 60 13 2 | text 89 60 4 2 | text 26 88 4 2 | text 45 32 4 2 | text 70 32 4 2 | text 70 60 4 2 | text 70 88 4 2 | text 89 88 4 2 | text 114 88 4 2 | title 1 10 15 2 | title 89 10 12 2 | title 45 66 17 2 | title 89 66 16 2 | title 89 38 13 2 | title 45 38 18 2 | title 45 10 17 2 | title 1 66 25 2 | title 1 38 12 2 | title 0 0 120 8", "layout_seq_without_completion": "image 94 12 19 19 | image 1 68 29 18 | image 45 68 29 18 | image 89 68 29 18 | image 1 40 29 18 | image 89 40 29 18 | image 45 40 29 18 | image 1 12 29 18 | image 45 12 29 18 | text 45 88 14 2 | text 1 88 21 2 | text 1 32 4 2 | text 26 32 4 2 | text 26 60 4 2 | text 1 60 15 2 | text 89 32 7 2 | text 114 32 4 2 | text 114 60 4 2 | text 45 60 13 2 | text 89 60 4 2 | text 26 88 4 2 | text 45 32 4 2 | text 70 32 4 2 | text 70 60 4 2 | text 70 88 4 2 | text 89 88 4 2 | text 114 88 4 2 | title 1 10 15 2 | title 89 10 12 2 | title 45 66 17 2 | title 89 66 16 2 | title 89 38 13 2 | title 45 38 18 2 | title 45 10 17 2 | title 1 66 25 2 | title 1 38 12 2 | title 0 0 120 8", "plain_layout_seq": "image 94 12 19 19 | image 1 68 29 18 | image 45 68 29 18 | image 89 68 29 18 | image 1 40 29 18 | image 89 40 29 18 | image 45 40 29 18 | image 1 12 29 18 | image 45 12 29 18 | text 45 88 14 2 | text 1 88 21 2 | text 1 32 4 2 | text 26 32 4 2 | text 26 60 4 2 | text 1 60 15 2 | text 89 32 7 2 | text 114 32 4 2 | text 114 60 4 2 | text 45 60 13 2 | text 89 60 4 2 | text 26 88 4 2 | text 45 32 4 2 | text 70 32 4 2 | text 70 60 4 2 | text 70 88 4 2 | text 89 88 4 2 | text 114 88 4 2 | title 1 10 15 2 | title 89 10 12 2 | title 45 66 17 2 | title 89 66 16 2 | title 89 38 13 2 | title 45 38 18 2 | title 45 10 17 2 | title 1 66 25 2 | title 1 38 12 2 | title 0 0 120 8", "canvas_width": 900, "canvas_height": 702, "elements": [ { "type": "title", "position": [ 0, 0, 900, 65 ], "completed": false }, { "type": "title", "position": [ 10, 78, 113, 15 ], "completed": false }, { "type": "title", "position": [ 340, 78, 132, 15 ], "completed": false }, { "type": "title", "position": [ 670, 78, 97, 15 ], "completed": false }, { "type": "image", "position": [ 10, 96, 220, 139 ], "completed": false }, { "type": "image", "position": [ 340, 96, 220, 138 ], "completed": false }, { "type": "image", "position": [ 708, 96, 144, 144 ], "completed": false }, { "type": "text", "position": [ 10, 242, 30, 16 ], "completed": false }, { "type": "text", "position": [ 199, 242, 31, 16 ], "completed": false }, { "type": "text", "position": [ 340, 242, 30, 16 ], "completed": false }, { "type": "text", "position": [ 529, 242, 31, 16 ], "completed": false }, { "type": "text", "position": [ 670, 242, 58, 16 ], "completed": false }, { "type": "text", "position": [ 859, 242, 31, 16 ], "completed": false }, { "type": "title", "position": [ 10, 287, 93, 15 ], "completed": false }, { "type": "title", "position": [ 340, 287, 137, 15 ], "completed": false }, { "type": "title", "position": [ 670, 287, 102, 15 ], "completed": false }, { "type": "image", "position": [ 10, 305, 220, 139 ], "completed": false }, { "type": "image", "position": [ 340, 305, 220, 139 ], "completed": false }, { "type": "image", "position": [ 670, 305, 220, 139 ], "completed": false }, { "type": "text", "position": [ 10, 451, 115, 16 ], "completed": false }, { "type": "text", "position": [ 199, 451, 31, 16 ], "completed": false }, { "type": "text", "position": [ 340, 451, 104, 16 ], "completed": false }, { "type": "text", "position": [ 529, 451, 31, 16 ], "completed": false }, { "type": "text", "position": [ 670, 451, 30, 16 ], "completed": false }, { "type": "text", "position": [ 859, 451, 31, 16 ], "completed": false }, { "type": "title", "position": [ 10, 496, 194, 15 ], "completed": false }, { "type": "title", "position": [ 340, 496, 128, 15 ], "completed": false }, { "type": "title", "position": [ 670, 496, 123, 15 ], "completed": false }, { "type": "image", "position": [ 10, 514, 220, 139 ], "completed": false }, { "type": "image", "position": [ 340, 514, 220, 139 ], "completed": false }, { "type": "image", "position": [ 670, 514, 220, 138 ], "completed": false }, { "type": "text", "position": [ 10, 660, 162, 16 ], "completed": false }, { "type": "text", "position": [ 199, 660, 31, 16 ], "completed": false }, { "type": "text", "position": [ 340, 660, 107, 16 ], "completed": false }, { "type": "text", "position": [ 529, 660, 31, 16 ], "completed": false }, { "type": "text", "position": [ 670, 660, 30, 16 ], "completed": false }, { "type": "text", "position": [ 859, 660, 31, 16 ], "completed": false } ] }, { "text": "#The page introducing some courses on BuddyBoss App for the user.#There should be one name, one title, one content, and ten groups, which contain one icon and one label.", "region_id": "3045", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text] [el:title] [el:description] [gp:InfoGroup [gattr:repeat '10'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : description undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 27 58 10 | icon 92 11 3 3 | icon 92 23 3 3 | icon 61 14 3 3 | icon 61 30 3 3 | icon 61 37 3 3 | icon 92 4 3 3 | icon 92 17 3 3 | icon 92 29 3 3 | icon 61 4 3 3 | icon 61 24 3 3 | text 0 4 13 3 | title 98 5 20 2 | title 67 31 15 2 | title 67 25 14 2 | title 98 30 10 2 | title 67 15 15 6 | title 98 11 14 2 | title 98 23 14 2 | title 67 5 12 6 | title 67 37 16 2 | title 98 17 13 2 | title 0 10 58 13", "layout_seq_without_completion": "description 0 27 58 10 | icon 92 11 3 3 | icon 92 23 3 3 | icon 61 14 3 3 | icon 61 30 3 3 | icon 61 37 3 3 | icon 92 4 3 3 | icon 92 17 3 3 | icon 92 29 3 3 | icon 61 4 3 3 | icon 61 24 3 3 | text 0 4 13 3 | title 98 5 20 2 | title 67 31 15 2 | title 67 25 14 2 | title 98 30 10 2 | title 67 15 15 6 | title 98 11 14 2 | title 98 23 14 2 | title 67 5 12 6 | title 67 37 16 2 | title 98 17 13 2 | title 0 10 58 13", "plain_layout_seq": "description 0 27 58 10 | icon 92 11 3 3 | icon 92 23 3 3 | icon 61 14 3 3 | icon 61 30 3 3 | icon 61 37 3 3 | icon 92 4 3 3 | icon 92 17 3 3 | icon 92 29 3 3 | icon 61 4 3 3 | icon 61 24 3 3 | text 0 4 13 3 | title 98 5 20 2 | title 67 31 15 2 | title 67 25 14 2 | title 98 30 10 2 | title 67 15 15 6 | title 98 11 14 2 | title 98 23 14 2 | title 67 5 12 6 | title 67 37 16 2 | title 98 17 13 2 | title 0 10 58 13", "canvas_width": 969, "canvas_height": 384, "elements": [ { "type": "text", "position": [ 0, 39, 108, 26 ], "completed": false }, { "type": "icon", "position": [ 500, 40, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 750, 40, 30, 30 ], "completed": false }, { "type": "title", "position": [ 546, 43, 99, 53 ], "completed": false }, { "type": "title", "position": [ 795, 43, 167, 23 ], "completed": false }, { "type": "title", "position": [ 0, 84, 469, 110 ], "completed": false }, { "type": "icon", "position": [ 750, 90, 30, 30 ], "completed": false }, { "type": "title", "position": [ 795, 93, 116, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 120, 30, 30 ], "completed": false }, { "type": "title", "position": [ 546, 123, 123, 53 ], "completed": false }, { "type": "icon", "position": [ 750, 140, 30, 30 ], "completed": false }, { "type": "title", "position": [ 795, 143, 109, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 190, 30, 30 ], "completed": false }, { "type": "title", "position": [ 795, 193, 121, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 200, 30, 30 ], "completed": false }, { "type": "title", "position": [ 546, 203, 116, 23 ], "completed": false }, { "type": "description", "position": [ 0, 220, 469, 84 ], "completed": false }, { "type": "icon", "position": [ 750, 240, 30, 30 ], "completed": false }, { "type": "title", "position": [ 795, 243, 88, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 250, 30, 30 ], "completed": false }, { "type": "title", "position": [ 546, 253, 124, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 300, 30, 30 ], "completed": false }, { "type": "title", "position": [ 546, 303, 137, 23 ], "completed": false } ] }, { "text": "#A page for showing the types of builders.#The page should have three groups and each group has an image and a description under it.", "region_id": "5557", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 49 24 20 2 | description 11 24 15 2 | description 91 24 19 2 | complete image 4 3 29 27 | image 94 6 13 15 | complete image 86 3 29 27 | complete image 45 3 29 27 | image 12 6 13 15 | complete image 0 0 37 36 | image 53 6 13 15", "layout_seq_without_completion": "description 49 24 20 2 | description 11 24 15 2 | description 91 24 19 2 | image 4 3 29 27 | image 94 6 13 15 | image 86 3 29 27 | image 45 3 29 27 | image 12 6 13 15 | image 0 0 37 36 | image 53 6 13 15", "plain_layout_seq": "description 49 24 20 2 | description 11 24 15 2 | description 91 24 19 2 | image 4 3 29 27 | image 94 6 13 15 | image 86 3 29 27 | image 45 3 29 27 | image 12 6 13 15 | image 0 0 37 36 | image 53 6 13 15", "canvas_width": 930, "canvas_height": 280, "elements": [ { "type": "image", "position": [ 1, 0, 291, 280 ], "completed": true }, { "type": "image", "position": [ 31, 30, 231, 210 ], "completed": true }, { "type": "image", "position": [ 350, 30, 231, 210 ], "completed": true }, { "type": "image", "position": [ 670, 30, 231, 210 ], "completed": true }, { "type": "image", "position": [ 94, 54, 106, 121 ], "completed": false }, { "type": "image", "position": [ 413, 54, 106, 121 ], "completed": false }, { "type": "image", "position": [ 732, 54, 106, 121 ], "completed": false }, { "type": "description", "position": [ 88, 193, 117, 23 ], "completed": false }, { "type": "description", "position": [ 387, 193, 159, 23 ], "completed": false }, { "type": "description", "position": [ 709, 193, 153, 23 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company.# The page should have three groups with each having a small image and a title to introduce the service: Made in the USA, Fast Shipping, and 24/7 Support.", "region_id": "7736", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'made in the usa, fast shipping, 24/7 support'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 94 9 8 8 | image 55 9 8 8 | image 16 9 8 8 | title 41 21 36 2 | title 80 21 36 2 | title 2 21 36 2", "layout_seq_without_completion": "image 94 9 8 8 | image 55 9 8 8 | image 16 9 8 8 | title 41 21 36 2 | title 80 21 36 2 | title 2 21 36 2", "plain_layout_seq": "image 94 9 8 8 | image 55 9 8 8 | image 16 9 8 8 | title 41 21 36 2 | title 80 21 36 2 | title 2 21 36 2", "canvas_width": 1024, "canvas_height": 290, "elements": [ { "type": "image", "position": [ 143, 82, 72, 71 ], "completed": false }, { "type": "image", "position": [ 476, 82, 72, 71 ], "completed": false }, { "type": "image", "position": [ 809, 82, 72, 71 ], "completed": false }, { "type": "title", "position": [ 22, 186, 313, 24 ], "completed": false }, { "type": "title", "position": [ 355, 186, 313, 24 ], "completed": false }, { "type": "title", "position": [ 689, 186, 313, 24 ], "completed": false } ] }, { "text": "#A page for introducing the business solutions to users.# The page should include one question on the top. Under it, there should be three solutions such as \"Figure Pay for Merchants\". And each of them consists of one title and one sentence showing purpose.", "region_id": "1229", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names'figure pay for merchants']\n[item [el:title] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 56 24 63 39 | title 15 10 41 10 | \" [ complete icon 64 27 2 2 | text 15 29 32 2 | title 15 25 32 3 ] | [ complete icon 64 37 2 2 | text 15 39 40 2 | title 15 36 21 3 ] | [ complete icon 64 48 2 2 | text 15 50 37 2 | title 15 46 27 3 ] \"", "layout_seq_without_completion": "image 56 24 63 39 | title 15 10 41 10 | \" [ icon 64 27 2 2 | text 15 29 32 2 | title 15 25 32 3 ] | [ icon 64 37 2 2 | text 15 39 40 2 | title 15 36 21 3 ] | [ icon 64 48 2 2 | text 15 50 37 2 | title 15 46 27 3 ] \"", "plain_layout_seq": "icon 64 27 2 2 | icon 64 37 2 2 | icon 64 48 2 2 | image 56 24 63 39 | text 15 29 32 2 | text 15 39 40 2 | text 15 50 37 2 | title 15 10 41 10 | title 15 25 32 3 | title 15 36 21 3 | title 15 46 27 3", "canvas_width": 919, "canvas_height": 492, "elements": [ { "type": "title", "position": [ 116, 80, 316, 82 ], "completed": false }, { "type": "image", "position": [ 430, 186, 489, 306 ], "completed": true }, { "type": "title", "position": [ 116, 198, 252, 24 ], "completed": false }, { "type": "icon", "position": [ 492, 212, 18, 18 ], "completed": true }, { "type": "text", "position": [ 116, 228, 252, 20 ], "completed": false }, { "type": "title", "position": [ 116, 276, 163, 24 ], "completed": false }, { "type": "icon", "position": [ 492, 290, 18, 18 ], "completed": true }, { "type": "text", "position": [ 116, 306, 308, 20 ], "completed": false }, { "type": "title", "position": [ 116, 354, 213, 24 ], "completed": false }, { "type": "icon", "position": [ 492, 368, 18, 18 ], "completed": true }, { "type": "text", "position": [ 116, 384, 286, 20 ], "completed": false } ] }, { "text": "#A page for introducing three solutions to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "523", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 2 9 36 37 | link 6 34 28 7 | complete text 11 7 18 4 | title 6 13 16 13 ] | [ image 41 9 36 37 | link 45 34 22 5 | complete text 55 7 9 4 | title 45 13 16 13 ] | [ image 80 9 36 37 | link 84 34 28 7 | complete text 89 5 19 7 | title 84 13 16 13 ] \"", "layout_seq_without_completion": "\" [ image 2 9 36 37 | link 6 34 28 7 | text 11 7 18 4 | title 6 13 16 13 ] | [ image 41 9 36 37 | link 45 34 22 5 | text 55 7 9 4 | title 45 13 16 13 ] | [ image 80 9 36 37 | link 84 34 28 7 | text 89 5 19 7 | title 84 13 16 13 ] \"", "plain_layout_seq": "image 2 9 36 37 | image 41 9 36 37 | image 80 9 36 37 | link 6 34 28 7 | link 45 34 22 5 | link 84 34 28 7 | text 11 7 18 4 | text 55 7 9 4 | text 89 5 19 7 | title 6 13 16 13 | title 45 13 16 13 | title 84 13 16 13", "canvas_width": 1024, "canvas_height": 398, "elements": [ { "type": "text", "position": [ 762, 50, 167, 60 ], "completed": true }, { "type": "text", "position": [ 98, 60, 161, 40 ], "completed": true }, { "type": "text", "position": [ 471, 60, 83, 40 ], "completed": true }, { "type": "image", "position": [ 24, 80, 309, 318 ], "completed": false }, { "type": "image", "position": [ 357, 80, 309, 318 ], "completed": false }, { "type": "image", "position": [ 691, 80, 309, 318 ], "completed": false }, { "type": "title", "position": [ 56, 112, 143, 115 ], "completed": false }, { "type": "title", "position": [ 389, 112, 143, 115 ], "completed": false }, { "type": "title", "position": [ 723, 112, 143, 115 ], "completed": false }, { "type": "link", "position": [ 56, 298, 245, 68 ], "completed": false }, { "type": "link", "position": [ 389, 298, 189, 48 ], "completed": false }, { "type": "link", "position": [ 723, 298, 245, 68 ], "completed": false } ] }, { "text": "#A page showing information about \"Drive revenue\" #. There should be a title with a short introduction.The content is divided into four groups, each with a number and an explanation. It would be nice to have an explanation at the bottom.", "region_id": "440", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:description] ] ] [el:description [attr:position'bottom'] ] ]", "execution": "multiinfo : description bottom undefined | description undefined small | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 3 7 68 9 | description 35 70 37 2 | description 76 38 18 5 | text 76 28 16 8 | title 3 0 112 4 | \" [ description 35 38 18 5 | text 51 28 7 8 | text 35 28 16 8 ] | [ description 35 58 18 5 | text 35 49 10 8 | text 45 49 7 8 ] | [ description 76 58 18 5 | text 76 49 9 8 | text 86 49 7 8 ] \"", "layout_seq_without_completion": "description 3 7 68 9 | description 35 70 37 2 | description 76 38 18 5 | text 76 28 16 8 | title 3 0 112 4 | \" [ description 35 38 18 5 | text 51 28 7 8 | text 35 28 16 8 ] | [ description 35 58 18 5 | text 35 49 10 8 | text 45 49 7 8 ] | [ description 76 58 18 5 | text 76 49 9 8 | text 86 49 7 8 ] \"", "plain_layout_seq": "description 3 7 68 9 | description 35 70 37 2 | description 76 38 18 5 | description 35 38 18 5 | description 35 58 18 5 | description 76 58 18 5 | text 76 28 16 8 | text 51 28 7 8 | text 35 28 16 8 | text 35 49 10 8 | text 45 49 7 8 | text 76 49 9 8 | text 86 49 7 8 | title 3 0 112 4", "canvas_width": 1024, "canvas_height": 719, "elements": [ { "type": "title", "position": [ 30, 0, 964, 42 ], "completed": false }, { "type": "description", "position": [ 30, 66, 588, 84 ], "completed": false }, { "type": "text", "position": [ 299, 246, 137, 72 ], "completed": false }, { "type": "text", "position": [ 437, 246, 63, 72 ], "completed": false }, { "type": "text", "position": [ 657, 246, 143, 72 ], "completed": false }, { "type": "description", "position": [ 299, 326, 156, 48 ], "completed": false }, { "type": "description", "position": [ 657, 326, 156, 48 ], "completed": false }, { "type": "text", "position": [ 299, 422, 93, 72 ], "completed": false }, { "type": "text", "position": [ 392, 422, 62, 72 ], "completed": false }, { "type": "text", "position": [ 657, 422, 85, 72 ], "completed": false }, { "type": "text", "position": [ 741, 422, 62, 72 ], "completed": false }, { "type": "description", "position": [ 299, 502, 156, 48 ], "completed": false }, { "type": "description", "position": [ 657, 502, 156, 48 ], "completed": false }, { "type": "description", "position": [ 299, 598, 317, 25 ], "completed": false } ] }, { "text": "#A page for showing different categories of products.# The page has eight pictures showing the products, and there is a title of the category beside each picture.", "region_id": "4234", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 16 0 11 11 | image 61 0 11 11 | image 76 0 11 11 | image 91 0 11 11 | image 1 0 11 11 | image 31 0 11 11 | image 46 0 11 11 | image 106 0 11 11 | title 46 12 11 6 | title 106 12 11 3 | title 16 12 11 3 | title 31 12 11 3 | title 61 12 11 6 | title 1 12 11 6 | title 76 12 11 6 | title 91 12 11 3", "layout_seq_without_completion": "image 16 0 11 11 | image 61 0 11 11 | image 76 0 11 11 | image 91 0 11 11 | image 1 0 11 11 | image 31 0 11 11 | image 46 0 11 11 | image 106 0 11 11 | title 46 12 11 6 | title 106 12 11 3 | title 16 12 11 3 | title 31 12 11 3 | title 61 12 11 6 | title 1 12 11 6 | title 76 12 11 6 | title 91 12 11 3", "plain_layout_seq": "image 16 0 11 11 | image 61 0 11 11 | image 76 0 11 11 | image 91 0 11 11 | image 1 0 11 11 | image 31 0 11 11 | image 46 0 11 11 | image 106 0 11 11 | title 46 12 11 6 | title 106 12 11 3 | title 16 12 11 3 | title 31 12 11 3 | title 61 12 11 6 | title 1 12 11 6 | title 76 12 11 6 | title 91 12 11 3", "canvas_width": 1024, "canvas_height": 186, "elements": [ { "type": "image", "position": [ 14, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 142, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 270, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 398, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 526, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 654, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 782, 0, 100, 100 ], "completed": false }, { "type": "image", "position": [ 910, 0, 100, 100 ], "completed": false }, { "type": "title", "position": [ 14, 104, 100, 52 ], "completed": false }, { "type": "title", "position": [ 142, 104, 100, 34 ], "completed": false }, { "type": "title", "position": [ 270, 104, 100, 34 ], "completed": false }, { "type": "title", "position": [ 398, 104, 100, 52 ], "completed": false }, { "type": "title", "position": [ 526, 104, 100, 52 ], "completed": false }, { "type": "title", "position": [ 654, 104, 100, 52 ], "completed": false }, { "type": "title", "position": [ 782, 104, 100, 34 ], "completed": false }, { "type": "title", "position": [ 910, 104, 100, 34 ], "completed": false } ] }, { "text": "#A page for showing some gemstones.# There are four groups and each group includes one image and one label for the gemstone's name.", "region_id": "8447", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 93 3 26 24 | image 3 3 26 24 | image 33 3 26 24 | image 63 3 26 24 | text 93 28 26 2 | text 3 28 26 2 | text 33 29 26 2 | text 63 28 26 2", "layout_seq_without_completion": "image 93 3 26 24 | image 3 3 26 24 | image 33 3 26 24 | image 63 3 26 24 | text 93 28 26 2 | text 3 28 26 2 | text 33 29 26 2 | text 63 28 26 2", "plain_layout_seq": "image 93 3 26 24 | image 3 3 26 24 | image 33 3 26 24 | image 63 3 26 24 | text 93 28 26 2 | text 3 28 26 2 | text 33 29 26 2 | text 63 28 26 2", "canvas_width": 995, "canvas_height": 325, "elements": [ { "type": "image", "position": [ 278, 27, 219, 207 ], "completed": false }, { "type": "image", "position": [ 776, 27, 219, 206 ], "completed": false }, { "type": "image", "position": [ 30, 29, 219, 200 ], "completed": false }, { "type": "image", "position": [ 527, 29, 219, 200 ], "completed": false }, { "type": "text", "position": [ 30, 237, 219, 24 ], "completed": false }, { "type": "text", "position": [ 527, 237, 219, 24 ], "completed": false }, { "type": "text", "position": [ 776, 240, 219, 24 ], "completed": false }, { "type": "text", "position": [ 278, 241, 219, 24 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # There should be four parts \"Government\" \"Healthcare\" \"Ecommerce\" \"Financial Service\" on the page. In each part, there should be an image, a title, and a text box with a short description.", "region_id": "1450", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [gattr:names'government, healthcare, ecommerce, financial service'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 19 3 37 37 | complete background 63 3 37 37 | complete background 63 48 37 37 | complete background 19 48 37 37 | description 22 23 30 5 | description 66 23 30 5 | description 22 68 30 5 | description 66 68 30 5 | image 22 10 8 6 | image 66 10 8 6 | image 22 55 8 6 | image 66 55 8 6 | title 22 18 30 2 | title 66 18 30 2 | title 22 63 30 2 | title 66 63 30 2", "layout_seq_without_completion": "background 19 3 37 37 | background 63 3 37 37 | background 63 48 37 37 | background 19 48 37 37 | description 22 23 30 5 | description 66 23 30 5 | description 22 68 30 5 | description 66 68 30 5 | image 22 10 8 6 | image 66 10 8 6 | image 22 55 8 6 | image 66 55 8 6 | title 22 18 30 2 | title 66 18 30 2 | title 22 63 30 2 | title 66 63 30 2", "plain_layout_seq": "background 19 3 37 37 | background 63 3 37 37 | background 63 48 37 37 | background 19 48 37 37 | description 22 23 30 5 | description 66 23 30 5 | description 22 68 30 5 | description 66 68 30 5 | image 22 10 8 6 | image 66 10 8 6 | image 22 55 8 6 | image 66 55 8 6 | title 22 18 30 2 | title 66 18 30 2 | title 22 63 30 2 | title 66 63 30 2", "canvas_width": 1024, "canvas_height": 760, "elements": [ { "type": "background", "position": [ 166, 30, 320, 320 ], "completed": true }, { "type": "background", "position": [ 538, 30, 320, 320 ], "completed": true }, { "type": "image", "position": [ 196, 90, 75, 55 ], "completed": false }, { "type": "image", "position": [ 568, 90, 75, 55 ], "completed": false }, { "type": "title", "position": [ 196, 162, 260, 24 ], "completed": false }, { "type": "title", "position": [ 568, 162, 260, 24 ], "completed": false }, { "type": "description", "position": [ 196, 201, 260, 44 ], "completed": false }, { "type": "description", "position": [ 568, 201, 260, 44 ], "completed": false }, { "type": "background", "position": [ 166, 410, 320, 320 ], "completed": true }, { "type": "background", "position": [ 538, 410, 320, 320 ], "completed": true }, { "type": "image", "position": [ 196, 470, 75, 55 ], "completed": false }, { "type": "image", "position": [ 568, 470, 75, 55 ], "completed": false }, { "type": "title", "position": [ 196, 542, 260, 24 ], "completed": false }, { "type": "title", "position": [ 568, 542, 260, 24 ], "completed": false }, { "type": "description", "position": [ 196, 581, 260, 44 ], "completed": false }, { "type": "description", "position": [ 568, 581, 260, 44 ], "completed": false } ] }, { "text": "#This page shows users some pictures of products# This page has four groups: Leggings, Loungewear, Swimwear, and Tops. Each group has a background image and the name of a product.", "region_id": "8633", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'leggings, loungewear, Swimwear,tops'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 0 3 29 38 | background 30 3 29 38 | background 60 3 29 38 | background 90 3 29 38 | title 6 34 17 5 | title 96 34 17 5 | title 36 34 17 5 | title 66 34 17 5", "layout_seq_without_completion": "background 0 3 29 38 | background 30 3 29 38 | background 60 3 29 38 | background 90 3 29 38 | title 6 34 17 5 | title 96 34 17 5 | title 36 34 17 5 | title 66 34 17 5", "plain_layout_seq": "background 0 3 29 38 | background 30 3 29 38 | background 60 3 29 38 | background 90 3 29 38 | title 6 34 17 5 | title 96 34 17 5 | title 36 34 17 5 | title 66 34 17 5", "canvas_width": 1026, "canvas_height": 365, "elements": [ { "type": "background", "position": [ 0, 32, 255, 326 ], "completed": false }, { "type": "background", "position": [ 257, 32, 255, 326 ], "completed": false }, { "type": "background", "position": [ 514, 32, 255, 326 ], "completed": false }, { "type": "background", "position": [ 771, 32, 255, 326 ], "completed": false }, { "type": "title", "position": [ 52, 294, 150, 44 ], "completed": false }, { "type": "title", "position": [ 310, 294, 150, 44 ], "completed": false }, { "type": "title", "position": [ 566, 294, 150, 44 ], "completed": false }, { "type": "title", "position": [ 824, 294, 150, 44 ], "completed": false } ] }, { "text": "#A page for users to show the products.#The page should have four groups and each group should have a title and an image under it. There is a brief description of the product and price at the bottom of the page.", "region_id": "8025", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:image][el:description [attr:size 'small'] ] [el:text [attr:position 'bottom'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text bottom undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text bottom undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text bottom undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text bottom undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 33 15 1 | image 3 4 22 28 | text 1 36 25 2 | title 1 0 26 4 ] | [ description 31 33 16 1 | image 35 4 19 28 | text 31 36 25 2 | title 31 0 26 4 ] | [ description 61 33 16 1 | image 65 4 18 28 | text 61 36 25 2 | title 61 0 26 4 ] | [ description 91 33 15 1 | image 96 4 16 28 | text 91 36 25 2 | title 91 0 26 4 ] \"", "layout_seq_without_completion": "\" [ description 1 33 15 1 | image 3 4 22 28 | text 1 36 25 2 | title 1 0 26 4 ] | [ description 31 33 16 1 | image 35 4 19 28 | text 31 36 25 2 | title 31 0 26 4 ] | [ description 61 33 16 1 | image 65 4 18 28 | text 61 36 25 2 | title 61 0 26 4 ] | [ description 91 33 15 1 | image 96 4 16 28 | text 91 36 25 2 | title 91 0 26 4 ] \"", "plain_layout_seq": "description 1 33 15 1 | description 31 33 16 1 | description 61 33 16 1 | description 91 33 15 1 | image 3 4 22 28 | image 35 4 19 28 | image 65 4 18 28 | image 96 4 16 28 | text 1 36 25 2 | text 31 36 25 2 | text 61 36 25 2 | text 91 36 25 2 | title 1 0 26 4 | title 31 0 26 4 | title 61 0 26 4 | title 91 0 26 4", "canvas_width": 996, "canvas_height": 341, "elements": [ { "type": "title", "position": [ 15, 0, 219, 40 ], "completed": false }, { "type": "title", "position": [ 264, 0, 219, 40 ], "completed": false }, { "type": "title", "position": [ 513, 0, 219, 40 ], "completed": false }, { "type": "title", "position": [ 762, 0, 219, 40 ], "completed": false }, { "type": "image", "position": [ 31, 40, 187, 240 ], "completed": false }, { "type": "image", "position": [ 293, 40, 161, 240 ], "completed": false }, { "type": "image", "position": [ 545, 40, 155, 240 ], "completed": false }, { "type": "image", "position": [ 802, 40, 139, 240 ], "completed": false }, { "type": "description", "position": [ 15, 282, 128, 15 ], "completed": false }, { "type": "description", "position": [ 264, 282, 137, 15 ], "completed": false }, { "type": "description", "position": [ 513, 282, 137, 15 ], "completed": false }, { "type": "description", "position": [ 762, 282, 128, 15 ], "completed": false }, { "type": "text", "position": [ 15, 300, 209, 20 ], "completed": false }, { "type": "text", "position": [ 264, 300, 209, 20 ], "completed": false }, { "type": "text", "position": [ 513, 300, 209, 20 ], "completed": false }, { "type": "text", "position": [ 762, 300, 209, 20 ], "completed": false } ] }, { "text": "#A page for users to find different kinds of discount codes.# The page should include the logo of the web, a title written \"Discount codes\" and a short description. There is also a button for users to see more discount codes. The page contains 10 information sets. Each group includes the logo of a company and a title.", "region_id": "5255", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:title [attr:value 'discount codes'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'see all discount codes'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:logo] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | logo undefined undefined | title undefined undefined | { [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 93 2 26 3 | description 7 3 74 2 | complete image 0 7 22 17 | complete image 48 7 22 17 | complete image 24 7 22 17 | complete image 73 7 22 17 | complete image 97 7 22 17 | complete image 0 26 22 17 | complete image 24 26 22 17 | complete image 48 26 22 17 | complete image 73 26 22 17 | complete image 97 26 22 17 | logo 51 9 16 4 | logo 100 28 16 4 | logo 2 28 16 4 | logo 51 28 16 4 | logo 2 9 16 4 | logo 76 9 16 4 | logo 100 9 16 4 | logo 27 28 16 4 | logo 76 28 16 4 | logo 27 9 16 4 | logo 0 0 6 5 | title 7 0 74 3 | title 99 33 18 5 | title 26 33 18 5 | title 50 33 18 7 | title 75 33 18 7 | title 1 14 18 5 | title 75 14 18 7 | title 50 14 18 5 | title 26 14 18 5 | title 99 14 18 5 | title 1 33 18 5", "layout_seq_without_completion": "button 93 2 26 3 | description 7 3 74 2 | image 0 7 22 17 | image 48 7 22 17 | image 24 7 22 17 | image 73 7 22 17 | image 97 7 22 17 | image 0 26 22 17 | image 24 26 22 17 | image 48 26 22 17 | image 73 26 22 17 | image 97 26 22 17 | logo 51 9 16 4 | logo 100 28 16 4 | logo 2 28 16 4 | logo 51 28 16 4 | logo 2 9 16 4 | logo 76 9 16 4 | logo 100 9 16 4 | logo 27 28 16 4 | logo 76 28 16 4 | logo 27 9 16 4 | logo 0 0 6 5 | title 7 0 74 3 | title 99 33 18 5 | title 26 33 18 5 | title 50 33 18 7 | title 75 33 18 7 | title 1 14 18 5 | title 75 14 18 7 | title 50 14 18 5 | title 26 14 18 5 | title 99 14 18 5 | title 1 33 18 5", "plain_layout_seq": "button 93 2 26 3 | description 7 3 74 2 | image 0 7 22 17 | image 48 7 22 17 | image 24 7 22 17 | image 73 7 22 17 | image 97 7 22 17 | image 0 26 22 17 | image 24 26 22 17 | image 48 26 22 17 | image 73 26 22 17 | image 97 26 22 17 | logo 51 9 16 4 | logo 100 28 16 4 | logo 2 28 16 4 | logo 51 28 16 4 | logo 2 9 16 4 | logo 76 9 16 4 | logo 100 9 16 4 | logo 27 28 16 4 | logo 76 28 16 4 | logo 27 9 16 4 | logo 0 0 6 5 | title 7 0 74 3 | title 99 33 18 5 | title 26 33 18 5 | title 50 33 18 7 | title 75 33 18 7 | title 1 14 18 5 | title 75 14 18 7 | title 50 14 18 5 | title 26 14 18 5 | title 99 14 18 5 | title 1 33 18 5", "canvas_width": 977, "canvas_height": 369, "elements": [ { "type": "logo", "position": [ 0, 0, 55, 45 ], "completed": false }, { "type": "title", "position": [ 60, 0, 610, 30 ], "completed": false }, { "type": "button", "position": [ 760, 22, 217, 30 ], "completed": false }, { "type": "description", "position": [ 60, 30, 610, 22 ], "completed": false }, { "type": "image", "position": [ 0, 62, 183, 141 ], "completed": true }, { "type": "image", "position": [ 198, 62, 184, 141 ], "completed": true }, { "type": "image", "position": [ 397, 62, 183, 141 ], "completed": true }, { "type": "image", "position": [ 595, 62, 184, 141 ], "completed": true }, { "type": "image", "position": [ 794, 62, 183, 141 ], "completed": true }, { "type": "logo", "position": [ 24, 78, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 223, 78, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 421, 78, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 619, 78, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 818, 78, 135, 40 ], "completed": false }, { "type": "title", "position": [ 16, 120, 151, 45 ], "completed": false }, { "type": "title", "position": [ 214, 120, 151, 45 ], "completed": false }, { "type": "title", "position": [ 413, 120, 151, 45 ], "completed": false }, { "type": "title", "position": [ 611, 120, 151, 63 ], "completed": false }, { "type": "title", "position": [ 810, 120, 151, 45 ], "completed": false }, { "type": "image", "position": [ 0, 218, 183, 141 ], "completed": true }, { "type": "image", "position": [ 198, 218, 184, 141 ], "completed": true }, { "type": "image", "position": [ 397, 218, 183, 141 ], "completed": true }, { "type": "image", "position": [ 595, 218, 184, 141 ], "completed": true }, { "type": "image", "position": [ 794, 218, 183, 141 ], "completed": true }, { "type": "logo", "position": [ 24, 234, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 223, 234, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 421, 234, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 619, 234, 135, 40 ], "completed": false }, { "type": "logo", "position": [ 818, 234, 135, 40 ], "completed": false }, { "type": "title", "position": [ 16, 276, 151, 45 ], "completed": false }, { "type": "title", "position": [ 214, 276, 151, 45 ], "completed": false }, { "type": "title", "position": [ 413, 276, 151, 63 ], "completed": false }, { "type": "title", "position": [ 611, 276, 151, 63 ], "completed": false }, { "type": "title", "position": [ 810, 276, 151, 45 ], "completed": false } ] }, { "text": "#This page conveys information to users in the form of dialogue. #This page has two groups: What happened? and What can I do? There are answers under each heading, plus a link to Additional troubleshooting information here.", "region_id": "3539", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'what happened?, what can i do?'] [item [el:title] [el:text] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | text undefined undefined | title undefined undefined ] | [ link undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 60 34 58 5 | text 0 6 57 9 | text 60 21 59 15 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 60 0 60 4 | title 0 0 57 4", "layout_seq_without_completion": "link 60 34 58 5 | text 0 6 57 9 | text 60 21 59 15 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 60 0 60 4 | title 0 0 57 4", "plain_layout_seq": "link 60 34 58 5 | text 0 6 57 9 | text 60 21 59 15 | text 60 11 60 3 | text 60 17 60 3 | text 60 6 60 3 | title 60 0 60 4 | title 0 0 57 4", "canvas_width": 960, "canvas_height": 326, "elements": [ { "type": "title", "position": [ 0, 0, 456, 39 ], "completed": false }, { "type": "title", "position": [ 480, 0, 480, 39 ], "completed": false }, { "type": "text", "position": [ 0, 55, 456, 78 ], "completed": false }, { "type": "text", "position": [ 480, 55, 480, 24 ], "completed": false }, { "type": "text", "position": [ 480, 88, 480, 26 ], "completed": false }, { "type": "text", "position": [ 480, 138, 480, 25 ], "completed": false }, { "type": "text", "position": [ 480, 173, 476, 123 ], "completed": false }, { "type": "link", "position": [ 480, 277, 468, 45 ], "completed": false } ] }, { "text": "#A page attracting users to join a network. # The page should have one title, 3 combinations of icon, title, and a short description to introduce the pros of the network. And two buttons are needed for users to click to transform the space and grow the business.", "region_id": "415", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:title] [el:description [attr:size'small'] ] ] ] [el:button [attr:value'transform the space'] ] [el:button [attr:value'grow the business'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 61 76 38 6 | button 19 76 38 6 | description 13 39 38 5 | description 68 39 38 5 | description 41 63 38 5 | icon 56 47 8 8 | icon 28 23 8 8 | icon 83 23 8 8 | title 21 33 21 2 | title 82 33 10 2 | title 5 9 109 8 | title 44 57 30 2", "layout_seq_without_completion": "button 61 76 38 6 | button 19 76 38 6 | description 13 39 38 5 | description 68 39 38 5 | description 41 63 38 5 | icon 56 47 8 8 | icon 28 23 8 8 | icon 83 23 8 8 | title 21 33 21 2 | title 82 33 10 2 | title 5 9 109 8 | title 44 57 30 2", "plain_layout_seq": "button 61 76 38 6 | button 19 76 38 6 | description 13 39 38 5 | description 68 39 38 5 | description 41 63 38 5 | icon 56 47 8 8 | icon 28 23 8 8 | icon 83 23 8 8 | title 21 33 21 2 | title 82 33 10 2 | title 5 9 109 8 | title 44 57 30 2", "canvas_width": 1024, "canvas_height": 816, "elements": [ { "type": "title", "position": [ 44, 80, 936, 72 ], "completed": false }, { "type": "icon", "position": [ 244, 200, 69, 69 ], "completed": false }, { "type": "icon", "position": [ 712, 200, 69, 69 ], "completed": false }, { "type": "title", "position": [ 185, 285, 185, 19 ], "completed": false }, { "type": "title", "position": [ 702, 285, 87, 19 ], "completed": false }, { "type": "description", "position": [ 116, 336, 325, 51 ], "completed": false }, { "type": "description", "position": [ 584, 336, 325, 51 ], "completed": false }, { "type": "icon", "position": [ 478, 403, 69, 69 ], "completed": false }, { "type": "title", "position": [ 383, 488, 257, 19 ], "completed": false }, { "type": "description", "position": [ 350, 539, 325, 51 ], "completed": false }, { "type": "button", "position": [ 170, 653, 326, 53 ], "completed": false }, { "type": "button", "position": [ 528, 653, 326, 53 ], "completed": false } ] }, { "text": "#This page presents bestsellers for users. #This page has a title \"Bestsellers\", and there are two words Mango Festival and Cake&Boxes below the title, and then it is divided into 8 groups, each group has the product's picture, name, price, and a shopping cart icon, There is also a button for View All Products at the bottom.", "region_id": "7237", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'bestsellers'] ] [el:text [attr:value ' Mango Festival'] ] [el:text [attr:value 'Cake&Boxes'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] [el:icon] ] ] [el:button [attr:position 'bottom'] [attr:value 'view all products'] ] ]", "execution": "multiinfo : button bottom undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 46 95 27 5 | \" [ text 30 13 28 3 | text 64 13 25 3 | title 5 8 108 2 ] | [ icon 25 25 3 3 | text 8 48 14 2 | title 6 45 19 1 ] | [ icon 54 25 3 3 | text 42 48 6 2 | title 32 45 24 1 ] | [ icon 84 25 3 3 | text 71 50 6 2 | title 64 45 19 4 ] | [ icon 113 25 3 3 | text 100 48 7 2 | title 96 45 14 1 ] | [ icon 25 58 3 3 | text 12 84 7 2 | title 8 79 14 4 ] | [ icon 54 58 3 3 | text 41 81 8 2 | title 36 79 17 1 ] | [ icon 84 58 3 3 | text 70 81 8 2 | title 66 78 15 1 ] | [ icon 113 58 3 3 | text 99 81 8 2 | title 96 78 15 1 ] \"", "layout_seq_without_completion": "button 46 95 27 5 | \" [ text 30 13 28 3 | text 64 13 25 3 | title 5 8 108 2 ] | [ icon 25 25 3 3 | text 8 48 14 2 | title 6 45 19 1 ] | [ icon 54 25 3 3 | text 42 48 6 2 | title 32 45 24 1 ] | [ icon 84 25 3 3 | text 71 50 6 2 | title 64 45 19 4 ] | [ icon 113 25 3 3 | text 100 48 7 2 | title 96 45 14 1 ] | [ icon 25 58 3 3 | text 12 84 7 2 | title 8 79 14 4 ] | [ icon 54 58 3 3 | text 41 81 8 2 | title 36 79 17 1 ] | [ icon 84 58 3 3 | text 70 81 8 2 | title 66 78 15 1 ] | [ icon 113 58 3 3 | text 99 81 8 2 | title 96 78 15 1 ] \"", "plain_layout_seq": "button 46 95 27 5 | icon 25 25 3 3 | icon 54 25 3 3 | icon 84 25 3 3 | icon 113 25 3 3 | icon 25 58 3 3 | icon 54 58 3 3 | icon 84 58 3 3 | icon 113 58 3 3 | text 30 13 28 3 | text 64 13 25 3 | text 8 48 14 2 | text 42 48 6 2 | text 71 50 6 2 | text 100 48 7 2 | text 12 84 7 2 | text 41 81 8 2 | text 70 81 8 2 | text 99 81 8 2 | title 5 8 108 2 | title 6 45 19 1 | title 32 45 24 1 | title 64 45 19 4 | title 96 45 14 1 | title 8 79 14 4 | title 36 79 17 1 | title 66 78 15 1 | title 96 78 15 1", "canvas_width": 1024, "canvas_height": 942, "elements": [ { "type": "title", "position": [ 50, 76, 924, 20 ], "completed": false }, { "type": "text", "position": [ 263, 112, 239, 34 ], "completed": false }, { "type": "text", "position": [ 547, 112, 214, 34 ], "completed": false }, { "type": "icon", "position": [ 218, 216, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 468, 216, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 718, 216, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 968, 216, 34, 34 ], "completed": false }, { "type": "title", "position": [ 54, 390, 166, 15 ], "completed": false }, { "type": "title", "position": [ 280, 390, 213, 15 ], "completed": false }, { "type": "title", "position": [ 554, 390, 166, 35 ], "completed": false }, { "type": "title", "position": [ 824, 390, 127, 15 ], "completed": false }, { "type": "text", "position": [ 74, 412, 127, 20 ], "completed": false }, { "type": "text", "position": [ 360, 412, 54, 20 ], "completed": false }, { "type": "text", "position": [ 857, 412, 61, 20 ], "completed": false }, { "type": "text", "position": [ 609, 432, 57, 20 ], "completed": false }, { "type": "icon", "position": [ 218, 502, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 468, 502, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 718, 502, 34, 34 ], "completed": false }, { "type": "icon", "position": [ 968, 502, 34, 34 ], "completed": false }, { "type": "title", "position": [ 571, 674, 132, 15 ], "completed": false }, { "type": "title", "position": [ 820, 674, 134, 15 ], "completed": false }, { "type": "title", "position": [ 314, 675, 146, 15 ], "completed": false }, { "type": "title", "position": [ 75, 676, 124, 35 ], "completed": false }, { "type": "text", "position": [ 601, 696, 73, 20 ], "completed": false }, { "type": "text", "position": [ 851, 696, 73, 20 ], "completed": false }, { "type": "text", "position": [ 351, 697, 73, 20 ], "completed": false }, { "type": "text", "position": [ 107, 717, 61, 20 ], "completed": false }, { "type": "button", "position": [ 396, 817, 232, 45 ], "completed": false } ] }, { "text": "#A page introducing the products. # The page should have a title, and 4 groups to list the different products. Each group should have one image, two text boxes to show the title and one short introduction of the product, and a button for users to click to read more.", "region_id": "1926", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title][el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 14 22 5 | \" [ button 4 54 8 2 | description 4 41 25 9 | complete icon 13 55 1 1 | image 4 27 6 4 | title 4 35 8 3 ] | [ button 32 54 8 2 | description 32 41 25 9 | complete icon 42 55 1 1 | image 32 26 5 5 | title 32 35 9 3 ] | [ button 61 57 8 2 | description 61 41 25 11 | complete icon 71 57 1 1 | image 61 27 7 5 | title 61 35 20 3 ] | [ button 90 54 8 2 | description 90 41 25 9 | complete icon 100 55 1 1 | image 90 26 4 6 | title 90 35 9 3 ] \"", "layout_seq_without_completion": "title 4 14 22 5 | \" [ button 4 54 8 2 | description 4 41 25 9 | icon 13 55 1 1 | image 4 27 6 4 | title 4 35 8 3 ] | [ button 32 54 8 2 | description 32 41 25 9 | icon 42 55 1 1 | image 32 26 5 5 | title 32 35 9 3 ] | [ button 61 57 8 2 | description 61 41 25 11 | icon 71 57 1 1 | image 61 27 7 5 | title 61 35 20 3 ] | [ button 90 54 8 2 | description 90 41 25 9 | icon 100 55 1 1 | image 90 26 4 6 | title 90 35 9 3 ] \"", "plain_layout_seq": "button 4 54 8 2 | button 32 54 8 2 | button 61 57 8 2 | button 90 54 8 2 | description 4 41 25 9 | description 32 41 25 9 | description 61 41 25 11 | description 90 41 25 9 | icon 13 55 1 1 | icon 42 55 1 1 | icon 71 57 1 1 | icon 100 55 1 1 | image 4 27 6 4 | image 32 26 5 5 | image 61 27 7 5 | image 90 26 4 6 | title 4 14 22 5 | title 4 35 8 3 | title 32 35 9 3 | title 61 35 20 3 | title 90 35 9 3", "canvas_width": 1024, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 35, 120, 196, 46 ], "completed": false }, { "type": "image", "position": [ 773, 228, 36, 58 ], "completed": false }, { "type": "image", "position": [ 281, 229, 50, 47 ], "completed": false }, { "type": "image", "position": [ 527, 232, 60, 48 ], "completed": false }, { "type": "image", "position": [ 35, 235, 55, 42 ], "completed": false }, { "type": "title", "position": [ 35, 306, 72, 32 ], "completed": false }, { "type": "title", "position": [ 281, 306, 83, 32 ], "completed": false }, { "type": "title", "position": [ 527, 306, 178, 32 ], "completed": false }, { "type": "title", "position": [ 773, 306, 78, 32 ], "completed": false }, { "type": "description", "position": [ 35, 358, 216, 80 ], "completed": false }, { "type": "description", "position": [ 281, 358, 216, 80 ], "completed": false }, { "type": "description", "position": [ 527, 358, 216, 100 ], "completed": false }, { "type": "description", "position": [ 773, 358, 216, 80 ], "completed": false }, { "type": "button", "position": [ 35, 468, 74, 18 ], "completed": false }, { "type": "button", "position": [ 281, 468, 74, 18 ], "completed": false }, { "type": "button", "position": [ 773, 468, 74, 18 ], "completed": false }, { "type": "icon", "position": [ 118, 470, 15, 14 ], "completed": true }, { "type": "icon", "position": [ 364, 470, 15, 14 ], "completed": true }, { "type": "icon", "position": [ 856, 470, 15, 14 ], "completed": true }, { "type": "button", "position": [ 527, 488, 74, 18 ], "completed": false }, { "type": "icon", "position": [ 610, 490, 15, 14 ], "completed": true } ] }, { "text": "#A page introducing the products. # The page should have a title, and some groups to list the different products. Each group should have one image, two text boxes to show the title and one short introduction of the product, and a button for users to click to read more.", "region_id": "1926_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:image] [el:title] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 14 22 5 | \" [ button 13 55 1 1 | description 4 41 25 9 | image 4 27 6 4 | title 4 54 8 2 | title 4 35 8 3 ] | [ button 42 55 1 1 | description 32 41 25 9 | image 32 26 5 5 | title 32 54 8 2 | title 32 35 9 3 ] | [ button 71 57 1 1 | description 61 41 25 11 | image 61 27 7 5 | title 61 57 8 2 | title 61 35 20 3 ] | [ button 100 55 1 1 | description 90 41 25 9 | image 90 26 4 6 | title 90 54 8 2 | title 90 35 9 3 ] \"", "layout_seq_without_completion": "title 4 14 22 5 | \" [ button 13 55 1 1 | description 4 41 25 9 | image 4 27 6 4 | title 4 54 8 2 | title 4 35 8 3 ] | [ button 42 55 1 1 | description 32 41 25 9 | image 32 26 5 5 | title 32 54 8 2 | title 32 35 9 3 ] | [ button 71 57 1 1 | description 61 41 25 11 | image 61 27 7 5 | title 61 57 8 2 | title 61 35 20 3 ] | [ button 100 55 1 1 | description 90 41 25 9 | image 90 26 4 6 | title 90 54 8 2 | title 90 35 9 3 ] \"", "plain_layout_seq": "button 13 55 1 1 | button 42 55 1 1 | button 71 57 1 1 | button 100 55 1 1 | description 4 41 25 9 | description 32 41 25 9 | description 61 41 25 11 | description 90 41 25 9 | image 4 27 6 4 | image 32 26 5 5 | image 61 27 7 5 | image 90 26 4 6 | title 4 14 22 5 | title 4 54 8 2 | title 4 35 8 3 | title 32 54 8 2 | title 32 35 9 3 | title 61 57 8 2 | title 61 35 20 3 | title 90 54 8 2 | title 90 35 9 3", "canvas_width": 1024, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 35, 120, 196, 46 ], "completed": false }, { "type": "image", "position": [ 773, 228, 36, 58 ], "completed": false }, { "type": "image", "position": [ 281, 229, 50, 47 ], "completed": false }, { "type": "image", "position": [ 527, 232, 60, 48 ], "completed": false }, { "type": "image", "position": [ 35, 235, 55, 42 ], "completed": false }, { "type": "title", "position": [ 35, 306, 72, 32 ], "completed": false }, { "type": "title", "position": [ 281, 306, 83, 32 ], "completed": false }, { "type": "title", "position": [ 527, 306, 178, 32 ], "completed": false }, { "type": "title", "position": [ 773, 306, 78, 32 ], "completed": false }, { "type": "description", "position": [ 35, 358, 216, 80 ], "completed": false }, { "type": "description", "position": [ 281, 358, 216, 80 ], "completed": false }, { "type": "description", "position": [ 527, 358, 216, 100 ], "completed": false }, { "type": "description", "position": [ 773, 358, 216, 80 ], "completed": false }, { "type": "title", "position": [ 35, 468, 74, 18 ], "completed": false }, { "type": "title", "position": [ 281, 468, 74, 18 ], "completed": false }, { "type": "title", "position": [ 773, 468, 74, 18 ], "completed": false }, { "type": "button", "position": [ 118, 470, 15, 14 ], "completed": false }, { "type": "button", "position": [ 364, 470, 15, 14 ], "completed": false }, { "type": "button", "position": [ 856, 470, 15, 14 ], "completed": false }, { "type": "title", "position": [ 527, 488, 74, 18 ], "completed": false }, { "type": "button", "position": [ 610, 490, 15, 14 ], "completed": false } ] }, { "text": "# A page to introduce the company Aramco.# On the page, there should be a title \"Aramco at Glance\", and three groups of text boxes. In each text box, there should be two textboxes with specific data and a short description. Below the text boxes should be a text button. So the user can click them to have an overview of the history, the products of the company, and find a career in the company.", "region_id": "704", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'aramco at glance'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description [attr:size'small'] ] [el:button [attr:position'bottom'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button bottom undefined | description undefined small | text undefined undefined ] | [ button bottom undefined | description undefined small | text undefined undefined ] | [ button bottom undefined | description undefined small | text undefined undefined ] }", "layout_seq_with_completion": "title 45 0 30 4 | \" [ button 18 35 12 5 | description 7 25 34 6 | text 7 19 34 5 ] | [ button 52 35 15 5 | description 42 25 34 6 | text 42 19 34 5 ] | [ button 85 35 19 5 | description 77 25 34 6 | text 77 19 34 5 ] \"", "layout_seq_without_completion": "title 45 0 30 4 | \" [ button 18 35 12 5 | description 7 25 34 6 | text 7 19 34 5 ] | [ button 52 35 15 5 | description 42 25 34 6 | text 42 19 34 5 ] | [ button 85 35 19 5 | description 77 25 34 6 | text 77 19 34 5 ] \"", "plain_layout_seq": "button 18 35 12 5 | button 52 35 15 5 | button 85 35 19 5 | description 7 25 34 6 | description 42 25 34 6 | description 77 25 34 6 | text 7 19 34 5 | text 42 19 34 5 | text 77 19 34 5 | title 45 0 30 4", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 384, 0, 256, 40 ], "completed": false }, { "type": "text", "position": [ 65, 169, 298, 48 ], "completed": false }, { "type": "text", "position": [ 363, 169, 298, 48 ], "completed": false }, { "type": "text", "position": [ 661, 169, 298, 48 ], "completed": false }, { "type": "description", "position": [ 65, 217, 298, 55 ], "completed": false }, { "type": "description", "position": [ 363, 217, 298, 55 ], "completed": false }, { "type": "description", "position": [ 661, 217, 298, 55 ], "completed": false }, { "type": "button", "position": [ 161, 302, 106, 45 ], "completed": false }, { "type": "button", "position": [ 445, 302, 134, 45 ], "completed": false }, { "type": "button", "position": [ 727, 302, 166, 45 ], "completed": false } ] }, { "text": "# A page for selling birthday party apparel.# The page should have the title \"NEW! BIRTHDAY PARTY APPAREL\" and eight groups of product information with each having an image, a product name, and a price. Then a button \"VIEW ALL\" should be provided on the page for the user to view all products.", "region_id": "7494", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new! birthday party apparel'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ]]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 99 13 5 | title 6 0 107 2 | \" [ image 6 9 24 24 | complete link 6 9 24 34 | text 6 41 5 3 | text 6 41 5 1 | title 6 35 18 5 ] | [ image 34 9 24 24 | complete link 33 9 24 34 | text 34 41 5 3 | text 34 41 5 1 | title 34 35 18 5 ] | [ image 61 9 24 24 | complete link 61 9 24 34 | text 61 41 5 3 | text 61 41 5 1 | title 61 35 18 5 ] | [ image 89 9 24 24 | complete link 89 9 24 34 | text 89 41 5 3 | text 89 41 5 1 | title 89 35 18 5 ] | [ image 6 48 24 24 | complete link 6 48 24 37 | text 6 83 6 1 | text 6 83 5 3 | title 6 74 20 8 ] | [ image 34 48 24 24 | complete link 33 48 24 37 | text 34 83 5 3 | text 34 83 6 1 | title 34 74 20 8 ] | [ image 61 48 24 15 | complete link 61 48 24 29 | text 61 75 5 3 | text 61 75 6 1 | title 61 66 20 8 ] | [ image 89 48 24 15 | complete link 89 48 24 29 | text 89 75 6 1 | text 89 75 5 3 | title 89 66 20 8 ] \"", "layout_seq_without_completion": "button 53 99 13 5 | title 6 0 107 2 | \" [ image 6 9 24 24 | link 6 9 24 34 | text 6 41 5 3 | text 6 41 5 1 | title 6 35 18 5 ] | [ image 34 9 24 24 | link 33 9 24 34 | text 34 41 5 3 | text 34 41 5 1 | title 34 35 18 5 ] | [ image 61 9 24 24 | link 61 9 24 34 | text 61 41 5 3 | text 61 41 5 1 | title 61 35 18 5 ] | [ image 89 9 24 24 | link 89 9 24 34 | text 89 41 5 3 | text 89 41 5 1 | title 89 35 18 5 ] | [ image 6 48 24 24 | link 6 48 24 37 | text 6 83 6 1 | text 6 83 5 3 | title 6 74 20 8 ] | [ image 34 48 24 24 | link 33 48 24 37 | text 34 83 5 3 | text 34 83 6 1 | title 34 74 20 8 ] | [ image 61 48 24 15 | link 61 48 24 29 | text 61 75 5 3 | text 61 75 6 1 | title 61 66 20 8 ] | [ image 89 48 24 15 | link 89 48 24 29 | text 89 75 6 1 | text 89 75 5 3 | title 89 66 20 8 ] \"", "plain_layout_seq": "button 53 99 13 5 | image 6 9 24 24 | image 34 9 24 24 | image 61 9 24 24 | image 89 9 24 24 | image 6 48 24 24 | image 34 48 24 24 | image 61 48 24 15 | image 89 48 24 15 | link 6 9 24 34 | link 33 9 24 34 | link 61 9 24 34 | link 89 9 24 34 | link 6 48 24 37 | link 33 48 24 37 | link 61 48 24 29 | link 89 48 24 29 | text 6 41 5 3 | text 6 41 5 1 | text 34 41 5 3 | text 34 41 5 1 | text 61 41 5 3 | text 61 41 5 1 | text 89 41 5 3 | text 89 41 5 1 | text 6 83 6 1 | text 6 83 5 3 | text 34 83 5 3 | text 34 83 6 1 | text 61 75 5 3 | text 61 75 6 1 | text 89 75 6 1 | text 89 75 5 3 | title 6 0 107 2 | title 6 35 18 5 | title 34 35 18 5 | title 61 35 18 5 | title 89 35 18 5 | title 6 74 20 8 | title 34 74 20 8 | title 61 66 20 8 | title 89 66 20 8", "canvas_width": 1024, "canvas_height": 943, "elements": [ { "type": "title", "position": [ 55, 0, 914, 25 ], "completed": false }, { "type": "link", "position": [ 54, 80, 207, 297 ], "completed": true }, { "type": "image", "position": [ 55, 80, 206, 206 ], "completed": false }, { "type": "link", "position": [ 290, 80, 207, 297 ], "completed": true }, { "type": "image", "position": [ 291, 80, 206, 206 ], "completed": false }, { "type": "link", "position": [ 526, 80, 207, 297 ], "completed": true }, { "type": "image", "position": [ 527, 80, 206, 206 ], "completed": false }, { "type": "link", "position": [ 762, 80, 207, 297 ], "completed": true }, { "type": "image", "position": [ 763, 80, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 301, 158, 49 ], "completed": false }, { "type": "title", "position": [ 291, 301, 158, 49 ], "completed": false }, { "type": "title", "position": [ 527, 301, 158, 49 ], "completed": false }, { "type": "title", "position": [ 763, 301, 158, 49 ], "completed": false }, { "type": "text", "position": [ 55, 351, 43, 27 ], "completed": false }, { "type": "text", "position": [ 291, 351, 43, 27 ], "completed": false }, { "type": "text", "position": [ 527, 351, 43, 27 ], "completed": false }, { "type": "text", "position": [ 763, 351, 43, 27 ], "completed": false }, { "type": "text", "position": [ 55, 353, 51, 16 ], "completed": false }, { "type": "text", "position": [ 291, 353, 51, 16 ], "completed": false }, { "type": "text", "position": [ 527, 353, 51, 16 ], "completed": false }, { "type": "text", "position": [ 763, 353, 51, 16 ], "completed": false }, { "type": "link", "position": [ 54, 411, 207, 324 ], "completed": true }, { "type": "link", "position": [ 290, 411, 207, 324 ], "completed": true }, { "type": "link", "position": [ 526, 411, 207, 254 ], "completed": true }, { "type": "link", "position": [ 762, 411, 207, 254 ], "completed": true }, { "type": "image", "position": [ 55, 412, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 412, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 412, 206, 136 ], "completed": false }, { "type": "image", "position": [ 763, 412, 206, 136 ], "completed": false }, { "type": "title", "position": [ 527, 564, 171, 75 ], "completed": false }, { "type": "title", "position": [ 763, 564, 171, 75 ], "completed": false }, { "type": "title", "position": [ 55, 633, 171, 75 ], "completed": false }, { "type": "title", "position": [ 291, 633, 171, 75 ], "completed": false }, { "type": "text", "position": [ 527, 640, 44, 27 ], "completed": false }, { "type": "text", "position": [ 763, 640, 44, 27 ], "completed": false }, { "type": "text", "position": [ 527, 642, 52, 16 ], "completed": false }, { "type": "text", "position": [ 763, 642, 52, 16 ], "completed": false }, { "type": "text", "position": [ 55, 709, 44, 27 ], "completed": false }, { "type": "text", "position": [ 291, 709, 44, 27 ], "completed": false }, { "type": "text", "position": [ 55, 711, 52, 16 ], "completed": false }, { "type": "text", "position": [ 291, 711, 52, 16 ], "completed": false }, { "type": "button", "position": [ 456, 845, 112, 43 ], "completed": false } ] }, { "text": "#A page for introducing empowering communities to users.# The page should include two parts of the content. Each part contains an image, one title, and a brief description.", "region_id": "420", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 41 56 10 | image 16 6 26 26 | complete image 23 13 13 12 | title 1 37 56 2 ] | [ description 61 41 56 10 | image 76 6 26 26 | complete image 83 13 13 12 | title 61 37 56 2 ] \"", "layout_seq_without_completion": "\" [ description 1 41 56 10 | image 16 6 26 26 | image 23 13 13 12 | title 1 37 56 2 ] | [ description 61 41 56 10 | image 76 6 26 26 | image 83 13 13 12 | title 61 37 56 2 ] \"", "plain_layout_seq": "description 1 41 56 10 | description 61 41 56 10 | image 16 6 26 26 | image 23 13 13 12 | image 76 6 26 26 | image 83 13 13 12 | title 1 37 56 2 | title 61 37 56 2", "canvas_width": 914, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 127, 50, 204, 199 ], "completed": false }, { "type": "image", "position": [ 583, 50, 204, 199 ], "completed": false }, { "type": "image", "position": [ 179, 102, 100, 95 ], "completed": true }, { "type": "image", "position": [ 635, 102, 100, 95 ], "completed": true }, { "type": "title", "position": [ 15, 282, 427, 19 ], "completed": false }, { "type": "title", "position": [ 472, 282, 427, 19 ], "completed": false }, { "type": "description", "position": [ 15, 316, 427, 81 ], "completed": false }, { "type": "description", "position": [ 472, 316, 427, 81 ], "completed": false } ] }, { "text": "# A page showing the categories in an online shop. # The page should have six groups with each having a title, an image, and a link \"View all\" for the user to click to view the product in each category.", "region_id": "8607", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:image] [el:link [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 7 18 28 28 | complete image 2 0 38 52 | link 19 12 4 1 | title 8 3 26 9 ] | [ complete image 40 0 38 52 | image 45 18 28 28 | link 57 8 4 1 | title 46 3 26 4 ] | [ complete image 79 0 38 52 | image 84 18 28 28 | link 96 8 4 1 | title 85 3 26 4 ] | [ complete image 2 52 38 47 | image 7 66 28 28 | link 19 60 4 1 | title 8 55 26 4 ] | [ complete image 40 52 38 47 | image 45 66 28 28 | link 57 60 4 1 | title 46 55 26 4 ] | [ complete image 79 52 38 47 | image 84 66 28 28 | link 96 60 4 1 | title 85 55 26 4 ] \"", "layout_seq_without_completion": "\" [ image 7 18 28 28 | image 2 0 38 52 | link 19 12 4 1 | title 8 3 26 9 ] | [ image 40 0 38 52 | image 45 18 28 28 | link 57 8 4 1 | title 46 3 26 4 ] | [ image 79 0 38 52 | image 84 18 28 28 | link 96 8 4 1 | title 85 3 26 4 ] | [ image 2 52 38 47 | image 7 66 28 28 | link 19 60 4 1 | title 8 55 26 4 ] | [ image 40 52 38 47 | image 45 66 28 28 | link 57 60 4 1 | title 46 55 26 4 ] | [ image 79 52 38 47 | image 84 66 28 28 | link 96 60 4 1 | title 85 55 26 4 ] \"", "plain_layout_seq": "image 7 18 28 28 | image 2 0 38 52 | image 40 0 38 52 | image 45 18 28 28 | image 79 0 38 52 | image 84 18 28 28 | image 2 52 38 47 | image 7 66 28 28 | image 40 52 38 47 | image 45 66 28 28 | image 79 52 38 47 | image 84 66 28 28 | link 19 12 4 1 | link 57 8 4 1 | link 96 8 4 1 | link 19 60 4 1 | link 57 60 4 1 | link 96 60 4 1 | title 8 3 26 9 | title 46 3 26 4 | title 85 3 26 4 | title 8 55 26 4 | title 46 55 26 4 | title 85 55 26 4", "canvas_width": 1024, "canvas_height": 856, "elements": [ { "type": "image", "position": [ 20, 0, 328, 447 ], "completed": true }, { "type": "image", "position": [ 348, 0, 328, 447 ], "completed": true }, { "type": "image", "position": [ 676, 0, 328, 447 ], "completed": true }, { "type": "title", "position": [ 73, 30, 223, 77 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 39 ], "completed": false }, { "type": "link", "position": [ 493, 72, 39, 17 ], "completed": false }, { "type": "link", "position": [ 821, 72, 39, 17 ], "completed": false }, { "type": "link", "position": [ 165, 110, 39, 17 ], "completed": false }, { "type": "image", "position": [ 61, 159, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 159, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 159, 247, 247 ], "completed": false }, { "type": "image", "position": [ 20, 447, 328, 409 ], "completed": true }, { "type": "image", "position": [ 348, 447, 328, 409 ], "completed": true }, { "type": "image", "position": [ 676, 447, 328, 409 ], "completed": true }, { "type": "title", "position": [ 73, 477, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 477, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 477, 223, 39 ], "completed": false }, { "type": "link", "position": [ 165, 518, 39, 17 ], "completed": false }, { "type": "link", "position": [ 493, 518, 39, 17 ], "completed": false }, { "type": "link", "position": [ 821, 518, 39, 17 ], "completed": false }, { "type": "image", "position": [ 61, 568, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 568, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 568, 247, 247 ], "completed": false } ] }, { "text": "# A page for advertising the camping stuff in an online store. # The page should have the title \"Camping stuff\" and eight groups of product information with each having an image, a product description, and a price. Besides, it is necessary to have a button \"View all\" for the user to view all products by clicking it.", "region_id": "6768", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'camping stuff'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:description] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 109 14 5 | title 5 0 20 4 | \" [ description 5 35 24 13 | image 5 7 26 26 | text 5 49 17 2 ] | [ description 33 35 24 10 | image 33 7 26 26 | text 33 47 10 2 ] | [ description 60 35 24 10 | image 60 7 26 26 | text 60 47 18 2 ] | [ description 87 35 24 10 | image 88 7 26 26 | text 87 47 17 2 ] | [ description 5 88 24 10 | image 5 60 26 26 | text 5 100 17 2 ] | [ description 33 88 24 12 | image 33 60 26 26 | text 33 102 17 2 ] | [ description 60 88 24 10 | image 60 60 26 26 | text 60 100 18 2 ] | [ description 87 88 24 10 | image 88 60 26 26 | text 87 100 17 2 ] \"", "layout_seq_without_completion": "button 52 109 14 5 | title 5 0 20 4 | \" [ description 5 35 24 13 | image 5 7 26 26 | text 5 49 17 2 ] | [ description 33 35 24 10 | image 33 7 26 26 | text 33 47 10 2 ] | [ description 60 35 24 10 | image 60 7 26 26 | text 60 47 18 2 ] | [ description 87 35 24 10 | image 88 7 26 26 | text 87 47 17 2 ] | [ description 5 88 24 10 | image 5 60 26 26 | text 5 100 17 2 ] | [ description 33 88 24 12 | image 33 60 26 26 | text 33 102 17 2 ] | [ description 60 88 24 10 | image 60 60 26 26 | text 60 100 18 2 ] | [ description 87 88 24 10 | image 88 60 26 26 | text 87 100 17 2 ] \"", "plain_layout_seq": "button 52 109 14 5 | description 5 35 24 13 | description 33 35 24 10 | description 60 35 24 10 | description 87 35 24 10 | description 5 88 24 10 | description 33 88 24 12 | description 60 88 24 10 | description 87 88 24 10 | image 5 7 26 26 | image 33 7 26 26 | image 60 7 26 26 | image 88 7 26 26 | image 5 60 26 26 | image 33 60 26 26 | image 60 60 26 26 | image 88 60 26 26 | text 5 49 17 2 | text 33 47 10 2 | text 60 47 18 2 | text 87 47 17 2 | text 5 100 17 2 | text 33 102 17 2 | text 60 100 18 2 | text 87 100 17 2 | title 5 0 20 4", "canvas_width": 1024, "canvas_height": 980, "elements": [ { "type": "title", "position": [ 50, 0, 171, 36 ], "completed": false }, { "type": "image", "position": [ 51, 65, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 65, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 65, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 65, 222, 222 ], "completed": false }, { "type": "description", "position": [ 50, 303, 212, 111 ], "completed": false }, { "type": "description", "position": [ 284, 303, 212, 93 ], "completed": false }, { "type": "description", "position": [ 517, 303, 212, 93 ], "completed": false }, { "type": "description", "position": [ 750, 303, 212, 93 ], "completed": false }, { "type": "text", "position": [ 284, 404, 90, 19 ], "completed": false }, { "type": "text", "position": [ 517, 404, 154, 19 ], "completed": false }, { "type": "text", "position": [ 750, 404, 151, 19 ], "completed": false }, { "type": "text", "position": [ 50, 423, 153, 19 ], "completed": false }, { "type": "image", "position": [ 51, 516, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 516, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 516, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 516, 222, 222 ], "completed": false }, { "type": "description", "position": [ 50, 754, 212, 92 ], "completed": false }, { "type": "description", "position": [ 284, 754, 212, 110 ], "completed": false }, { "type": "description", "position": [ 517, 754, 212, 92 ], "completed": false }, { "type": "description", "position": [ 750, 754, 212, 92 ], "completed": false }, { "type": "text", "position": [ 50, 855, 151, 19 ], "completed": false }, { "type": "text", "position": [ 517, 855, 155, 19 ], "completed": false }, { "type": "text", "position": [ 750, 855, 149, 19 ], "completed": false }, { "type": "text", "position": [ 284, 873, 149, 19 ], "completed": false }, { "type": "button", "position": [ 448, 935, 127, 45 ], "completed": false } ] }, { "text": "# A page for asking the user to follow the company on Facebook and Instagram. # On the page, there should contain a title \"FOLLOW US ON FACEBOOK AND INSTAGRAM\" and two images of the logo of Facebook and Instagram. So the user can follow the company on social platforms.", "region_id": "7909", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'FOLLOW US ON FACEBOOK AND INSTAGRAM'] ] [gp:InfoGroup[gattr:repeat'2'][item[el:image ]]] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 63 15 19 19 | image 37 15 19 19 | title 6 6 106 2", "layout_seq_without_completion": "image 63 15 19 19 | image 37 15 19 19 | title 6 6 106 2", "plain_layout_seq": "image 63 15 19 19 | image 37 15 19 19 | title 6 6 106 2", "canvas_width": 1009, "canvas_height": 349, "elements": [ { "type": "title", "position": [ 55, 55, 899, 24 ], "completed": false }, { "type": "image", "position": [ 315, 134, 160, 160 ], "completed": false }, { "type": "image", "position": [ 534, 134, 160, 160 ], "completed": false } ] }, { "text": "#A page for introducing some advantages of the software.# There should be one title\"Invest in your success\". Next are four info parts and each of them includes one icon, one vice title, and one description as well as one button used for users to explore more info.", "region_id": "2149", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'invest in your success'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 3 8 113 6 | \" [ button 19 68 7 3 | description 7 36 22 22 | complete icon 27 69 2 1 | icon 7 21 7 7 | complete image 5 20 25 52 | title 7 31 22 3 ] | [ button 47 68 7 3 | description 34 36 22 18 | complete icon 55 69 2 1 | icon 34 21 7 7 | complete image 33 20 25 52 | title 34 31 22 3 ] | [ button 74 68 7 3 | description 62 36 22 22 | complete icon 82 69 2 1 | icon 62 21 7 7 | complete image 61 20 25 52 | title 62 31 22 3 ] | [ button 102 68 7 3 | description 90 36 22 22 | complete icon 110 69 2 1 | icon 90 21 7 7 | complete image 88 20 25 52 | title 90 31 22 3 ] \"", "layout_seq_without_completion": "title 3 8 113 6 | \" [ button 19 68 7 3 | description 7 36 22 22 | icon 27 69 2 1 | icon 7 21 7 7 | image 5 20 25 52 | title 7 31 22 3 ] | [ button 47 68 7 3 | description 34 36 22 18 | icon 55 69 2 1 | icon 34 21 7 7 | image 33 20 25 52 | title 34 31 22 3 ] | [ button 74 68 7 3 | description 62 36 22 22 | icon 82 69 2 1 | icon 62 21 7 7 | image 61 20 25 52 | title 62 31 22 3 ] | [ button 102 68 7 3 | description 90 36 22 22 | icon 110 69 2 1 | icon 90 21 7 7 | image 88 20 25 52 | title 90 31 22 3 ] \"", "plain_layout_seq": "button 19 68 7 3 | button 47 68 7 3 | button 74 68 7 3 | button 102 68 7 3 | description 7 36 22 22 | description 34 36 22 18 | description 62 36 22 22 | description 90 36 22 22 | icon 27 69 2 1 | icon 7 21 7 7 | icon 55 69 2 1 | icon 34 21 7 7 | icon 82 69 2 1 | icon 62 21 7 7 | icon 110 69 2 1 | icon 90 21 7 7 | image 5 20 25 52 | image 33 20 25 52 | image 61 20 25 52 | image 88 20 25 52 | title 3 8 113 6 | title 7 31 22 3 | title 34 31 22 3 | title 62 31 22 3 | title 90 31 22 3", "canvas_width": 1024, "canvas_height": 716, "elements": [ { "type": "title", "position": [ 28, 75, 968, 53 ], "completed": false }, { "type": "image", "position": [ 50, 171, 216, 450 ], "completed": true }, { "type": "image", "position": [ 286, 171, 216, 450 ], "completed": true }, { "type": "image", "position": [ 522, 171, 216, 450 ], "completed": true }, { "type": "image", "position": [ 758, 171, 216, 450 ], "completed": true }, { "type": "icon", "position": [ 61, 182, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 297, 182, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 533, 182, 65, 65 ], "completed": false }, { "type": "icon", "position": [ 769, 182, 65, 65 ], "completed": false }, { "type": "title", "position": [ 61, 267, 194, 26 ], "completed": false }, { "type": "title", "position": [ 297, 267, 194, 26 ], "completed": false }, { "type": "title", "position": [ 533, 267, 194, 26 ], "completed": false }, { "type": "title", "position": [ 769, 267, 194, 26 ], "completed": false }, { "type": "description", "position": [ 61, 309, 194, 189 ], "completed": false }, { "type": "description", "position": [ 297, 309, 194, 162 ], "completed": false }, { "type": "description", "position": [ 533, 309, 194, 189 ], "completed": false }, { "type": "description", "position": [ 769, 309, 194, 189 ], "completed": false }, { "type": "button", "position": [ 167, 583, 62, 27 ], "completed": false }, { "type": "button", "position": [ 403, 583, 62, 27 ], "completed": false }, { "type": "button", "position": [ 639, 583, 62, 27 ], "completed": false }, { "type": "button", "position": [ 875, 583, 62, 27 ], "completed": false }, { "type": "icon", "position": [ 236, 590, 19, 14 ], "completed": true }, { "type": "icon", "position": [ 472, 590, 19, 14 ], "completed": true }, { "type": "icon", "position": [ 708, 590, 19, 14 ], "completed": true }, { "type": "icon", "position": [ 944, 590, 19, 14 ], "completed": true } ] }, { "text": "# A page for selling wraps. # The page should have three groups: \"Shop Motosport Wraps\" \"Shop Street Wraps\", and \"Shop Corporate Wraps\" with each having a title and a button \"SHOP NOW\" for the user to buy the wraps they want.", "region_id": "6928", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'shop motosport wraps, shop street wraps, shop corporate wraps'] [item [el:title] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 3 21 11 3 | complete image 1 2 37 25 | title 3 8 32 10 ] | [ button 43 21 11 3 | complete image 41 2 37 25 | title 43 14 26 5 ] | [ button 83 21 11 3 | complete image 81 2 37 25 | title 83 14 31 5 ] \"", "layout_seq_without_completion": "\" [ button 3 21 11 3 | image 1 2 37 25 | title 3 8 32 10 ] | [ button 43 21 11 3 | image 41 2 37 25 | title 43 14 26 5 ] | [ button 83 21 11 3 | image 81 2 37 25 | title 83 14 31 5 ] \"", "plain_layout_seq": "button 3 21 11 3 | button 43 21 11 3 | button 83 21 11 3 | image 1 2 37 25 | image 41 2 37 25 | image 81 2 37 25 | title 3 8 32 10 | title 43 14 26 5 | title 83 14 31 5", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "image", "position": [ 10, 20, 321, 220 ], "completed": true }, { "type": "image", "position": [ 351, 20, 321, 220 ], "completed": true }, { "type": "image", "position": [ 693, 20, 321, 220 ], "completed": true }, { "type": "title", "position": [ 30, 76, 281, 90 ], "completed": false }, { "type": "title", "position": [ 371, 121, 222, 45 ], "completed": false }, { "type": "title", "position": [ 713, 121, 269, 45 ], "completed": false }, { "type": "button", "position": [ 30, 186, 99, 34 ], "completed": false }, { "type": "button", "position": [ 371, 186, 99, 34 ], "completed": false }, { "type": "button", "position": [ 713, 186, 99, 34 ], "completed": false } ] }, { "text": "#A page showing some simple but addictive games to users and guiding users to buy them.#The page should have one logo, one text heading, and four groups of games. And each of them should have one picture, one game name, and one price of the game.", "region_id": "6209", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:text] ] ] ]", "execution": "multiinfo : logo undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 13 0 87 4 | \" [ image 5 7 25 18 | text 5 27 25 3 | text 5 30 7 2 ] | [ image 33 7 25 18 | text 33 27 25 3 | text 33 30 8 2 ] | [ image 60 7 25 18 | text 60 27 25 3 | text 60 30 7 2 ] | [ image 88 7 25 18 | text 88 27 25 3 | text 88 30 8 2 ] \"", "layout_seq_without_completion": "title 13 0 87 4 | \" [ image 5 7 25 18 | text 5 27 25 3 | text 5 30 7 2 ] | [ image 33 7 25 18 | text 33 27 25 3 | text 33 30 8 2 ] | [ image 60 7 25 18 | text 60 27 25 3 | text 60 30 7 2 ] | [ image 88 7 25 18 | text 88 27 25 3 | text 88 30 8 2 ] \"", "plain_layout_seq": "image 5 7 25 18 | image 33 7 25 18 | image 60 7 25 18 | image 88 7 25 18 | text 5 27 25 3 | text 5 30 7 2 | text 33 27 25 3 | text 33 30 8 2 | text 60 27 25 3 | text 60 30 7 2 | text 88 27 25 3 | text 88 30 8 2 | title 13 0 87 4", "canvas_width": 1024, "canvas_height": 281, "elements": [ { "type": "title", "position": [ 113, 0, 743, 36 ], "completed": false }, { "type": "image", "position": [ 48, 60, 220, 154 ], "completed": false }, { "type": "image", "position": [ 284, 60, 220, 154 ], "completed": false }, { "type": "image", "position": [ 520, 60, 220, 154 ], "completed": false }, { "type": "image", "position": [ 756, 60, 220, 154 ], "completed": false }, { "type": "text", "position": [ 48, 234, 220, 26 ], "completed": false }, { "type": "text", "position": [ 284, 234, 220, 26 ], "completed": false }, { "type": "text", "position": [ 520, 234, 220, 26 ], "completed": false }, { "type": "text", "position": [ 756, 234, 220, 26 ], "completed": false }, { "type": "text", "position": [ 48, 260, 64, 21 ], "completed": false }, { "type": "text", "position": [ 284, 260, 72, 21 ], "completed": false }, { "type": "text", "position": [ 520, 260, 66, 21 ], "completed": false }, { "type": "text", "position": [ 756, 260, 73, 21 ], "completed": false } ] }, { "text": "#A page of information about jewelry.# There is a title \"Cadeaux pour femme: bijoux\", and a \"Voir plus\"link. Then, there are five images to show the jewelry.", "region_id": "4302", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'cadeaux pour femme: bijoux'] ] [el:link [attr:value 'voir plus'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "link 40 3 6 1 | title 3 2 35 2 | \" [ image 3 6 21 23 ] | [ image 59 6 22 23 ] | [ image 83 6 19 23 ] | [ image 103 6 12 23 ] | [ image 26 10 32 15 ] \"", "layout_seq_without_completion": "link 40 3 6 1 | title 3 2 35 2 | \" [ image 3 6 21 23 ] | [ image 59 6 22 23 ] | [ image 83 6 19 23 ] | [ image 103 6 12 23 ] | [ image 26 10 32 15 ] \"", "plain_layout_seq": "image 3 6 21 23 | image 59 6 22 23 | image 83 6 19 23 | image 103 6 12 23 | image 26 10 32 15 | link 40 3 6 1 | title 3 2 35 2", "canvas_width": 1004, "canvas_height": 285, "elements": [ { "type": "title", "position": [ 30, 24, 294, 23 ], "completed": false }, { "type": "link", "position": [ 339, 29, 54, 16 ], "completed": false }, { "type": "image", "position": [ 30, 55, 180, 200 ], "completed": false }, { "type": "image", "position": [ 500, 55, 186, 200 ], "completed": false }, { "type": "image", "position": [ 696, 55, 161, 200 ], "completed": false }, { "type": "image", "position": [ 867, 55, 107, 200 ], "completed": false }, { "type": "image", "position": [ 220, 91, 270, 127 ], "completed": false } ] }, { "text": "#A page attracting users to explore a website.#\"Tap into the power of teacher expertise\" is a title. There are four parts. Each includes one or two numbers and some words. There is a button\"Start Exploring\" on the page.", "region_id": "5057", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Tap into the power of teacher expertise']] [gp:InfoGroup [gattr:repeat '4'] [item [el:text [attr:repeat 'several'] ] [el:text [attr:repeat 'several'] ] ] ] [el:button [attr:value 'start exploring'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 49 45 20 6 | complete image 4 17 26 22 | complete image 32 17 26 22 | complete image 61 17 26 22 | complete image 89 17 26 22 | text 6 30 18 6 | text 63 19 21 8 | text 91 19 21 8 | text 91 30 18 6 | text 6 19 21 8 | text 34 19 21 8 | text 34 30 18 6 | text 63 30 18 6 | title 24 1 70 8", "layout_seq_without_completion": "button 49 45 20 6 | image 4 17 26 22 | image 32 17 26 22 | image 61 17 26 22 | image 89 17 26 22 | text 6 30 18 6 | text 63 19 21 8 | text 91 19 21 8 | text 91 30 18 6 | text 6 19 21 8 | text 34 19 21 8 | text 34 30 18 6 | text 63 30 18 6 | title 24 1 70 8", "plain_layout_seq": "button 49 45 20 6 | image 4 17 26 22 | image 32 17 26 22 | image 61 17 26 22 | image 89 17 26 22 | text 6 30 18 6 | text 63 19 21 8 | text 91 19 21 8 | text 91 30 18 6 | text 6 19 21 8 | text 34 19 21 8 | text 34 30 18 6 | text 63 30 18 6 | title 24 1 70 8", "canvas_width": 896, "canvas_height": 420, "elements": [ { "type": "title", "position": [ 184, 8, 528, 63 ], "completed": false }, { "type": "image", "position": [ 32, 127, 195, 165 ], "completed": true }, { "type": "image", "position": [ 244, 127, 195, 165 ], "completed": true }, { "type": "image", "position": [ 457, 127, 195, 165 ], "completed": true }, { "type": "image", "position": [ 670, 127, 195, 165 ], "completed": true }, { "type": "text", "position": [ 48, 143, 163, 61 ], "completed": false }, { "type": "text", "position": [ 260, 143, 163, 61 ], "completed": false }, { "type": "text", "position": [ 473, 143, 163, 61 ], "completed": false }, { "type": "text", "position": [ 686, 143, 163, 61 ], "completed": false }, { "type": "text", "position": [ 48, 228, 138, 48 ], "completed": false }, { "type": "text", "position": [ 260, 228, 138, 48 ], "completed": false }, { "type": "text", "position": [ 473, 228, 138, 48 ], "completed": false }, { "type": "text", "position": [ 686, 228, 138, 48 ], "completed": false }, { "type": "button", "position": [ 370, 340, 156, 48 ], "completed": false } ] }, { "text": "#A page for introducing the impact of a company. # A page should include a title \"our impact\" and one small introduction of the impact, three text groups that have one title and one description, and one button for learning more respectively. A button is needed for users to explore the impact.", "region_id": "1543", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our impact'] ] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] [el:button [attr:value'explore the impact'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 78 24 5 | description 25 14 68 9 | title 11 5 97 5 | \" [ button 8 64 13 4 | description 8 47 26 8 | complete image 4 34 33 38 | title 8 37 26 7 ] | [ button 46 64 14 4 | description 46 47 26 8 | complete image 43 34 33 38 | title 46 37 26 7 ] | [ button 85 64 14 4 | description 85 48 26 8 | complete image 81 34 33 38 | title 85 39 23 4 ] \"", "layout_seq_without_completion": "button 48 78 24 5 | description 25 14 68 9 | title 11 5 97 5 | \" [ button 8 64 13 4 | description 8 47 26 8 | image 4 34 33 38 | title 8 37 26 7 ] | [ button 46 64 14 4 | description 46 47 26 8 | image 43 34 33 38 | title 46 37 26 7 ] | [ button 85 64 14 4 | description 85 48 26 8 | image 81 34 33 38 | title 85 39 23 4 ] \"", "plain_layout_seq": "button 48 78 24 5 | button 8 64 13 4 | button 46 64 14 4 | button 85 64 14 4 | description 25 14 68 9 | description 8 47 26 8 | description 46 47 26 8 | description 85 48 26 8 | image 4 34 33 38 | image 43 34 33 38 | image 81 34 33 38 | title 11 5 97 5 | title 8 37 26 7 | title 46 37 26 7 | title 85 39 23 4", "canvas_width": 1024, "canvas_height": 769, "elements": [ { "type": "title", "position": [ 94, 50, 836, 45 ], "completed": false }, { "type": "description", "position": [ 219, 125, 586, 78 ], "completed": false }, { "type": "image", "position": [ 40, 293, 288, 330 ], "completed": true }, { "type": "image", "position": [ 368, 293, 288, 330 ], "completed": true }, { "type": "image", "position": [ 696, 293, 288, 330 ], "completed": true }, { "type": "title", "position": [ 70, 323, 228, 61 ], "completed": false }, { "type": "title", "position": [ 398, 323, 228, 61 ], "completed": false }, { "type": "title", "position": [ 726, 337, 200, 36 ], "completed": false }, { "type": "description", "position": [ 70, 404, 228, 75 ], "completed": false }, { "type": "description", "position": [ 398, 404, 228, 75 ], "completed": false }, { "type": "description", "position": [ 726, 415, 228, 75 ], "completed": false }, { "type": "button", "position": [ 70, 549, 117, 39 ], "completed": false }, { "type": "button", "position": [ 398, 549, 120, 39 ], "completed": false }, { "type": "button", "position": [ 726, 549, 120, 39 ], "completed": false }, { "type": "button", "position": [ 410, 673, 205, 46 ], "completed": false } ] }, { "text": "#A page for introducing the impact of a company. # A page should include a title and one small introduction of the impact, three text groups that have one title and one description, and one button for learning more respectively. A button is needed for users to explore the impact.", "region_id": "1543_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] [el:button [attr:value'explore the impact'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 78 24 5 | description 25 14 68 9 | title 11 5 97 5 | \" [ button 8 64 13 4 | description 8 47 26 8 | complete image 4 34 33 38 | title 8 37 26 7 ] | [ button 46 64 14 4 | description 46 47 26 8 | complete image 43 34 33 38 | title 46 37 26 7 ] | [ button 85 64 14 4 | description 85 48 26 8 | complete image 81 34 33 38 | title 85 39 23 4 ] \"", "layout_seq_without_completion": "button 48 78 24 5 | description 25 14 68 9 | title 11 5 97 5 | \" [ button 8 64 13 4 | description 8 47 26 8 | image 4 34 33 38 | title 8 37 26 7 ] | [ button 46 64 14 4 | description 46 47 26 8 | image 43 34 33 38 | title 46 37 26 7 ] | [ button 85 64 14 4 | description 85 48 26 8 | image 81 34 33 38 | title 85 39 23 4 ] \"", "plain_layout_seq": "button 48 78 24 5 | button 8 64 13 4 | button 46 64 14 4 | button 85 64 14 4 | description 25 14 68 9 | description 8 47 26 8 | description 46 47 26 8 | description 85 48 26 8 | image 4 34 33 38 | image 43 34 33 38 | image 81 34 33 38 | title 11 5 97 5 | title 8 37 26 7 | title 46 37 26 7 | title 85 39 23 4", "canvas_width": 1024, "canvas_height": 769, "elements": [ { "type": "title", "position": [ 94, 50, 836, 45 ], "completed": false }, { "type": "description", "position": [ 219, 125, 586, 78 ], "completed": false }, { "type": "image", "position": [ 40, 293, 288, 330 ], "completed": true }, { "type": "image", "position": [ 368, 293, 288, 330 ], "completed": true }, { "type": "image", "position": [ 696, 293, 288, 330 ], "completed": true }, { "type": "title", "position": [ 70, 323, 228, 61 ], "completed": false }, { "type": "title", "position": [ 398, 323, 228, 61 ], "completed": false }, { "type": "title", "position": [ 726, 337, 200, 36 ], "completed": false }, { "type": "description", "position": [ 70, 404, 228, 75 ], "completed": false }, { "type": "description", "position": [ 398, 404, 228, 75 ], "completed": false }, { "type": "description", "position": [ 726, 415, 228, 75 ], "completed": false }, { "type": "button", "position": [ 70, 549, 117, 39 ], "completed": false }, { "type": "button", "position": [ 398, 549, 120, 39 ], "completed": false }, { "type": "button", "position": [ 726, 549, 120, 39 ], "completed": false }, { "type": "button", "position": [ 410, 673, 205, 46 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be a title named \"NOTICES\".It is divided into four groups, each with a date and a link.", "region_id": "189", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'notices'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | text 18 28 9 1 | text 18 16 9 1 | text 18 20 9 1 | text 18 24 9 1 | title 11 5 96 7", "layout_seq_without_completion": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | text 18 28 9 1 | text 18 16 9 1 | text 18 20 9 1 | text 18 24 9 1 | title 11 5 96 7", "plain_layout_seq": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | text 18 28 9 1 | text 18 16 9 1 | text 18 20 9 1 | text 18 24 9 1 | title 11 5 96 7", "canvas_width": 1024, "canvas_height": 344, "elements": [ { "type": "title", "position": [ 100, 50, 824, 60 ], "completed": false }, { "type": "link", "position": [ 243, 142, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 144, 80, 17 ], "completed": false }, { "type": "link", "position": [ 243, 177, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 178, 80, 17 ], "completed": false }, { "type": "link", "position": [ 243, 211, 282, 18 ], "completed": false }, { "type": "text", "position": [ 160, 212, 80, 17 ], "completed": false }, { "type": "link", "position": [ 243, 245, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 246, 80, 17 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There should be a title named \"NOTICES\", followed by four links of different dates.", "region_id": "189_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'notices'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | complete text 18 28 9 1 | complete text 18 16 9 1 | complete text 18 20 9 1 | complete text 18 24 9 1 | title 11 5 96 7", "layout_seq_without_completion": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | text 18 28 9 1 | text 18 16 9 1 | text 18 20 9 1 | text 18 24 9 1 | title 11 5 96 7", "plain_layout_seq": "link 28 16 45 2 | link 28 28 45 2 | link 28 20 45 2 | link 28 24 33 2 | text 18 28 9 1 | text 18 16 9 1 | text 18 20 9 1 | text 18 24 9 1 | title 11 5 96 7", "canvas_width": 1024, "canvas_height": 344, "elements": [ { "type": "title", "position": [ 100, 50, 824, 60 ], "completed": false }, { "type": "link", "position": [ 243, 142, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 144, 80, 17 ], "completed": true }, { "type": "link", "position": [ 243, 177, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 178, 80, 17 ], "completed": true }, { "type": "link", "position": [ 243, 211, 282, 18 ], "completed": false }, { "type": "text", "position": [ 160, 212, 80, 17 ], "completed": true }, { "type": "link", "position": [ 243, 245, 386, 18 ], "completed": false }, { "type": "text", "position": [ 160, 246, 80, 17 ], "completed": true } ] }, { "text": "# A page for marketing a free book design software.# The page should have the slogan \"CREATE, PRINT & SELL YOUR BOOK\", and three groups of information sets. Each group should have an image, a title, and a further description to introduce the service of the software.", "region_id": "3636", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'CREATE, PRINT & SELL YOUR BOOK'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 8 114 3 | \" [ description 9 61 27 10 | image 5 16 35 35 | title 9 55 27 4 ] | [ description 46 61 27 10 | image 42 16 35 35 | title 46 55 27 4 ] | [ description 83 59 27 7 | image 78 16 35 35 | title 83 55 27 2 ] \"", "layout_seq_without_completion": "title 2 8 114 3 | \" [ description 9 61 27 10 | image 5 16 35 35 | title 9 55 27 4 ] | [ description 46 61 27 10 | image 42 16 35 35 | title 46 55 27 4 ] | [ description 83 59 27 7 | image 78 16 35 35 | title 83 55 27 2 ] \"", "plain_layout_seq": "description 9 61 27 10 | description 46 61 27 10 | description 83 59 27 7 | image 5 16 35 35 | image 42 16 35 35 | image 78 16 35 35 | title 2 8 114 3 | title 9 55 27 4 | title 46 55 27 4 | title 83 55 27 2", "canvas_width": 1009, "canvas_height": 701, "elements": [ { "type": "title", "position": [ 24, 70, 960, 31 ], "completed": false }, { "type": "image", "position": [ 44, 141, 300, 300 ], "completed": false }, { "type": "image", "position": [ 354, 141, 300, 300 ], "completed": false }, { "type": "image", "position": [ 664, 141, 300, 300 ], "completed": false }, { "type": "title", "position": [ 80, 466, 228, 38 ], "completed": false }, { "type": "title", "position": [ 390, 466, 228, 38 ], "completed": false }, { "type": "title", "position": [ 700, 466, 228, 19 ], "completed": false }, { "type": "description", "position": [ 700, 498, 228, 67 ], "completed": false }, { "type": "description", "position": [ 80, 517, 228, 90 ], "completed": false }, { "type": "description", "position": [ 390, 517, 228, 90 ], "completed": false } ] }, { "text": "# A page showing the company that builds security with SNYK to advertise SNYK. # There should be a title, and some images showing the logo of the company.", "region_id": "476", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 6 | \" [ logo 3 11 9 3 ] | [ logo 16 11 10 3 ] | [ logo 30 11 13 3 ] | [ logo 47 11 9 3 ] | [ logo 60 11 8 3 ] | [ logo 72 11 13 3 ] | [ logo 90 11 13 3 ] | [ logo 107 11 9 3 ] \"", "layout_seq_without_completion": "title 0 0 120 6 | \" [ logo 3 11 9 3 ] | [ logo 16 11 10 3 ] | [ logo 30 11 13 3 ] | [ logo 47 11 9 3 ] | [ logo 60 11 8 3 ] | [ logo 72 11 13 3 ] | [ logo 90 11 13 3 ] | [ logo 107 11 9 3 ] \"", "plain_layout_seq": "logo 3 11 9 3 | logo 16 11 10 3 | logo 30 11 13 3 | logo 47 11 9 3 | logo 60 11 8 3 | logo 72 11 13 3 | logo 90 11 13 3 | logo 107 11 9 3 | title 0 0 120 6", "canvas_width": 1024, "canvas_height": 161, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 52 ], "completed": false }, { "type": "logo", "position": [ 30, 97, 78, 34 ], "completed": false }, { "type": "logo", "position": [ 138, 97, 89, 34 ], "completed": false }, { "type": "logo", "position": [ 256, 97, 118, 34 ], "completed": false }, { "type": "logo", "position": [ 405, 97, 81, 34 ], "completed": false }, { "type": "logo", "position": [ 516, 97, 74, 34 ], "completed": false }, { "type": "logo", "position": [ 620, 97, 118, 34 ], "completed": false }, { "type": "logo", "position": [ 768, 97, 118, 34 ], "completed": false }, { "type": "logo", "position": [ 916, 97, 78, 34 ], "completed": false } ] }, { "text": "# A page to introduce the main feature app Bolt. # The page should be divided into three parts. In each part, there should be an image and two text boxes to advertise the app in order to attract the user to download the app.", "region_id": "39", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 26 32 6 | description 2 20 32 4 | image 2 0 19 19 ] | [ description 42 26 32 9 | description 42 20 32 4 | image 42 0 16 16 ] | [ description 82 26 32 6 | description 82 20 32 4 | image 80 0 16 16 ] \"", "layout_seq_without_completion": "\" [ description 2 26 32 6 | description 2 20 32 4 | image 2 0 19 19 ] | [ description 42 26 32 9 | description 42 20 32 4 | image 42 0 16 16 ] | [ description 82 26 32 6 | description 82 20 32 4 | image 80 0 16 16 ] \"", "plain_layout_seq": "description 2 26 32 6 | description 2 20 32 4 | description 42 26 32 9 | description 42 20 32 4 | description 82 26 32 6 | description 82 20 32 4 | image 2 0 19 19 | image 42 0 16 16 | image 80 0 16 16", "canvas_width": 1003, "canvas_height": 305, "elements": [ { "type": "image", "position": [ 24, 0, 162, 162 ], "completed": false }, { "type": "image", "position": [ 356, 0, 140, 140 ], "completed": false }, { "type": "image", "position": [ 671, 0, 140, 140 ], "completed": false }, { "type": "description", "position": [ 24, 168, 268, 40 ], "completed": false }, { "type": "description", "position": [ 356, 168, 268, 40 ], "completed": false }, { "type": "description", "position": [ 687, 168, 268, 40 ], "completed": false }, { "type": "description", "position": [ 24, 224, 268, 54 ], "completed": false }, { "type": "description", "position": [ 356, 224, 268, 81 ], "completed": false }, { "type": "description", "position": [ 687, 224, 268, 54 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one text box showing the title and four images showing the leaders' pics and each of them is followed by one text box showing their position.", "region_id": "1922_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 35 2 49 5 | \" [ text 5 54 21 2 ] | [ text 35 54 19 2 ] | [ text 64 54 19 2 ] | [ text 94 54 17 2 ] \"", "layout_seq_without_completion": "title 35 2 49 5 | \" [ text 5 54 21 2 ] | [ text 35 54 19 2 ] | [ text 64 54 19 2 ] | [ text 94 54 17 2 ] \"", "plain_layout_seq": "text 5 54 21 2 | text 35 54 19 2 | text 64 54 19 2 | text 94 54 17 2 | title 35 2 49 5", "canvas_width": 1024, "canvas_height": 609, "elements": [ { "type": "title", "position": [ 302, 20, 420, 45 ], "completed": false }, { "type": "text", "position": [ 51, 469, 184, 20 ], "completed": false }, { "type": "text", "position": [ 304, 469, 170, 20 ], "completed": false }, { "type": "text", "position": [ 552, 469, 167, 20 ], "completed": false }, { "type": "text", "position": [ 807, 469, 148, 20 ], "completed": false } ] }, { "text": "#A page for introducing and guide user to purchase three kinds of communication service bundles # The section includes three service bundles, which are respectively named \"All-In-One Bundles\", \"Home Connect Flexi\", \"Day-by-Day\". Each service bundle should contain its own promotional image, a headline for the bundle name, and a brief description for introducing its pros, as well as a CTA button 'Buy Now'.", "region_id": "59", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'all-in-one bundles, home connect flexi, day-by-day'] [item [el:image] [el:title] [el:description [attr:size 'small']] [el:button [attr:value 'Buy Now']]]] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 1 2 36 56 | button 3 48 32 5 | description 3 32 32 14 | complete image 1 25 36 32 | image 8 7 23 13 | title 3 28 32 2 ] | [ complete background 41 2 36 56 | button 43 48 32 5 | description 43 32 32 14 | complete image 41 25 36 32 | image 48 7 23 13 | title 43 28 32 2 ] | [ complete background 81 2 36 56 | button 83 48 32 5 | description 83 32 32 14 | complete image 81 25 36 32 | image 88 7 23 13 | title 83 28 32 2 ] \"", "layout_seq_without_completion": "\" [ background 1 2 36 56 | button 3 48 32 5 | description 3 32 32 14 | image 1 25 36 32 | image 8 7 23 13 | title 3 28 32 2 ] | [ background 41 2 36 56 | button 43 48 32 5 | description 43 32 32 14 | image 41 25 36 32 | image 48 7 23 13 | title 43 28 32 2 ] | [ background 81 2 36 56 | button 83 48 32 5 | description 83 32 32 14 | image 81 25 36 32 | image 88 7 23 13 | title 83 28 32 2 ] \"", "plain_layout_seq": "background 1 2 36 56 | background 41 2 36 56 | background 81 2 36 56 | button 3 48 32 5 | button 43 48 32 5 | button 83 48 32 5 | description 3 32 32 14 | description 43 32 32 14 | description 83 32 32 14 | image 1 25 36 32 | image 8 7 23 13 | image 41 25 36 32 | image 48 7 23 13 | image 81 25 36 32 | image 88 7 23 13 | title 3 28 32 2 | title 43 28 32 2 | title 83 28 32 2", "canvas_width": 932, "canvas_height": 476, "elements": [ { "type": "background", "position": [ 15, 20, 280, 436 ], "completed": true }, { "type": "background", "position": [ 326, 20, 280, 436 ], "completed": true }, { "type": "background", "position": [ 636, 20, 280, 436 ], "completed": true }, { "type": "image", "position": [ 66, 59, 180, 102 ], "completed": false }, { "type": "image", "position": [ 376, 59, 180, 102 ], "completed": false }, { "type": "image", "position": [ 686, 59, 180, 102 ], "completed": false }, { "type": "image", "position": [ 15, 200, 280, 256 ], "completed": true }, { "type": "image", "position": [ 326, 200, 280, 256 ], "completed": true }, { "type": "image", "position": [ 636, 200, 280, 256 ], "completed": true }, { "type": "title", "position": [ 30, 220, 250, 20 ], "completed": false }, { "type": "title", "position": [ 341, 220, 250, 20 ], "completed": false }, { "type": "title", "position": [ 651, 220, 250, 20 ], "completed": false }, { "type": "description", "position": [ 30, 249, 250, 115 ], "completed": false }, { "type": "description", "position": [ 341, 249, 250, 115 ], "completed": false }, { "type": "description", "position": [ 651, 249, 250, 115 ], "completed": false }, { "type": "button", "position": [ 30, 379, 250, 46 ], "completed": false }, { "type": "button", "position": [ 341, 379, 250, 46 ], "completed": false }, { "type": "button", "position": [ 651, 379, 250, 46 ], "completed": false } ] }, { "text": "#A page showing relationship between sound meditation and relaxation.# The page contains 3 information sets. Each group includes an icon, a paragraph cited from an essay, the logo of the organization that publishes this essay, and the name of the organization and this essay.", "region_id": "7896", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:logo] [el:text] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "logo 15 48 7 7 | logo 96 50 7 7 | logo 56 53 7 7 | text 45 62 30 2 | text 0 57 37 11 | text 81 59 38 8 | \" [ description 4 20 30 15 | icon 17 15 3 2 | complete image 0 6 38 38 ] | [ description 46 23 26 18 | icon 58 18 3 2 | complete image 40 11 38 38 ] | [ description 86 22 28 15 | icon 99 16 3 2 | complete image 81 8 38 38 ] \"", "layout_seq_without_completion": "logo 15 48 7 7 | logo 96 50 7 7 | logo 56 53 7 7 | text 45 62 30 2 | text 0 57 37 11 | text 81 59 38 8 | \" [ description 4 20 30 15 | icon 17 15 3 2 | image 0 6 38 38 ] | [ description 46 23 26 18 | icon 58 18 3 2 | image 40 11 38 38 ] | [ description 86 22 28 15 | icon 99 16 3 2 | image 81 8 38 38 ] \"", "plain_layout_seq": "description 4 20 30 15 | description 46 23 26 18 | description 86 22 28 15 | icon 17 15 3 2 | icon 58 18 3 2 | icon 99 16 3 2 | image 0 6 38 38 | image 40 11 38 38 | image 81 8 38 38 | logo 15 48 7 7 | logo 96 50 7 7 | logo 56 53 7 7 | text 45 62 30 2 | text 0 57 37 11 | text 81 59 38 8", "canvas_width": 940, "canvas_height": 600, "elements": [ { "type": "image", "position": [ 0, 52, 303, 300 ], "completed": true }, { "type": "image", "position": [ 637, 64, 303, 300 ], "completed": true }, { "type": "image", "position": [ 319, 88, 303, 300 ], "completed": true }, { "type": "icon", "position": [ 140, 118, 25, 21 ], "completed": false }, { "type": "icon", "position": [ 776, 130, 25, 21 ], "completed": false }, { "type": "icon", "position": [ 458, 142, 25, 21 ], "completed": false }, { "type": "description", "position": [ 35, 162, 235, 122 ], "completed": false }, { "type": "description", "position": [ 675, 174, 227, 122 ], "completed": false }, { "type": "description", "position": [ 366, 185, 209, 147 ], "completed": false }, { "type": "logo", "position": [ 122, 382, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 759, 394, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 440, 418, 60, 60 ], "completed": false }, { "type": "text", "position": [ 5, 453, 294, 93 ], "completed": false }, { "type": "text", "position": [ 637, 465, 303, 69 ], "completed": false }, { "type": "text", "position": [ 353, 489, 235, 21 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# The page has a headline named \u201cShop By Category\u201d and three pictures with a category title beside each one.", "region_id": "6817", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by Category'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 15 4 26 5 | \" [ complete background 20 12 24 24 | image 21 13 20 20 | title 21 38 24 2 ] | [ complete background 47 12 24 24 | image 49 13 20 20 | title 49 38 24 2 ] | [ complete background 75 12 24 24 | image 77 13 20 20 | title 77 38 24 2 ] \"", "layout_seq_without_completion": "title 15 4 26 5 | \" [ background 20 12 24 24 | image 21 13 20 20 | title 21 38 24 2 ] | [ background 47 12 24 24 | image 49 13 20 20 | title 49 38 24 2 ] | [ background 75 12 24 24 | image 77 13 20 20 | title 77 38 24 2 ] \"", "plain_layout_seq": "background 20 12 24 24 | background 47 12 24 24 | background 75 12 24 24 | image 21 13 20 20 | image 49 13 20 20 | image 77 13 20 20 | title 15 4 26 5 | title 21 38 24 2 | title 49 38 24 2 | title 77 38 24 2", "canvas_width": 1024, "canvas_height": 393, "elements": [ { "type": "title", "position": [ 134, 40, 228, 45 ], "completed": false }, { "type": "background", "position": [ 172, 105, 208, 208 ], "completed": true }, { "type": "background", "position": [ 408, 105, 208, 208 ], "completed": true }, { "type": "background", "position": [ 644, 105, 208, 208 ], "completed": true }, { "type": "image", "position": [ 186, 119, 178, 178 ], "completed": false }, { "type": "image", "position": [ 422, 119, 178, 178 ], "completed": false }, { "type": "image", "position": [ 658, 119, 178, 178 ], "completed": false }, { "type": "title", "position": [ 186, 328, 208, 25 ], "completed": false }, { "type": "title", "position": [ 422, 328, 208, 25 ], "completed": false }, { "type": "title", "position": [ 658, 328, 208, 25 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a product.# The page should have 3 groups while each group has a title and a short description of the pros of the product.", "region_id": "2457", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 27 | description 85 8 28 13 | description 45 8 28 13 | description 5 8 28 13 | title 45 5 28 2 | title 85 5 28 2 | title 5 5 28 2", "layout_seq_without_completion": "background 0 0 120 27 | description 85 8 28 13 | description 45 8 28 13 | description 5 8 28 13 | title 45 5 28 2 | title 85 5 28 2 | title 5 5 28 2", "plain_layout_seq": "background 0 0 120 27 | description 85 8 28 13 | description 45 8 28 13 | description 5 8 28 13 | title 45 5 28 2 | title 85 5 28 2 | title 5 5 28 2", "canvas_width": 976, "canvas_height": 225, "elements": [ { "type": "background", "position": [ 0, 0, 976, 224 ], "completed": true }, { "type": "title", "position": [ 45, 41, 234, 22 ], "completed": false }, { "type": "title", "position": [ 370, 41, 234, 22 ], "completed": false }, { "type": "title", "position": [ 695, 41, 235, 22 ], "completed": false }, { "type": "description", "position": [ 45, 71, 234, 112 ], "completed": false }, { "type": "description", "position": [ 370, 71, 234, 112 ], "completed": false }, { "type": "description", "position": [ 695, 71, 235, 112 ], "completed": false } ] }, { "text": "#A page that contains some articles.# The page contains 4 information sets. Each group includes an image and the title of the article.", "region_id": "3583", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 0 10 8 | image 30 0 10 8 | image 90 0 10 8 | image 60 0 10 8 | title 11 0 17 9 | title 41 0 17 7 | title 71 0 17 7 | title 101 0 17 7", "layout_seq_without_completion": "image 0 0 10 8 | image 30 0 10 8 | image 90 0 10 8 | image 60 0 10 8 | title 11 0 17 9 | title 41 0 17 7 | title 71 0 17 7 | title 101 0 17 7", "plain_layout_seq": "image 0 0 10 8 | image 30 0 10 8 | image 90 0 10 8 | image 60 0 10 8 | title 11 0 17 9 | title 41 0 17 7 | title 71 0 17 7 | title 101 0 17 7", "canvas_width": 994, "canvas_height": 89, "elements": [ { "type": "image", "position": [ 4, 0, 85, 71 ], "completed": false }, { "type": "title", "position": [ 97, 0, 147, 81 ], "completed": false }, { "type": "image", "position": [ 253, 0, 85, 71 ], "completed": false }, { "type": "title", "position": [ 346, 0, 147, 65 ], "completed": false }, { "type": "image", "position": [ 501, 0, 85, 71 ], "completed": false }, { "type": "title", "position": [ 594, 0, 147, 65 ], "completed": false }, { "type": "image", "position": [ 749, 0, 85, 71 ], "completed": false }, { "type": "title", "position": [ 843, 0, 147, 65 ], "completed": false } ] }, { "text": "#A page for introducing the stage deck system and tiered seating. #There are two groups. Each group includes one title, one button for viewing all, and one image.", "region_id": "7057", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:button [attr:value 'View all'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 2 0 115 44 | \" [ button 27 7 7 1 | image 3 13 56 23 | title 16 3 30 3 ] | [ button 85 7 7 1 | image 60 13 56 23 | title 76 3 23 3 ] \"", "layout_seq_without_completion": "background 2 0 115 44 | \" [ button 27 7 7 1 | image 3 13 56 23 | title 16 3 30 3 ] | [ button 85 7 7 1 | image 60 13 56 23 | title 76 3 23 3 ] \"", "plain_layout_seq": "background 2 0 115 44 | button 27 7 7 1 | button 85 7 7 1 | image 3 13 56 23 | image 60 13 56 23 | title 16 3 30 3 | title 76 3 23 3", "canvas_width": 1024, "canvas_height": 380, "elements": [ { "type": "background", "position": [ 20, 0, 984, 380 ], "completed": true }, { "type": "title", "position": [ 138, 28, 258, 33 ], "completed": false }, { "type": "title", "position": [ 656, 28, 204, 33 ], "completed": false }, { "type": "button", "position": [ 237, 65, 60, 15 ], "completed": false }, { "type": "button", "position": [ 729, 65, 60, 15 ], "completed": false }, { "type": "image", "position": [ 26, 114, 480, 198 ], "completed": false }, { "type": "image", "position": [ 518, 114, 480, 198 ], "completed": false } ] }, { "text": "# A page for marketing the quality and advantage of the product.# The page should have three groups: \"Premium Quality\" \"Pure & Healthy\" and \"100% Natural\", with each containing an image and a title.", "region_id": "6467", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Premium Quality, Pure & Healthy, 100% Natural'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 76 0 18 18 | image 24 0 18 18 | image 50 0 18 18 | title 78 19 13 2 | title 52 19 14 2 | title 25 19 17 2", "layout_seq_without_completion": "image 76 0 18 18 | image 24 0 18 18 | image 50 0 18 18 | title 78 19 13 2 | title 52 19 14 2 | title 25 19 17 2", "plain_layout_seq": "image 76 0 18 18 | image 24 0 18 18 | image 50 0 18 18 | title 78 19 13 2 | title 52 19 14 2 | title 25 19 17 2", "canvas_width": 1024, "canvas_height": 222, "elements": [ { "type": "image", "position": [ 212, 0, 160, 160 ], "completed": false }, { "type": "image", "position": [ 432, 0, 160, 160 ], "completed": false }, { "type": "image", "position": [ 652, 0, 160, 160 ], "completed": false }, { "type": "title", "position": [ 216, 163, 153, 20 ], "completed": false }, { "type": "title", "position": [ 450, 163, 124, 20 ], "completed": false }, { "type": "title", "position": [ 674, 163, 117, 20 ], "completed": false } ] }, { "text": "#A page for uses to shop.# There is one image on the left. And on the right, there is one label \"Shop by\", and three buttons for users to choose \"FACE SHARP\", \"FRAME SHARP\", and \"COLOR\". Below are eight groups. Each group includes one image, and one label showing the shape. Next, there are two links \"Shop Women's\" and \"Shop Men's\".", "region_id": "4982", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'left'] ] [el:title [attr:position 'right'] [attr:value'shop by']] [el:button [attr:value 'face sharp'] [attr:position 'right'] ] [el:button [attr:value 'FRAME SHARP'] [attr:position 'right'] ] [el:button [attr:value 'COLOR'] [attr:position 'right'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] [el:link[attr:value 'shop womens'] ][el:link[attr:value 'shop mens'] ] ]", "execution": "multiinfo : button right undefined | button right undefined | button right undefined | image left undefined | link undefined undefined | link undefined undefined | title right undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 100 29 8 4 | image 65 17 8 4 | image 77 17 8 4 | image 100 17 8 4 | image 65 29 8 4 | image 9 0 43 35 | image 88 17 8 4 | image 77 29 8 4 | image 88 29 8 4 | link 90 43 11 2 | link 73 43 14 2 | title 68 34 4 3 | title 102 34 6 3 | title 77 22 7 3 | title 90 34 5 3 | title 67 22 6 3 | title 77 34 8 3 | title 89 22 6 3 | title 100 22 9 3 | title 64 2 45 4 | \" [ button 65 10 13 3 ] | [ button 82 10 15 3 ] | [ button 101 10 8 3 ] \"", "layout_seq_without_completion": "image 100 29 8 4 | image 65 17 8 4 | image 77 17 8 4 | image 100 17 8 4 | image 65 29 8 4 | image 9 0 43 35 | image 88 17 8 4 | image 77 29 8 4 | image 88 29 8 4 | link 90 43 11 2 | link 73 43 14 2 | title 68 34 4 3 | title 102 34 6 3 | title 77 22 7 3 | title 90 34 5 3 | title 67 22 6 3 | title 77 34 8 3 | title 89 22 6 3 | title 100 22 9 3 | title 64 2 45 4 | \" [ button 65 10 13 3 ] | [ button 82 10 15 3 ] | [ button 101 10 8 3 ] \"", "plain_layout_seq": "button 65 10 13 3 | button 82 10 15 3 | button 101 10 8 3 | image 100 29 8 4 | image 65 17 8 4 | image 77 17 8 4 | image 100 17 8 4 | image 65 29 8 4 | image 9 0 43 35 | image 88 17 8 4 | image 77 29 8 4 | image 88 29 8 4 | link 90 43 11 2 | link 73 43 14 2 | title 68 34 4 3 | title 102 34 6 3 | title 77 22 7 3 | title 90 34 5 3 | title 67 22 6 3 | title 77 34 8 3 | title 89 22 6 3 | title 100 22 9 3 | title 64 2 45 4", "canvas_width": 1009, "canvas_height": 560, "elements": [ { "type": "image", "position": [ 80, 0, 369, 295 ], "completed": false }, { "type": "title", "position": [ 545, 22, 384, 40 ], "completed": false }, { "type": "button", "position": [ 548, 85, 112, 27 ], "completed": false }, { "type": "button", "position": [ 694, 85, 129, 27 ], "completed": false }, { "type": "button", "position": [ 856, 85, 70, 27 ], "completed": false }, { "type": "image", "position": [ 553, 145, 75, 38 ], "completed": false }, { "type": "image", "position": [ 650, 145, 75, 38 ], "completed": false }, { "type": "image", "position": [ 747, 145, 75, 38 ], "completed": false }, { "type": "image", "position": [ 845, 145, 75, 38 ], "completed": false }, { "type": "title", "position": [ 564, 187, 53, 28 ], "completed": false }, { "type": "title", "position": [ 655, 187, 65, 28 ], "completed": false }, { "type": "title", "position": [ 756, 187, 58, 28 ], "completed": false }, { "type": "title", "position": [ 844, 187, 77, 28 ], "completed": false }, { "type": "image", "position": [ 553, 247, 75, 38 ], "completed": false }, { "type": "image", "position": [ 651, 247, 75, 38 ], "completed": false }, { "type": "image", "position": [ 748, 247, 75, 38 ], "completed": false }, { "type": "image", "position": [ 846, 247, 75, 38 ], "completed": false }, { "type": "title", "position": [ 574, 289, 34, 28 ], "completed": false }, { "type": "title", "position": [ 653, 289, 71, 28 ], "completed": false }, { "type": "title", "position": [ 763, 289, 46, 28 ], "completed": false }, { "type": "title", "position": [ 858, 289, 51, 28 ], "completed": false }, { "type": "link", "position": [ 617, 365, 124, 22 ], "completed": false }, { "type": "link", "position": [ 757, 365, 100, 22 ], "completed": false } ] }, { "text": "#A page for selling hair wigs.# The page should have a title, and 4 groups while each group has an image, and two texts to show the photo, title, and price of the goods. A link is needed for users to click to view all goods.", "region_id": "7521", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:link [attr:value 'view all'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 107 0 7 3 | title 4 0 8 4 | \" [ image 4 10 25 25 | text 4 40 7 2 | title 4 36 25 3 ] | [ image 33 10 25 26 | text 33 45 7 2 | title 33 37 25 7 ] | [ image 61 10 25 24 | text 61 44 6 2 | title 61 36 25 7 ] | [ image 90 10 25 21 | text 90 37 5 2 | title 90 33 25 3 ] \"", "layout_seq_without_completion": "link 107 0 7 3 | title 4 0 8 4 | \" [ image 4 10 25 25 | text 4 40 7 2 | title 4 36 25 3 ] | [ image 33 10 25 26 | text 33 45 7 2 | title 33 37 25 7 ] | [ image 61 10 25 24 | text 61 44 6 2 | title 61 36 25 7 ] | [ image 90 10 25 21 | text 90 37 5 2 | title 90 33 25 3 ] \"", "plain_layout_seq": "image 4 10 25 25 | image 33 10 25 26 | image 61 10 25 24 | image 90 10 25 21 | link 107 0 7 3 | text 4 40 7 2 | text 33 45 7 2 | text 61 44 6 2 | text 90 37 5 2 | title 4 0 8 4 | title 4 36 25 3 | title 33 37 25 7 | title 61 36 25 7 | title 90 33 25 3", "canvas_width": 1024, "canvas_height": 457, "elements": [ { "type": "title", "position": [ 40, 0, 70, 42 ], "completed": false }, { "type": "link", "position": [ 921, 4, 63, 33 ], "completed": false }, { "type": "image", "position": [ 40, 91, 214, 215 ], "completed": false }, { "type": "image", "position": [ 284, 91, 214, 223 ], "completed": false }, { "type": "image", "position": [ 527, 91, 214, 211 ], "completed": false }, { "type": "image", "position": [ 770, 91, 214, 183 ], "completed": false }, { "type": "title", "position": [ 770, 283, 214, 30 ], "completed": false }, { "type": "title", "position": [ 527, 312, 214, 60 ], "completed": false }, { "type": "title", "position": [ 40, 315, 214, 30 ], "completed": false }, { "type": "text", "position": [ 770, 317, 47, 22 ], "completed": false }, { "type": "title", "position": [ 284, 323, 214, 60 ], "completed": false }, { "type": "text", "position": [ 40, 349, 68, 22 ], "completed": false }, { "type": "text", "position": [ 527, 376, 58, 22 ], "completed": false }, { "type": "text", "position": [ 284, 387, 68, 22 ], "completed": false } ] }, { "text": "#A page for introducing solutions to users.# The page should include one title and five parts. Each part contains an image and a title such as \"Automotive\".", "region_id": "358", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'5'] [gattr:names'automotive'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 10 37 46 | image 40 59 38 46 | image 80 10 38 46 | image 0 59 37 46 | image 40 10 38 46 | title 44 99 18 4 | title 3 49 20 4 | title 84 49 16 4 | title 44 49 7 4 | title 3 99 15 4 | title 0 0 120 4", "layout_seq_without_completion": "image 0 10 37 46 | image 40 59 38 46 | image 80 10 38 46 | image 0 59 37 46 | image 40 10 38 46 | title 44 99 18 4 | title 3 49 20 4 | title 84 49 16 4 | title 44 49 7 4 | title 3 99 15 4 | title 0 0 120 4", "plain_layout_seq": "image 0 10 37 46 | image 40 59 38 46 | image 80 10 38 46 | image 0 59 37 46 | image 40 10 38 46 | title 44 99 18 4 | title 3 49 20 4 | title 84 49 16 4 | title 44 49 7 4 | title 3 99 15 4 | title 0 0 120 4", "canvas_width": 922, "canvas_height": 846, "elements": [ { "type": "title", "position": [ 0, 0, 922, 36 ], "completed": false }, { "type": "image", "position": [ 0, 80, 291, 360 ], "completed": false }, { "type": "image", "position": [ 309, 80, 295, 360 ], "completed": false }, { "type": "image", "position": [ 622, 80, 295, 360 ], "completed": false }, { "type": "title", "position": [ 25, 383, 158, 38 ], "completed": false }, { "type": "title", "position": [ 339, 383, 59, 38 ], "completed": false }, { "type": "title", "position": [ 652, 383, 129, 38 ], "completed": false }, { "type": "image", "position": [ 0, 460, 291, 360 ], "completed": false }, { "type": "image", "position": [ 309, 460, 295, 360 ], "completed": false }, { "type": "title", "position": [ 25, 763, 117, 38 ], "completed": false }, { "type": "title", "position": [ 339, 763, 145, 38 ], "completed": false } ] }, { "text": "#A page for introducing the organizations that something is featured in.# The page should have a title \"Featured in\" and 5 logos of the organizations that the thing appears in.", "region_id": "798", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Featured in'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 6 10 12 3 | \" [ logo 20 9 13 5 ] | [ logo 39 9 13 5 ] | [ logo 58 9 13 5 ] | [ logo 78 9 13 5 ] | [ logo 97 9 13 5 ] \"", "layout_seq_without_completion": "title 6 10 12 3 | \" [ logo 20 9 13 5 ] | [ logo 39 9 13 5 ] | [ logo 58 9 13 5 ] | [ logo 78 9 13 5 ] | [ logo 97 9 13 5 ] \"", "plain_layout_seq": "logo 20 9 13 5 | logo 39 9 13 5 | logo 58 9 13 5 | logo 78 9 13 5 | logo 97 9 13 5 | title 6 10 12 3", "canvas_width": 1003, "canvas_height": 210, "elements": [ { "type": "logo", "position": [ 172, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 332, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 492, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 652, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 812, 80, 110, 50 ], "completed": false }, { "type": "title", "position": [ 51, 90, 101, 28 ], "completed": false } ] }, { "text": "#A page for introducing the organizations that a piece of news featured in.# The page should have a title and 5 images to show the logos of the organization that a piece of news is shown.", "region_id": "798_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 6 10 12 3 | \" [ logo 20 9 13 5 ] | [ logo 39 9 13 5 ] | [ logo 58 9 13 5 ] | [ logo 78 9 13 5 ] | [ logo 97 9 13 5 ] \"", "layout_seq_without_completion": "title 6 10 12 3 | \" [ logo 20 9 13 5 ] | [ logo 39 9 13 5 ] | [ logo 58 9 13 5 ] | [ logo 78 9 13 5 ] | [ logo 97 9 13 5 ] \"", "plain_layout_seq": "logo 20 9 13 5 | logo 39 9 13 5 | logo 58 9 13 5 | logo 78 9 13 5 | logo 97 9 13 5 | title 6 10 12 3", "canvas_width": 1003, "canvas_height": 210, "elements": [ { "type": "logo", "position": [ 172, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 332, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 492, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 652, 80, 110, 50 ], "completed": false }, { "type": "logo", "position": [ 812, 80, 110, 50 ], "completed": false }, { "type": "title", "position": [ 51, 90, 101, 28 ], "completed": false } ] }, { "text": "# A page to introduce some awesome features of Flexiquiz to attract the user. # On the page, there should have a blue background image, the title \"Awesome features\" and six groups of feature information \"Access anywhere\" \" Secured with SSL\" \"Auto-grading\" \"Timed tests\" \"Custom Branding\" and \"Public and Private quizzes\". In each group, there should contain a title for the feature and a further description of the feature.", "region_id": "5407", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [el:title [attr:value 'awesome features'] ] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'Access anywhere, Secured with SSL, Auto-grading, Timed tests, Custom Branding,Public and Private quizzes'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : background undefined undefined | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 49 23 27 9 | description 87 23 27 9 | description 10 23 27 9 | description 10 42 27 9 | description 49 42 27 7 | description 87 42 27 9 | title 4 7 111 3 | title 10 38 27 2 | title 49 38 27 2 | title 87 38 27 2 | title 10 19 27 2 | title 49 19 27 2 | title 87 19 27 2", "layout_seq_without_completion": "description 49 23 27 9 | description 87 23 27 9 | description 10 23 27 9 | description 10 42 27 9 | description 49 42 27 7 | description 87 42 27 9 | title 4 7 111 3 | title 10 38 27 2 | title 49 38 27 2 | title 87 38 27 2 | title 10 19 27 2 | title 49 19 27 2 | title 87 19 27 2", "plain_layout_seq": "description 49 23 27 9 | description 87 23 27 9 | description 10 23 27 9 | description 10 42 27 9 | description 49 42 27 7 | description 87 42 27 9 | title 4 7 111 3 | title 10 38 27 2 | title 49 38 27 2 | title 87 38 27 2 | title 10 19 27 2 | title 49 19 27 2 | title 87 19 27 2", "canvas_width": 1009, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 34, 61, 940, 33 ], "completed": false }, { "type": "title", "position": [ 90, 164, 228, 20 ], "completed": false }, { "type": "title", "position": [ 413, 164, 228, 20 ], "completed": false }, { "type": "title", "position": [ 736, 164, 228, 20 ], "completed": false }, { "type": "description", "position": [ 90, 194, 228, 80 ], "completed": false }, { "type": "description", "position": [ 413, 194, 228, 80 ], "completed": false }, { "type": "description", "position": [ 736, 194, 228, 80 ], "completed": false }, { "type": "title", "position": [ 90, 324, 228, 20 ], "completed": false }, { "type": "title", "position": [ 413, 324, 228, 20 ], "completed": false }, { "type": "title", "position": [ 736, 324, 228, 20 ], "completed": false }, { "type": "description", "position": [ 90, 354, 228, 80 ], "completed": false }, { "type": "description", "position": [ 413, 354, 228, 60 ], "completed": false }, { "type": "description", "position": [ 736, 354, 228, 80 ], "completed": false } ] }, { "text": "#A page to advertise a company. # A logo and some words are on the page.There is an icon on the page. There are four groups, and each has an icon, and a title.", "region_id": "7931", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [el:text [attr:repeat 'several'] ] [el:icon] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : icon undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 103 18 16 16 | \" [ icon 4 3 5 5 | complete image 3 3 6 6 | title 12 3 12 5 ] | [ icon 32 3 5 5 | complete image 31 3 6 6 | title 40 3 12 5 ] | [ icon 60 3 5 5 | complete image 59 3 6 6 | title 68 3 12 5 ] | [ icon 87 3 5 5 | complete image 87 3 6 6 | title 96 5 16 2 ] \"", "layout_seq_without_completion": "logo 103 18 16 16 | \" [ icon 4 3 5 5 | image 3 3 6 6 | title 12 3 12 5 ] | [ icon 32 3 5 5 | image 31 3 6 6 | title 40 3 12 5 ] | [ icon 60 3 5 5 | image 59 3 6 6 | title 68 3 12 5 ] | [ icon 87 3 5 5 | image 87 3 6 6 | title 96 5 16 2 ] \"", "plain_layout_seq": "icon 4 3 5 5 | icon 32 3 5 5 | icon 60 3 5 5 | icon 87 3 5 5 | image 3 3 6 6 | image 31 3 6 6 | image 59 3 6 6 | image 87 3 6 6 | logo 103 18 16 16 | title 12 3 12 5 | title 40 3 12 5 | title 68 3 12 5 | title 96 5 16 2", "canvas_width": 1024, "canvas_height": 296, "elements": [ { "type": "image", "position": [ 32, 28, 56, 56 ], "completed": true }, { "type": "image", "position": [ 270, 28, 56, 56 ], "completed": true }, { "type": "image", "position": [ 508, 28, 56, 56 ], "completed": true }, { "type": "image", "position": [ 746, 28, 56, 56 ], "completed": true }, { "type": "icon", "position": [ 36, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 274, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 512, 32, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 750, 32, 48, 48 ], "completed": false }, { "type": "title", "position": [ 108, 33, 105, 47 ], "completed": false }, { "type": "title", "position": [ 347, 33, 104, 47 ], "completed": false }, { "type": "title", "position": [ 585, 33, 105, 47 ], "completed": false }, { "type": "title", "position": [ 823, 44, 142, 24 ], "completed": false }, { "type": "logo", "position": [ 884, 156, 140, 140 ], "completed": false } ] }, { "text": "# A page to market a company to attract customers. # On the page, there should be a title \"Why work with us\". Then there should be three parts to introduce the advantage. In each part, there should be an image and a text box with a short description.", "region_id": "1239", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'why work with us'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 80 47 36 2 | description 2 47 36 2 | description 41 47 36 2 | image 41 14 36 29 | image 2 14 36 29 | image 80 14 36 29 | title 2 4 96 6", "layout_seq_without_completion": "description 80 47 36 2 | description 2 47 36 2 | description 41 47 36 2 | image 41 14 36 29 | image 2 14 36 29 | image 80 14 36 29 | title 2 4 96 6", "plain_layout_seq": "description 80 47 36 2 | description 2 47 36 2 | description 41 47 36 2 | image 41 14 36 29 | image 2 14 36 29 | image 80 14 36 29 | title 2 4 96 6", "canvas_width": 1024, "canvas_height": 465, "elements": [ { "type": "title", "position": [ 20, 40, 823, 54 ], "completed": false }, { "type": "image", "position": [ 20, 124, 315, 252 ], "completed": false }, { "type": "image", "position": [ 355, 124, 315, 252 ], "completed": false }, { "type": "image", "position": [ 689, 124, 315, 252 ], "completed": false }, { "type": "description", "position": [ 20, 406, 315, 19 ], "completed": false }, { "type": "description", "position": [ 355, 406, 315, 19 ], "completed": false }, { "type": "description", "position": [ 689, 406, 315, 19 ], "completed": false } ] }, { "text": "#A page for introducing some places.# The page should have 4 groups while each group has a related image, a title, and text to shortly introduce the place.", "region_id": "3335", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 22 25 16 | complete image 0 0 28 44 | image 2 1 25 15 | title 2 17 25 2 ] | [ description 32 22 25 16 | complete image 30 0 28 44 | image 32 1 25 15 | title 32 17 25 2 ] | [ description 62 22 25 16 | complete image 60 0 28 44 | image 62 1 25 15 | title 62 17 25 2 ] | [ description 92 22 25 16 | complete image 90 0 28 44 | image 92 1 25 15 | title 92 17 25 2 ] \"", "layout_seq_without_completion": "\" [ description 2 22 25 16 | image 0 0 28 44 | image 2 1 25 15 | title 2 17 25 2 ] | [ description 32 22 25 16 | image 30 0 28 44 | image 32 1 25 15 | title 32 17 25 2 ] | [ description 62 22 25 16 | image 60 0 28 44 | image 62 1 25 15 | title 62 17 25 2 ] | [ description 92 22 25 16 | image 90 0 28 44 | image 92 1 25 15 | title 92 17 25 2 ] \"", "plain_layout_seq": "description 2 22 25 16 | description 32 22 25 16 | description 62 22 25 16 | description 92 22 25 16 | image 0 0 28 44 | image 2 1 25 15 | image 30 0 28 44 | image 32 1 25 15 | image 60 0 28 44 | image 62 1 25 15 | image 90 0 28 44 | image 92 1 25 15 | title 2 17 25 2 | title 32 17 25 2 | title 62 17 25 2 | title 92 17 25 2", "canvas_width": 970, "canvas_height": 367, "elements": [ { "type": "image", "position": [ 6, 0, 231, 358 ], "completed": true }, { "type": "image", "position": [ 249, 0, 231, 358 ], "completed": true }, { "type": "image", "position": [ 492, 0, 231, 358 ], "completed": true }, { "type": "image", "position": [ 735, 0, 231, 358 ], "completed": true }, { "type": "image", "position": [ 18, 12, 207, 124 ], "completed": false }, { "type": "image", "position": [ 261, 12, 207, 124 ], "completed": false }, { "type": "image", "position": [ 504, 12, 207, 124 ], "completed": false }, { "type": "image", "position": [ 747, 12, 207, 124 ], "completed": false }, { "type": "title", "position": [ 18, 145, 207, 24 ], "completed": false }, { "type": "title", "position": [ 261, 145, 207, 24 ], "completed": false }, { "type": "title", "position": [ 504, 145, 207, 24 ], "completed": false }, { "type": "title", "position": [ 747, 145, 207, 24 ], "completed": false }, { "type": "description", "position": [ 18, 183, 207, 130 ], "completed": false }, { "type": "description", "position": [ 261, 183, 207, 130 ], "completed": false }, { "type": "description", "position": [ 504, 183, 207, 130 ], "completed": false }, { "type": "description", "position": [ 747, 183, 207, 130 ], "completed": false } ] }, { "text": "#A page marketing a company.# There should be two separate information sets, each with a title and a link. Users can click these links to find out more. They each have a background image.", "region_id": "1151", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:link [attr:value'read more'] ] [el:background_image] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 2 2 55 91 | complete icon 37 47 1 1 | link 22 46 13 2 | title 11 17 38 22 ] | [ background 61 2 55 91 | complete icon 92 41 1 1 | link 84 40 6 2 | title 69 17 38 16 ] \"", "layout_seq_without_completion": "\" [ background 2 2 55 91 | icon 37 47 1 1 | link 22 46 13 2 | title 11 17 38 22 ] | [ background 61 2 55 91 | icon 92 41 1 1 | link 84 40 6 2 | title 69 17 38 16 ] \"", "plain_layout_seq": "background 2 2 55 91 | background 61 2 55 91 | icon 37 47 1 1 | icon 92 41 1 1 | link 22 46 13 2 | link 84 40 6 2 | title 11 17 38 22 | title 69 17 38 16", "canvas_width": 1024, "canvas_height": 828, "elements": [ { "type": "background", "position": [ 24, 24, 476, 780 ], "completed": false }, { "type": "background", "position": [ 524, 24, 476, 780 ], "completed": false }, { "type": "title", "position": [ 96, 152, 332, 192 ], "completed": false }, { "type": "title", "position": [ 596, 152, 332, 144 ], "completed": false }, { "type": "link", "position": [ 725, 348, 54, 22 ], "completed": false }, { "type": "icon", "position": [ 787, 355, 12, 12 ], "completed": true }, { "type": "link", "position": [ 193, 396, 118, 22 ], "completed": false }, { "type": "icon", "position": [ 319, 403, 12, 12 ], "completed": true } ] }, { "text": "#A page marketing a company.# There should be two separate information sets, each with a title and a link. Users can click these links to find out more.", "region_id": "1151_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 2 2 55 91 | complete icon 37 47 1 1 | link 22 46 13 2 | title 11 17 38 22 ] | [ complete background 61 2 55 91 | complete icon 92 41 1 1 | link 84 40 6 2 | title 69 17 38 16 ] \"", "layout_seq_without_completion": "\" [ background 2 2 55 91 | icon 37 47 1 1 | link 22 46 13 2 | title 11 17 38 22 ] | [ background 61 2 55 91 | icon 92 41 1 1 | link 84 40 6 2 | title 69 17 38 16 ] \"", "plain_layout_seq": "background 2 2 55 91 | background 61 2 55 91 | icon 37 47 1 1 | icon 92 41 1 1 | link 22 46 13 2 | link 84 40 6 2 | title 11 17 38 22 | title 69 17 38 16", "canvas_width": 1024, "canvas_height": 828, "elements": [ { "type": "background", "position": [ 24, 24, 476, 780 ], "completed": true }, { "type": "background", "position": [ 524, 24, 476, 780 ], "completed": true }, { "type": "title", "position": [ 96, 152, 332, 192 ], "completed": false }, { "type": "title", "position": [ 596, 152, 332, 144 ], "completed": false }, { "type": "link", "position": [ 725, 348, 54, 22 ], "completed": false }, { "type": "icon", "position": [ 787, 355, 12, 12 ], "completed": true }, { "type": "link", "position": [ 193, 396, 118, 22 ], "completed": false }, { "type": "icon", "position": [ 319, 403, 12, 12 ], "completed": true } ] }, { "text": "#A page including articles about augmented reality and machine learning.# The page contains the title \"User Engagement\" and 3 information sets. Each group includes a background image and a link.", "region_id": "3237", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'user engagement'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] | [ background undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "background 42 15 35 58 | background 3 15 35 58 | background 81 15 35 58 | link 3 63 35 11 | link 81 63 35 11 | link 42 63 35 11 | title 3 4 112 5", "layout_seq_without_completion": "background 42 15 35 58 | background 3 15 35 58 | background 81 15 35 58 | link 3 63 35 11 | link 81 63 35 11 | link 42 63 35 11 | title 3 4 112 5", "plain_layout_seq": "background 42 15 35 58 | background 3 15 35 58 | background 81 15 35 58 | link 3 63 35 11 | link 81 63 35 11 | link 42 63 35 11 | title 3 4 112 5", "canvas_width": 1024, "canvas_height": 677, "elements": [ { "type": "title", "position": [ 30, 40, 964, 49 ], "completed": false }, { "type": "background", "position": [ 30, 134, 302, 503 ], "completed": false }, { "type": "background", "position": [ 361, 134, 302, 503 ], "completed": false }, { "type": "background", "position": [ 692, 134, 302, 503 ], "completed": false }, { "type": "link", "position": [ 30, 540, 302, 97 ], "completed": false }, { "type": "link", "position": [ 361, 540, 302, 97 ], "completed": false }, { "type": "link", "position": [ 692, 540, 302, 97 ], "completed": false } ] }, { "text": "#A page for showing products.# The page includes a title named \u201cBestSellers\u201d, two paginations, and other five groups of information showing products. Each group involves a picture, a product name, the price of the product, and a button for users to get further information about the product.", "region_id": "8533", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'bestsellers'] ] [el:pagination] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] [el:button [attr:value 'add to cart'] ] ] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 110 0 3 3 | complete button 106 0 3 3 | title 5 0 14 3 | \" [ button 7 29 15 3 | complete image 5 5 20 28 | image 5 6 20 16 | text 10 26 10 2 | title 7 23 15 1 ] | [ button 30 29 15 3 | complete image 27 5 20 28 | image 27 6 20 16 | text 32 26 10 2 | title 30 23 15 1 ] | [ button 52 29 15 3 | complete image 49 5 20 28 | image 49 6 20 16 | text 54 26 10 2 | title 52 23 15 1 ] | [ button 74 29 15 3 | complete image 71 5 20 28 | image 71 6 20 16 | text 76 26 10 2 | title 74 23 15 1 ] | [ button 96 29 15 3 | complete image 93 5 20 28 | image 93 6 20 16 | text 99 26 10 2 | title 96 23 15 1 ] \"", "layout_seq_without_completion": "button 110 0 3 3 | button 106 0 3 3 | title 5 0 14 3 | \" [ button 7 29 15 3 | image 5 5 20 28 | image 5 6 20 16 | text 10 26 10 2 | title 7 23 15 1 ] | [ button 30 29 15 3 | image 27 5 20 28 | image 27 6 20 16 | text 32 26 10 2 | title 30 23 15 1 ] | [ button 52 29 15 3 | image 49 5 20 28 | image 49 6 20 16 | text 54 26 10 2 | title 52 23 15 1 ] | [ button 74 29 15 3 | image 71 5 20 28 | image 71 6 20 16 | text 76 26 10 2 | title 74 23 15 1 ] | [ button 96 29 15 3 | image 93 5 20 28 | image 93 6 20 16 | text 99 26 10 2 | title 96 23 15 1 ] \"", "plain_layout_seq": "button 110 0 3 3 | button 106 0 3 3 | button 7 29 15 3 | button 30 29 15 3 | button 52 29 15 3 | button 74 29 15 3 | button 96 29 15 3 | image 5 5 20 28 | image 5 6 20 16 | image 27 5 20 28 | image 27 6 20 16 | image 49 5 20 28 | image 49 6 20 16 | image 71 5 20 28 | image 71 6 20 16 | image 93 5 20 28 | image 93 6 20 16 | text 10 26 10 2 | text 32 26 10 2 | text 54 26 10 2 | text 76 26 10 2 | text 99 26 10 2 | title 5 0 14 3 | title 7 23 15 1 | title 30 23 15 1 | title 52 23 15 1 | title 74 23 15 1 | title 96 23 15 1", "canvas_width": 1024, "canvas_height": 305, "elements": [ { "type": "button", "position": [ 912, 0, 30, 30 ], "completed": true }, { "type": "button", "position": [ 947, 0, 30, 30 ], "completed": true }, { "type": "title", "position": [ 47, 1, 120, 29 ], "completed": false }, { "type": "image", "position": [ 47, 51, 178, 241 ], "completed": true }, { "type": "image", "position": [ 235, 51, 178, 241 ], "completed": true }, { "type": "image", "position": [ 423, 51, 178, 241 ], "completed": true }, { "type": "image", "position": [ 611, 51, 178, 241 ], "completed": true }, { "type": "image", "position": [ 799, 51, 178, 241 ], "completed": true }, { "type": "image", "position": [ 48, 52, 176, 138 ], "completed": false }, { "type": "image", "position": [ 236, 52, 176, 138 ], "completed": false }, { "type": "image", "position": [ 424, 52, 176, 138 ], "completed": false }, { "type": "image", "position": [ 612, 52, 176, 138 ], "completed": false }, { "type": "image", "position": [ 800, 52, 176, 138 ], "completed": false }, { "type": "title", "position": [ 68, 201, 136, 16 ], "completed": false }, { "type": "title", "position": [ 256, 201, 136, 16 ], "completed": false }, { "type": "title", "position": [ 444, 201, 136, 16 ], "completed": false }, { "type": "title", "position": [ 632, 201, 136, 16 ], "completed": false }, { "type": "title", "position": [ 820, 201, 136, 16 ], "completed": false }, { "type": "text", "position": [ 93, 224, 86, 19 ], "completed": false }, { "type": "text", "position": [ 281, 224, 86, 19 ], "completed": false }, { "type": "text", "position": [ 469, 224, 86, 19 ], "completed": false }, { "type": "text", "position": [ 657, 224, 86, 19 ], "completed": false }, { "type": "text", "position": [ 845, 224, 86, 19 ], "completed": false }, { "type": "button", "position": [ 68, 249, 136, 32 ], "completed": false }, { "type": "button", "position": [ 256, 249, 136, 32 ], "completed": false }, { "type": "button", "position": [ 444, 249, 136, 32 ], "completed": false }, { "type": "button", "position": [ 632, 249, 136, 32 ], "completed": false }, { "type": "button", "position": [ 820, 249, 136, 32 ], "completed": false } ] }, { "text": "#A page for showing products.# The page contains a headline, a button named \u201cShop Crayola\u201d for users to click to buy the product, and five groups of information showing products. Each group includes a background, a picture of the product, the price, and a title of the product.", "region_id": "8265", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:button [attr:value 'shop crayola'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:background_image] [el:image] [el:text] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ background undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 28 6 23 39 | button 51 50 16 5 | image 30 8 19 19 | complete text 30 25 7 2 | text 30 30 6 3 | title 30 34 18 7 | title 2 0 114 3 | \" [ background 2 6 23 39 | image 4 8 19 19 | text 4 30 6 3 | title 4 34 17 7 ] | [ background 53 6 23 39 | image 55 8 19 19 | text 55 30 6 3 | title 55 34 18 7 ] | [ background 78 6 23 39 | image 80 8 19 19 | text 80 30 5 3 | title 80 34 17 7 ] | [ background 103 6 16 39 | image 105 8 14 19 | text 105 30 6 3 | title 105 34 14 7 ] \"", "layout_seq_without_completion": "background 28 6 23 39 | button 51 50 16 5 | image 30 8 19 19 | text 30 25 7 2 | text 30 30 6 3 | title 30 34 18 7 | title 2 0 114 3 | \" [ background 2 6 23 39 | image 4 8 19 19 | text 4 30 6 3 | title 4 34 17 7 ] | [ background 53 6 23 39 | image 55 8 19 19 | text 55 30 6 3 | title 55 34 18 7 ] | [ background 78 6 23 39 | image 80 8 19 19 | text 80 30 5 3 | title 80 34 17 7 ] | [ background 103 6 16 39 | image 105 8 14 19 | text 105 30 6 3 | title 105 34 14 7 ] \"", "plain_layout_seq": "background 28 6 23 39 | background 2 6 23 39 | background 53 6 23 39 | background 78 6 23 39 | background 103 6 16 39 | button 51 50 16 5 | image 30 8 19 19 | image 4 8 19 19 | image 55 8 19 19 | image 80 8 19 19 | image 105 8 14 19 | text 30 25 7 2 | text 30 30 6 3 | text 4 30 6 3 | text 55 30 6 3 | text 80 30 5 3 | text 105 30 6 3 | title 30 34 18 7 | title 2 0 114 3 | title 4 34 17 7 | title 55 34 18 7 | title 80 34 17 7 | title 105 34 14 7", "canvas_width": 1024, "canvas_height": 732, "elements": [ { "type": "title", "position": [ 25, 0, 974, 27 ], "completed": false }, { "type": "background", "position": [ 25, 53, 204, 340 ], "completed": false }, { "type": "background", "position": [ 239, 53, 204, 340 ], "completed": false }, { "type": "background", "position": [ 453, 53, 204, 340 ], "completed": false }, { "type": "background", "position": [ 667, 53, 204, 340 ], "completed": false }, { "type": "background", "position": [ 881, 53, 143, 340 ], "completed": false }, { "type": "image", "position": [ 42, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 256, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 470, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 684, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 898, 70, 126, 170 ], "completed": false }, { "type": "text", "position": [ 256, 217, 63, 23 ], "completed": true }, { "type": "text", "position": [ 42, 263, 58, 30 ], "completed": false }, { "type": "text", "position": [ 256, 263, 58, 30 ], "completed": false }, { "type": "text", "position": [ 470, 263, 58, 30 ], "completed": false }, { "type": "text", "position": [ 684, 263, 45, 30 ], "completed": false }, { "type": "text", "position": [ 898, 263, 58, 30 ], "completed": false }, { "type": "title", "position": [ 42, 293, 153, 64 ], "completed": false }, { "type": "title", "position": [ 256, 293, 159, 64 ], "completed": false }, { "type": "title", "position": [ 470, 293, 161, 64 ], "completed": false }, { "type": "title", "position": [ 684, 293, 149, 64 ], "completed": false }, { "type": "title", "position": [ 898, 293, 126, 64 ], "completed": false }, { "type": "button", "position": [ 440, 429, 143, 44 ], "completed": false } ] }, { "text": "#A page for showing products.# The page has a title named \"NZ Post Tickets Save 15%\", and five groups of information showing products. Each group includes a picture, the name of the product, and the price of the product.", "region_id": "8608", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'nz post tickets save 15%'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 4 50 6 | \" [ image 5 13 26 35 | text 5 54 9 2 | title 5 50 26 2 ] | [ image 33 13 26 35 | text 33 54 10 2 | title 33 50 26 2 ] | [ image 60 13 26 35 | text 60 54 10 2 | title 60 50 26 2 ] | [ image 87 13 26 35 | text 87 54 11 2 | title 87 50 26 2 ] | [ image 5 60 26 35 | text 5 101 11 2 | title 5 97 26 2 ] \"", "layout_seq_without_completion": "title 5 4 50 6 | \" [ image 5 13 26 35 | text 5 54 9 2 | title 5 50 26 2 ] | [ image 33 13 26 35 | text 33 54 10 2 | title 33 50 26 2 ] | [ image 60 13 26 35 | text 60 54 10 2 | title 60 50 26 2 ] | [ image 87 13 26 35 | text 87 54 11 2 | title 87 50 26 2 ] | [ image 5 60 26 35 | text 5 101 11 2 | title 5 97 26 2 ] \"", "plain_layout_seq": "image 5 13 26 35 | image 33 13 26 35 | image 60 13 26 35 | image 87 13 26 35 | image 5 60 26 35 | text 5 54 9 2 | text 33 54 10 2 | text 60 54 10 2 | text 87 54 11 2 | text 5 101 11 2 | title 5 4 50 6 | title 5 50 26 2 | title 33 50 26 2 | title 60 50 26 2 | title 87 50 26 2 | title 5 97 26 2", "canvas_width": 1024, "canvas_height": 938, "elements": [ { "type": "title", "position": [ 50, 36, 434, 52 ], "completed": false }, { "type": "image", "position": [ 50, 118, 225, 300 ], "completed": false }, { "type": "image", "position": [ 283, 118, 225, 300 ], "completed": false }, { "type": "image", "position": [ 516, 118, 225, 300 ], "completed": false }, { "type": "image", "position": [ 749, 118, 225, 300 ], "completed": false }, { "type": "title", "position": [ 50, 434, 225, 18 ], "completed": false }, { "type": "title", "position": [ 283, 434, 225, 18 ], "completed": false }, { "type": "title", "position": [ 516, 434, 225, 18 ], "completed": false }, { "type": "title", "position": [ 749, 434, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 466, 85, 21 ], "completed": false }, { "type": "text", "position": [ 283, 466, 86, 21 ], "completed": false }, { "type": "text", "position": [ 516, 466, 93, 21 ], "completed": false }, { "type": "text", "position": [ 749, 466, 94, 21 ], "completed": false }, { "type": "image", "position": [ 50, 514, 225, 300 ], "completed": false }, { "type": "title", "position": [ 50, 830, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 862, 94, 21 ], "completed": false } ] }, { "text": "# A page for the Nike's online shop. # There should be one title \"More Likes\" and three images about the products. In each image, there should be a text button. The user can click the button to choose to view mens, womens and kids product.", "region_id": "1815", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'more likes'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'mens, womens, kids'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 11 43 9 4 | button 85 43 8 4 | button 48 43 12 4 | image 5 7 35 44 | image 79 7 35 44 | image 42 7 35 44 | title 5 1 12 3", "layout_seq_without_completion": "button 11 43 9 4 | button 85 43 8 4 | button 48 43 12 4 | image 5 7 35 44 | image 79 7 35 44 | image 42 7 35 44 | title 5 1 12 3", "plain_layout_seq": "button 11 43 9 4 | button 85 43 8 4 | button 48 43 12 4 | image 5 7 35 44 | image 79 7 35 44 | image 42 7 35 44 | title 5 1 12 3", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 48, 13, 109, 28 ], "completed": false }, { "type": "image", "position": [ 48, 64, 304, 380 ], "completed": false }, { "type": "image", "position": [ 364, 64, 304, 380 ], "completed": false }, { "type": "image", "position": [ 680, 64, 304, 380 ], "completed": false }, { "type": "button", "position": [ 96, 370, 82, 36 ], "completed": false }, { "type": "button", "position": [ 412, 370, 105, 36 ], "completed": false }, { "type": "button", "position": [ 728, 370, 74, 36 ], "completed": false } ] }, { "text": "#A page for managing images.# There are six images on the left. And on the right, there are four info groups. Each group includes one icon, one title showing the pro, and one description.", "region_id": "2438", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'left'] [attr:repeat '6']] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : image left undefined | image left undefined | image left undefined | image left undefined | image left undefined | image left undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 25 15 14 14 | image 41 6 14 49 | image 1 39 9 17 | image 12 22 11 21 | image 12 44 11 11 | image 25 30 14 25 | \" [ description 62 13 25 9 | icon 73 4 2 2 | complete image 60 0 28 25 | complete image 72 3 5 5 | title 70 10 9 2 ] | [ description 93 13 25 9 | icon 104 4 2 2 | complete image 102 3 5 5 | complete image 91 0 28 25 | title 93 10 24 2 ] | [ description 62 42 25 9 | icon 73 32 2 2 | complete image 72 31 5 5 | complete image 60 28 28 28 | title 63 39 23 2 ] | [ description 93 45 25 9 | icon 104 32 2 2 | complete image 102 31 5 5 | complete image 91 28 28 28 | title 93 39 25 5 ] \"", "layout_seq_without_completion": "image 25 15 14 14 | image 41 6 14 49 | image 1 39 9 17 | image 12 22 11 21 | image 12 44 11 11 | image 25 30 14 25 | \" [ description 62 13 25 9 | icon 73 4 2 2 | image 60 0 28 25 | image 72 3 5 5 | title 70 10 9 2 ] | [ description 93 13 25 9 | icon 104 4 2 2 | image 102 3 5 5 | image 91 0 28 25 | title 93 10 24 2 ] | [ description 62 42 25 9 | icon 73 32 2 2 | image 72 31 5 5 | image 60 28 28 28 | title 63 39 23 2 ] | [ description 93 45 25 9 | icon 104 32 2 2 | image 102 31 5 5 | image 91 28 28 28 | title 93 39 25 5 ] \"", "plain_layout_seq": "description 62 13 25 9 | description 93 13 25 9 | description 62 42 25 9 | description 93 45 25 9 | icon 73 4 2 2 | icon 104 4 2 2 | icon 73 32 2 2 | icon 104 32 2 2 | image 25 15 14 14 | image 41 6 14 49 | image 1 39 9 17 | image 12 22 11 21 | image 12 44 11 11 | image 25 30 14 25 | image 60 0 28 25 | image 72 3 5 5 | image 102 3 5 5 | image 91 0 28 25 | image 72 31 5 5 | image 60 28 28 28 | image 102 31 5 5 | image 91 28 28 28 | title 70 10 9 2 | title 93 10 24 2 | title 63 39 23 2 | title 93 39 25 5", "canvas_width": 994, "canvas_height": 470, "elements": [ { "type": "image", "position": [ 504, 0, 238, 211 ], "completed": true }, { "type": "image", "position": [ 756, 0, 237, 211 ], "completed": true }, { "type": "image", "position": [ 599, 25, 48, 48 ], "completed": true }, { "type": "image", "position": [ 851, 25, 48, 48 ], "completed": true }, { "type": "icon", "position": [ 611, 37, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 863, 37, 24, 24 ], "completed": false }, { "type": "image", "position": [ 342, 57, 122, 412 ], "completed": false }, { "type": "title", "position": [ 583, 88, 79, 23 ], "completed": false }, { "type": "title", "position": [ 774, 88, 202, 23 ], "completed": false }, { "type": "description", "position": [ 519, 115, 208, 80 ], "completed": false }, { "type": "description", "position": [ 771, 115, 208, 80 ], "completed": false }, { "type": "image", "position": [ 211, 126, 122, 118 ], "completed": false }, { "type": "image", "position": [ 102, 185, 99, 176 ], "completed": false }, { "type": "image", "position": [ 504, 236, 238, 233 ], "completed": true }, { "type": "image", "position": [ 756, 236, 237, 233 ], "completed": true }, { "type": "image", "position": [ 211, 254, 122, 215 ], "completed": false }, { "type": "image", "position": [ 599, 261, 48, 48 ], "completed": true }, { "type": "image", "position": [ 851, 261, 48, 48 ], "completed": true }, { "type": "icon", "position": [ 611, 273, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 863, 273, 24, 24 ], "completed": false }, { "type": "image", "position": [ 10, 324, 82, 145 ], "completed": false }, { "type": "title", "position": [ 524, 324, 198, 23 ], "completed": false }, { "type": "title", "position": [ 771, 324, 208, 45 ], "completed": false }, { "type": "description", "position": [ 519, 352, 208, 80 ], "completed": false }, { "type": "image", "position": [ 102, 371, 99, 99 ], "completed": false }, { "type": "description", "position": [ 771, 374, 208, 80 ], "completed": false } ] }, { "text": "#A page for showing the four applications.#The page should have four groups and each group has an image and a title, \"media player\", \"case simulator\", \"website\", and \"photo editor.\"", "region_id": "3418", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'media player, case simulator, website, photo editor.'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 1 26 52 | image 31 1 26 52 | image 92 1 26 52 | image 61 1 26 52 | title 60 60 30 2 | title 89 60 30 2 | title 0 60 30 2 | title 30 60 30 2", "layout_seq_without_completion": "image 1 1 26 52 | image 31 1 26 52 | image 92 1 26 52 | image 61 1 26 52 | title 60 60 30 2 | title 89 60 30 2 | title 0 60 30 2 | title 30 60 30 2", "plain_layout_seq": "image 1 1 26 52 | image 31 1 26 52 | image 92 1 26 52 | image 61 1 26 52 | title 60 60 30 2 | title 89 60 30 2 | title 0 60 30 2 | title 30 60 30 2", "canvas_width": 930, "canvas_height": 495, "elements": [ { "type": "image", "position": [ 15, 15, 203, 405 ], "completed": false }, { "type": "image", "position": [ 247, 15, 203, 405 ], "completed": false }, { "type": "image", "position": [ 480, 15, 203, 405 ], "completed": false }, { "type": "image", "position": [ 713, 15, 203, 405 ], "completed": false }, { "type": "title", "position": [ 0, 465, 233, 22 ], "completed": false }, { "type": "title", "position": [ 233, 465, 233, 22 ], "completed": false }, { "type": "title", "position": [ 465, 465, 233, 22 ], "completed": false }, { "type": "title", "position": [ 697, 465, 233, 22 ], "completed": false } ] }, { "text": "$MultiInfo$ #This page is to guide users to share Blumble.#The page has a slogan directing users to share the product to friends and family, and offers users three ways to share with icons: Facebook, Twitter and WhatsApp.", "region_id": "4015", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'share blumble with family and friends']] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Facebook, Twitter, WhatsApp'] [item [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "title 4 5 52 4 | \" [ icon 66 4 14 5 ] | [ icon 82 4 12 5 ] | [ icon 96 4 15 5 ] \"", "layout_seq_without_completion": "title 4 5 52 4 | \" [ icon 66 4 14 5 ] | [ icon 82 4 12 5 ] | [ icon 96 4 15 5 ] \"", "plain_layout_seq": "icon 66 4 14 5 | icon 82 4 12 5 | icon 96 4 15 5 | title 4 5 52 4", "canvas_width": 1024, "canvas_height": 125, "elements": [ { "type": "icon", "position": [ 564, 35, 124, 45 ], "completed": false }, { "type": "icon", "position": [ 702, 35, 107, 45 ], "completed": false }, { "type": "icon", "position": [ 824, 35, 128, 45 ], "completed": false }, { "type": "title", "position": [ 40, 45, 452, 35 ], "completed": false } ] }, { "text": "#A page showing the products of a company.# There should be eight information sets, with each comprising the name of the product and a corresponding image.", "region_id": "1984", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'8'] [item [el:text] [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 6 0 24 24 | image 89 0 24 24 | image 34 31 24 24 | image 34 0 24 24 | image 61 0 24 24 | image 6 31 24 24 | image 61 31 24 24 | image 89 31 24 24 | text 61 57 24 2 | text 6 57 24 2 | text 34 26 24 2 | text 89 26 24 2 | text 6 26 24 2 | text 34 57 24 2 | text 89 57 24 2 | text 61 26 24 2", "layout_seq_without_completion": "image 6 0 24 24 | image 89 0 24 24 | image 34 31 24 24 | image 34 0 24 24 | image 61 0 24 24 | image 6 31 24 24 | image 61 31 24 24 | image 89 31 24 24 | text 61 57 24 2 | text 6 57 24 2 | text 34 26 24 2 | text 89 26 24 2 | text 6 26 24 2 | text 34 57 24 2 | text 89 57 24 2 | text 61 26 24 2", "plain_layout_seq": "image 6 0 24 24 | image 89 0 24 24 | image 34 31 24 24 | image 34 0 24 24 | image 61 0 24 24 | image 6 31 24 24 | image 61 31 24 24 | image 89 31 24 24 | text 61 57 24 2 | text 6 57 24 2 | text 34 26 24 2 | text 89 26 24 2 | text 6 26 24 2 | text 34 57 24 2 | text 89 57 24 2 | text 61 26 24 2", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "image", "position": [ 55, 0, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 0, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 0, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 0, 206, 206 ], "completed": false }, { "type": "text", "position": [ 55, 223, 206, 25 ], "completed": false }, { "type": "text", "position": [ 291, 223, 206, 25 ], "completed": false }, { "type": "text", "position": [ 527, 223, 206, 25 ], "completed": false }, { "type": "text", "position": [ 763, 223, 206, 25 ], "completed": false }, { "type": "image", "position": [ 55, 266, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 266, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 266, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 266, 206, 206 ], "completed": false }, { "type": "text", "position": [ 55, 489, 206, 25 ], "completed": false }, { "type": "text", "position": [ 291, 489, 206, 25 ], "completed": false }, { "type": "text", "position": [ 527, 489, 206, 25 ], "completed": false }, { "type": "text", "position": [ 763, 489, 206, 25 ], "completed": false } ] }, { "text": "# A page for an online shop to show the categories of the product. # On the page, there should have a title \"Shop the Goods\" followed by a sentence about the service and attitude of the shop. Then, there should have six groups: \"Look+Fell\" \"Kids+Littles\" \"Home+Garden\" \"Out+About\" \"Gifts+Pretty Things\" and \"Read+Write\", with each including a title for the name of the category and a related image.", "region_id": "7186", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Shop the Goods'] ] [el:description] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'Look+Fell, Kids+Littles, Home+Garden, Out+About, Gifts+Pretty Things,Read+Write'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 30 16 59 6 | image 78 69 32 31 | image 44 27 32 31 | image 9 27 32 32 | image 78 27 32 32 | image 9 69 32 31 | image 44 69 32 32 | title 30 9 59 4 | title 78 104 32 3 | title 44 104 32 2 | title 78 61 32 2 | title 44 61 32 3 | title 9 61 32 3 | title 9 104 32 3", "layout_seq_without_completion": "description 30 16 59 6 | image 78 69 32 31 | image 44 27 32 31 | image 9 27 32 32 | image 78 27 32 32 | image 9 69 32 31 | image 44 69 32 32 | title 30 9 59 4 | title 78 104 32 3 | title 44 104 32 2 | title 78 61 32 2 | title 44 61 32 3 | title 9 61 32 3 | title 9 104 32 3", "plain_layout_seq": "description 30 16 59 6 | image 78 69 32 31 | image 44 27 32 31 | image 9 27 32 32 | image 78 27 32 32 | image 9 69 32 31 | image 44 69 32 32 | title 30 9 59 4 | title 78 104 32 3 | title 44 104 32 2 | title 78 61 32 2 | title 44 61 32 3 | title 9 61 32 3 | title 9 104 32 3", "canvas_width": 1009, "canvas_height": 981, "elements": [ { "type": "title", "position": [ 254, 81, 500, 36 ], "completed": false }, { "type": "description", "position": [ 254, 137, 500, 52 ], "completed": false }, { "type": "image", "position": [ 80, 228, 270, 271 ], "completed": false }, { "type": "image", "position": [ 370, 228, 270, 268 ], "completed": false }, { "type": "image", "position": [ 659, 228, 270, 271 ], "completed": false }, { "type": "title", "position": [ 370, 517, 270, 26 ], "completed": false }, { "type": "title", "position": [ 659, 519, 270, 25 ], "completed": false }, { "type": "title", "position": [ 80, 520, 270, 26 ], "completed": false }, { "type": "image", "position": [ 80, 585, 270, 269 ], "completed": false }, { "type": "image", "position": [ 370, 585, 270, 270 ], "completed": false }, { "type": "image", "position": [ 659, 585, 270, 269 ], "completed": false }, { "type": "title", "position": [ 80, 875, 270, 26 ], "completed": false }, { "type": "title", "position": [ 370, 875, 270, 25 ], "completed": false }, { "type": "title", "position": [ 659, 875, 270, 26 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one title\"Ready to Hunt? Plan Your Next Store Trip\", and three icons, and each of them is followed by one text box.", "region_id": "1108", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'ready to hunt? plan your next store trip'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "layout_seq_without_completion": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "plain_layout_seq": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "canvas_width": 1212, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 30, 40, 1152, 63 ], "completed": false }, { "type": "icon", "position": [ 155, 128, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 536, 128, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 916, 128, 130, 130 ], "completed": false }, { "type": "text", "position": [ 184, 266, 72, 37 ], "completed": false }, { "type": "text", "position": [ 546, 266, 108, 37 ], "completed": false }, { "type": "text", "position": [ 910, 266, 142, 37 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one text box showing the title and three icons which are followed by one text box.", "region_id": "1108_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "layout_seq_without_completion": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "plain_layout_seq": "icon 53 12 12 12 | icon 15 12 12 12 | icon 90 12 12 12 | text 18 26 7 3 | text 54 26 10 3 | text 90 26 14 3 | title 2 3 114 6", "canvas_width": 1212, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 30, 40, 1152, 63 ], "completed": false }, { "type": "icon", "position": [ 155, 128, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 536, 128, 130, 130 ], "completed": false }, { "type": "icon", "position": [ 916, 128, 130, 130 ], "completed": false }, { "type": "text", "position": [ 184, 266, 72, 37 ], "completed": false }, { "type": "text", "position": [ 546, 266, 108, 37 ], "completed": false }, { "type": "text", "position": [ 910, 266, 142, 37 ], "completed": false } ] }, { "text": "#A page for showing the posts from a blog.# The page should have a title, and 3 groups while each group has an image, a title, and a short description to introduce the posts. The third group should also have a button and an icon for users to click to learn more.", "region_id": "6942", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] [el:icon [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 91 10 28 57 | title 91 70 9 2 | title 1 3 116 3 | \" [ description 1 73 43 7 | image 1 10 43 57 | title 1 70 26 2 ] | [ description 46 43 43 7 | image 46 10 43 24 | title 46 36 36 5 ] | [ button 104 79 7 1 | description 91 74 28 6 | icon 112 79 0 0 ] \"", "layout_seq_without_completion": "image 91 10 28 57 | title 91 70 9 2 | title 1 3 116 3 | \" [ description 1 73 43 7 | image 1 10 43 57 | title 1 70 26 2 ] | [ description 46 43 43 7 | image 46 10 43 24 | title 46 36 36 5 ] | [ button 104 79 7 1 | description 91 74 28 6 | icon 112 79 0 0 ] \"", "plain_layout_seq": "button 104 79 7 1 | description 1 73 43 7 | description 46 43 43 7 | description 91 74 28 6 | icon 112 79 0 0 | image 91 10 28 57 | image 1 10 43 57 | image 46 10 43 24 | title 91 70 9 2 | title 1 3 116 3 | title 1 70 26 2 | title 46 36 36 5", "canvas_width": 1024, "canvas_height": 784, "elements": [ { "type": "title", "position": [ 15, 30, 994, 29 ], "completed": false }, { "type": "image", "position": [ 15, 88, 370, 493 ], "completed": false }, { "type": "image", "position": [ 400, 88, 370, 208 ], "completed": false }, { "type": "image", "position": [ 785, 88, 239, 493 ], "completed": false }, { "type": "title", "position": [ 400, 314, 313, 43 ], "completed": false }, { "type": "description", "position": [ 400, 373, 368, 63 ], "completed": false }, { "type": "title", "position": [ 15, 599, 225, 19 ], "completed": false }, { "type": "title", "position": [ 785, 599, 82, 19 ], "completed": false }, { "type": "description", "position": [ 15, 631, 370, 66 ], "completed": false }, { "type": "description", "position": [ 785, 634, 239, 59 ], "completed": false }, { "type": "button", "position": [ 893, 678, 62, 15 ], "completed": false }, { "type": "icon", "position": [ 961, 682, 8, 8 ], "completed": false } ] }, { "text": "#A page for advertising one store.# There should be one title\"Hungry for more?\" Below the title are three groups, and each of them includes one image, one vice title, one detailed description, and one button for finding out more.", "region_id": "1014", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'hungry for more?'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:button [attr:value'find out more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 3 7 112 4 | \" [ button 11 65 19 4 | description 7 51 28 9 | image 3 15 35 22 | complete image 3 15 35 57 | title 13 40 15 8 ] | [ button 50 65 19 4 | description 45 51 28 9 | image 42 15 35 22 | complete image 42 15 35 57 | title 50 40 19 8 ] | [ button 89 65 19 4 | description 84 46 28 6 | image 81 15 35 22 | complete image 81 15 35 57 | title 85 40 25 4 ] \"", "layout_seq_without_completion": "title 3 7 112 4 | \" [ button 11 65 19 4 | description 7 51 28 9 | image 3 15 35 22 | image 3 15 35 57 | title 13 40 15 8 ] | [ button 50 65 19 4 | description 45 51 28 9 | image 42 15 35 22 | image 42 15 35 57 | title 50 40 19 8 ] | [ button 89 65 19 4 | description 84 46 28 6 | image 81 15 35 22 | image 81 15 35 57 | title 85 40 25 4 ] \"", "plain_layout_seq": "button 11 65 19 4 | button 50 65 19 4 | button 89 65 19 4 | description 7 51 28 9 | description 45 51 28 9 | description 84 46 28 6 | image 3 15 35 22 | image 3 15 35 57 | image 42 15 35 22 | image 42 15 35 57 | image 81 15 35 22 | image 81 15 35 57 | title 3 7 112 4 | title 13 40 15 8 | title 50 40 19 8 | title 85 40 25 4", "canvas_width": 1024, "canvas_height": 682, "elements": [ { "type": "title", "position": [ 30, 60, 964, 38 ], "completed": false }, { "type": "image", "position": [ 30, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 30, 128, 301, 188 ], "completed": false }, { "type": "image", "position": [ 361, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 361, 128, 301, 188 ], "completed": false }, { "type": "image", "position": [ 693, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 693, 128, 301, 188 ], "completed": false }, { "type": "title", "position": [ 113, 347, 136, 76 ], "completed": false }, { "type": "title", "position": [ 429, 347, 165, 76 ], "completed": false }, { "type": "title", "position": [ 733, 347, 221, 37 ], "completed": false }, { "type": "description", "position": [ 723, 400, 241, 56 ], "completed": false }, { "type": "description", "position": [ 60, 438, 241, 84 ], "completed": false }, { "type": "description", "position": [ 391, 438, 241, 84 ], "completed": false }, { "type": "button", "position": [ 99, 557, 164, 35 ], "completed": false }, { "type": "button", "position": [ 430, 557, 164, 35 ], "completed": false }, { "type": "button", "position": [ 761, 557, 164, 35 ], "completed": false } ] }, { "text": "#A page for advertising one store.# There should be one text box showing the title. Below the title are three texts, and each of them includes one image, one text box showing the vice title, one text box showing the detailed description, and one text button for the link.", "region_id": "1014_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:button] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 3 7 112 4 | \" [ button 11 65 19 4 | description 7 51 28 9 | image 3 15 35 22 | complete image 3 15 35 57 | title 13 40 15 8 ] | [ button 50 65 19 4 | description 45 51 28 9 | image 42 15 35 22 | complete image 42 15 35 57 | title 50 40 19 8 ] | [ button 89 65 19 4 | description 84 46 28 6 | image 81 15 35 22 | complete image 81 15 35 57 | title 85 40 25 4 ] \"", "layout_seq_without_completion": "title 3 7 112 4 | \" [ button 11 65 19 4 | description 7 51 28 9 | image 3 15 35 22 | image 3 15 35 57 | title 13 40 15 8 ] | [ button 50 65 19 4 | description 45 51 28 9 | image 42 15 35 22 | image 42 15 35 57 | title 50 40 19 8 ] | [ button 89 65 19 4 | description 84 46 28 6 | image 81 15 35 22 | image 81 15 35 57 | title 85 40 25 4 ] \"", "plain_layout_seq": "button 11 65 19 4 | button 50 65 19 4 | button 89 65 19 4 | description 7 51 28 9 | description 45 51 28 9 | description 84 46 28 6 | image 3 15 35 22 | image 3 15 35 57 | image 42 15 35 22 | image 42 15 35 57 | image 81 15 35 22 | image 81 15 35 57 | title 3 7 112 4 | title 13 40 15 8 | title 50 40 19 8 | title 85 40 25 4", "canvas_width": 1024, "canvas_height": 682, "elements": [ { "type": "title", "position": [ 30, 60, 964, 38 ], "completed": false }, { "type": "image", "position": [ 30, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 30, 128, 301, 188 ], "completed": false }, { "type": "image", "position": [ 361, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 361, 128, 301, 188 ], "completed": false }, { "type": "image", "position": [ 693, 128, 301, 494 ], "completed": true }, { "type": "image", "position": [ 693, 128, 301, 188 ], "completed": false }, { "type": "title", "position": [ 113, 347, 136, 76 ], "completed": false }, { "type": "title", "position": [ 429, 347, 165, 76 ], "completed": false }, { "type": "title", "position": [ 733, 347, 221, 37 ], "completed": false }, { "type": "description", "position": [ 723, 400, 241, 56 ], "completed": false }, { "type": "description", "position": [ 60, 438, 241, 84 ], "completed": false }, { "type": "description", "position": [ 391, 438, 241, 84 ], "completed": false }, { "type": "button", "position": [ 99, 557, 164, 35 ], "completed": false }, { "type": "button", "position": [ 430, 557, 164, 35 ], "completed": false }, { "type": "button", "position": [ 761, 557, 164, 35 ], "completed": false } ] }, { "text": "# A page presenting the categories in an online shop.# The page should have four categories: \"Hello World Epcot Gardens\" \"Eeyore Wildflowers\" \"Oranged Bird Freshly Picked\", and \"Alice in Wonderland Wildflowers\" with each having an image and a title.", "region_id": "6751", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'hello world epcot gardens, eeyore wildflowers, oranged bird freshly picked, alice in wonderland wildflowers'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 63 30 26 2 | title 33 30 26 2 | title 93 30 26 4", "layout_seq_without_completion": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 63 30 26 2 | title 33 30 26 2 | title 93 30 26 4", "plain_layout_seq": "image 33 3 26 26 | image 3 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 3 30 26 2 | title 63 30 26 2 | title 33 30 26 2 | title 93 30 26 4", "canvas_width": 979, "canvas_height": 350, "elements": [ { "type": "image", "position": [ 30, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 275, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 520, 27, 215, 215 ], "completed": false }, { "type": "image", "position": [ 764, 27, 215, 215 ], "completed": false }, { "type": "title", "position": [ 30, 252, 215, 18 ], "completed": false }, { "type": "title", "position": [ 275, 252, 215, 18 ], "completed": false }, { "type": "title", "position": [ 520, 252, 215, 18 ], "completed": false }, { "type": "title", "position": [ 764, 252, 215, 35 ], "completed": false } ] }, { "text": "#A page for showing the recommended products and the best sellers.# The page should have 2 buttons for users to click to view the recommended products and the best sellers, and 4 groups while each group has one image, two texts to show the appearance, the title, and the price of the products, and one button for users to click to add to inquiry.", "region_id": "6385", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:button [attr:value 'recommended'] ] [el:button [attr:value 'best sellers'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:title] [el:button [attr:value 'add to inquiry'] ] ] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 36 0 23 4 | button 59 0 23 4 | image 31 6 26 44 | \" [ button 9 45 13 4 | image 2 6 26 44 | text 3 40 24 2 | title 4 34 21 4 ] | [ button 38 45 13 4 | text 33 41 24 2 | text 37 39 16 1 | title 33 34 22 4 ] | [ button 67 45 13 4 | image 61 6 26 44 | text 62 40 24 2 | title 64 34 20 4 ] | [ button 97 45 13 4 | image 90 6 26 44 | text 91 40 24 2 | title 92 34 23 4 ] \"", "layout_seq_without_completion": "button 36 0 23 4 | button 59 0 23 4 | image 31 6 26 44 | \" [ button 9 45 13 4 | image 2 6 26 44 | text 3 40 24 2 | title 4 34 21 4 ] | [ button 38 45 13 4 | text 33 41 24 2 | text 37 39 16 1 | title 33 34 22 4 ] | [ button 67 45 13 4 | image 61 6 26 44 | text 62 40 24 2 | title 64 34 20 4 ] | [ button 97 45 13 4 | image 90 6 26 44 | text 91 40 24 2 | title 92 34 23 4 ] \"", "plain_layout_seq": "button 36 0 23 4 | button 59 0 23 4 | button 9 45 13 4 | button 38 45 13 4 | button 67 45 13 4 | button 97 45 13 4 | image 31 6 26 44 | image 2 6 26 44 | image 61 6 26 44 | image 90 6 26 44 | text 3 40 24 2 | text 33 41 24 2 | text 37 39 16 1 | text 62 40 24 2 | text 91 40 24 2 | title 4 34 21 4 | title 33 34 22 4 | title 64 34 20 4 | title 92 34 23 4", "canvas_width": 1009, "canvas_height": 451, "elements": [ { "type": "button", "position": [ 304, 0, 200, 42 ], "completed": false }, { "type": "button", "position": [ 504, 0, 200, 42 ], "completed": false }, { "type": "image", "position": [ 20, 52, 227, 378 ], "completed": false }, { "type": "image", "position": [ 267, 52, 227, 378 ], "completed": false }, { "type": "image", "position": [ 514, 52, 227, 378 ], "completed": false }, { "type": "image", "position": [ 762, 52, 227, 378 ], "completed": false }, { "type": "title", "position": [ 42, 290, 183, 37 ], "completed": false }, { "type": "title", "position": [ 284, 290, 193, 37 ], "completed": false }, { "type": "title", "position": [ 541, 290, 175, 37 ], "completed": false }, { "type": "title", "position": [ 776, 290, 199, 37 ], "completed": false }, { "type": "text", "position": [ 314, 334, 135, 15 ], "completed": false }, { "type": "text", "position": [ 31, 343, 205, 19 ], "completed": false }, { "type": "text", "position": [ 526, 343, 205, 19 ], "completed": false }, { "type": "text", "position": [ 773, 343, 205, 19 ], "completed": false }, { "type": "text", "position": [ 278, 351, 205, 18 ], "completed": false }, { "type": "button", "position": [ 77, 379, 114, 40 ], "completed": false }, { "type": "button", "position": [ 571, 379, 114, 40 ], "completed": false }, { "type": "button", "position": [ 818, 379, 114, 40 ], "completed": false }, { "type": "button", "position": [ 324, 380, 114, 40 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a product to attract users to use it.# The page should have 4 groups while each group has a title and a text to introduce the pros of the product and an image as the extra layout.", "region_id": "2649", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:description] [el:image] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 11 30 16 | complete image 1 0 56 33 | image 38 13 19 19 | title 4 3 30 7 ] | [ description 64 11 30 16 | complete image 61 0 56 33 | image 98 17 19 15 | title 64 3 30 7 ] | [ description 4 44 30 19 | complete image 1 37 56 32 | image 38 54 19 15 | title 4 40 30 3 ] | [ description 64 44 30 16 | complete image 61 37 56 32 | image 98 49 19 21 | title 64 40 30 3 ] \"", "layout_seq_without_completion": "\" [ description 4 11 30 16 | image 1 0 56 33 | image 38 13 19 19 | title 4 3 30 7 ] | [ description 64 11 30 16 | image 61 0 56 33 | image 98 17 19 15 | title 64 3 30 7 ] | [ description 4 44 30 19 | image 1 37 56 32 | image 38 54 19 15 | title 4 40 30 3 ] | [ description 64 44 30 16 | image 61 37 56 32 | image 98 49 19 21 | title 64 40 30 3 ] \"", "plain_layout_seq": "description 4 11 30 16 | description 64 11 30 16 | description 4 44 30 19 | description 64 44 30 16 | image 1 0 56 33 | image 38 13 19 19 | image 61 0 56 33 | image 98 17 19 15 | image 1 37 56 32 | image 38 54 19 15 | image 61 37 56 32 | image 98 49 19 21 | title 4 3 30 7 | title 64 3 30 7 | title 4 40 30 3 | title 64 40 30 3", "canvas_width": 960, "canvas_height": 593, "elements": [ { "type": "image", "position": [ 15, 0, 450, 266 ], "completed": true }, { "type": "image", "position": [ 495, 0, 450, 266 ], "completed": true }, { "type": "title", "position": [ 39, 24, 245, 58 ], "completed": false }, { "type": "title", "position": [ 519, 24, 245, 58 ], "completed": false }, { "type": "description", "position": [ 39, 90, 245, 128 ], "completed": false }, { "type": "description", "position": [ 519, 90, 245, 128 ], "completed": false }, { "type": "image", "position": [ 308, 108, 157, 158 ], "completed": false }, { "type": "image", "position": [ 788, 142, 157, 124 ], "completed": false }, { "type": "image", "position": [ 15, 298, 450, 263 ], "completed": true }, { "type": "image", "position": [ 495, 298, 450, 263 ], "completed": true }, { "type": "title", "position": [ 39, 322, 245, 29 ], "completed": false }, { "type": "title", "position": [ 519, 322, 245, 29 ], "completed": false }, { "type": "description", "position": [ 39, 359, 245, 154 ], "completed": false }, { "type": "description", "position": [ 519, 359, 245, 128 ], "completed": false }, { "type": "image", "position": [ 788, 392, 157, 169 ], "completed": false }, { "type": "image", "position": [ 308, 439, 157, 122 ], "completed": false } ] }, { "text": "#A page to introduce the movie to website viewers.# On the left of the page, the poster picture of the movie is set above the words \"3 seasons\". And next to this, four icons next to the related words are set between the name of the movie and a short description vertically.", "region_id": "5883", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'left'] ] [el:text [attr:value '3 seasons'] [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:text] ] ] [el:title] [el:description [attr:size 'small'] ] ]", "execution": "multiinfo : description undefined small | image left undefined | text left undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 17 3 102 23 | description 25 13 91 5 | icon 84 10 2 2 | icon 66 11 2 1 | icon 43 11 2 2 | icon 25 11 2 2 | image 0 0 23 24 | text 0 25 9 2 | text 47 11 12 2 | text 28 11 7 2 | text 87 11 10 2 | text 70 11 6 2 | title 25 7 91 3", "layout_seq_without_completion": "background 17 3 102 23 | description 25 13 91 5 | icon 84 10 2 2 | icon 66 11 2 1 | icon 43 11 2 2 | icon 25 11 2 2 | image 0 0 23 24 | text 0 25 9 2 | text 47 11 12 2 | text 28 11 7 2 | text 87 11 10 2 | text 70 11 6 2 | title 25 7 91 3", "plain_layout_seq": "background 17 3 102 23 | description 25 13 91 5 | icon 84 10 2 2 | icon 66 11 2 1 | icon 43 11 2 2 | icon 25 11 2 2 | image 0 0 23 24 | text 0 25 9 2 | text 47 11 12 2 | text 28 11 7 2 | text 87 11 10 2 | text 70 11 6 2 | title 25 7 91 3", "canvas_width": 964, "canvas_height": 227, "elements": [ { "type": "image", "position": [ 0, 0, 185, 195 ], "completed": false }, { "type": "background", "position": [ 141, 30, 823, 189 ], "completed": true }, { "type": "title", "position": [ 206, 60, 738, 25 ], "completed": false }, { "type": "icon", "position": [ 680, 88, 18, 24 ], "completed": false }, { "type": "icon", "position": [ 206, 90, 18, 19 ], "completed": false }, { "type": "text", "position": [ 232, 90, 61, 20 ], "completed": false }, { "type": "icon", "position": [ 353, 90, 18, 20 ], "completed": false }, { "type": "text", "position": [ 379, 90, 99, 20 ], "completed": false }, { "type": "text", "position": [ 564, 90, 56, 20 ], "completed": false }, { "type": "text", "position": [ 706, 90, 85, 20 ], "completed": false }, { "type": "icon", "position": [ 538, 92, 18, 16 ], "completed": false }, { "type": "description", "position": [ 206, 112, 738, 44 ], "completed": false }, { "type": "text", "position": [ 5, 207, 77, 20 ], "completed": false } ] }, { "text": "#A page to introduce the advantages of Putchi Bamboo Innerwear# On this page, six groups' information is used to show the advantages of this innerwear. Each contains a picture embedded with the meaning of the related advantage placed above the label showing the advantage, with a short description of the advantage being placed at the bottom of each group.", "region_id": "6977", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] [el:description [attr:size 'small'] [attr:position 'bottom'] ] ] ] ]", "execution": "multiinfo : { [ description bottom small | image undefined undefined | text undefined undefined ] | [ description bottom small | image undefined undefined | text undefined undefined ] | [ description bottom small | image undefined undefined | text undefined undefined ] | [ description bottom small | image undefined undefined | text undefined undefined ] | [ description bottom small | image undefined undefined | text undefined undefined ] | [ description bottom small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 39 38 8 | image 2 0 36 33 | text 1 35 38 3 ] | [ description 41 41 38 8 | image 41 0 36 35 | text 41 37 38 3 ] | [ description 80 39 38 8 | image 80 0 36 33 | text 80 35 38 3 ] | [ description 1 96 38 5 | image 2 55 36 35 | text 1 92 38 3 ] | [ description 41 95 38 8 | image 41 55 36 33 | text 41 90 38 3 ] | [ description 80 94 38 5 | image 80 55 36 33 | text 80 90 38 3 ] \"", "layout_seq_without_completion": "\" [ description 1 39 38 8 | image 2 0 36 33 | text 1 35 38 3 ] | [ description 41 41 38 8 | image 41 0 36 35 | text 41 37 38 3 ] | [ description 80 39 38 8 | image 80 0 36 33 | text 80 35 38 3 ] | [ description 1 96 38 5 | image 2 55 36 35 | text 1 92 38 3 ] | [ description 41 95 38 8 | image 41 55 36 33 | text 41 90 38 3 ] | [ description 80 94 38 5 | image 80 55 36 33 | text 80 90 38 3 ] \"", "plain_layout_seq": "description 1 39 38 8 | description 41 41 38 8 | description 80 39 38 8 | description 1 96 38 5 | description 41 95 38 8 | description 80 94 38 5 | image 2 0 36 33 | image 41 0 36 35 | image 80 0 36 33 | image 2 55 36 35 | image 41 55 36 33 | image 80 55 36 33 | text 1 35 38 3 | text 41 37 38 3 | text 80 35 38 3 | text 1 92 38 3 | text 41 90 38 3 | text 80 90 38 3", "canvas_width": 1024, "canvas_height": 935, "elements": [ { "type": "image", "position": [ 22, 0, 311, 289 ], "completed": false }, { "type": "image", "position": [ 356, 0, 311, 300 ], "completed": false }, { "type": "image", "position": [ 690, 0, 314, 285 ], "completed": false }, { "type": "text", "position": [ 684, 301, 325, 31 ], "completed": false }, { "type": "text", "position": [ 15, 305, 325, 31 ], "completed": false }, { "type": "text", "position": [ 350, 316, 325, 31 ], "completed": false }, { "type": "description", "position": [ 684, 336, 325, 74 ], "completed": false }, { "type": "description", "position": [ 15, 340, 325, 74 ], "completed": false }, { "type": "description", "position": [ 350, 351, 325, 74 ], "completed": false }, { "type": "image", "position": [ 22, 474, 311, 300 ], "completed": false }, { "type": "image", "position": [ 358, 474, 308, 285 ], "completed": false }, { "type": "image", "position": [ 691, 474, 312, 284 ], "completed": false }, { "type": "text", "position": [ 684, 774, 325, 31 ], "completed": false }, { "type": "text", "position": [ 350, 775, 325, 31 ], "completed": false }, { "type": "text", "position": [ 15, 790, 325, 31 ], "completed": false }, { "type": "description", "position": [ 684, 810, 325, 49 ], "completed": false }, { "type": "description", "position": [ 350, 811, 325, 74 ], "completed": false }, { "type": "description", "position": [ 15, 826, 325, 49 ], "completed": false } ] }, { "text": "#A page showing the reading material on teen issues to users and guiding users to buy them.#The page should have one text heading, one link for users to click to view more teen issues fastly, and three groups of reading material. And each reading material should have one picture about it, one price, and one brief description of the reading material.", "region_id": "7979", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:link [attr:value 'view all teen issues']] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 0 114 2 | \" [ description 5 36 20 7 | complete image 2 6 26 45 | image 5 8 21 21 | text 5 33 8 3 ] | [ description 34 42 21 4 | complete image 32 6 26 45 | image 34 8 21 26 | text 34 38 8 3 ] | [ description 63 36 21 7 | complete image 61 6 26 45 | image 63 8 21 21 | text 63 33 8 3 ] | [ complete image 90 6 26 45 | link 99 25 7 1 | link 92 28 22 3 ] \"", "layout_seq_without_completion": "title 2 0 114 2 | \" [ description 5 36 20 7 | image 2 6 26 45 | image 5 8 21 21 | text 5 33 8 3 ] | [ description 34 42 21 4 | image 32 6 26 45 | image 34 8 21 26 | text 34 38 8 3 ] | [ description 63 36 21 7 | image 61 6 26 45 | image 63 8 21 21 | text 63 33 8 3 ] | [ image 90 6 26 45 | link 99 25 7 1 | link 92 28 22 3 ] \"", "plain_layout_seq": "description 5 36 20 7 | description 34 42 21 4 | description 63 36 21 7 | image 2 6 26 45 | image 5 8 21 21 | image 32 6 26 45 | image 34 8 21 26 | image 61 6 26 45 | image 63 8 21 21 | image 90 6 26 45 | link 99 25 7 1 | link 92 28 22 3 | text 5 33 8 3 | text 34 38 8 3 | text 63 33 8 3 | title 2 0 114 2", "canvas_width": 1024, "canvas_height": 439, "elements": [ { "type": "title", "position": [ 25, 0, 974, 24 ], "completed": false }, { "type": "image", "position": [ 25, 52, 229, 387 ], "completed": true }, { "type": "image", "position": [ 274, 52, 229, 387 ], "completed": true }, { "type": "image", "position": [ 522, 52, 229, 387 ], "completed": true }, { "type": "image", "position": [ 770, 52, 228, 387 ], "completed": true }, { "type": "image", "position": [ 48, 73, 183, 183 ], "completed": false }, { "type": "image", "position": [ 296, 73, 183, 229 ], "completed": false }, { "type": "image", "position": [ 545, 73, 183, 183 ], "completed": false }, { "type": "link", "position": [ 853, 218, 63, 16 ], "completed": false }, { "type": "link", "position": [ 790, 246, 189, 29 ], "completed": false }, { "type": "text", "position": [ 46, 283, 75, 26 ], "completed": false }, { "type": "text", "position": [ 543, 283, 69, 26 ], "completed": false }, { "type": "description", "position": [ 46, 313, 174, 61 ], "completed": false }, { "type": "description", "position": [ 543, 313, 186, 61 ], "completed": false }, { "type": "text", "position": [ 294, 329, 74, 26 ], "completed": false }, { "type": "description", "position": [ 294, 359, 181, 40 ], "completed": false } ] }, { "text": "# A page to show the information of news for the readers.# On this page, four groups of news are involved. Each contains a short description placed between a related picture of the news and the words to show which kinds the news belongs to vertically. And except for the third group, at the bottom of the last three, an icon is placed next to the words to show to which kinds the news belongs.", "region_id": "3437", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:description [attr:size 'small']] [el:text] [el:icon] ] [item [el:image] [el:description [attr:size 'small']] [el:text] [el:icon] ] [item [el:image] [el:description [attr:size 'small']] [el:text] ] [item [el:image] [el:description [attr:size 'small']] [el:text] [el:icon] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 61 19 27 7 | image 61 0 27 17 | text 61 28 18 4 | \" [ description 0 19 27 7 | icon 26 30 0 2 | image 0 0 27 17 | text 0 28 18 4 ] | [ description 30 19 27 7 | icon 56 30 0 2 | image 30 0 27 17 | text 30 28 18 4 ] | [ description 92 19 27 10 | icon 119 30 0 2 | image 92 0 27 17 | text 92 29 18 4 ] \"", "layout_seq_without_completion": "description 61 19 27 7 | image 61 0 27 17 | text 61 28 18 4 | \" [ description 0 19 27 7 | icon 26 30 0 2 | image 0 0 27 17 | text 0 28 18 4 ] | [ description 30 19 27 7 | icon 56 30 0 2 | image 30 0 27 17 | text 30 28 18 4 ] | [ description 92 19 27 10 | icon 119 30 0 2 | image 92 0 27 17 | text 92 29 18 4 ] \"", "plain_layout_seq": "description 61 19 27 7 | description 0 19 27 7 | description 30 19 27 7 | description 92 19 27 10 | icon 26 30 0 2 | icon 56 30 0 2 | icon 119 30 0 2 | image 61 0 27 17 | image 0 0 27 17 | image 30 0 27 17 | image 92 0 27 17 | text 61 28 18 4 | text 0 28 18 4 | text 30 28 18 4 | text 92 29 18 4", "canvas_width": 977, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "description", "position": [ 0, 158, 220, 62 ], "completed": false }, { "type": "description", "position": [ 252, 158, 220, 62 ], "completed": false }, { "type": "description", "position": [ 504, 158, 220, 62 ], "completed": false }, { "type": "description", "position": [ 757, 158, 220, 83 ], "completed": false }, { "type": "text", "position": [ 0, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 252, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 504, 236, 154, 37 ], "completed": false }, { "type": "text", "position": [ 757, 241, 154, 37 ], "completed": false }, { "type": "icon", "position": [ 212, 246, 8, 17 ], "completed": false }, { "type": "icon", "position": [ 464, 246, 8, 17 ], "completed": false }, { "type": "icon", "position": [ 969, 251, 8, 17 ], "completed": false } ] }, { "text": "#A page for showing the parters and awards of a company.# The page should have 6 images to show the logos of partners and photos of its awards.", "region_id": "4918", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 36 30 22 3 | logo 15 15 13 13 | logo 84 15 22 22 | logo 63 16 16 21 | logo 13 34 18 3 | logo 36 19 22 6 | complete text 51 10 16 0 | complete title 0 4 120 4", "layout_seq_without_completion": "logo 36 30 22 3 | logo 15 15 13 13 | logo 84 15 22 22 | logo 63 16 16 21 | logo 13 34 18 3 | logo 36 19 22 6 | text 51 10 16 0 | title 0 4 120 4", "plain_layout_seq": "logo 36 30 22 3 | logo 15 15 13 13 | logo 84 15 22 22 | logo 63 16 16 21 | logo 13 34 18 3 | logo 36 19 22 6 | text 51 10 16 0 | title 0 4 120 4", "canvas_width": 1009, "canvas_height": 360, "elements": [ { "type": "title", "position": [ 0, 40, 1009, 40 ], "completed": true }, { "type": "text", "position": [ 434, 90, 140, 3 ], "completed": true }, { "type": "logo", "position": [ 711, 133, 187, 187 ], "completed": false }, { "type": "logo", "position": [ 132, 134, 114, 114 ], "completed": false }, { "type": "logo", "position": [ 533, 138, 138, 177 ], "completed": false }, { "type": "logo", "position": [ 306, 164, 187, 53 ], "completed": false }, { "type": "logo", "position": [ 306, 257, 187, 32 ], "completed": false }, { "type": "logo", "position": [ 111, 288, 155, 31 ], "completed": false } ] }, { "text": "# A page for showing Quiz Smash categories. # The page should include the title \"Quiz Smash Categories\" and four groups: \"Around The World\" \"TV and Movies\" \"All About You\" and \"Animals\" with each containing an image and a category title about the topic of the quiz.", "region_id": "2670", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Quiz Smash Categories'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names '\"Around The World,TV and Movies,All About You,Animals'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 4 12 25 14 | image 33 12 25 14 | image 61 12 25 14 | image 90 12 25 14 | title 4 22 25 3 | title 61 22 25 3 | title 90 22 25 3 | title 4 1 49 5 | title 33 22 25 3", "layout_seq_without_completion": "image 4 12 25 14 | image 33 12 25 14 | image 61 12 25 14 | image 90 12 25 14 | title 4 22 25 3 | title 61 22 25 3 | title 90 22 25 3 | title 4 1 49 5 | title 33 22 25 3", "plain_layout_seq": "image 4 12 25 14 | image 33 12 25 14 | image 61 12 25 14 | image 90 12 25 14 | title 4 22 25 3 | title 61 22 25 3 | title 90 22 25 3 | title 4 1 49 5 | title 33 22 25 3", "canvas_width": 960, "canvas_height": 259, "elements": [ { "type": "title", "position": [ 36, 10, 394, 46 ], "completed": false }, { "type": "image", "position": [ 36, 97, 200, 112 ], "completed": false }, { "type": "image", "position": [ 266, 97, 200, 112 ], "completed": false }, { "type": "image", "position": [ 495, 97, 200, 112 ], "completed": false }, { "type": "image", "position": [ 724, 97, 200, 112 ], "completed": false }, { "type": "title", "position": [ 36, 179, 200, 29 ], "completed": false }, { "type": "title", "position": [ 266, 179, 200, 29 ], "completed": false }, { "type": "title", "position": [ 495, 179, 200, 29 ], "completed": false }, { "type": "title", "position": [ 724, 179, 200, 29 ], "completed": false } ] }, { "text": "#A page for stock trading.# There should be four parts and each of them includes one icon, two buttons for buy and trade, and three labels. Users can click a button to view more prices in the bottom right corner.", "region_id": "807", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:button [attr:value'buy'] ] [el:button [attr:value'trade'] ] [el:text [attr:repeat '3'] ] ] ] [el:button [attr:value'view more prices'] [attr:position'bottom-right'] ] ]", "execution": "multiinfo : button bottom-right undefined | { [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 98 19 13 1 | complete icon 112 19 2 2 | complete image 4 0 25 16 | complete image 89 0 26 16 | complete image 32 0 25 16 | complete image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2 | \" [ button 15 2 4 3 | button 21 2 6 3 | icon 7 2 4 4 ] | [ button 43 2 4 3 | button 49 2 6 3 | icon 35 2 4 4 ] | [ button 71 2 4 3 | button 77 2 6 3 | icon 63 2 4 4 ] | [ button 106 2 6 3 | button 100 2 3 2 | icon 91 2 4 4 ] \"", "layout_seq_without_completion": "button 98 19 13 1 | icon 112 19 2 2 | image 4 0 25 16 | image 89 0 26 16 | image 32 0 25 16 | image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2 | \" [ button 15 2 4 3 | button 21 2 6 3 | icon 7 2 4 4 ] | [ button 43 2 4 3 | button 49 2 6 3 | icon 35 2 4 4 ] | [ button 71 2 4 3 | button 77 2 6 3 | icon 63 2 4 4 ] | [ button 106 2 6 3 | button 100 2 3 2 | icon 91 2 4 4 ] \"", "plain_layout_seq": "button 98 19 13 1 | button 15 2 4 3 | button 21 2 6 3 | button 43 2 4 3 | button 49 2 6 3 | button 71 2 4 3 | button 77 2 6 3 | button 106 2 6 3 | button 100 2 3 2 | icon 112 19 2 2 | icon 7 2 4 4 | icon 35 2 4 4 | icon 63 2 4 4 | icon 91 2 4 4 | image 4 0 25 16 | image 89 0 26 16 | image 32 0 25 16 | image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2", "canvas_width": 1024, "canvas_height": 183, "elements": [ { "type": "image", "position": [ 40, 0, 217, 143 ], "completed": true }, { "type": "image", "position": [ 281, 0, 217, 143 ], "completed": true }, { "type": "image", "position": [ 522, 0, 216, 143 ], "completed": true }, { "type": "image", "position": [ 762, 0, 222, 143 ], "completed": true }, { "type": "icon", "position": [ 60, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 133, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 182, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 301, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 374, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 423, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 542, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 614, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 664, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 782, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 909, 20, 55, 28 ], "completed": false }, { "type": "button", "position": [ 859, 24, 30, 20 ], "completed": false }, { "type": "text", "position": [ 60, 71, 53, 24 ], "completed": false }, { "type": "text", "position": [ 121, 71, 32, 24 ], "completed": false }, { "type": "text", "position": [ 301, 71, 74, 24 ], "completed": false }, { "type": "text", "position": [ 382, 71, 32, 24 ], "completed": false }, { "type": "text", "position": [ 542, 71, 49, 24 ], "completed": false }, { "type": "text", "position": [ 598, 71, 34, 24 ], "completed": false }, { "type": "text", "position": [ 782, 71, 41, 24 ], "completed": false }, { "type": "text", "position": [ 831, 71, 44, 24 ], "completed": false }, { "type": "text", "position": [ 60, 99, 84, 24 ], "completed": false }, { "type": "text", "position": [ 301, 99, 73, 24 ], "completed": false }, { "type": "text", "position": [ 542, 99, 45, 24 ], "completed": false }, { "type": "text", "position": [ 782, 99, 56, 24 ], "completed": false }, { "type": "icon", "position": [ 964, 163, 20, 20 ], "completed": true }, { "type": "button", "position": [ 837, 164, 119, 17 ], "completed": false } ] }, { "text": "#A page for stock trading.# There should be four texts and each of them includes one icon, two text buttons, and three text boxes. Users can click a text button to view more prices.", "region_id": "807_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:button [attr:repeat '2'] ] [el:text [attr:repeat '3'] ] ] ] [el:button [attr:value'view more prices'] ] ]", "execution": "multiinfo : button undefined undefined | { [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | button undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 98 19 13 1 | complete icon 112 19 2 2 | complete image 4 0 25 16 | complete image 89 0 26 16 | complete image 32 0 25 16 | complete image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2 | \" [ button 15 2 4 3 | button 21 2 6 3 | icon 7 2 4 4 ] | [ button 43 2 4 3 | button 49 2 6 3 | icon 35 2 4 4 ] | [ button 71 2 4 3 | button 77 2 6 3 | icon 63 2 4 4 ] | [ button 106 2 6 3 | button 100 2 3 2 | icon 91 2 4 4 ] \"", "layout_seq_without_completion": "button 98 19 13 1 | icon 112 19 2 2 | image 4 0 25 16 | image 89 0 26 16 | image 32 0 25 16 | image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2 | \" [ button 15 2 4 3 | button 21 2 6 3 | icon 7 2 4 4 ] | [ button 43 2 4 3 | button 49 2 6 3 | icon 35 2 4 4 ] | [ button 71 2 4 3 | button 77 2 6 3 | icon 63 2 4 4 ] | [ button 106 2 6 3 | button 100 2 3 2 | icon 91 2 4 4 ] \"", "plain_layout_seq": "button 98 19 13 1 | button 15 2 4 3 | button 21 2 6 3 | button 43 2 4 3 | button 49 2 6 3 | button 71 2 4 3 | button 77 2 6 3 | button 106 2 6 3 | button 100 2 3 2 | icon 112 19 2 2 | icon 7 2 4 4 | icon 35 2 4 4 | icon 63 2 4 4 | icon 91 2 4 4 | image 4 0 25 16 | image 89 0 26 16 | image 32 0 25 16 | image 61 0 25 16 | text 7 8 6 2 | text 14 8 3 2 | text 7 11 9 2 | text 44 8 3 2 | text 91 11 6 2 | text 63 11 5 2 | text 35 8 8 2 | text 35 11 8 2 | text 91 8 4 2 | text 97 8 5 2 | text 63 8 5 2 | text 70 8 3 2", "canvas_width": 1024, "canvas_height": 183, "elements": [ { "type": "image", "position": [ 40, 0, 217, 143 ], "completed": true }, { "type": "image", "position": [ 281, 0, 217, 143 ], "completed": true }, { "type": "image", "position": [ 522, 0, 216, 143 ], "completed": true }, { "type": "image", "position": [ 762, 0, 222, 143 ], "completed": true }, { "type": "icon", "position": [ 60, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 133, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 182, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 301, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 374, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 423, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 542, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 614, 20, 41, 28 ], "completed": false }, { "type": "button", "position": [ 664, 20, 55, 28 ], "completed": false }, { "type": "icon", "position": [ 782, 20, 40, 40 ], "completed": false }, { "type": "button", "position": [ 909, 20, 55, 28 ], "completed": false }, { "type": "button", "position": [ 859, 24, 30, 20 ], "completed": false }, { "type": "text", "position": [ 60, 71, 53, 24 ], "completed": false }, { "type": "text", "position": [ 121, 71, 32, 24 ], "completed": false }, { "type": "text", "position": [ 301, 71, 74, 24 ], "completed": false }, { "type": "text", "position": [ 382, 71, 32, 24 ], "completed": false }, { "type": "text", "position": [ 542, 71, 49, 24 ], "completed": false }, { "type": "text", "position": [ 598, 71, 34, 24 ], "completed": false }, { "type": "text", "position": [ 782, 71, 41, 24 ], "completed": false }, { "type": "text", "position": [ 831, 71, 44, 24 ], "completed": false }, { "type": "text", "position": [ 60, 99, 84, 24 ], "completed": false }, { "type": "text", "position": [ 301, 99, 73, 24 ], "completed": false }, { "type": "text", "position": [ 542, 99, 45, 24 ], "completed": false }, { "type": "text", "position": [ 782, 99, 56, 24 ], "completed": false }, { "type": "icon", "position": [ 964, 163, 20, 20 ], "completed": true }, { "type": "button", "position": [ 837, 164, 119, 17 ], "completed": false } ] }, { "text": "#A page showing the news.# There should be two information sets, with a title,a picture and an explanation.There are also three page-turning buttons.", "region_id": "2295", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:image] [el:description] ] ] [el:button [attr:repeat'3'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | button undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 3 11 3 3 ] | [ button 8 11 3 3 ] | [ button 14 12 6 2 ] \" | \" [ description 42 31 22 2 | image 42 7 34 19 | title 42 26 31 4 ] | [ description 81 31 29 5 | image 81 7 34 19 | title 81 26 31 4 ] \"", "layout_seq_without_completion": "\" [ button 3 11 3 3 ] | [ button 8 11 3 3 ] | [ button 14 12 6 2 ] \" | \" [ description 42 31 22 2 | image 42 7 34 19 | title 42 26 31 4 ] | [ description 81 31 29 5 | image 81 7 34 19 | title 81 26 31 4 ] \"", "plain_layout_seq": "button 3 11 3 3 | button 8 11 3 3 | button 14 12 6 2 | description 42 31 22 2 | description 81 31 29 5 | image 42 7 34 19 | image 81 7 34 19 | title 42 26 31 4 | title 81 26 31 4", "canvas_width": 1003, "canvas_height": 420, "elements": [ { "type": "image", "position": [ 359, 60, 292, 164 ], "completed": false }, { "type": "image", "position": [ 681, 60, 292, 165 ], "completed": false }, { "type": "button", "position": [ 31, 96, 32, 32 ], "completed": false }, { "type": "button", "position": [ 75, 96, 32, 32 ], "completed": false }, { "type": "button", "position": [ 125, 103, 55, 24 ], "completed": false }, { "type": "title", "position": [ 359, 225, 263, 40 ], "completed": false }, { "type": "title", "position": [ 681, 225, 263, 40 ], "completed": false }, { "type": "description", "position": [ 359, 263, 192, 24 ], "completed": false }, { "type": "description", "position": [ 681, 263, 250, 44 ], "completed": false } ] }, { "text": "# A page to advertise organic tea on an online store. # On the page, there should a title \"ORGANIC TEA AVAILABLE...\" and three groups of product information. Each group has an image, a name, and the price of the product. Also, a button is needed to view all products by clicking it.", "region_id": "8308", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'ORGANIC TEA AVAILABLE...'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all '] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 79 13 5 | title 6 6 107 2 | \" [ image 9 15 26 40 | complete link 6 15 33 50 | text 6 63 6 1 | text 6 63 5 2 | title 6 58 26 5 ] | [ image 46 15 25 40 | complete link 43 15 33 50 | text 43 63 6 1 | text 43 63 5 2 | title 43 58 31 5 ] | [ image 84 15 25 40 | complete link 80 15 33 50 | text 80 63 6 1 | text 80 63 5 2 | title 80 58 24 5 ] \"", "layout_seq_without_completion": "button 53 79 13 5 | title 6 6 107 2 | \" [ image 9 15 26 40 | link 6 15 33 50 | text 6 63 6 1 | text 6 63 5 2 | title 6 58 26 5 ] | [ image 46 15 25 40 | link 43 15 33 50 | text 43 63 6 1 | text 43 63 5 2 | title 43 58 31 5 ] | [ image 84 15 25 40 | link 80 15 33 50 | text 80 63 6 1 | text 80 63 5 2 | title 80 58 24 5 ] \"", "plain_layout_seq": "button 53 79 13 5 | image 9 15 26 40 | image 46 15 25 40 | image 84 15 25 40 | link 6 15 33 50 | link 43 15 33 50 | link 80 15 33 50 | text 6 63 6 1 | text 6 63 5 2 | text 43 63 6 1 | text 43 63 5 2 | text 80 63 6 1 | text 80 63 5 2 | title 6 6 107 2 | title 6 58 26 5 | title 43 58 31 5 | title 80 58 24 5", "canvas_width": 1024, "canvas_height": 774, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "link", "position": [ 54, 134, 286, 432 ], "completed": true }, { "type": "image", "position": [ 84, 134, 227, 345 ], "completed": false }, { "type": "link", "position": [ 369, 134, 286, 432 ], "completed": true }, { "type": "image", "position": [ 401, 134, 221, 345 ], "completed": false }, { "type": "link", "position": [ 683, 134, 286, 432 ], "completed": true }, { "type": "image", "position": [ 720, 134, 214, 345 ], "completed": false }, { "type": "title", "position": [ 55, 495, 226, 45 ], "completed": false }, { "type": "title", "position": [ 370, 495, 266, 45 ], "completed": false }, { "type": "title", "position": [ 684, 495, 211, 45 ], "completed": false }, { "type": "text", "position": [ 55, 542, 53, 16 ], "completed": false }, { "type": "text", "position": [ 370, 542, 53, 16 ], "completed": false }, { "type": "text", "position": [ 684, 542, 53, 16 ], "completed": false }, { "type": "text", "position": [ 55, 544, 45, 19 ], "completed": false }, { "type": "text", "position": [ 370, 544, 45, 19 ], "completed": false }, { "type": "text", "position": [ 684, 544, 45, 19 ], "completed": false }, { "type": "button", "position": [ 456, 676, 112, 43 ], "completed": false } ] }, { "text": "# A page to check the latest news in SGX announcements. # On the page, there should have two small text boxes as the title. Then the page should be divided into five parts. In each part, there should be two text boxes to show the date of the news and the main content of the news. Besides, a text button is necessary for the user to click to view all of the latest news.", "region_id": "2404", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'small'] [attr:repeat'2'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:text] [el:description] ] ] [el:button [attr:value'view all the latest news'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined small | title undefined small | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 55 42 8 2 | description 8 16 14 18 | description 74 16 14 10 | description 96 16 14 12 | description 52 16 14 12 | description 30 16 14 15 | complete image 6 10 19 26 | complete image 28 10 19 26 | complete image 72 10 19 26 | complete image 94 10 19 26 | complete image 50 10 19 26 | text 30 12 14 3 | text 8 12 14 3 | text 52 12 14 3 | text 74 12 14 3 | text 96 12 14 3 | title 40 1 13 2 | title 57 1 23 2", "layout_seq_without_completion": "button 55 42 8 2 | description 8 16 14 18 | description 74 16 14 10 | description 96 16 14 12 | description 52 16 14 12 | description 30 16 14 15 | image 6 10 19 26 | image 28 10 19 26 | image 72 10 19 26 | image 94 10 19 26 | image 50 10 19 26 | text 30 12 14 3 | text 8 12 14 3 | text 52 12 14 3 | text 74 12 14 3 | text 96 12 14 3 | title 40 1 13 2 | title 57 1 23 2", "plain_layout_seq": "button 55 42 8 2 | description 8 16 14 18 | description 74 16 14 10 | description 96 16 14 12 | description 52 16 14 12 | description 30 16 14 15 | image 6 10 19 26 | image 28 10 19 26 | image 72 10 19 26 | image 94 10 19 26 | image 50 10 19 26 | text 30 12 14 3 | text 8 12 14 3 | text 52 12 14 3 | text 74 12 14 3 | text 96 12 14 3 | title 40 1 13 2 | title 57 1 23 2", "canvas_width": 1024, "canvas_height": 385, "elements": [ { "type": "title", "position": [ 342, 15, 117, 24 ], "completed": false }, { "type": "title", "position": [ 493, 15, 204, 24 ], "completed": false }, { "type": "image", "position": [ 53, 92, 166, 229 ], "completed": true }, { "type": "image", "position": [ 241, 92, 166, 229 ], "completed": true }, { "type": "image", "position": [ 429, 92, 166, 229 ], "completed": true }, { "type": "image", "position": [ 617, 92, 166, 229 ], "completed": true }, { "type": "image", "position": [ 805, 92, 166, 229 ], "completed": true }, { "type": "text", "position": [ 73, 106, 126, 32 ], "completed": false }, { "type": "text", "position": [ 261, 106, 126, 32 ], "completed": false }, { "type": "text", "position": [ 449, 106, 126, 32 ], "completed": false }, { "type": "text", "position": [ 637, 106, 126, 32 ], "completed": false }, { "type": "text", "position": [ 825, 106, 126, 32 ], "completed": false }, { "type": "description", "position": [ 73, 143, 126, 154 ], "completed": false }, { "type": "description", "position": [ 261, 143, 126, 132 ], "completed": false }, { "type": "description", "position": [ 449, 143, 126, 110 ], "completed": false }, { "type": "description", "position": [ 637, 143, 126, 88 ], "completed": false }, { "type": "description", "position": [ 825, 143, 126, 110 ], "completed": false }, { "type": "button", "position": [ 476, 363, 72, 19 ], "completed": false } ] }, { "text": "#A page for showing some products.# There are three parts and each one includes one image, one label for the name, and one button to view all.", "region_id": "8708", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:button [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 16 8 7 1 | image 5 13 29 28 | complete image 0 0 40 46 | title 3 3 32 4 ] | [ button 56 8 7 1 | complete image 40 0 40 46 | image 40 13 39 22 | title 48 3 23 4 ] | [ button 96 8 7 1 | complete image 80 0 40 46 | image 85 13 28 28 | title 96 3 7 4 ] \"", "layout_seq_without_completion": "\" [ button 16 8 7 1 | image 5 13 29 28 | image 0 0 40 46 | title 3 3 32 4 ] | [ button 56 8 7 1 | image 40 0 40 46 | image 40 13 39 22 | title 48 3 23 4 ] | [ button 96 8 7 1 | image 80 0 40 46 | image 85 13 28 28 | title 96 3 7 4 ] \"", "plain_layout_seq": "button 16 8 7 1 | button 56 8 7 1 | button 96 8 7 1 | image 5 13 29 28 | image 0 0 40 46 | image 40 0 40 46 | image 40 13 39 22 | image 80 0 40 46 | image 85 13 28 28 | title 3 3 32 4 | title 48 3 23 4 | title 96 3 7 4", "canvas_width": 984, "canvas_height": 380, "elements": [ { "type": "image", "position": [ 0, 0, 328, 380 ], "completed": true }, { "type": "image", "position": [ 328, 0, 328, 380 ], "completed": true }, { "type": "image", "position": [ 656, 0, 328, 380 ], "completed": true }, { "type": "title", "position": [ 32, 30, 265, 39 ], "completed": false }, { "type": "title", "position": [ 395, 30, 195, 39 ], "completed": false }, { "type": "title", "position": [ 790, 30, 61, 39 ], "completed": false }, { "type": "button", "position": [ 135, 73, 60, 15 ], "completed": false }, { "type": "button", "position": [ 463, 73, 60, 15 ], "completed": false }, { "type": "button", "position": [ 791, 73, 60, 15 ], "completed": false }, { "type": "image", "position": [ 45, 114, 239, 235 ], "completed": false }, { "type": "image", "position": [ 329, 114, 327, 188 ], "completed": false }, { "type": "image", "position": [ 703, 114, 235, 235 ], "completed": false } ] }, { "text": "#A page for introducing the new things to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1773", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete title 49 0 21 5 | \" [ complete button 1 9 23 5 | image 2 11 35 21 | link 2 39 29 10 | title 2 36 29 3 ] | [ complete button 41 9 23 5 | image 42 11 35 21 | link 42 42 29 7 | title 42 36 29 6 ] | [ complete button 81 9 23 5 | image 82 11 35 21 | link 82 39 29 5 | title 82 36 29 3 ] \"", "layout_seq_without_completion": "title 49 0 21 5 | \" [ button 1 9 23 5 | image 2 11 35 21 | link 2 39 29 10 | title 2 36 29 3 ] | [ button 41 9 23 5 | image 42 11 35 21 | link 42 42 29 7 | title 42 36 29 6 ] | [ button 81 9 23 5 | image 82 11 35 21 | link 82 39 29 5 | title 82 36 29 3 ] \"", "plain_layout_seq": "button 1 9 23 5 | button 41 9 23 5 | button 81 9 23 5 | image 2 11 35 21 | image 42 11 35 21 | image 82 11 35 21 | link 2 39 29 10 | link 42 42 29 7 | link 82 39 29 5 | title 49 0 21 5 | title 2 36 29 3 | title 42 36 29 6 | title 82 36 29 3", "canvas_width": 1007, "canvas_height": 443, "elements": [ { "type": "title", "position": [ 412, 0, 183, 48 ], "completed": true }, { "type": "button", "position": [ 10, 76, 200, 44 ], "completed": true }, { "type": "button", "position": [ 346, 76, 200, 44 ], "completed": true }, { "type": "button", "position": [ 681, 76, 200, 44 ], "completed": true }, { "type": "image", "position": [ 20, 98, 296, 181 ], "completed": false }, { "type": "image", "position": [ 356, 98, 296, 181 ], "completed": false }, { "type": "image", "position": [ 691, 98, 296, 181 ], "completed": false }, { "type": "title", "position": [ 20, 309, 246, 26 ], "completed": false }, { "type": "title", "position": [ 356, 309, 246, 51 ], "completed": false }, { "type": "title", "position": [ 691, 309, 246, 26 ], "completed": false }, { "type": "link", "position": [ 20, 335, 246, 84 ], "completed": false }, { "type": "link", "position": [ 691, 335, 246, 42 ], "completed": false }, { "type": "link", "position": [ 356, 360, 246, 63 ], "completed": false } ] }, { "text": "# A page to have a brief introduction to a company through figures. # The page should have three groups of figure information, with each including a figure and a phrase to introduce the number of clients, increased traffic, and increased revenue.", "region_id": "4541", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'satisfied clients, increased traffic, increased revenue'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 42 0 35 16 | image 84 0 35 16 | image 8 0 19 16 | text 42 16 35 4 | text 0 16 35 4 | text 84 16 35 4", "layout_seq_without_completion": "image 42 0 35 16 | image 84 0 35 16 | image 8 0 19 16 | text 42 16 35 4 | text 0 16 35 4 | text 84 16 35 4", "plain_layout_seq": "image 42 0 35 16 | image 84 0 35 16 | image 8 0 19 16 | text 42 16 35 4 | text 0 16 35 4 | text 84 16 35 4", "canvas_width": 820, "canvas_height": 161, "elements": [ { "type": "image", "position": [ 56, 4, 132, 112 ], "completed": false }, { "type": "image", "position": [ 288, 4, 243, 112 ], "completed": false }, { "type": "image", "position": [ 577, 4, 243, 112 ], "completed": false }, { "type": "text", "position": [ 0, 112, 243, 28 ], "completed": false }, { "type": "text", "position": [ 288, 112, 243, 28 ], "completed": false }, { "type": "text", "position": [ 577, 112, 243, 28 ], "completed": false } ] }, { "text": "# A page to introduce ways to send payment. # There should be a title \"More ways to send payment\". Then the page should be divided into three parts. In each part, there should be an image and two text boxes. So the user can know the ways to send payment.", "region_id": "1704", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'more ways to send payment'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 0 18 8 8 | image 41 18 7 7 | image 83 18 7 7 | text 0 37 36 8 | text 41 36 36 8 | text 83 36 36 8 | text 0 29 36 7 | text 41 28 36 7 | text 83 28 36 7 | title 0 4 120 6", "layout_seq_without_completion": "image 0 18 8 8 | image 41 18 7 7 | image 83 18 7 7 | text 0 37 36 8 | text 41 36 36 8 | text 83 36 36 8 | text 0 29 36 7 | text 41 28 36 7 | text 83 28 36 7 | title 0 4 120 6", "plain_layout_seq": "image 0 18 8 8 | image 41 18 7 7 | image 83 18 7 7 | text 0 37 36 8 | text 41 36 36 8 | text 83 36 36 8 | text 0 29 36 7 | text 41 28 36 7 | text 83 28 36 7 | title 0 4 120 6", "canvas_width": 1024, "canvas_height": 483, "elements": [ { "type": "title", "position": [ 0, 40, 1024, 52 ], "completed": false }, { "type": "image", "position": [ 0, 162, 70, 70 ], "completed": false }, { "type": "image", "position": [ 357, 162, 64, 64 ], "completed": false }, { "type": "image", "position": [ 714, 162, 64, 64 ], "completed": false }, { "type": "text", "position": [ 357, 242, 310, 64 ], "completed": false }, { "type": "text", "position": [ 714, 242, 310, 64 ], "completed": false }, { "type": "text", "position": [ 0, 248, 310, 64 ], "completed": false }, { "type": "text", "position": [ 357, 311, 310, 72 ], "completed": false }, { "type": "text", "position": [ 714, 311, 310, 72 ], "completed": false }, { "type": "text", "position": [ 0, 317, 310, 72 ], "completed": false } ] }, { "text": "# A page for the user to shop by category in an online store. # There should have a title \"SHOP BY CATEGORY\" and 8 categories. There should contain an image and a category name in each category. So the user can shop by category.", "region_id": "8632", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by category'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 0 110 4 | \" [ text 62 20 23 6 ] | [ text 11 21 13 4 ] | [ text 36 21 18 4 ] | [ text 91 21 21 4 ] | [ text 62 48 23 6 ] | [ text 90 48 23 6 ] | [ text 10 49 13 4 ] | [ text 38 49 14 4 ] \"", "layout_seq_without_completion": "title 4 0 110 4 | \" [ text 62 20 23 6 ] | [ text 11 21 13 4 ] | [ text 36 21 18 4 ] | [ text 91 21 21 4 ] | [ text 62 48 23 6 ] | [ text 90 48 23 6 ] | [ text 10 49 13 4 ] | [ text 38 49 14 4 ] \"", "plain_layout_seq": "text 62 20 23 6 | text 11 21 13 4 | text 36 21 18 4 | text 91 21 21 4 | text 62 48 23 6 | text 90 48 23 6 | text 10 49 13 4 | text 38 49 14 4 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 573, "elements": [ { "type": "title", "position": [ 40, 0, 944, 42 ], "completed": false }, { "type": "text", "position": [ 533, 171, 200, 56 ], "completed": false }, { "type": "text", "position": [ 94, 181, 112, 36 ], "completed": false }, { "type": "text", "position": [ 314, 181, 154, 36 ], "completed": false }, { "type": "text", "position": [ 783, 181, 183, 36 ], "completed": false }, { "type": "text", "position": [ 533, 413, 200, 56 ], "completed": false }, { "type": "text", "position": [ 774, 413, 200, 56 ], "completed": false }, { "type": "text", "position": [ 91, 423, 118, 36 ], "completed": false }, { "type": "text", "position": [ 329, 423, 125, 36 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have a title and four groups. Each group has an image and a description of the product and the price. There are two paginations on both sides of the page.", "region_id": "6411", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 61 52 23 3 | description 88 46 23 3 | description 34 45 23 6 | description 7 52 23 3 | text 44 51 4 1 | text 17 55 4 1 | text 71 55 4 1 | text 88 49 23 1 | title 58 8 5 2", "layout_seq_without_completion": "description 61 52 23 3 | description 88 46 23 3 | description 34 45 23 6 | description 7 52 23 3 | text 44 51 4 1 | text 17 55 4 1 | text 71 55 4 1 | text 88 49 23 1 | title 58 8 5 2", "plain_layout_seq": "description 61 52 23 3 | description 88 46 23 3 | description 34 45 23 6 | description 7 52 23 3 | text 44 51 4 1 | text 17 55 4 1 | text 71 55 4 1 | text 88 49 23 1 | title 58 8 5 2", "canvas_width": 1009, "canvas_height": 557, "elements": [ { "type": "title", "position": [ 488, 68, 48, 22 ], "completed": false }, { "type": "description", "position": [ 293, 380, 195, 55 ], "completed": false }, { "type": "description", "position": [ 747, 391, 195, 33 ], "completed": false }, { "type": "text", "position": [ 747, 420, 195, 16 ], "completed": false }, { "type": "text", "position": [ 372, 432, 37, 15 ], "completed": false }, { "type": "description", "position": [ 66, 440, 195, 33 ], "completed": false }, { "type": "description", "position": [ 520, 440, 195, 33 ], "completed": false }, { "type": "text", "position": [ 145, 470, 37, 15 ], "completed": false }, { "type": "text", "position": [ 599, 470, 37, 15 ], "completed": false } ] }, { "text": "#A page showing information about a company`s business. # There should be three information sets with each having a title and an explanation.", "region_id": "84", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 11 25 2 | description 45 11 27 4 | description 89 16 25 4 | title 1 5 29 5 | title 89 5 29 9 | title 45 5 29 5", "layout_seq_without_completion": "description 1 11 25 2 | description 45 11 27 4 | description 89 16 25 4 | title 1 5 29 5 | title 89 5 29 9 | title 45 5 29 5", "plain_layout_seq": "description 1 11 25 2 | description 45 11 27 4 | description 89 16 25 4 | title 1 5 29 5 | title 89 5 29 9 | title 45 5 29 5", "canvas_width": 1008, "canvas_height": 210, "elements": [ { "type": "title", "position": [ 16, 50, 244, 42 ], "completed": false }, { "type": "title", "position": [ 382, 50, 244, 42 ], "completed": false }, { "type": "title", "position": [ 748, 50, 244, 83 ], "completed": false }, { "type": "description", "position": [ 16, 97, 210, 18 ], "completed": false }, { "type": "description", "position": [ 382, 97, 235, 38 ], "completed": false }, { "type": "description", "position": [ 748, 139, 213, 38 ], "completed": false } ] }, { "text": "#A page showing information about a company`s business. # There should be three information sets with each having two text boxes showing the data on the company`s service.", "region_id": "84_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 1 11 25 2 | text 45 11 27 4 | text 89 16 25 4 | text 1 5 29 5 | text 89 5 29 9 | text 45 5 29 5", "layout_seq_without_completion": "text 1 11 25 2 | text 45 11 27 4 | text 89 16 25 4 | text 1 5 29 5 | text 89 5 29 9 | text 45 5 29 5", "plain_layout_seq": "text 1 11 25 2 | text 45 11 27 4 | text 89 16 25 4 | text 1 5 29 5 | text 89 5 29 9 | text 45 5 29 5", "canvas_width": 1008, "canvas_height": 210, "elements": [ { "type": "text", "position": [ 16, 50, 244, 42 ], "completed": false }, { "type": "text", "position": [ 382, 50, 244, 42 ], "completed": false }, { "type": "text", "position": [ 748, 50, 244, 83 ], "completed": false }, { "type": "text", "position": [ 16, 97, 210, 18 ], "completed": false }, { "type": "text", "position": [ 382, 97, 235, 38 ], "completed": false }, { "type": "text", "position": [ 748, 139, 213, 38 ], "completed": false } ] }, { "text": "#A page for showing the bestselling goods.# There is one label \"BEST SELLERS\" and eight groups. Each group includes one image, one description, and one price label. Users can view all the products by clicking one button.", "region_id": "8520", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'best sellers'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:description] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 114 14 5 | title 5 5 17 3 | \" [ description 64 39 18 6 | image 62 13 23 23 | text 68 47 12 2 ] | [ description 36 90 18 8 | image 34 64 23 23 | text 37 100 17 2 ] | [ description 64 82 18 4 | image 62 64 23 15 | text 68 88 12 2 ] | [ description 92 90 18 4 | image 90 64 23 23 | text 97 96 10 2 ] \" | \" [ description 8 39 18 8 | image 5 13 23 23 | text 11 53 12 2 | complete text 22 50 2 1 ] | [ description 36 39 18 4 | image 34 13 23 23 | complete text 51 46 1 1 | text 37 49 15 2 ] | [ description 92 39 18 6 | image 90 13 23 23 | complete text 107 48 1 1 | text 96 51 12 2 ] | [ description 8 90 18 10 | image 5 64 23 23 | text 11 106 12 2 | complete text 22 103 2 1 ] \"", "layout_seq_without_completion": "button 52 114 14 5 | title 5 5 17 3 | \" [ description 64 39 18 6 | image 62 13 23 23 | text 68 47 12 2 ] | [ description 36 90 18 8 | image 34 64 23 23 | text 37 100 17 2 ] | [ description 64 82 18 4 | image 62 64 23 15 | text 68 88 12 2 ] | [ description 92 90 18 4 | image 90 64 23 23 | text 97 96 10 2 ] \" | \" [ description 8 39 18 8 | image 5 13 23 23 | text 11 53 12 2 | text 22 50 2 1 ] | [ description 36 39 18 4 | image 34 13 23 23 | text 51 46 1 1 | text 37 49 15 2 ] | [ description 92 39 18 6 | image 90 13 23 23 | text 107 48 1 1 | text 96 51 12 2 ] | [ description 8 90 18 10 | image 5 64 23 23 | text 11 106 12 2 | text 22 103 2 1 ] \"", "plain_layout_seq": "button 52 114 14 5 | description 64 39 18 6 | description 36 90 18 8 | description 64 82 18 4 | description 92 90 18 4 | description 8 39 18 8 | description 36 39 18 4 | description 92 39 18 6 | description 8 90 18 10 | image 62 13 23 23 | image 34 64 23 23 | image 62 64 23 15 | image 90 64 23 23 | image 5 13 23 23 | image 34 13 23 23 | image 90 13 23 23 | image 5 64 23 23 | text 68 47 12 2 | text 37 100 17 2 | text 68 88 12 2 | text 97 96 10 2 | text 11 53 12 2 | text 22 50 2 1 | text 51 46 1 1 | text 37 49 15 2 | text 107 48 1 1 | text 96 51 12 2 | text 11 106 12 2 | text 22 103 2 1 | title 5 5 17 3", "canvas_width": 1024, "canvas_height": 1031, "elements": [ { "type": "title", "position": [ 50, 51, 148, 33 ], "completed": false }, { "type": "image", "position": [ 50, 113, 201, 201 ], "completed": false }, { "type": "image", "position": [ 291, 113, 201, 201 ], "completed": false }, { "type": "image", "position": [ 532, 113, 201, 201 ], "completed": false }, { "type": "image", "position": [ 773, 113, 201, 201 ], "completed": false }, { "type": "description", "position": [ 70, 339, 161, 70 ], "completed": false }, { "type": "description", "position": [ 311, 339, 161, 36 ], "completed": false }, { "type": "description", "position": [ 552, 339, 161, 53 ], "completed": false }, { "type": "description", "position": [ 793, 339, 161, 53 ], "completed": false }, { "type": "text", "position": [ 437, 396, 15, 17 ], "completed": true }, { "type": "text", "position": [ 581, 404, 103, 22 ], "completed": false }, { "type": "text", "position": [ 919, 412, 15, 17 ], "completed": true }, { "type": "text", "position": [ 324, 424, 136, 22 ], "completed": false }, { "type": "text", "position": [ 192, 429, 23, 17 ], "completed": true }, { "type": "text", "position": [ 822, 441, 103, 22 ], "completed": false }, { "type": "text", "position": [ 99, 458, 103, 22 ], "completed": false }, { "type": "image", "position": [ 50, 548, 201, 201 ], "completed": false }, { "type": "image", "position": [ 291, 548, 201, 201 ], "completed": false }, { "type": "image", "position": [ 532, 548, 201, 134 ], "completed": false }, { "type": "image", "position": [ 773, 548, 201, 201 ], "completed": false }, { "type": "description", "position": [ 552, 707, 161, 36 ], "completed": false }, { "type": "text", "position": [ 581, 756, 103, 22 ], "completed": false }, { "type": "description", "position": [ 70, 774, 161, 87 ], "completed": false }, { "type": "description", "position": [ 311, 774, 161, 70 ], "completed": false }, { "type": "description", "position": [ 793, 774, 161, 36 ], "completed": false }, { "type": "text", "position": [ 828, 822, 92, 22 ], "completed": false }, { "type": "text", "position": [ 318, 856, 147, 22 ], "completed": false }, { "type": "text", "position": [ 192, 881, 23, 17 ], "completed": true }, { "type": "text", "position": [ 99, 910, 103, 22 ], "completed": false }, { "type": "button", "position": [ 451, 979, 122, 47 ], "completed": false } ] }, { "text": "#A page for introducing the info about data of a company.# There should be four information groups showing the service options of the company, each consisting of an icon and a link.", "region_id": "1127", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:link] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 91 1 27 27 | icon 1 1 27 27 | icon 31 1 27 28 | icon 61 1 27 27 | link 1 31 27 2 | link 31 31 27 2 | link 91 31 27 2 | link 61 31 27 2", "layout_seq_without_completion": "icon 91 1 27 27 | icon 1 1 27 27 | icon 31 1 27 28 | icon 61 1 27 27 | link 1 31 27 2 | link 31 31 27 2 | link 91 31 27 2 | link 61 31 27 2", "plain_layout_seq": "icon 91 1 27 27 | icon 1 1 27 27 | icon 31 1 27 28 | icon 61 1 27 27 | link 1 31 27 2 | link 31 31 27 2 | link 91 31 27 2 | link 61 31 27 2", "canvas_width": 1024, "canvas_height": 304, "elements": [ { "type": "icon", "position": [ 10, 10, 236, 236 ], "completed": false }, { "type": "icon", "position": [ 266, 10, 236, 241 ], "completed": false }, { "type": "icon", "position": [ 522, 10, 236, 236 ], "completed": false }, { "type": "icon", "position": [ 778, 10, 236, 236 ], "completed": false }, { "type": "link", "position": [ 10, 266, 236, 22 ], "completed": false }, { "type": "link", "position": [ 522, 266, 236, 22 ], "completed": false }, { "type": "link", "position": [ 778, 266, 236, 22 ], "completed": false }, { "type": "link", "position": [ 266, 272, 236, 22 ], "completed": false } ] }, { "text": "# A page showing different categories for users to choose.# \"COLLECTION LIST\" is the title on the page. The page should contain four groups. Each group has a title (\"Hampers\", \"Gift Boxes\", \"Jars\", or \"Speciality\") and a picture.", "region_id": "8074", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection list'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'hampers, gift boxes, jars, speciality'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 26 24 3 | title 34 26 24 3 | title 89 26 24 3 | title 61 26 24 3 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 26 24 3 | title 34 26 24 3 | title 89 26 24 3 | title 61 26 24 3 | title 6 6 107 2", "plain_layout_seq": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 26 24 3 | title 34 26 24 3 | title 89 26 24 3 | title 61 26 24 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "image", "position": [ 55, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 222, 206, 31 ], "completed": false }, { "type": "title", "position": [ 291, 222, 206, 31 ], "completed": false }, { "type": "title", "position": [ 527, 222, 206, 31 ], "completed": false }, { "type": "title", "position": [ 763, 222, 206, 31 ], "completed": false } ] }, { "text": "# A page for marketing HexClad, and guiding the user to cook with the HexClad chef according to the given recipes. # The page should have the title \"CRAVE- WORTHY CREATIONS\", a further description, and three images showing the dishes. Then, there should also include a pair of left and right page turning icons for switching pages to view more recipes, and a button for the user to click to view all recipes.", "region_id": "6899", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'CRAVE- WORTHY CREATIONS']] [el:description] [gp:InfoGroup [gattr:repeat '3'] [item [el:image]]] [el:pagination] [el:button [attr:value 'View All Recipes'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | pagination undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 2 31 3 9 | complete button 114 31 3 9 | button 48 48 23 6 | description 5 17 108 9 | title 5 13 108 4 | \" [ image 6 26 34 19 ] | [ image 42 26 34 19 ] | [ image 78 26 34 19 ] \"", "layout_seq_without_completion": "button 2 31 3 9 | button 114 31 3 9 | button 48 48 23 6 | description 5 17 108 9 | title 5 13 108 4 | \" [ image 6 26 34 19 ] | [ image 42 26 34 19 ] | [ image 78 26 34 19 ] \"", "plain_layout_seq": "button 2 31 3 9 | button 114 31 3 9 | button 48 48 23 6 | description 5 17 108 9 | image 6 26 34 19 | image 42 26 34 19 | image 78 26 34 19 | title 5 13 108 4", "canvas_width": 1024, "canvas_height": 526, "elements": [ { "type": "title", "position": [ 50, 112, 924, 37 ], "completed": false }, { "type": "description", "position": [ 50, 146, 924, 82 ], "completed": false }, { "type": "image", "position": [ 58, 228, 293, 165 ], "completed": false }, { "type": "image", "position": [ 366, 228, 293, 165 ], "completed": false }, { "type": "image", "position": [ 674, 228, 293, 165 ], "completed": false }, { "type": "button", "position": [ 20, 269, 33, 84 ], "completed": true }, { "type": "button", "position": [ 981, 269, 33, 84 ], "completed": true }, { "type": "button", "position": [ 412, 413, 200, 53 ], "completed": false } ] }, { "text": "#A page for guiding users to offer information about themselves.# The page has a headline named \"SHOW ME INFO FOR:\", and four links representing four different types of information, for users to click to offer more concrete information.", "region_id": "4610", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'show me info for:'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 30 8 58 7 | \" [ link 5 25 26 7 ] | [ link 33 25 26 7 ] | [ link 61 25 26 7 ] | [ link 89 25 26 7 ] \"", "layout_seq_without_completion": "title 30 8 58 7 | \" [ link 5 25 26 7 ] | [ link 33 25 26 7 ] | [ link 61 25 26 7 ] | [ link 89 25 26 7 ] \"", "plain_layout_seq": "link 5 25 26 7 | link 33 25 26 7 | link 61 25 26 7 | link 89 25 26 7 | title 30 8 58 7", "canvas_width": 1024, "canvas_height": 361, "elements": [ { "type": "title", "position": [ 264, 75, 497, 66 ], "completed": false }, { "type": "link", "position": [ 48, 216, 222, 65 ], "completed": false }, { "type": "link", "position": [ 286, 216, 222, 65 ], "completed": false }, { "type": "link", "position": [ 524, 216, 222, 65 ], "completed": false }, { "type": "link", "position": [ 762, 216, 222, 65 ], "completed": false } ] }, { "text": "# A page to introduce institutions and funders that trust the company. # There should contain a title and 16 logos of the institutions and funders. What's more, there should be a link for viewing all.", "region_id": "3726", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '16'] [item [el:logo] ] ] [el:link [attr:value 'view all']] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "link 46 64 26 4 | title 31 7 56 2 | \" [ logo 41 14 7 7 ] | [ logo 4 15 22 4 ] | [ logo 63 15 22 5 ] | [ logo 94 15 19 5 ] | [ logo 5 26 19 5 ] | [ logo 37 26 15 6 ] | [ logo 66 27 16 5 ] | [ logo 95 27 17 5 ] | [ logo 41 37 8 7 ] | [ logo 98 37 11 7 ] | [ logo 67 39 15 4 ] | [ logo 5 40 20 3 ] | [ logo 94 49 19 7 ] | [ logo 4 50 21 6 ] | [ logo 41 50 7 7 ] | [ logo 64 51 20 4 ] \"", "layout_seq_without_completion": "link 46 64 26 4 | title 31 7 56 2 | \" [ logo 41 14 7 7 ] | [ logo 4 15 22 4 ] | [ logo 63 15 22 5 ] | [ logo 94 15 19 5 ] | [ logo 5 26 19 5 ] | [ logo 37 26 15 6 ] | [ logo 66 27 16 5 ] | [ logo 95 27 17 5 ] | [ logo 41 37 8 7 ] | [ logo 98 37 11 7 ] | [ logo 67 39 15 4 ] | [ logo 5 40 20 3 ] | [ logo 94 49 19 7 ] | [ logo 4 50 21 6 ] | [ logo 41 50 7 7 ] | [ logo 64 51 20 4 ] \"", "plain_layout_seq": "link 46 64 26 4 | logo 41 14 7 7 | logo 4 15 22 4 | logo 63 15 22 5 | logo 94 15 19 5 | logo 5 26 19 5 | logo 37 26 15 6 | logo 66 27 16 5 | logo 95 27 17 5 | logo 41 37 8 7 | logo 98 37 11 7 | logo 67 39 15 4 | logo 5 40 20 3 | logo 94 49 19 7 | logo 4 50 21 6 | logo 41 50 7 7 | logo 64 51 20 4 | title 31 7 56 2", "canvas_width": 1024, "canvas_height": 588, "elements": [ { "type": "title", "position": [ 270, 60, 484, 24 ], "completed": false }, { "type": "logo", "position": [ 355, 120, 62, 66 ], "completed": false }, { "type": "logo", "position": [ 806, 129, 169, 48 ], "completed": false }, { "type": "logo", "position": [ 541, 130, 194, 46 ], "completed": false }, { "type": "logo", "position": [ 36, 133, 196, 40 ], "completed": false }, { "type": "logo", "position": [ 318, 228, 135, 53 ], "completed": false }, { "type": "logo", "position": [ 50, 230, 168, 49 ], "completed": false }, { "type": "logo", "position": [ 814, 231, 152, 48 ], "completed": false }, { "type": "logo", "position": [ 566, 232, 145, 46 ], "completed": false }, { "type": "logo", "position": [ 352, 324, 69, 66 ], "completed": false }, { "type": "logo", "position": [ 840, 324, 99, 66 ], "completed": false }, { "type": "logo", "position": [ 574, 338, 128, 38 ], "completed": false }, { "type": "logo", "position": [ 46, 342, 175, 30 ], "completed": false }, { "type": "logo", "position": [ 806, 426, 168, 66 ], "completed": false }, { "type": "logo", "position": [ 356, 428, 61, 61 ], "completed": false }, { "type": "logo", "position": [ 42, 431, 185, 56 ], "completed": false }, { "type": "logo", "position": [ 550, 439, 175, 40 ], "completed": false }, { "type": "link", "position": [ 401, 552, 222, 36 ], "completed": false } ] }, { "text": "#A page for selling different bags.# The page should 6 groups for selling 6 categories of bags while each group has a title, a button for users to click to view all, and an image to show the photo of the categories of bags.", "region_id": "8666", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:button [attr:value 'view all'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 18 8 7 1 | complete image 2 0 38 52 | image 7 18 28 28 | title 8 3 26 4 ] | [ button 56 12 7 1 | complete image 40 0 38 52 | image 45 18 28 28 | title 46 3 26 9 ] | [ button 94 8 7 1 | complete image 79 0 38 52 | image 84 18 28 28 | title 85 3 26 4 ] | [ button 18 60 7 1 | image 7 75 28 28 | complete image 2 52 38 56 | title 8 55 26 4 ] | [ button 56 64 7 1 | complete image 40 52 38 56 | image 45 75 28 28 | title 46 55 26 9 ] | [ button 94 69 7 1 | image 84 75 28 28 | complete image 79 52 38 56 | title 85 55 26 13 ] \"", "layout_seq_without_completion": "\" [ button 18 8 7 1 | image 2 0 38 52 | image 7 18 28 28 | title 8 3 26 4 ] | [ button 56 12 7 1 | image 40 0 38 52 | image 45 18 28 28 | title 46 3 26 9 ] | [ button 94 8 7 1 | image 79 0 38 52 | image 84 18 28 28 | title 85 3 26 4 ] | [ button 18 60 7 1 | image 7 75 28 28 | image 2 52 38 56 | title 8 55 26 4 ] | [ button 56 64 7 1 | image 40 52 38 56 | image 45 75 28 28 | title 46 55 26 9 ] | [ button 94 69 7 1 | image 84 75 28 28 | image 79 52 38 56 | title 85 55 26 13 ] \"", "plain_layout_seq": "button 18 8 7 1 | button 56 12 7 1 | button 94 8 7 1 | button 18 60 7 1 | button 56 64 7 1 | button 94 69 7 1 | image 2 0 38 52 | image 7 18 28 28 | image 40 0 38 52 | image 45 18 28 28 | image 79 0 38 52 | image 84 18 28 28 | image 7 75 28 28 | image 2 52 38 56 | image 40 52 38 56 | image 45 75 28 28 | image 84 75 28 28 | image 79 52 38 56 | title 8 3 26 4 | title 46 3 26 9 | title 85 3 26 4 | title 8 55 26 4 | title 46 55 26 9 | title 85 55 26 13", "canvas_width": 1024, "canvas_height": 929, "elements": [ { "type": "image", "position": [ 20, 0, 328, 445 ], "completed": true }, { "type": "image", "position": [ 348, 0, 328, 445 ], "completed": true }, { "type": "image", "position": [ 676, 0, 328, 445 ], "completed": true }, { "type": "title", "position": [ 73, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 77 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 39 ], "completed": false }, { "type": "button", "position": [ 154, 71, 61, 15 ], "completed": false }, { "type": "button", "position": [ 810, 71, 61, 15 ], "completed": false }, { "type": "button", "position": [ 482, 109, 61, 15 ], "completed": false }, { "type": "image", "position": [ 61, 157, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 157, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 157, 247, 247 ], "completed": false }, { "type": "image", "position": [ 20, 445, 328, 484 ], "completed": true }, { "type": "image", "position": [ 348, 445, 328, 484 ], "completed": true }, { "type": "image", "position": [ 676, 445, 328, 484 ], "completed": true }, { "type": "title", "position": [ 73, 475, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 475, 223, 77 ], "completed": false }, { "type": "title", "position": [ 729, 475, 223, 116 ], "completed": false }, { "type": "button", "position": [ 154, 515, 61, 15 ], "completed": false }, { "type": "button", "position": [ 482, 554, 61, 15 ], "completed": false }, { "type": "button", "position": [ 810, 593, 61, 15 ], "completed": false }, { "type": "image", "position": [ 61, 641, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 641, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 641, 247, 247 ], "completed": false } ] }, { "text": "#A page for introducing the business areas of a company to users.# The page should include one title and two parts. Each part contains one image, one title, and a link for users to click for further information.", "region_id": "1163", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 7 68 40 3 | link 63 65 48 6 | title 63 58 48 6 | title 5 8 108 6 | title 7 60 48 6", "layout_seq_without_completion": "link 7 68 40 3 | link 63 65 48 6 | title 63 58 48 6 | title 5 8 108 6 | title 7 60 48 6", "plain_layout_seq": "link 7 68 40 3 | link 63 65 48 6 | title 63 58 48 6 | title 5 8 108 6 | title 7 60 48 6", "canvas_width": 1040, "canvas_height": 642, "elements": [ { "type": "title", "position": [ 48, 72, 944, 58 ], "completed": false }, { "type": "title", "position": [ 552, 504, 424, 60 ], "completed": false }, { "type": "title", "position": [ 64, 526, 424, 60 ], "completed": false }, { "type": "link", "position": [ 552, 572, 424, 54 ], "completed": false }, { "type": "link", "position": [ 64, 594, 352, 32 ], "completed": false } ] }, { "text": "#A page for users to find their organization.# On the top, there is one title\"Get ready to play\" and one slogan. Below is one search box including one searching button for users to search for a club or organization. Next is one label and five info groups. Each group includes one image, one label showing the sport's name, and one button for users to learn more.", "region_id": "3814", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Get ready to play'] [attr:position 'top'] ] [el:text [attr:position 'top'] ] [el:input [attr:value 'find a club or association']] [el:button] [el:text] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] [el:button ] ] ] ]", "execution": "multiinfo : button undefined undefined | input undefined undefined | text top undefined | text undefined undefined | title top undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 4 27 2 2 | input 1 25 116 7 | text 1 17 116 3 | text 1 52 116 6 | title 1 5 116 9 | \" [ button 19 82 1 1 | image 1 64 21 24 | text 3 81 6 4 ] | [ button 44 82 0 1 | image 25 64 21 24 | text 27 81 16 4 ] | [ button 67 82 1 1 | image 49 64 21 24 | text 51 81 11 4 ] | [ button 90 82 1 1 | image 72 64 21 24 | text 74 81 11 4 ] | [ button 114 82 1 1 | image 96 64 21 24 | text 98 81 11 4 ] \"", "layout_seq_without_completion": "button 4 27 2 2 | input 1 25 116 7 | text 1 17 116 3 | text 1 52 116 6 | title 1 5 116 9 | \" [ button 19 82 1 1 | image 1 64 21 24 | text 3 81 6 4 ] | [ button 44 82 0 1 | image 25 64 21 24 | text 27 81 16 4 ] | [ button 67 82 1 1 | image 49 64 21 24 | text 51 81 11 4 ] | [ button 90 82 1 1 | image 72 64 21 24 | text 74 81 11 4 ] | [ button 114 82 1 1 | image 96 64 21 24 | text 98 81 11 4 ] \"", "plain_layout_seq": "button 4 27 2 2 | button 19 82 1 1 | button 44 82 0 1 | button 67 82 1 1 | button 90 82 1 1 | button 114 82 1 1 | image 1 64 21 24 | image 25 64 21 24 | image 49 64 21 24 | image 72 64 21 24 | image 96 64 21 24 | input 1 25 116 7 | text 1 17 116 3 | text 1 52 116 6 | text 3 81 6 4 | text 27 81 16 4 | text 51 81 11 4 | text 74 81 11 4 | text 98 81 11 4 | title 1 5 116 9", "canvas_width": 992, "canvas_height": 841, "elements": [ { "type": "title", "position": [ 16, 48, 960, 80 ], "completed": false }, { "type": "text", "position": [ 16, 144, 960, 33 ], "completed": false }, { "type": "input", "position": [ 16, 209, 960, 61 ], "completed": false }, { "type": "button", "position": [ 34, 230, 20, 20 ], "completed": false }, { "type": "text", "position": [ 16, 430, 960, 50 ], "completed": false }, { "type": "image", "position": [ 16, 536, 179, 202 ], "completed": false }, { "type": "image", "position": [ 211, 536, 179, 202 ], "completed": false }, { "type": "image", "position": [ 406, 536, 179, 202 ], "completed": false }, { "type": "image", "position": [ 602, 536, 179, 202 ], "completed": false }, { "type": "image", "position": [ 797, 536, 179, 202 ], "completed": false }, { "type": "text", "position": [ 32, 672, 54, 41 ], "completed": false }, { "type": "text", "position": [ 227, 672, 139, 41 ], "completed": false }, { "type": "text", "position": [ 422, 672, 95, 41 ], "completed": false }, { "type": "text", "position": [ 618, 672, 97, 41 ], "completed": false }, { "type": "text", "position": [ 813, 672, 94, 41 ], "completed": false }, { "type": "button", "position": [ 163, 685, 16, 16 ], "completed": false }, { "type": "button", "position": [ 366, 685, 8, 16 ], "completed": false }, { "type": "button", "position": [ 554, 685, 16, 16 ], "completed": false }, { "type": "button", "position": [ 749, 685, 16, 16 ], "completed": false }, { "type": "button", "position": [ 944, 685, 16, 16 ], "completed": false } ] }, { "text": "# A page for advertising the product in an online shop.# The page should have 12 groups of product information with each including an image, a product name, and a price.", "region_id": "8010", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 26 3 19 19 | image 50 3 19 19 | image 73 3 19 19 | image 26 70 19 19 | image 3 38 19 19 | image 3 6 19 13 | image 96 4 19 18 | image 26 39 19 17 | image 50 38 19 19 | image 73 38 19 19 | image 96 38 19 19 | image 3 70 19 19 | text 26 27 19 2 | text 3 94 19 2 | text 26 97 19 2 | text 3 64 19 2 | text 26 64 19 2 | text 73 64 19 2 | text 50 64 19 2 | text 50 29 19 2 | text 73 29 19 2 | text 3 27 19 2 | text 96 32 19 2 | text 96 64 19 2 | title 26 24 19 2 | title 3 24 19 2 | title 50 24 19 4 | title 26 91 19 4 | title 3 59 19 4 | title 26 59 19 4 | title 96 59 19 4 | title 73 24 19 4 | title 50 59 19 4 | title 3 91 19 2 | title 96 24 19 7 | title 73 59 19 4", "layout_seq_without_completion": "image 26 3 19 19 | image 50 3 19 19 | image 73 3 19 19 | image 26 70 19 19 | image 3 38 19 19 | image 3 6 19 13 | image 96 4 19 18 | image 26 39 19 17 | image 50 38 19 19 | image 73 38 19 19 | image 96 38 19 19 | image 3 70 19 19 | text 26 27 19 2 | text 3 94 19 2 | text 26 97 19 2 | text 3 64 19 2 | text 26 64 19 2 | text 73 64 19 2 | text 50 64 19 2 | text 50 29 19 2 | text 73 29 19 2 | text 3 27 19 2 | text 96 32 19 2 | text 96 64 19 2 | title 26 24 19 2 | title 3 24 19 2 | title 50 24 19 4 | title 26 91 19 4 | title 3 59 19 4 | title 26 59 19 4 | title 96 59 19 4 | title 73 24 19 4 | title 50 59 19 4 | title 3 91 19 2 | title 96 24 19 7 | title 73 59 19 4", "plain_layout_seq": "image 26 3 19 19 | image 50 3 19 19 | image 73 3 19 19 | image 26 70 19 19 | image 3 38 19 19 | image 3 6 19 13 | image 96 4 19 18 | image 26 39 19 17 | image 50 38 19 19 | image 73 38 19 19 | image 96 38 19 19 | image 3 70 19 19 | text 26 27 19 2 | text 3 94 19 2 | text 26 97 19 2 | text 3 64 19 2 | text 26 64 19 2 | text 73 64 19 2 | text 50 64 19 2 | text 50 29 19 2 | text 73 29 19 2 | text 3 27 19 2 | text 96 32 19 2 | text 96 64 19 2 | title 26 24 19 2 | title 3 24 19 2 | title 50 24 19 4 | title 26 91 19 4 | title 3 59 19 4 | title 26 59 19 4 | title 96 59 19 4 | title 73 24 19 4 | title 50 59 19 4 | title 3 91 19 2 | title 96 24 19 7 | title 73 59 19 4", "canvas_width": 1024, "canvas_height": 942, "elements": [ { "type": "image", "position": [ 229, 30, 169, 169 ], "completed": false }, { "type": "image", "position": [ 428, 30, 169, 169 ], "completed": false }, { "type": "image", "position": [ 626, 30, 169, 169 ], "completed": false }, { "type": "image", "position": [ 825, 37, 169, 155 ], "completed": false }, { "type": "image", "position": [ 30, 59, 169, 111 ], "completed": false }, { "type": "title", "position": [ 30, 209, 169, 20 ], "completed": false }, { "type": "title", "position": [ 229, 209, 169, 20 ], "completed": false }, { "type": "title", "position": [ 428, 209, 169, 40 ], "completed": false }, { "type": "title", "position": [ 626, 209, 169, 40 ], "completed": false }, { "type": "title", "position": [ 825, 209, 169, 60 ], "completed": false }, { "type": "text", "position": [ 30, 234, 169, 18 ], "completed": false }, { "type": "text", "position": [ 229, 234, 169, 18 ], "completed": false }, { "type": "text", "position": [ 428, 255, 169, 18 ], "completed": false }, { "type": "text", "position": [ 626, 255, 169, 18 ], "completed": false }, { "type": "text", "position": [ 825, 275, 169, 18 ], "completed": false }, { "type": "image", "position": [ 30, 328, 169, 169 ], "completed": false }, { "type": "image", "position": [ 428, 328, 169, 169 ], "completed": false }, { "type": "image", "position": [ 626, 328, 169, 169 ], "completed": false }, { "type": "image", "position": [ 825, 328, 169, 169 ], "completed": false }, { "type": "image", "position": [ 229, 339, 169, 147 ], "completed": false }, { "type": "title", "position": [ 30, 507, 169, 40 ], "completed": false }, { "type": "title", "position": [ 229, 507, 169, 40 ], "completed": false }, { "type": "title", "position": [ 428, 507, 169, 40 ], "completed": false }, { "type": "title", "position": [ 626, 507, 169, 40 ], "completed": false }, { "type": "title", "position": [ 825, 507, 169, 40 ], "completed": false }, { "type": "text", "position": [ 30, 552, 169, 18 ], "completed": false }, { "type": "text", "position": [ 229, 552, 169, 18 ], "completed": false }, { "type": "text", "position": [ 428, 552, 169, 18 ], "completed": false }, { "type": "text", "position": [ 626, 552, 169, 18 ], "completed": false }, { "type": "text", "position": [ 825, 552, 169, 18 ], "completed": false }, { "type": "image", "position": [ 30, 605, 169, 169 ], "completed": false }, { "type": "image", "position": [ 229, 605, 169, 169 ], "completed": false }, { "type": "title", "position": [ 30, 784, 169, 20 ], "completed": false }, { "type": "title", "position": [ 229, 784, 169, 40 ], "completed": false }, { "type": "text", "position": [ 30, 809, 169, 18 ], "completed": false }, { "type": "text", "position": [ 229, 829, 169, 18 ], "completed": false } ] }, { "text": "# A page for introducing the brands on ITK, and guiding the user to shop the brands on ITK. # On the page, there should be a title \"Shop the brands on ITK\", a short description, and six logos showing the brands on ITK.", "region_id": "2565", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Shop the brands on ITK'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 0 7 120 8 | title 0 0 120 7 | \" [ logo 102 15 17 5 ] | [ logo 0 16 17 4 ] | [ logo 42 16 15 3 ] | [ logo 82 16 15 3 ] | [ logo 22 17 15 2 ] | [ logo 62 17 15 2 ] \"", "layout_seq_without_completion": "description 0 7 120 8 | title 0 0 120 7 | \" [ logo 102 15 17 5 ] | [ logo 0 16 17 4 ] | [ logo 42 16 15 3 ] | [ logo 82 16 15 3 ] | [ logo 22 17 15 2 ] | [ logo 62 17 15 2 ] \"", "plain_layout_seq": "description 0 7 120 8 | logo 102 15 17 5 | logo 0 16 17 4 | logo 42 16 15 3 | logo 82 16 15 3 | logo 22 17 15 2 | logo 62 17 15 2 | title 0 0 120 7", "canvas_width": 900, "canvas_height": 216, "elements": [ { "type": "title", "position": [ 0, 0, 900, 54 ], "completed": false }, { "type": "description", "position": [ 0, 54, 900, 64 ], "completed": false }, { "type": "logo", "position": [ 766, 118, 134, 42 ], "completed": false }, { "type": "logo", "position": [ 0, 123, 134, 31 ], "completed": false }, { "type": "logo", "position": [ 616, 125, 118, 29 ], "completed": false }, { "type": "logo", "position": [ 316, 126, 118, 27 ], "completed": false }, { "type": "logo", "position": [ 166, 128, 118, 22 ], "completed": false }, { "type": "logo", "position": [ 466, 132, 118, 15 ], "completed": false } ] }, { "text": "#A page for showing the category of products to users.# The page has sixteen titles of products, and there is an icon beside each title.", "region_id": "5632", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:total_link '16'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 6 0 17 2 ] | [ title 6 3 34 2 ] | [ title 6 6 27 2 ] | [ title 6 10 26 2 ] | [ title 6 13 27 2 ] | [ title 6 16 24 2 ] | [ title 6 19 30 2 ] | [ title 6 23 12 2 ] | [ title 6 26 12 2 ] | [ title 6 29 25 2 ] | [ title 6 32 17 2 ] | [ title 6 35 24 2 ] | [ title 6 39 24 2 ] | [ title 6 42 21 2 ] | [ title 6 45 17 2 ] | [ title 6 48 27 2 ] \"", "layout_seq_without_completion": "\" [ title 6 0 17 2 ] | [ title 6 3 34 2 ] | [ title 6 6 27 2 ] | [ title 6 10 26 2 ] | [ title 6 13 27 2 ] | [ title 6 16 24 2 ] | [ title 6 19 30 2 ] | [ title 6 23 12 2 ] | [ title 6 26 12 2 ] | [ title 6 29 25 2 ] | [ title 6 32 17 2 ] | [ title 6 35 24 2 ] | [ title 6 39 24 2 ] | [ title 6 42 21 2 ] | [ title 6 45 17 2 ] | [ title 6 48 27 2 ] \"", "plain_layout_seq": "title 6 0 17 2 | title 6 3 34 2 | title 6 6 27 2 | title 6 10 26 2 | title 6 13 27 2 | title 6 16 24 2 | title 6 19 30 2 | title 6 23 12 2 | title 6 26 12 2 | title 6 29 25 2 | title 6 32 17 2 | title 6 35 24 2 | title 6 39 24 2 | title 6 42 21 2 | title 6 45 17 2 | title 6 48 27 2", "canvas_width": 944, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 51, 2, 137, 20 ], "completed": false }, { "type": "title", "position": [ 51, 28, 270, 20 ], "completed": false }, { "type": "title", "position": [ 51, 53, 215, 20 ], "completed": false }, { "type": "title", "position": [ 51, 79, 205, 20 ], "completed": false }, { "type": "title", "position": [ 51, 104, 218, 20 ], "completed": false }, { "type": "title", "position": [ 51, 130, 193, 20 ], "completed": false }, { "type": "title", "position": [ 51, 155, 243, 20 ], "completed": false }, { "type": "title", "position": [ 51, 181, 100, 20 ], "completed": false }, { "type": "title", "position": [ 51, 206, 101, 20 ], "completed": false }, { "type": "title", "position": [ 51, 232, 199, 20 ], "completed": false }, { "type": "title", "position": [ 51, 257, 138, 20 ], "completed": false }, { "type": "title", "position": [ 51, 283, 193, 20 ], "completed": false }, { "type": "title", "position": [ 51, 308, 196, 20 ], "completed": false }, { "type": "title", "position": [ 51, 334, 171, 20 ], "completed": false }, { "type": "title", "position": [ 51, 359, 135, 20 ], "completed": false }, { "type": "title", "position": [ 51, 385, 218, 20 ], "completed": false } ] }, { "text": "#A page introducing riding equipment of the brand to users and guiding users to buy them.#The page should have one picture of the main interface of products of the brand and one text button, one \"view all\" link guide users to view all products. There also have four groups of products. And each of them should include one picture of the product, one text heading, and one price of the product.", "region_id": "6775", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:button] [el:link [attr:value 'view all']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : button undefined undefined | image undefined undefined | link undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 2 27 14 4 | image 2 0 23 40 | link 3 33 13 2 | text 73 35 19 2 | text 50 35 19 2 | text 96 35 19 2 | text 26 35 20 2 | title 73 30 19 5 | title 50 28 19 7 | title 26 30 20 5 | title 96 30 19 5", "layout_seq_without_completion": "button 2 27 14 4 | image 2 0 23 40 | link 3 33 13 2 | text 73 35 19 2 | text 50 35 19 2 | text 96 35 19 2 | text 26 35 20 2 | title 73 30 19 5 | title 50 28 19 7 | title 26 30 20 5 | title 96 30 19 5", "plain_layout_seq": "button 2 27 14 4 | image 2 0 23 40 | link 3 33 13 2 | text 73 35 19 2 | text 50 35 19 2 | text 96 35 19 2 | text 26 35 20 2 | title 73 30 19 5 | title 50 28 19 7 | title 26 30 20 5 | title 96 30 19 5", "canvas_width": 1024, "canvas_height": 346, "elements": [ { "type": "image", "position": [ 20, 0, 197, 345 ], "completed": false }, { "type": "button", "position": [ 20, 234, 122, 41 ], "completed": false }, { "type": "title", "position": [ 427, 240, 170, 66 ], "completed": false }, { "type": "title", "position": [ 229, 262, 171, 44 ], "completed": false }, { "type": "title", "position": [ 624, 262, 170, 44 ], "completed": false }, { "type": "title", "position": [ 821, 262, 170, 44 ], "completed": false }, { "type": "link", "position": [ 30, 288, 112, 18 ], "completed": false }, { "type": "text", "position": [ 229, 305, 171, 20 ], "completed": false }, { "type": "text", "position": [ 427, 305, 170, 20 ], "completed": false }, { "type": "text", "position": [ 624, 305, 170, 20 ], "completed": false }, { "type": "text", "position": [ 821, 305, 170, 20 ], "completed": false } ] }, { "text": "#A page for users to check their photos and lodging.# The page contains 2 information sets. Each group includes a background image and a title.", "region_id": "6713", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 2 0 57 29 | background 60 0 57 29 | title 70 11 36 5 | title 13 11 35 5", "layout_seq_without_completion": "background 2 0 57 29 | background 60 0 57 29 | title 70 11 36 5 | title 13 11 35 5", "plain_layout_seq": "background 2 0 57 29 | background 60 0 57 29 | title 70 11 36 5 | title 13 11 35 5", "canvas_width": 1024, "canvas_height": 249, "elements": [ { "type": "background", "position": [ 20, 0, 492, 249 ], "completed": false }, { "type": "background", "position": [ 512, 0, 492, 249 ], "completed": false }, { "type": "title", "position": [ 114, 101, 304, 46 ], "completed": false }, { "type": "title", "position": [ 604, 101, 309, 46 ], "completed": false } ] }, { "text": "#A page for showing some news from different organizations.# The page should have 3 parts to show 3 news from different organizations such as Bloomberg Business and The New York Times. Each part should have one logo of the organization and one text box to shortly introduce the news, and one button for users to click to read more. A page indicator is needed.", "region_id": "697", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:logo] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ button undefined undefined | description undefined small | logo undefined undefined ] | [ button undefined undefined | description undefined small | logo undefined undefined ] | [ button undefined undefined | description undefined small | logo undefined undefined ] }", "layout_seq_with_completion": "complete button 58 48 1 1 | complete button 60 48 1 1 | \" [ button 0 41 13 2 | description 0 13 37 28 | complete image 0 0 37 43 | logo 0 6 15 5 | complete text 0 41 11 2 | complete text 0 0 35 2 ] | [ button 41 41 13 2 | description 41 13 37 24 | complete image 41 0 37 43 | logo 41 6 24 5 | complete text 41 41 11 2 | complete text 41 0 35 2 ] | [ button 82 41 13 2 | description 82 13 37 21 | complete image 82 0 37 43 | logo 82 6 24 5 | complete text 82 41 11 2 | complete text 82 0 35 2 ] \"", "layout_seq_without_completion": "button 58 48 1 1 | button 60 48 1 1 | \" [ button 0 41 13 2 | description 0 13 37 28 | image 0 0 37 43 | logo 0 6 15 5 | text 0 41 11 2 | text 0 0 35 2 ] | [ button 41 41 13 2 | description 41 13 37 24 | image 41 0 37 43 | logo 41 6 24 5 | text 41 41 11 2 | text 41 0 35 2 ] | [ button 82 41 13 2 | description 82 13 37 21 | image 82 0 37 43 | logo 82 6 24 5 | text 82 41 11 2 | text 82 0 35 2 ] \"", "plain_layout_seq": "button 58 48 1 1 | button 60 48 1 1 | button 0 41 13 2 | button 41 41 13 2 | button 82 41 13 2 | description 0 13 37 28 | description 41 13 37 24 | description 82 13 37 21 | image 0 0 37 43 | image 41 0 37 43 | image 82 0 37 43 | logo 0 6 15 5 | logo 41 6 24 5 | logo 82 6 24 5 | text 0 41 11 2 | text 0 0 35 2 | text 41 41 11 2 | text 41 0 35 2 | text 82 41 11 2 | text 82 0 35 2", "canvas_width": 960, "canvas_height": 398, "elements": [ { "type": "text", "position": [ 0, 0, 282, 20 ], "completed": true }, { "type": "image", "position": [ 0, 0, 300, 350 ], "completed": true }, { "type": "image", "position": [ 330, 0, 300, 350 ], "completed": true }, { "type": "text", "position": [ 330, 0, 282, 20 ], "completed": true }, { "type": "text", "position": [ 660, 0, 282, 20 ], "completed": true }, { "type": "image", "position": [ 660, 0, 300, 350 ], "completed": true }, { "type": "logo", "position": [ 0, 50, 123, 40 ], "completed": false }, { "type": "logo", "position": [ 330, 50, 197, 40 ], "completed": false }, { "type": "logo", "position": [ 660, 50, 197, 40 ], "completed": false }, { "type": "description", "position": [ 0, 105, 300, 224 ], "completed": false }, { "type": "description", "position": [ 330, 105, 300, 196 ], "completed": false }, { "type": "description", "position": [ 660, 105, 300, 168 ], "completed": false }, { "type": "button", "position": [ 0, 329, 104, 21 ], "completed": false }, { "type": "text", "position": [ 0, 329, 89, 20 ], "completed": true }, { "type": "button", "position": [ 330, 329, 104, 21 ], "completed": false }, { "type": "text", "position": [ 330, 329, 89, 20 ], "completed": true }, { "type": "text", "position": [ 660, 329, 89, 20 ], "completed": true }, { "type": "button", "position": [ 660, 329, 104, 21 ], "completed": false }, { "type": "button", "position": [ 467, 386, 8, 8 ], "completed": true }, { "type": "button", "position": [ 485, 386, 8, 8 ], "completed": true } ] }, { "text": "#A page for introducing the Nanopore sequencing to users.# The page should include one title, six subtitles, and a brief description. Besides, a button is needed for users to click for further information.", "region_id": "336", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:title] [el:description [attr:size'small'] ] ] ] [el:button [attr:value'read more'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 120 | description 22 101 21 2 | description 22 50 32 5 | description 22 63 32 5 | description 22 89 25 2 | description 22 38 31 5 | description 22 79 26 2 | complete image 8 10 56 100 | title 22 32 36 5 | title 22 47 36 3 | title 22 60 36 3 | title 22 73 36 5 | title 22 86 36 3 | title 22 95 36 5 | title 14 15 45 13", "layout_seq_without_completion": "background 0 0 120 120 | description 22 101 21 2 | description 22 50 32 5 | description 22 63 32 5 | description 22 89 25 2 | description 22 38 31 5 | description 22 79 26 2 | image 8 10 56 100 | title 22 32 36 5 | title 22 47 36 3 | title 22 60 36 3 | title 22 73 36 5 | title 22 86 36 3 | title 22 95 36 5 | title 14 15 45 13", "plain_layout_seq": "background 0 0 120 120 | description 22 101 21 2 | description 22 50 32 5 | description 22 63 32 5 | description 22 89 25 2 | description 22 38 31 5 | description 22 79 26 2 | image 8 10 56 100 | title 22 32 36 5 | title 22 47 36 3 | title 22 60 36 3 | title 22 73 36 5 | title 22 86 36 3 | title 22 95 36 5 | title 14 15 45 13", "canvas_width": 1024, "canvas_height": 1032, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 1032 ], "completed": true }, { "type": "image", "position": [ 72, 88, 480, 857 ], "completed": true }, { "type": "title", "position": [ 120, 136, 384, 114 ], "completed": false }, { "type": "title", "position": [ 192, 274, 312, 51 ], "completed": false }, { "type": "description", "position": [ 192, 326, 271, 48 ], "completed": false }, { "type": "title", "position": [ 192, 408, 312, 26 ], "completed": false }, { "type": "description", "position": [ 192, 435, 280, 48 ], "completed": false }, { "type": "title", "position": [ 192, 517, 312, 26 ], "completed": false }, { "type": "description", "position": [ 192, 543, 279, 48 ], "completed": false }, { "type": "title", "position": [ 192, 626, 312, 51 ], "completed": false }, { "type": "description", "position": [ 192, 678, 227, 22 ], "completed": false }, { "type": "title", "position": [ 192, 734, 312, 26 ], "completed": false }, { "type": "description", "position": [ 192, 761, 219, 22 ], "completed": false }, { "type": "title", "position": [ 192, 818, 312, 51 ], "completed": false }, { "type": "description", "position": [ 192, 870, 187, 22 ], "completed": false } ] }, { "text": "# A page for presenting the best sellers in an online shop.# The page should have the title \"OUR BEST SELLERS\" and five groups of product information with each containing an image, a product name, a brand name, and a price.", "region_id": "7061", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our best sellers'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] [el:text] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 0 110 4 | \" [ image 4 9 20 15 | text 4 26 20 2 | text 4 31 6 1 | text 4 29 20 2 ] | [ image 27 9 20 15 | text 27 26 20 2 | text 27 29 20 2 | text 27 31 6 1 ] | [ image 49 9 20 15 | text 49 26 20 2 | text 49 29 20 2 | text 49 31 6 1 ] | [ image 72 9 20 15 | text 72 26 20 2 | text 72 29 20 2 | text 72 31 20 2 ] | [ image 95 9 20 15 | text 95 29 20 2 | text 95 26 20 2 | text 95 31 6 1 ] \"", "layout_seq_without_completion": "title 4 0 110 4 | \" [ image 4 9 20 15 | text 4 26 20 2 | text 4 31 6 1 | text 4 29 20 2 ] | [ image 27 9 20 15 | text 27 26 20 2 | text 27 29 20 2 | text 27 31 6 1 ] | [ image 49 9 20 15 | text 49 26 20 2 | text 49 29 20 2 | text 49 31 6 1 ] | [ image 72 9 20 15 | text 72 26 20 2 | text 72 29 20 2 | text 72 31 20 2 ] | [ image 95 9 20 15 | text 95 29 20 2 | text 95 26 20 2 | text 95 31 6 1 ] \"", "plain_layout_seq": "image 4 9 20 15 | image 27 9 20 15 | image 49 9 20 15 | image 72 9 20 15 | image 95 9 20 15 | text 4 26 20 2 | text 4 31 6 1 | text 4 29 20 2 | text 27 26 20 2 | text 27 29 20 2 | text 27 31 6 1 | text 49 26 20 2 | text 49 29 20 2 | text 49 31 6 1 | text 72 26 20 2 | text 72 29 20 2 | text 72 31 20 2 | text 95 29 20 2 | text 95 26 20 2 | text 95 31 6 1 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 325, "elements": [ { "type": "title", "position": [ 40, 0, 944, 35 ], "completed": false }, { "type": "image", "position": [ 40, 85, 171, 128 ], "completed": false }, { "type": "image", "position": [ 233, 85, 171, 128 ], "completed": false }, { "type": "image", "position": [ 426, 85, 171, 128 ], "completed": false }, { "type": "image", "position": [ 620, 85, 171, 128 ], "completed": false }, { "type": "image", "position": [ 813, 85, 171, 128 ], "completed": false }, { "type": "text", "position": [ 40, 223, 171, 23 ], "completed": false }, { "type": "text", "position": [ 233, 223, 171, 23 ], "completed": false }, { "type": "text", "position": [ 426, 223, 171, 23 ], "completed": false }, { "type": "text", "position": [ 620, 223, 171, 23 ], "completed": false }, { "type": "text", "position": [ 813, 223, 171, 23 ], "completed": false }, { "type": "text", "position": [ 40, 248, 171, 18 ], "completed": false }, { "type": "text", "position": [ 233, 248, 171, 18 ], "completed": false }, { "type": "text", "position": [ 426, 248, 171, 18 ], "completed": false }, { "type": "text", "position": [ 620, 248, 171, 18 ], "completed": false }, { "type": "text", "position": [ 813, 248, 171, 18 ], "completed": false }, { "type": "text", "position": [ 620, 269, 171, 19 ], "completed": false }, { "type": "text", "position": [ 40, 270, 59, 16 ], "completed": false }, { "type": "text", "position": [ 233, 270, 59, 16 ], "completed": false }, { "type": "text", "position": [ 426, 270, 59, 16 ], "completed": false }, { "type": "text", "position": [ 813, 270, 59, 16 ], "completed": false } ] }, { "text": "#A page showing the logos of companies that rely on Talkdest.# There is a long title showing what the page is about. There are six logos of these companies which rely on Talkdesk. There is also a button \"see more customers\".", "region_id": "2273", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:logo] ] ] [el:button [attr:value'see more customers'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined large | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "button 11 30 27 5 | title 11 5 72 8 | \" [ logo 11 17 14 9 ] | [ logo 28 17 14 9 ] | [ logo 44 17 14 9 ] | [ logo 61 17 14 9 ] | [ logo 77 17 14 9 ] | [ logo 94 17 14 9 ] \"", "layout_seq_without_completion": "button 11 30 27 5 | title 11 5 72 8 | \" [ logo 11 17 14 9 ] | [ logo 28 17 14 9 ] | [ logo 44 17 14 9 ] | [ logo 61 17 14 9 ] | [ logo 77 17 14 9 ] | [ logo 94 17 14 9 ] \"", "plain_layout_seq": "button 11 30 27 5 | logo 11 17 14 9 | logo 28 17 14 9 | logo 44 17 14 9 | logo 61 17 14 9 | logo 77 17 14 9 | logo 94 17 14 9 | title 11 5 72 8", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "title", "position": [ 96, 48, 620, 74 ], "completed": false }, { "type": "logo", "position": [ 97, 146, 122, 81 ], "completed": false }, { "type": "logo", "position": [ 239, 146, 122, 81 ], "completed": false }, { "type": "logo", "position": [ 380, 146, 122, 81 ], "completed": false }, { "type": "logo", "position": [ 522, 146, 122, 81 ], "completed": false }, { "type": "logo", "position": [ 663, 146, 122, 81 ], "completed": false }, { "type": "logo", "position": [ 805, 146, 122, 81 ], "completed": false }, { "type": "button", "position": [ 96, 259, 235, 48 ], "completed": false } ] }, { "text": "#A page for showing the pros of a company.# The page should have 4 groups while each group has an image and one text to list the pros of the company.", "region_id": "6693", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 12 3 5 5 | image 72 3 5 5 | image 42 3 5 5 | image 102 3 5 5 | text 32 10 26 2 | text 91 10 26 2 | text 1 10 26 2 | text 61 10 26 2", "layout_seq_without_completion": "image 12 3 5 5 | image 72 3 5 5 | image 42 3 5 5 | image 102 3 5 5 | text 32 10 26 2 | text 91 10 26 2 | text 1 10 26 2 | text 61 10 26 2", "plain_layout_seq": "image 12 3 5 5 | image 72 3 5 5 | image 42 3 5 5 | image 102 3 5 5 | text 32 10 26 2 | text 91 10 26 2 | text 1 10 26 2 | text 61 10 26 2", "canvas_width": 910, "canvas_height": 139, "elements": [ { "type": "image", "position": [ 94, 30, 39, 39 ], "completed": false }, { "type": "image", "position": [ 322, 30, 39, 39 ], "completed": false }, { "type": "image", "position": [ 549, 30, 39, 39 ], "completed": false }, { "type": "image", "position": [ 777, 30, 39, 39 ], "completed": false }, { "type": "text", "position": [ 15, 80, 198, 21 ], "completed": false }, { "type": "text", "position": [ 243, 80, 198, 21 ], "completed": false }, { "type": "text", "position": [ 470, 80, 198, 21 ], "completed": false }, { "type": "text", "position": [ 697, 80, 198, 21 ], "completed": false } ] }, { "text": "#A page for introducing the global farmer community which can provide help for farmers to users.# The page should include three parts of the content. Each part contains an image, one title, and a brief description of the profits.", "region_id": "1207", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 19 34 5 | image 2 0 5 4 | title 2 7 34 10 ] | [ description 42 19 34 8 | image 42 0 5 4 | title 42 7 34 10 ] | [ description 82 19 34 11 | image 82 0 5 4 | title 82 7 34 10 ] \"", "layout_seq_without_completion": "\" [ description 2 19 34 5 | image 2 0 5 4 | title 2 7 34 10 ] | [ description 42 19 34 8 | image 42 0 5 4 | title 42 7 34 10 ] | [ description 82 19 34 11 | image 82 0 5 4 | title 82 7 34 10 ] \"", "plain_layout_seq": "description 2 19 34 5 | description 42 19 34 8 | description 82 19 34 11 | image 2 0 5 4 | image 42 0 5 4 | image 82 0 5 4 | title 2 7 34 10 | title 42 7 34 10 | title 82 7 34 10", "canvas_width": 1003, "canvas_height": 262, "elements": [ { "type": "image", "position": [ 24, 0, 48, 38 ], "completed": false }, { "type": "image", "position": [ 356, 0, 48, 38 ], "completed": false }, { "type": "image", "position": [ 687, 0, 48, 38 ], "completed": false }, { "type": "title", "position": [ 24, 62, 292, 88 ], "completed": false }, { "type": "title", "position": [ 356, 62, 292, 88 ], "completed": false }, { "type": "title", "position": [ 687, 62, 292, 88 ], "completed": false }, { "type": "description", "position": [ 24, 165, 292, 48 ], "completed": false }, { "type": "description", "position": [ 356, 165, 292, 72 ], "completed": false }, { "type": "description", "position": [ 687, 165, 292, 96 ], "completed": false } ] }, { "text": "#A page showing the services of an institution.# There should be three information groups each with a title, and an explanation. There are four more links below.", "region_id": "1008", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] ] ] [el:link [attr:repeat'4'] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 40 33 9 | complete image 6 9 33 18 | link 6 51 26 2 | link 6 56 21 2 | title 6 30 32 6 ] | [ description 43 40 33 9 | complete image 43 9 33 18 | link 43 51 20 2 | title 43 30 33 7 ] | [ description 80 36 33 9 | complete image 80 9 33 18 | link 80 47 15 2 | title 80 30 33 3 ] \"", "layout_seq_without_completion": "\" [ description 6 40 33 9 | image 6 9 33 18 | link 6 51 26 2 | link 6 56 21 2 | title 6 30 32 6 ] | [ description 43 40 33 9 | image 43 9 33 18 | link 43 51 20 2 | title 43 30 33 7 ] | [ description 80 36 33 9 | image 80 9 33 18 | link 80 47 15 2 | title 80 30 33 3 ] \"", "plain_layout_seq": "description 6 40 33 9 | description 43 40 33 9 | description 80 36 33 9 | image 6 9 33 18 | image 43 9 33 18 | image 80 9 33 18 | link 6 51 26 2 | link 6 56 21 2 | link 43 51 20 2 | link 80 47 15 2 | title 6 30 32 6 | title 43 30 33 7 | title 80 30 33 3", "canvas_width": 960, "canvas_height": 560, "elements": [ { "type": "image", "position": [ 48, 72, 271, 144 ], "completed": true }, { "type": "image", "position": [ 345, 72, 271, 144 ], "completed": true }, { "type": "image", "position": [ 641, 72, 271, 144 ], "completed": true }, { "type": "title", "position": [ 345, 240, 271, 56 ], "completed": false }, { "type": "title", "position": [ 641, 240, 271, 28 ], "completed": false }, { "type": "title", "position": [ 48, 242, 260, 52 ], "completed": false }, { "type": "description", "position": [ 641, 292, 271, 72 ], "completed": false }, { "type": "description", "position": [ 48, 320, 271, 72 ], "completed": false }, { "type": "description", "position": [ 345, 320, 271, 72 ], "completed": false }, { "type": "link", "position": [ 641, 382, 124, 20 ], "completed": false }, { "type": "link", "position": [ 48, 410, 214, 20 ], "completed": false }, { "type": "link", "position": [ 345, 410, 160, 20 ], "completed": false }, { "type": "link", "position": [ 48, 450, 171, 20 ], "completed": false } ] }, { "text": "#A page to show guidance for users.# On the page, two groups of information are involved. Each contains a title which is placed under a link.", "region_id": "7965", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 70 5 36 3 | link 3 5 54 3 | title 70 2 36 2 | title 3 2 54 2", "layout_seq_without_completion": "link 70 5 36 3 | link 3 5 54 3 | title 70 2 36 2 | title 3 2 54 2", "plain_layout_seq": "link 70 5 36 3 | link 3 5 54 3 | title 70 2 36 2 | title 3 2 54 2", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "title", "position": [ 30, 24, 460, 23 ], "completed": false }, { "type": "title", "position": [ 594, 24, 311, 22 ], "completed": false }, { "type": "link", "position": [ 30, 47, 460, 29 ], "completed": false }, { "type": "link", "position": [ 594, 50, 311, 29 ], "completed": false } ] }, { "text": "#A page for showing a group of information.# The page includes a headline, four pictures with a place name on each one, and one pagination for users to get more information.", "region_id": "2781", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete icon 115 17 2 2 | image 89 5 26 26 | image 60 5 26 26 | image 2 5 26 26 | image 31 5 26 26 | image 118 5 1 26 | text 91 23 23 7 | text 118 23 1 9 | text 62 23 23 7 | text 4 23 23 7 | text 33 26 23 3 | title 2 0 112 3", "layout_seq_without_completion": "icon 115 17 2 2 | image 89 5 26 26 | image 60 5 26 26 | image 2 5 26 26 | image 31 5 26 26 | image 118 5 1 26 | text 91 23 23 7 | text 118 23 1 9 | text 62 23 23 7 | text 4 23 23 7 | text 33 26 23 3 | title 2 0 112 3", "plain_layout_seq": "icon 115 17 2 2 | image 89 5 26 26 | image 60 5 26 26 | image 2 5 26 26 | image 31 5 26 26 | image 118 5 1 26 | text 91 23 23 7 | text 118 23 1 9 | text 62 23 23 7 | text 4 23 23 7 | text 33 26 23 3 | title 2 0 112 3", "canvas_width": 1024, "canvas_height": 283, "elements": [ { "type": "title", "position": [ 24, 0, 960, 29 ], "completed": false }, { "type": "image", "position": [ 24, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 270, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 516, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 762, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 1008, 49, 12, 230 ], "completed": false }, { "type": "icon", "position": [ 988, 153, 24, 24 ], "completed": true }, { "type": "text", "position": [ 40, 197, 198, 66 ], "completed": false }, { "type": "text", "position": [ 532, 197, 198, 66 ], "completed": false }, { "type": "text", "position": [ 778, 197, 198, 66 ], "completed": false }, { "type": "text", "position": [ 1008, 198, 12, 81 ], "completed": false }, { "type": "text", "position": [ 286, 230, 198, 33 ], "completed": false } ] }, { "text": "#A page for showing the collection list.# There is one title \"COLLECTION LIST\" and two parts. Each part includes one image and one label.", "region_id": "6652", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection list'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 16 51 51 | image 6 16 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "layout_seq_without_completion": "image 61 16 51 51 | image 6 16 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "plain_layout_seq": "image 61 16 51 51 | image 6 16 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 644, "elements": [ { "type": "title", "position": [ 55, 55, 914, 29 ], "completed": false }, { "type": "image", "position": [ 55, 138, 442, 442 ], "completed": false }, { "type": "image", "position": [ 527, 138, 442, 442 ], "completed": false }, { "type": "title", "position": [ 55, 341, 442, 37 ], "completed": false }, { "type": "title", "position": [ 527, 341, 442, 37 ], "completed": false } ] }, { "text": "#This page introduces users to special promotions. #This page has the title \"Special Promotion Items\".This page is mainly divided into four parts, each part is composed of pictures, names, and 4 texts for different prices of promotional items. In addition, there is a form feed below.", "region_id": "8575", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'special promotion items'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title][el:text[attr:repeat'4']]] ] [el:pagination [attr:position 'bottom'] ] ]", "execution": "multiinfo : pagination bottom undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 57 63 1 1 | complete button 60 63 1 1 | complete icon 80 9 7 7 | complete icon 110 9 7 7 | complete icon 21 9 7 7 | complete icon 50 9 7 7 | image 60 8 27 27 | image 1 8 27 27 | image 31 8 27 27 | image 90 8 27 27 | title 36 0 46 4 | \" [ text 1 44 5 1 | text 8 44 5 1 | text 1 47 15 2 | text 1 50 15 2 | title 1 37 24 4 ] | [ text 37 44 5 1 | text 31 44 5 1 | text 31 47 14 2 | text 31 50 14 2 | title 31 37 25 4 ] | [ text 60 47 5 1 | text 67 47 5 1 | text 60 49 15 2 | text 60 52 15 2 | complete text 60 57 27 3 | title 60 37 25 7 ] | [ text 90 44 5 1 | text 90 47 15 2 | text 97 44 5 1 | text 90 50 15 2 | title 90 37 27 4 ] \"", "layout_seq_without_completion": "button 57 63 1 1 | button 60 63 1 1 | icon 80 9 7 7 | icon 110 9 7 7 | icon 21 9 7 7 | icon 50 9 7 7 | image 60 8 27 27 | image 1 8 27 27 | image 31 8 27 27 | image 90 8 27 27 | title 36 0 46 4 | \" [ text 1 44 5 1 | text 8 44 5 1 | text 1 47 15 2 | text 1 50 15 2 | title 1 37 24 4 ] | [ text 37 44 5 1 | text 31 44 5 1 | text 31 47 14 2 | text 31 50 14 2 | title 31 37 25 4 ] | [ text 60 47 5 1 | text 67 47 5 1 | text 60 49 15 2 | text 60 52 15 2 | text 60 57 27 3 | title 60 37 25 7 ] | [ text 90 44 5 1 | text 90 47 15 2 | text 97 44 5 1 | text 90 50 15 2 | title 90 37 27 4 ] \"", "plain_layout_seq": "button 57 63 1 1 | button 60 63 1 1 | icon 80 9 7 7 | icon 110 9 7 7 | icon 21 9 7 7 | icon 50 9 7 7 | image 60 8 27 27 | image 1 8 27 27 | image 31 8 27 27 | image 90 8 27 27 | text 1 44 5 1 | text 8 44 5 1 | text 1 47 15 2 | text 1 50 15 2 | text 37 44 5 1 | text 31 44 5 1 | text 31 47 14 2 | text 31 50 14 2 | text 60 47 5 1 | text 67 47 5 1 | text 60 49 15 2 | text 60 52 15 2 | text 60 57 27 3 | text 90 44 5 1 | text 90 47 15 2 | text 97 44 5 1 | text 90 50 15 2 | title 36 0 46 4 | title 1 37 24 4 | title 31 37 25 4 | title 60 37 25 7 | title 90 37 27 4", "canvas_width": 1024, "canvas_height": 562, "elements": [ { "type": "title", "position": [ 315, 0, 395, 40 ], "completed": false }, { "type": "image", "position": [ 15, 70, 236, 236 ], "completed": false }, { "type": "image", "position": [ 267, 70, 237, 236 ], "completed": false }, { "type": "image", "position": [ 520, 70, 236, 236 ], "completed": false }, { "type": "image", "position": [ 772, 70, 236, 236 ], "completed": false }, { "type": "icon", "position": [ 182, 80, 60, 60 ], "completed": true }, { "type": "icon", "position": [ 434, 80, 60, 60 ], "completed": true }, { "type": "icon", "position": [ 687, 80, 60, 60 ], "completed": true }, { "type": "icon", "position": [ 939, 80, 60, 60 ], "completed": true }, { "type": "title", "position": [ 15, 324, 206, 40 ], "completed": false }, { "type": "title", "position": [ 267, 324, 218, 40 ], "completed": false }, { "type": "title", "position": [ 520, 324, 218, 63 ], "completed": false }, { "type": "title", "position": [ 772, 324, 236, 40 ], "completed": false }, { "type": "text", "position": [ 15, 382, 51, 16 ], "completed": false }, { "type": "text", "position": [ 72, 382, 51, 16 ], "completed": false }, { "type": "text", "position": [ 267, 382, 43, 16 ], "completed": false }, { "type": "text", "position": [ 316, 382, 43, 16 ], "completed": false }, { "type": "text", "position": [ 772, 382, 51, 16 ], "completed": false }, { "type": "text", "position": [ 828, 382, 51, 16 ], "completed": false }, { "type": "text", "position": [ 15, 402, 128, 25 ], "completed": false }, { "type": "text", "position": [ 267, 402, 120, 25 ], "completed": false }, { "type": "text", "position": [ 772, 402, 128, 25 ], "completed": false }, { "type": "text", "position": [ 520, 405, 51, 16 ], "completed": false }, { "type": "text", "position": [ 576, 405, 51, 16 ], "completed": false }, { "type": "text", "position": [ 520, 425, 128, 25 ], "completed": false }, { "type": "text", "position": [ 15, 427, 128, 24 ], "completed": false }, { "type": "text", "position": [ 267, 427, 120, 24 ], "completed": false }, { "type": "text", "position": [ 772, 427, 128, 24 ], "completed": false }, { "type": "text", "position": [ 520, 450, 128, 24 ], "completed": false }, { "type": "text", "position": [ 520, 492, 237, 29 ], "completed": true }, { "type": "button", "position": [ 494, 546, 13, 13 ], "completed": true }, { "type": "button", "position": [ 517, 546, 13, 13 ], "completed": true } ] }, { "text": "#A page for introducing industrial applications for users.# The page should include one title 'Industrial Applications', and three parts named \"Autonomous Vehicles\", \"Smart Environment\", and \"AI City\". Each part contains an image, a title, and a detailed introduction following.", "region_id": "133", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Industrial Applications']] [gp:InfoGroup [gattr:repeat'3'] [gattr:names 'Autonomous Vehicles, Smart Environment, AI City'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 18 12 101 2 | \" [ description 21 59 28 20 | complete image 18 52 35 2 | image 19 24 25 25 | title 21 52 20 2 ] | [ description 63 59 28 15 | complete image 60 52 35 2 | image 60 24 25 25 | title 63 52 18 2 ] | [ description 105 59 14 11 | complete image 101 52 18 2 | image 102 24 17 25 | title 104 52 6 2 ] \"", "layout_seq_without_completion": "title 18 12 101 2 | \" [ description 21 59 28 20 | image 18 52 35 2 | image 19 24 25 25 | title 21 52 20 2 ] | [ description 63 59 28 15 | image 60 52 35 2 | image 60 24 25 25 | title 63 52 18 2 ] | [ description 105 59 14 11 | image 101 52 18 2 | image 102 24 17 25 | title 104 52 6 2 ] \"", "plain_layout_seq": "description 21 59 28 20 | description 63 59 28 15 | description 105 59 14 11 | image 18 52 35 2 | image 19 24 25 25 | image 60 52 35 2 | image 60 24 25 25 | image 101 52 18 2 | image 102 24 17 25 | title 18 12 101 2 | title 21 52 20 2 | title 63 52 18 2 | title 104 52 6 2", "canvas_width": 972, "canvas_height": 735, "elements": [ { "type": "title", "position": [ 150, 100, 822, 22 ], "completed": false }, { "type": "image", "position": [ 156, 202, 208, 208 ], "completed": false }, { "type": "image", "position": [ 494, 202, 208, 208 ], "completed": false }, { "type": "image", "position": [ 831, 202, 141, 208 ], "completed": false }, { "type": "title", "position": [ 175, 423, 166, 21 ], "completed": false }, { "type": "title", "position": [ 513, 423, 147, 21 ], "completed": false }, { "type": "title", "position": [ 850, 423, 50, 21 ], "completed": false }, { "type": "image", "position": [ 150, 425, 286, 18 ], "completed": true }, { "type": "image", "position": [ 488, 425, 286, 18 ], "completed": true }, { "type": "image", "position": [ 825, 425, 147, 18 ], "completed": true }, { "type": "description", "position": [ 176, 478, 234, 162 ], "completed": false }, { "type": "description", "position": [ 514, 478, 234, 126 ], "completed": false }, { "type": "description", "position": [ 851, 478, 121, 90 ], "completed": false } ] }, { "text": "#A page for selling the best sellers .# The page should have a title, and 8 groups while each group has an image, and three texts to show the photo, title, brand, and price of the goods. A button is needed for users to click to view all goods.", "region_id": "6657", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text [attr:repeat '3']] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 108 14 5 | image 60 60 26 32 | complete text 61 89 6 3 | title 5 4 22 6 | \" [ image 5 13 26 32 | text 5 48 26 2 | text 5 52 26 1 | text 5 54 13 2 ] | [ image 33 13 26 32 | text 33 48 26 2 | text 33 52 26 1 | text 33 54 11 2 ] | [ image 60 13 26 32 | text 60 48 26 2 | text 60 52 26 1 | text 60 54 11 2 ] | [ image 87 13 26 32 | text 87 48 26 2 | text 87 52 26 1 | text 87 54 11 2 ] | [ image 5 60 26 32 | text 5 95 26 2 | text 5 98 26 1 | text 5 101 18 2 ] | [ image 33 60 26 32 | text 33 95 26 2 | text 33 98 26 1 | text 33 101 13 2 ] | [ text 60 95 26 2 | text 60 98 26 1 | text 60 101 11 2 | text 73 101 11 2 ] | [ image 87 60 26 32 | text 87 95 26 2 | text 87 98 26 1 | text 87 101 13 2 ] \"", "layout_seq_without_completion": "button 52 108 14 5 | image 60 60 26 32 | text 61 89 6 3 | title 5 4 22 6 | \" [ image 5 13 26 32 | text 5 48 26 2 | text 5 52 26 1 | text 5 54 13 2 ] | [ image 33 13 26 32 | text 33 48 26 2 | text 33 52 26 1 | text 33 54 11 2 ] | [ image 60 13 26 32 | text 60 48 26 2 | text 60 52 26 1 | text 60 54 11 2 ] | [ image 87 13 26 32 | text 87 48 26 2 | text 87 52 26 1 | text 87 54 11 2 ] | [ image 5 60 26 32 | text 5 95 26 2 | text 5 98 26 1 | text 5 101 18 2 ] | [ image 33 60 26 32 | text 33 95 26 2 | text 33 98 26 1 | text 33 101 13 2 ] | [ text 60 95 26 2 | text 60 98 26 1 | text 60 101 11 2 | text 73 101 11 2 ] | [ image 87 60 26 32 | text 87 95 26 2 | text 87 98 26 1 | text 87 101 13 2 ] \"", "plain_layout_seq": "button 52 108 14 5 | image 60 60 26 32 | image 5 13 26 32 | image 33 13 26 32 | image 60 13 26 32 | image 87 13 26 32 | image 5 60 26 32 | image 33 60 26 32 | image 87 60 26 32 | text 61 89 6 3 | text 5 48 26 2 | text 5 52 26 1 | text 5 54 13 2 | text 33 48 26 2 | text 33 52 26 1 | text 33 54 11 2 | text 60 48 26 2 | text 60 52 26 1 | text 60 54 11 2 | text 87 48 26 2 | text 87 52 26 1 | text 87 54 11 2 | text 5 95 26 2 | text 5 98 26 1 | text 5 101 18 2 | text 33 95 26 2 | text 33 98 26 1 | text 33 101 13 2 | text 60 95 26 2 | text 60 98 26 1 | text 60 101 11 2 | text 73 101 11 2 | text 87 95 26 2 | text 87 98 26 1 | text 87 101 13 2 | title 5 4 22 6", "canvas_width": 1024, "canvas_height": 1006, "elements": [ { "type": "title", "position": [ 50, 35, 189, 53 ], "completed": false }, { "type": "image", "position": [ 50, 118, 225, 281 ], "completed": false }, { "type": "image", "position": [ 283, 118, 225, 281 ], "completed": false }, { "type": "image", "position": [ 516, 118, 225, 281 ], "completed": false }, { "type": "image", "position": [ 749, 118, 225, 281 ], "completed": false }, { "type": "text", "position": [ 50, 415, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 415, 225, 18 ], "completed": false }, { "type": "text", "position": [ 516, 415, 225, 18 ], "completed": false }, { "type": "text", "position": [ 749, 415, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 446, 225, 14 ], "completed": false }, { "type": "text", "position": [ 283, 446, 225, 14 ], "completed": false }, { "type": "text", "position": [ 516, 446, 225, 14 ], "completed": false }, { "type": "text", "position": [ 749, 446, 225, 14 ], "completed": false }, { "type": "text", "position": [ 50, 467, 112, 22 ], "completed": false }, { "type": "text", "position": [ 283, 467, 101, 22 ], "completed": false }, { "type": "text", "position": [ 516, 467, 101, 22 ], "completed": false }, { "type": "text", "position": [ 749, 467, 101, 22 ], "completed": false }, { "type": "image", "position": [ 50, 514, 225, 281 ], "completed": false }, { "type": "image", "position": [ 283, 514, 225, 281 ], "completed": false }, { "type": "image", "position": [ 516, 514, 225, 281 ], "completed": false }, { "type": "image", "position": [ 749, 514, 225, 281 ], "completed": false }, { "type": "text", "position": [ 526, 760, 54, 26 ], "completed": true }, { "type": "text", "position": [ 50, 812, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 812, 225, 18 ], "completed": false }, { "type": "text", "position": [ 516, 812, 225, 18 ], "completed": false }, { "type": "text", "position": [ 749, 812, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 842, 225, 14 ], "completed": false }, { "type": "text", "position": [ 283, 842, 225, 14 ], "completed": false }, { "type": "text", "position": [ 516, 842, 225, 14 ], "completed": false }, { "type": "text", "position": [ 749, 842, 225, 14 ], "completed": false }, { "type": "text", "position": [ 50, 863, 154, 22 ], "completed": false }, { "type": "text", "position": [ 283, 863, 112, 22 ], "completed": false }, { "type": "text", "position": [ 623, 863, 101, 22 ], "completed": false }, { "type": "text", "position": [ 749, 863, 112, 22 ], "completed": false }, { "type": "text", "position": [ 516, 866, 97, 18 ], "completed": false }, { "type": "button", "position": [ 451, 923, 122, 47 ], "completed": false } ] }, { "text": "# A page for marketing a podcast company Spreadker. # On the page, there should have a title \"Our BEST PODCAST\", a slogan, and a short introduction to the company to attract the user. Besides, there should have three images with the name of the podcast, and a pagination to switch the images on the next page. Then a button is necessary for the user to discover all podcasts.", "region_id": "4927", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our BEST PODCAST'] ] [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image][el:text]] ] [el:pagination] [el:button [attr:value 'discover all podcasts']] ]", "execution": "multiinfo : button undefined undefined | description undefined small | pagination undefined undefined | title undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 45 71 28 6 | description 19 24 80 6 | image 78 34 19 19 | image 50 34 19 19 | image 21 34 19 19 | complete image 21 34 19 26 | complete image 50 34 19 26 | complete image 78 34 19 26 | text 22 57 17 2 | text 79 57 17 2 | text 52 57 14 2 | title 19 10 80 14 | title 19 8 80 2 | \" [ complete button 54 66 0 0 ] | [ complete button 56 66 0 0 ] | [ complete button 58 66 0 0 ] | [ complete button 59 66 0 0 ] | [ complete button 61 66 0 0 ] | [ complete button 63 66 0 0 ] | [ complete button 64 66 0 0 ] \"", "layout_seq_without_completion": "button 45 71 28 6 | description 19 24 80 6 | image 78 34 19 19 | image 50 34 19 19 | image 21 34 19 19 | image 21 34 19 26 | image 50 34 19 26 | image 78 34 19 26 | text 22 57 17 2 | text 79 57 17 2 | text 52 57 14 2 | title 19 10 80 14 | title 19 8 80 2 | \" [ button 54 66 0 0 ] | [ button 56 66 0 0 ] | [ button 58 66 0 0 ] | [ button 59 66 0 0 ] | [ button 61 66 0 0 ] | [ button 63 66 0 0 ] | [ button 64 66 0 0 ] \"", "plain_layout_seq": "button 45 71 28 6 | button 54 66 0 0 | button 56 66 0 0 | button 58 66 0 0 | button 59 66 0 0 | button 61 66 0 0 | button 63 66 0 0 | button 64 66 0 0 | description 19 24 80 6 | image 78 34 19 19 | image 50 34 19 19 | image 21 34 19 19 | image 21 34 19 26 | image 50 34 19 26 | image 78 34 19 26 | text 22 57 17 2 | text 79 57 17 2 | text 52 57 14 2 | title 19 10 80 14 | title 19 8 80 2", "canvas_width": 1024, "canvas_height": 754, "elements": [ { "type": "title", "position": [ 170, 72, 684, 18 ], "completed": false }, { "type": "title", "position": [ 170, 90, 684, 120 ], "completed": false }, { "type": "description", "position": [ 170, 210, 684, 52 ], "completed": false }, { "type": "image", "position": [ 182, 298, 170, 222 ], "completed": true }, { "type": "image", "position": [ 182, 298, 170, 170 ], "completed": false }, { "type": "image", "position": [ 427, 298, 170, 170 ], "completed": false }, { "type": "image", "position": [ 427, 298, 170, 222 ], "completed": true }, { "type": "image", "position": [ 672, 298, 170, 170 ], "completed": false }, { "type": "image", "position": [ 672, 298, 170, 222 ], "completed": true }, { "type": "text", "position": [ 191, 487, 152, 18 ], "completed": false }, { "type": "text", "position": [ 451, 487, 121, 18 ], "completed": false }, { "type": "text", "position": [ 681, 487, 152, 18 ], "completed": false }, { "type": "button", "position": [ 469, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 483, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 497, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 511, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 525, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 539, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 553, 568, 8, 8 ], "completed": true }, { "type": "button", "position": [ 390, 612, 244, 52 ], "completed": false } ] }, { "text": "# A page for the user to present the best seller in the shop.# The page should have the title \"Our best sellers\", a short description, and a button \"Learn more\" for the user to learn more info. Besides, there should show two best sellers with each having the phrase \"WINTER INSTRUMENT\" and a product name.", "region_id": "6533", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our best sellers'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'Learn more'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:title[attr:value'WINTER INSTRUMENT']] [el:text] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 7 13 14 5 | description 7 7 43 3 | complete image 54 0 60 43 | text 56 33 25 7 | text 86 33 25 4 | title 56 30 25 2 | title 86 30 25 2 | title 7 2 43 4", "layout_seq_without_completion": "button 7 13 14 5 | description 7 7 43 3 | image 54 0 60 43 | text 56 33 25 7 | text 86 33 25 4 | title 56 30 25 2 | title 86 30 25 2 | title 7 2 43 4", "plain_layout_seq": "button 7 13 14 5 | description 7 7 43 3 | image 54 0 60 43 | text 56 33 25 7 | text 86 33 25 4 | title 56 30 25 2 | title 86 30 25 2 | title 7 2 43 4", "canvas_width": 1096, "canvas_height": 411, "elements": [ { "type": "image", "position": [ 495, 6, 555, 399 ], "completed": true }, { "type": "title", "position": [ 70, 26, 395, 38 ], "completed": false }, { "type": "description", "position": [ 70, 71, 395, 28 ], "completed": false }, { "type": "button", "position": [ 70, 122, 135, 48 ], "completed": false }, { "type": "title", "position": [ 515, 282, 237, 19 ], "completed": false }, { "type": "title", "position": [ 792, 282, 237, 19 ], "completed": false }, { "type": "text", "position": [ 515, 307, 237, 65 ], "completed": false }, { "type": "text", "position": [ 792, 307, 237, 43 ], "completed": false } ] }, { "text": "#A page for showing the product categories.# There is one label \"PRODUCT CATEGORIES\". Next are six groups and each group includes one image and one label for the name.", "region_id": "6282", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'product categories'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 4 33 33 | image 43 4 33 33 | image 80 4 33 33 | image 80 49 33 33 | image 6 49 33 33 | image 43 49 33 33 | title 6 0 107 3 | title 43 82 33 3 | title 6 37 33 3 | title 80 37 33 7 | title 43 37 33 3 | title 6 82 33 3 | title 80 83 33 7", "layout_seq_without_completion": "image 6 4 33 33 | image 43 4 33 33 | image 80 4 33 33 | image 80 49 33 33 | image 6 49 33 33 | image 43 49 33 33 | title 6 0 107 3 | title 43 82 33 3 | title 6 37 33 3 | title 80 37 33 7 | title 43 37 33 3 | title 6 82 33 3 | title 80 83 33 7", "plain_layout_seq": "image 6 4 33 33 | image 43 4 33 33 | image 80 4 33 33 | image 80 49 33 33 | image 6 49 33 33 | image 43 49 33 33 | title 6 0 107 3 | title 43 82 33 3 | title 6 37 33 3 | title 80 37 33 7 | title 43 37 33 3 | title 6 82 33 3 | title 80 83 33 7", "canvas_width": 1024, "canvas_height": 808, "elements": [ { "type": "title", "position": [ 55, 0, 914, 29 ], "completed": false }, { "type": "image", "position": [ 55, 38, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 38, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 38, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 323, 285, 31 ], "completed": false }, { "type": "title", "position": [ 370, 323, 285, 31 ], "completed": false }, { "type": "title", "position": [ 684, 323, 285, 62 ], "completed": false }, { "type": "image", "position": [ 55, 423, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 423, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 423, 285, 286 ], "completed": false }, { "type": "title", "position": [ 55, 708, 285, 31 ], "completed": false }, { "type": "title", "position": [ 370, 708, 285, 31 ], "completed": false }, { "type": "title", "position": [ 684, 709, 285, 62 ], "completed": false } ] }, { "text": "#A page for users to subscribe to emails and download apps from app markets.# There are two groups on the page. Each group has a title and a description. The first group also contains an input box for users to enter an email address and a button for users to click to subscribe. The other group has two logos for app markets.", "region_id": "2446", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:description] [el:input [attr:value 'enter an email address']] [el:button [attr:value 'subscribe'] ] ] [item [el:title] [el:description] [el:logo [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 33 12 18 5 | description 70 6 47 2 | description 2 6 35 2 | input 2 12 31 5 | logo 70 12 16 4 | logo 90 12 16 4 | title 2 3 35 3 | title 70 3 47 3", "layout_seq_without_completion": "button 33 12 18 5 | description 70 6 47 2 | description 2 6 35 2 | input 2 12 31 5 | logo 70 12 16 4 | logo 90 12 16 4 | title 2 3 35 3 | title 70 3 47 3", "plain_layout_seq": "button 33 12 18 5 | description 70 6 47 2 | description 2 6 35 2 | input 2 12 31 5 | logo 70 12 16 4 | logo 90 12 16 4 | title 2 3 35 3 | title 70 3 47 3", "canvas_width": 1279, "canvas_height": 207, "elements": [ { "type": "title", "position": [ 22, 34, 380, 34 ], "completed": false }, { "type": "title", "position": [ 750, 35, 508, 34 ], "completed": false }, { "type": "description", "position": [ 22, 68, 380, 23 ], "completed": false }, { "type": "description", "position": [ 750, 69, 508, 23 ], "completed": false }, { "type": "input", "position": [ 22, 132, 340, 56 ], "completed": false }, { "type": "button", "position": [ 362, 132, 200, 56 ], "completed": false }, { "type": "logo", "position": [ 750, 135, 176, 52 ], "completed": false }, { "type": "logo", "position": [ 962, 135, 176, 52 ], "completed": false } ] }, { "text": "# A page to advertise the featured products in the online shop. # The page should have the title \"FEATURED PRODUCTS\" and three groups of product information with each having an image and a title.", "region_id": "8018", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured products'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 13 35 35 | image 41 13 35 35 | image 81 13 35 35 | title 49 51 18 2 | title 92 51 13 2 | title 11 51 15 2 | title 1 1 117 8", "layout_seq_without_completion": "image 1 13 35 35 | image 41 13 35 35 | image 81 13 35 35 | title 49 51 18 2 | title 92 51 13 2 | title 11 51 15 2 | title 1 1 117 8", "plain_layout_seq": "image 1 13 35 35 | image 41 13 35 35 | image 81 13 35 35 | title 49 51 18 2 | title 92 51 13 2 | title 11 51 15 2 | title 1 1 117 8", "canvas_width": 960, "canvas_height": 486, "elements": [ { "type": "title", "position": [ 10, 15, 940, 71 ], "completed": false }, { "type": "image", "position": [ 8, 106, 283, 283 ], "completed": false }, { "type": "image", "position": [ 328, 106, 283, 283 ], "completed": false }, { "type": "image", "position": [ 648, 106, 283, 283 ], "completed": false }, { "type": "title", "position": [ 89, 414, 122, 19 ], "completed": false }, { "type": "title", "position": [ 396, 414, 148, 19 ], "completed": false }, { "type": "title", "position": [ 736, 414, 109, 19 ], "completed": false } ] }, { "text": "#A page showing characteristics of the product.# The page has three groups of information showing the characteristics of the product. Each group contains a title of the characteristic, a background, and a description.", "region_id": "3324", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:background_image] [el:description] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete text 93 1 2 1 | \" [ background 3 1 40 18 | description 7 9 21 6 | title 7 5 21 2 ] | [ background 47 1 40 18 | description 50 9 21 8 | title 50 5 21 2 ] | [ background 90 1 25 18 | description 93 9 21 6 | title 93 5 21 2 ] \"", "layout_seq_without_completion": "text 93 1 2 1 | \" [ background 3 1 40 18 | description 7 9 21 6 | title 7 5 21 2 ] | [ background 47 1 40 18 | description 50 9 21 8 | title 50 5 21 2 ] | [ background 90 1 25 18 | description 93 9 21 6 | title 93 5 21 2 ] \"", "plain_layout_seq": "background 3 1 40 18 | background 47 1 40 18 | background 90 1 25 18 | description 7 9 21 6 | description 50 9 21 8 | description 93 9 21 6 | text 93 1 2 1 | title 7 5 21 2 | title 50 5 21 2 | title 93 5 21 2", "canvas_width": 1021, "canvas_height": 190, "elements": [ { "type": "text", "position": [ 798, 15, 20, 14 ], "completed": true }, { "type": "background", "position": [ 33, 16, 341, 158 ], "completed": false }, { "type": "background", "position": [ 401, 16, 341, 158 ], "completed": false }, { "type": "background", "position": [ 769, 16, 220, 158 ], "completed": false }, { "type": "title", "position": [ 63, 46, 180, 24 ], "completed": false }, { "type": "title", "position": [ 431, 46, 180, 24 ], "completed": false }, { "type": "title", "position": [ 799, 46, 180, 24 ], "completed": false }, { "type": "description", "position": [ 63, 78, 180, 54 ], "completed": false }, { "type": "description", "position": [ 431, 78, 180, 72 ], "completed": false }, { "type": "description", "position": [ 799, 78, 180, 54 ], "completed": false } ] }, { "text": "#A page introducing back-to-school essentials of the website to users.#The page should have one text title, one list of five items, and one button for users to click to buy them. And each item should include one picture, one price, and one name of the back-to-school essential.", "region_id": "8439", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] [el:text] ] ] [el:button [attr:value 'shop now'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 50 13 5 | title 2 0 114 3 | \" [ complete image 2 6 23 39 | image 4 8 19 19 | text 4 34 16 7 | text 4 30 5 3 ] | [ complete image 28 6 23 39 | image 30 8 19 19 | text 30 34 19 5 | text 30 30 5 3 ] | [ complete image 53 6 23 39 | image 55 8 19 19 | text 55 34 19 7 | text 55 30 5 3 ] | [ complete image 78 6 23 39 | image 80 8 19 19 | text 80 34 19 5 | text 80 30 6 3 ] | [ complete image 103 6 16 39 | image 105 8 14 19 | text 105 34 14 7 | text 105 30 6 3 ] \"", "layout_seq_without_completion": "button 52 50 13 5 | title 2 0 114 3 | \" [ image 2 6 23 39 | image 4 8 19 19 | text 4 34 16 7 | text 4 30 5 3 ] | [ image 28 6 23 39 | image 30 8 19 19 | text 30 34 19 5 | text 30 30 5 3 ] | [ image 53 6 23 39 | image 55 8 19 19 | text 55 34 19 7 | text 55 30 5 3 ] | [ image 78 6 23 39 | image 80 8 19 19 | text 80 34 19 5 | text 80 30 6 3 ] | [ image 103 6 16 39 | image 105 8 14 19 | text 105 34 14 7 | text 105 30 6 3 ] \"", "plain_layout_seq": "button 52 50 13 5 | image 2 6 23 39 | image 4 8 19 19 | image 28 6 23 39 | image 30 8 19 19 | image 53 6 23 39 | image 55 8 19 19 | image 78 6 23 39 | image 80 8 19 19 | image 103 6 16 39 | image 105 8 14 19 | text 4 34 16 7 | text 4 30 5 3 | text 30 34 19 5 | text 30 30 5 3 | text 55 34 19 7 | text 55 30 5 3 | text 80 34 19 5 | text 80 30 6 3 | text 105 34 14 7 | text 105 30 6 3 | title 2 0 114 3", "canvas_width": 1024, "canvas_height": 732, "elements": [ { "type": "title", "position": [ 25, 0, 974, 27 ], "completed": false }, { "type": "image", "position": [ 25, 53, 204, 340 ], "completed": true }, { "type": "image", "position": [ 239, 53, 204, 340 ], "completed": true }, { "type": "image", "position": [ 453, 53, 204, 340 ], "completed": true }, { "type": "image", "position": [ 667, 53, 204, 340 ], "completed": true }, { "type": "image", "position": [ 881, 53, 143, 340 ], "completed": true }, { "type": "image", "position": [ 42, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 256, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 470, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 684, 70, 170, 170 ], "completed": false }, { "type": "image", "position": [ 898, 70, 126, 170 ], "completed": false }, { "type": "text", "position": [ 42, 264, 45, 30 ], "completed": false }, { "type": "text", "position": [ 256, 264, 45, 30 ], "completed": false }, { "type": "text", "position": [ 470, 264, 45, 30 ], "completed": false }, { "type": "text", "position": [ 684, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 898, 264, 58, 30 ], "completed": false }, { "type": "text", "position": [ 42, 294, 144, 64 ], "completed": false }, { "type": "text", "position": [ 256, 294, 163, 43 ], "completed": false }, { "type": "text", "position": [ 470, 294, 170, 64 ], "completed": false }, { "type": "text", "position": [ 684, 294, 167, 43 ], "completed": false }, { "type": "text", "position": [ 898, 294, 126, 64 ], "completed": false }, { "type": "button", "position": [ 452, 429, 119, 44 ], "completed": false } ] }, { "text": "#A page showing products of the website to users.#The page should have two groups of the info, each group has one picture of the product and one text heading of the product.", "region_id": "8560", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 5 2 52 31 | image 61 2 52 31 | title 5 36 52 4 | title 61 36 52 4", "layout_seq_without_completion": "image 5 2 52 31 | image 61 2 52 31 | title 5 36 52 4 | title 61 36 52 4", "plain_layout_seq": "image 5 2 52 31 | image 61 2 52 31 | title 5 36 52 4 | title 61 36 52 4", "canvas_width": 1024, "canvas_height": 395, "elements": [ { "type": "image", "position": [ 51, 20, 451, 270 ], "completed": false }, { "type": "image", "position": [ 522, 20, 451, 270 ], "completed": false }, { "type": "title", "position": [ 51, 311, 451, 36 ], "completed": false }, { "type": "title", "position": [ 522, 311, 451, 36 ], "completed": false } ] }, { "text": "#A page for showing the need that users are looking for.# The page should have a title, and 4 groups while each group has an image and a title.", "region_id": "3464", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 93 9 23 23 | image 3 9 23 23 | image 32 9 24 24 | image 62 9 24 24 | title 12 35 5 3 | title 101 35 6 3 | title 41 36 6 3 | title 71 36 6 3 | title 1 1 116 4", "layout_seq_without_completion": "image 93 9 23 23 | image 3 9 23 23 | image 32 9 24 24 | image 62 9 24 24 | title 12 35 5 3 | title 101 35 6 3 | title 41 36 6 3 | title 71 36 6 3 | title 1 1 116 4", "plain_layout_seq": "image 93 9 23 23 | image 3 9 23 23 | image 32 9 24 24 | image 62 9 24 24 | title 12 35 5 3 | title 101 35 6 3 | title 41 36 6 3 | title 71 36 6 3 | title 1 1 116 4", "canvas_width": 925, "canvas_height": 314, "elements": [ { "type": "title", "position": [ 12, 12, 900, 38 ], "completed": false }, { "type": "image", "position": [ 26, 74, 181, 181 ], "completed": false }, { "type": "image", "position": [ 254, 74, 186, 186 ], "completed": false }, { "type": "image", "position": [ 485, 74, 186, 186 ], "completed": false }, { "type": "image", "position": [ 718, 74, 181, 181 ], "completed": false }, { "type": "title", "position": [ 95, 273, 43, 24 ], "completed": false }, { "type": "title", "position": [ 785, 273, 47, 24 ], "completed": false }, { "type": "title", "position": [ 322, 278, 50, 24 ], "completed": false }, { "type": "title", "position": [ 553, 278, 50, 24 ], "completed": false } ] }, { "text": "#A page introducing a company. # There is a large textbox for the title 'what we do'. There are three information groups, named 'online supply chain financing', 'invoice marketplace', and 'digipo blockchain'. In each group, there is a title and a short description.", "region_id": "1619", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'what we do'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'online supply chain financing, invoice marketplace, digipo blockchain'] [item [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 84 24 35 7 | description 0 24 36 7 | description 42 24 35 7 | title 0 0 120 11 | title 0 20 36 3 | title 42 20 35 3 | title 84 20 35 3", "layout_seq_without_completion": "description 84 24 35 7 | description 0 24 36 7 | description 42 24 35 7 | title 0 0 120 11 | title 0 20 36 3 | title 42 20 35 3 | title 84 20 35 3", "plain_layout_seq": "description 84 24 35 7 | description 0 24 36 7 | description 42 24 35 7 | title 0 0 120 11 | title 0 20 36 3 | title 42 20 35 3 | title 84 20 35 3", "canvas_width": 1221, "canvas_height": 452, "elements": [ { "type": "title", "position": [ 0, 0, 1221, 116 ], "completed": false }, { "type": "title", "position": [ 0, 204, 368, 36 ], "completed": false }, { "type": "title", "position": [ 436, 204, 359, 36 ], "completed": false }, { "type": "title", "position": [ 862, 204, 359, 36 ], "completed": false }, { "type": "description", "position": [ 0, 248, 368, 80 ], "completed": false }, { "type": "description", "position": [ 436, 248, 359, 80 ], "completed": false }, { "type": "description", "position": [ 862, 248, 359, 80 ], "completed": false } ] }, { "text": "# A page to have a brief introduction to Kerbal Space Program and Kerbal Space Program. # The page should have two groups, with each having a title, a description, a poster image, and a link \"LEARN MORE\" for the user to click to know more about Kerbal Space Program.", "region_id": "5552", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description] [el:image] [el:link [attr:value 'Learn More'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 61 25 50 5 | image 7 11 46 37 | link 64 35 11 2 | title 61 20 50 4 ] | [ description 7 73 50 8 | image 65 60 46 37 | link 10 85 11 2 | title 7 67 50 4 ] \"", "layout_seq_without_completion": "\" [ description 61 25 50 5 | image 7 11 46 37 | link 64 35 11 2 | title 61 20 50 4 ] | [ description 7 73 50 8 | image 65 60 46 37 | link 10 85 11 2 | title 7 67 50 4 ] \"", "plain_layout_seq": "description 61 25 50 5 | description 7 73 50 8 | image 7 11 46 37 | image 65 60 46 37 | link 64 35 11 2 | link 10 85 11 2 | title 61 20 50 4 | title 7 67 50 4", "canvas_width": 1024, "canvas_height": 928, "elements": [ { "type": "image", "position": [ 64, 96, 401, 320 ], "completed": false }, { "type": "title", "position": [ 529, 171, 431, 40 ], "completed": false }, { "type": "description", "position": [ 529, 219, 431, 48 ], "completed": false }, { "type": "link", "position": [ 554, 304, 98, 24 ], "completed": false }, { "type": "image", "position": [ 559, 512, 401, 320 ], "completed": false }, { "type": "title", "position": [ 64, 575, 431, 40 ], "completed": false }, { "type": "description", "position": [ 64, 623, 431, 72 ], "completed": false }, { "type": "link", "position": [ 89, 732, 98, 24 ], "completed": false } ] }, { "text": "#A page for introducing the movies to users.#There are twelve groups, and each of them includes one image and one small text showing the brief introduction of the movie.", "region_id": "4632", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "complete button 40 33 3 3 | description 95 0 24 5 | description 95 12 24 5 | description 95 37 24 5 | description 95 25 24 5 | description 55 25 24 7 | description 15 0 24 7 | description 55 0 24 9 | description 15 12 24 5 | description 55 12 24 7 | description 15 25 24 5 | description 15 37 24 7 | description 55 37 24 7 | image 0 0 13 11 | image 0 37 13 11 | image 40 37 13 11 | image 80 37 13 11 | image 0 12 13 11 | image 0 25 13 11 | image 80 25 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 40 12 13 11 | image 80 12 13 11 | image 40 25 13 11", "layout_seq_without_completion": "button 40 33 3 3 | description 95 0 24 5 | description 95 12 24 5 | description 95 37 24 5 | description 95 25 24 5 | description 55 25 24 7 | description 15 0 24 7 | description 55 0 24 9 | description 15 12 24 5 | description 55 12 24 7 | description 15 25 24 5 | description 15 37 24 7 | description 55 37 24 7 | image 0 0 13 11 | image 0 37 13 11 | image 40 37 13 11 | image 80 37 13 11 | image 0 12 13 11 | image 0 25 13 11 | image 80 25 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 40 12 13 11 | image 80 12 13 11 | image 40 25 13 11", "plain_layout_seq": "button 40 33 3 3 | description 95 0 24 5 | description 95 12 24 5 | description 95 37 24 5 | description 95 25 24 5 | description 55 25 24 7 | description 15 0 24 7 | description 55 0 24 9 | description 15 12 24 5 | description 55 12 24 7 | description 15 25 24 5 | description 15 37 24 7 | description 55 37 24 7 | image 0 0 13 11 | image 0 37 13 11 | image 40 37 13 11 | image 80 37 13 11 | image 0 12 13 11 | image 0 25 13 11 | image 80 25 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 40 12 13 11 | image 80 12 13 11 | image 40 25 13 11", "canvas_width": 994, "canvas_height": 415, "elements": [ { "type": "image", "position": [ 4, 0, 115, 96 ], "completed": false }, { "type": "description", "position": [ 127, 0, 200, 65 ], "completed": false }, { "type": "image", "position": [ 335, 0, 115, 96 ], "completed": false }, { "type": "description", "position": [ 458, 0, 200, 81 ], "completed": false }, { "type": "image", "position": [ 667, 0, 115, 96 ], "completed": false }, { "type": "description", "position": [ 789, 0, 200, 49 ], "completed": false }, { "type": "image", "position": [ 4, 104, 115, 96 ], "completed": false }, { "type": "description", "position": [ 127, 104, 200, 49 ], "completed": false }, { "type": "image", "position": [ 335, 104, 115, 96 ], "completed": false }, { "type": "description", "position": [ 458, 104, 200, 65 ], "completed": false }, { "type": "image", "position": [ 667, 104, 115, 96 ], "completed": false }, { "type": "description", "position": [ 789, 104, 200, 49 ], "completed": false }, { "type": "image", "position": [ 4, 208, 115, 96 ], "completed": false }, { "type": "description", "position": [ 127, 208, 200, 49 ], "completed": false }, { "type": "image", "position": [ 335, 208, 115, 96 ], "completed": false }, { "type": "description", "position": [ 458, 208, 200, 65 ], "completed": false }, { "type": "image", "position": [ 667, 208, 115, 96 ], "completed": false }, { "type": "description", "position": [ 789, 208, 200, 49 ], "completed": false }, { "type": "button", "position": [ 335, 275, 32, 28 ], "completed": true }, { "type": "image", "position": [ 4, 311, 115, 96 ], "completed": false }, { "type": "description", "position": [ 127, 311, 200, 65 ], "completed": false }, { "type": "image", "position": [ 335, 311, 115, 96 ], "completed": false }, { "type": "description", "position": [ 458, 311, 200, 65 ], "completed": false }, { "type": "image", "position": [ 667, 311, 115, 96 ], "completed": false }, { "type": "description", "position": [ 789, 311, 200, 49 ], "completed": false } ] }, { "text": "#A page showing the performance of a company. # The page should have 3 groups. Each should use one specific and eye-catching title and one introduction to express the company's excellence in \"businesses\", \"estate planning docs \", and \"consultations\".", "region_id": "1589", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'businesses, estate planning docs, consultations'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 19 37 10 | description 41 19 37 10 | description 81 19 37 10 | complete text 41 4 37 7 | complete text 81 4 37 7 | complete text 1 4 37 7 | title 1 13 37 4 | title 81 13 37 4 | title 41 13 37 4", "layout_seq_without_completion": "description 1 19 37 10 | description 41 19 37 10 | description 81 19 37 10 | text 41 4 37 7 | text 81 4 37 7 | text 1 4 37 7 | title 1 13 37 4 | title 81 13 37 4 | title 41 13 37 4", "plain_layout_seq": "description 1 19 37 10 | description 41 19 37 10 | description 81 19 37 10 | text 41 4 37 7 | text 81 4 37 7 | text 1 4 37 7 | title 1 13 37 4 | title 81 13 37 4 | title 41 13 37 4", "canvas_width": 960, "canvas_height": 292, "elements": [ { "type": "text", "position": [ 12, 36, 296, 56 ], "completed": true }, { "type": "text", "position": [ 332, 36, 296, 56 ], "completed": true }, { "type": "text", "position": [ 652, 36, 296, 56 ], "completed": true }, { "type": "title", "position": [ 12, 110, 296, 32 ], "completed": false }, { "type": "title", "position": [ 332, 110, 296, 32 ], "completed": false }, { "type": "title", "position": [ 652, 110, 296, 32 ], "completed": false }, { "type": "description", "position": [ 12, 154, 296, 84 ], "completed": false }, { "type": "description", "position": [ 332, 154, 296, 84 ], "completed": false }, { "type": "description", "position": [ 652, 154, 296, 84 ], "completed": false } ] }, { "text": "# A page for introducing the discounted product in an online shop. # The page should have the title \"DISCOUNTED-LAST FEW PRICE LEFT\", and five groups of product information with each having an image, a product name, and two prices having a comparison to attract the customer.", "region_id": "7792", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'discounted-last few price left'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 3 108 3 | \" [ image 5 6 24 36 | text 18 50 8 1 | text 8 50 9 1 | title 9 45 17 1 ] | [ image 33 6 24 36 | text 36 50 9 1 | text 47 50 8 1 | title 38 45 15 1 ] | [ image 61 6 24 32 | text 75 46 8 1 | text 64 46 9 1 | title 66 41 15 1 ] | [ image 89 6 24 36 | text 92 50 9 1 | text 103 50 8 1 | title 94 45 15 1 ] | [ image 5 53 24 32 | text 8 93 9 1 | text 18 93 8 1 | title 9 88 17 1 ] \"", "layout_seq_without_completion": "title 5 3 108 3 | \" [ image 5 6 24 36 | text 18 50 8 1 | text 8 50 9 1 | title 9 45 17 1 ] | [ image 33 6 24 36 | text 36 50 9 1 | text 47 50 8 1 | title 38 45 15 1 ] | [ image 61 6 24 32 | text 75 46 8 1 | text 64 46 9 1 | title 66 41 15 1 ] | [ image 89 6 24 36 | text 92 50 9 1 | text 103 50 8 1 | title 94 45 15 1 ] | [ image 5 53 24 32 | text 8 93 9 1 | text 18 93 8 1 | title 9 88 17 1 ] \"", "plain_layout_seq": "image 5 6 24 36 | image 33 6 24 36 | image 61 6 24 32 | image 89 6 24 36 | image 5 53 24 32 | text 18 50 8 1 | text 8 50 9 1 | text 36 50 9 1 | text 47 50 8 1 | text 75 46 8 1 | text 64 46 9 1 | text 92 50 9 1 | text 103 50 8 1 | text 8 93 9 1 | text 18 93 8 1 | title 5 3 108 3 | title 9 45 17 1 | title 38 45 15 1 | title 66 41 15 1 | title 94 45 15 1 | title 9 88 17 1", "canvas_width": 1024, "canvas_height": 858, "elements": [ { "type": "title", "position": [ 47, 27, 930, 27 ], "completed": false }, { "type": "image", "position": [ 47, 57, 210, 315 ], "completed": false }, { "type": "image", "position": [ 287, 57, 210, 315 ], "completed": false }, { "type": "image", "position": [ 527, 57, 210, 280 ], "completed": false }, { "type": "image", "position": [ 767, 57, 210, 315 ], "completed": false }, { "type": "title", "position": [ 566, 355, 132, 13 ], "completed": false }, { "type": "title", "position": [ 78, 390, 147, 13 ], "completed": false }, { "type": "title", "position": [ 326, 390, 132, 13 ], "completed": false }, { "type": "title", "position": [ 804, 390, 135, 13 ], "completed": false }, { "type": "text", "position": [ 552, 393, 80, 12 ], "completed": false }, { "type": "text", "position": [ 642, 393, 71, 12 ], "completed": false }, { "type": "text", "position": [ 72, 428, 79, 12 ], "completed": false }, { "type": "text", "position": [ 161, 428, 71, 12 ], "completed": false }, { "type": "text", "position": [ 312, 428, 80, 12 ], "completed": false }, { "type": "text", "position": [ 402, 428, 71, 12 ], "completed": false }, { "type": "text", "position": [ 792, 428, 80, 12 ], "completed": false }, { "type": "text", "position": [ 882, 428, 71, 12 ], "completed": false }, { "type": "image", "position": [ 47, 460, 210, 280 ], "completed": false }, { "type": "title", "position": [ 78, 758, 147, 13 ], "completed": false }, { "type": "text", "position": [ 72, 796, 79, 12 ], "completed": false }, { "type": "text", "position": [ 161, 796, 71, 12 ], "completed": false } ] }, { "text": "#This page is convenient for users to purchase products.#This page consists of two parts, each part is composed of product images and names, and each part has a shop now button for users to purchase.", "region_id": "7078", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 23 80 14 4 | image 3 54 54 40 | title 5 66 49 3 | complete title 5 72 49 4 ] | [ button 82 25 14 4 | image 61 0 54 40 | title 64 12 49 3 | complete title 64 17 49 4 ] \"", "layout_seq_without_completion": "\" [ button 23 80 14 4 | image 3 54 54 40 | title 5 66 49 3 | title 5 72 49 4 ] | [ button 82 25 14 4 | image 61 0 54 40 | title 64 12 49 3 | title 64 17 49 4 ] \"", "plain_layout_seq": "button 23 80 14 4 | button 82 25 14 4 | image 3 54 54 40 | image 61 0 54 40 | title 5 66 49 3 | title 5 72 49 4 | title 64 12 49 3 | title 64 17 49 4", "canvas_width": 1009, "canvas_height": 800, "elements": [ { "type": "image", "position": [ 520, 0, 460, 340 ], "completed": false }, { "type": "title", "position": [ 540, 103, 420, 29 ], "completed": false }, { "type": "title", "position": [ 540, 147, 420, 36 ], "completed": true }, { "type": "button", "position": [ 690, 213, 118, 38 ], "completed": false }, { "type": "image", "position": [ 30, 460, 460, 340 ], "completed": false }, { "type": "title", "position": [ 50, 563, 420, 29 ], "completed": false }, { "type": "title", "position": [ 50, 606, 420, 36 ], "completed": true }, { "type": "button", "position": [ 201, 673, 118, 38 ], "completed": false } ] }, { "text": "#A page for introducing shoes and guiding users to purchase them.#The page should include one title, one pagination, and four groups of shoes, each group should include one image and one price for users to know information about these sellers fastly.", "region_id": "3342", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:pagination] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 110 23 4 4 | image 80 7 30 31 | image 11 7 30 31 | image 45 7 30 31 | image 114 7 4 31 | text 11 39 30 4 | text 80 39 30 4 | text 114 39 4 4 | text 45 39 30 4 | title 11 0 106 6", "layout_seq_without_completion": "button 110 23 4 4 | image 80 7 30 31 | image 11 7 30 31 | image 45 7 30 31 | image 114 7 4 31 | text 11 39 30 4 | text 80 39 30 4 | text 114 39 4 4 | text 45 39 30 4 | title 11 0 106 6", "plain_layout_seq": "button 110 23 4 4 | image 80 7 30 31 | image 11 7 30 31 | image 45 7 30 31 | image 114 7 4 31 | text 11 39 30 4 | text 80 39 30 4 | text 114 39 4 4 | text 45 39 30 4 | title 11 0 106 6", "canvas_width": 1024, "canvas_height": 535, "elements": [ { "type": "title", "position": [ 96, 0, 912, 56 ], "completed": false }, { "type": "image", "position": [ 96, 64, 263, 271 ], "completed": false }, { "type": "image", "position": [ 391, 64, 263, 271 ], "completed": false }, { "type": "image", "position": [ 686, 64, 263, 271 ], "completed": false }, { "type": "image", "position": [ 981, 64, 35, 271 ], "completed": false }, { "type": "button", "position": [ 940, 197, 36, 36 ], "completed": true }, { "type": "text", "position": [ 96, 336, 263, 40 ], "completed": false }, { "type": "text", "position": [ 391, 336, 263, 40 ], "completed": false }, { "type": "text", "position": [ 686, 336, 263, 40 ], "completed": false }, { "type": "text", "position": [ 981, 336, 35, 40 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be three images showing the logos. And each of them is followed by one description.", "region_id": "2076", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:logo] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "description 45 15 29 7 | description 83 15 30 7 | description 5 15 31 7 | logo 17 5 7 6 | logo 56 5 6 6 | logo 95 5 6 6", "layout_seq_without_completion": "description 45 15 29 7 | description 83 15 30 7 | description 5 15 31 7 | logo 17 5 7 6 | logo 56 5 6 6 | logo 95 5 6 6", "plain_layout_seq": "description 45 15 29 7 | description 83 15 30 7 | description 5 15 31 7 | logo 17 5 7 6 | logo 56 5 6 6 | logo 95 5 6 6", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "logo", "position": [ 148, 44, 62, 56 ], "completed": false }, { "type": "logo", "position": [ 484, 44, 56, 56 ], "completed": false }, { "type": "logo", "position": [ 819, 44, 53, 56 ], "completed": false }, { "type": "description", "position": [ 43, 132, 271, 66 ], "completed": false }, { "type": "description", "position": [ 386, 132, 253, 66 ], "completed": false }, { "type": "description", "position": [ 713, 132, 264, 66 ], "completed": false } ] }, { "text": "#This page allows users to better understand the product and make purchases.# This mainly consists of three parts: Patio Furniture Buying Guide, Neutrals colors are not boring and Mattress Buying Guide. In addition to providing a picture of the product, each group also provides the user with the product's name and other relevant information. There is also a link 'view all' on top.", "region_id": "8434", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'patio furniture buying guide, Neutrals colors are not boring, mattresses Buying Guide'] [item [el:image] [el:title] [el:text] ] ] [el:link [attr:value 'view all'] [attr:position 'top'] ] ]", "execution": "multiinfo : link top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 108 0 9 3 | text 80 30 34 3 | text 4 30 34 6 | text 42 30 34 6 | title 80 27 21 2 | title 42 27 28 2 | title 4 27 27 2 | complete title 4 0 12 3", "layout_seq_without_completion": "link 108 0 9 3 | text 80 30 34 3 | text 4 30 34 6 | text 42 30 34 6 | title 80 27 21 2 | title 42 27 28 2 | title 4 27 27 2 | title 4 0 12 3", "plain_layout_seq": "link 108 0 9 3 | text 80 30 34 3 | text 4 30 34 6 | text 42 30 34 6 | title 80 27 21 2 | title 42 27 28 2 | title 4 27 27 2 | title 4 0 12 3", "canvas_width": 1024, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 40, 0, 104, 33 ], "completed": true }, { "type": "link", "position": [ 927, 4, 83, 30 ], "completed": false }, { "type": "title", "position": [ 40, 233, 236, 21 ], "completed": false }, { "type": "title", "position": [ 365, 233, 246, 21 ], "completed": false }, { "type": "title", "position": [ 689, 233, 185, 21 ], "completed": false }, { "type": "text", "position": [ 40, 264, 295, 53 ], "completed": false }, { "type": "text", "position": [ 365, 264, 295, 53 ], "completed": false }, { "type": "text", "position": [ 689, 264, 295, 27 ], "completed": false } ] }, { "text": "#A page for showing the products.#There is a title on this page, named \"full mahogany&king catalog\". There are eight groups and each group has an image and a title, and pagination was set next to every title.", "region_id": "7382", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'full mahogany&king catalog'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:pagination ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] | [ image undefined undefined | pagination undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 4 39 3 | \" [ complete icon 14 40 1 1 | image 5 11 26 26 | title 5 39 7 2 ] | [ complete icon 52 40 1 1 | image 33 11 26 26 | title 33 39 18 2 ] | [ complete icon 81 40 1 1 | image 60 11 26 26 | title 60 39 19 2 ] | [ complete icon 109 40 1 1 | image 87 11 26 26 | title 87 39 20 2 ] | [ complete icon 11 74 1 1 | image 5 45 26 26 | title 5 73 4 2 ] | [ complete icon 42 74 1 1 | image 33 45 26 26 | title 33 73 8 2 ] | [ complete icon 68 74 1 1 | image 60 45 26 26 | title 60 73 7 2 ] | [ complete icon 103 74 1 1 | image 87 45 26 26 | title 87 73 15 2 ] \"", "layout_seq_without_completion": "title 5 4 39 3 | \" [ icon 14 40 1 1 | image 5 11 26 26 | title 5 39 7 2 ] | [ icon 52 40 1 1 | image 33 11 26 26 | title 33 39 18 2 ] | [ icon 81 40 1 1 | image 60 11 26 26 | title 60 39 19 2 ] | [ icon 109 40 1 1 | image 87 11 26 26 | title 87 39 20 2 ] | [ icon 11 74 1 1 | image 5 45 26 26 | title 5 73 4 2 ] | [ icon 42 74 1 1 | image 33 45 26 26 | title 33 73 8 2 ] | [ icon 68 74 1 1 | image 60 45 26 26 | title 60 73 7 2 ] | [ icon 103 74 1 1 | image 87 45 26 26 | title 87 73 15 2 ] \"", "plain_layout_seq": "icon 14 40 1 1 | icon 52 40 1 1 | icon 81 40 1 1 | icon 109 40 1 1 | icon 11 74 1 1 | icon 42 74 1 1 | icon 68 74 1 1 | icon 103 74 1 1 | image 5 11 26 26 | image 33 11 26 26 | image 60 11 26 26 | image 87 11 26 26 | image 5 45 26 26 | image 33 45 26 26 | image 60 45 26 26 | image 87 45 26 26 | title 5 4 39 3 | title 5 39 7 2 | title 33 39 18 2 | title 60 39 19 2 | title 87 39 20 2 | title 5 73 4 2 | title 33 73 8 2 | title 60 73 7 2 | title 87 73 15 2", "canvas_width": 1024, "canvas_height": 706, "elements": [ { "type": "title", "position": [ 50, 35, 338, 32 ], "completed": false }, { "type": "image", "position": [ 50, 97, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 97, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 97, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 97, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 339, 65, 23 ], "completed": false }, { "type": "title", "position": [ 283, 339, 160, 23 ], "completed": false }, { "type": "title", "position": [ 516, 339, 170, 23 ], "completed": false }, { "type": "title", "position": [ 749, 339, 175, 23 ], "completed": false }, { "type": "icon", "position": [ 123, 347, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 451, 347, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 694, 347, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 932, 347, 15, 11 ], "completed": true }, { "type": "image", "position": [ 50, 388, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 388, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 388, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 388, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 630, 38, 23 ], "completed": false }, { "type": "title", "position": [ 283, 630, 69, 23 ], "completed": false }, { "type": "title", "position": [ 516, 630, 60, 23 ], "completed": false }, { "type": "title", "position": [ 749, 630, 129, 23 ], "completed": false }, { "type": "icon", "position": [ 96, 637, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 360, 637, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 584, 637, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 886, 637, 15, 11 ], "completed": true } ] }, { "text": "#A page for showing a product.# The page includes a headline, a picture, and three lists of information. Each list contains an icon and a title showing the characteristic of the product.", "region_id": "6356", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:image] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 89 20 3 3 | icon 5 20 3 3 | icon 47 20 3 3 | image 11 30 95 52 | title 10 19 19 4 | title 52 19 20 4 | title 94 19 18 4 | title 4 6 110 5", "layout_seq_without_completion": "icon 89 20 3 3 | icon 5 20 3 3 | icon 47 20 3 3 | image 11 30 95 52 | title 10 19 19 4 | title 52 19 20 4 | title 94 19 18 4 | title 4 6 110 5", "plain_layout_seq": "icon 89 20 3 3 | icon 5 20 3 3 | icon 47 20 3 3 | image 11 30 95 52 | title 10 19 19 4 | title 52 19 20 4 | title 94 19 18 4 | title 4 6 110 5", "canvas_width": 1024, "canvas_height": 764, "elements": [ { "type": "title", "position": [ 40, 55, 944, 48 ], "completed": false }, { "type": "title", "position": [ 90, 168, 170, 42 ], "completed": false }, { "type": "title", "position": [ 444, 168, 177, 42 ], "completed": false }, { "type": "title", "position": [ 805, 168, 159, 42 ], "completed": false }, { "type": "icon", "position": [ 50, 173, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 404, 173, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 765, 173, 30, 30 ], "completed": false }, { "type": "image", "position": [ 102, 263, 819, 451 ], "completed": false } ] }, { "text": "#A page for users to learn about and contact the company.# There are three groups named 'About Us', 'Legal' and 'Join the Club!'. The first group has a logo and a description of the company. There is also an icon of email and a text of the email address. The second group has three links introducing the service and policies of the company. The last group contains a description and two input boxes to write 'First Name' and 'Your email'. There is also an icon and a text of the email address. At last, there is a button for users to subscribe.", "region_id": "7850", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:names 'about us, legal, join the club!'] [item [el:logo] [el:description] [el:icon] [el:text] ] [item [el:link [attr:repeat '3'] ] ] [item [el:description] [el:input [attr:value 'First Name'] ] [el:input [attr:value 'Your email'] ] [el:icon] [el:text] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | input undefined undefined | input undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 73 11 43 5 | complete title 50 7 19 2 | complete title 73 7 43 2 | \" [ link 50 11 14 2 ] | [ link 50 15 12 2 ] | [ link 50 18 11 2 ] \" | \" [ description 3 22 43 16 | icon 3 41 2 2 | logo 3 11 17 9 | text 5 41 24 2 | complete title 3 7 43 2 ] | [ button 91 38 8 2 | icon 89 38 1 2 | input 73 18 43 4 | input 73 25 43 4 | text 76 31 20 2 ] \"", "layout_seq_without_completion": "description 73 11 43 5 | title 50 7 19 2 | title 73 7 43 2 | \" [ link 50 11 14 2 ] | [ link 50 15 12 2 ] | [ link 50 18 11 2 ] \" | \" [ description 3 22 43 16 | icon 3 41 2 2 | logo 3 11 17 9 | text 5 41 24 2 | title 3 7 43 2 ] | [ button 91 38 8 2 | icon 89 38 1 2 | input 73 18 43 4 | input 73 25 43 4 | text 76 31 20 2 ] \"", "plain_layout_seq": "button 91 38 8 2 | description 73 11 43 5 | description 3 22 43 16 | icon 3 41 2 2 | icon 89 38 1 2 | input 73 18 43 4 | input 73 25 43 4 | link 50 11 14 2 | link 50 15 12 2 | link 50 18 11 2 | logo 3 11 17 9 | text 5 41 24 2 | text 76 31 20 2 | title 50 7 19 2 | title 73 7 43 2 | title 3 7 43 2", "canvas_width": 1024, "canvas_height": 435, "elements": [ { "type": "title", "position": [ 30, 60, 368, 24 ], "completed": true }, { "type": "title", "position": [ 428, 60, 169, 24 ], "completed": true }, { "type": "title", "position": [ 626, 60, 368, 24 ], "completed": true }, { "type": "logo", "position": [ 30, 96, 150, 79 ], "completed": false }, { "type": "link", "position": [ 428, 96, 123, 24 ], "completed": false }, { "type": "description", "position": [ 626, 96, 368, 48 ], "completed": false }, { "type": "link", "position": [ 428, 128, 104, 24 ], "completed": false }, { "type": "link", "position": [ 428, 160, 102, 24 ], "completed": false }, { "type": "input", "position": [ 626, 160, 368, 38 ], "completed": false }, { "type": "description", "position": [ 30, 191, 368, 144 ], "completed": false }, { "type": "input", "position": [ 626, 214, 368, 38 ], "completed": false }, { "type": "text", "position": [ 654, 271, 175, 18 ], "completed": false }, { "type": "icon", "position": [ 762, 325, 16, 24 ], "completed": false }, { "type": "button", "position": [ 782, 328, 76, 18 ], "completed": false }, { "type": "icon", "position": [ 30, 351, 20, 24 ], "completed": false }, { "type": "text", "position": [ 50, 354, 212, 18 ], "completed": false } ] }, { "text": "#A page showing some files of a company.# There should be three information sets. Under each set, there should be one image, one label, and two text boxes for the title and the description, followed by a link, where users can get specific info about the services.", "region_id": "1118", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title [attr:repeat '2'] ] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 48 29 19 | image 2 11 36 18 | complete image 2 11 36 78 | link 6 80 26 6 | title 6 34 29 1 | title 6 38 29 7 ] | [ description 45 48 29 28 | complete image 41 11 36 78 | image 41 11 36 18 | link 45 80 20 6 | title 45 34 29 1 | title 45 38 29 7 ] | [ description 83 52 29 16 | complete image 80 11 36 78 | image 80 11 36 18 | link 83 80 26 6 | title 83 34 29 1 | title 83 38 29 11 ] \"", "layout_seq_without_completion": "\" [ description 6 48 29 19 | image 2 11 36 18 | image 2 11 36 78 | link 6 80 26 6 | title 6 34 29 1 | title 6 38 29 7 ] | [ description 45 48 29 28 | image 41 11 36 78 | image 41 11 36 18 | link 45 80 20 6 | title 45 34 29 1 | title 45 38 29 7 ] | [ description 83 52 29 16 | image 80 11 36 78 | image 80 11 36 18 | link 83 80 26 6 | title 83 34 29 1 | title 83 38 29 11 ] \"", "plain_layout_seq": "description 6 48 29 19 | description 45 48 29 28 | description 83 52 29 16 | image 2 11 36 18 | image 2 11 36 78 | image 41 11 36 78 | image 41 11 36 18 | image 80 11 36 78 | image 80 11 36 18 | link 6 80 26 6 | link 45 80 20 6 | link 83 80 26 6 | title 6 34 29 1 | title 6 38 29 7 | title 45 34 29 1 | title 45 38 29 7 | title 83 34 29 1 | title 83 38 29 11", "canvas_width": 1024, "canvas_height": 866, "elements": [ { "type": "image", "position": [ 25, 100, 314, 157 ], "completed": false }, { "type": "image", "position": [ 25, 100, 314, 666 ], "completed": true }, { "type": "image", "position": [ 355, 100, 314, 157 ], "completed": false }, { "type": "image", "position": [ 355, 100, 314, 666 ], "completed": true }, { "type": "image", "position": [ 684, 100, 314, 666 ], "completed": true }, { "type": "image", "position": [ 684, 100, 314, 157 ], "completed": false }, { "type": "title", "position": [ 55, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 385, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 714, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 55, 328, 255, 67 ], "completed": false }, { "type": "title", "position": [ 385, 328, 255, 67 ], "completed": false }, { "type": "title", "position": [ 714, 328, 255, 100 ], "completed": false }, { "type": "description", "position": [ 55, 416, 255, 169 ], "completed": false }, { "type": "description", "position": [ 385, 416, 255, 241 ], "completed": false }, { "type": "description", "position": [ 714, 449, 255, 145 ], "completed": false }, { "type": "link", "position": [ 55, 683, 222, 54 ], "completed": false }, { "type": "link", "position": [ 385, 683, 172, 54 ], "completed": false }, { "type": "link", "position": [ 714, 683, 222, 54 ], "completed": false } ] }, { "text": "#A page showing information about the service of a company.# There should be three information sets. Under each set, there should be two images, two text boxes for the title and the category, and a descriptive text box, followed by a link, where users can get specific info. about the services.", "region_id": "1118_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image [attr:repeat'2'] ] [el:title [attr:repeat'2'] ] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 6 48 29 19 | image 2 11 36 18 | image 2 11 36 78 | link 6 80 26 6 | title 6 34 29 1 | title 6 38 29 7 ] | [ description 45 48 29 28 | image 41 11 36 78 | image 41 11 36 18 | link 45 80 20 6 | title 45 34 29 1 | title 45 38 29 7 ] | [ description 83 52 29 16 | image 80 11 36 78 | image 80 11 36 18 | link 83 80 26 6 | title 83 34 29 1 | title 83 38 29 11 ] \"", "layout_seq_without_completion": "\" [ description 6 48 29 19 | image 2 11 36 18 | image 2 11 36 78 | link 6 80 26 6 | title 6 34 29 1 | title 6 38 29 7 ] | [ description 45 48 29 28 | image 41 11 36 78 | image 41 11 36 18 | link 45 80 20 6 | title 45 34 29 1 | title 45 38 29 7 ] | [ description 83 52 29 16 | image 80 11 36 78 | image 80 11 36 18 | link 83 80 26 6 | title 83 34 29 1 | title 83 38 29 11 ] \"", "plain_layout_seq": "description 6 48 29 19 | description 45 48 29 28 | description 83 52 29 16 | image 2 11 36 18 | image 2 11 36 78 | image 41 11 36 78 | image 41 11 36 18 | image 80 11 36 78 | image 80 11 36 18 | link 6 80 26 6 | link 45 80 20 6 | link 83 80 26 6 | title 6 34 29 1 | title 6 38 29 7 | title 45 34 29 1 | title 45 38 29 7 | title 83 34 29 1 | title 83 38 29 11", "canvas_width": 1024, "canvas_height": 866, "elements": [ { "type": "image", "position": [ 25, 100, 314, 157 ], "completed": false }, { "type": "image", "position": [ 25, 100, 314, 666 ], "completed": false }, { "type": "image", "position": [ 355, 100, 314, 157 ], "completed": false }, { "type": "image", "position": [ 355, 100, 314, 666 ], "completed": false }, { "type": "image", "position": [ 684, 100, 314, 666 ], "completed": false }, { "type": "image", "position": [ 684, 100, 314, 157 ], "completed": false }, { "type": "title", "position": [ 55, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 385, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 714, 293, 255, 16 ], "completed": false }, { "type": "title", "position": [ 55, 328, 255, 67 ], "completed": false }, { "type": "title", "position": [ 385, 328, 255, 67 ], "completed": false }, { "type": "title", "position": [ 714, 328, 255, 100 ], "completed": false }, { "type": "description", "position": [ 55, 416, 255, 169 ], "completed": false }, { "type": "description", "position": [ 385, 416, 255, 241 ], "completed": false }, { "type": "description", "position": [ 714, 449, 255, 145 ], "completed": false }, { "type": "link", "position": [ 55, 683, 222, 54 ], "completed": false }, { "type": "link", "position": [ 385, 683, 172, 54 ], "completed": false }, { "type": "link", "position": [ 714, 683, 222, 54 ], "completed": false } ] }, { "text": "#A page showing different categories for users to choose.# The page should have four categories and each category has a title (\"Books \uff06 Games\", \"Printable Worksheets\", \"Mobile Games\", or \"Free Resources\"), a button (\"Shop Now\", \"Shop Now\", \"Learn More\", or \"Explore Now\") and an icon.", "region_id": "7068", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'Books \uff06 Games'] ] [el:button [attr:value 'shop now']] [el:icon] ] [item [el:title [attr:value 'Printable Worksheets'] ] [el:button [attr:value 'shop now']] [el:icon] ] [item [el:title [attr:value 'Mobile Games'] ] [el:button [attr:value 'learn now']] [el:icon] ] [item [el:title [attr:value 'Free Resources'] ] [el:button [attr:value 'explore now']] [el:icon] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 7 19 14 3 | button 37 19 14 3 | button 67 19 15 3 | button 96 19 16 3 | icon 37 0 15 10 | icon 7 0 15 10 | icon 67 0 15 10 | icon 97 0 15 10 | title 5 10 19 2 | title 33 10 22 5 | title 65 10 17 2 | title 94 10 19 2", "layout_seq_without_completion": "button 7 19 14 3 | button 37 19 14 3 | button 67 19 15 3 | button 96 19 16 3 | icon 37 0 15 10 | icon 7 0 15 10 | icon 67 0 15 10 | icon 97 0 15 10 | title 5 10 19 2 | title 33 10 22 5 | title 65 10 17 2 | title 94 10 19 2", "plain_layout_seq": "button 7 19 14 3 | button 37 19 14 3 | button 67 19 15 3 | button 96 19 16 3 | icon 37 0 15 10 | icon 7 0 15 10 | icon 67 0 15 10 | icon 97 0 15 10 | title 5 10 19 2 | title 33 10 22 5 | title 65 10 17 2 | title 94 10 19 2", "canvas_width": 1024, "canvas_height": 237, "elements": [ { "type": "icon", "position": [ 62, 0, 130, 87 ], "completed": false }, { "type": "icon", "position": [ 318, 0, 130, 87 ], "completed": false }, { "type": "icon", "position": [ 572, 0, 130, 87 ], "completed": false }, { "type": "icon", "position": [ 828, 0, 130, 87 ], "completed": false }, { "type": "title", "position": [ 44, 93, 167, 25 ], "completed": false }, { "type": "title", "position": [ 287, 93, 191, 50 ], "completed": false }, { "type": "title", "position": [ 562, 93, 151, 25 ], "completed": false }, { "type": "title", "position": [ 810, 93, 166, 25 ], "completed": false }, { "type": "button", "position": [ 67, 163, 121, 32 ], "completed": false }, { "type": "button", "position": [ 322, 163, 121, 32 ], "completed": false }, { "type": "button", "position": [ 572, 163, 131, 32 ], "completed": false }, { "type": "button", "position": [ 821, 163, 143, 32 ], "completed": false } ] }, { "text": "# A page for presenting the customer's review for a shop.# The page should have three groups with each having a review and a customer name.", "region_id": "8115", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:text] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 8 11 32 14 | description 43 11 32 17 | description 79 11 32 20 | complete icon 23 6 2 2 | complete icon 58 6 2 2 | complete icon 94 6 2 2 | text 8 30 32 2 | text 43 32 32 2 | text 79 35 32 2", "layout_seq_without_completion": "description 8 11 32 14 | description 43 11 32 17 | description 79 11 32 20 | icon 23 6 2 2 | icon 58 6 2 2 | icon 94 6 2 2 | text 8 30 32 2 | text 43 32 32 2 | text 79 35 32 2", "plain_layout_seq": "description 8 11 32 14 | description 43 11 32 17 | description 79 11 32 20 | icon 23 6 2 2 | icon 58 6 2 2 | icon 94 6 2 2 | text 8 30 32 2 | text 43 32 32 2 | text 79 35 32 2", "canvas_width": 1024, "canvas_height": 381, "elements": [ { "type": "icon", "position": [ 197, 59, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 501, 59, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 805, 59, 20, 20 ], "completed": true }, { "type": "description", "position": [ 70, 101, 274, 126 ], "completed": false }, { "type": "description", "position": [ 374, 101, 274, 151 ], "completed": false }, { "type": "description", "position": [ 678, 101, 274, 176 ], "completed": false }, { "type": "text", "position": [ 70, 256, 274, 20 ], "completed": false }, { "type": "text", "position": [ 374, 281, 274, 20 ], "completed": false }, { "type": "text", "position": [ 678, 306, 274, 20 ], "completed": false } ] }, { "text": "# A page for shop by category in an online shop. # There should have five categories\" Gifts for Men\" \"Patriotic\" \"Gifts for Mom\" \"Gift for Women\", and \"Welcome\" for the user to choose. Each category, there should contain a title, a link \"View all\" for the user to view all in the category, and a related image.", "region_id": "8401", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'Gifts for Men,Patriotic,Gifts for Mom,Gift for Women\",Welcome'] [item [el:title] [el:link [attr:value 'View All']] [el:image]] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 2 0 28 42 | image 7 18 19 19 | link 14 12 5 1 | title 8 3 17 9 ] | [ complete image 31 0 28 42 | image 35 18 19 19 | link 43 8 5 1 | title 36 3 17 4 ] | [ complete image 60 0 28 42 | image 64 18 19 19 | link 71 12 5 1 | title 65 3 17 9 ] | [ complete image 88 0 28 42 | image 93 18 19 19 | link 100 12 5 1 | title 94 3 17 9 ] | [ image 2 48 23 40 | link 3 82 17 2 | title 2 75 18 5 ] \"", "layout_seq_without_completion": "\" [ image 2 0 28 42 | image 7 18 19 19 | link 14 12 5 1 | title 8 3 17 9 ] | [ image 31 0 28 42 | image 35 18 19 19 | link 43 8 5 1 | title 36 3 17 4 ] | [ image 60 0 28 42 | image 64 18 19 19 | link 71 12 5 1 | title 65 3 17 9 ] | [ image 88 0 28 42 | image 93 18 19 19 | link 100 12 5 1 | title 94 3 17 9 ] | [ image 2 48 23 40 | link 3 82 17 2 | title 2 75 18 5 ] \"", "plain_layout_seq": "image 2 0 28 42 | image 7 18 19 19 | image 31 0 28 42 | image 35 18 19 19 | image 60 0 28 42 | image 64 18 19 19 | image 88 0 28 42 | image 93 18 19 19 | image 2 48 23 40 | link 14 12 5 1 | link 43 8 5 1 | link 71 12 5 1 | link 100 12 5 1 | link 3 82 17 2 | title 8 3 17 9 | title 36 3 17 4 | title 65 3 17 9 | title 94 3 17 9 | title 2 75 18 5", "canvas_width": 1024, "canvas_height": 758, "elements": [ { "type": "image", "position": [ 20, 0, 246, 363 ], "completed": true }, { "type": "image", "position": [ 266, 0, 246, 363 ], "completed": true }, { "type": "image", "position": [ 512, 0, 246, 363 ], "completed": true }, { "type": "image", "position": [ 758, 0, 246, 363 ], "completed": true }, { "type": "title", "position": [ 69, 30, 149, 77 ], "completed": false }, { "type": "title", "position": [ 315, 30, 149, 39 ], "completed": false }, { "type": "title", "position": [ 561, 30, 149, 77 ], "completed": false }, { "type": "title", "position": [ 807, 30, 149, 77 ], "completed": false }, { "type": "link", "position": [ 367, 70, 45, 15 ], "completed": false }, { "type": "link", "position": [ 121, 109, 45, 15 ], "completed": false }, { "type": "link", "position": [ 613, 109, 45, 15 ], "completed": false }, { "type": "link", "position": [ 859, 109, 45, 15 ], "completed": false }, { "type": "image", "position": [ 61, 157, 165, 165 ], "completed": false }, { "type": "image", "position": [ 307, 157, 165, 165 ], "completed": false }, { "type": "image", "position": [ 553, 157, 165, 165 ], "completed": false }, { "type": "image", "position": [ 799, 157, 165, 165 ], "completed": false }, { "type": "image", "position": [ 20, 413, 197, 345 ], "completed": false }, { "type": "title", "position": [ 20, 644, 159, 45 ], "completed": false }, { "type": "link", "position": [ 30, 700, 149, 18 ], "completed": false } ] }, { "text": "# A page showing the collections of an online shop by category. # There should be a title \"Shop our Collections\" and six categories with each having an image with a category name below.", "region_id": "4897", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Shop our Collections'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 22 | image 21 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 2 8 18 10 | image 60 8 18 10 | image 99 8 18 10 | text 3 19 16 2 | text 61 19 16 2 | text 80 19 16 2 | text 22 19 16 2 | text 100 19 16 2 | text 42 19 16 2 | title 1 1 117 6", "layout_seq_without_completion": "background 1 1 117 22 | image 21 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 2 8 18 10 | image 60 8 18 10 | image 99 8 18 10 | text 3 19 16 2 | text 61 19 16 2 | text 80 19 16 2 | text 22 19 16 2 | text 100 19 16 2 | text 42 19 16 2 | title 1 1 117 6", "plain_layout_seq": "background 1 1 117 22 | image 21 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 2 8 18 10 | image 60 8 18 10 | image 99 8 18 10 | text 3 19 16 2 | text 61 19 16 2 | text 80 19 16 2 | text 22 19 16 2 | text 100 19 16 2 | text 42 19 16 2 | title 1 1 117 6", "canvas_width": 950, "canvas_height": 193, "elements": [ { "type": "background", "position": [ 8, 8, 934, 177 ], "completed": true }, { "type": "title", "position": [ 8, 8, 934, 48 ], "completed": false }, { "type": "image", "position": [ 20, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 173, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 326, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 479, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 632, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 785, 64, 145, 81 ], "completed": false }, { "type": "text", "position": [ 28, 153, 129, 16 ], "completed": false }, { "type": "text", "position": [ 181, 153, 129, 16 ], "completed": false }, { "type": "text", "position": [ 334, 153, 129, 16 ], "completed": false }, { "type": "text", "position": [ 487, 153, 129, 16 ], "completed": false }, { "type": "text", "position": [ 640, 153, 129, 16 ], "completed": false }, { "type": "text", "position": [ 793, 153, 129, 16 ], "completed": false } ] }, { "text": "#A page for showing the resources.#The page should have the title \"resources\", and there are five groups and each group has a title and a description.", "region_id": "6044", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'resources'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 5 108 4 | \" [ description 8 24 13 14 | complete image 5 12 19 37 | title 8 15 13 6 ] | [ description 30 24 13 11 | complete image 28 12 19 37 | title 30 15 13 6 ] | [ description 53 28 13 11 | complete image 50 12 19 37 | title 53 15 13 9 ] | [ description 75 24 13 14 | complete image 72 12 19 37 | title 75 15 13 6 ] | [ description 97 24 13 22 | complete image 94 12 19 37 | title 97 15 13 6 ] \"", "layout_seq_without_completion": "title 5 5 108 4 | \" [ description 8 24 13 14 | image 5 12 19 37 | title 8 15 13 6 ] | [ description 30 24 13 11 | image 28 12 19 37 | title 30 15 13 6 ] | [ description 53 28 13 11 | image 50 12 19 37 | title 53 15 13 9 ] | [ description 75 24 13 14 | image 72 12 19 37 | title 75 15 13 6 ] | [ description 97 24 13 22 | image 94 12 19 37 | title 97 15 13 6 ] \"", "plain_layout_seq": "description 8 24 13 14 | description 30 24 13 11 | description 53 28 13 11 | description 75 24 13 14 | description 97 24 13 22 | image 5 12 19 37 | image 28 12 19 37 | image 50 12 19 37 | image 72 12 19 37 | image 94 12 19 37 | title 5 5 108 4 | title 8 15 13 6 | title 30 15 13 6 | title 53 15 13 9 | title 75 15 13 6 | title 97 15 13 6", "canvas_width": 1011, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 48, 48, 915, 36 ], "completed": false }, { "type": "image", "position": [ 48, 108, 164, 318 ], "completed": true }, { "type": "image", "position": [ 236, 108, 164, 318 ], "completed": true }, { "type": "image", "position": [ 424, 108, 164, 318 ], "completed": true }, { "type": "image", "position": [ 611, 108, 164, 318 ], "completed": true }, { "type": "image", "position": [ 799, 108, 164, 318 ], "completed": true }, { "type": "title", "position": [ 72, 132, 116, 54 ], "completed": false }, { "type": "title", "position": [ 260, 132, 116, 54 ], "completed": false }, { "type": "title", "position": [ 448, 132, 116, 81 ], "completed": false }, { "type": "title", "position": [ 635, 132, 116, 54 ], "completed": false }, { "type": "title", "position": [ 823, 132, 116, 54 ], "completed": false }, { "type": "description", "position": [ 72, 210, 116, 120 ], "completed": false }, { "type": "description", "position": [ 260, 210, 116, 96 ], "completed": false }, { "type": "description", "position": [ 635, 210, 116, 120 ], "completed": false }, { "type": "description", "position": [ 823, 210, 116, 192 ], "completed": false }, { "type": "description", "position": [ 448, 237, 116, 96 ], "completed": false } ] }, { "text": "#A page showing the service of a company.# There need to be three categories of items, each with one title and a link for more info. One of them should include a mailing address.", "region_id": "2147", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 61 70 | link 68 16 44 5 | link 68 60 24 3 | link 68 15 24 3 | link 68 37 24 6 | title 68 8 41 5 | title 68 30 41 5 | title 68 52 41 5", "layout_seq_without_completion": "background 0 0 61 70 | link 68 16 44 5 | link 68 60 24 3 | link 68 15 24 3 | link 68 37 24 6 | title 68 8 41 5 | title 68 30 41 5 | title 68 52 41 5", "plain_layout_seq": "background 0 0 61 70 | link 68 16 44 5 | link 68 60 24 3 | link 68 15 24 3 | link 68 37 24 6 | title 68 8 41 5 | title 68 30 41 5 | title 68 52 41 5", "canvas_width": 832, "canvas_height": 487, "elements": [ { "type": "background", "position": [ 0, 0, 428, 487 ], "completed": true }, { "type": "title", "position": [ 478, 60, 288, 40 ], "completed": false }, { "type": "link", "position": [ 478, 110, 168, 21 ], "completed": false }, { "type": "link", "position": [ 478, 112, 310, 37 ], "completed": false }, { "type": "title", "position": [ 478, 213, 288, 40 ], "completed": false }, { "type": "link", "position": [ 478, 263, 168, 42 ], "completed": false }, { "type": "title", "position": [ 478, 366, 288, 40 ], "completed": false }, { "type": "link", "position": [ 478, 416, 168, 21 ], "completed": false } ] }, { "text": "# A page for advertising courses. # The page should have a title, a slogan, and three groups of course information with each having an image, a course name, and a price. Then a button for the user to view all courses is needed.", "region_id": "4432", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all courses'] ] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 55 | button 48 72 23 5 | image 9 23 30 18 | image 78 23 30 18 | image 44 23 30 18 | complete image 0 74 120 3 | text 78 55 30 4 | text 38 14 42 2 | text 44 55 30 4 | text 9 55 30 4 | title 9 43 30 10 | title 44 43 30 10 | title 78 43 30 10 | title 5 4 108 4", "layout_seq_without_completion": "background 0 0 120 55 | button 48 72 23 5 | image 9 23 30 18 | image 78 23 30 18 | image 44 23 30 18 | image 0 74 120 3 | text 78 55 30 4 | text 38 14 42 2 | text 44 55 30 4 | text 9 55 30 4 | title 9 43 30 10 | title 44 43 30 10 | title 78 43 30 10 | title 5 4 108 4", "plain_layout_seq": "background 0 0 120 55 | button 48 72 23 5 | image 9 23 30 18 | image 78 23 30 18 | image 44 23 30 18 | image 0 74 120 3 | text 78 55 30 4 | text 38 14 42 2 | text 44 55 30 4 | text 9 55 30 4 | title 9 43 30 10 | title 44 43 30 10 | title 78 43 30 10 | title 5 4 108 4", "canvas_width": 1024, "canvas_height": 658, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 473 ], "completed": true }, { "type": "title", "position": [ 47, 36, 930, 42 ], "completed": false }, { "type": "text", "position": [ 330, 120, 364, 19 ], "completed": false }, { "type": "image", "position": [ 85, 198, 264, 158 ], "completed": false }, { "type": "image", "position": [ 381, 198, 262, 157 ], "completed": false }, { "type": "image", "position": [ 674, 198, 264, 159 ], "completed": false }, { "type": "title", "position": [ 381, 370, 262, 90 ], "completed": false }, { "type": "title", "position": [ 85, 371, 264, 90 ], "completed": false }, { "type": "title", "position": [ 674, 372, 264, 90 ], "completed": false }, { "type": "text", "position": [ 85, 476, 264, 39 ], "completed": false }, { "type": "text", "position": [ 381, 476, 262, 39 ], "completed": false }, { "type": "text", "position": [ 674, 477, 264, 39 ], "completed": false }, { "type": "button", "position": [ 414, 615, 197, 43 ], "completed": false }, { "type": "image", "position": [ 0, 632, 1024, 26 ], "completed": true } ] }, { "text": "#A page to show some news.# There are four pieces of news on the page. Each news has an image, a title, and a short text for the publisher.", "region_id": "4216", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] | [ image undefined undefined | text undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 0 0 27 17 | image 30 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 31 18 4 | text 92 32 18 4 | text 0 31 18 4 | text 61 31 18 4 | complete text 26 32 0 2 | title 0 19 27 10 | title 30 19 27 10 | title 61 19 27 10 | title 92 19 27 12", "layout_seq_without_completion": "image 0 0 27 17 | image 30 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 31 18 4 | text 92 32 18 4 | text 0 31 18 4 | text 61 31 18 4 | text 26 32 0 2 | title 0 19 27 10 | title 30 19 27 10 | title 61 19 27 10 | title 92 19 27 12", "plain_layout_seq": "image 0 0 27 17 | image 30 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 31 18 4 | text 92 32 18 4 | text 0 31 18 4 | text 61 31 18 4 | text 26 32 0 2 | title 0 19 27 10 | title 30 19 27 10 | title 61 19 27 10 | title 92 19 27 12", "canvas_width": 977, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "title", "position": [ 0, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 252, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 504, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 757, 158, 220, 104 ], "completed": false }, { "type": "text", "position": [ 0, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 252, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 504, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 757, 262, 154, 37 ], "completed": false }, { "type": "text", "position": [ 212, 266, 8, 17 ], "completed": true } ] }, { "text": "#A page for showing some news.# The page should 8 groups and each group has an image, and a news headline.", "region_id": "3476", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 0 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 0 24 13 11 | image 40 24 13 11 | image 0 12 13 11 | image 80 12 13 11 | image 40 12 13 11 | title 15 0 24 9 | title 55 0 24 7 | title 15 24 24 7 | title 55 24 24 7 | title 15 12 24 5 | title 95 12 24 5 | title 95 0 24 5 | title 55 12 24 9", "layout_seq_without_completion": "image 0 0 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 0 24 13 11 | image 40 24 13 11 | image 0 12 13 11 | image 80 12 13 11 | image 40 12 13 11 | title 15 0 24 9 | title 55 0 24 7 | title 15 24 24 7 | title 55 24 24 7 | title 15 12 24 5 | title 95 12 24 5 | title 95 0 24 5 | title 55 12 24 9", "plain_layout_seq": "image 0 0 13 11 | image 40 0 13 11 | image 80 0 13 11 | image 0 24 13 11 | image 40 24 13 11 | image 0 12 13 11 | image 80 12 13 11 | image 40 12 13 11 | title 15 0 24 9 | title 55 0 24 7 | title 15 24 24 7 | title 55 24 24 7 | title 15 12 24 5 | title 95 12 24 5 | title 95 0 24 5 | title 55 12 24 9", "canvas_width": 994, "canvas_height": 311, "elements": [ { "type": "image", "position": [ 4, 0, 115, 96 ], "completed": false }, { "type": "title", "position": [ 127, 0, 200, 81 ], "completed": false }, { "type": "image", "position": [ 335, 0, 115, 96 ], "completed": false }, { "type": "title", "position": [ 458, 0, 200, 65 ], "completed": false }, { "type": "image", "position": [ 667, 0, 115, 96 ], "completed": false }, { "type": "title", "position": [ 789, 0, 200, 49 ], "completed": false }, { "type": "image", "position": [ 4, 103, 115, 96 ], "completed": false }, { "type": "title", "position": [ 127, 103, 200, 49 ], "completed": false }, { "type": "image", "position": [ 335, 103, 115, 96 ], "completed": false }, { "type": "title", "position": [ 458, 103, 200, 81 ], "completed": false }, { "type": "image", "position": [ 667, 103, 115, 96 ], "completed": false }, { "type": "title", "position": [ 789, 103, 200, 49 ], "completed": false }, { "type": "image", "position": [ 4, 207, 115, 96 ], "completed": false }, { "type": "title", "position": [ 127, 207, 200, 65 ], "completed": false }, { "type": "image", "position": [ 335, 207, 115, 96 ], "completed": false }, { "type": "title", "position": [ 458, 207, 200, 65 ], "completed": false } ] }, { "text": "#A page for showing the new arrivals.# There is one label \"NEW ARRIVALS\" and two parts. Each one includes one image and one title. The first one's title is \"NEW ARRIVALS-WOMEN\" and the second one is \"NEW ARRIVALS-MEN\".", "region_id": "7066", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrivals'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'new arrivals-women, new arrivals-men'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 2 | title 61 39 51 2 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 2 | title 61 39 51 2 | title 6 6 107 2", "plain_layout_seq": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 2 | title 61 39 51 2 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 633, "elements": [ { "type": "title", "position": [ 55, 54, 914, 18 ], "completed": false }, { "type": "image", "position": [ 55, 128, 442, 442 ], "completed": false }, { "type": "image", "position": [ 527, 128, 442, 442 ], "completed": false }, { "type": "title", "position": [ 55, 336, 442, 24 ], "completed": false }, { "type": "title", "position": [ 527, 336, 442, 24 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three groups of information. Each group consists of one icon, one title, and an explanation showing the names and the introductions of these services.", "region_id": "1325", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 25 25 6 | icon 3 3 7 7 | complete image 0 0 32 53 | title 3 12 25 9 ] | [ description 47 25 25 6 | icon 47 3 7 7 | complete image 43 0 32 53 | title 47 12 25 9 ] | [ description 90 25 25 3 | icon 90 3 7 7 | complete image 87 0 32 53 | title 90 12 25 9 ] \"", "layout_seq_without_completion": "\" [ description 3 25 25 6 | icon 3 3 7 7 | image 0 0 32 53 | title 3 12 25 9 ] | [ description 47 25 25 6 | icon 47 3 7 7 | image 43 0 32 53 | title 47 12 25 9 ] | [ description 90 25 25 3 | icon 90 3 7 7 | image 87 0 32 53 | title 90 12 25 9 ] \"", "plain_layout_seq": "description 3 25 25 6 | description 47 25 25 6 | description 90 25 25 3 | icon 3 3 7 7 | icon 47 3 7 7 | icon 90 3 7 7 | image 0 0 32 53 | image 43 0 32 53 | image 87 0 32 53 | title 3 12 25 9 | title 47 12 25 9 | title 90 12 25 9", "canvas_width": 843, "canvas_height": 376, "elements": [ { "type": "image", "position": [ 0, 0, 228, 376 ], "completed": true }, { "type": "image", "position": [ 308, 0, 227, 376 ], "completed": true }, { "type": "image", "position": [ 615, 0, 228, 376 ], "completed": true }, { "type": "icon", "position": [ 24, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 332, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 639, 24, 50, 50 ], "completed": false }, { "type": "title", "position": [ 24, 90, 180, 64 ], "completed": false }, { "type": "title", "position": [ 332, 90, 180, 64 ], "completed": false }, { "type": "title", "position": [ 639, 90, 180, 64 ], "completed": false }, { "type": "description", "position": [ 24, 178, 180, 44 ], "completed": false }, { "type": "description", "position": [ 332, 178, 180, 44 ], "completed": false }, { "type": "description", "position": [ 639, 178, 180, 22 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three groups of information. Each group consists of two images and two text boxes. Text boxes show the names and the introductions of these services.", "region_id": "1325_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image [attr:repeat'2'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 25 25 6 | image 3 3 7 7 | image 0 0 32 53 | title 3 12 25 9 ] | [ description 47 25 25 6 | image 47 3 7 7 | image 43 0 32 53 | title 47 12 25 9 ] | [ description 90 25 25 3 | image 90 3 7 7 | image 87 0 32 53 | title 90 12 25 9 ] \"", "layout_seq_without_completion": "\" [ description 3 25 25 6 | image 3 3 7 7 | image 0 0 32 53 | title 3 12 25 9 ] | [ description 47 25 25 6 | image 47 3 7 7 | image 43 0 32 53 | title 47 12 25 9 ] | [ description 90 25 25 3 | image 90 3 7 7 | image 87 0 32 53 | title 90 12 25 9 ] \"", "plain_layout_seq": "description 3 25 25 6 | description 47 25 25 6 | description 90 25 25 3 | image 3 3 7 7 | image 0 0 32 53 | image 47 3 7 7 | image 43 0 32 53 | image 90 3 7 7 | image 87 0 32 53 | title 3 12 25 9 | title 47 12 25 9 | title 90 12 25 9", "canvas_width": 843, "canvas_height": 376, "elements": [ { "type": "image", "position": [ 0, 0, 228, 376 ], "completed": false }, { "type": "image", "position": [ 308, 0, 227, 376 ], "completed": false }, { "type": "image", "position": [ 615, 0, 228, 376 ], "completed": false }, { "type": "image", "position": [ 24, 24, 50, 50 ], "completed": false }, { "type": "image", "position": [ 332, 24, 50, 50 ], "completed": false }, { "type": "image", "position": [ 639, 24, 50, 50 ], "completed": false }, { "type": "title", "position": [ 24, 90, 180, 64 ], "completed": false }, { "type": "title", "position": [ 332, 90, 180, 64 ], "completed": false }, { "type": "title", "position": [ 639, 90, 180, 64 ], "completed": false }, { "type": "description", "position": [ 24, 178, 180, 44 ], "completed": false }, { "type": "description", "position": [ 332, 178, 180, 44 ], "completed": false }, { "type": "description", "position": [ 639, 178, 180, 22 ], "completed": false } ] }, { "text": "# A page for presenting the categories in an online shop.# The page should have three categories: \"Purses\" \"Wash Bags\", and \"Tea Towels\" with each having an image with a title on it.", "region_id": "7231", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'purses, wash bags, tea towels'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 43 21 33 3 | title 80 21 33 3", "layout_seq_without_completion": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 43 21 33 3 | title 80 21 33 3", "plain_layout_seq": "image 43 6 33 33 | image 6 6 33 33 | image 80 6 33 33 | title 6 21 33 3 | title 43 21 33 3 | title 80 21 33 3", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "image", "position": [ 55, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 55, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 182, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 182, 285, 32 ], "completed": false }, { "type": "title", "position": [ 684, 182, 285, 32 ], "completed": false } ] }, { "text": "# A page to introduce the people and capabilities of a company. # There should be a text box as the title. And four images about the people should be included.", "region_id": "2112", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 0 18 29 59 | image 60 18 29 59 | image 90 18 29 59 | image 30 18 29 59 | title 9 5 101 11", "layout_seq_without_completion": "image 0 18 29 59 | image 60 18 29 59 | image 90 18 29 59 | image 30 18 29 59 | title 9 5 101 11", "plain_layout_seq": "image 0 18 29 59 | image 60 18 29 59 | image 90 18 29 59 | image 30 18 29 59 | title 9 5 101 11", "canvas_width": 1024, "canvas_height": 719, "elements": [ { "type": "title", "position": [ 77, 48, 869, 94 ], "completed": false }, { "type": "image", "position": [ 0, 158, 253, 511 ], "completed": false }, { "type": "image", "position": [ 256, 158, 255, 511 ], "completed": false }, { "type": "image", "position": [ 514, 158, 255, 511 ], "completed": false }, { "type": "image", "position": [ 771, 158, 253, 511 ], "completed": false } ] }, { "text": "#A page to introduce the information on the latest moves# First, a title of \"lasted movies\" is placed on the top left-hand of this page, and on the top right-hand, a link of \"view all\" is involved. Under this, six groups' information about the movies is contained. Each group includes a picture of the movie, and under the picture, the name of the movie is set.", "region_id": "3752", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'lasted movies'] [attr:position 'top-left'] ] [el:link [attr:position 'top-right'] [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : link top undefined | title top undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 41 4 17 25 | image 61 4 17 25 | image 101 4 17 25 | image 1 4 17 25 | image 21 4 17 25 | image 81 4 17 25 | link 110 0 9 3 | text 21 31 17 4 | text 61 31 17 4 | text 101 31 17 4 | text 1 31 17 4 | text 81 31 17 4 | text 41 31 17 4 | title 1 0 28 4", "layout_seq_without_completion": "image 41 4 17 25 | image 61 4 17 25 | image 101 4 17 25 | image 1 4 17 25 | image 21 4 17 25 | image 81 4 17 25 | link 110 0 9 3 | text 21 31 17 4 | text 61 31 17 4 | text 101 31 17 4 | text 1 31 17 4 | text 81 31 17 4 | text 41 31 17 4 | title 1 0 28 4", "plain_layout_seq": "image 41 4 17 25 | image 61 4 17 25 | image 101 4 17 25 | image 1 4 17 25 | image 21 4 17 25 | image 81 4 17 25 | link 110 0 9 3 | text 21 31 17 4 | text 61 31 17 4 | text 101 31 17 4 | text 1 31 17 4 | text 81 31 17 4 | text 41 31 17 4 | title 1 0 28 4", "canvas_width": 1024, "canvas_height": 343, "elements": [ { "type": "title", "position": [ 15, 1, 241, 37 ], "completed": false }, { "type": "link", "position": [ 944, 7, 80, 30 ], "completed": false }, { "type": "image", "position": [ 12, 40, 147, 220 ], "completed": false }, { "type": "image", "position": [ 183, 40, 147, 220 ], "completed": false }, { "type": "image", "position": [ 353, 40, 147, 220 ], "completed": false }, { "type": "image", "position": [ 524, 40, 147, 220 ], "completed": false }, { "type": "image", "position": [ 695, 40, 147, 220 ], "completed": false }, { "type": "image", "position": [ 865, 40, 147, 220 ], "completed": false }, { "type": "text", "position": [ 12, 273, 147, 38 ], "completed": false }, { "type": "text", "position": [ 183, 273, 147, 38 ], "completed": false }, { "type": "text", "position": [ 353, 273, 147, 38 ], "completed": false }, { "type": "text", "position": [ 524, 273, 147, 38 ], "completed": false }, { "type": "text", "position": [ 695, 273, 147, 38 ], "completed": false }, { "type": "text", "position": [ 865, 273, 147, 38 ], "completed": false } ] }, { "text": "#A page to show some news.# There are four pieces of news on the page. Each contains an image and a title of the news.", "region_id": "4043", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 1 29 17 | image 30 1 29 17 | image 60 1 29 17 | image 90 1 29 17 | title 30 19 26 7 | title 0 19 26 7 | title 60 19 26 7 | title 90 19 26 5", "layout_seq_without_completion": "image 0 1 29 17 | image 30 1 29 17 | image 60 1 29 17 | image 90 1 29 17 | title 30 19 26 7 | title 0 19 26 7 | title 60 19 26 7 | title 90 19 26 5", "plain_layout_seq": "image 0 1 29 17 | image 30 1 29 17 | image 60 1 29 17 | image 90 1 29 17 | title 30 19 26 7 | title 0 19 26 7 | title 60 19 26 7 | title 90 19 26 5", "canvas_width": 1004, "canvas_height": 277, "elements": [ { "type": "image", "position": [ 0, 10, 244, 148 ], "completed": false }, { "type": "image", "position": [ 254, 10, 244, 147 ], "completed": false }, { "type": "image", "position": [ 507, 10, 244, 148 ], "completed": false }, { "type": "image", "position": [ 760, 10, 244, 148 ], "completed": false }, { "type": "title", "position": [ 0, 163, 225, 65 ], "completed": false }, { "type": "title", "position": [ 254, 163, 225, 65 ], "completed": false }, { "type": "title", "position": [ 507, 163, 225, 65 ], "completed": false }, { "type": "title", "position": [ 760, 163, 225, 44 ], "completed": false } ] }, { "text": "#A page to lead users to the services they need.# There are four groups on the page. Each group has a title. Each of the first three groups has an icon. The last group has a logo of 'MYCHRISTUS'.", "region_id": "3565", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title] [el:icon] ] [item [el:title] [el:icon] ] [item [el:title] [el:icon] ] [item [el:title] [el:icon] ] [item [el:title] [el:logo] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 40 4 3 4 | icon 70 4 4 4 | icon 8 4 5 4 | icon 88 4 11 4 | title 100 5 14 4 | title 45 4 14 6 | title 14 4 14 6 | title 76 5 4 4", "layout_seq_without_completion": "icon 40 4 3 4 | icon 70 4 4 4 | icon 8 4 5 4 | icon 88 4 11 4 | title 100 5 14 4 | title 45 4 14 6 | title 14 4 14 6 | title 76 5 4 4", "plain_layout_seq": "icon 40 4 3 4 | icon 70 4 4 4 | icon 8 4 5 4 | icon 88 4 11 4 | title 100 5 14 4 | title 45 4 14 6 | title 14 4 14 6 | title 76 5 4 4", "canvas_width": 1024, "canvas_height": 124, "elements": [ { "type": "title", "position": [ 126, 35, 121, 54 ], "completed": false }, { "type": "title", "position": [ 389, 35, 126, 54 ], "completed": false }, { "type": "icon", "position": [ 69, 42, 43, 40 ], "completed": false }, { "type": "icon", "position": [ 345, 42, 31, 40 ], "completed": false }, { "type": "icon", "position": [ 602, 42, 36, 40 ], "completed": false }, { "type": "icon", "position": [ 751, 42, 96, 40 ], "completed": false }, { "type": "title", "position": [ 651, 44, 41, 36 ], "completed": false }, { "type": "title", "position": [ 860, 44, 124, 36 ], "completed": false } ] }, { "text": "# A page for introducing the celebration month in Virginia. # The page should have the title \"Celebrate Virginia Culture and History\" and three groups of information sets. In each group, there should have an image, a celebration time introduction, a title, a further introduction, and a button \"Learn More\" for the user to learn more info about the celebration. Besides, there should also be a link for the user to know more celebration months.", "region_id": "4170", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'celebrate virginia culture and history'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ] ] [el:link [attr:value 'more celebration months'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 84 61 15 6 | button 44 57 15 6 | button 4 60 15 6 | description 4 46 30 12 | description 44 42 30 12 | description 84 47 30 12 | complete image 41 9 36 62 | complete image 81 9 36 62 | image 1 9 36 19 | complete image 1 9 36 62 | image 41 9 36 19 | image 81 9 36 20 | link 2 77 26 2 | text 4 31 30 7 | text 84 32 30 3 | text 44 31 30 3 | title 4 38 20 6 | title 44 35 22 6 | title 84 36 25 10 | title 2 3 115 3", "layout_seq_without_completion": "button 84 61 15 6 | button 44 57 15 6 | button 4 60 15 6 | description 4 46 30 12 | description 44 42 30 12 | description 84 47 30 12 | image 41 9 36 62 | image 81 9 36 62 | image 1 9 36 19 | image 1 9 36 62 | image 41 9 36 19 | image 81 9 36 20 | link 2 77 26 2 | text 4 31 30 7 | text 84 32 30 3 | text 44 31 30 3 | title 4 38 20 6 | title 44 35 22 6 | title 84 36 25 10 | title 2 3 115 3", "plain_layout_seq": "button 84 61 15 6 | button 44 57 15 6 | button 4 60 15 6 | description 4 46 30 12 | description 44 42 30 12 | description 84 47 30 12 | image 41 9 36 62 | image 81 9 36 62 | image 1 9 36 19 | image 1 9 36 62 | image 41 9 36 19 | image 81 9 36 20 | link 2 77 26 2 | text 4 31 30 7 | text 84 32 30 3 | text 44 31 30 3 | title 4 38 20 6 | title 44 35 22 6 | title 84 36 25 10 | title 2 3 115 3", "canvas_width": 1025, "canvas_height": 679, "elements": [ { "type": "title", "position": [ 18, 27, 989, 30 ], "completed": false }, { "type": "image", "position": [ 16, 81, 310, 537 ], "completed": true }, { "type": "image", "position": [ 16, 81, 310, 163 ], "completed": false }, { "type": "image", "position": [ 358, 81, 310, 163 ], "completed": false }, { "type": "image", "position": [ 358, 81, 310, 537 ], "completed": true }, { "type": "image", "position": [ 699, 81, 310, 537 ], "completed": true }, { "type": "image", "position": [ 699, 81, 310, 172 ], "completed": false }, { "type": "text", "position": [ 40, 269, 262, 60 ], "completed": false }, { "type": "text", "position": [ 382, 269, 262, 30 ], "completed": false }, { "type": "text", "position": [ 723, 278, 262, 30 ], "completed": false }, { "type": "title", "position": [ 382, 300, 193, 58 ], "completed": false }, { "type": "title", "position": [ 723, 309, 216, 88 ], "completed": false }, { "type": "title", "position": [ 40, 330, 179, 58 ], "completed": false }, { "type": "description", "position": [ 382, 365, 262, 104 ], "completed": false }, { "type": "description", "position": [ 40, 395, 262, 104 ], "completed": false }, { "type": "description", "position": [ 723, 404, 262, 104 ], "completed": false }, { "type": "button", "position": [ 382, 489, 130, 52 ], "completed": false }, { "type": "button", "position": [ 40, 519, 130, 52 ], "completed": false }, { "type": "button", "position": [ 723, 528, 130, 52 ], "completed": false }, { "type": "link", "position": [ 18, 658, 225, 21 ], "completed": false } ] }, { "text": "#A page guiding users to sign up and analyse results.# The page contains three information sets. Each group includes an image and a title. There is also an image between the two groups,", "region_id": "5581", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] [el:image [attr:repeat '2'] ] ]", "execution": "multiinfo : image undefined undefined | image undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 101 0 13 13 | image 5 0 13 13 | image 24 13 23 5 | image 53 0 13 13 | image 72 13 23 5 | title 0 17 23 11 | title 50 17 19 11 | title 98 17 18 11", "layout_seq_without_completion": "image 101 0 13 13 | image 5 0 13 13 | image 24 13 23 5 | image 53 0 13 13 | image 72 13 23 5 | title 0 17 23 11 | title 50 17 19 11 | title 98 17 18 11", "plain_layout_seq": "image 101 0 13 13 | image 5 0 13 13 | image 24 13 23 5 | image 53 0 13 13 | image 72 13 23 5 | title 0 17 23 11 | title 50 17 19 11 | title 98 17 18 11", "canvas_width": 1022, "canvas_height": 248, "elements": [ { "type": "image", "position": [ 47, 0, 112, 112 ], "completed": false }, { "type": "image", "position": [ 455, 0, 112, 112 ], "completed": false }, { "type": "image", "position": [ 864, 0, 112, 111 ], "completed": false }, { "type": "image", "position": [ 205, 111, 204, 45 ], "completed": false }, { "type": "image", "position": [ 614, 111, 204, 45 ], "completed": false }, { "type": "title", "position": [ 840, 151, 160, 96 ], "completed": false }, { "type": "title", "position": [ 0, 152, 204, 96 ], "completed": false }, { "type": "title", "position": [ 427, 152, 168, 96 ], "completed": false } ] }, { "text": "#A page to introduce the goods of bookmarks to the customers# The title of \"Our Ramadan Favourites\" is involved on the top, under which a link of \"view all\" is set. And below this, four types of bookmarks are contained. Each includes a picture of the related bookmark placed above the name of the bookmark and its price.", "region_id": "8665", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our ramadan favourites'] [attr:position'top']] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text]] ] ]", "execution": "multiinfo : link undefined undefined | title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 54 15 11 4 | title 4 8 110 5 | \" [ image 4 25 25 25 | text 15 61 4 2 | title 4 52 25 8 ] | [ image 33 25 25 25 | text 43 58 4 2 | title 33 52 25 5 ] | [ image 61 25 25 25 | text 71 61 4 2 | title 61 52 25 8 ] | [ image 89 25 25 25 | text 100 61 4 2 | title 89 52 25 8 ] \"", "layout_seq_without_completion": "link 54 15 11 4 | title 4 8 110 5 | \" [ image 4 25 25 25 | text 15 61 4 2 | title 4 52 25 8 ] | [ image 33 25 25 25 | text 43 58 4 2 | title 33 52 25 5 ] | [ image 61 25 25 25 | text 71 61 4 2 | title 61 52 25 8 ] | [ image 89 25 25 25 | text 100 61 4 2 | title 89 52 25 8 ] \"", "plain_layout_seq": "image 4 25 25 25 | image 33 25 25 25 | image 61 25 25 25 | image 89 25 25 25 | link 54 15 11 4 | text 15 61 4 2 | text 43 58 4 2 | text 71 61 4 2 | text 100 61 4 2 | title 4 8 110 5 | title 4 52 25 8 | title 33 52 25 5 | title 61 52 25 8 | title 89 52 25 8", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "title", "position": [ 40, 73, 944, 46 ], "completed": false }, { "type": "link", "position": [ 462, 131, 100, 35 ], "completed": false }, { "type": "image", "position": [ 40, 216, 220, 220 ], "completed": false }, { "type": "image", "position": [ 282, 216, 220, 220 ], "completed": false }, { "type": "image", "position": [ 523, 216, 220, 220 ], "completed": false }, { "type": "image", "position": [ 764, 216, 220, 220 ], "completed": false }, { "type": "title", "position": [ 40, 446, 220, 76 ], "completed": false }, { "type": "title", "position": [ 282, 446, 220, 50 ], "completed": false }, { "type": "title", "position": [ 523, 446, 220, 76 ], "completed": false }, { "type": "title", "position": [ 764, 446, 220, 76 ], "completed": false }, { "type": "text", "position": [ 371, 499, 41, 20 ], "completed": false }, { "type": "text", "position": [ 129, 524, 41, 20 ], "completed": false }, { "type": "text", "position": [ 612, 524, 41, 20 ], "completed": false }, { "type": "text", "position": [ 854, 524, 41, 20 ], "completed": false } ] }, { "text": "#A page for showing the featured products.#The page should have eight groups and each group has an image and a title. Also, there is a description of the price. At the bottom of the page, there is a button, named \"view all\".", "region_id": "8084", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:description] ] ] [el:button [attr:position 'bottom'] [attr:value 'view all'] ] ]", "execution": "multiinfo : button bottom undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 101 16 6 | image 87 9 25 25 | image 60 9 25 20 | complete text 89 29 7 3 | complete text 62 25 7 3 | complete title 7 0 31 5 | \" [ description 7 43 17 3 | image 7 9 25 25 | title 7 37 23 5 ] | [ description 33 42 17 3 | image 33 9 25 23 | title 33 35 23 5 ] | [ description 60 45 17 3 | complete text 60 42 10 2 | title 60 32 23 8 ] | [ description 87 44 17 3 | complete text 87 41 10 2 | title 87 37 23 2 ] | [ description 7 89 11 3 | image 7 58 25 25 | title 7 86 23 2 ] | [ description 33 91 17 3 | image 33 58 25 23 | title 33 84 23 5 ] | [ description 60 92 16 3 | image 60 58 25 25 | title 60 86 23 5 ] | [ description 87 92 17 3 | image 87 58 25 25 | title 87 86 23 5 ] \"", "layout_seq_without_completion": "button 51 101 16 6 | image 87 9 25 25 | image 60 9 25 20 | text 89 29 7 3 | text 62 25 7 3 | title 7 0 31 5 | \" [ description 7 43 17 3 | image 7 9 25 25 | title 7 37 23 5 ] | [ description 33 42 17 3 | image 33 9 25 23 | title 33 35 23 5 ] | [ description 60 45 17 3 | text 60 42 10 2 | title 60 32 23 8 ] | [ description 87 44 17 3 | text 87 41 10 2 | title 87 37 23 2 ] | [ description 7 89 11 3 | image 7 58 25 25 | title 7 86 23 2 ] | [ description 33 91 17 3 | image 33 58 25 23 | title 33 84 23 5 ] | [ description 60 92 16 3 | image 60 58 25 25 | title 60 86 23 5 ] | [ description 87 92 17 3 | image 87 58 25 25 | title 87 86 23 5 ] \"", "plain_layout_seq": "button 51 101 16 6 | description 7 43 17 3 | description 33 42 17 3 | description 60 45 17 3 | description 87 44 17 3 | description 7 89 11 3 | description 33 91 17 3 | description 60 92 16 3 | description 87 92 17 3 | image 87 9 25 25 | image 60 9 25 20 | image 7 9 25 25 | image 33 9 25 23 | image 7 58 25 25 | image 33 58 25 23 | image 60 58 25 25 | image 87 58 25 25 | text 89 29 7 3 | text 62 25 7 3 | text 60 42 10 2 | text 87 41 10 2 | title 7 0 31 5 | title 7 37 23 5 | title 33 35 23 5 | title 60 32 23 8 | title 87 37 23 2 | title 7 86 23 2 | title 33 84 23 5 | title 60 86 23 5 | title 87 86 23 5", "canvas_width": 1024, "canvas_height": 921, "elements": [ { "type": "title", "position": [ 60, 0, 272, 44 ], "completed": true }, { "type": "image", "position": [ 61, 80, 215, 215 ], "completed": false }, { "type": "image", "position": [ 290, 80, 215, 201 ], "completed": false }, { "type": "image", "position": [ 519, 80, 215, 177 ], "completed": false }, { "type": "image", "position": [ 748, 80, 215, 216 ], "completed": false }, { "type": "text", "position": [ 531, 214, 64, 31 ], "completed": true }, { "type": "text", "position": [ 760, 253, 64, 31 ], "completed": true }, { "type": "title", "position": [ 518, 278, 203, 73 ], "completed": false }, { "type": "title", "position": [ 289, 302, 203, 49 ], "completed": false }, { "type": "title", "position": [ 60, 316, 203, 49 ], "completed": false }, { "type": "title", "position": [ 747, 317, 203, 24 ], "completed": false }, { "type": "text", "position": [ 747, 354, 87, 20 ], "completed": true }, { "type": "description", "position": [ 289, 359, 152, 26 ], "completed": false }, { "type": "text", "position": [ 518, 363, 87, 20 ], "completed": true }, { "type": "description", "position": [ 60, 373, 152, 26 ], "completed": false }, { "type": "description", "position": [ 747, 377, 152, 27 ], "completed": false }, { "type": "description", "position": [ 518, 386, 152, 27 ], "completed": false }, { "type": "image", "position": [ 61, 498, 215, 215 ], "completed": false }, { "type": "image", "position": [ 290, 498, 215, 201 ], "completed": false }, { "type": "image", "position": [ 519, 498, 215, 215 ], "completed": false }, { "type": "image", "position": [ 748, 498, 215, 215 ], "completed": false }, { "type": "title", "position": [ 289, 721, 203, 49 ], "completed": false }, { "type": "title", "position": [ 60, 735, 203, 24 ], "completed": false }, { "type": "title", "position": [ 518, 735, 203, 49 ], "completed": false }, { "type": "title", "position": [ 747, 735, 203, 49 ], "completed": false }, { "type": "description", "position": [ 60, 767, 100, 26 ], "completed": false }, { "type": "description", "position": [ 289, 778, 152, 26 ], "completed": false }, { "type": "description", "position": [ 518, 792, 142, 26 ], "completed": false }, { "type": "description", "position": [ 747, 792, 152, 26 ], "completed": false }, { "type": "button", "position": [ 440, 867, 144, 54 ], "completed": false } ] }, { "text": "#A page introducing the market trading of the company. # The page should have a title, a button to close, and 11 groups of one image+one title to show the different market trading of the company.", "region_id": "2236", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:button] [gp:InfoGroup [gattr:repeat'11'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 66 1 3 3 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2 | title 4 13 6 3 | title 77 13 7 3 | title 88 13 6 3 | title 109 13 5 3 | title 36 13 5 1 | title 55 13 8 3 | title 24 13 7 1 | title 47 13 4 1 | title 68 13 3 1 | title 15 13 5 1 | title 97 13 8 1", "layout_seq_without_completion": "button 66 1 3 3 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2 | title 4 13 6 3 | title 77 13 7 3 | title 88 13 6 3 | title 109 13 5 3 | title 36 13 5 1 | title 55 13 8 3 | title 24 13 7 1 | title 47 13 4 1 | title 68 13 3 1 | title 15 13 5 1 | title 97 13 8 1", "plain_layout_seq": "button 66 1 3 3 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2 | title 4 13 6 3 | title 77 13 7 3 | title 88 13 6 3 | title 109 13 5 3 | title 36 13 5 1 | title 55 13 8 3 | title 24 13 7 1 | title 47 13 4 1 | title 68 13 3 1 | title 15 13 5 1 | title 97 13 8 1", "canvas_width": 1003, "canvas_height": 158, "elements": [ { "type": "button", "position": [ 554, 9, 32, 32 ], "completed": false }, { "type": "title", "position": [ 417, 17, 136, 20 ], "completed": false }, { "type": "image", "position": [ 20, 57, 88, 100 ], "completed": false }, { "type": "image", "position": [ 109, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 196, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 284, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 371, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 459, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 546, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 634, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 721, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 809, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 896, 57, 87, 100 ], "completed": false }, { "type": "title", "position": [ 36, 111, 55, 28 ], "completed": false }, { "type": "title", "position": [ 130, 111, 43, 15 ], "completed": false }, { "type": "title", "position": [ 208, 111, 64, 15 ], "completed": false }, { "type": "title", "position": [ 305, 111, 45, 15 ], "completed": false }, { "type": "title", "position": [ 397, 111, 35, 15 ], "completed": false }, { "type": "title", "position": [ 466, 111, 71, 28 ], "completed": false }, { "type": "title", "position": [ 573, 111, 33, 15 ], "completed": false }, { "type": "title", "position": [ 647, 111, 60, 28 ], "completed": false }, { "type": "title", "position": [ 736, 111, 57, 28 ], "completed": false }, { "type": "title", "position": [ 818, 111, 68, 15 ], "completed": false }, { "type": "title", "position": [ 915, 111, 50, 28 ], "completed": false } ] }, { "text": "#A page introducing the market trading of the company. # The page should have a title, a button to close, and some images and buttons to show the different market trading of the company.", "region_id": "2236_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:button] [gp:InfoGroup [gattr:repeat'several'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 4 13 6 3 | button 77 13 7 3 | button 88 13 6 3 | button 109 13 5 3 | button 36 13 5 1 | button 55 13 8 3 | button 66 1 3 3 | button 24 13 7 1 | button 47 13 4 1 | button 68 13 3 1 | button 15 13 5 1 | button 97 13 8 1 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2", "layout_seq_without_completion": "button 4 13 6 3 | button 77 13 7 3 | button 88 13 6 3 | button 109 13 5 3 | button 36 13 5 1 | button 55 13 8 3 | button 66 1 3 3 | button 24 13 7 1 | button 47 13 4 1 | button 68 13 3 1 | button 15 13 5 1 | button 97 13 8 1 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2", "plain_layout_seq": "button 4 13 6 3 | button 77 13 7 3 | button 88 13 6 3 | button 109 13 5 3 | button 36 13 5 1 | button 55 13 8 3 | button 66 1 3 3 | button 24 13 7 1 | button 47 13 4 1 | button 68 13 3 1 | button 15 13 5 1 | button 97 13 8 1 | image 13 6 10 11 | image 44 6 10 11 | image 54 6 10 11 | image 2 6 10 11 | image 23 6 10 11 | image 33 6 10 11 | image 65 6 10 11 | image 75 6 10 11 | image 86 6 10 11 | image 96 6 10 11 | image 107 6 10 11 | title 49 2 16 2", "canvas_width": 1003, "canvas_height": 158, "elements": [ { "type": "button", "position": [ 554, 9, 32, 32 ], "completed": false }, { "type": "title", "position": [ 417, 17, 136, 20 ], "completed": false }, { "type": "image", "position": [ 20, 57, 88, 100 ], "completed": false }, { "type": "image", "position": [ 109, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 196, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 284, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 371, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 459, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 546, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 634, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 721, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 809, 57, 87, 100 ], "completed": false }, { "type": "image", "position": [ 896, 57, 87, 100 ], "completed": false }, { "type": "button", "position": [ 36, 111, 55, 28 ], "completed": false }, { "type": "button", "position": [ 130, 111, 43, 15 ], "completed": false }, { "type": "button", "position": [ 208, 111, 64, 15 ], "completed": false }, { "type": "button", "position": [ 305, 111, 45, 15 ], "completed": false }, { "type": "button", "position": [ 397, 111, 35, 15 ], "completed": false }, { "type": "button", "position": [ 466, 111, 71, 28 ], "completed": false }, { "type": "button", "position": [ 573, 111, 33, 15 ], "completed": false }, { "type": "button", "position": [ 647, 111, 60, 28 ], "completed": false }, { "type": "button", "position": [ 736, 111, 57, 28 ], "completed": false }, { "type": "button", "position": [ 818, 111, 68, 15 ], "completed": false }, { "type": "button", "position": [ 915, 111, 50, 28 ], "completed": false } ] }, { "text": "#A page for showing four kings of clothes.# There are four groups and each one includes one image and one label showing the name.", "region_id": "5294", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 2 0 26 29 | title 4 1 23 2 ] | [ image 32 0 26 29 | title 33 1 23 2 ] | [ image 61 0 26 29 | title 62 1 23 2 ] | [ image 90 0 26 29 | title 92 1 23 2 ] \"", "layout_seq_without_completion": "\" [ image 2 0 26 29 | title 4 1 23 2 ] | [ image 32 0 26 29 | title 33 1 23 2 ] | [ image 61 0 26 29 | title 62 1 23 2 ] | [ image 90 0 26 29 | title 92 1 23 2 ] \"", "plain_layout_seq": "image 2 0 26 29 | image 32 0 26 29 | image 61 0 26 29 | image 90 0 26 29 | title 4 1 23 2 | title 33 1 23 2 | title 62 1 23 2 | title 92 1 23 2", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "image", "position": [ 24, 0, 226, 251 ], "completed": false }, { "type": "image", "position": [ 274, 0, 226, 251 ], "completed": false }, { "type": "image", "position": [ 524, 0, 226, 251 ], "completed": false }, { "type": "image", "position": [ 774, 0, 226, 251 ], "completed": false }, { "type": "title", "position": [ 36, 12, 202, 25 ], "completed": false }, { "type": "title", "position": [ 286, 12, 202, 25 ], "completed": false }, { "type": "title", "position": [ 536, 12, 202, 25 ], "completed": false }, { "type": "title", "position": [ 786, 12, 202, 25 ], "completed": false } ] }, { "text": "# A page for introducing two webs. # The page should have two different groups. Both of them should contain one image, one title, and one description of the related web.", "region_id": "1828", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 43 52 13 | complete image 0 5 58 55 | image 0 5 57 28 | title 2 36 52 7 ] | [ description 64 39 52 10 | complete image 61 5 58 55 | image 61 5 57 28 | title 64 36 52 3 ] \"", "layout_seq_without_completion": "\" [ description 2 43 52 13 | image 0 5 58 55 | image 0 5 57 28 | title 2 36 52 7 ] | [ description 64 39 52 10 | image 61 5 58 55 | image 61 5 57 28 | title 64 36 52 3 ] \"", "plain_layout_seq": "description 2 43 52 13 | description 64 39 52 10 | image 0 5 58 55 | image 0 5 57 28 | image 61 5 58 55 | image 61 5 57 28 | title 2 36 52 7 | title 64 36 52 3", "canvas_width": 930, "canvas_height": 511, "elements": [ { "type": "image", "position": [ 0, 40, 451, 431 ], "completed": true }, { "type": "image", "position": [ 479, 40, 451, 431 ], "completed": true }, { "type": "image", "position": [ 2, 41, 449, 220 ], "completed": false }, { "type": "image", "position": [ 480, 41, 449, 220 ], "completed": false }, { "type": "title", "position": [ 22, 281, 409, 56 ], "completed": false }, { "type": "title", "position": [ 500, 281, 409, 28 ], "completed": false }, { "type": "description", "position": [ 500, 309, 409, 82 ], "completed": false }, { "type": "description", "position": [ 22, 337, 409, 106 ], "completed": false } ] }, { "text": "#This page mainly provides users with a Compare and Choose the Right SSL Certificate Provider platform.#This page has the title \"Compare and Choose the Right SSL Certificate Provider\" \u3001 there is also a subtitle and a button for \"Compare Certificates\"\u3001in addition to five groups of buttons with icons: Cheap Certificates, Ev Certificates, Multi-Domain(SAN) Certificates, Wildcard Certificates, and Code Signing Certificates.", "region_id": "3706", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'compare and choose the right ssl certificate provider'] ] [el:title] [el:button [attr:value 'Compare Certificates']] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'Cheap Certificates, Ev Certificates,Multi-Domain(SAN) Certificates,Wildcard Certificates,Code Signing Certificates'] [item [el:button] [el:icon] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | title undefined undefined | { [ button undefined undefined | icon undefined undefined ] | [ button undefined undefined | icon undefined undefined ] | [ button undefined undefined | icon undefined undefined ] | [ button undefined undefined | icon undefined undefined ] | [ button undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 47 | button 47 25 25 5 | title 0 8 120 6 | title 0 15 120 6 | \" [ button 6 36 19 3 ] | [ button 27 36 14 3 ] | [ button 43 36 26 3 ] | [ button 71 36 18 3 ] | [ button 91 36 21 3 ] \"", "layout_seq_without_completion": "background 0 0 120 47 | button 47 25 25 5 | title 0 8 120 6 | title 0 15 120 6 | \" [ button 6 36 19 3 ] | [ button 27 36 14 3 ] | [ button 43 36 26 3 ] | [ button 71 36 18 3 ] | [ button 91 36 21 3 ] \"", "plain_layout_seq": "background 0 0 120 47 | button 47 25 25 5 | button 6 36 19 3 | button 27 36 14 3 | button 43 36 26 3 | button 71 36 18 3 | button 91 36 21 3 | title 0 8 120 6 | title 0 15 120 6", "canvas_width": 1054, "canvas_height": 413, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 413 ], "completed": true }, { "type": "title", "position": [ 0, 76, 1054, 55 ], "completed": false }, { "type": "title", "position": [ 0, 133, 1054, 55 ], "completed": false }, { "type": "button", "position": [ 416, 220, 221, 45 ], "completed": false }, { "type": "button", "position": [ 59, 320, 168, 33 ], "completed": false }, { "type": "button", "position": [ 240, 320, 127, 33 ], "completed": false }, { "type": "button", "position": [ 380, 320, 233, 33 ], "completed": false }, { "type": "button", "position": [ 626, 320, 164, 33 ], "completed": false }, { "type": "button", "position": [ 803, 320, 192, 33 ], "completed": false } ] }, { "text": "#A page introducing SMART IMPO.# The page contains four information sets. Each group includes an image and a title. The four different titles are: \u201cSMART EXPO\u201d, \u201cOnline Trading\u201d, \u201cStar Suppliers\u201d, and \u201cSelected Supplier\u201d.", "region_id": "6193", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'smart expo, online trading, star suppliers, selected suppliers'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 0 0 38 15 | complete image 93 0 25 15 | image 20 5 18 10 | image 53 5 12 10 | complete image 40 0 25 15 | image 80 5 12 10 | complete image 67 0 25 15 | image 106 5 12 10 | title 3 2 12 3 | title 96 2 14 6 | title 69 2 12 3 | title 42 2 12 3", "layout_seq_without_completion": "image 0 0 38 15 | image 93 0 25 15 | image 20 5 18 10 | image 53 5 12 10 | image 40 0 25 15 | image 80 5 12 10 | image 67 0 25 15 | image 106 5 12 10 | title 3 2 12 3 | title 96 2 14 6 | title 69 2 12 3 | title 42 2 12 3", "plain_layout_seq": "image 0 0 38 15 | image 93 0 25 15 | image 20 5 18 10 | image 53 5 12 10 | image 40 0 25 15 | image 80 5 12 10 | image 67 0 25 15 | image 106 5 12 10 | title 3 2 12 3 | title 96 2 14 6 | title 69 2 12 3 | title 42 2 12 3", "canvas_width": 952, "canvas_height": 123, "elements": [ { "type": "image", "position": [ 5, 0, 306, 123 ], "completed": true }, { "type": "image", "position": [ 321, 0, 202, 123 ], "completed": true }, { "type": "image", "position": [ 533, 0, 202, 123 ], "completed": true }, { "type": "image", "position": [ 745, 0, 202, 123 ], "completed": true }, { "type": "title", "position": [ 25, 20, 97, 24 ], "completed": false }, { "type": "title", "position": [ 341, 20, 103, 24 ], "completed": false }, { "type": "title", "position": [ 553, 20, 99, 24 ], "completed": false }, { "type": "title", "position": [ 765, 20, 115, 48 ], "completed": false }, { "type": "image", "position": [ 161, 43, 150, 80 ], "completed": false }, { "type": "image", "position": [ 423, 43, 100, 80 ], "completed": false }, { "type": "image", "position": [ 635, 43, 100, 80 ], "completed": false }, { "type": "image", "position": [ 847, 43, 100, 80 ], "completed": false } ] }, { "text": "#A page for showing some news.# The page should have 3 groups while each group has an image, and a title of the news.", "region_id": "5277", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 0 1 38 52 | image 0 1 38 28 | complete text 0 53 38 0 | title 5 32 25 5 ] | [ image 40 1 38 28 | complete image 40 1 38 52 | complete text 40 53 38 0 | title 45 32 20 2 ] | [ image 80 1 38 28 | complete image 80 1 38 52 | complete text 80 53 38 0 | title 85 32 25 7 ] \"", "layout_seq_without_completion": "\" [ image 0 1 38 52 | image 0 1 38 28 | text 0 53 38 0 | title 5 32 25 5 ] | [ image 40 1 38 28 | image 40 1 38 52 | text 40 53 38 0 | title 45 32 20 2 ] | [ image 80 1 38 28 | image 80 1 38 52 | text 80 53 38 0 | title 85 32 25 7 ] \"", "plain_layout_seq": "image 0 1 38 52 | image 0 1 38 28 | image 40 1 38 28 | image 40 1 38 52 | image 80 1 38 28 | image 80 1 38 52 | text 0 53 38 0 | text 40 53 38 0 | text 80 53 38 0 | title 5 32 25 5 | title 45 32 20 2 | title 85 32 25 7", "canvas_width": 960, "canvas_height": 441, "elements": [ { "type": "image", "position": [ 5, 10, 310, 421 ], "completed": true }, { "type": "image", "position": [ 5, 10, 310, 230 ], "completed": false }, { "type": "image", "position": [ 325, 10, 310, 230 ], "completed": false }, { "type": "image", "position": [ 325, 10, 310, 421 ], "completed": true }, { "type": "image", "position": [ 645, 10, 310, 230 ], "completed": false }, { "type": "image", "position": [ 645, 10, 310, 421 ], "completed": true }, { "type": "title", "position": [ 45, 260, 203, 41 ], "completed": false }, { "type": "title", "position": [ 365, 260, 167, 20 ], "completed": false }, { "type": "title", "position": [ 685, 260, 206, 62 ], "completed": false }, { "type": "text", "position": [ 5, 429, 310, 2 ], "completed": true }, { "type": "text", "position": [ 325, 429, 310, 2 ], "completed": true }, { "type": "text", "position": [ 645, 429, 310, 2 ], "completed": true } ] }, { "text": "# A page showing popular on the Marketing Donut.# The page should have the title \"POPULAR ON THE MARKETING DONUT\" and three groups with each having an image and a title link. So the user can click the links for reading more. There should also be two pagination for switching pages for more info.", "region_id": "3808", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular on the marketing donut'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:link] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete button 0 22 5 5 | complete button 114 22 5 5 | image 6 10 34 20 | image 42 10 34 20 | image 79 10 34 20 | link 79 32 30 6 | link 6 32 32 2 | link 42 32 27 6 | title 0 2 33 3", "layout_seq_without_completion": "button 0 22 5 5 | button 114 22 5 5 | image 6 10 34 20 | image 42 10 34 20 | image 79 10 34 20 | link 79 32 30 6 | link 6 32 32 2 | link 42 32 27 6 | title 0 2 33 3", "plain_layout_seq": "button 0 22 5 5 | button 114 22 5 5 | image 6 10 34 20 | image 42 10 34 20 | image 79 10 34 20 | link 79 32 30 6 | link 6 32 32 2 | link 42 32 27 6 | title 0 2 33 3", "canvas_width": 940, "canvas_height": 322, "elements": [ { "type": "title", "position": [ 0, 20, 264, 26 ], "completed": false }, { "type": "image", "position": [ 48, 84, 268, 161 ], "completed": false }, { "type": "image", "position": [ 336, 84, 268, 161 ], "completed": false }, { "type": "image", "position": [ 624, 84, 268, 161 ], "completed": false }, { "type": "button", "position": [ 0, 174, 40, 44 ], "completed": true }, { "type": "button", "position": [ 900, 174, 40, 44 ], "completed": true }, { "type": "link", "position": [ 48, 257, 251, 21 ], "completed": false }, { "type": "link", "position": [ 336, 257, 219, 47 ], "completed": false }, { "type": "link", "position": [ 624, 257, 238, 47 ], "completed": false } ] }, { "text": "#A page for instructing the process.# The page should have 6 texts to introduce the steps that users can know and follow to do it.", "region_id": "8555", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "text 46 1 26 2 | text 75 0 5 5 | text 20 1 16 2 | text 39 0 5 5 | text 83 1 23 2 | text 13 0 5 5", "layout_seq_without_completion": "text 46 1 26 2 | text 75 0 5 5 | text 20 1 16 2 | text 39 0 5 5 | text 83 1 23 2 | text 13 0 5 5", "plain_layout_seq": "text 46 1 26 2 | text 75 0 5 5 | text 20 1 16 2 | text 39 0 5 5 | text 83 1 23 2 | text 13 0 5 5", "canvas_width": 929, "canvas_height": 40, "elements": [ { "type": "text", "position": [ 102, 0, 40, 40 ], "completed": false }, { "type": "text", "position": [ 305, 0, 40, 40 ], "completed": false }, { "type": "text", "position": [ 588, 0, 40, 40 ], "completed": false }, { "type": "text", "position": [ 160, 8, 129, 23 ], "completed": false }, { "type": "text", "position": [ 363, 8, 209, 23 ], "completed": false }, { "type": "text", "position": [ 646, 8, 181, 23 ], "completed": false } ] }, { "text": "#A page for showing some news or events.# There are four parts. In the first one, there is one title \"I'M LOOKING FOR\" and three labels \"NEWS AND EVENTS\", \"INFO ABOUT CU\", and \"INFO ABOUT CAMPUSES\". While in the remaining three parts, each of them includes one image and one label.", "region_id": "4770", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'im looking for'] ] [el:text [attr:value 'NEWS AND EVENTS'] ] [el:text [attr:value 'INFO ABOUT CU'] ] [el:text [attr:value 'INFO ABOUT CAMPUSES'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 4 56 54 54 | image 61 56 54 54 | image 61 0 54 54 | complete image 4 0 54 54 | text 10 21 43 5 | text 10 14 43 5 | text 71 19 32 14 | text 14 76 33 14 | text 10 28 43 3 | text 70 79 34 7 | title 4 0 54 11", "layout_seq_without_completion": "image 4 56 54 54 | image 61 56 54 54 | image 61 0 54 54 | image 4 0 54 54 | text 10 21 43 5 | text 10 14 43 5 | text 71 19 32 14 | text 14 76 33 14 | text 10 28 43 3 | text 70 79 34 7 | title 4 0 54 11", "plain_layout_seq": "image 4 56 54 54 | image 61 56 54 54 | image 61 0 54 54 | image 4 0 54 54 | text 10 21 43 5 | text 10 14 43 5 | text 71 19 32 14 | text 14 76 33 14 | text 10 28 43 3 | text 70 79 34 7 | title 4 0 54 11", "canvas_width": 1024, "canvas_height": 963, "elements": [ { "type": "image", "position": [ 40, 0, 463, 463 ], "completed": true }, { "type": "title", "position": [ 41, 1, 461, 96 ], "completed": false }, { "type": "image", "position": [ 522, 1, 461, 461 ], "completed": false }, { "type": "text", "position": [ 87, 126, 368, 47 ], "completed": false }, { "type": "text", "position": [ 613, 170, 279, 122 ], "completed": false }, { "type": "text", "position": [ 87, 185, 368, 46 ], "completed": false }, { "type": "text", "position": [ 87, 245, 368, 30 ], "completed": false }, { "type": "image", "position": [ 41, 482, 461, 461 ], "completed": false }, { "type": "image", "position": [ 522, 482, 461, 461 ], "completed": false }, { "type": "text", "position": [ 126, 651, 290, 122 ], "completed": false }, { "type": "text", "position": [ 605, 679, 295, 66 ], "completed": false } ] }, { "text": "#A page with articles on GRT and E-Way Bills for users to read.# There is a title \"Blogs\" and a sentence on the top of the page. Under the titles, there are three information sets. Each group contains an image, a title, a description text and a button for users to click to read more. There is also a button for users to click and see more articles at the bottom of the page.", "region_id": "4808", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'blogs'] [attr:position 'top'] ] [el:text [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'read more'] ] ] ] [el:button [attr:position 'bottom'] [attr:value 'see more']] ]", "execution": "multiinfo : button bottom undefined | text top undefined | title top undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 54 80 11 2 | text 4 12 110 2 | title 4 5 110 4 | \" [ button 7 65 10 3 | description 7 56 27 6 | image 4 23 32 23 | complete image 4 23 32 48 | title 7 49 24 5 ] | [ button 46 65 10 3 | description 46 53 27 6 | image 43 23 32 23 | complete image 43 23 32 48 | title 46 49 23 2 ] | [ button 85 65 10 3 | description 85 56 27 6 | image 82 23 32 23 | complete image 82 23 32 48 | title 85 49 27 5 ] \"", "layout_seq_without_completion": "button 54 80 11 2 | text 4 12 110 2 | title 4 5 110 4 | \" [ button 7 65 10 3 | description 7 56 27 6 | image 4 23 32 23 | image 4 23 32 48 | title 7 49 24 5 ] | [ button 46 65 10 3 | description 46 53 27 6 | image 43 23 32 23 | image 43 23 32 48 | title 46 49 23 2 ] | [ button 85 65 10 3 | description 85 56 27 6 | image 82 23 32 23 | image 82 23 32 48 | title 85 49 27 5 ] \"", "plain_layout_seq": "button 54 80 11 2 | button 7 65 10 3 | button 46 65 10 3 | button 85 65 10 3 | description 7 56 27 6 | description 46 53 27 6 | description 85 56 27 6 | image 4 23 32 23 | image 4 23 32 48 | image 43 23 32 23 | image 43 23 32 48 | image 82 23 32 23 | image 82 23 32 48 | text 4 12 110 2 | title 4 5 110 4 | title 7 49 24 5 | title 46 49 23 2 | title 85 49 27 5", "canvas_width": 1024, "canvas_height": 791, "elements": [ { "type": "title", "position": [ 42, 50, 940, 42 ], "completed": false }, { "type": "text", "position": [ 42, 107, 940, 18 ], "completed": false }, { "type": "image", "position": [ 42, 199, 280, 200 ], "completed": false }, { "type": "image", "position": [ 42, 199, 280, 414 ], "completed": true }, { "type": "image", "position": [ 372, 199, 280, 200 ], "completed": false }, { "type": "image", "position": [ 372, 199, 280, 414 ], "completed": true }, { "type": "image", "position": [ 702, 199, 280, 414 ], "completed": true }, { "type": "image", "position": [ 702, 199, 280, 200 ], "completed": false }, { "type": "title", "position": [ 66, 423, 205, 48 ], "completed": false }, { "type": "title", "position": [ 396, 423, 198, 24 ], "completed": false }, { "type": "title", "position": [ 726, 423, 232, 48 ], "completed": false }, { "type": "description", "position": [ 396, 457, 232, 57 ], "completed": false }, { "type": "description", "position": [ 66, 481, 232, 57 ], "completed": false }, { "type": "description", "position": [ 726, 481, 232, 57 ], "completed": false }, { "type": "button", "position": [ 66, 558, 90, 31 ], "completed": false }, { "type": "button", "position": [ 396, 558, 90, 31 ], "completed": false }, { "type": "button", "position": [ 726, 558, 90, 31 ], "completed": false }, { "type": "button", "position": [ 463, 685, 98, 24 ], "completed": false } ] }, { "text": "#A page showing the functions of \"Kia Online Purchase\".# It is divided into three parts of the picture, the first two parts have an icon and an introduction respectively.", "region_id": "1555", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:icon] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "complete image 60 0 60 30 | \" [ description 0 18 28 2 | icon 11 9 7 7 | complete image 0 0 30 30 ] | [ description 35 18 18 2 | icon 41 9 7 7 | complete image 30 0 30 30 ] \"", "layout_seq_without_completion": "image 60 0 60 30 | \" [ description 0 18 28 2 | icon 11 9 7 7 | image 0 0 30 30 ] | [ description 35 18 18 2 | icon 41 9 7 7 | image 30 0 30 30 ] \"", "plain_layout_seq": "description 0 18 28 2 | description 35 18 18 2 | icon 11 9 7 7 | icon 41 9 7 7 | image 60 0 60 30 | image 0 0 30 30 | image 30 0 30 30", "canvas_width": 1024, "canvas_height": 256, "elements": [ { "type": "image", "position": [ 0, 0, 256, 256 ], "completed": true }, { "type": "image", "position": [ 256, 0, 256, 256 ], "completed": true }, { "type": "image", "position": [ 512, 0, 512, 256 ], "completed": true }, { "type": "icon", "position": [ 98, 79, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 354, 79, 60, 60 ], "completed": false }, { "type": "description", "position": [ 7, 158, 242, 19 ], "completed": false }, { "type": "description", "position": [ 306, 158, 156, 19 ], "completed": false } ] }, { "text": "#A page for showing characteristics of the product.# The page has three lists, and each of them includes an icon, a title showing the characteristic, and a description.", "region_id": "3910", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 12 36 6 | icon 17 0 5 5 | title 1 7 36 2 ] | [ description 41 12 36 10 | icon 57 0 5 5 | title 41 7 36 2 ] | [ description 81 12 36 6 | icon 97 0 5 5 | title 81 7 36 2 ] \"", "layout_seq_without_completion": "\" [ description 1 12 36 6 | icon 17 0 5 5 | title 1 7 36 2 ] | [ description 41 12 36 10 | icon 57 0 5 5 | title 41 7 36 2 ] | [ description 81 12 36 6 | icon 97 0 5 5 | title 81 7 36 2 ] \"", "plain_layout_seq": "description 1 12 36 6 | description 41 12 36 10 | description 81 12 36 6 | icon 17 0 5 5 | icon 57 0 5 5 | icon 97 0 5 5 | title 1 7 36 2 | title 41 7 36 2 | title 81 7 36 2", "canvas_width": 959, "canvas_height": 313, "elements": [ { "type": "icon", "position": [ 138, 0, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 457, 0, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 777, 0, 44, 44 ], "completed": false }, { "type": "title", "position": [ 15, 59, 290, 23 ], "completed": false }, { "type": "title", "position": [ 335, 59, 290, 23 ], "completed": false }, { "type": "title", "position": [ 654, 59, 290, 23 ], "completed": false }, { "type": "description", "position": [ 15, 97, 290, 54 ], "completed": false }, { "type": "description", "position": [ 335, 97, 290, 81 ], "completed": false }, { "type": "description", "position": [ 654, 97, 290, 54 ], "completed": false } ] }, { "text": "#A page for showing category of information to users.# The page includes a title named \u201cIcon Legend\u201d with an icon beside it and four contents with four icons.", "region_id": "4659", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Icon Legend'] ] [el:icon] [gp:InfoGroup [gattr:repeat '4'] [item [el:text] [el:icon] ] ] ]", "execution": "multiinfo : icon undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 2 3 2 2 | icon 2 11 2 2 | icon 2 9 2 2 | icon 1 0 2 2 | icon 2 6 2 2 | text 2 3 116 2 | text 2 6 116 2 | text 2 9 116 2 | text 2 11 116 2 | title 4 0 10 1", "layout_seq_without_completion": "icon 2 3 2 2 | icon 2 11 2 2 | icon 2 9 2 2 | icon 1 0 2 2 | icon 2 6 2 2 | text 2 3 116 2 | text 2 6 116 2 | text 2 9 116 2 | text 2 11 116 2 | title 4 0 10 1", "plain_layout_seq": "icon 2 3 2 2 | icon 2 11 2 2 | icon 2 9 2 2 | icon 1 0 2 2 | icon 2 6 2 2 | text 2 3 116 2 | text 2 6 116 2 | text 2 9 116 2 | text 2 11 116 2 | title 4 0 10 1", "canvas_width": 912, "canvas_height": 117, "elements": [ { "type": "title", "position": [ 31, 5, 77, 15 ], "completed": false }, { "type": "icon", "position": [ 10, 6, 21, 16 ], "completed": false }, { "type": "icon", "position": [ 20, 27, 16, 16 ], "completed": false }, { "type": "text", "position": [ 20, 27, 887, 16 ], "completed": false }, { "type": "text", "position": [ 20, 48, 887, 16 ], "completed": false }, { "type": "icon", "position": [ 20, 48, 16, 16 ], "completed": false }, { "type": "text", "position": [ 20, 69, 887, 16 ], "completed": false }, { "type": "icon", "position": [ 20, 69, 16, 16 ], "completed": false }, { "type": "text", "position": [ 20, 90, 887, 16 ], "completed": false }, { "type": "icon", "position": [ 20, 90, 16, 16 ], "completed": false } ] }, { "text": "#A page for showing the products which are on sale.#The page has a background image and a button \"best sellers\". Under it, there is a title of \"our best selling items\", and there are four groups and each group has an image and a title. Also, there is a description of the price.", "region_id": "7107", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [el:button [attr:value 'best sellers'] ] [el:title[attr:value'our best selling items']][gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description]] ] ]", "execution": "multiinfo : background undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 35 | button 50 16 18 5 | description 6 78 6 2 | description 47 78 3 2 | description 34 77 6 2 | description 61 77 5 2 | description 41 78 6 2 | description 89 76 6 2 | image 6 57 24 16 | image 34 57 24 15 | image 61 57 24 15 | image 89 57 24 14 | title 89 73 24 2 | title 6 75 24 2 | title 34 74 24 2 | title 61 73 24 2 | title 6 48 107 2", "layout_seq_without_completion": "background 0 0 120 35 | button 50 16 18 5 | description 6 78 6 2 | description 47 78 3 2 | description 34 77 6 2 | description 61 77 5 2 | description 41 78 6 2 | description 89 76 6 2 | image 6 57 24 16 | image 34 57 24 15 | image 61 57 24 15 | image 89 57 24 14 | title 89 73 24 2 | title 6 75 24 2 | title 34 74 24 2 | title 61 73 24 2 | title 6 48 107 2", "plain_layout_seq": "background 0 0 120 35 | button 50 16 18 5 | description 6 78 6 2 | description 47 78 3 2 | description 34 77 6 2 | description 61 77 5 2 | description 41 78 6 2 | description 89 76 6 2 | image 6 57 24 16 | image 34 57 24 15 | image 61 57 24 15 | image 89 57 24 14 | title 89 73 24 2 | title 6 75 24 2 | title 34 74 24 2 | title 61 73 24 2 | title 6 48 107 2", "canvas_width": 1024, "canvas_height": 730, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 300 ], "completed": false }, { "type": "button", "position": [ 435, 142, 154, 43 ], "completed": false }, { "type": "title", "position": [ 55, 410, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 489, 206, 139 ], "completed": false }, { "type": "image", "position": [ 291, 489, 206, 132 ], "completed": false }, { "type": "image", "position": [ 527, 489, 206, 128 ], "completed": false }, { "type": "image", "position": [ 763, 489, 206, 123 ], "completed": false }, { "type": "title", "position": [ 763, 627, 206, 21 ], "completed": false }, { "type": "title", "position": [ 527, 631, 206, 21 ], "completed": false }, { "type": "title", "position": [ 291, 636, 206, 21 ], "completed": false }, { "type": "title", "position": [ 55, 643, 206, 20 ], "completed": false }, { "type": "description", "position": [ 763, 656, 53, 24 ], "completed": false }, { "type": "description", "position": [ 527, 660, 51, 24 ], "completed": false }, { "type": "description", "position": [ 291, 665, 54, 24 ], "completed": false }, { "type": "description", "position": [ 408, 666, 33, 23 ], "completed": false }, { "type": "description", "position": [ 350, 667, 58, 19 ], "completed": false }, { "type": "description", "position": [ 55, 671, 54, 24 ], "completed": false } ] }, { "text": "# A page to introduce the company to professionals. # The page should include one title and three parts of the media, investors, and careers of the company. Each part contains one image, one title and a brief description. There should be an icon for users to click to learn more information.", "region_id": "2105", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'media, investors, careers'] [item [el:image] [el:title] [el:description [attr:size'small'] ] [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 7 5 105 5 | \" [ image 7 18 33 49 ] | [ image 43 18 33 49 ] | [ image 79 18 33 49 ] \"", "layout_seq_without_completion": "title 7 5 105 5 | \" [ image 7 18 33 49 ] | [ image 43 18 33 49 ] | [ image 79 18 33 49 ] \"", "plain_layout_seq": "image 7 18 33 49 | image 43 18 33 49 | image 79 18 33 49 | title 7 5 105 5", "canvas_width": 1024, "canvas_height": 676, "elements": [ { "type": "title", "position": [ 64, 48, 896, 48 ], "completed": false }, { "type": "image", "position": [ 64, 160, 283, 420 ], "completed": false }, { "type": "image", "position": [ 371, 160, 283, 420 ], "completed": false }, { "type": "image", "position": [ 677, 160, 283, 420 ], "completed": false } ] }, { "text": "# A page to introduce the company to professionals. # The page should include four text boxes. One is the title, and another three are the information about the media, investors, and careers of the company. In each part, there is an icon used to click to learn more information.", "region_id": "2105_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'media, investors, careers'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "title 7 5 105 5 | \" [ text 7 18 33 49 ] | [ text 43 18 33 49 ] | [ text 79 18 33 49 ] \"", "layout_seq_without_completion": "title 7 5 105 5 | \" [ text 7 18 33 49 ] | [ text 43 18 33 49 ] | [ text 79 18 33 49 ] \"", "plain_layout_seq": "text 7 18 33 49 | text 43 18 33 49 | text 79 18 33 49 | title 7 5 105 5", "canvas_width": 1024, "canvas_height": 676, "elements": [ { "type": "title", "position": [ 64, 48, 896, 48 ], "completed": false }, { "type": "text", "position": [ 64, 160, 283, 420 ], "completed": false }, { "type": "text", "position": [ 371, 160, 283, 420 ], "completed": false }, { "type": "text", "position": [ 677, 160, 283, 420 ], "completed": false } ] }, { "text": "#A page for introducing the pros of the company about helping to respond to the crisis.# The page should have one title to introduce its value to entice users to use it. There should also have 3 parts to express its specific value for businesses, the public sector, and newsrooms respectively. And each part should have one image, one title, one short introduction, and one button for users to click to learn more.", "region_id": "1064", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'business, public sector, newsrooms'] [item [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 13 11 93 11 | \" [ button 16 71 9 4 | description 8 58 26 9 | image 3 30 36 17 | title 5 52 32 4 ] | [ button 55 71 9 4 | description 45 58 29 6 | image 41 30 36 17 | title 43 52 32 4 ] | [ button 93 71 9 4 | description 83 58 30 9 | image 80 30 36 17 | title 82 52 32 4 ] \"", "layout_seq_without_completion": "title 13 11 93 11 | \" [ button 16 71 9 4 | description 8 58 26 9 | image 3 30 36 17 | title 5 52 32 4 ] | [ button 55 71 9 4 | description 45 58 29 6 | image 41 30 36 17 | title 43 52 32 4 ] | [ button 93 71 9 4 | description 83 58 30 9 | image 80 30 36 17 | title 82 52 32 4 ] \"", "plain_layout_seq": "button 16 71 9 4 | button 55 71 9 4 | button 93 71 9 4 | description 8 58 26 9 | description 45 58 29 6 | description 83 58 30 9 | image 3 30 36 17 | image 41 30 36 17 | image 80 30 36 17 | title 13 11 93 11 | title 5 52 32 4 | title 43 52 32 4 | title 82 52 32 4", "canvas_width": 1024, "canvas_height": 677, "elements": [ { "type": "title", "position": [ 112, 100, 800, 96 ], "completed": false }, { "type": "image", "position": [ 28, 256, 312, 150 ], "completed": false }, { "type": "image", "position": [ 356, 256, 312, 150 ], "completed": false }, { "type": "image", "position": [ 684, 256, 312, 150 ], "completed": false }, { "type": "title", "position": [ 46, 444, 276, 42 ], "completed": false }, { "type": "title", "position": [ 374, 444, 276, 42 ], "completed": false }, { "type": "title", "position": [ 702, 444, 276, 42 ], "completed": false }, { "type": "description", "position": [ 70, 498, 228, 82 ], "completed": false }, { "type": "description", "position": [ 387, 498, 250, 53 ], "completed": false }, { "type": "description", "position": [ 709, 498, 262, 82 ], "completed": false }, { "type": "button", "position": [ 142, 606, 83, 37 ], "completed": false }, { "type": "button", "position": [ 470, 606, 83, 37 ], "completed": false }, { "type": "button", "position": [ 798, 606, 83, 37 ], "completed": false } ] }, { "text": "# A page for introducing the product category of an online store. # There should be a title \"PRODUCT CATEGORIES\" and ten six groups with an image and a title showing the category.", "region_id": "7448", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'product categories'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 52 32 32 | image 43 15 32 32 | image 43 52 32 32 | image 6 15 32 32 | image 80 15 32 32 | image 80 52 32 32 | title 6 6 107 2 | title 43 67 32 3 | title 6 30 32 3 | title 43 30 32 3 | title 80 28 32 7 | title 6 67 32 3 | title 80 65 32 7", "layout_seq_without_completion": "image 6 52 32 32 | image 43 15 32 32 | image 43 52 32 32 | image 6 15 32 32 | image 80 15 32 32 | image 80 52 32 32 | title 6 6 107 2 | title 43 67 32 3 | title 6 30 32 3 | title 43 30 32 3 | title 80 28 32 7 | title 6 67 32 3 | title 80 65 32 7", "plain_layout_seq": "image 6 52 32 32 | image 43 15 32 32 | image 43 52 32 32 | image 6 15 32 32 | image 80 15 32 32 | image 80 52 32 32 | title 6 6 107 2 | title 43 67 32 3 | title 6 30 32 3 | title 43 30 32 3 | title 80 28 32 7 | title 6 67 32 3 | title 80 65 32 7", "canvas_width": 1024, "canvas_height": 796, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "image", "position": [ 57, 136, 281, 281 ], "completed": false }, { "type": "image", "position": [ 372, 136, 281, 281 ], "completed": false }, { "type": "image", "position": [ 686, 136, 281, 281 ], "completed": false }, { "type": "title", "position": [ 686, 244, 281, 64 ], "completed": false }, { "type": "title", "position": [ 57, 260, 281, 33 ], "completed": false }, { "type": "title", "position": [ 372, 260, 281, 33 ], "completed": false }, { "type": "image", "position": [ 57, 451, 281, 281 ], "completed": false }, { "type": "image", "position": [ 372, 451, 281, 281 ], "completed": false }, { "type": "image", "position": [ 686, 451, 281, 281 ], "completed": false }, { "type": "title", "position": [ 686, 559, 281, 64 ], "completed": false }, { "type": "title", "position": [ 57, 574, 281, 33 ], "completed": false }, { "type": "title", "position": [ 372, 574, 281, 33 ], "completed": false } ] }, { "text": "#A page for recommending products for users.# The page should have a title, and 3 groups while each group has an image, and two texts to show the photo, title, and price of the goods. A button is needed for users to click to add it to the shopping cart.", "region_id": "7953", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text][el:button[attr:value'add to cart']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 94 73 10 2 | button 14 73 10 2 | button 54 73 10 2 | image 5 22 29 37 | image 45 29 29 22 | image 85 29 29 23 | text 47 66 8 3 | text 7 66 5 3 | text 87 66 6 3 | title 54 61 10 3 | title 13 61 13 3 | title 87 61 25 3 | title 0 0 120 16", "layout_seq_without_completion": "button 94 73 10 2 | button 14 73 10 2 | button 54 73 10 2 | image 5 22 29 37 | image 45 29 29 22 | image 85 29 29 23 | text 47 66 8 3 | text 7 66 5 3 | text 87 66 6 3 | title 54 61 10 3 | title 13 61 13 3 | title 87 61 25 3 | title 0 0 120 16", "plain_layout_seq": "button 94 73 10 2 | button 14 73 10 2 | button 54 73 10 2 | image 5 22 29 37 | image 45 29 29 22 | image 85 29 29 23 | text 47 66 8 3 | text 7 66 5 3 | text 87 66 6 3 | title 54 61 10 3 | title 13 61 13 3 | title 87 61 25 3 | title 0 0 120 16", "canvas_width": 949, "canvas_height": 646, "elements": [ { "type": "title", "position": [ 0, 0, 949, 132 ], "completed": false }, { "type": "image", "position": [ 43, 177, 230, 300 ], "completed": false }, { "type": "image", "position": [ 676, 236, 230, 182 ], "completed": false }, { "type": "image", "position": [ 360, 237, 230, 180 ], "completed": false }, { "type": "title", "position": [ 103, 487, 110, 24 ], "completed": false }, { "type": "title", "position": [ 433, 487, 84, 24 ], "completed": false }, { "type": "title", "position": [ 689, 487, 204, 24 ], "completed": false }, { "type": "text", "position": [ 60, 522, 44, 24 ], "completed": false }, { "type": "text", "position": [ 376, 522, 64, 24 ], "completed": false }, { "type": "text", "position": [ 693, 522, 54, 24 ], "completed": false }, { "type": "button", "position": [ 115, 585, 86, 22 ], "completed": false }, { "type": "button", "position": [ 432, 585, 86, 22 ], "completed": false }, { "type": "button", "position": [ 748, 585, 86, 22 ], "completed": false } ] }, { "text": "#A page for introducing success stories to users.# The page should include one title and a brief description on the top. Under it, there should be three parts of the content. Each part contains an image, one title, and a short introduction. At the bottom, a link is needed for users to learn more information.", "region_id": "1404", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] [el:link [attr:value'read more'] [attr:position 'bottom'] ] ]", "execution": "multiinfo : description top small | link bottom undefined | title top undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 46 38 26 3 | description 1 8 116 2 | image 1 16 11 11 | image 41 16 11 11 | image 81 16 11 11 | complete text 45 21 4 2 | complete text 4 20 5 4 | complete text 84 20 5 4 | title 1 4 116 3 | \" [ description 14 22 18 7 | complete icon 14 30 13 2 | link 14 30 10 2 | title 14 16 15 2 ] | [ description 54 22 18 7 | complete icon 54 30 13 2 | link 54 30 10 2 | title 54 16 15 4 ] | [ description 94 22 18 7 | complete icon 94 30 13 2 | link 94 30 10 2 | title 94 16 15 4 ] \"", "layout_seq_without_completion": "button 46 38 26 3 | description 1 8 116 2 | image 1 16 11 11 | image 41 16 11 11 | image 81 16 11 11 | text 45 21 4 2 | text 4 20 5 4 | text 84 20 5 4 | title 1 4 116 3 | \" [ description 14 22 18 7 | icon 14 30 13 2 | link 14 30 10 2 | title 14 16 15 2 ] | [ description 54 22 18 7 | icon 54 30 13 2 | link 54 30 10 2 | title 54 16 15 4 ] | [ description 94 22 18 7 | icon 94 30 13 2 | link 94 30 10 2 | title 94 16 15 4 ] \"", "plain_layout_seq": "button 46 38 26 3 | description 1 8 116 2 | description 14 22 18 7 | description 54 22 18 7 | description 94 22 18 7 | icon 14 30 13 2 | icon 54 30 13 2 | icon 94 30 13 2 | image 1 16 11 11 | image 41 16 11 11 | image 81 16 11 11 | link 14 30 10 2 | link 54 30 10 2 | link 94 30 10 2 | text 45 21 4 2 | text 4 20 5 4 | text 84 20 5 4 | title 1 4 116 3 | title 14 16 15 2 | title 54 16 15 4 | title 94 16 15 4", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 15, 40, 994, 34 ], "completed": false }, { "type": "description", "position": [ 15, 73, 994, 24 ], "completed": false }, { "type": "image", "position": [ 15, 145, 100, 100 ], "completed": false }, { "type": "title", "position": [ 125, 145, 135, 25 ], "completed": false }, { "type": "image", "position": [ 356, 145, 100, 100 ], "completed": false }, { "type": "title", "position": [ 466, 145, 135, 42 ], "completed": false }, { "type": "image", "position": [ 698, 145, 100, 100 ], "completed": false }, { "type": "title", "position": [ 808, 145, 135, 42 ], "completed": false }, { "type": "text", "position": [ 40, 175, 50, 40 ], "completed": true }, { "type": "text", "position": [ 722, 175, 50, 40 ], "completed": true }, { "type": "text", "position": [ 385, 185, 42, 20 ], "completed": true }, { "type": "description", "position": [ 125, 195, 161, 63 ], "completed": false }, { "type": "description", "position": [ 466, 195, 161, 63 ], "completed": false }, { "type": "description", "position": [ 808, 195, 161, 63 ], "completed": false }, { "type": "link", "position": [ 125, 260, 86, 20 ], "completed": false }, { "type": "icon", "position": [ 125, 260, 117, 21 ], "completed": true }, { "type": "link", "position": [ 466, 260, 86, 20 ], "completed": false }, { "type": "icon", "position": [ 466, 260, 117, 21 ], "completed": true }, { "type": "icon", "position": [ 808, 260, 117, 21 ], "completed": true }, { "type": "link", "position": [ 808, 260, 86, 20 ], "completed": false }, { "type": "button", "position": [ 401, 329, 222, 34 ], "completed": true } ] }, { "text": "# A page to introduce the service provided by a company.# The page should have six groups with each having a small image and a short phrase to introduce the service: price match guarantee, worldwide delivery, 100% satisfaction guarantee, golden customer service, safe payment, and easy returns.", "region_id": "7541", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'price match guarantee, worldwide delivery, 100% satisfaction guarantee, golden customer service, safe payment, easy returns'] [item [el:image [attr:size 'small'] ] [el:title [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ image undefined small | title undefined small ] | [ image undefined small | title undefined small ] | [ image undefined small | title undefined small ] | [ image undefined small | title undefined small ] | [ image undefined small | title undefined small ] | [ image undefined small | title undefined small ] }", "layout_seq_with_completion": "image 1 15 6 6 | image 40 15 6 6 | image 80 15 6 6 | image 1 5 6 6 | image 40 5 6 6 | image 80 5 6 6 | title 47 17 13 3 | title 47 7 19 3 | title 87 7 28 3 | title 7 17 24 3 | title 7 7 22 3 | title 87 17 13 3", "layout_seq_without_completion": "image 1 15 6 6 | image 40 15 6 6 | image 80 15 6 6 | image 1 5 6 6 | image 40 5 6 6 | image 80 5 6 6 | title 47 17 13 3 | title 47 7 19 3 | title 87 7 28 3 | title 7 17 24 3 | title 7 7 22 3 | title 87 17 13 3", "plain_layout_seq": "image 1 15 6 6 | image 40 15 6 6 | image 80 15 6 6 | image 1 5 6 6 | image 40 5 6 6 | image 80 5 6 6 | title 47 17 13 3 | title 47 7 19 3 | title 87 7 28 3 | title 7 17 24 3 | title 7 7 22 3 | title 87 17 13 3", "canvas_width": 1200, "canvas_height": 243, "elements": [ { "type": "image", "position": [ 10, 55, 64, 64 ], "completed": false }, { "type": "image", "position": [ 409, 55, 64, 64 ], "completed": false }, { "type": "image", "position": [ 808, 55, 64, 64 ], "completed": false }, { "type": "title", "position": [ 77, 73, 226, 34 ], "completed": false }, { "type": "title", "position": [ 476, 73, 194, 34 ], "completed": false }, { "type": "title", "position": [ 875, 73, 288, 34 ], "completed": false }, { "type": "image", "position": [ 10, 154, 64, 64 ], "completed": false }, { "type": "image", "position": [ 409, 154, 64, 64 ], "completed": false }, { "type": "image", "position": [ 808, 154, 64, 64 ], "completed": false }, { "type": "title", "position": [ 77, 172, 246, 34 ], "completed": false }, { "type": "title", "position": [ 476, 172, 137, 34 ], "completed": false }, { "type": "title", "position": [ 875, 172, 136, 34 ], "completed": false } ] }, { "text": "#A page for introducing the annual general meeting to users.# The page should include two parts such as meeting and sustainability. Each part contains one title, a brief description, and a button for users to click for further information.", "region_id": "653", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'meeting, sustainablility'] [item [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete image 5 5 33 37 | \" [ button 50 32 5 2 | description 46 19 28 8 | complete image 43 5 35 33 | title 46 9 28 8 ] | [ button 86 32 12 2 | description 82 19 28 8 | complete image 78 5 35 33 | title 82 9 28 8 ] \"", "layout_seq_without_completion": "image 5 5 33 37 | \" [ button 50 32 5 2 | description 46 19 28 8 | image 43 5 35 33 | title 46 9 28 8 ] | [ button 86 32 12 2 | description 82 19 28 8 | image 78 5 35 33 | title 82 9 28 8 ] \"", "plain_layout_seq": "button 50 32 5 2 | button 86 32 12 2 | description 46 19 28 8 | description 82 19 28 8 | image 5 5 33 37 | image 43 5 35 33 | image 78 5 35 33 | title 46 9 28 8 | title 82 9 28 8", "canvas_width": 1024, "canvas_height": 423, "elements": [ { "type": "image", "position": [ 47, 48, 289, 320 ], "completed": true }, { "type": "image", "position": [ 368, 48, 305, 287 ], "completed": true }, { "type": "image", "position": [ 672, 48, 305, 287 ], "completed": true }, { "type": "title", "position": [ 398, 78, 245, 76 ], "completed": false }, { "type": "title", "position": [ 702, 78, 245, 76 ], "completed": false }, { "type": "description", "position": [ 398, 170, 245, 72 ], "completed": false }, { "type": "description", "position": [ 702, 170, 245, 72 ], "completed": false }, { "type": "button", "position": [ 430, 281, 50, 24 ], "completed": false }, { "type": "button", "position": [ 734, 281, 110, 24 ], "completed": false } ] }, { "text": "#A page showing the homepage of a company.# There should be a textbox showing the announcement for the MEDEA Master Programme, followed by a short description. There should be three links, with corresponding three images, directing the users to find out more info.", "region_id": "1152", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:link] [el:image] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 87 | description 6 62 113 5 | image 6 73 23 0 | image 62 73 23 0 | image 34 73 23 0 | link 6 75 19 4 | link 34 75 22 4 | link 62 75 20 4 | title 6 47 90 14", "layout_seq_without_completion": "background 0 0 120 87 | description 6 62 113 5 | image 6 73 23 0 | image 62 73 23 0 | image 34 73 23 0 | link 6 75 19 4 | link 34 75 22 4 | link 62 75 20 4 | title 6 47 90 14", "plain_layout_seq": "background 0 0 120 87 | description 6 62 113 5 | image 6 73 23 0 | image 62 73 23 0 | image 34 73 23 0 | link 6 75 19 4 | link 34 75 22 4 | link 62 75 20 4 | title 6 47 90 14", "canvas_width": 1024, "canvas_height": 750, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 750 ], "completed": true }, { "type": "title", "position": [ 52, 409, 774, 122 ], "completed": false }, { "type": "description", "position": [ 52, 536, 972, 48 ], "completed": false }, { "type": "image", "position": [ 52, 630, 200, 5 ], "completed": false }, { "type": "image", "position": [ 292, 630, 200, 5 ], "completed": false }, { "type": "image", "position": [ 532, 630, 200, 5 ], "completed": false }, { "type": "link", "position": [ 52, 643, 169, 39 ], "completed": false }, { "type": "link", "position": [ 292, 643, 196, 39 ], "completed": false }, { "type": "link", "position": [ 532, 643, 174, 39 ], "completed": false } ] }, { "text": "# A page for selling a product in different sizes.# The page should have four groups of product information with each having an image, a title, and a price.", "region_id": "7862", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 4 4 25 25 | text 12 35 10 2 | title 4 31 25 3 ] | [ image 33 4 25 25 | text 40 39 10 2 | title 33 31 25 6 ] | [ image 61 4 25 25 | text 68 39 10 2 | title 61 31 25 6 ] | [ image 89 4 25 25 | text 97 35 10 2 | title 89 31 25 3 ] \"", "layout_seq_without_completion": "\" [ image 4 4 25 25 | text 12 35 10 2 | title 4 31 25 3 ] | [ image 33 4 25 25 | text 40 39 10 2 | title 33 31 25 6 ] | [ image 61 4 25 25 | text 68 39 10 2 | title 61 31 25 6 ] | [ image 89 4 25 25 | text 97 35 10 2 | title 89 31 25 3 ] \"", "plain_layout_seq": "image 4 4 25 25 | image 33 4 25 25 | image 61 4 25 25 | image 89 4 25 25 | text 12 35 10 2 | text 40 39 10 2 | text 68 39 10 2 | text 97 35 10 2 | title 4 31 25 3 | title 33 31 25 6 | title 61 31 25 6 | title 89 31 25 3", "canvas_width": 1024, "canvas_height": 422, "elements": [ { "type": "image", "position": [ 42, 40, 220, 220 ], "completed": false }, { "type": "image", "position": [ 282, 40, 220, 220 ], "completed": false }, { "type": "image", "position": [ 522, 40, 220, 220 ], "completed": false }, { "type": "image", "position": [ 762, 40, 220, 220 ], "completed": false }, { "type": "title", "position": [ 42, 272, 220, 29 ], "completed": false }, { "type": "title", "position": [ 282, 272, 220, 58 ], "completed": false }, { "type": "title", "position": [ 522, 272, 220, 58 ], "completed": false }, { "type": "title", "position": [ 762, 272, 220, 29 ], "completed": false }, { "type": "text", "position": [ 106, 305, 92, 19 ], "completed": false }, { "type": "text", "position": [ 828, 305, 89, 19 ], "completed": false }, { "type": "text", "position": [ 346, 334, 92, 19 ], "completed": false }, { "type": "text", "position": [ 586, 334, 92, 19 ], "completed": false } ] }, { "text": "#A page showing the belief of the company.#The page should have the title \"We believe in a world well fed, one where food is:\". \"ORGANIC, NOURISHING, CLEAN\", \"READY IN MINUTES\", \"DESIGNED TO MEET YOUR NEEDS\", \"FROZEN TO BE BETTER\", and \"MADE WITH THE EARTH IN MIND\" are five subtitles. Some words are also on the page.", "region_id": "4920", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'we believe in a world well fed, one where food is:'] ] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'organic, nourishing, clean, ready in minutes, designed to meet your needs, frozen to be better, made with the earth in mind'] [item [el:title] ] ] [el:text [attr:repeat 'several'] ] ]", "execution": "multiinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "text 1 63 116 2 | title 30 0 58 9 | \" [ title 8 18 18 18 ] | [ title 36 18 18 18 ] | [ title 64 18 18 18 ] | [ title 92 18 18 18 ] | [ title 50 37 18 18 ] \"", "layout_seq_without_completion": "text 1 63 116 2 | title 30 0 58 9 | \" [ title 8 18 18 18 ] | [ title 36 18 18 18 ] | [ title 64 18 18 18 ] | [ title 92 18 18 18 ] | [ title 50 37 18 18 ] \"", "plain_layout_seq": "text 1 63 116 2 | title 30 0 58 9 | title 8 18 18 18 | title 36 18 18 18 | title 64 18 18 18 | title 92 18 18 18 | title 50 37 18 18", "canvas_width": 1024, "canvas_height": 591, "elements": [ { "type": "title", "position": [ 262, 0, 500, 84 ], "completed": false }, { "type": "title", "position": [ 72, 162, 160, 160 ], "completed": false }, { "type": "title", "position": [ 312, 162, 160, 160 ], "completed": false }, { "type": "title", "position": [ 552, 162, 160, 160 ], "completed": false }, { "type": "title", "position": [ 792, 162, 160, 160 ], "completed": false }, { "type": "title", "position": [ 432, 322, 160, 160 ], "completed": false }, { "type": "text", "position": [ 16, 538, 992, 21 ], "completed": false } ] }, { "text": "#A page for showing the products.# There are six images showing the products and each of them is followed by one label showing the name.", "region_id": "7400", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 4 5 16 16 | image 23 5 16 16 | image 42 5 16 16 | image 60 5 16 16 | image 80 5 16 16 | image 98 5 16 16 | text 100 22 14 1 | text 24 22 15 1 | text 8 22 8 1 | text 42 22 16 1 | text 65 22 7 1 | text 83 22 10 1", "layout_seq_without_completion": "image 4 5 16 16 | image 23 5 16 16 | image 42 5 16 16 | image 60 5 16 16 | image 80 5 16 16 | image 98 5 16 16 | text 100 22 14 1 | text 24 22 15 1 | text 8 22 8 1 | text 42 22 16 1 | text 65 22 7 1 | text 83 22 10 1", "plain_layout_seq": "image 4 5 16 16 | image 23 5 16 16 | image 42 5 16 16 | image 60 5 16 16 | image 80 5 16 16 | image 98 5 16 16 | text 100 22 14 1 | text 24 22 15 1 | text 8 22 8 1 | text 42 22 16 1 | text 65 22 7 1 | text 83 22 10 1", "canvas_width": 1141, "canvas_height": 279, "elements": [ { "type": "image", "position": [ 40, 50, 160, 161 ], "completed": false }, { "type": "image", "position": [ 220, 50, 160, 160 ], "completed": false }, { "type": "image", "position": [ 400, 50, 160, 160 ], "completed": false }, { "type": "image", "position": [ 580, 50, 160, 160 ], "completed": false }, { "type": "image", "position": [ 761, 50, 160, 161 ], "completed": false }, { "type": "image", "position": [ 941, 50, 160, 160 ], "completed": false }, { "type": "text", "position": [ 229, 210, 143, 16 ], "completed": false }, { "type": "text", "position": [ 404, 210, 153, 16 ], "completed": false }, { "type": "text", "position": [ 625, 210, 71, 16 ], "completed": false }, { "type": "text", "position": [ 951, 210, 139, 16 ], "completed": false }, { "type": "text", "position": [ 81, 211, 79, 16 ], "completed": false }, { "type": "text", "position": [ 792, 211, 97, 16 ], "completed": false } ] }, { "text": "#A page for introducing reliable API connections to users.# The page should include one title and twelve logos of the brands such as \"PayPal\".", "region_id": "301", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'12'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 17 29 9 4 | logo 93 20 9 2 | logo 32 18 9 5 | logo 77 18 9 5 | logo 77 29 9 2 | logo 32 30 9 2 | logo 47 20 9 1 | logo 47 28 9 5 | logo 17 19 9 4 | logo 62 18 9 5 | logo 62 29 9 3 | logo 93 30 9 2 | title 16 11 86 3", "layout_seq_without_completion": "logo 17 29 9 4 | logo 93 20 9 2 | logo 32 18 9 5 | logo 77 18 9 5 | logo 77 29 9 2 | logo 32 30 9 2 | logo 47 20 9 1 | logo 47 28 9 5 | logo 17 19 9 4 | logo 62 18 9 5 | logo 62 29 9 3 | logo 93 30 9 2 | title 16 11 86 3", "plain_layout_seq": "logo 17 29 9 4 | logo 93 20 9 2 | logo 32 18 9 5 | logo 77 18 9 5 | logo 77 29 9 2 | logo 32 30 9 2 | logo 47 20 9 1 | logo 47 28 9 5 | logo 17 19 9 4 | logo 62 18 9 5 | logo 62 29 9 3 | logo 93 30 9 2 | title 16 11 86 3", "canvas_width": 1018, "canvas_height": 304, "elements": [ { "type": "title", "position": [ 140, 96, 738, 28 ], "completed": false }, { "type": "logo", "position": [ 277, 159, 80, 50 ], "completed": false }, { "type": "logo", "position": [ 661, 159, 80, 50 ], "completed": false }, { "type": "logo", "position": [ 533, 160, 80, 47 ], "completed": false }, { "type": "logo", "position": [ 149, 163, 80, 42 ], "completed": false }, { "type": "logo", "position": [ 789, 173, 80, 23 ], "completed": false }, { "type": "logo", "position": [ 405, 178, 80, 14 ], "completed": false }, { "type": "logo", "position": [ 405, 239, 80, 50 ], "completed": false }, { "type": "logo", "position": [ 149, 247, 80, 34 ], "completed": false }, { "type": "logo", "position": [ 533, 250, 80, 28 ], "completed": false }, { "type": "logo", "position": [ 661, 254, 80, 21 ], "completed": false }, { "type": "logo", "position": [ 277, 256, 80, 18 ], "completed": false }, { "type": "logo", "position": [ 789, 256, 80, 17 ], "completed": false } ] }, { "text": "#A page for introducing several interesting parts to users.# This page should include eight groups. Each group contains one image and one title. They are \"Flowers\", \"Cakes\", \"Combo\", \"Plants\", \"Gifts\", \"Anniversal\", \"Birthday\", and \"Midnight\".", "region_id": "8433", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [gattr:names 'flowers, cakes, combo, plants, gifts, anniversal,Birthday,Midnight'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 19 1 10 10 | image 47 1 10 10 | image 5 1 10 10 | image 33 1 10 10 | image 75 1 10 10 | image 103 1 10 10 | image 61 1 10 10 | image 89 1 10 10 | title 89 10 10 1 | title 47 10 10 1 | title 5 10 10 1 | title 61 10 10 1 | title 75 10 10 1 | title 19 10 10 1 | title 33 10 10 1 | title 103 10 10 1", "layout_seq_without_completion": "image 19 1 10 10 | image 47 1 10 10 | image 5 1 10 10 | image 33 1 10 10 | image 75 1 10 10 | image 103 1 10 10 | image 61 1 10 10 | image 89 1 10 10 | title 89 10 10 1 | title 47 10 10 1 | title 5 10 10 1 | title 61 10 10 1 | title 75 10 10 1 | title 19 10 10 1 | title 33 10 10 1 | title 103 10 10 1", "plain_layout_seq": "image 19 1 10 10 | image 47 1 10 10 | image 5 1 10 10 | image 33 1 10 10 | image 75 1 10 10 | image 103 1 10 10 | image 61 1 10 10 | image 89 1 10 10 | title 89 10 10 1 | title 47 10 10 1 | title 5 10 10 1 | title 61 10 10 1 | title 75 10 10 1 | title 19 10 10 1 | title 33 10 10 1 | title 103 10 10 1", "canvas_width": 1024, "canvas_height": 149, "elements": [ { "type": "image", "position": [ 51, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 170, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 289, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 408, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 527, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 646, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 765, 15, 89, 89 ], "completed": false }, { "type": "image", "position": [ 884, 15, 89, 89 ], "completed": false }, { "type": "title", "position": [ 51, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 170, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 289, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 408, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 527, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 646, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 765, 87, 89, 17 ], "completed": false }, { "type": "title", "position": [ 884, 87, 89, 17 ], "completed": false } ] }, { "text": "#A page that contains articles about nature.# The page contains four information sets. Each group includes an image, a title, and a link for users to read more.", "region_id": "4644", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 0 27 30 | complete image 0 0 27 39 | link 1 35 23 1 | title 1 32 23 1 ] | [ image 30 0 27 30 | complete image 30 0 27 39 | link 32 35 23 1 | title 32 32 23 1 ] | [ complete image 61 0 27 39 | image 61 0 27 30 | link 63 35 23 1 | title 63 32 23 1 ] | [ image 92 0 27 30 | complete image 92 0 27 39 | link 94 35 23 1 | title 94 32 23 1 ] \"", "layout_seq_without_completion": "\" [ image 0 0 27 30 | image 0 0 27 39 | link 1 35 23 1 | title 1 32 23 1 ] | [ image 30 0 27 30 | image 30 0 27 39 | link 32 35 23 1 | title 32 32 23 1 ] | [ image 61 0 27 39 | image 61 0 27 30 | link 63 35 23 1 | title 63 32 23 1 ] | [ image 92 0 27 30 | image 92 0 27 39 | link 94 35 23 1 | title 94 32 23 1 ] \"", "plain_layout_seq": "image 0 0 27 30 | image 0 0 27 39 | image 30 0 27 30 | image 30 0 27 39 | image 61 0 27 39 | image 61 0 27 30 | image 92 0 27 30 | image 92 0 27 39 | link 1 35 23 1 | link 32 35 23 1 | link 63 35 23 1 | link 94 35 23 1 | title 1 32 23 1 | title 32 32 23 1 | title 63 32 23 1 | title 94 32 23 1", "canvas_width": 979, "canvas_height": 349, "elements": [ { "type": "image", "position": [ 0, 0, 222, 319 ], "completed": true }, { "type": "image", "position": [ 0, 0, 222, 250 ], "completed": false }, { "type": "image", "position": [ 252, 0, 222, 250 ], "completed": false }, { "type": "image", "position": [ 252, 0, 223, 319 ], "completed": true }, { "type": "image", "position": [ 505, 0, 222, 250 ], "completed": false }, { "type": "image", "position": [ 505, 0, 222, 319 ], "completed": true }, { "type": "image", "position": [ 757, 0, 222, 250 ], "completed": false }, { "type": "image", "position": [ 757, 0, 222, 319 ], "completed": true }, { "type": "title", "position": [ 15, 265, 192, 16 ], "completed": false }, { "type": "title", "position": [ 267, 265, 192, 16 ], "completed": false }, { "type": "title", "position": [ 519, 265, 192, 16 ], "completed": false }, { "type": "title", "position": [ 772, 265, 192, 16 ], "completed": false }, { "type": "link", "position": [ 15, 291, 192, 13 ], "completed": false }, { "type": "link", "position": [ 267, 291, 192, 13 ], "completed": false }, { "type": "link", "position": [ 519, 291, 192, 13 ], "completed": false }, { "type": "link", "position": [ 772, 291, 192, 13 ], "completed": false } ] }, { "text": "#A page for showing some brands.# There should be one title\"Empowering Hundreds of the world's most admired brands\". Eight logos show the brands. One button is used to learn more customers.", "region_id": "1520", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'empowering hundreds of the worlds most admired brands'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] ] ] [el:button [attr:value'more customers'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "button 50 51 18 4 | title 1 3 117 12 | \" [ logo 20 21 19 10 ] | [ logo 94 21 5 9 ] | [ logo 46 22 18 8 ] | [ logo 70 24 17 4 ] | [ logo 19 37 14 9 ] | [ logo 39 37 17 8 ] | [ logo 63 37 18 8 ] | [ logo 87 38 13 6 ] \"", "layout_seq_without_completion": "button 50 51 18 4 | title 1 3 117 12 | \" [ logo 20 21 19 10 ] | [ logo 94 21 5 9 ] | [ logo 46 22 18 8 ] | [ logo 70 24 17 4 ] | [ logo 19 37 14 9 ] | [ logo 39 37 17 8 ] | [ logo 63 37 18 8 ] | [ logo 87 38 13 6 ] \"", "plain_layout_seq": "button 50 51 18 4 | logo 20 21 19 10 | logo 94 21 5 9 | logo 46 22 18 8 | logo 70 24 17 4 | logo 19 37 14 9 | logo 39 37 17 8 | logo 63 37 18 8 | logo 87 38 13 6 | title 1 3 117 12", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 12, 32, 1000, 110 ], "completed": false }, { "type": "logo", "position": [ 172, 183, 170, 89 ], "completed": false }, { "type": "logo", "position": [ 803, 187, 49, 80 ], "completed": false }, { "type": "logo", "position": [ 394, 189, 155, 76 ], "completed": false }, { "type": "logo", "position": [ 601, 208, 150, 39 ], "completed": false }, { "type": "logo", "position": [ 165, 320, 120, 80 ], "completed": false }, { "type": "logo", "position": [ 337, 323, 150, 73 ], "completed": false }, { "type": "logo", "position": [ 539, 323, 155, 73 ], "completed": false }, { "type": "logo", "position": [ 746, 330, 113, 59 ], "completed": false }, { "type": "button", "position": [ 434, 438, 157, 38 ], "completed": false } ] }, { "text": "#A page for showing some brands.# There should be one text box for showing the title. Eight Texts are needed to show the brands' logos. One text button is used to learn more customers.", "region_id": "1520_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:logo]] ] [el:button [attr:value'more customers'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "button 50 51 18 4 | title 1 3 117 12 | \" [ logo 20 21 19 10 ] | [ logo 94 21 5 9 ] | [ logo 46 22 18 8 ] | [ logo 70 24 17 4 ] | [ logo 19 37 14 9 ] | [ logo 39 37 17 8 ] | [ logo 63 37 18 8 ] | [ logo 87 38 13 6 ] \"", "layout_seq_without_completion": "button 50 51 18 4 | title 1 3 117 12 | \" [ logo 20 21 19 10 ] | [ logo 94 21 5 9 ] | [ logo 46 22 18 8 ] | [ logo 70 24 17 4 ] | [ logo 19 37 14 9 ] | [ logo 39 37 17 8 ] | [ logo 63 37 18 8 ] | [ logo 87 38 13 6 ] \"", "plain_layout_seq": "button 50 51 18 4 | logo 20 21 19 10 | logo 94 21 5 9 | logo 46 22 18 8 | logo 70 24 17 4 | logo 19 37 14 9 | logo 39 37 17 8 | logo 63 37 18 8 | logo 87 38 13 6 | title 1 3 117 12", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 12, 32, 1000, 110 ], "completed": false }, { "type": "logo", "position": [ 172, 183, 170, 89 ], "completed": false }, { "type": "logo", "position": [ 803, 187, 49, 80 ], "completed": false }, { "type": "logo", "position": [ 394, 189, 155, 76 ], "completed": false }, { "type": "logo", "position": [ 601, 208, 150, 39 ], "completed": false }, { "type": "logo", "position": [ 165, 320, 120, 80 ], "completed": false }, { "type": "logo", "position": [ 337, 323, 150, 73 ], "completed": false }, { "type": "logo", "position": [ 539, 323, 155, 73 ], "completed": false }, { "type": "logo", "position": [ 746, 330, 113, 59 ], "completed": false }, { "type": "button", "position": [ 434, 438, 157, 38 ], "completed": false } ] }, { "text": "#A page for showing the articles in terms of social science.# The page should have a title, and 3 groups while each group has an image, and 4 texts to show the source, title, author, and the published time of the article.", "region_id": "4249", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '4'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 44 0 30 14 | \" [ image 3 16 36 36 | text 3 54 11 2 | text 8 62 14 1 | text 25 62 9 1 | text 3 57 36 4 ] | [ image 41 16 36 36 | text 48 62 12 1 | text 41 54 11 2 | text 62 62 9 1 | text 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 17 2 | text 85 62 16 1 | text 103 62 7 1 | text 80 57 36 4 ] \"", "layout_seq_without_completion": "title 44 0 30 14 | \" [ image 3 16 36 36 | text 3 54 11 2 | text 8 62 14 1 | text 25 62 9 1 | text 3 57 36 4 ] | [ image 41 16 36 36 | text 48 62 12 1 | text 41 54 11 2 | text 62 62 9 1 | text 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 17 2 | text 85 62 16 1 | text 103 62 7 1 | text 80 57 36 4 ] \"", "plain_layout_seq": "image 3 16 36 36 | image 41 16 36 36 | image 80 16 36 36 | text 3 54 11 2 | text 8 62 14 1 | text 25 62 9 1 | text 3 57 36 4 | text 48 62 12 1 | text 41 54 11 2 | text 62 62 9 1 | text 41 57 36 4 | text 80 54 17 2 | text 85 62 16 1 | text 103 62 7 1 | text 80 57 36 4 | title 44 0 30 14", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "title", "position": [ 382, 0, 260, 125 ], "completed": false }, { "type": "image", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "text", "position": [ 30, 463, 102, 18 ], "completed": false }, { "type": "text", "position": [ 358, 463, 102, 18 ], "completed": false }, { "type": "text", "position": [ 686, 463, 147, 18 ], "completed": false }, { "type": "text", "position": [ 30, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 358, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 686, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 74, 537, 125, 17 ], "completed": false }, { "type": "text", "position": [ 216, 537, 79, 17 ], "completed": false }, { "type": "text", "position": [ 410, 537, 109, 17 ], "completed": false }, { "type": "text", "position": [ 536, 537, 78, 17 ], "completed": false }, { "type": "text", "position": [ 729, 537, 137, 17 ], "completed": false }, { "type": "text", "position": [ 883, 537, 68, 17 ], "completed": false } ] }, { "text": "#A page to exhibit collections.# The page is comprised of a title \"Collection list\" and five information sets. Each group includes an image and the category of the collection.", "region_id": "6789", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection list'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 3 9 20 13 | image 27 9 20 13 | image 51 9 20 13 | image 75 9 20 13 | image 99 9 20 13 | text 3 24 20 2 | text 27 24 20 2 | text 51 24 20 2 | text 75 24 20 2 | text 99 24 20 2 | title 3 3 116 4", "layout_seq_without_completion": "image 3 9 20 13 | image 27 9 20 13 | image 51 9 20 13 | image 75 9 20 13 | image 99 9 20 13 | text 3 24 20 2 | text 27 24 20 2 | text 51 24 20 2 | text 75 24 20 2 | text 99 24 20 2 | title 3 3 116 4", "plain_layout_seq": "image 3 9 20 13 | image 27 9 20 13 | image 51 9 20 13 | image 75 9 20 13 | image 99 9 20 13 | text 3 24 20 2 | text 27 24 20 2 | text 51 24 20 2 | text 75 24 20 2 | text 99 24 20 2 | title 3 3 116 4", "canvas_width": 994, "canvas_height": 285, "elements": [ { "type": "title", "position": [ 30, 27, 964, 38 ], "completed": false }, { "type": "image", "position": [ 30, 79, 169, 112 ], "completed": false }, { "type": "image", "position": [ 229, 79, 169, 112 ], "completed": false }, { "type": "image", "position": [ 428, 79, 169, 112 ], "completed": false }, { "type": "image", "position": [ 626, 79, 169, 112 ], "completed": false }, { "type": "image", "position": [ 825, 79, 169, 112 ], "completed": false }, { "type": "text", "position": [ 30, 201, 169, 22 ], "completed": false }, { "type": "text", "position": [ 229, 201, 169, 22 ], "completed": false }, { "type": "text", "position": [ 428, 201, 169, 22 ], "completed": false }, { "type": "text", "position": [ 626, 201, 169, 22 ], "completed": false }, { "type": "text", "position": [ 825, 201, 169, 22 ], "completed": false } ] }, { "text": "# A page to introduce the corporate social responsibility of the company ReNew Power. # The page should have a title \"Corporate Social Responsibility\", a long text box with a detailed description, and four images. It is better to have a background image.", "region_id": "421", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'corporate social responsibility'] ] [el:description [attr:size'large'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] [el:background_image] ]", "execution": "multiinfo : background undefined undefined | description undefined large | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 80 | description 1 18 116 15 | image 3 46 22 22 | image 33 46 22 22 | image 63 46 22 22 | image 93 46 22 22 | title 1 9 116 5", "layout_seq_without_completion": "background 0 0 120 80 | description 1 18 116 15 | image 3 46 22 22 | image 33 46 22 22 | image 63 46 22 22 | image 93 46 22 22 | title 1 9 116 5", "plain_layout_seq": "background 0 0 120 80 | description 1 18 116 15 | image 3 46 22 22 | image 33 46 22 22 | image 63 46 22 22 | image 93 46 22 22 | title 1 9 116 5", "canvas_width": 1024, "canvas_height": 684, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 684 ], "completed": false }, { "type": "title", "position": [ 15, 85, 994, 44 ], "completed": false }, { "type": "description", "position": [ 15, 159, 994, 135 ], "completed": false }, { "type": "image", "position": [ 33, 394, 190, 190 ], "completed": false }, { "type": "image", "position": [ 289, 394, 190, 190 ], "completed": false }, { "type": "image", "position": [ 545, 394, 190, 190 ], "completed": false }, { "type": "image", "position": [ 801, 394, 190, 190 ], "completed": false } ] }, { "text": "# The page shows three passages to the user.# There are three types. Each type includes one photo of the passage, one heading, one detail of the passage, and two links for the users to click on to learn more information.", "region_id": "3734", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] [el:link [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 43 38 32 8 | description 3 34 32 5 | description 83 34 32 5 | image 41 2 37 20 | complete image 1 49 37 14 | complete image 41 49 37 14 | complete image 81 49 37 14 | complete image 1 2 37 61 | complete image 81 2 37 61 | image 81 2 37 20 | image 1 2 37 20 | complete image 41 2 37 61 | link 19 59 16 2 | link 54 51 21 2 | link 51 59 24 2 | link 97 59 18 2 | link 103 51 12 2 | link 22 51 11 2 | title 3 27 26 3 | title 43 27 30 8 | title 83 27 20 3", "layout_seq_without_completion": "description 43 38 32 8 | description 3 34 32 5 | description 83 34 32 5 | image 41 2 37 20 | image 1 49 37 14 | image 41 49 37 14 | image 81 49 37 14 | image 1 2 37 61 | image 81 2 37 61 | image 81 2 37 20 | image 1 2 37 20 | image 41 2 37 61 | link 19 59 16 2 | link 54 51 21 2 | link 51 59 24 2 | link 97 59 18 2 | link 103 51 12 2 | link 22 51 11 2 | title 3 27 26 3 | title 43 27 30 8 | title 83 27 20 3", "plain_layout_seq": "description 43 38 32 8 | description 3 34 32 5 | description 83 34 32 5 | image 41 2 37 20 | image 1 49 37 14 | image 41 49 37 14 | image 81 49 37 14 | image 1 2 37 61 | image 81 2 37 61 | image 81 2 37 20 | image 1 2 37 20 | image 41 2 37 61 | link 19 59 16 2 | link 54 51 21 2 | link 51 59 24 2 | link 97 59 18 2 | link 103 51 12 2 | link 22 51 11 2 | title 3 27 26 3 | title 43 27 30 8 | title 83 27 20 3", "canvas_width": 1004, "canvas_height": 557, "elements": [ { "type": "image", "position": [ 10, 20, 315, 517 ], "completed": true }, { "type": "image", "position": [ 345, 20, 315, 517 ], "completed": true }, { "type": "image", "position": [ 679, 20, 315, 517 ], "completed": true }, { "type": "image", "position": [ 11, 21, 313, 175 ], "completed": false }, { "type": "image", "position": [ 346, 21, 313, 175 ], "completed": false }, { "type": "image", "position": [ 680, 21, 313, 175 ], "completed": false }, { "type": "title", "position": [ 31, 226, 220, 33 ], "completed": false }, { "type": "title", "position": [ 366, 226, 258, 67 ], "completed": false }, { "type": "title", "position": [ 700, 226, 173, 33 ], "completed": false }, { "type": "description", "position": [ 31, 290, 273, 48 ], "completed": false }, { "type": "description", "position": [ 700, 290, 273, 48 ], "completed": false }, { "type": "description", "position": [ 366, 323, 273, 72 ], "completed": false }, { "type": "image", "position": [ 11, 415, 313, 120 ], "completed": true }, { "type": "image", "position": [ 346, 415, 313, 120 ], "completed": true }, { "type": "image", "position": [ 680, 415, 313, 120 ], "completed": true }, { "type": "link", "position": [ 186, 435, 96, 19 ], "completed": false }, { "type": "link", "position": [ 457, 435, 181, 19 ], "completed": false }, { "type": "link", "position": [ 870, 435, 103, 19 ], "completed": false }, { "type": "link", "position": [ 163, 496, 141, 19 ], "completed": false }, { "type": "link", "position": [ 433, 496, 205, 19 ], "completed": false }, { "type": "link", "position": [ 817, 496, 156, 19 ], "completed": false } ] }, { "text": "#A page for a coffee website. # There are two groups of information, each group has an image and a link for the user to click for more information.", "region_id": "7146", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 4 16 53 53 | image 61 16 53 53 | link 61 72 53 1 | link 4 72 53 1", "layout_seq_without_completion": "image 4 16 53 53 | image 61 16 53 53 | link 61 72 53 1 | link 4 72 53 1", "plain_layout_seq": "image 4 16 53 53 | image 61 16 53 53 | link 61 72 53 1 | link 4 72 53 1", "canvas_width": 1024, "canvas_height": 817, "elements": [ { "type": "image", "position": [ 42, 140, 460, 460 ], "completed": false }, { "type": "image", "position": [ 522, 140, 460, 460 ], "completed": false }, { "type": "link", "position": [ 42, 620, 460, 17 ], "completed": false }, { "type": "link", "position": [ 522, 620, 460, 17 ], "completed": false } ] }, { "text": "#A page for showing products.# The page has four groups. Each group includes a picture and a title showing the product name.", "region_id": "7163", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 5 34 26 8 ] | [ title 33 34 26 5 ] | [ title 61 34 26 5 ] | [ title 90 34 26 5 ] \"", "layout_seq_without_completion": "\" [ title 5 34 26 8 ] | [ title 33 34 26 5 ] | [ title 61 34 26 5 ] | [ title 90 34 26 5 ] \"", "plain_layout_seq": "title 5 34 26 8 | title 33 34 26 5 | title 61 34 26 5 | title 90 34 26 5", "canvas_width": 1024, "canvas_height": 412, "elements": [ { "type": "title", "position": [ 48, 291, 224, 69 ], "completed": false }, { "type": "title", "position": [ 288, 291, 224, 43 ], "completed": false }, { "type": "title", "position": [ 528, 291, 224, 43 ], "completed": false }, { "type": "title", "position": [ 768, 291, 224, 43 ], "completed": false } ] }, { "text": "# A page to show the sponsors of a company.# The page should have the title \"Our Sponsors\" and 14 sponsor logos.", "region_id": "4952", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our sponsors'] ] [gp:InfoGroup [gattr:repeat '14'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 11 7 95 5 | \" [ logo 13 18 15 9 ] | [ logo 32 18 15 9 ] | [ logo 52 18 15 9 ] | [ logo 71 18 15 9 ] | [ logo 90 18 15 9 ] | [ logo 13 36 15 9 ] | [ logo 32 36 15 9 ] | [ logo 52 36 15 9 ] | [ logo 71 36 15 9 ] | [ logo 90 36 15 9 ] | [ logo 13 53 15 9 ] | [ logo 32 53 15 9 ] | [ logo 52 53 15 9 ] | [ logo 71 53 15 6 ] \"", "layout_seq_without_completion": "title 11 7 95 5 | \" [ logo 13 18 15 9 ] | [ logo 32 18 15 9 ] | [ logo 52 18 15 9 ] | [ logo 71 18 15 9 ] | [ logo 90 18 15 9 ] | [ logo 13 36 15 9 ] | [ logo 32 36 15 9 ] | [ logo 52 36 15 9 ] | [ logo 71 36 15 9 ] | [ logo 90 36 15 9 ] | [ logo 13 53 15 9 ] | [ logo 32 53 15 9 ] | [ logo 52 53 15 9 ] | [ logo 71 53 15 6 ] \"", "plain_layout_seq": "logo 13 18 15 9 | logo 32 18 15 9 | logo 52 18 15 9 | logo 71 18 15 9 | logo 90 18 15 9 | logo 13 36 15 9 | logo 32 36 15 9 | logo 52 36 15 9 | logo 71 36 15 9 | logo 90 36 15 9 | logo 13 53 15 9 | logo 32 53 15 9 | logo 52 53 15 9 | logo 71 53 15 6 | title 11 7 95 5", "canvas_width": 1024, "canvas_height": 615, "elements": [ { "type": "title", "position": [ 102, 61, 819, 50 ], "completed": false }, { "type": "logo", "position": [ 117, 162, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 281, 162, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 445, 162, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 609, 162, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 773, 162, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 117, 309, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 281, 309, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 445, 309, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 609, 309, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 773, 309, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 117, 457, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 281, 457, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 445, 457, 134, 80 ], "completed": false }, { "type": "logo", "position": [ 609, 457, 134, 59 ], "completed": false } ] }, { "text": "# A page for an online shop for the user to buy their goods. # The page should contain the title \"OUR ILLUSION COLLECTION\", and three groups of information sets. There should have an image, a name, and a price of the product in each group. Also, a button is needed to shop in Illusion. There should have a pagination for the user to switch to the next page.", "region_id": "8036", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'OUR ILLUSION COLLECTION'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'shop in illusion']] [el:pagination] ]", "execution": "multiinfo : button undefined undefined | pagination undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 50 82 19 5 | complete icon 111 43 2 2 | title 5 8 108 3 | \" [ image 14 20 25 38 | text 24 66 5 2 | title 15 62 22 3 ] | [ image 46 20 25 38 | text 57 66 5 2 | title 49 62 21 3 ] | [ image 80 20 25 38 | text 90 66 5 2 | title 82 62 21 3 ] \"", "layout_seq_without_completion": "button 50 82 19 5 | icon 111 43 2 2 | title 5 8 108 3 | \" [ image 14 20 25 38 | text 24 66 5 2 | title 15 62 22 3 ] | [ image 46 20 25 38 | text 57 66 5 2 | title 49 62 21 3 ] | [ image 80 20 25 38 | text 90 66 5 2 | title 82 62 21 3 ] \"", "plain_layout_seq": "button 50 82 19 5 | icon 111 43 2 2 | image 14 20 25 38 | image 46 20 25 38 | image 80 20 25 38 | text 24 66 5 2 | text 57 66 5 2 | text 90 66 5 2 | title 5 8 108 3 | title 15 62 22 3 | title 49 62 21 3 | title 82 62 21 3", "canvas_width": 1024, "canvas_height": 823, "elements": [ { "type": "title", "position": [ 50, 74, 924, 33 ], "completed": false }, { "type": "image", "position": [ 120, 177, 221, 332 ], "completed": false }, { "type": "image", "position": [ 401, 177, 221, 332 ], "completed": false }, { "type": "image", "position": [ 683, 177, 221, 332 ], "completed": false }, { "type": "icon", "position": [ 952, 367, 18, 18 ], "completed": true }, { "type": "title", "position": [ 133, 532, 195, 29 ], "completed": false }, { "type": "title", "position": [ 422, 532, 180, 29 ], "completed": false }, { "type": "title", "position": [ 700, 532, 186, 29 ], "completed": false }, { "type": "text", "position": [ 208, 569, 45, 18 ], "completed": false }, { "type": "text", "position": [ 487, 569, 49, 18 ], "completed": false }, { "type": "text", "position": [ 771, 569, 44, 18 ], "completed": false }, { "type": "button", "position": [ 427, 700, 170, 43 ], "completed": false } ] }, { "text": "#A page introducing four kinds of products.# The page should have the title \"THE COLLECTION\". Under it, there should have four kinds of perfume, including four images, and12 lines of text in total, and 3 lines below each image. The texts describe the name and price of the products.", "region_id": "7332", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the collection'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 3 5 112 6 | \" [ text 9 42 12 3 ] | [ text 7 46 18 6 ] | [ text 12 55 8 2 ] \" | \" [ text 39 42 12 3 ] | [ text 35 46 19 6 ] | [ text 41 55 8 2 ] \" | \" [ text 68 42 12 3 ] | [ text 63 46 23 6 ] | [ text 71 55 6 2 ] \" | \" [ text 97 42 12 3 ] | [ text 92 46 23 6 ] | [ text 100 55 6 2 ] \"", "layout_seq_without_completion": "title 3 5 112 6 | \" [ text 9 42 12 3 ] | [ text 7 46 18 6 ] | [ text 12 55 8 2 ] \" | \" [ text 39 42 12 3 ] | [ text 35 46 19 6 ] | [ text 41 55 8 2 ] \" | \" [ text 68 42 12 3 ] | [ text 63 46 23 6 ] | [ text 71 55 6 2 ] \" | \" [ text 97 42 12 3 ] | [ text 92 46 23 6 ] | [ text 100 55 6 2 ] \"", "plain_layout_seq": "text 9 42 12 3 | text 7 46 18 6 | text 12 55 8 2 | text 39 42 12 3 | text 35 46 19 6 | text 41 55 8 2 | text 68 42 12 3 | text 63 46 23 6 | text 71 55 6 2 | text 97 42 12 3 | text 92 46 23 6 | text 100 55 6 2 | title 3 5 112 6", "canvas_width": 1009, "canvas_height": 772, "elements": [ { "type": "title", "position": [ 30, 50, 949, 51 ], "completed": false }, { "type": "text", "position": [ 83, 358, 108, 29 ], "completed": false }, { "type": "text", "position": [ 328, 358, 108, 29 ], "completed": false }, { "type": "text", "position": [ 573, 358, 108, 29 ], "completed": false }, { "type": "text", "position": [ 818, 358, 108, 29 ], "completed": false }, { "type": "text", "position": [ 60, 389, 155, 52 ], "completed": false }, { "type": "text", "position": [ 302, 389, 160, 52 ], "completed": false }, { "type": "text", "position": [ 530, 389, 194, 52 ], "completed": false }, { "type": "text", "position": [ 775, 389, 194, 52 ], "completed": false }, { "type": "text", "position": [ 103, 470, 68, 25 ], "completed": false }, { "type": "text", "position": [ 348, 470, 68, 25 ], "completed": false }, { "type": "text", "position": [ 598, 470, 58, 25 ], "completed": false }, { "type": "text", "position": [ 843, 470, 58, 25 ], "completed": false } ] }, { "text": "#A page including posts about De-suung.# The page contains the title \"Signing of De-suung Code of Conduct\" and an image. There should also be a title \"Recent Posts\", followed by six titles of posts and their publishing time.", "region_id": "5375", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'signing of de-suung code of conduct'] ] [el:image] [el:title [attr:value 'Recent Posts'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:title] [el:text] ] ] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 7 62 41 | text 75 61 40 6 | text 75 35 12 2 | text 96 39 12 2 | text 75 16 38 6 | text 82 27 12 2 | text 90 54 12 2 | title 75 42 41 13 | title 75 39 21 2 | title 75 12 39 6 | title 75 24 38 6 | title 75 31 40 2 | title 75 57 35 6 | title 1 2 62 3 | title 72 6 43 2", "layout_seq_without_completion": "image 1 7 62 41 | text 75 61 40 6 | text 75 35 12 2 | text 96 39 12 2 | text 75 16 38 6 | text 82 27 12 2 | text 90 54 12 2 | title 75 42 41 13 | title 75 39 21 2 | title 75 12 39 6 | title 75 24 38 6 | title 75 31 40 2 | title 75 57 35 6 | title 1 2 62 3 | title 72 6 43 2", "plain_layout_seq": "image 1 7 62 41 | text 75 61 40 6 | text 75 35 12 2 | text 96 39 12 2 | text 75 16 38 6 | text 82 27 12 2 | text 90 54 12 2 | title 75 42 41 13 | title 75 39 21 2 | title 75 12 39 6 | title 75 24 38 6 | title 75 31 40 2 | title 75 57 35 6 | title 1 2 62 3 | title 72 6 43 2", "canvas_width": 964, "canvas_height": 585, "elements": [ { "type": "title", "position": [ 15, 18, 500, 27 ], "completed": false }, { "type": "title", "position": [ 585, 56, 348, 24 ], "completed": false }, { "type": "image", "position": [ 15, 58, 500, 331 ], "completed": false }, { "type": "title", "position": [ 603, 104, 320, 52 ], "completed": false }, { "type": "text", "position": [ 603, 134, 308, 52 ], "completed": false }, { "type": "title", "position": [ 603, 194, 313, 52 ], "completed": false }, { "type": "text", "position": [ 662, 224, 104, 22 ], "completed": false }, { "type": "title", "position": [ 603, 254, 325, 22 ], "completed": false }, { "type": "text", "position": [ 603, 284, 104, 22 ], "completed": false }, { "type": "title", "position": [ 603, 314, 171, 22 ], "completed": false }, { "type": "text", "position": [ 778, 314, 104, 22 ], "completed": false }, { "type": "title", "position": [ 603, 344, 330, 112 ], "completed": false }, { "type": "text", "position": [ 725, 434, 104, 22 ], "completed": false }, { "type": "title", "position": [ 603, 464, 284, 52 ], "completed": false }, { "type": "text", "position": [ 603, 494, 328, 52 ], "completed": false } ] }, { "text": "#This page is mainly to provide information to users. #This page is divided into two groups: IMG.UPSCALE and IMG.LARGER. And both have a subtitle. In addition to the title, each group has a description. There are two links below each group: Try ImgUpscaler for multiple Images and Try ImgLarger for best quality.", "region_id": "2944", "region_type": "MultiInfo", "ir": "[region:MultiInfo[gp:InfoGroup[item[el:title[attr:value'IMG.UPSCALE']] [el:title][el:description][el:link [attr:value 'Try ImgUpscaler for multiple Images'] ]][item[el:title[attr:value'IMG.LARGER']] [el:title][el:description][el:link [attr:value 'Try ImgLarger for best qualit'] ] ]]]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete text 59 10 0 21 | \" [ description 3 16 46 23 | link 6 43 40 3 | title 13 0 25 2 | title 3 5 46 8 ] | [ description 70 16 46 23 | link 76 43 34 3 | title 80 0 25 3 | title 70 5 46 8 ] \"", "layout_seq_without_completion": "text 59 10 0 21 | \" [ description 3 16 46 23 | link 6 43 40 3 | title 13 0 25 2 | title 3 5 46 8 ] | [ description 70 16 46 23 | link 76 43 34 3 | title 80 0 25 3 | title 70 5 46 8 ] \"", "plain_layout_seq": "description 3 16 46 23 | description 70 16 46 23 | link 6 43 40 3 | link 76 43 34 3 | text 59 10 0 21 | title 13 0 25 2 | title 3 5 46 8 | title 80 0 25 3 | title 70 5 46 8", "canvas_width": 930, "canvas_height": 362, "elements": [ { "type": "title", "position": [ 107, 0, 200, 23 ], "completed": false }, { "type": "title", "position": [ 623, 0, 200, 24 ], "completed": false }, { "type": "title", "position": [ 28, 39, 358, 67 ], "completed": false }, { "type": "title", "position": [ 545, 40, 358, 67 ], "completed": false }, { "type": "text", "position": [ 464, 81, 2, 169 ], "completed": true }, { "type": "description", "position": [ 28, 131, 358, 181 ], "completed": false }, { "type": "description", "position": [ 545, 131, 358, 181 ], "completed": false }, { "type": "link", "position": [ 51, 337, 311, 24 ], "completed": false }, { "type": "link", "position": [ 591, 338, 265, 24 ], "completed": false } ] }, { "text": "# A page presenting the categories for the user to shop by category.# The page should have four groups: \"FOOTICS\" \"PLAYWEAR\" \"BODYSUITS\", and \"BLANKETS\" with each having an image and a button for the user to enter the category to shop.", "region_id": "7137", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'footics, playwear, bodysuits, blankets'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 21 94 17 5 | button 22 42 14 5 | button 81 42 16 5 | button 81 94 16 5 | image 0 0 60 52 | image 0 52 60 52 | image 60 52 60 52 | image 60 0 60 52", "layout_seq_without_completion": "button 21 94 17 5 | button 22 42 14 5 | button 81 42 16 5 | button 81 94 16 5 | image 0 0 60 52 | image 0 52 60 52 | image 60 52 60 52 | image 60 0 60 52", "plain_layout_seq": "button 21 94 17 5 | button 22 42 14 5 | button 81 42 16 5 | button 81 94 16 5 | image 0 0 60 52 | image 0 52 60 52 | image 60 52 60 52 | image 60 0 60 52", "canvas_width": 1024, "canvas_height": 900, "elements": [ { "type": "image", "position": [ 0, 0, 512, 450 ], "completed": false }, { "type": "image", "position": [ 512, 0, 512, 450 ], "completed": false }, { "type": "button", "position": [ 194, 359, 124, 51 ], "completed": false }, { "type": "button", "position": [ 699, 359, 138, 51 ], "completed": false }, { "type": "image", "position": [ 0, 450, 512, 450 ], "completed": false }, { "type": "image", "position": [ 512, 450, 512, 450 ], "completed": false }, { "type": "button", "position": [ 182, 809, 148, 51 ], "completed": false }, { "type": "button", "position": [ 699, 809, 138, 51 ], "completed": false } ] }, { "text": "#A page for navigation of the web TRAVEL.#The page should have a title, named \"title\". There are four groups and each group has an image and a title. Also, there is a description in each group.", "region_id": "3522", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'title'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description ]] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 4 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "plain_layout_seq": "description 2 36 26 4 | description 31 36 26 4 | description 61 36 26 4 | description 91 36 26 4 | image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | title 1 4 118 4 | title 2 34 26 1 | title 31 34 26 1 | title 61 34 26 1 | title 91 34 26 1", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 10, 41, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 102, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 102, 251, 177 ], "completed": false }, { "type": "title", "position": [ 18, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 273, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 528, 294, 223, 14 ], "completed": false }, { "type": "title", "position": [ 783, 294, 223, 14 ], "completed": false }, { "type": "description", "position": [ 18, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 273, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 528, 314, 223, 40 ], "completed": false }, { "type": "description", "position": [ 783, 314, 223, 40 ], "completed": false } ] }, { "text": "#A page for showing one company's business segments.# There should be one title\"What We Do\" and one label \"Our Business segments\". Each of the images includes one text box showing the segment name, and each of them is followed by one button for users to learn more.", "region_id": "2377", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'what we do'] ] [el:title [attr:value'our business segments'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 3 7 41 3 | title 3 3 41 3 | \" [ button 11 65 28 10 | image 0 0 39 65 | text 15 56 21 2 ] | [ button 51 65 28 10 | image 39 0 39 65 | text 55 56 21 2 ] | [ button 91 65 28 10 | image 80 0 39 65 | text 95 56 21 5 ] \"", "layout_seq_without_completion": "title 3 7 41 3 | title 3 3 41 3 | \" [ button 11 65 28 10 | image 0 0 39 65 | text 15 56 21 2 ] | [ button 51 65 28 10 | image 39 0 39 65 | text 55 56 21 2 ] | [ button 91 65 28 10 | image 80 0 39 65 | text 95 56 21 5 ] \"", "plain_layout_seq": "button 11 65 28 10 | button 51 65 28 10 | button 91 65 28 10 | image 0 0 39 65 | image 39 0 39 65 | image 80 0 39 65 | text 15 56 21 2 | text 55 56 21 2 | text 95 56 21 5 | title 3 7 41 3 | title 3 3 41 3", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "image", "position": [ 0, 0, 341, 558 ], "completed": false }, { "type": "image", "position": [ 341, 0, 341, 558 ], "completed": false }, { "type": "image", "position": [ 683, 0, 341, 558 ], "completed": false }, { "type": "title", "position": [ 30, 30, 350, 33 ], "completed": false }, { "type": "title", "position": [ 30, 63, 350, 34 ], "completed": false }, { "type": "text", "position": [ 130, 480, 181, 24 ], "completed": false }, { "type": "text", "position": [ 471, 480, 181, 24 ], "completed": false }, { "type": "text", "position": [ 813, 480, 181, 48 ], "completed": false }, { "type": "button", "position": [ 100, 558, 241, 89 ], "completed": false }, { "type": "button", "position": [ 441, 558, 241, 89 ], "completed": false }, { "type": "button", "position": [ 783, 558, 241, 89 ], "completed": false } ] }, { "text": "#A page for showing one company's business segments.# There should be two text boxes showing the title and three images. Each of the images includes one text box, and each of them is followed by one text button.", "region_id": "2377_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat'2'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 3 7 41 3 | title 3 3 41 3 | \" [ button 11 65 28 10 | image 0 0 39 65 | text 15 56 21 2 ] | [ button 51 65 28 10 | image 39 0 39 65 | text 55 56 21 2 ] | [ button 91 65 28 10 | image 80 0 39 65 | text 95 56 21 5 ] \"", "layout_seq_without_completion": "title 3 7 41 3 | title 3 3 41 3 | \" [ button 11 65 28 10 | image 0 0 39 65 | text 15 56 21 2 ] | [ button 51 65 28 10 | image 39 0 39 65 | text 55 56 21 2 ] | [ button 91 65 28 10 | image 80 0 39 65 | text 95 56 21 5 ] \"", "plain_layout_seq": "button 11 65 28 10 | button 51 65 28 10 | button 91 65 28 10 | image 0 0 39 65 | image 39 0 39 65 | image 80 0 39 65 | text 15 56 21 2 | text 55 56 21 2 | text 95 56 21 5 | title 3 7 41 3 | title 3 3 41 3", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "image", "position": [ 0, 0, 341, 558 ], "completed": false }, { "type": "image", "position": [ 341, 0, 341, 558 ], "completed": false }, { "type": "image", "position": [ 683, 0, 341, 558 ], "completed": false }, { "type": "title", "position": [ 30, 30, 350, 33 ], "completed": false }, { "type": "title", "position": [ 30, 63, 350, 34 ], "completed": false }, { "type": "text", "position": [ 130, 480, 181, 24 ], "completed": false }, { "type": "text", "position": [ 471, 480, 181, 24 ], "completed": false }, { "type": "text", "position": [ 813, 480, 181, 48 ], "completed": false }, { "type": "button", "position": [ 100, 558, 241, 89 ], "completed": false }, { "type": "button", "position": [ 441, 558, 241, 89 ], "completed": false }, { "type": "button", "position": [ 783, 558, 241, 89 ], "completed": false } ] }, { "text": "#A page for introducing Amino.# There is one title \"YOUR INTERESTS...TIMES INFINITY\", and one slogan. Next, there are seven groups and each one includes one image, one icon, and one label showing the name. Users can explore more by clicking one button.", "region_id": "3492", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'your interests...times infinity'] ] [el:title] [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:icon] [el:text] ] ] [el:button [attr:value 'explore more'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 47 15 4 | icon 22 18 5 5 | icon 5 18 5 5 | icon 74 18 5 5 | icon 108 18 5 5 | icon 56 18 5 5 | icon 91 18 5 5 | icon 39 18 5 5 | image 6 19 16 24 | image 23 19 16 24 | image 40 19 16 24 | image 91 19 16 24 | image 108 19 6 24 | image 57 19 16 24 | image 74 19 16 24 | text 109 40 5 2 | text 24 40 15 2 | text 58 40 15 2 | text 92 40 15 2 | text 7 40 15 2 | text 41 40 15 2 | text 75 40 15 2 | title 4 6 110 3 | title 4 10 110 5", "layout_seq_without_completion": "button 52 47 15 4 | icon 22 18 5 5 | icon 5 18 5 5 | icon 74 18 5 5 | icon 108 18 5 5 | icon 56 18 5 5 | icon 91 18 5 5 | icon 39 18 5 5 | image 6 19 16 24 | image 23 19 16 24 | image 40 19 16 24 | image 91 19 16 24 | image 108 19 6 24 | image 57 19 16 24 | image 74 19 16 24 | text 109 40 5 2 | text 24 40 15 2 | text 58 40 15 2 | text 92 40 15 2 | text 7 40 15 2 | text 41 40 15 2 | text 75 40 15 2 | title 4 6 110 3 | title 4 10 110 5", "plain_layout_seq": "button 52 47 15 4 | icon 22 18 5 5 | icon 5 18 5 5 | icon 74 18 5 5 | icon 108 18 5 5 | icon 56 18 5 5 | icon 91 18 5 5 | icon 39 18 5 5 | image 6 19 16 24 | image 23 19 16 24 | image 40 19 16 24 | image 91 19 16 24 | image 108 19 6 24 | image 57 19 16 24 | image 74 19 16 24 | text 109 40 5 2 | text 24 40 15 2 | text 58 40 15 2 | text 92 40 15 2 | text 7 40 15 2 | text 41 40 15 2 | text 75 40 15 2 | title 4 6 110 3 | title 4 10 110 5", "canvas_width": 1024, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 42, 58, 940, 30 ], "completed": false }, { "type": "title", "position": [ 42, 88, 940, 43 ], "completed": false }, { "type": "icon", "position": [ 48, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 194, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 340, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 486, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 632, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 778, 162, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 924, 162, 48, 48 ], "completed": false }, { "type": "image", "position": [ 52, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 198, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 344, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 490, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 636, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 782, 166, 140, 205 ], "completed": false }, { "type": "image", "position": [ 928, 166, 54, 205 ], "completed": false }, { "type": "text", "position": [ 60, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 206, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 352, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 498, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 644, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 790, 346, 132, 18 ], "completed": false }, { "type": "text", "position": [ 936, 346, 46, 18 ], "completed": false }, { "type": "button", "position": [ 446, 406, 132, 38 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"envato\" to users.# This page should include three groups of information about \"envato\". Each group contains one image, one title, and a brief description.", "region_id": "6203", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 3 7 36 35 | description 5 36 28 1 | image 3 7 36 18 | title 5 27 32 6 ] | [ complete background 41 7 36 35 | description 43 36 27 1 | image 41 7 36 18 | title 43 27 32 6 ] | [ complete background 80 7 36 35 | description 82 36 28 1 | image 80 7 36 18 | title 82 27 32 6 ] \"", "layout_seq_without_completion": "\" [ background 3 7 36 35 | description 5 36 28 1 | image 3 7 36 18 | title 5 27 32 6 ] | [ background 41 7 36 35 | description 43 36 27 1 | image 41 7 36 18 | title 43 27 32 6 ] | [ background 80 7 36 35 | description 82 36 28 1 | image 80 7 36 18 | title 82 27 32 6 ] \"", "plain_layout_seq": "background 3 7 36 35 | background 41 7 36 35 | background 80 7 36 35 | description 5 36 28 1 | description 43 36 27 1 | description 82 36 28 1 | image 3 7 36 18 | image 41 7 36 18 | image 80 7 36 18 | title 5 27 32 6 | title 43 27 32 6 | title 82 27 32 6", "canvas_width": 1024, "canvas_height": 428, "elements": [ { "type": "image", "position": [ 28, 64, 312, 156 ], "completed": false }, { "type": "background", "position": [ 28, 64, 312, 300 ], "completed": true }, { "type": "image", "position": [ 356, 64, 312, 156 ], "completed": false }, { "type": "background", "position": [ 356, 64, 312, 300 ], "completed": true }, { "type": "image", "position": [ 684, 64, 312, 155 ], "completed": false }, { "type": "background", "position": [ 684, 64, 312, 300 ], "completed": true }, { "type": "title", "position": [ 700, 235, 280, 54 ], "completed": false }, { "type": "title", "position": [ 44, 236, 280, 54 ], "completed": false }, { "type": "title", "position": [ 372, 236, 280, 54 ], "completed": false }, { "type": "description", "position": [ 700, 312, 239, 15 ], "completed": false }, { "type": "description", "position": [ 44, 313, 239, 15 ], "completed": false }, { "type": "description", "position": [ 372, 313, 233, 15 ], "completed": false } ] }, { "text": "# A page to present the service of an online shop provided. # The page should have three groups, with each having a small image and a short introduction.", "region_id": "7828", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image [attr:size 'small'] ] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] }", "layout_seq_with_completion": "description 95 3 18 7 | description 58 3 18 7 | description 20 4 18 4 | image 43 3 11 7 | image 5 3 11 7 | image 80 3 11 7", "layout_seq_without_completion": "description 95 3 18 7 | description 58 3 18 7 | description 20 4 18 4 | image 43 3 11 7 | image 5 3 11 7 | image 80 3 11 7", "plain_layout_seq": "description 95 3 18 7 | description 58 3 18 7 | description 20 4 18 4 | image 43 3 11 7 | image 5 3 11 7 | image 80 3 11 7", "canvas_width": 1024, "canvas_height": 117, "elements": [ { "type": "image", "position": [ 47, 28, 100, 67 ], "completed": false }, { "type": "image", "position": [ 367, 28, 100, 67 ], "completed": false }, { "type": "image", "position": [ 687, 28, 100, 67 ], "completed": false }, { "type": "description", "position": [ 495, 32, 162, 60 ], "completed": false }, { "type": "description", "position": [ 815, 32, 162, 60 ], "completed": false }, { "type": "description", "position": [ 175, 42, 162, 40 ], "completed": false } ] }, { "text": "# A page for advertising products in an online shop. # The page should include eight groups of product information. Each group should have an image, a product name, and a price.", "region_id": "8107", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 3 0 26 26 | text 3 32 8 2 | title 3 28 26 4 ] | [ image 32 0 26 26 | text 32 32 8 2 | title 32 28 26 4 ] | [ image 60 0 26 26 | text 60 36 8 2 | title 60 28 26 8 ] | [ image 89 0 26 26 | text 89 32 8 2 | title 89 28 26 4 ] | [ image 3 39 26 26 | text 3 71 8 2 | title 3 67 26 4 ] | [ image 32 39 26 26 | text 32 71 8 2 | title 32 67 26 4 ] | [ image 89 39 26 26 | text 89 71 8 2 | title 89 67 26 4 ] | [ image 60 43 26 26 | text 60 75 8 2 | title 60 71 26 4 ] \"", "layout_seq_without_completion": "\" [ image 3 0 26 26 | text 3 32 8 2 | title 3 28 26 4 ] | [ image 32 0 26 26 | text 32 32 8 2 | title 32 28 26 4 ] | [ image 60 0 26 26 | text 60 36 8 2 | title 60 28 26 8 ] | [ image 89 0 26 26 | text 89 32 8 2 | title 89 28 26 4 ] | [ image 3 39 26 26 | text 3 71 8 2 | title 3 67 26 4 ] | [ image 32 39 26 26 | text 32 71 8 2 | title 32 67 26 4 ] | [ image 89 39 26 26 | text 89 71 8 2 | title 89 67 26 4 ] | [ image 60 43 26 26 | text 60 75 8 2 | title 60 71 26 4 ] \"", "plain_layout_seq": "image 3 0 26 26 | image 32 0 26 26 | image 60 0 26 26 | image 89 0 26 26 | image 3 39 26 26 | image 32 39 26 26 | image 89 39 26 26 | image 60 43 26 26 | text 3 32 8 2 | text 32 32 8 2 | text 60 36 8 2 | text 89 32 8 2 | text 3 71 8 2 | text 32 71 8 2 | text 89 71 8 2 | text 60 75 8 2 | title 3 28 26 4 | title 32 28 26 4 | title 60 28 26 8 | title 89 28 26 4 | title 3 67 26 4 | title 32 67 26 4 | title 89 67 26 4 | title 60 71 26 4", "canvas_width": 1009, "canvas_height": 695, "elements": [ { "type": "image", "position": [ 30, 0, 226, 226 ], "completed": false }, { "type": "image", "position": [ 271, 0, 226, 226 ], "completed": false }, { "type": "image", "position": [ 512, 0, 226, 226 ], "completed": false }, { "type": "image", "position": [ 753, 0, 226, 226 ], "completed": false }, { "type": "title", "position": [ 30, 238, 226, 34 ], "completed": false }, { "type": "title", "position": [ 271, 238, 226, 34 ], "completed": false }, { "type": "title", "position": [ 512, 238, 226, 68 ], "completed": false }, { "type": "title", "position": [ 753, 238, 226, 34 ], "completed": false }, { "type": "text", "position": [ 30, 274, 73, 24 ], "completed": false }, { "type": "text", "position": [ 271, 274, 73, 24 ], "completed": false }, { "type": "text", "position": [ 753, 274, 73, 24 ], "completed": false }, { "type": "text", "position": [ 512, 308, 73, 24 ], "completed": false }, { "type": "image", "position": [ 30, 330, 226, 226 ], "completed": false }, { "type": "image", "position": [ 271, 330, 226, 226 ], "completed": false }, { "type": "image", "position": [ 753, 330, 226, 226 ], "completed": false }, { "type": "image", "position": [ 512, 364, 226, 226 ], "completed": false }, { "type": "title", "position": [ 30, 568, 226, 34 ], "completed": false }, { "type": "title", "position": [ 271, 568, 226, 34 ], "completed": false }, { "type": "title", "position": [ 753, 568, 226, 34 ], "completed": false }, { "type": "title", "position": [ 512, 602, 226, 34 ], "completed": false }, { "type": "text", "position": [ 30, 604, 73, 24 ], "completed": false }, { "type": "text", "position": [ 271, 604, 73, 24 ], "completed": false }, { "type": "text", "position": [ 753, 604, 73, 24 ], "completed": false }, { "type": "text", "position": [ 512, 638, 73, 24 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be one image and one title\"Seismic empowers teams to deliver\" and one text box includes one vice title, one description, and one button. Below are two buttons, users can choose to know enablement teams or marketing teams.", "region_id": "441", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:value'seismic empowers teams to deliver'] ] [el:title] [el:description] [el:button] [gp:InfoGroup [gattr:repeat '2'] [gattr:names'enablement teams, marketing teams'] [item [el:button] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 2 56 45 9 | button 2 68 45 9 | button 5 45 10 2 | description 5 33 39 8 | complete icon 43 60 1 0 | complete icon 43 30 1 0 | complete icon 43 72 1 0 | image 62 33 54 36 | complete image 2 33 45 16 | complete image 2 26 45 7 | complete text 5 59 27 3 | complete text 5 71 24 3 | title 5 29 17 3 | title 38 11 42 9", "layout_seq_without_completion": "button 2 56 45 9 | button 2 68 45 9 | button 5 45 10 2 | description 5 33 39 8 | icon 43 60 1 0 | icon 43 30 1 0 | icon 43 72 1 0 | image 62 33 54 36 | image 2 33 45 16 | image 2 26 45 7 | text 5 59 27 3 | text 5 71 24 3 | title 5 29 17 3 | title 38 11 42 9", "plain_layout_seq": "button 2 56 45 9 | button 2 68 45 9 | button 5 45 10 2 | description 5 33 39 8 | icon 43 60 1 0 | icon 43 30 1 0 | icon 43 72 1 0 | image 62 33 54 36 | image 2 33 45 16 | image 2 26 45 7 | text 5 59 27 3 | text 5 71 24 3 | title 5 29 17 3 | title 38 11 42 9", "canvas_width": 1024, "canvas_height": 758, "elements": [ { "type": "title", "position": [ 332, 96, 360, 84 ], "completed": false }, { "type": "image", "position": [ 24, 228, 384, 61 ], "completed": true }, { "type": "title", "position": [ 49, 250, 153, 33 ], "completed": false }, { "type": "icon", "position": [ 368, 261, 14, 8 ], "completed": true }, { "type": "image", "position": [ 24, 289, 384, 145 ], "completed": true }, { "type": "description", "position": [ 49, 289, 334, 72 ], "completed": false }, { "type": "image", "position": [ 534, 290, 466, 311 ], "completed": false }, { "type": "button", "position": [ 49, 385, 91, 25 ], "completed": false }, { "type": "button", "position": [ 24, 482, 384, 78 ], "completed": false }, { "type": "text", "position": [ 49, 504, 235, 33 ], "completed": true }, { "type": "icon", "position": [ 368, 515, 14, 8 ], "completed": true }, { "type": "button", "position": [ 24, 584, 384, 78 ], "completed": false }, { "type": "text", "position": [ 49, 606, 210, 33 ], "completed": true }, { "type": "icon", "position": [ 368, 617, 14, 8 ], "completed": true } ] }, { "text": "$single-info$ #A page to introduce about AppBrain Ranking.# There are two titles on top followed by a description.\nUnder the description, there are four groups. Each group contains an icon and a brief description. At the bottom, a button is provided for users to get more information.", "region_id": "4798", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat'2'][attr:position 'top'] ] [el:description] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:description [attr:size 'small'] ] ] ] [el:button [attr:position 'bottom'] [attr:value 'more info'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined undefined | title top undefined | title top undefined | { [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "button 1 49 13 5 | description 1 17 82 5 | description 12 38 25 7 | description 12 28 25 7 | description 92 28 25 7 | description 52 28 25 7 | icon 4 28 8 7 | icon 48 28 4 7 | icon 84 28 8 7 | icon 2 38 9 7 | title 1 5 116 5 | title 1 14 116 2", "layout_seq_without_completion": "button 1 49 13 5 | description 1 17 82 5 | description 12 38 25 7 | description 12 28 25 7 | description 92 28 25 7 | description 52 28 25 7 | icon 4 28 8 7 | icon 48 28 4 7 | icon 84 28 8 7 | icon 2 38 9 7 | title 1 5 116 5 | title 1 14 116 2", "plain_layout_seq": "button 1 49 13 5 | description 1 17 82 5 | description 12 38 25 7 | description 12 28 25 7 | description 92 28 25 7 | description 52 28 25 7 | icon 4 28 8 7 | icon 48 28 4 7 | icon 84 28 8 7 | icon 2 38 9 7 | title 1 5 116 5 | title 1 14 116 2", "canvas_width": 1009, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 14, 43, 981, 46 ], "completed": false }, { "type": "title", "position": [ 14, 118, 981, 17 ], "completed": false }, { "type": "description", "position": [ 14, 150, 692, 43 ], "completed": false }, { "type": "icon", "position": [ 36, 236, 71, 61 ], "completed": false }, { "type": "description", "position": [ 107, 236, 218, 61 ], "completed": false }, { "type": "icon", "position": [ 405, 236, 37, 61 ], "completed": false }, { "type": "description", "position": [ 442, 236, 218, 61 ], "completed": false }, { "type": "icon", "position": [ 707, 236, 70, 61 ], "completed": false }, { "type": "description", "position": [ 777, 236, 218, 61 ], "completed": false }, { "type": "icon", "position": [ 24, 326, 83, 61 ], "completed": false }, { "type": "description", "position": [ 107, 326, 218, 61 ], "completed": false }, { "type": "button", "position": [ 14, 416, 111, 43 ], "completed": false } ] }, { "text": "#A page for introducing some products.# The page should have 5 groups while each group has one image and one text to show a product.", "region_id": "8512", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | text 51 24 20 2 | text 27 24 20 2 | text 99 24 20 2 | text 3 24 20 2 | text 75 24 20 2", "layout_seq_without_completion": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | text 51 24 20 2 | text 27 24 20 2 | text 99 24 20 2 | text 3 24 20 2 | text 75 24 20 2", "plain_layout_seq": "image 3 3 20 20 | image 51 3 20 20 | image 75 3 20 20 | image 27 3 20 20 | image 99 3 20 20 | text 51 24 20 2 | text 27 24 20 2 | text 99 24 20 2 | text 3 24 20 2 | text 75 24 20 2", "canvas_width": 994, "canvas_height": 290, "elements": [ { "type": "image", "position": [ 30, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 229, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 428, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 626, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 825, 28, 169, 169 ], "completed": false }, { "type": "text", "position": [ 30, 207, 169, 21 ], "completed": false }, { "type": "text", "position": [ 229, 207, 169, 21 ], "completed": false }, { "type": "text", "position": [ 428, 207, 169, 21 ], "completed": false }, { "type": "text", "position": [ 626, 207, 169, 21 ], "completed": false }, { "type": "text", "position": [ 825, 207, 169, 21 ], "completed": false } ] }, { "text": "#A page for introducing a report of a survey and an introduction to cross-border payments to users.# The page should include two parts of the content. Each part contains an image and one title.", "region_id": "1251", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 8 54 29 | image 63 8 54 29 | complete image 1 8 54 68 | complete image 63 8 54 68 | title 8 45 26 19 | title 70 45 29 19", "layout_seq_without_completion": "image 1 8 54 29 | image 63 8 54 29 | image 1 8 54 68 | image 63 8 54 68 | title 8 45 26 19 | title 70 45 29 19", "plain_layout_seq": "image 1 8 54 29 | image 63 8 54 29 | image 1 8 54 68 | image 63 8 54 68 | title 8 45 26 19 | title 70 45 29 19", "canvas_width": 1024, "canvas_height": 734, "elements": [ { "type": "image", "position": [ 15, 75, 467, 250 ], "completed": false }, { "type": "image", "position": [ 15, 75, 467, 584 ], "completed": true }, { "type": "image", "position": [ 542, 75, 467, 584 ], "completed": true }, { "type": "image", "position": [ 542, 75, 467, 250 ], "completed": false }, { "type": "title", "position": [ 75, 389, 223, 170 ], "completed": false }, { "type": "title", "position": [ 602, 389, 254, 170 ], "completed": false } ] }, { "text": "# A page to introduce a company. # The page should include three groups of text boxes. In each group, there should be specific data and a title. So the user can know the total revenue, the number of employees and cumulative IP licensing in the company.", "region_id": "141", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'total revenue, number of employees, cumulative ip licensing'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 84 15 31 10 | text 33 15 51 10 | complete text 68 8 3 6 | complete text 13 8 16 12 | text 3 22 30 10 | complete text 107 8 3 6 | title 90 7 16 7 | title 6 7 9 7 | title 46 7 20 7", "layout_seq_without_completion": "text 84 15 31 10 | text 33 15 51 10 | text 68 8 3 6 | text 13 8 16 12 | text 3 22 30 10 | text 107 8 3 6 | title 90 7 16 7 | title 6 7 9 7 | title 46 7 20 7", "plain_layout_seq": "text 84 15 31 10 | text 33 15 51 10 | text 68 8 3 6 | text 13 8 16 12 | text 3 22 30 10 | text 107 8 3 6 | title 90 7 16 7 | title 6 7 9 7 | title 46 7 20 7", "canvas_width": 1024, "canvas_height": 315, "elements": [ { "type": "title", "position": [ 56, 62, 85, 66 ], "completed": false }, { "type": "title", "position": [ 400, 62, 176, 66 ], "completed": false }, { "type": "title", "position": [ 771, 62, 140, 66 ], "completed": false }, { "type": "text", "position": [ 117, 76, 145, 109 ], "completed": true }, { "type": "text", "position": [ 581, 76, 29, 52 ], "completed": true }, { "type": "text", "position": [ 916, 76, 30, 52 ], "completed": true }, { "type": "text", "position": [ 287, 131, 436, 86 ], "completed": false }, { "type": "text", "position": [ 724, 131, 270, 86 ], "completed": false }, { "type": "text", "position": [ 31, 188, 256, 86 ], "completed": false } ] }, { "text": "# A page for showing the category of products of furniture. # On the page, there should have four groups of information sets: \"Care Home Furniture\" \"Office Furniture\" \"Cafe & Bar Furniture\" and \"Educational Furniture\", with each containing an image and a title for the category. So the user can choose to buy the wanted furniture according to the category.", "region_id": "7124", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Care Home Furniture, Office Furniture, Cafe & Bar Furniture, Educational Furniture'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 6 30 35 | image 90 6 30 35 | image 30 6 30 35 | image 60 6 30 35 | title 0 20 30 7 | title 30 22 30 3 | title 60 22 30 3 | title 90 20 30 7", "layout_seq_without_completion": "image 0 6 30 35 | image 90 6 30 35 | image 30 6 30 35 | image 60 6 30 35 | title 0 20 30 7 | title 30 22 30 3 | title 60 22 30 3 | title 90 20 30 7", "plain_layout_seq": "image 0 6 30 35 | image 90 6 30 35 | image 30 6 30 35 | image 60 6 30 35 | title 0 20 30 7 | title 30 22 30 3 | title 60 22 30 3 | title 90 20 30 7", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "image", "position": [ 0, 55, 256, 300 ], "completed": false }, { "type": "image", "position": [ 256, 55, 256, 300 ], "completed": false }, { "type": "image", "position": [ 512, 55, 256, 300 ], "completed": false }, { "type": "image", "position": [ 768, 55, 256, 300 ], "completed": false }, { "type": "title", "position": [ 0, 172, 256, 66 ], "completed": false }, { "type": "title", "position": [ 768, 172, 256, 66 ], "completed": false }, { "type": "title", "position": [ 256, 188, 256, 34 ], "completed": false }, { "type": "title", "position": [ 512, 188, 256, 34 ], "completed": false } ] }, { "text": "# A page for the service of a company. # The page should have the title \"How can we help?\", and three text links with a small image on the left of each. So the user can click the links to find a location, seek quick help, and make an appointment.", "region_id": "2401", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'how can we help?'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'find a location, seek quick help, make an appointment'] [item [el:link] [el:image [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | link undefined undefined ] | [ image undefined small | link undefined undefined ] | [ image undefined small | link undefined undefined ] }", "layout_seq_with_completion": "complete icon 20 11 1 1 | complete icon 85 11 1 1 | complete icon 17 20 1 1 | image 2 10 4 4 | image 60 10 4 4 | image 2 19 4 4 | link 8 20 8 2 | link 8 11 11 2 | link 67 11 17 2 | title 2 2 114 4", "layout_seq_without_completion": "icon 20 11 1 1 | icon 85 11 1 1 | icon 17 20 1 1 | image 2 10 4 4 | image 60 10 4 4 | image 2 19 4 4 | link 8 20 8 2 | link 8 11 11 2 | link 67 11 17 2 | title 2 2 114 4", "plain_layout_seq": "icon 20 11 1 1 | icon 85 11 1 1 | icon 17 20 1 1 | image 2 10 4 4 | image 60 10 4 4 | image 2 19 4 4 | link 8 20 8 2 | link 8 11 11 2 | link 67 11 17 2 | title 2 2 114 4", "canvas_width": 1024, "canvas_height": 215, "elements": [ { "type": "title", "position": [ 24, 20, 976, 38 ], "completed": false }, { "type": "image", "position": [ 24, 88, 40, 40 ], "completed": false }, { "type": "image", "position": [ 520, 88, 40, 40 ], "completed": false }, { "type": "link", "position": [ 76, 98, 98, 19 ], "completed": false }, { "type": "link", "position": [ 575, 98, 149, 19 ], "completed": false }, { "type": "icon", "position": [ 178, 99, 13, 13 ], "completed": true }, { "type": "icon", "position": [ 728, 99, 13, 13 ], "completed": true }, { "type": "image", "position": [ 24, 166, 40, 40 ], "completed": false }, { "type": "link", "position": [ 76, 177, 71, 19 ], "completed": false }, { "type": "icon", "position": [ 151, 178, 13, 13 ], "completed": true } ] }, { "text": "#A page for introducing a blog by fetch to users.# The page should include one title and a slogan on the top. Under it, there should be five parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1219", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | title top undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 5 116 4 | title 1 11 116 3 | \" [ image 4 17 19 14 ] | [ image 27 17 19 14 ] | [ image 50 17 19 14 ] | [ image 72 17 19 14 ] | [ image 95 17 19 14 ] \" | \" [ title 4 33 19 5 ] | [ title 27 33 19 5 ] | [ title 50 33 19 5 ] | [ title 72 33 19 8 ] | [ title 95 33 19 8 ] \" | \" [ link 8 43 13 1 ] | [ link 30 43 13 1 ] | [ link 53 43 13 1 ] | [ link 76 43 13 1 ] | [ link 98 43 13 1 ] \"", "layout_seq_without_completion": "title 1 5 116 4 | title 1 11 116 3 | \" [ image 4 17 19 14 ] | [ image 27 17 19 14 ] | [ image 50 17 19 14 ] | [ image 72 17 19 14 ] | [ image 95 17 19 14 ] \" | \" [ title 4 33 19 5 ] | [ title 27 33 19 5 ] | [ title 50 33 19 5 ] | [ title 72 33 19 8 ] | [ title 95 33 19 8 ] \" | \" [ link 8 43 13 1 ] | [ link 30 43 13 1 ] | [ link 53 43 13 1 ] | [ link 76 43 13 1 ] | [ link 98 43 13 1 ] \"", "plain_layout_seq": "image 4 17 19 14 | image 27 17 19 14 | image 50 17 19 14 | image 72 17 19 14 | image 95 17 19 14 | link 8 43 13 1 | link 30 43 13 1 | link 53 43 13 1 | link 76 43 13 1 | link 98 43 13 1 | title 1 5 116 4 | title 1 11 116 3 | title 4 33 19 5 | title 27 33 19 5 | title 50 33 19 5 | title 72 33 19 8 | title 95 33 19 8", "canvas_width": 1024, "canvas_height": 435, "elements": [ { "type": "title", "position": [ 16, 48, 992, 40 ], "completed": false }, { "type": "title", "position": [ 16, 96, 992, 32 ], "completed": false }, { "type": "image", "position": [ 40, 152, 170, 127 ], "completed": false }, { "type": "image", "position": [ 234, 152, 170, 127 ], "completed": false }, { "type": "image", "position": [ 427, 152, 170, 127 ], "completed": false }, { "type": "image", "position": [ 621, 152, 170, 127 ], "completed": false }, { "type": "image", "position": [ 814, 152, 170, 127 ], "completed": false }, { "type": "title", "position": [ 40, 287, 170, 48 ], "completed": false }, { "type": "title", "position": [ 234, 287, 170, 48 ], "completed": false }, { "type": "title", "position": [ 427, 287, 170, 48 ], "completed": false }, { "type": "title", "position": [ 621, 287, 170, 72 ], "completed": false }, { "type": "title", "position": [ 814, 287, 170, 72 ], "completed": false }, { "type": "link", "position": [ 69, 371, 112, 16 ], "completed": false }, { "type": "link", "position": [ 262, 371, 112, 16 ], "completed": false }, { "type": "link", "position": [ 456, 371, 112, 16 ], "completed": false }, { "type": "link", "position": [ 650, 371, 112, 16 ], "completed": false }, { "type": "link", "position": [ 843, 371, 112, 16 ], "completed": false } ] }, { "text": "# A page for advertising products in an online store. # On the page, there should have a slogan and four groups of product information. Each group should provide an image, a product name, and a minimum price.", "region_id": "7408", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 4 108 7 | \" [ image 5 18 25 17 | text 17 40 5 1 | text 5 38 25 2 | text 14 41 3 1 ] | [ image 33 18 25 17 | text 33 38 25 2 | text 45 40 5 1 | text 41 41 3 1 ] | [ image 61 18 25 17 | text 61 38 25 4 | text 69 43 3 1 | text 72 42 5 1 ] | [ image 88 18 25 17 | text 97 43 3 1 | text 88 38 25 4 | text 100 42 5 1 ] \"", "layout_seq_without_completion": "title 5 4 108 7 | \" [ image 5 18 25 17 | text 17 40 5 1 | text 5 38 25 2 | text 14 41 3 1 ] | [ image 33 18 25 17 | text 33 38 25 2 | text 45 40 5 1 | text 41 41 3 1 ] | [ image 61 18 25 17 | text 61 38 25 4 | text 69 43 3 1 | text 72 42 5 1 ] | [ image 88 18 25 17 | text 97 43 3 1 | text 88 38 25 4 | text 100 42 5 1 ] \"", "plain_layout_seq": "image 5 18 25 17 | image 33 18 25 17 | image 61 18 25 17 | image 88 18 25 17 | text 17 40 5 1 | text 5 38 25 2 | text 14 41 3 1 | text 33 38 25 2 | text 45 40 5 1 | text 41 41 3 1 | text 61 38 25 4 | text 69 43 3 1 | text 72 42 5 1 | text 97 43 3 1 | text 88 38 25 4 | text 100 42 5 1 | title 5 4 108 7", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 51, 38, 922, 63 ], "completed": false }, { "type": "image", "position": [ 51, 157, 215, 150 ], "completed": false }, { "type": "image", "position": [ 287, 157, 215, 150 ], "completed": false }, { "type": "image", "position": [ 522, 157, 215, 150 ], "completed": false }, { "type": "image", "position": [ 757, 157, 215, 150 ], "completed": false }, { "type": "text", "position": [ 51, 326, 215, 18 ], "completed": false }, { "type": "text", "position": [ 287, 326, 215, 18 ], "completed": false }, { "type": "text", "position": [ 522, 326, 215, 35 ], "completed": false }, { "type": "text", "position": [ 757, 326, 215, 35 ], "completed": false }, { "type": "text", "position": [ 151, 349, 44, 16 ], "completed": false }, { "type": "text", "position": [ 387, 349, 44, 16 ], "completed": false }, { "type": "text", "position": [ 122, 350, 26, 15 ], "completed": false }, { "type": "text", "position": [ 358, 350, 26, 15 ], "completed": false }, { "type": "text", "position": [ 622, 366, 44, 16 ], "completed": false }, { "type": "text", "position": [ 858, 366, 44, 16 ], "completed": false }, { "type": "text", "position": [ 593, 367, 26, 15 ], "completed": false }, { "type": "text", "position": [ 829, 367, 26, 15 ], "completed": false } ] }, { "text": "#A page for users to design their T-shirts.# The page contains 3 information sets. Each group includes an image and an introduction.", "region_id": "7342", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 4 48 33 15 | description 43 48 33 15 | description 81 48 33 15 | image 79 0 38 44 | image 40 0 38 44 | image 2 0 38 44", "layout_seq_without_completion": "description 4 48 33 15 | description 43 48 33 15 | description 81 48 33 15 | image 79 0 38 44 | image 40 0 38 44 | image 2 0 38 44", "plain_layout_seq": "description 4 48 33 15 | description 43 48 33 15 | description 81 48 33 15 | image 79 0 38 44 | image 40 0 38 44 | image 2 0 38 44", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "image", "position": [ 20, 0, 328, 380 ], "completed": false }, { "type": "image", "position": [ 348, 0, 328, 380 ], "completed": false }, { "type": "image", "position": [ 676, 0, 328, 380 ], "completed": false }, { "type": "description", "position": [ 40, 413, 288, 132 ], "completed": false }, { "type": "description", "position": [ 368, 413, 288, 132 ], "completed": false }, { "type": "description", "position": [ 696, 413, 288, 132 ], "completed": false } ] }, { "text": "#A page introducing information about golf.# The page should contain five information sets. Each group includes one image and one title. The five different titles are: \"GOLF CLUBS\", \"GOLF APPARET\", \"GOLF SHOES\", \"GOLF BALLS\", and \"GOLF BAGS\".", "region_id": "5566", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'golf clubs, golf apparet, golf shoes, golf balls, golf bags'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 1 12 12 | image 53 1 12 12 | image 29 1 12 12 | image 76 1 12 12 | image 99 1 12 12 | title 29 14 12 1 | title 53 14 12 1 | title 99 14 12 1 | title 6 14 12 1 | title 76 14 12 1", "layout_seq_without_completion": "image 6 1 12 12 | image 53 1 12 12 | image 29 1 12 12 | image 76 1 12 12 | image 99 1 12 12 | title 29 14 12 1 | title 53 14 12 1 | title 99 14 12 1 | title 6 14 12 1 | title 76 14 12 1", "plain_layout_seq": "image 6 1 12 12 | image 53 1 12 12 | image 29 1 12 12 | image 76 1 12 12 | image 99 1 12 12 | title 29 14 12 1 | title 53 14 12 1 | title 99 14 12 1 | title 6 14 12 1 | title 76 14 12 1", "canvas_width": 1004, "canvas_height": 170, "elements": [ { "type": "image", "position": [ 55, 10, 105, 105 ], "completed": false }, { "type": "image", "position": [ 250, 10, 105, 105 ], "completed": false }, { "type": "image", "position": [ 445, 10, 105, 105 ], "completed": false }, { "type": "image", "position": [ 640, 10, 105, 105 ], "completed": false }, { "type": "image", "position": [ 835, 10, 105, 105 ], "completed": false }, { "type": "title", "position": [ 55, 121, 105, 14 ], "completed": false }, { "type": "title", "position": [ 248, 121, 108, 14 ], "completed": false }, { "type": "title", "position": [ 445, 121, 105, 14 ], "completed": false }, { "type": "title", "position": [ 640, 121, 105, 14 ], "completed": false }, { "type": "title", "position": [ 835, 121, 105, 14 ], "completed": false } ] }, { "text": "# A page showing the categories in an online shop.# The page should have six categories: \"Bath & Shower\" \"Beauty & Body\" \"Lingerie\" \"Sex Toys\" \" Pure 21\", and \"Lubricants & Creams\" with each having an image with a title on it. So the user can shop by category.", "region_id": "7924", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'bath & shower, beauty & body, lingerie, sex toys, pure 21, lubricants & creams'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 43 6 33 33 | image 80 6 33 33 | image 6 43 33 33 | image 6 6 33 33 | image 43 43 33 33 | image 80 43 33 33 | title 43 21 33 3 | title 6 58 33 3 | title 80 56 33 7 | title 6 21 33 3 | title 43 58 33 3 | title 80 21 33 3", "layout_seq_without_completion": "image 43 6 33 33 | image 80 6 33 33 | image 6 43 33 33 | image 6 6 33 33 | image 43 43 33 33 | image 80 43 33 33 | title 43 21 33 3 | title 6 58 33 3 | title 80 56 33 7 | title 6 21 33 3 | title 43 58 33 3 | title 80 21 33 3", "plain_layout_seq": "image 43 6 33 33 | image 80 6 33 33 | image 6 43 33 33 | image 6 6 33 33 | image 43 43 33 33 | image 80 43 33 33 | title 43 21 33 3 | title 6 58 33 3 | title 80 56 33 7 | title 6 21 33 3 | title 43 58 33 3 | title 80 21 33 3", "canvas_width": 1024, "canvas_height": 717, "elements": [ { "type": "image", "position": [ 55, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 55, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 55, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 182, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 182, 285, 32 ], "completed": false }, { "type": "title", "position": [ 684, 182, 285, 32 ], "completed": false }, { "type": "image", "position": [ 55, 370, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 370, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 370, 285, 285 ], "completed": false }, { "type": "title", "position": [ 684, 481, 285, 63 ], "completed": false }, { "type": "title", "position": [ 55, 496, 285, 32 ], "completed": false }, { "type": "title", "position": [ 370, 496, 285, 32 ], "completed": false } ] }, { "text": "#The page gives an introduction about engagement rings for buyers.#There should be one headline named \"Engagement Rings\", one text, and four groups, of which each includes one picture, one description, and one price of the product.", "region_id": "7525", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'engagement rings'] ] [el:text] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:text] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 52 10 15 2 | title 2 4 115 4 | \" [ description 4 41 21 4 | image 2 14 26 26 | text 11 46 7 2 ] | [ description 32 41 25 7 | image 32 14 26 26 | text 41 49 8 2 ] | [ description 63 41 23 7 | image 61 14 26 26 | text 71 49 7 2 ] | [ description 93 41 22 7 | image 91 14 26 26 | text 100 49 7 2 ] \"", "layout_seq_without_completion": "text 52 10 15 2 | title 2 4 115 4 | \" [ description 4 41 21 4 | image 2 14 26 26 | text 11 46 7 2 ] | [ description 32 41 25 7 | image 32 14 26 26 | text 41 49 8 2 ] | [ description 63 41 23 7 | image 61 14 26 26 | text 71 49 7 2 ] | [ description 93 41 22 7 | image 91 14 26 26 | text 100 49 7 2 ] \"", "plain_layout_seq": "description 4 41 21 4 | description 32 41 25 7 | description 63 41 23 7 | description 93 41 22 7 | image 2 14 26 26 | image 32 14 26 26 | image 61 14 26 26 | image 91 14 26 26 | text 52 10 15 2 | text 11 46 7 2 | text 41 49 8 2 | text 71 49 7 2 | text 100 49 7 2 | title 2 4 115 4", "canvas_width": 1024, "canvas_height": 511, "elements": [ { "type": "title", "position": [ 20, 40, 984, 39 ], "completed": false }, { "type": "text", "position": [ 446, 87, 132, 24 ], "completed": false }, { "type": "image", "position": [ 20, 125, 224, 224 ], "completed": false }, { "type": "image", "position": [ 274, 125, 224, 224 ], "completed": false }, { "type": "image", "position": [ 527, 125, 224, 224 ], "completed": false }, { "type": "image", "position": [ 780, 125, 224, 224 ], "completed": false }, { "type": "description", "position": [ 40, 358, 184, 42 ], "completed": false }, { "type": "description", "position": [ 278, 358, 214, 63 ], "completed": false }, { "type": "description", "position": [ 540, 358, 198, 63 ], "completed": false }, { "type": "description", "position": [ 794, 358, 196, 63 ], "completed": false }, { "type": "text", "position": [ 99, 398, 66, 21 ], "completed": false }, { "type": "text", "position": [ 350, 419, 70, 21 ], "completed": false }, { "type": "text", "position": [ 606, 419, 66, 21 ], "completed": false }, { "type": "text", "position": [ 859, 419, 67, 21 ], "completed": false } ] }, { "text": "# A page to introduce the core strengths of a company. # There should include a title \"Enterprises Who Choose Perforce Solutions\" and three groups of information sets, each of which includes a background image, a brief description, and a button for users to read more info. Then, there is the pagination to help the user to get more info.", "region_id": "4278", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'enterprises who choose perforce solutions'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:description [attr:size 'small'] ] [el:button [attr:value 'read case study'] ] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ background undefined undefined | button undefined undefined | description undefined small ] | [ background undefined undefined | button undefined undefined | description undefined small ] | [ background undefined undefined | button undefined undefined | description undefined small ] }", "layout_seq_with_completion": "background 42 10 34 39 | background 6 10 34 39 | background 78 10 34 39 | button 10 42 23 5 | button 82 42 23 5 | button 46 42 23 5 | description 10 22 26 11 | description 46 22 26 11 | description 82 22 26 22 | title 11 0 96 5 | \" [ complete button 48 52 2 2 ] | [ complete button 52 52 2 2 ] | [ complete button 55 52 2 2 ] | [ complete button 59 52 2 2 ] | [ complete button 62 52 2 2 ] | [ complete button 66 52 2 2 ] \"", "layout_seq_without_completion": "background 42 10 34 39 | background 6 10 34 39 | background 78 10 34 39 | button 10 42 23 5 | button 82 42 23 5 | button 46 42 23 5 | description 10 22 26 11 | description 46 22 26 11 | description 82 22 26 22 | title 11 0 96 5 | \" [ button 48 52 2 2 ] | [ button 52 52 2 2 ] | [ button 55 52 2 2 ] | [ button 59 52 2 2 ] | [ button 62 52 2 2 ] | [ button 66 52 2 2 ] \"", "plain_layout_seq": "background 42 10 34 39 | background 6 10 34 39 | background 78 10 34 39 | button 10 42 23 5 | button 82 42 23 5 | button 46 42 23 5 | button 48 52 2 2 | button 52 52 2 2 | button 55 52 2 2 | button 59 52 2 2 | button 62 52 2 2 | button 66 52 2 2 | description 10 22 26 11 | description 46 22 26 11 | description 82 22 26 22 | title 11 0 96 5", "canvas_width": 1024, "canvas_height": 464, "elements": [ { "type": "title", "position": [ 100, 0, 824, 43 ], "completed": false }, { "type": "background", "position": [ 55, 88, 298, 341 ], "completed": false }, { "type": "background", "position": [ 363, 88, 298, 341 ], "completed": false }, { "type": "background", "position": [ 671, 88, 298, 341 ], "completed": false }, { "type": "description", "position": [ 87, 188, 225, 96 ], "completed": false }, { "type": "description", "position": [ 395, 188, 225, 96 ], "completed": false }, { "type": "description", "position": [ 703, 188, 225, 192 ], "completed": false }, { "type": "button", "position": [ 87, 364, 201, 44 ], "completed": false }, { "type": "button", "position": [ 395, 364, 201, 44 ], "completed": false }, { "type": "button", "position": [ 703, 364, 201, 44 ], "completed": false }, { "type": "button", "position": [ 417, 444, 20, 20 ], "completed": true }, { "type": "button", "position": [ 447, 444, 20, 20 ], "completed": true }, { "type": "button", "position": [ 477, 444, 20, 20 ], "completed": true }, { "type": "button", "position": [ 507, 444, 20, 20 ], "completed": true }, { "type": "button", "position": [ 537, 444, 20, 20 ], "completed": true }, { "type": "button", "position": [ 567, 444, 20, 20 ], "completed": true } ] }, { "text": "# A page for marketing Livia to guide the user to get started with it. # The page should have a title \"Get started with Livia\" and three groups with each having a title and a further description.", "region_id": "7517", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'get started with livia'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 46 35 15 | description 42 46 35 18 | description 80 46 35 13 | title 4 40 35 4 | title 42 40 35 4 | title 80 40 35 4 | title 4 7 110 4", "layout_seq_without_completion": "description 4 46 35 15 | description 42 46 35 18 | description 80 46 35 13 | title 4 40 35 4 | title 42 40 35 4 | title 80 40 35 4 | title 4 7 110 4", "plain_layout_seq": "description 4 46 35 15 | description 42 46 35 18 | description 80 46 35 13 | title 4 40 35 4 | title 42 40 35 4 | title 80 40 35 4 | title 4 7 110 4", "canvas_width": 1024, "canvas_height": 624, "elements": [ { "type": "title", "position": [ 40, 60, 944, 42 ], "completed": false }, { "type": "title", "position": [ 40, 347, 300, 35 ], "completed": false }, { "type": "title", "position": [ 362, 347, 300, 35 ], "completed": false }, { "type": "title", "position": [ 684, 347, 300, 35 ], "completed": false }, { "type": "description", "position": [ 40, 393, 300, 135 ], "completed": false }, { "type": "description", "position": [ 362, 393, 300, 158 ], "completed": false }, { "type": "description", "position": [ 684, 393, 300, 113 ], "completed": false } ] }, { "text": "#A page encouraging users to groom their man parts.# The page should include the title \"Why should you groom your man parts?\" and four information sets. Each group contains an icon, a title, and an explanation.", "region_id": "2536", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why should you groom your man parts?'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 59 44 28 9 | description 5 44 22 9 | description 32 44 23 9 | description 91 44 22 9 | icon 11 30 11 5 | icon 97 27 11 9 | icon 68 27 11 9 | icon 38 25 11 11 | title 11 38 11 3 | title 95 38 15 3 | title 3 10 112 8 | title 35 38 16 3 | title 63 38 19 3", "layout_seq_without_completion": "description 59 44 28 9 | description 5 44 22 9 | description 32 44 23 9 | description 91 44 22 9 | icon 11 30 11 5 | icon 97 27 11 9 | icon 68 27 11 9 | icon 38 25 11 11 | title 11 38 11 3 | title 95 38 15 3 | title 3 10 112 8 | title 35 38 16 3 | title 63 38 19 3", "plain_layout_seq": "description 59 44 28 9 | description 5 44 22 9 | description 32 44 23 9 | description 91 44 22 9 | icon 11 30 11 5 | icon 97 27 11 9 | icon 68 27 11 9 | icon 38 25 11 11 | title 11 38 11 3 | title 95 38 15 3 | title 3 10 112 8 | title 35 38 16 3 | title 63 38 19 3", "canvas_width": 1024, "canvas_height": 552, "elements": [ { "type": "title", "position": [ 32, 87, 960, 71 ], "completed": false }, { "type": "icon", "position": [ 328, 218, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 831, 237, 96, 77 ], "completed": false }, { "type": "icon", "position": [ 582, 238, 96, 77 ], "completed": false }, { "type": "icon", "position": [ 97, 263, 96, 51 ], "completed": false }, { "type": "title", "position": [ 97, 330, 96, 32 ], "completed": false }, { "type": "title", "position": [ 306, 330, 140, 32 ], "completed": false }, { "type": "title", "position": [ 546, 330, 168, 32 ], "completed": false }, { "type": "title", "position": [ 812, 330, 135, 32 ], "completed": false }, { "type": "description", "position": [ 48, 378, 194, 78 ], "completed": false }, { "type": "description", "position": [ 274, 378, 204, 78 ], "completed": false }, { "type": "description", "position": [ 510, 378, 240, 78 ], "completed": false }, { "type": "description", "position": [ 783, 378, 193, 78 ], "completed": false } ] }, { "text": "#A page for showing how Evidation Health works.#There should be one title\"Learn How Evidation Leverages person-generated health data for real-world insights\". Below are three info parts. And each of them includes one image and one text box showing a detailed description, and users can click one link to read more.", "region_id": "150", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'learn how evidation leverages person-generated health data for real-world insights'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | complete image 42 34 35 54 | complete image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | complete image 81 34 35 54 | title 3 14 114 10", "layout_seq_without_completion": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | image 42 34 35 54 | image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | image 81 34 35 54 | title 3 14 114 10", "plain_layout_seq": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | image 42 34 35 54 | image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | image 81 34 35 54 | title 3 14 114 10", "canvas_width": 1024, "canvas_height": 878, "elements": [ { "type": "title", "position": [ 26, 120, 973, 92 ], "completed": false }, { "type": "image", "position": [ 26, 292, 311, 465 ], "completed": true }, { "type": "image", "position": [ 361, 292, 307, 465 ], "completed": true }, { "type": "image", "position": [ 692, 292, 307, 465 ], "completed": true }, { "type": "image", "position": [ 51, 317, 261, 191 ], "completed": false }, { "type": "image", "position": [ 386, 317, 256, 188 ], "completed": false }, { "type": "image", "position": [ 717, 317, 257, 188 ], "completed": false }, { "type": "description", "position": [ 386, 519, 256, 180 ], "completed": false }, { "type": "description", "position": [ 717, 519, 257, 150 ], "completed": false }, { "type": "description", "position": [ 51, 523, 261, 210 ], "completed": false } ] }, { "text": "#A page for showing how Evidation Health works.#There should be one text box showing the title. Three texts are used and each of them includes one image and one text box showing a detailed description, and users can click one link to read more.", "region_id": "150_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | complete image 42 34 35 54 | complete image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | complete image 81 34 35 54 | title 3 14 114 10", "layout_seq_without_completion": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | image 42 34 35 54 | image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | image 81 34 35 54 | title 3 14 114 10", "plain_layout_seq": "description 84 60 30 17 | description 5 61 30 24 | description 45 60 30 21 | image 5 37 30 22 | image 42 34 35 54 | image 3 34 36 54 | image 45 37 30 22 | image 84 37 30 22 | image 81 34 35 54 | title 3 14 114 10", "canvas_width": 1024, "canvas_height": 878, "elements": [ { "type": "title", "position": [ 26, 120, 973, 92 ], "completed": false }, { "type": "image", "position": [ 26, 292, 311, 465 ], "completed": true }, { "type": "image", "position": [ 361, 292, 307, 465 ], "completed": true }, { "type": "image", "position": [ 692, 292, 307, 465 ], "completed": true }, { "type": "image", "position": [ 51, 317, 261, 191 ], "completed": false }, { "type": "image", "position": [ 386, 317, 256, 188 ], "completed": false }, { "type": "image", "position": [ 717, 317, 257, 188 ], "completed": false }, { "type": "description", "position": [ 386, 519, 256, 180 ], "completed": false }, { "type": "description", "position": [ 717, 519, 257, 150 ], "completed": false }, { "type": "description", "position": [ 51, 523, 261, 210 ], "completed": false } ] }, { "text": "# A page for presenting the fashion and featured categories in an online shop. # The page should have a title and 12 categories with each having an image and a title.", "region_id": "2477", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 37 | image 21 23 18 10 | image 79 23 18 10 | image 2 8 18 10 | image 21 8 18 10 | image 60 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 99 8 18 10 | image 2 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 99 23 18 10 | title 22 34 16 2 | title 3 34 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 100 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 42 34 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 1 1 117 6", "layout_seq_without_completion": "background 1 1 117 37 | image 21 23 18 10 | image 79 23 18 10 | image 2 8 18 10 | image 21 8 18 10 | image 60 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 99 8 18 10 | image 2 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 99 23 18 10 | title 22 34 16 2 | title 3 34 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 100 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 42 34 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 1 1 117 6", "plain_layout_seq": "background 1 1 117 37 | image 21 23 18 10 | image 79 23 18 10 | image 2 8 18 10 | image 21 8 18 10 | image 60 8 18 10 | image 41 8 18 10 | image 79 8 18 10 | image 99 8 18 10 | image 2 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 99 23 18 10 | title 22 34 16 2 | title 3 34 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 100 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 42 34 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 1 1 117 6", "canvas_width": 950, "canvas_height": 313, "elements": [ { "type": "background", "position": [ 8, 8, 934, 297 ], "completed": true }, { "type": "title", "position": [ 8, 8, 934, 48 ], "completed": false }, { "type": "image", "position": [ 20, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 173, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 326, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 479, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 632, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 785, 64, 145, 81 ], "completed": false }, { "type": "title", "position": [ 28, 153, 129, 16 ], "completed": false }, { "type": "title", "position": [ 181, 153, 129, 16 ], "completed": false }, { "type": "title", "position": [ 334, 153, 129, 16 ], "completed": false }, { "type": "title", "position": [ 487, 153, 129, 16 ], "completed": false }, { "type": "title", "position": [ 640, 153, 129, 16 ], "completed": false }, { "type": "title", "position": [ 793, 153, 129, 16 ], "completed": false }, { "type": "image", "position": [ 20, 185, 145, 81 ], "completed": false }, { "type": "image", "position": [ 173, 185, 145, 81 ], "completed": false }, { "type": "image", "position": [ 326, 185, 145, 81 ], "completed": false }, { "type": "image", "position": [ 479, 185, 145, 81 ], "completed": false }, { "type": "image", "position": [ 632, 185, 145, 81 ], "completed": false }, { "type": "image", "position": [ 785, 185, 145, 81 ], "completed": false }, { "type": "title", "position": [ 28, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 181, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 334, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 487, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 640, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 793, 273, 129, 16 ], "completed": false } ] }, { "text": "# A page for advertising ceramic planters. # The page should have a title \"Ceramic Planters\", a link \"View all\" to view all the products in the shop by clicking it, and five groups of product information with each including an image, a product name, and a price.", "region_id": "7229", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Ceramic Planters'] ] [el:link [attr:value 'View all'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 106 0 9 3 | text 7 50 11 2 | text 74 30 15 21 | text 74 53 9 2 | text 97 30 15 21 | text 97 53 12 2 | text 7 30 15 17 | text 29 30 15 21 | text 29 53 9 2 | text 52 30 15 17 | text 52 50 9 2 | title 4 0 101 3", "layout_seq_without_completion": "link 106 0 9 3 | text 7 50 11 2 | text 74 30 15 21 | text 74 53 9 2 | text 97 30 15 21 | text 97 53 12 2 | text 7 30 15 17 | text 29 30 15 21 | text 29 53 9 2 | text 52 30 15 17 | text 52 50 9 2 | title 4 0 101 3", "plain_layout_seq": "link 106 0 9 3 | text 7 50 11 2 | text 74 30 15 21 | text 74 53 9 2 | text 97 30 15 21 | text 97 53 12 2 | text 7 30 15 17 | text 29 30 15 21 | text 29 53 9 2 | text 52 30 15 17 | text 52 50 9 2 | title 4 0 101 3", "canvas_width": 1024, "canvas_height": 516, "elements": [ { "type": "link", "position": [ 906, 0, 78, 31 ], "completed": false }, { "type": "title", "position": [ 40, 1, 866, 28 ], "completed": false }, { "type": "text", "position": [ 60, 264, 133, 153 ], "completed": false }, { "type": "text", "position": [ 253, 264, 133, 184 ], "completed": false }, { "type": "text", "position": [ 446, 264, 133, 153 ], "completed": false }, { "type": "text", "position": [ 638, 264, 133, 184 ], "completed": false }, { "type": "text", "position": [ 831, 264, 133, 184 ], "completed": false }, { "type": "text", "position": [ 60, 427, 98, 24 ], "completed": false }, { "type": "text", "position": [ 446, 427, 83, 24 ], "completed": false }, { "type": "text", "position": [ 253, 457, 84, 24 ], "completed": false }, { "type": "text", "position": [ 638, 457, 83, 24 ], "completed": false }, { "type": "text", "position": [ 831, 457, 107, 24 ], "completed": false } ] }, { "text": "# A page to introduce the service of LitCharts. # There should have three groups of information sets \"A more helpful approach\" \"Every title you need\" and \"For every reader\". In each group, there should have an image, a title, and a further description.", "region_id": "3871", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'A more helpful approach,Every title you need,For every reader'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 34 35 9 | image 1 7 36 21 | title 2 30 24 2 ] | [ description 42 34 35 9 | image 41 7 36 21 | title 42 30 19 2 ] | [ description 82 34 35 9 | image 81 7 36 21 | title 82 30 16 2 ] \"", "layout_seq_without_completion": "\" [ description 2 34 35 9 | image 1 7 36 21 | title 2 30 24 2 ] | [ description 42 34 35 9 | image 41 7 36 21 | title 42 30 19 2 ] | [ description 82 34 35 9 | image 81 7 36 21 | title 82 30 16 2 ] \"", "plain_layout_seq": "description 2 34 35 9 | description 42 34 35 9 | description 82 34 35 9 | image 1 7 36 21 | image 41 7 36 21 | image 81 7 36 21 | title 2 30 24 2 | title 42 30 19 2 | title 82 30 16 2", "canvas_width": 1024, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 15, 60, 311, 180 ], "completed": false }, { "type": "image", "position": [ 356, 60, 311, 180 ], "completed": false }, { "type": "image", "position": [ 698, 60, 311, 180 ], "completed": false }, { "type": "title", "position": [ 21, 260, 208, 24 ], "completed": false }, { "type": "title", "position": [ 362, 260, 167, 24 ], "completed": false }, { "type": "title", "position": [ 703, 260, 138, 24 ], "completed": false }, { "type": "description", "position": [ 21, 291, 300, 84 ], "completed": false }, { "type": "description", "position": [ 362, 291, 300, 84 ], "completed": false }, { "type": "description", "position": [ 703, 291, 300, 84 ], "completed": false } ] }, { "text": "# A page to advertise a product. # The page should contain the title \"Do more with Smartproxy\". There are three groups on the page. Each group has a picture, a title(\"Overcome restrictions\", \"Scale your business\", or \"Save time and effort\"), a short description and a button \"Explore\".", "region_id": "2876", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'do more with smartproxy'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'overcome restrictions, scale your business, save time and effort'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'explore'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 16 60 6 2 | button 56 60 6 2 | button 97 60 6 2 | title 2 9 115 5 | \" [ description 2 48 34 9 | image 2 21 21 18 | image 2 21 34 18 | title 2 42 34 3 ] | [ description 42 48 34 7 | image 42 21 20 18 | image 42 21 34 18 | title 42 42 34 3 ] | [ description 82 48 34 9 | image 82 21 23 18 | image 82 21 34 18 | title 82 42 34 3 ] \"", "layout_seq_without_completion": "button 16 60 6 2 | button 56 60 6 2 | button 97 60 6 2 | title 2 9 115 5 | \" [ description 2 48 34 9 | image 2 21 21 18 | image 2 21 34 18 | title 2 42 34 3 ] | [ description 42 48 34 7 | image 42 21 20 18 | image 42 21 34 18 | title 42 42 34 3 ] | [ description 82 48 34 9 | image 82 21 23 18 | image 82 21 34 18 | title 82 42 34 3 ] \"", "plain_layout_seq": "button 16 60 6 2 | button 56 60 6 2 | button 97 60 6 2 | description 2 48 34 9 | description 42 48 34 7 | description 82 48 34 9 | image 2 21 21 18 | image 2 21 34 18 | image 42 21 20 18 | image 42 21 34 18 | image 82 21 23 18 | image 82 21 34 18 | title 2 9 115 5 | title 2 42 34 3 | title 42 42 34 3 | title 82 42 34 3", "canvas_width": 1024, "canvas_height": 629, "elements": [ { "type": "title", "position": [ 20, 80, 984, 45 ], "completed": false }, { "type": "image", "position": [ 20, 185, 296, 160 ], "completed": false }, { "type": "image", "position": [ 20, 185, 181, 160 ], "completed": false }, { "type": "image", "position": [ 364, 185, 173, 160 ], "completed": false }, { "type": "image", "position": [ 364, 185, 296, 160 ], "completed": false }, { "type": "image", "position": [ 708, 185, 296, 160 ], "completed": false }, { "type": "image", "position": [ 708, 185, 202, 160 ], "completed": false }, { "type": "title", "position": [ 20, 365, 296, 33 ], "completed": false }, { "type": "title", "position": [ 364, 365, 296, 33 ], "completed": false }, { "type": "title", "position": [ 708, 365, 296, 33 ], "completed": false }, { "type": "description", "position": [ 20, 410, 296, 84 ], "completed": false }, { "type": "description", "position": [ 364, 410, 296, 65 ], "completed": false }, { "type": "description", "position": [ 708, 410, 296, 84 ], "completed": false }, { "type": "button", "position": [ 142, 518, 53, 20 ], "completed": false }, { "type": "button", "position": [ 486, 518, 53, 20 ], "completed": false }, { "type": "button", "position": [ 830, 518, 53, 20 ], "completed": false } ] }, { "text": "#A page for a list of news of Linklogis.# There should be a list of 4 groups to show the relevant news about Linklogis. And each should contain the date, the headline, and the resume of the news.", "region_id": "1621", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 7 15 27 61 | complete title 7 5 105 6 | \" [ text 40 18 68 2 ] | [ title 40 21 68 2 ] | [ description 40 25 69 3 ] \" | \" [ text 40 34 68 2 ] | [ title 40 37 68 2 ] | [ description 40 40 69 3 ] \" | \" [ text 40 49 68 2 ] | [ title 40 52 68 2 ] | [ description 40 55 69 3 ] \" | \" [ text 40 64 68 2 ] | [ title 40 67 68 5 ] | [ description 40 73 69 3 ] \"", "layout_seq_without_completion": "image 7 15 27 61 | title 7 5 105 6 | \" [ text 40 18 68 2 ] | [ title 40 21 68 2 ] | [ description 40 25 69 3 ] \" | \" [ text 40 34 68 2 ] | [ title 40 37 68 2 ] | [ description 40 40 69 3 ] \" | \" [ text 40 49 68 2 ] | [ title 40 52 68 2 ] | [ description 40 55 69 3 ] \" | \" [ text 40 64 68 2 ] | [ title 40 67 68 5 ] | [ description 40 73 69 3 ] \"", "plain_layout_seq": "description 40 25 69 3 | description 40 40 69 3 | description 40 55 69 3 | description 40 73 69 3 | image 7 15 27 61 | text 40 18 68 2 | text 40 34 68 2 | text 40 49 68 2 | text 40 64 68 2 | title 7 5 105 6 | title 40 21 68 2 | title 40 37 68 2 | title 40 52 68 2 | title 40 67 68 5", "canvas_width": 1221, "canvas_height": 876, "elements": [ { "type": "title", "position": [ 75, 60, 1071, 66 ], "completed": true }, { "type": "image", "position": [ 75, 158, 277, 624 ], "completed": true }, { "type": "text", "position": [ 408, 193, 698, 30 ], "completed": false }, { "type": "title", "position": [ 408, 223, 698, 30 ], "completed": false }, { "type": "description", "position": [ 408, 259, 706, 40 ], "completed": false }, { "type": "text", "position": [ 408, 347, 698, 30 ], "completed": false }, { "type": "title", "position": [ 408, 377, 698, 30 ], "completed": false }, { "type": "description", "position": [ 408, 413, 706, 40 ], "completed": false }, { "type": "text", "position": [ 408, 501, 698, 30 ], "completed": false }, { "type": "title", "position": [ 408, 531, 698, 30 ], "completed": false }, { "type": "description", "position": [ 408, 567, 706, 40 ], "completed": false }, { "type": "text", "position": [ 408, 655, 698, 30 ], "completed": false }, { "type": "title", "position": [ 408, 685, 698, 60 ], "completed": false }, { "type": "description", "position": [ 408, 751, 706, 31 ], "completed": false } ] }, { "text": "#A page showing the logos of a number of organizations such as Ford.# There is a long title labeled \"Leading Organizations Rely on Relativity\". There are 18 small logos.", "region_id": "2081", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size 'large'] [attr:value'leading organizations rely on relativity'] ] [gp:InfoGroup [gattr:repeat '18'] [item [el:logo [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined large | { [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] | [ logo undefined small ] }", "layout_seq_with_completion": "title 4 8 110 4 | \" [ logo 6 21 12 7 ] | [ logo 24 21 12 7 ] | [ logo 43 21 12 7 ] | [ logo 61 21 12 7 ] | [ logo 79 21 12 7 ] | [ logo 98 21 12 7 ] | [ logo 6 33 12 7 ] | [ logo 24 33 12 7 ] | [ logo 43 33 12 7 ] | [ logo 61 33 12 7 ] | [ logo 79 33 12 7 ] | [ logo 98 33 12 7 ] \" | \" [ logo 6 45 12 7 ] | [ logo 24 45 12 7 ] | [ logo 43 45 12 7 ] | [ logo 61 45 12 7 ] | [ logo 79 45 12 7 ] | [ logo 98 45 12 7 ] \"", "layout_seq_without_completion": "title 4 8 110 4 | \" [ logo 6 21 12 7 ] | [ logo 24 21 12 7 ] | [ logo 43 21 12 7 ] | [ logo 61 21 12 7 ] | [ logo 79 21 12 7 ] | [ logo 98 21 12 7 ] | [ logo 6 33 12 7 ] | [ logo 24 33 12 7 ] | [ logo 43 33 12 7 ] | [ logo 61 33 12 7 ] | [ logo 79 33 12 7 ] | [ logo 98 33 12 7 ] \" | \" [ logo 6 45 12 7 ] | [ logo 24 45 12 7 ] | [ logo 43 45 12 7 ] | [ logo 61 45 12 7 ] | [ logo 79 45 12 7 ] | [ logo 98 45 12 7 ] \"", "plain_layout_seq": "logo 6 21 12 7 | logo 24 21 12 7 | logo 43 21 12 7 | logo 61 21 12 7 | logo 79 21 12 7 | logo 98 21 12 7 | logo 6 33 12 7 | logo 24 33 12 7 | logo 43 33 12 7 | logo 61 33 12 7 | logo 79 33 12 7 | logo 98 33 12 7 | logo 6 45 12 7 | logo 24 45 12 7 | logo 43 45 12 7 | logo 61 45 12 7 | logo 79 45 12 7 | logo 98 45 12 7 | title 4 8 110 4", "canvas_width": 1024, "canvas_height": 542, "elements": [ { "type": "title", "position": [ 42, 76, 940, 40 ], "completed": false }, { "type": "logo", "position": [ 55, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 55, 284, 104, 64 ], "completed": false }, { "type": "logo", "position": [ 55, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 386, 104, 65 ], "completed": false } ] }, { "text": "#A page showing the logos of a number of organizations such as Ford.# There is a long text box labeled \"Leading Organizations Rely on Relativity\". There are18 small images showing these logos.", "region_id": "2081_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'leading organizations rely on relativity'] ] [gp:InfoGroup [gattr:repeat '18'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 4 8 110 4 | \" [ logo 6 21 12 7 ] | [ logo 24 21 12 7 ] | [ logo 43 21 12 7 ] | [ logo 61 21 12 7 ] | [ logo 79 21 12 7 ] | [ logo 98 21 12 7 ] | [ logo 6 33 12 7 ] | [ logo 24 33 12 7 ] | [ logo 43 33 12 7 ] | [ logo 61 33 12 7 ] | [ logo 79 33 12 7 ] | [ logo 98 33 12 7 ] \" | \" [ logo 6 45 12 7 ] | [ logo 24 45 12 7 ] | [ logo 43 45 12 7 ] | [ logo 61 45 12 7 ] | [ logo 79 45 12 7 ] | [ logo 98 45 12 7 ] \"", "layout_seq_without_completion": "title 4 8 110 4 | \" [ logo 6 21 12 7 ] | [ logo 24 21 12 7 ] | [ logo 43 21 12 7 ] | [ logo 61 21 12 7 ] | [ logo 79 21 12 7 ] | [ logo 98 21 12 7 ] | [ logo 6 33 12 7 ] | [ logo 24 33 12 7 ] | [ logo 43 33 12 7 ] | [ logo 61 33 12 7 ] | [ logo 79 33 12 7 ] | [ logo 98 33 12 7 ] \" | \" [ logo 6 45 12 7 ] | [ logo 24 45 12 7 ] | [ logo 43 45 12 7 ] | [ logo 61 45 12 7 ] | [ logo 79 45 12 7 ] | [ logo 98 45 12 7 ] \"", "plain_layout_seq": "logo 6 21 12 7 | logo 24 21 12 7 | logo 43 21 12 7 | logo 61 21 12 7 | logo 79 21 12 7 | logo 98 21 12 7 | logo 6 33 12 7 | logo 24 33 12 7 | logo 43 33 12 7 | logo 61 33 12 7 | logo 79 33 12 7 | logo 98 33 12 7 | logo 6 45 12 7 | logo 24 45 12 7 | logo 43 45 12 7 | logo 61 45 12 7 | logo 79 45 12 7 | logo 98 45 12 7 | title 4 8 110 4", "canvas_width": 1024, "canvas_height": 542, "elements": [ { "type": "title", "position": [ 42, 76, 940, 40 ], "completed": false }, { "type": "logo", "position": [ 55, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 180, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 282, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 55, 284, 104, 64 ], "completed": false }, { "type": "logo", "position": [ 55, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 212, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 368, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 525, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 838, 385, 104, 67 ], "completed": false }, { "type": "logo", "position": [ 682, 386, 104, 65 ], "completed": false } ] }, { "text": "#A page for showing some products.# The page should have 4 groups each group has an image and a title of the products.", "region_id": "6760", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 0 22 30 | image 91 0 22 30 | image 34 0 22 30 | image 62 0 22 30 | title 32 24 7 3 | title 89 24 15 3 | title 60 24 11 3 | title 4 24 10 3", "layout_seq_without_completion": "image 6 0 22 30 | image 91 0 22 30 | image 34 0 22 30 | image 62 0 22 30 | title 32 24 7 3 | title 89 24 15 3 | title 60 24 11 3 | title 4 24 10 3", "plain_layout_seq": "image 6 0 22 30 | image 91 0 22 30 | image 34 0 22 30 | image 62 0 22 30 | title 32 24 7 3 | title 89 24 15 3 | title 60 24 11 3 | title 4 24 10 3", "canvas_width": 1024, "canvas_height": 342, "elements": [ { "type": "image", "position": [ 52, 0, 192, 257 ], "completed": false }, { "type": "image", "position": [ 295, 0, 192, 257 ], "completed": false }, { "type": "image", "position": [ 537, 0, 192, 257 ], "completed": false }, { "type": "image", "position": [ 779, 0, 192, 257 ], "completed": false }, { "type": "title", "position": [ 35, 206, 87, 31 ], "completed": false }, { "type": "title", "position": [ 277, 206, 62, 31 ], "completed": false }, { "type": "title", "position": [ 520, 206, 101, 31 ], "completed": false }, { "type": "title", "position": [ 762, 206, 128, 31 ], "completed": false } ] }, { "text": "#A page for introducing the featured shows for users.# This page should contain one title, three groups of the feature shows, and the pagination on both sides. Each group should include one image and one title showing the date of the show for users.", "region_id": "5312", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 20 | complete button 112 3 3 10 | complete button 4 3 3 10 | image 20 3 24 13 | image 19 3 25 14 | title 3 0 11 1 | title 20 18 20 1 | \" [ image 47 3 25 14 | image 47 3 24 13 | title 47 18 18 1 ] | [ image 75 3 25 14 | image 75 3 24 13 | title 75 18 17 1 ] \"", "layout_seq_without_completion": "background 0 0 120 20 | button 112 3 3 10 | button 4 3 3 10 | image 20 3 24 13 | image 19 3 25 14 | title 3 0 11 1 | title 20 18 20 1 | \" [ image 47 3 25 14 | image 47 3 24 13 | title 47 18 18 1 ] | [ image 75 3 25 14 | image 75 3 24 13 | title 75 18 17 1 ] \"", "plain_layout_seq": "background 0 0 120 20 | button 112 3 3 10 | button 4 3 3 10 | image 20 3 24 13 | image 19 3 25 14 | image 47 3 25 14 | image 47 3 24 13 | image 75 3 25 14 | image 75 3 24 13 | title 3 0 11 1 | title 20 18 20 1 | title 47 18 18 1 | title 75 18 17 1", "canvas_width": 1024, "canvas_height": 171, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 171 ], "completed": true }, { "type": "title", "position": [ 31, 7, 100, 15 ], "completed": false }, { "type": "button", "position": [ 36, 31, 27, 90 ], "completed": true }, { "type": "image", "position": [ 168, 31, 216, 123 ], "completed": false }, { "type": "image", "position": [ 404, 31, 216, 123 ], "completed": false }, { "type": "image", "position": [ 640, 31, 216, 123 ], "completed": false }, { "type": "button", "position": [ 961, 31, 27, 90 ], "completed": true }, { "type": "image", "position": [ 171, 34, 210, 117 ], "completed": false }, { "type": "image", "position": [ 407, 34, 210, 117 ], "completed": false }, { "type": "image", "position": [ 643, 34, 210, 117 ], "completed": false }, { "type": "title", "position": [ 171, 154, 175, 12 ], "completed": false }, { "type": "title", "position": [ 407, 154, 156, 12 ], "completed": false }, { "type": "title", "position": [ 643, 154, 149, 12 ], "completed": false } ] }, { "text": "#This page presents the user with clothes.#This is mainly divided into three groups: SPRING COLLECTION, FIRST DROPS, and WINTER COLLECTION, each group consists of the picture, name of the clothes, and the button of VIEW ALL.", "region_id": "7557", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'spring collection, first drops, winter collection'] [item [el:image] [el:title] [el:button [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 2 0 38 61 | button 18 13 7 1 | image 8 18 25 38 | title 8 3 26 9 ] | [ complete background 40 0 38 61 | button 56 8 7 1 | image 47 18 25 38 | title 46 3 26 4 ] | [ complete background 79 0 38 61 | button 94 13 7 1 | image 85 18 25 38 | title 85 3 26 9 ] \"", "layout_seq_without_completion": "\" [ background 2 0 38 61 | button 18 13 7 1 | image 8 18 25 38 | title 8 3 26 9 ] | [ background 40 0 38 61 | button 56 8 7 1 | image 47 18 25 38 | title 46 3 26 4 ] | [ background 79 0 38 61 | button 94 13 7 1 | image 85 18 25 38 | title 85 3 26 9 ] \"", "plain_layout_seq": "background 2 0 38 61 | background 40 0 38 61 | background 79 0 38 61 | button 18 13 7 1 | button 56 8 7 1 | button 94 13 7 1 | image 8 18 25 38 | image 47 18 25 38 | image 85 18 25 38 | title 8 3 26 9 | title 46 3 26 4 | title 85 3 26 9", "canvas_width": 1024, "canvas_height": 528, "elements": [ { "type": "background", "position": [ 20, 0, 328, 528 ], "completed": true }, { "type": "background", "position": [ 348, 0, 328, 528 ], "completed": true }, { "type": "background", "position": [ 676, 0, 328, 528 ], "completed": true }, { "type": "title", "position": [ 73, 30, 223, 77 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 77 ], "completed": false }, { "type": "button", "position": [ 482, 72, 61, 15 ], "completed": false }, { "type": "button", "position": [ 154, 111, 61, 15 ], "completed": false }, { "type": "button", "position": [ 810, 111, 61, 15 ], "completed": false }, { "type": "image", "position": [ 76, 157, 216, 330 ], "completed": false }, { "type": "image", "position": [ 404, 157, 216, 330 ], "completed": false }, { "type": "image", "position": [ 732, 157, 216, 330 ], "completed": false } ] }, { "text": "#A page for showing the financial calendar and latest news.# The page should have two sections, one section shows the financial calendar and it includes two events '2022 half year results' and ' Annual general meeting' as well as corresponding date label . The other section shows the latest news and it includes two news group, each group consists of a date stamp, a news headline and a icon button for more information.", "region_id": "2051", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'financial calendar']] [el:text [attr:value '2022 half year results']] [el:text] [el:text [attr:value 'Annual general meeting']] [el:text] [el:title [attr:value'latest news']] [gp:InfoGroup [gattr:repeat '2'] [item [el:text] [el:title] [el:button [attr:value 'read more']] ]] ]", "execution": "multiinfo : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined | { [ button undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 45 45 4 4 | button 86 45 4 4 | text 4 35 30 3 | text 4 24 27 3 | text 4 22 34 1 | text 86 22 28 1 | text 4 33 34 1 | text 45 22 29 1 | title 45 24 29 15 | title 86 24 28 15 | title 4 11 35 4 | title 45 11 69 4", "layout_seq_without_completion": "button 45 45 4 4 | button 86 45 4 4 | text 4 35 30 3 | text 4 24 27 3 | text 4 22 34 1 | text 86 22 28 1 | text 4 33 34 1 | text 45 22 29 1 | title 45 24 29 15 | title 86 24 28 15 | title 4 11 35 4 | title 45 11 69 4", "plain_layout_seq": "button 45 45 4 4 | button 86 45 4 4 | text 4 35 30 3 | text 4 24 27 3 | text 4 22 34 1 | text 86 22 28 1 | text 4 33 34 1 | text 45 22 29 1 | title 45 24 29 15 | title 86 24 28 15 | title 4 11 35 4 | title 45 11 69 4", "canvas_width": 1024, "canvas_height": 526, "elements": [ { "type": "title", "position": [ 41, 100, 301, 36 ], "completed": false }, { "type": "title", "position": [ 387, 100, 596, 36 ], "completed": false }, { "type": "text", "position": [ 41, 189, 291, 15 ], "completed": false }, { "type": "text", "position": [ 387, 189, 248, 15 ], "completed": false }, { "type": "text", "position": [ 740, 189, 243, 15 ], "completed": false }, { "type": "title", "position": [ 387, 208, 248, 128 ], "completed": false }, { "type": "title", "position": [ 740, 208, 243, 128 ], "completed": false }, { "type": "text", "position": [ 41, 210, 236, 28 ], "completed": false }, { "type": "text", "position": [ 41, 286, 291, 15 ], "completed": false }, { "type": "text", "position": [ 41, 307, 258, 28 ], "completed": false }, { "type": "button", "position": [ 387, 386, 40, 40 ], "completed": false }, { "type": "button", "position": [ 740, 386, 40, 40 ], "completed": false } ] }, { "text": "#A page for showing the situation of one product.# The page has a logo of the brand and six groups of information. Each group contains a number and a title representing different types of information.", "region_id": "4056", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [gp:InfoGroup [gattr:repeat '6'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : logo undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 4 4 13 13 | text 38 11 17 2 | text 84 11 11 2 | text 95 11 19 2 | text 56 11 14 2 | complete text 4 12 13 2 | text 21 11 17 2 | text 71 11 13 2 | complete title 4 6 13 5 | title 21 6 17 4 | title 56 6 14 4 | title 71 6 13 4 | title 84 6 11 4 | title 95 6 19 4 | title 38 6 17 4", "layout_seq_without_completion": "logo 4 4 13 13 | text 38 11 17 2 | text 84 11 11 2 | text 95 11 19 2 | text 56 11 14 2 | text 4 12 13 2 | text 21 11 17 2 | text 71 11 13 2 | title 4 6 13 5 | title 21 6 17 4 | title 56 6 14 4 | title 71 6 13 4 | title 84 6 11 4 | title 95 6 19 4 | title 38 6 17 4", "plain_layout_seq": "logo 4 4 13 13 | text 38 11 17 2 | text 84 11 11 2 | text 95 11 19 2 | text 56 11 14 2 | text 4 12 13 2 | text 21 11 17 2 | text 71 11 13 2 | title 4 6 13 5 | title 21 6 17 4 | title 56 6 14 4 | title 71 6 13 4 | title 84 6 11 4 | title 95 6 19 4 | title 38 6 17 4", "canvas_width": 1009, "canvas_height": 180, "elements": [ { "type": "logo", "position": [ 40, 35, 110, 110 ], "completed": false }, { "type": "title", "position": [ 40, 55, 110, 50 ], "completed": true }, { "type": "title", "position": [ 180, 55, 146, 35 ], "completed": false }, { "type": "title", "position": [ 326, 55, 146, 35 ], "completed": false }, { "type": "title", "position": [ 472, 55, 126, 35 ], "completed": false }, { "type": "title", "position": [ 599, 55, 111, 35 ], "completed": false }, { "type": "title", "position": [ 710, 55, 97, 35 ], "completed": false }, { "type": "title", "position": [ 807, 55, 163, 35 ], "completed": false }, { "type": "text", "position": [ 180, 100, 146, 25 ], "completed": false }, { "type": "text", "position": [ 326, 100, 146, 25 ], "completed": false }, { "type": "text", "position": [ 472, 100, 126, 25 ], "completed": false }, { "type": "text", "position": [ 599, 100, 111, 25 ], "completed": false }, { "type": "text", "position": [ 710, 100, 97, 25 ], "completed": false }, { "type": "text", "position": [ 807, 100, 163, 25 ], "completed": false }, { "type": "text", "position": [ 40, 105, 110, 25 ], "completed": true } ] }, { "text": "#A page introducing the travel guides for users.#The page should have one title and three groups of guides. And each guide should have one image, one brief title, and one jump button for users to click to know a detailed description fastly.", "region_id": "4561", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title [attr:size 'small'] ] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined small ] | [ button undefined undefined | image undefined undefined | title undefined small ] | [ button undefined undefined | image undefined undefined | title undefined small ] }", "layout_seq_with_completion": "title 42 9 34 2 | title 42 12 34 5 | \" [ button 32 44 2 2 | image 5 9 31 31 | title 5 43 21 4 ] | [ button 72 62 2 2 | image 42 24 34 34 | title 42 61 26 4 ] | [ button 109 44 2 2 | image 82 9 31 31 | title 82 43 19 4 ] \"", "layout_seq_without_completion": "title 42 9 34 2 | title 42 12 34 5 | \" [ button 32 44 2 2 | image 5 9 31 31 | title 5 43 21 4 ] | [ button 72 62 2 2 | image 42 24 34 34 | title 42 61 26 4 ] | [ button 109 44 2 2 | image 82 9 31 31 | title 82 43 19 4 ] \"", "plain_layout_seq": "button 32 44 2 2 | button 72 62 2 2 | button 109 44 2 2 | image 5 9 31 31 | image 42 24 34 34 | image 82 9 31 31 | title 42 9 34 2 | title 42 12 34 5 | title 5 43 21 4 | title 42 61 26 4 | title 82 43 19 4", "canvas_width": 1024, "canvas_height": 641, "elements": [ { "type": "image", "position": [ 48, 80, 269, 270 ], "completed": false }, { "type": "title", "position": [ 365, 80, 293, 19 ], "completed": false }, { "type": "image", "position": [ 707, 80, 269, 270 ], "completed": false }, { "type": "title", "position": [ 365, 107, 293, 50 ], "completed": false }, { "type": "image", "position": [ 365, 205, 293, 294 ], "completed": false }, { "type": "title", "position": [ 48, 372, 186, 40 ], "completed": false }, { "type": "title", "position": [ 707, 372, 164, 40 ], "completed": false }, { "type": "button", "position": [ 275, 382, 18, 18 ], "completed": false }, { "type": "button", "position": [ 934, 382, 18, 18 ], "completed": false }, { "type": "title", "position": [ 365, 521, 222, 40 ], "completed": false }, { "type": "button", "position": [ 617, 531, 18, 18 ], "completed": false } ] }, { "text": "# A page for presenting the category in an online shop.# The page should have the title \"WHAT CAN WE HELP YOU FIND TODAY?\" and 6 categories with each an image with a title on it.", "region_id": "8241", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what can we help you find today?'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 39 34 24 | image 73 39 34 24 | image 36 13 34 24 | image 0 13 34 24 | image 73 13 34 24 | image 36 39 34 24 | title 41 23 29 3 | title 78 23 29 3 | title 43 50 27 3 | title 4 23 29 3 | title 6 50 27 3 | title 79 48 28 6 | title 6 3 107 3", "layout_seq_without_completion": "image 0 39 34 24 | image 73 39 34 24 | image 36 13 34 24 | image 0 13 34 24 | image 73 13 34 24 | image 36 39 34 24 | title 41 23 29 3 | title 78 23 29 3 | title 43 50 27 3 | title 4 23 29 3 | title 6 50 27 3 | title 79 48 28 6 | title 6 3 107 3", "plain_layout_seq": "image 0 39 34 24 | image 73 39 34 24 | image 36 13 34 24 | image 0 13 34 24 | image 73 13 34 24 | image 36 39 34 24 | title 41 23 29 3 | title 78 23 29 3 | title 43 50 27 3 | title 4 23 29 3 | title 6 50 27 3 | title 79 48 28 6 | title 6 3 107 3", "canvas_width": 1024, "canvas_height": 595, "elements": [ { "type": "title", "position": [ 55, 29, 914, 30 ], "completed": false }, { "type": "image", "position": [ 0, 114, 292, 208 ], "completed": false }, { "type": "image", "position": [ 309, 114, 297, 208 ], "completed": false }, { "type": "image", "position": [ 624, 114, 297, 208 ], "completed": false }, { "type": "title", "position": [ 40, 202, 252, 30 ], "completed": false }, { "type": "title", "position": [ 354, 202, 252, 30 ], "completed": false }, { "type": "title", "position": [ 669, 202, 252, 30 ], "completed": false }, { "type": "image", "position": [ 0, 340, 292, 208 ], "completed": false }, { "type": "image", "position": [ 309, 340, 297, 208 ], "completed": false }, { "type": "image", "position": [ 624, 340, 297, 208 ], "completed": false }, { "type": "title", "position": [ 679, 414, 242, 58 ], "completed": false }, { "type": "title", "position": [ 56, 428, 236, 30 ], "completed": false }, { "type": "title", "position": [ 371, 428, 235, 30 ], "completed": false } ] }, { "text": "#A page for users to shop mugs and view other products.# There is a title that says 'COLLECTIONS' on the top and two groups under it. There is an image and a button in each group.", "region_id": "7964", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 25 32 11 4 | button 81 32 14 4 | image 3 18 54 31 | image 62 18 54 31 | title 3 7 112 4", "layout_seq_without_completion": "button 25 32 11 4 | button 81 32 14 4 | image 3 18 54 31 | image 62 18 54 31 | title 3 7 112 4", "plain_layout_seq": "button 25 32 11 4 | button 81 32 14 4 | image 3 18 54 31 | image 62 18 54 31 | title 3 7 112 4", "canvas_width": 1009, "canvas_height": 510, "elements": [ { "type": "title", "position": [ 30, 60, 949, 35 ], "completed": false }, { "type": "image", "position": [ 32, 157, 456, 261 ], "completed": false }, { "type": "image", "position": [ 522, 157, 456, 261 ], "completed": false }, { "type": "button", "position": [ 212, 270, 95, 34 ], "completed": false }, { "type": "button", "position": [ 687, 270, 124, 34 ], "completed": false } ] }, { "text": "#A page for showing the products to users.# The page has a headline named \u201cNew Arrivals\u201d, a description, a link named \u201cShop All\u201d for users to click to buy the products, and other three groups of information showing products. Each group contains a picture, the price of the product, a label named \u201cNew Arrivals\u201d, and three to five icons showing the different colors of the product.", "region_id": "3709", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrivals'] ] [el:description] [el:link [attr:value 'shop all'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title [attr:value 'new arrivals'] ] [el:icon [attr:repeat '5'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | link undefined undefined | title undefined undefined | { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 13 120 4 | image 45 34 30 8 | image 8 35 30 7 | image 83 35 30 7 | link 55 65 9 2 | complete text 57 52 5 2 | complete text 95 52 5 2 | complete text 20 52 5 2 | title 18 55 9 2 | title 56 55 9 2 | title 93 55 9 2 | title 0 5 120 6 | \" [ icon 11 46 4 4 ] | [ icon 16 46 4 4 ] | [ icon 21 46 4 4 ] | [ icon 26 46 4 4 ] | [ icon 31 46 4 4 ] \" | \" [ icon 53 46 4 4 ] | [ icon 58 46 4 4 ] | [ icon 63 46 4 4 ] \" | \" [ icon 90 46 4 4 ] | [ icon 95 46 4 4 ] | [ icon 100 46 4 4 ] \"", "layout_seq_without_completion": "description 0 13 120 4 | image 45 34 30 8 | image 8 35 30 7 | image 83 35 30 7 | link 55 65 9 2 | text 57 52 5 2 | text 95 52 5 2 | text 20 52 5 2 | title 18 55 9 2 | title 56 55 9 2 | title 93 55 9 2 | title 0 5 120 6 | \" [ icon 11 46 4 4 ] | [ icon 16 46 4 4 ] | [ icon 21 46 4 4 ] | [ icon 26 46 4 4 ] | [ icon 31 46 4 4 ] \" | \" [ icon 53 46 4 4 ] | [ icon 58 46 4 4 ] | [ icon 63 46 4 4 ] \" | \" [ icon 90 46 4 4 ] | [ icon 95 46 4 4 ] | [ icon 100 46 4 4 ] \"", "plain_layout_seq": "description 0 13 120 4 | icon 11 46 4 4 | icon 16 46 4 4 | icon 21 46 4 4 | icon 26 46 4 4 | icon 31 46 4 4 | icon 53 46 4 4 | icon 58 46 4 4 | icon 63 46 4 4 | icon 90 46 4 4 | icon 95 46 4 4 | icon 100 46 4 4 | image 45 34 30 8 | image 8 35 30 7 | image 83 35 30 7 | link 55 65 9 2 | text 57 52 5 2 | text 95 52 5 2 | text 20 52 5 2 | title 18 55 9 2 | title 56 55 9 2 | title 93 55 9 2 | title 0 5 120 6", "canvas_width": 1009, "canvas_height": 628, "elements": [ { "type": "title", "position": [ 0, 48, 1009, 51 ], "completed": false }, { "type": "description", "position": [ 0, 114, 1009, 38 ], "completed": false }, { "type": "image", "position": [ 384, 294, 254, 68 ], "completed": false }, { "type": "image", "position": [ 70, 295, 254, 66 ], "completed": false }, { "type": "image", "position": [ 698, 296, 254, 64 ], "completed": false }, { "type": "icon", "position": [ 95, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 137, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 179, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 221, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 263, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 451, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 493, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 535, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 765, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 807, 388, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 849, 388, 36, 36 ], "completed": false }, { "type": "text", "position": [ 173, 439, 49, 22 ], "completed": true }, { "type": "text", "position": [ 487, 439, 49, 22 ], "completed": true }, { "type": "text", "position": [ 801, 439, 49, 22 ], "completed": true }, { "type": "title", "position": [ 157, 469, 80, 17 ], "completed": false }, { "type": "title", "position": [ 471, 469, 80, 17 ], "completed": false }, { "type": "title", "position": [ 785, 469, 80, 17 ], "completed": false }, { "type": "link", "position": [ 466, 548, 76, 18 ], "completed": false } ] }, { "text": "#A page to show guidance for users.# On this page, ten groups of information are involved. Each contains a button placed under an icon.", "region_id": "4625", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '10'] [item [el:button [attr:position 'bottom'] ] [el:icon] ] ] ]", "execution": "multiinfo : { [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] | [ button bottom undefined | icon undefined undefined ] }", "layout_seq_with_completion": "button 2 11 10 2 | button 37 11 10 2 | button 72 11 10 2 | button 25 11 10 2 | button 83 11 10 2 | button 13 11 10 2 | button 48 11 10 2 | button 95 11 10 2 | button 60 11 10 2 | button 107 11 10 2 | icon 39 2 5 5 | icon 4 2 5 5 | icon 74 2 5 5 | icon 62 2 5 5 | icon 97 2 5 5 | icon 109 2 5 5 | icon 51 2 5 5 | icon 86 2 5 5 | icon 16 2 5 5 | icon 27 2 5 5", "layout_seq_without_completion": "button 2 11 10 2 | button 37 11 10 2 | button 72 11 10 2 | button 25 11 10 2 | button 83 11 10 2 | button 13 11 10 2 | button 48 11 10 2 | button 95 11 10 2 | button 60 11 10 2 | button 107 11 10 2 | icon 39 2 5 5 | icon 4 2 5 5 | icon 74 2 5 5 | icon 62 2 5 5 | icon 97 2 5 5 | icon 109 2 5 5 | icon 51 2 5 5 | icon 86 2 5 5 | icon 16 2 5 5 | icon 27 2 5 5", "plain_layout_seq": "button 2 11 10 2 | button 37 11 10 2 | button 72 11 10 2 | button 25 11 10 2 | button 83 11 10 2 | button 13 11 10 2 | button 48 11 10 2 | button 95 11 10 2 | button 60 11 10 2 | button 107 11 10 2 | icon 39 2 5 5 | icon 4 2 5 5 | icon 74 2 5 5 | icon 62 2 5 5 | icon 97 2 5 5 | icon 109 2 5 5 | icon 51 2 5 5 | icon 86 2 5 5 | icon 16 2 5 5 | icon 27 2 5 5", "canvas_width": 1009, "canvas_height": 147, "elements": [ { "type": "icon", "position": [ 37, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 135, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 233, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 332, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 430, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 529, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 627, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 725, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 824, 24, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 922, 24, 50, 50 ], "completed": false }, { "type": "button", "position": [ 18, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 116, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 214, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 313, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 411, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 509, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 608, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 706, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 805, 94, 88, 24 ], "completed": false }, { "type": "button", "position": [ 903, 94, 88, 24 ], "completed": false } ] }, { "text": "# A page to introduce the support system if the user uses it. # On the page, there should be two textboxes ad the title. Besides, there should contain 28 images of the logo of the system such as Android and Apple.", "region_id": "455", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat'28'] [gattr:names 'android, apple'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 19 54 10 10 | logo 33 54 10 10 | logo 47 54 10 10 | logo 61 54 10 10 | logo 104 54 10 10 | logo 19 26 10 10 | logo 33 26 10 10 | logo 19 40 10 10 | logo 33 40 10 10 | logo 5 40 10 10 | logo 47 40 10 10 | logo 90 26 10 10 | logo 104 26 10 10 | logo 90 40 10 10 | logo 104 40 10 10 | logo 75 26 10 10 | logo 75 40 10 10 | logo 61 40 10 10 | logo 47 26 10 10 | logo 61 26 10 10 | logo 75 54 10 10 | logo 5 26 10 10 | logo 5 54 10 10 | logo 90 54 10 10 | title 5 13 108 1 | title 5 15 108 4", "layout_seq_without_completion": "logo 19 54 10 10 | logo 33 54 10 10 | logo 47 54 10 10 | logo 61 54 10 10 | logo 104 54 10 10 | logo 19 26 10 10 | logo 33 26 10 10 | logo 19 40 10 10 | logo 33 40 10 10 | logo 5 40 10 10 | logo 47 40 10 10 | logo 90 26 10 10 | logo 104 26 10 10 | logo 90 40 10 10 | logo 104 40 10 10 | logo 75 26 10 10 | logo 75 40 10 10 | logo 61 40 10 10 | logo 47 26 10 10 | logo 61 26 10 10 | logo 75 54 10 10 | logo 5 26 10 10 | logo 5 54 10 10 | logo 90 54 10 10 | title 5 13 108 1 | title 5 15 108 4", "plain_layout_seq": "logo 19 54 10 10 | logo 33 54 10 10 | logo 47 54 10 10 | logo 61 54 10 10 | logo 104 54 10 10 | logo 19 26 10 10 | logo 33 26 10 10 | logo 19 40 10 10 | logo 33 40 10 10 | logo 5 40 10 10 | logo 47 40 10 10 | logo 90 26 10 10 | logo 104 26 10 10 | logo 90 40 10 10 | logo 104 40 10 10 | logo 75 26 10 10 | logo 75 40 10 10 | logo 61 40 10 10 | logo 47 26 10 10 | logo 61 26 10 10 | logo 75 54 10 10 | logo 5 26 10 10 | logo 5 54 10 10 | logo 90 54 10 10 | title 5 13 108 1 | title 5 15 108 4", "canvas_width": 1024, "canvas_height": 664, "elements": [ { "type": "title", "position": [ 48, 112, 928, 16 ], "completed": false }, { "type": "title", "position": [ 48, 136, 928, 40 ], "completed": false }, { "type": "logo", "position": [ 48, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 168, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 288, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 408, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 528, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 648, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 768, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 888, 224, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 48, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 168, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 288, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 408, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 528, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 648, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 768, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 888, 344, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 48, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 168, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 288, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 408, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 528, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 648, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 768, 464, 88, 88 ], "completed": false }, { "type": "logo", "position": [ 888, 464, 88, 88 ], "completed": false } ] }, { "text": "#A page of a shopping website for users to get information about its services.# The page contains 3 information sets. The first group includes an icon, the title \"All secure payment methods\", a link \"Read more\", and four payment methods' logos, including PayPal and VISA. The second group includes an icon, the title \"Satisfaction guaranteed\", a link \"Read more\", and an explanation. The last group includes an icon, the title \"Worldwide delivery\", a link \"Read more\", and two delivery companies' logos, including Ups and United States Postal Service.", "region_id": "4491", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:icon] [el:title [attr:value 'All secure payment methods'] ] [el:link [attr:value 'read more'] ] [el:logo [attr:repeat '4'] ] ] [item [el:icon] [el:title [attr:value 'Satisfaction guaranteed'] ] [el:link [attr:value 'read more'] ] [el:description] ] [item [el:icon] [el:title [attr:value 'Worldwide delivery'] ] [el:logo [attr:repeat '2']] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 42 15 34 5 | icon 92 4 3 3 | complete icon 29 23 1 1 | complete icon 64 23 1 1 | icon 24 4 3 3 | icon 58 4 3 3 | complete icon 98 23 1 1 | link 88 22 9 2 | link 19 22 9 2 | link 54 22 9 2 | logo 82 16 8 4 | logo 97 16 8 4 | title 77 8 34 2 | title 8 8 34 2 | title 42 8 34 2 | \" [ logo 9 16 6 4 ] | [ logo 18 16 6 4 ] | [ logo 26 16 6 4 ] | [ logo 35 16 6 4 ] \"", "layout_seq_without_completion": "description 42 15 34 5 | icon 92 4 3 3 | icon 29 23 1 1 | icon 64 23 1 1 | icon 24 4 3 3 | icon 58 4 3 3 | icon 98 23 1 1 | link 88 22 9 2 | link 19 22 9 2 | link 54 22 9 2 | logo 82 16 8 4 | logo 97 16 8 4 | title 77 8 34 2 | title 8 8 34 2 | title 42 8 34 2 | \" [ logo 9 16 6 4 ] | [ logo 18 16 6 4 ] | [ logo 26 16 6 4 ] | [ logo 35 16 6 4 ] \"", "plain_layout_seq": "description 42 15 34 5 | icon 92 4 3 3 | icon 29 23 1 1 | icon 64 23 1 1 | icon 24 4 3 3 | icon 58 4 3 3 | icon 98 23 1 1 | link 88 22 9 2 | link 19 22 9 2 | link 54 22 9 2 | logo 82 16 8 4 | logo 97 16 8 4 | logo 9 16 6 4 | logo 18 16 6 4 | logo 26 16 6 4 | logo 35 16 6 4 | title 77 8 34 2 | title 8 8 34 2 | title 42 8 34 2", "canvas_width": 1024, "canvas_height": 253, "elements": [ { "type": "icon", "position": [ 206, 35, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 498, 35, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 790, 35, 28, 28 ], "completed": false }, { "type": "title", "position": [ 73, 72, 292, 23 ], "completed": false }, { "type": "title", "position": [ 366, 72, 292, 23 ], "completed": false }, { "type": "title", "position": [ 658, 72, 292, 23 ], "completed": false }, { "type": "description", "position": [ 366, 132, 292, 48 ], "completed": false }, { "type": "logo", "position": [ 81, 138, 57, 36 ], "completed": false }, { "type": "logo", "position": [ 155, 138, 57, 36 ], "completed": false }, { "type": "logo", "position": [ 228, 138, 57, 36 ], "completed": false }, { "type": "logo", "position": [ 301, 138, 57, 36 ], "completed": false }, { "type": "logo", "position": [ 704, 138, 73, 36 ], "completed": false }, { "type": "logo", "position": [ 831, 138, 73, 36 ], "completed": false }, { "type": "link", "position": [ 169, 196, 82, 19 ], "completed": false }, { "type": "link", "position": [ 461, 196, 82, 19 ], "completed": false }, { "type": "link", "position": [ 753, 196, 82, 19 ], "completed": false }, { "type": "icon", "position": [ 255, 198, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 547, 198, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 839, 198, 16, 16 ], "completed": true } ] }, { "text": "#A page for advertising.# There should be one title\"Find and fix vulnerabilities in 5 minutes\" and one \n link for users to know what is Snyk. Next are three groups. And each of them includes one icon, one title showing the pro, and one description.", "region_id": "477", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'Find and fix vulnerabilities in 5 minutes']] [el:link [attr:value'what is snyk?']] [gp:InfoGroup [gattr:repeat'3'] [item [el:logo][el:title] [el:description] ]] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "layout_seq_without_completion": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "plain_layout_seq": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "canvas_width": 1024, "canvas_height": 692, "elements": [ { "type": "title", "position": [ 192, 80, 640, 96 ], "completed": false }, { "type": "link", "position": [ 449, 224, 126, 40 ], "completed": false }, { "type": "title", "position": [ 15, 440, 310, 36 ], "completed": false }, { "type": "title", "position": [ 357, 440, 310, 36 ], "completed": false }, { "type": "title", "position": [ 699, 440, 310, 36 ], "completed": false }, { "type": "description", "position": [ 15, 492, 310, 72 ], "completed": false }, { "type": "description", "position": [ 357, 492, 310, 48 ], "completed": false }, { "type": "description", "position": [ 699, 492, 310, 72 ], "completed": false } ] }, { "text": "#A page for advertising.# There should be one text box for the title and one text button for the link. Three images are used to show the logos, and each of them is followed by two text boxes, one for introducing the function and the other for describing the detailed content.", "region_id": "477_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:link] [gp:InfoGroup [gattr:repeat'3'] [item [el:logo][el:title] [el:description] ]] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "layout_seq_without_completion": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "plain_layout_seq": "description 1 57 36 8 | description 41 57 36 5 | description 81 57 36 8 | link 52 26 14 4 | title 22 9 75 11 | title 81 51 36 4 | title 41 51 36 4 | title 1 51 36 4", "canvas_width": 1024, "canvas_height": 692, "elements": [ { "type": "title", "position": [ 192, 80, 640, 96 ], "completed": false }, { "type": "link", "position": [ 449, 224, 126, 40 ], "completed": false }, { "type": "title", "position": [ 15, 440, 310, 36 ], "completed": false }, { "type": "title", "position": [ 357, 440, 310, 36 ], "completed": false }, { "type": "title", "position": [ 699, 440, 310, 36 ], "completed": false }, { "type": "description", "position": [ 15, 492, 310, 72 ], "completed": false }, { "type": "description", "position": [ 357, 492, 310, 48 ], "completed": false }, { "type": "description", "position": [ 699, 492, 310, 72 ], "completed": false } ] }, { "text": "#A page for showing the featured companies.# The page should have a title, and 12 images to show the logos of featured companies such as Forbes, GQ, and so on.", "region_id": "3962", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '12'] [gattr:names 'forbes, gq'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 48 1 22 2 | \" [ logo 3 8 12 3 ] | [ logo 18 8 18 3 ] | [ logo 40 8 16 3 ] | [ logo 60 8 11 3 ] | [ logo 74 8 7 3 ] | [ logo 84 8 12 3 ] | [ logo 99 8 15 3 ] | [ logo 4 14 23 3 ] | [ logo 33 14 27 3 ] | [ logo 65 14 15 3 ] | [ logo 86 14 10 3 ] | [ logo 101 14 12 3 ] \"", "layout_seq_without_completion": "title 48 1 22 2 | \" [ logo 3 8 12 3 ] | [ logo 18 8 18 3 ] | [ logo 40 8 16 3 ] | [ logo 60 8 11 3 ] | [ logo 74 8 7 3 ] | [ logo 84 8 12 3 ] | [ logo 99 8 15 3 ] | [ logo 4 14 23 3 ] | [ logo 33 14 27 3 ] | [ logo 65 14 15 3 ] | [ logo 86 14 10 3 ] | [ logo 101 14 12 3 ] \"", "plain_layout_seq": "logo 3 8 12 3 | logo 18 8 18 3 | logo 40 8 16 3 | logo 60 8 11 3 | logo 74 8 7 3 | logo 84 8 12 3 | logo 99 8 15 3 | logo 4 14 23 3 | logo 33 14 27 3 | logo 65 14 15 3 | logo 86 14 10 3 | logo 101 14 12 3 | title 48 1 22 2", "canvas_width": 1024, "canvas_height": 150, "elements": [ { "type": "title", "position": [ 416, 13, 192, 25 ], "completed": false }, { "type": "logo", "position": [ 32, 70, 105, 30 ], "completed": false }, { "type": "logo", "position": [ 162, 70, 157, 30 ], "completed": false }, { "type": "logo", "position": [ 345, 70, 144, 30 ], "completed": false }, { "type": "logo", "position": [ 514, 70, 95, 30 ], "completed": false }, { "type": "logo", "position": [ 634, 70, 61, 30 ], "completed": false }, { "type": "logo", "position": [ 721, 70, 105, 30 ], "completed": false }, { "type": "logo", "position": [ 851, 70, 136, 30 ], "completed": false }, { "type": "logo", "position": [ 41, 120, 201, 30 ], "completed": false }, { "type": "logo", "position": [ 285, 120, 234, 30 ], "completed": false }, { "type": "logo", "position": [ 562, 120, 132, 30 ], "completed": false }, { "type": "logo", "position": [ 737, 120, 89, 30 ], "completed": false }, { "type": "logo", "position": [ 869, 120, 109, 30 ], "completed": false } ] }, { "text": "#A page for showing the achievement of a company.# The page has two lists, and each of them includes a picture, a title showing the achievement of the company, and a link for users to click to get further information.", "region_id": "5754", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 63 0 46 25 | image 10 0 46 25 | link 63 45 46 3 | link 10 46 46 3 | title 10 29 46 14 | title 63 29 46 14", "layout_seq_without_completion": "image 63 0 46 25 | image 10 0 46 25 | link 63 45 46 3 | link 10 46 46 3 | title 10 29 46 14 | title 63 29 46 14", "plain_layout_seq": "image 63 0 46 25 | image 10 0 46 25 | link 63 45 46 3 | link 10 46 46 3 | title 10 29 46 14 | title 63 29 46 14", "canvas_width": 880, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 77, 0, 339, 190 ], "completed": false }, { "type": "image", "position": [ 464, 0, 339, 190 ], "completed": false }, { "type": "title", "position": [ 464, 213, 339, 108 ], "completed": false }, { "type": "title", "position": [ 77, 214, 339, 108 ], "completed": false }, { "type": "link", "position": [ 464, 337, 339, 24 ], "completed": false }, { "type": "link", "position": [ 77, 338, 339, 24 ], "completed": false } ] }, { "text": "# A page for advertising a company. # The page should include a slogan to attract the user, and three images of the topics.", "region_id": "2109", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 9 7 101 5 | \" [ image 10 14 33 33 ] | [ image 43 14 33 33 ] | [ image 76 14 33 33 ] \"", "layout_seq_without_completion": "title 9 7 101 5 | \" [ image 10 14 33 33 ] | [ image 43 14 33 33 ] | [ image 76 14 33 33 ] \"", "plain_layout_seq": "image 10 14 33 33 | image 43 14 33 33 | image 76 14 33 33 | title 9 7 101 5", "canvas_width": 1024, "canvas_height": 441, "elements": [ { "type": "title", "position": [ 77, 64, 869, 47 ], "completed": false }, { "type": "image", "position": [ 89, 127, 282, 282 ], "completed": false }, { "type": "image", "position": [ 371, 127, 282, 282 ], "completed": false }, { "type": "image", "position": [ 653, 127, 282, 282 ], "completed": false } ] }, { "text": "# A page to show the latest at MPC. # The page should have the title \"The Latest at MPC\". Then there should be three parts. In each one, there should have an image, and a text box showing the title of the story. What's more, there should be a text link to see all stories.", "region_id": "1677", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'the latest at mpc'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] ] ] [el:link [attr:value'see all stories'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 43 16 34 19 | image 5 16 34 19 | image 80 16 34 19 | link 96 5 17 7 | title 43 37 34 8 | title 5 5 38 5 | title 5 37 34 5 | title 80 37 34 8", "layout_seq_without_completion": "image 43 16 34 19 | image 5 16 34 19 | image 80 16 34 19 | link 96 5 17 7 | title 43 37 34 8 | title 5 5 38 5 | title 5 37 34 5 | title 80 37 34 8", "plain_layout_seq": "image 43 16 34 19 | image 5 16 34 19 | image 80 16 34 19 | link 96 5 17 7 | title 43 37 34 8 | title 5 5 38 5 | title 5 37 34 5 | title 80 37 34 8", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "title", "position": [ 46, 45, 330, 51 ], "completed": false }, { "type": "link", "position": [ 827, 49, 151, 65 ], "completed": false }, { "type": "image", "position": [ 46, 141, 291, 163 ], "completed": false }, { "type": "image", "position": [ 367, 141, 291, 163 ], "completed": false }, { "type": "image", "position": [ 687, 141, 291, 163 ], "completed": false }, { "type": "title", "position": [ 46, 320, 291, 50 ], "completed": false }, { "type": "title", "position": [ 367, 320, 291, 75 ], "completed": false }, { "type": "title", "position": [ 687, 320, 291, 75 ], "completed": false } ] }, { "text": "#A page showing the service of a product.# There are four groups of images showing the services with additional four small titles placed below.", "region_id": "1126", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title [attr:size'small'] [attr:position'bottom'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title bottom small ] | [ image undefined undefined | title bottom small ] | [ image undefined undefined | title bottom small ] | [ image undefined undefined | title bottom small ] }", "layout_seq_with_completion": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | title 1 21 27 2 | title 31 21 27 2 | title 91 21 27 2 | title 61 21 27 2", "layout_seq_without_completion": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | title 1 21 27 2 | title 31 21 27 2 | title 91 21 27 2 | title 61 21 27 2", "plain_layout_seq": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | title 1 21 27 2 | title 31 21 27 2 | title 91 21 27 2 | title 61 21 27 2", "canvas_width": 1024, "canvas_height": 212, "elements": [ { "type": "image", "position": [ 10, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 266, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 522, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 778, 10, 236, 150 ], "completed": false }, { "type": "title", "position": [ 10, 180, 236, 22 ], "completed": false }, { "type": "title", "position": [ 266, 180, 236, 22 ], "completed": false }, { "type": "title", "position": [ 522, 180, 236, 22 ], "completed": false }, { "type": "title", "position": [ 778, 180, 236, 22 ], "completed": false } ] }, { "text": "#A page showing the links of a product.# There are four images showing the links with additional four small text boxes placed below. Users can tap on these text boxes to get access to the links.", "region_id": "1126_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text [attr:size'small'] [attr:position'bottom'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text bottom small ] | [ image undefined undefined | text bottom small ] | [ image undefined undefined | text bottom small ] | [ image undefined undefined | text bottom small ] }", "layout_seq_with_completion": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | text 1 21 27 2 | text 31 21 27 2 | text 91 21 27 2 | text 61 21 27 2", "layout_seq_without_completion": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | text 1 21 27 2 | text 31 21 27 2 | text 91 21 27 2 | text 61 21 27 2", "plain_layout_seq": "image 1 1 27 17 | image 31 1 27 17 | image 61 1 27 17 | image 91 1 27 17 | text 1 21 27 2 | text 31 21 27 2 | text 91 21 27 2 | text 61 21 27 2", "canvas_width": 1024, "canvas_height": 212, "elements": [ { "type": "image", "position": [ 10, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 266, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 522, 10, 236, 150 ], "completed": false }, { "type": "image", "position": [ 778, 10, 236, 150 ], "completed": false }, { "type": "text", "position": [ 10, 180, 236, 22 ], "completed": false }, { "type": "text", "position": [ 266, 180, 236, 22 ], "completed": false }, { "type": "text", "position": [ 522, 180, 236, 22 ], "completed": false }, { "type": "text", "position": [ 778, 180, 236, 22 ], "completed": false } ] }, { "text": "#A page introducing some brands like L'OREAL. # The page should have 3 groups. Each one should have a picture and a title.", "region_id": "1478", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 0 0 35 36 | image 41 0 35 26 | complete image 41 0 35 36 | image 83 0 35 26 | complete image 83 0 35 36 | image 0 0 35 26 | complete link 3 36 8 0 | complete text 21 36 10 0 | complete text 45 36 10 0 | complete text 87 36 10 0 | title 45 25 27 6 | title 87 25 27 6 | title 3 25 27 6", "layout_seq_without_completion": "image 0 0 35 36 | image 41 0 35 26 | image 41 0 35 36 | image 83 0 35 26 | image 83 0 35 36 | image 0 0 35 26 | link 3 36 8 0 | text 21 36 10 0 | text 45 36 10 0 | text 87 36 10 0 | title 45 25 27 6 | title 87 25 27 6 | title 3 25 27 6", "plain_layout_seq": "image 0 0 35 36 | image 41 0 35 26 | image 41 0 35 36 | image 83 0 35 26 | image 83 0 35 36 | image 0 0 35 26 | link 3 36 8 0 | text 21 36 10 0 | text 45 36 10 0 | text 87 36 10 0 | title 45 25 27 6 | title 87 25 27 6 | title 3 25 27 6", "canvas_width": 944, "canvas_height": 297, "elements": [ { "type": "image", "position": [ 1, 1, 278, 290 ], "completed": true }, { "type": "image", "position": [ 1, 1, 278, 207 ], "completed": false }, { "type": "image", "position": [ 329, 1, 278, 290 ], "completed": true }, { "type": "image", "position": [ 329, 1, 278, 207 ], "completed": false }, { "type": "image", "position": [ 656, 1, 278, 290 ], "completed": true }, { "type": "image", "position": [ 656, 1, 278, 207 ], "completed": false }, { "type": "title", "position": [ 31, 203, 218, 54 ], "completed": false }, { "type": "title", "position": [ 359, 203, 218, 54 ], "completed": false }, { "type": "title", "position": [ 686, 203, 218, 54 ], "completed": false }, { "type": "link", "position": [ 31, 287, 69, 5 ], "completed": true }, { "type": "text", "position": [ 170, 287, 79, 5 ], "completed": true }, { "type": "text", "position": [ 359, 287, 80, 5 ], "completed": true }, { "type": "text", "position": [ 686, 287, 80, 5 ], "completed": true } ] }, { "text": "#A page introducing the home to users.#The page should have one text heading and one list of three items. And each item should include one picture, one text title of the item, and one button to guide users to shop.", "region_id": "8307", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:button [attr:value 'shop'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 43 44 10 3 | button 80 44 15 3 | button 6 44 11 3 | title 6 6 107 2 | title 6 40 33 2 | title 80 40 33 2 | title 43 40 33 2", "layout_seq_without_completion": "button 43 44 10 3 | button 80 44 15 3 | button 6 44 11 3 | title 6 6 107 2 | title 6 40 33 2 | title 80 40 33 2 | title 43 40 33 2", "plain_layout_seq": "button 43 44 10 3 | button 80 44 15 3 | button 6 44 11 3 | title 6 6 107 2 | title 6 40 33 2 | title 80 40 33 2 | title 43 40 33 2", "canvas_width": 1024, "canvas_height": 467, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "title", "position": [ 55, 343, 285, 21 ], "completed": false }, { "type": "title", "position": [ 370, 343, 285, 21 ], "completed": false }, { "type": "title", "position": [ 684, 343, 285, 21 ], "completed": false }, { "type": "button", "position": [ 55, 381, 94, 30 ], "completed": false }, { "type": "button", "position": [ 370, 381, 91, 30 ], "completed": false }, { "type": "button", "position": [ 684, 381, 132, 30 ], "completed": false } ] }, { "text": "# A page for marketing FuturesPlus platforms.# The page should have two groups of information sets with each having an image, a title, a further description, and a link \"Learn more\" for the user to click to learn more info.", "region_id": "2691", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 7 31 13 | image 35 3 18 16 | link 0 23 32 4 | title 8 2 24 3 ] | [ description 87 7 30 13 | image 66 3 18 16 | link 87 21 32 4 | title 87 2 10 3 ] \"", "layout_seq_without_completion": "\" [ description 0 7 31 13 | image 35 3 18 16 | link 0 23 32 4 | title 8 2 24 3 ] | [ description 87 7 30 13 | image 66 3 18 16 | link 87 21 32 4 | title 87 2 10 3 ] \"", "plain_layout_seq": "description 0 7 31 13 | description 87 7 30 13 | image 35 3 18 16 | image 66 3 18 16 | link 0 23 32 4 | link 87 21 32 4 | title 8 2 24 3 | title 87 2 10 3", "canvas_width": 820, "canvas_height": 219, "elements": [ { "type": "title", "position": [ 58, 19, 165, 24 ], "completed": false }, { "type": "title", "position": [ 596, 19, 69, 24 ], "completed": false }, { "type": "image", "position": [ 243, 21, 125, 113 ], "completed": false }, { "type": "image", "position": [ 452, 21, 125, 113 ], "completed": false }, { "type": "description", "position": [ 6, 53, 218, 89 ], "completed": false }, { "type": "description", "position": [ 596, 53, 206, 89 ], "completed": false }, { "type": "link", "position": [ 596, 146, 223, 30 ], "completed": false }, { "type": "link", "position": [ 0, 162, 223, 28 ], "completed": false } ] }, { "text": "# A page to check the USPS updates. # There should have a title \"USPS Updates\" on the top. Then the page should have two parts \"Upcoming USPS Holidays\" and \"Jobs with USPS\". In each part, there should be two text boxes and a text link. So the user can click the links to see all holidays and find more info about jobs in USPS.", "region_id": "2366", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'usps updates'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat'2'] [gattr:names'upcoming usps holidays, jobs with usps'] [item [el:text [attr:repeat'2'] ] [el:link] ] ] ]", "execution": "multiinfo : title top undefined | { [ link undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 24 19 10 2 | link 61 19 9 2 | text 24 12 34 6 | text 61 12 34 6 | text 24 7 34 5 | text 61 7 34 5 | title 5 0 108 7", "layout_seq_without_completion": "link 24 19 10 2 | link 61 19 9 2 | text 24 12 34 6 | text 61 12 34 6 | text 24 7 34 5 | text 61 7 34 5 | title 5 0 108 7", "plain_layout_seq": "link 24 19 10 2 | link 61 19 9 2 | text 24 12 34 6 | text 61 12 34 6 | text 24 7 34 5 | text 61 7 34 5 | title 5 0 108 7", "canvas_width": 1261, "canvas_height": 240, "elements": [ { "type": "title", "position": [ 60, 0, 1140, 76 ], "completed": false }, { "type": "text", "position": [ 256, 76, 360, 54 ], "completed": false }, { "type": "text", "position": [ 646, 76, 360, 54 ], "completed": false }, { "type": "text", "position": [ 256, 130, 360, 64 ], "completed": false }, { "type": "text", "position": [ 646, 130, 360, 64 ], "completed": false }, { "type": "link", "position": [ 256, 204, 107, 26 ], "completed": false }, { "type": "link", "position": [ 646, 204, 95, 26 ], "completed": false } ] }, { "text": "# A page showing the categories for the user to choose. # The page should have seven categories with each having a related image and a category name.", "region_id": "7278", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 81 79 35 32 | image 61 39 54 36 | image 61 0 54 36 | image 3 79 35 32 | image 42 79 35 32 | image 3 0 54 36 | image 3 39 54 36", "layout_seq_without_completion": "image 81 79 35 32 | image 61 39 54 36 | image 61 0 54 36 | image 3 79 35 32 | image 42 79 35 32 | image 3 0 54 36 | image 3 39 54 36", "plain_layout_seq": "image 81 79 35 32 | image 61 39 54 36 | image 61 0 54 36 | image 3 79 35 32 | image 42 79 35 32 | image 3 0 54 36 | image 3 39 54 36", "canvas_width": 1024, "canvas_height": 990, "elements": [ { "type": "image", "position": [ 30, 0, 467, 310 ], "completed": false }, { "type": "image", "position": [ 527, 0, 467, 310 ], "completed": false }, { "type": "image", "position": [ 30, 340, 467, 310 ], "completed": false }, { "type": "image", "position": [ 527, 340, 467, 310 ], "completed": false }, { "type": "image", "position": [ 30, 680, 301, 280 ], "completed": false }, { "type": "image", "position": [ 361, 680, 301, 280 ], "completed": false }, { "type": "image", "position": [ 693, 680, 301, 280 ], "completed": false } ] }, { "text": "# A page to introduce the company in the eyes of employees. # There should be a background image, the title \" In the Eyes of Employees\" on the top, and three groups of text boxes \"Enjoy\" \"Grow\" and \"Inspire\".", "region_id": "140", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [el:title [attr:value'in the eyes of employees'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names'enjoy, grow, inspire'] [item [el:text] ] ] ]", "execution": "multiinfo : background undefined undefined | title top undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 53 | text 4 34 35 9 | text 12 24 18 7 | text 86 24 22 7 | text 50 24 18 7 | text 90 34 16 3 | text 42 34 35 9 | title 29 8 61 6", "layout_seq_without_completion": "background 0 0 120 53 | text 4 34 35 9 | text 12 24 18 7 | text 86 24 22 7 | text 50 24 18 7 | text 90 34 16 3 | text 42 34 35 9 | title 29 8 61 6", "plain_layout_seq": "background 0 0 120 53 | text 4 34 35 9 | text 12 24 18 7 | text 86 24 22 7 | text 50 24 18 7 | text 90 34 16 3 | text 42 34 35 9 | title 29 8 61 6", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 456 ], "completed": false }, { "type": "title", "position": [ 250, 72, 524, 55 ], "completed": false }, { "type": "text", "position": [ 105, 209, 160, 64 ], "completed": false }, { "type": "text", "position": [ 432, 209, 161, 64 ], "completed": false }, { "type": "text", "position": [ 742, 209, 195, 64 ], "completed": false }, { "type": "text", "position": [ 35, 293, 300, 81 ], "completed": false }, { "type": "text", "position": [ 362, 293, 300, 81 ], "completed": false }, { "type": "text", "position": [ 771, 293, 137, 31 ], "completed": false } ] }, { "text": "#A page for introducing the six cooperative companies for users.# The page should include one title \"Who we work with\" and six logos of companies following.", "region_id": "762", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'who we work with'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 3 0 112 4 | \" [ logo 22 8 16 11 ] | [ logo 42 9 16 8 ] | [ logo 61 9 16 8 ] | [ logo 80 9 16 8 ] | [ logo 99 9 16 8 ] | [ logo 3 10 16 7 ] \"", "layout_seq_without_completion": "title 3 0 112 4 | \" [ logo 22 8 16 11 ] | [ logo 42 9 16 8 ] | [ logo 61 9 16 8 ] | [ logo 80 9 16 8 ] | [ logo 99 9 16 8 ] | [ logo 3 10 16 7 ] \"", "plain_layout_seq": "logo 22 8 16 11 | logo 42 9 16 8 | logo 61 9 16 8 | logo 80 9 16 8 | logo 99 9 16 8 | logo 3 10 16 7 | title 3 0 112 4", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "title", "position": [ 32, 0, 960, 36 ], "completed": false }, { "type": "logo", "position": [ 196, 72, 140, 98 ], "completed": false }, { "type": "logo", "position": [ 360, 84, 140, 74 ], "completed": false }, { "type": "logo", "position": [ 524, 84, 140, 74 ], "completed": false }, { "type": "logo", "position": [ 688, 84, 140, 74 ], "completed": false }, { "type": "logo", "position": [ 852, 84, 140, 74 ], "completed": false }, { "type": "logo", "position": [ 32, 87, 140, 68 ], "completed": false } ] }, { "text": "#A page for showing the events, press releases, and blogs..# The page should 3 groups while each group has an image, a title, a short description, and a link for users to click to view all events, press releases, or blogs.", "region_id": "3981", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'employeeees, press releases, blogs'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 23 8 13 18 | image 3 5 17 17 | link 3 45 35 5 | title 23 5 13 2 ] | [ description 62 10 13 30 | image 42 5 17 17 | link 42 45 35 5 | title 62 5 13 4 ] | [ description 101 8 13 24 | image 81 5 17 17 | link 81 45 35 5 | title 101 5 13 2 ] \"", "layout_seq_without_completion": "\" [ description 23 8 13 18 | image 3 5 17 17 | link 3 45 35 5 | title 23 5 13 2 ] | [ description 62 10 13 30 | image 42 5 17 17 | link 42 45 35 5 | title 62 5 13 4 ] | [ description 101 8 13 24 | image 81 5 17 17 | link 81 45 35 5 | title 101 5 13 2 ] \"", "plain_layout_seq": "description 23 8 13 18 | description 62 10 13 30 | description 101 8 13 24 | image 3 5 17 17 | image 42 5 17 17 | image 81 5 17 17 | link 3 45 35 5 | link 42 45 35 5 | link 81 45 35 5 | title 23 5 13 2 | title 62 5 13 4 | title 101 5 13 2", "canvas_width": 1024, "canvas_height": 476, "elements": [ { "type": "image", "position": [ 30, 45, 150, 150 ], "completed": false }, { "type": "title", "position": [ 204, 45, 115, 20 ], "completed": false }, { "type": "title", "position": [ 535, 45, 115, 40 ], "completed": false }, { "type": "title", "position": [ 867, 45, 115, 20 ], "completed": false }, { "type": "image", "position": [ 361, 46, 150, 150 ], "completed": false }, { "type": "image", "position": [ 693, 46, 150, 150 ], "completed": false }, { "type": "description", "position": [ 204, 72, 115, 156 ], "completed": false }, { "type": "description", "position": [ 867, 72, 115, 208 ], "completed": false }, { "type": "description", "position": [ 535, 92, 115, 260 ], "completed": false }, { "type": "link", "position": [ 30, 385, 301, 51 ], "completed": false }, { "type": "link", "position": [ 361, 385, 301, 51 ], "completed": false }, { "type": "link", "position": [ 693, 385, 301, 51 ], "completed": false } ] }, { "text": "#A page for introducing a product including payroll, benefits, HR tools, medical, dental, and vision insurance to users.# The page should include two parts, \"Basic\" and \"Plus\". Each part contains a title, a sub-title a brief description, and a button for users to see pricing.", "region_id": "284", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'Basic, Plus'] [item [el:title] [el:title] [el:description [attr:size 'small']] [el:button [attr:value 'see pricing']]]] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | title undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 81 40 18 6 | button 20 40 18 6 | description 5 28 48 6 | description 66 28 48 9 | complete image 1 0 55 21 | complete image 29 17 27 7 | complete image 62 0 55 21 | complete image 62 17 27 7 | complete image 62 0 55 52 | complete image 1 0 55 52 | complete image 1 17 27 7 | complete image 90 17 27 7 | title 86 2 7 5 | title 66 8 47 8 | title 24 2 9 5 | title 5 8 47 8", "layout_seq_without_completion": "button 81 40 18 6 | button 20 40 18 6 | description 5 28 48 6 | description 66 28 48 9 | image 1 0 55 21 | image 29 17 27 7 | image 62 0 55 21 | image 62 17 27 7 | image 62 0 55 52 | image 1 0 55 52 | image 1 17 27 7 | image 90 17 27 7 | title 86 2 7 5 | title 66 8 47 8 | title 24 2 9 5 | title 5 8 47 8", "plain_layout_seq": "button 81 40 18 6 | button 20 40 18 6 | description 5 28 48 6 | description 66 28 48 9 | image 1 0 55 21 | image 29 17 27 7 | image 62 0 55 21 | image 62 17 27 7 | image 62 0 55 52 | image 1 0 55 52 | image 1 17 27 7 | image 90 17 27 7 | title 86 2 7 5 | title 66 8 47 8 | title 24 2 9 5 | title 5 8 47 8", "canvas_width": 1003, "canvas_height": 569, "elements": [ { "type": "image", "position": [ 16, 0, 466, 437 ], "completed": true }, { "type": "image", "position": [ 16, 0, 466, 176 ], "completed": true }, { "type": "image", "position": [ 522, 0, 465, 176 ], "completed": true }, { "type": "image", "position": [ 522, 0, 465, 437 ], "completed": true }, { "type": "title", "position": [ 207, 22, 83, 42 ], "completed": false }, { "type": "title", "position": [ 722, 22, 64, 42 ], "completed": false }, { "type": "title", "position": [ 49, 72, 400, 74 ], "completed": false }, { "type": "title", "position": [ 554, 72, 400, 74 ], "completed": false }, { "type": "image", "position": [ 16, 146, 233, 60 ], "completed": true }, { "type": "image", "position": [ 249, 146, 233, 60 ], "completed": true }, { "type": "image", "position": [ 522, 146, 233, 60 ], "completed": true }, { "type": "image", "position": [ 754, 146, 233, 60 ], "completed": true }, { "type": "description", "position": [ 46, 236, 406, 54 ], "completed": false }, { "type": "description", "position": [ 552, 236, 406, 81 ], "completed": false }, { "type": "button", "position": [ 173, 342, 151, 55 ], "completed": false }, { "type": "button", "position": [ 679, 342, 151, 55 ], "completed": false } ] }, { "text": "#A page for showing the three introductions.#The page should have three groups and each group has a description and a title, \"handmade with love\", \"durable and high-quality material\", and \"shipping worldwide\".", "region_id": "6924", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'handmade with love, durable and high-quality material, shipping worldwide'] [item [el:description] [el:title] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 9 7 28 10 | complete image 6 0 34 28 | title 9 3 28 3 ] | [ description 45 10 28 14 | complete image 42 0 34 28 | title 45 3 28 6 ] | [ description 81 7 28 10 | complete image 78 0 34 28 | title 81 3 28 3 ] \"", "layout_seq_without_completion": "\" [ description 9 7 28 10 | image 6 0 34 28 | title 9 3 28 3 ] | [ description 45 10 28 14 | image 42 0 34 28 | title 45 3 28 6 ] | [ description 81 7 28 10 | image 78 0 34 28 | title 81 3 28 3 ] \"", "plain_layout_seq": "description 9 7 28 10 | description 45 10 28 14 | description 81 7 28 10 | image 6 0 34 28 | image 42 0 34 28 | image 78 0 34 28 | title 9 3 28 3 | title 45 3 28 6 | title 81 3 28 3", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "image", "position": [ 55, 0, 297, 242 ], "completed": true }, { "type": "image", "position": [ 363, 0, 297, 242 ], "completed": true }, { "type": "image", "position": [ 672, 0, 297, 242 ], "completed": true }, { "type": "title", "position": [ 82, 28, 242, 27 ], "completed": false }, { "type": "title", "position": [ 391, 28, 242, 54 ], "completed": false }, { "type": "title", "position": [ 699, 28, 242, 27 ], "completed": false }, { "type": "description", "position": [ 82, 66, 242, 91 ], "completed": false }, { "type": "description", "position": [ 699, 66, 242, 91 ], "completed": false }, { "type": "description", "position": [ 391, 92, 242, 122 ], "completed": false } ] }, { "text": "#A page including the introduction of some meals.# The page contains the title \"Plantbaed Signature Meals\" and 3 information sets. Each group includes an image, the name of the meal, and an introduction.", "region_id": "8721", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'plantbaed signature meals'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 62 36 13 | description 41 62 36 15 | description 81 66 36 7 | image 41 21 36 32 | image 1 21 36 32 | image 81 21 36 32 | title 1 7 116 6 | title 41 56 36 4 | title 1 56 36 4 | title 81 56 36 8", "layout_seq_without_completion": "description 1 62 36 13 | description 41 62 36 15 | description 81 66 36 7 | image 41 21 36 32 | image 1 21 36 32 | image 81 21 36 32 | title 1 7 116 6 | title 41 56 36 4 | title 1 56 36 4 | title 81 56 36 8", "plain_layout_seq": "description 1 62 36 13 | description 41 62 36 15 | description 81 66 36 7 | image 41 21 36 32 | image 1 21 36 32 | image 81 21 36 32 | title 1 7 116 6 | title 41 56 36 4 | title 1 56 36 4 | title 81 56 36 8", "canvas_width": 1028, "canvas_height": 768, "elements": [ { "type": "title", "position": [ 15, 66, 998, 55 ], "completed": false }, { "type": "image", "position": [ 15, 183, 313, 275 ], "completed": false }, { "type": "image", "position": [ 358, 183, 313, 275 ], "completed": false }, { "type": "image", "position": [ 700, 183, 313, 275 ], "completed": false }, { "type": "title", "position": [ 15, 486, 313, 36 ], "completed": false }, { "type": "title", "position": [ 358, 486, 313, 36 ], "completed": false }, { "type": "title", "position": [ 700, 486, 313, 72 ], "completed": false }, { "type": "description", "position": [ 15, 536, 313, 112 ], "completed": false }, { "type": "description", "position": [ 358, 536, 313, 134 ], "completed": false }, { "type": "description", "position": [ 700, 572, 313, 67 ], "completed": false } ] }, { "text": "# A page for introducing the advantage of Grandle. # The page should include three groups \"Build Anything\" \"Automate Everything\" and \"Deliver Faster\", with each having a title, an image, and a long description of the advantage.", "region_id": "5647", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Build Anything, Automate Everything, Deliver Faster'] [item [el:title] [el:image] [el:description [attr:size 'large'] ] ] ] ]", "execution": "multiinfo : { [ description undefined large | image undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 47 32 16 | description 42 52 33 13 | description 80 48 33 16 | image 6 15 32 32 | image 80 15 32 32 | image 43 19 32 32 | title 80 9 33 4 | title 6 9 32 4 | title 42 9 33 8", "layout_seq_without_completion": "description 6 47 32 16 | description 42 52 33 13 | description 80 48 33 16 | image 6 15 32 32 | image 80 15 32 32 | image 43 19 32 32 | title 80 9 33 4 | title 6 9 32 4 | title 42 9 33 8", "plain_layout_seq": "description 6 47 32 16 | description 42 52 33 13 | description 80 48 33 16 | image 6 15 32 32 | image 80 15 32 32 | image 43 19 32 32 | title 80 9 33 4 | title 6 9 32 4 | title 42 9 33 8", "canvas_width": 1035, "canvas_height": 657, "elements": [ { "type": "title", "position": [ 52, 80, 279, 38 ], "completed": false }, { "type": "title", "position": [ 369, 80, 287, 77 ], "completed": false }, { "type": "title", "position": [ 694, 80, 290, 38 ], "completed": false }, { "type": "image", "position": [ 52, 134, 279, 279 ], "completed": false }, { "type": "image", "position": [ 698, 134, 281, 281 ], "completed": false }, { "type": "image", "position": [ 372, 172, 281, 281 ], "completed": false }, { "type": "description", "position": [ 52, 413, 279, 144 ], "completed": false }, { "type": "description", "position": [ 694, 415, 290, 144 ], "completed": false }, { "type": "description", "position": [ 369, 453, 287, 120 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have a description and pagination on the top for users to trend now. There are four groups and each group has an image, a price, a review, and a title.", "region_id": "7214", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description[attr:position'top']] [el:pagination[attr:position'top']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text[attr:repeat '2']] [el:title] ] ] ]", "execution": "multiinfo : description top undefined | pagination top undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 49 1 20 3 | complete description 4 53 25 2 | complete description 33 54 25 2 | complete description 61 53 25 2 | complete description 89 53 25 2 | image 61 9 25 36 | image 89 9 25 36 | image 4 9 25 36 | image 33 9 25 37 | text 61 57 2 1 | text 89 57 2 1 | text 33 57 2 1 | text 36 57 5 2 | text 64 56 4 2 | text 92 56 4 2 | text 4 57 2 1 | text 7 56 4 2 | title 61 48 18 4 | title 89 48 25 4 | title 4 48 18 4 | title 33 49 25 4", "layout_seq_without_completion": "description 49 1 20 3 | description 4 53 25 2 | description 33 54 25 2 | description 61 53 25 2 | description 89 53 25 2 | image 61 9 25 36 | image 89 9 25 36 | image 4 9 25 36 | image 33 9 25 37 | text 61 57 2 1 | text 89 57 2 1 | text 33 57 2 1 | text 36 57 5 2 | text 64 56 4 2 | text 92 56 4 2 | text 4 57 2 1 | text 7 56 4 2 | title 61 48 18 4 | title 89 48 25 4 | title 4 48 18 4 | title 33 49 25 4", "plain_layout_seq": "description 49 1 20 3 | description 4 53 25 2 | description 33 54 25 2 | description 61 53 25 2 | description 89 53 25 2 | image 61 9 25 36 | image 89 9 25 36 | image 4 9 25 36 | image 33 9 25 37 | text 61 57 2 1 | text 89 57 2 1 | text 33 57 2 1 | text 36 57 5 2 | text 64 56 4 2 | text 92 56 4 2 | text 4 57 2 1 | text 7 56 4 2 | title 61 48 18 4 | title 89 48 25 4 | title 4 48 18 4 | title 33 49 25 4", "canvas_width": 1024, "canvas_height": 538, "elements": [ { "type": "description", "position": [ 426, 11, 172, 28 ], "completed": false }, { "type": "image", "position": [ 42, 83, 220, 315 ], "completed": false }, { "type": "image", "position": [ 282, 83, 220, 320 ], "completed": false }, { "type": "image", "position": [ 522, 83, 220, 314 ], "completed": false }, { "type": "image", "position": [ 762, 83, 220, 314 ], "completed": false }, { "type": "title", "position": [ 522, 414, 160, 41 ], "completed": false }, { "type": "title", "position": [ 762, 414, 217, 41 ], "completed": false }, { "type": "title", "position": [ 42, 415, 155, 41 ], "completed": false }, { "type": "title", "position": [ 282, 420, 217, 41 ], "completed": false }, { "type": "description", "position": [ 522, 459, 220, 23 ], "completed": true }, { "type": "description", "position": [ 762, 459, 220, 23 ], "completed": true }, { "type": "description", "position": [ 42, 460, 220, 23 ], "completed": true }, { "type": "description", "position": [ 282, 465, 220, 23 ], "completed": true }, { "type": "text", "position": [ 548, 484, 39, 18 ], "completed": false }, { "type": "text", "position": [ 788, 484, 39, 18 ], "completed": false }, { "type": "text", "position": [ 68, 485, 39, 18 ], "completed": false }, { "type": "text", "position": [ 522, 487, 23, 14 ], "completed": false }, { "type": "text", "position": [ 762, 487, 23, 14 ], "completed": false }, { "type": "text", "position": [ 42, 488, 23, 14 ], "completed": false }, { "type": "text", "position": [ 308, 490, 46, 18 ], "completed": false }, { "type": "text", "position": [ 282, 493, 23, 14 ], "completed": false } ] }, { "text": "#A page for introducing one product's advantages.# There are four groups. And each of them includes one image and one label describing the advantage.", "region_id": "77", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | title 36 31 18 8 | title 92 31 18 8 | title 8 31 18 8 | title 64 31 18 8", "layout_seq_without_completion": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | title 36 31 18 8 | title 92 31 18 8 | title 8 31 18 8 | title 64 31 18 8", "plain_layout_seq": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | title 36 31 18 8 | title 92 31 18 8 | title 8 31 18 8 | title 64 31 18 8", "canvas_width": 1024, "canvas_height": 370, "elements": [ { "type": "image", "position": [ 51, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 290, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 528, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 766, 0, 207, 370 ], "completed": false }, { "type": "title", "position": [ 75, 273, 159, 73 ], "completed": false }, { "type": "title", "position": [ 314, 273, 159, 73 ], "completed": false }, { "type": "title", "position": [ 552, 273, 159, 73 ], "completed": false }, { "type": "title", "position": [ 790, 273, 159, 73 ], "completed": false } ] }, { "text": "#A page for introducing one product's advantages.# There are four images and each of them includes one text box describing the advantage.", "region_id": "77_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | text 36 31 18 8 | text 92 31 18 8 | text 8 31 18 8 | text 64 31 18 8", "layout_seq_without_completion": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | text 36 31 18 8 | text 92 31 18 8 | text 8 31 18 8 | text 64 31 18 8", "plain_layout_seq": "image 5 0 24 43 | image 89 0 24 43 | image 33 0 24 43 | image 61 0 24 43 | text 36 31 18 8 | text 92 31 18 8 | text 8 31 18 8 | text 64 31 18 8", "canvas_width": 1024, "canvas_height": 370, "elements": [ { "type": "image", "position": [ 51, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 290, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 528, 0, 207, 370 ], "completed": false }, { "type": "image", "position": [ 766, 0, 207, 370 ], "completed": false }, { "type": "text", "position": [ 75, 273, 159, 73 ], "completed": false }, { "type": "text", "position": [ 314, 273, 159, 73 ], "completed": false }, { "type": "text", "position": [ 552, 273, 159, 73 ], "completed": false }, { "type": "text", "position": [ 790, 273, 159, 73 ], "completed": false } ] }, { "text": "#A page for showing some studios.# There is one title \"Paint$ Sip Studios\" and four parts. Each part includes one image and one label for showing the studio's name.", "region_id": "8102", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'paint$ sip studios'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 36 0 47 7 | complete background 12 30 37 6 | complete background 69 30 36 6 | complete background 14 73 34 6 | complete background 73 73 29 6 | text 79 74 17 3 | text 18 31 25 3 | text 20 74 22 3 | text 75 31 24 3 | title 42 0 35 4", "layout_seq_without_completion": "background 36 0 47 7 | background 12 30 37 6 | background 69 30 36 6 | background 14 73 34 6 | background 73 73 29 6 | text 79 74 17 3 | text 18 31 25 3 | text 20 74 22 3 | text 75 31 24 3 | title 42 0 35 4", "plain_layout_seq": "background 36 0 47 7 | background 12 30 37 6 | background 69 30 36 6 | background 14 73 34 6 | background 73 73 29 6 | text 79 74 17 3 | text 18 31 25 3 | text 20 74 22 3 | text 75 31 24 3 | title 42 0 35 4", "canvas_width": 1024, "canvas_height": 850, "elements": [ { "type": "background", "position": [ 309, 0, 406, 64 ], "completed": true }, { "type": "title", "position": [ 359, 6, 305, 41 ], "completed": false }, { "type": "background", "position": [ 110, 260, 320, 54 ], "completed": true }, { "type": "background", "position": [ 597, 260, 313, 54 ], "completed": true }, { "type": "text", "position": [ 160, 265, 220, 33 ], "completed": false }, { "type": "text", "position": [ 647, 265, 213, 33 ], "completed": false }, { "type": "background", "position": [ 124, 628, 293, 54 ], "completed": true }, { "type": "background", "position": [ 629, 628, 249, 54 ], "completed": true }, { "type": "text", "position": [ 174, 633, 193, 33 ], "completed": false }, { "type": "text", "position": [ 679, 633, 149, 33 ], "completed": false } ] }, { "text": "# A page for showing product categories for the user to shop by category. # On the page, there should have a title \"Shop By Category\" and six groups with each having an image and a link showing the name of the category. So the user can click the links to shop by category.", "region_id": "7565", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Shop By Category'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:link ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "title 5 3 35 6 | \" [ complete icon 30 51 1 1 | image 5 13 35 35 | link 5 50 23 2 ] | [ complete icon 55 51 1 1 | image 42 13 35 35 | link 42 50 12 2 ] | [ complete icon 86 51 1 1 | image 78 13 35 35 | link 78 50 6 2 ] | [ complete icon 11 94 1 1 | image 5 56 35 35 | link 5 93 5 2 ] | [ complete icon 49 94 1 1 | image 42 56 35 35 | link 42 93 5 2 ] | [ complete icon 93 94 1 1 | image 78 56 35 35 | link 78 93 13 2 ] \"", "layout_seq_without_completion": "title 5 3 35 6 | \" [ icon 30 51 1 1 | image 5 13 35 35 | link 5 50 23 2 ] | [ icon 55 51 1 1 | image 42 13 35 35 | link 42 50 12 2 ] | [ icon 86 51 1 1 | image 78 13 35 35 | link 78 50 6 2 ] | [ icon 11 94 1 1 | image 5 56 35 35 | link 5 93 5 2 ] | [ icon 49 94 1 1 | image 42 56 35 35 | link 42 93 5 2 ] | [ icon 93 94 1 1 | image 78 56 35 35 | link 78 93 13 2 ] \"", "plain_layout_seq": "icon 30 51 1 1 | icon 55 51 1 1 | icon 86 51 1 1 | icon 11 94 1 1 | icon 49 94 1 1 | icon 93 94 1 1 | image 5 13 35 35 | image 42 13 35 35 | image 78 13 35 35 | image 5 56 35 35 | image 42 56 35 35 | image 78 56 35 35 | link 5 50 23 2 | link 42 50 12 2 | link 78 50 6 2 | link 5 93 5 2 | link 42 93 5 2 | link 78 93 13 2 | title 5 3 35 6", "canvas_width": 1024, "canvas_height": 842, "elements": [ { "type": "title", "position": [ 50, 32, 301, 52 ], "completed": false }, { "type": "image", "position": [ 50, 114, 303, 303 ], "completed": false }, { "type": "image", "position": [ 361, 114, 303, 303 ], "completed": false }, { "type": "image", "position": [ 671, 114, 303, 303 ], "completed": false }, { "type": "link", "position": [ 50, 434, 201, 23 ], "completed": false }, { "type": "link", "position": [ 361, 434, 109, 23 ], "completed": false }, { "type": "link", "position": [ 671, 434, 59, 23 ], "completed": false }, { "type": "icon", "position": [ 259, 441, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 477, 441, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 738, 441, 15, 11 ], "completed": true }, { "type": "image", "position": [ 50, 482, 303, 303 ], "completed": false }, { "type": "image", "position": [ 361, 482, 303, 303 ], "completed": false }, { "type": "image", "position": [ 671, 482, 303, 303 ], "completed": false }, { "type": "link", "position": [ 50, 802, 44, 23 ], "completed": false }, { "type": "link", "position": [ 361, 802, 51, 23 ], "completed": false }, { "type": "link", "position": [ 671, 802, 115, 23 ], "completed": false }, { "type": "icon", "position": [ 102, 809, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 419, 809, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 794, 809, 15, 11 ], "completed": true } ] }, { "text": "# A page for advertising the featured products in an online shop. # On the page, there should have a title \"FEATURED PRODUCTS\", and three product information with each having an image, a product name, and a price. Besides, there should have an icon \"HOT\" on the image in the first group to attract the customer.", "region_id": "7069", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured products'] ] [gp:InfoGroup [item [el:image] [el:title] [el:text] [el:icon [attr:value 'hot'] ] ] [item [el:image] [el:title] [el:text]] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 32 13 4 4 | image 0 13 37 55 | text 12 74 9 2 | title 10 70 16 1 | title 26 3 65 3 | \" [ image 40 13 37 49 | text 53 68 9 2 | title 51 64 14 1 ] | [ image 81 13 37 49 | text 93 68 9 2 | title 89 64 21 1 ] \"", "layout_seq_without_completion": "icon 32 13 4 4 | image 0 13 37 55 | text 12 74 9 2 | title 10 70 16 1 | title 26 3 65 3 | \" [ image 40 13 37 49 | text 53 68 9 2 | title 51 64 14 1 ] | [ image 81 13 37 49 | text 93 68 9 2 | title 89 64 21 1 ] \"", "plain_layout_seq": "icon 32 13 4 4 | image 0 13 37 55 | image 40 13 37 49 | image 81 13 37 49 | text 12 74 9 2 | text 53 68 9 2 | text 93 68 9 2 | title 10 70 16 1 | title 26 3 65 3 | title 51 64 14 1 | title 89 64 21 1", "canvas_width": 1024, "canvas_height": 722, "elements": [ { "type": "title", "position": [ 230, 30, 563, 27 ], "completed": false }, { "type": "image", "position": [ 0, 111, 317, 476 ], "completed": false }, { "type": "icon", "position": [ 277, 111, 40, 40 ], "completed": false }, { "type": "image", "position": [ 347, 111, 317, 423 ], "completed": false }, { "type": "image", "position": [ 694, 111, 317, 423 ], "completed": false }, { "type": "title", "position": [ 442, 552, 126, 13 ], "completed": false }, { "type": "title", "position": [ 762, 552, 182, 13 ], "completed": false }, { "type": "text", "position": [ 457, 584, 77, 22 ], "completed": false }, { "type": "text", "position": [ 802, 584, 80, 22 ], "completed": false }, { "type": "title", "position": [ 88, 604, 142, 13 ], "completed": false }, { "type": "text", "position": [ 109, 637, 79, 22 ], "completed": false } ] }, { "text": "# A page to introduce the better decision of a company. # The page should have the title \"Fuel Better Decision\" and two categories of information. In each group, there should contain an image, a title, a further description of the title, and a link to click to learn more info.", "region_id": "3809", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'fuel better decision'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 58 52 9 | description 61 58 52 9 | image 5 11 52 36 | image 61 11 52 36 | link 5 71 12 2 | link 61 71 12 2 | title 5 0 108 5 | title 5 52 52 4 | title 61 52 52 4", "layout_seq_without_completion": "description 5 58 52 9 | description 61 58 52 9 | image 5 11 52 36 | image 61 11 52 36 | link 5 71 12 2 | link 61 71 12 2 | title 5 0 108 5 | title 5 52 52 4 | title 61 52 52 4", "plain_layout_seq": "description 5 58 52 9 | description 61 58 52 9 | image 5 11 52 36 | image 61 11 52 36 | link 5 71 12 2 | link 61 71 12 2 | title 5 0 108 5 | title 5 52 52 4 | title 61 52 52 4", "canvas_width": 1024, "canvas_height": 636, "elements": [ { "type": "title", "position": [ 51, 0, 922, 50 ], "completed": false }, { "type": "image", "position": [ 51, 98, 445, 310 ], "completed": false }, { "type": "image", "position": [ 528, 98, 445, 310 ], "completed": false }, { "type": "title", "position": [ 51, 444, 445, 40 ], "completed": false }, { "type": "title", "position": [ 528, 444, 445, 40 ], "completed": false }, { "type": "description", "position": [ 51, 500, 445, 84 ], "completed": false }, { "type": "description", "position": [ 528, 500, 445, 84 ], "completed": false }, { "type": "link", "position": [ 51, 612, 104, 22 ], "completed": false }, { "type": "link", "position": [ 528, 612, 104, 22 ], "completed": false } ] }, { "text": "#A page to explain \"our features\" to the customers.# On this page, first, the title of \"our features\" is placed above a short description at the top. And under this, three groups of information are involved. Each contains the name of the related feature, which is set between an icon and a short description vertically.", "region_id": "6291", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our features'] [attr:position'top']] [el:description [attr:size 'small'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title][el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : description top small | title top undefined | { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 83 44 29 18 | description 7 44 29 22 | description 45 44 29 18 | description 4 7 110 9 | icon 7 30 5 5 | icon 83 30 5 5 | icon 45 30 5 5 | complete image 80 26 34 42 | complete image 4 26 34 46 | complete image 42 26 34 42 | title 4 0 110 4 | title 7 38 29 2 | title 45 38 29 2 | title 83 38 29 2", "layout_seq_without_completion": "description 83 44 29 18 | description 7 44 29 22 | description 45 44 29 18 | description 4 7 110 9 | icon 7 30 5 5 | icon 83 30 5 5 | icon 45 30 5 5 | image 80 26 34 42 | image 4 26 34 46 | image 42 26 34 42 | title 4 0 110 4 | title 7 38 29 2 | title 45 38 29 2 | title 83 38 29 2", "plain_layout_seq": "description 83 44 29 18 | description 7 44 29 22 | description 45 44 29 18 | description 4 7 110 9 | icon 7 30 5 5 | icon 83 30 5 5 | icon 45 30 5 5 | image 80 26 34 42 | image 4 26 34 46 | image 42 26 34 42 | title 4 0 110 4 | title 7 38 29 2 | title 45 38 29 2 | title 83 38 29 2", "canvas_width": 1024, "canvas_height": 647, "elements": [ { "type": "title", "position": [ 42, 0, 940, 40 ], "completed": false }, { "type": "description", "position": [ 42, 60, 940, 84 ], "completed": false }, { "type": "image", "position": [ 42, 224, 293, 393 ], "completed": true }, { "type": "image", "position": [ 365, 224, 293, 366 ], "completed": true }, { "type": "image", "position": [ 689, 224, 293, 366 ], "completed": true }, { "type": "icon", "position": [ 63, 264, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 386, 264, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 710, 264, 48, 48 ], "completed": false }, { "type": "title", "position": [ 63, 332, 251, 24 ], "completed": false }, { "type": "title", "position": [ 386, 332, 251, 24 ], "completed": false }, { "type": "title", "position": [ 710, 332, 251, 24 ], "completed": false }, { "type": "description", "position": [ 63, 376, 251, 189 ], "completed": false }, { "type": "description", "position": [ 386, 376, 251, 162 ], "completed": false }, { "type": "description", "position": [ 710, 376, 251, 162 ], "completed": false } ] }, { "text": "#A page showing the advantages of the 3Commas to users and guiding users to choose it..#The page should have one text heading, one set of pagination, and one list of two items, each item should include one background picture, one icon, one small description, and one name of the reviewers.", "region_id": "2621", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:pagination] [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:icon] [el:description [attr:size 'small'] ] [el:text] ] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ background undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] | [ background undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete icon 56 50 0 1 | complete icon 62 50 0 1 | title 1 7 116 6 | \" [ background 1 18 56 28 | description 4 28 34 2 | icon 54 42 0 0 | complete logo 4 21 11 1 | text 4 31 50 2 ] | [ background 61 18 56 28 | description 64 28 15 2 | icon 114 42 0 0 | complete logo 64 21 11 1 | text 64 31 50 2 ] \"", "layout_seq_without_completion": "icon 56 50 0 1 | icon 62 50 0 1 | title 1 7 116 6 | \" [ background 1 18 56 28 | description 4 28 34 2 | icon 54 42 0 0 | logo 4 21 11 1 | text 4 31 50 2 ] | [ background 61 18 56 28 | description 64 28 15 2 | icon 114 42 0 0 | logo 64 21 11 1 | text 64 31 50 2 ] \"", "plain_layout_seq": "background 1 18 56 28 | background 61 18 56 28 | description 4 28 34 2 | description 64 28 15 2 | icon 56 50 0 1 | icon 62 50 0 1 | icon 54 42 0 0 | icon 114 42 0 0 | logo 4 21 11 1 | logo 64 21 11 1 | text 4 31 50 2 | text 64 31 50 2 | title 1 7 116 6", "canvas_width": 1024, "canvas_height": 521, "elements": [ { "type": "title", "position": [ 15, 60, 994, 54 ], "completed": false }, { "type": "background", "position": [ 15, 154, 482, 247 ], "completed": false }, { "type": "background", "position": [ 527, 154, 482, 247 ], "completed": false }, { "type": "logo", "position": [ 39, 184, 102, 12 ], "completed": true }, { "type": "logo", "position": [ 551, 184, 102, 12 ], "completed": true }, { "type": "description", "position": [ 39, 246, 295, 23 ], "completed": false }, { "type": "description", "position": [ 551, 246, 135, 23 ], "completed": false }, { "type": "text", "position": [ 39, 270, 434, 24 ], "completed": false }, { "type": "text", "position": [ 551, 270, 434, 24 ], "completed": false }, { "type": "icon", "position": [ 461, 365, 8, 8 ], "completed": false }, { "type": "icon", "position": [ 973, 365, 8, 8 ], "completed": false }, { "type": "icon", "position": [ 483, 431, 6, 12 ], "completed": true }, { "type": "icon", "position": [ 535, 431, 6, 12 ], "completed": true } ] }, { "text": "# A page showing a collection list in an online shop. # The page should have a title \"Collection list\", six groups with each having an image and a title. Also, there should also be a button \"View All\" for the user to view all of the items.", "region_id": "7051", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection list'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 54 33 11 5 | image 2 6 17 17 | image 61 6 17 17 | image 80 6 17 17 | image 99 6 17 17 | image 41 6 17 17 | image 22 6 17 17 | title 25 25 11 2 | title 65 25 7 2 | title 81 25 14 2 | title 103 25 10 2 | title 43 25 14 2 | title 4 25 14 2 | title 2 0 114 2", "layout_seq_without_completion": "button 54 33 11 5 | image 2 6 17 17 | image 61 6 17 17 | image 80 6 17 17 | image 99 6 17 17 | image 41 6 17 17 | image 22 6 17 17 | title 25 25 11 2 | title 65 25 7 2 | title 81 25 14 2 | title 103 25 10 2 | title 43 25 14 2 | title 4 25 14 2 | title 2 0 114 2", "plain_layout_seq": "button 54 33 11 5 | image 2 6 17 17 | image 61 6 17 17 | image 80 6 17 17 | image 99 6 17 17 | image 41 6 17 17 | image 22 6 17 17 | title 25 25 11 2 | title 65 25 7 2 | title 81 25 14 2 | title 103 25 10 2 | title 43 25 14 2 | title 4 25 14 2 | title 2 0 114 2", "canvas_width": 1024, "canvas_height": 361, "elements": [ { "type": "title", "position": [ 25, 0, 974, 24 ], "completed": false }, { "type": "image", "position": [ 25, 52, 146, 146 ], "completed": false }, { "type": "image", "position": [ 191, 52, 146, 146 ], "completed": false }, { "type": "image", "position": [ 356, 52, 146, 146 ], "completed": false }, { "type": "image", "position": [ 522, 52, 146, 146 ], "completed": false }, { "type": "image", "position": [ 688, 52, 146, 146 ], "completed": false }, { "type": "image", "position": [ 853, 52, 146, 146 ], "completed": false }, { "type": "title", "position": [ 38, 217, 120, 22 ], "completed": false }, { "type": "title", "position": [ 215, 217, 97, 22 ], "completed": false }, { "type": "title", "position": [ 367, 217, 124, 22 ], "completed": false }, { "type": "title", "position": [ 562, 217, 65, 22 ], "completed": false }, { "type": "title", "position": [ 699, 217, 122, 22 ], "completed": false }, { "type": "title", "position": [ 882, 217, 89, 22 ], "completed": false }, { "type": "button", "position": [ 462, 284, 100, 44 ], "completed": false } ] }, { "text": "# A page for introducing the summer's hottest brands. # On the page, there should have a title \"SHOP SUMMER HOTTEST BRANDS\" and two groups of information groups \"Mout Lai\" and \"Maui Babe\". In each group, there should contain an image showing the product of the brand, a title, and an introduction to the brand.", "region_id": "8581", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'SHOP SUMMER HOTTEST BRANDS'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Mout Lai, Maui Babe'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 61 74 51 10 | description 6 74 51 10 | image 6 15 51 51 | image 61 15 51 51 | title 6 69 51 2 | title 6 6 107 2 | title 61 69 51 2", "layout_seq_without_completion": "description 61 74 51 10 | description 6 74 51 10 | image 6 15 51 51 | image 61 15 51 51 | title 6 69 51 2 | title 6 6 107 2 | title 61 69 51 2", "plain_layout_seq": "description 61 74 51 10 | description 6 74 51 10 | image 6 15 51 51 | image 61 15 51 51 | title 6 69 51 2 | title 6 6 107 2 | title 61 69 51 2", "canvas_width": 1024, "canvas_height": 778, "elements": [ { "type": "title", "position": [ 55, 54, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 442, 442 ], "completed": false }, { "type": "image", "position": [ 527, 134, 442, 442 ], "completed": false }, { "type": "title", "position": [ 55, 595, 442, 21 ], "completed": false }, { "type": "title", "position": [ 527, 595, 442, 21 ], "completed": false }, { "type": "description", "position": [ 55, 633, 442, 90 ], "completed": false }, { "type": "description", "position": [ 527, 633, 442, 90 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page has two groups and each group has an image and link, \"shop apparel\" and \"shop caps\". The pagination is set beside each link.", "region_id": "6890", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'shop apparel, shop caps'] [item [el:image] [el:link] [el:pagination] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | pagination undefined undefined ] | [ image undefined undefined | link undefined undefined | pagination undefined undefined ] }", "layout_seq_with_completion": "\" [ complete icon 51 63 4 4 | image 2 4 55 55 | complete image 2 4 55 66 | complete image 2 61 55 9 | link 3 61 44 9 ] | [ complete icon 110 63 4 4 | image 61 4 55 55 | complete image 61 4 55 66 | complete image 61 61 55 9 | link 62 61 44 9 ] \"", "layout_seq_without_completion": "\" [ icon 51 63 4 4 | image 2 4 55 55 | image 2 4 55 66 | image 2 61 55 9 | link 3 61 44 9 ] | [ icon 110 63 4 4 | image 61 4 55 55 | image 61 4 55 66 | image 61 61 55 9 | link 62 61 44 9 ] \"", "plain_layout_seq": "icon 51 63 4 4 | icon 110 63 4 4 | image 2 4 55 55 | image 2 4 55 66 | image 2 61 55 9 | image 61 4 55 55 | image 61 4 55 66 | image 61 61 55 9 | link 3 61 44 9 | link 62 61 44 9", "canvas_width": 1024, "canvas_height": 677, "elements": [ { "type": "image", "position": [ 20, 40, 477, 567 ], "completed": true }, { "type": "image", "position": [ 527, 40, 477, 567 ], "completed": true }, { "type": "image", "position": [ 21, 41, 475, 475 ], "completed": false }, { "type": "image", "position": [ 528, 41, 475, 475 ], "completed": false }, { "type": "image", "position": [ 21, 526, 475, 80 ], "completed": true }, { "type": "link", "position": [ 28, 526, 379, 80 ], "completed": false }, { "type": "image", "position": [ 528, 526, 475, 80 ], "completed": true }, { "type": "link", "position": [ 535, 526, 379, 80 ], "completed": false }, { "type": "icon", "position": [ 436, 546, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 943, 546, 40, 40 ], "completed": true } ] }, { "text": "# A page to show the address and contact information of the three offices of a company. # On the page, there should include three lists named \"Head Office\" \"BC Office\" and \"Ontario Office\". In each one, there should be a title, address information, and 2-3 contact information.", "region_id": "7920", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'head office, bc office, ontario office'] [item [el:title] [el:text] [el:text [attr:repeat 'several']] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ text 5 6 33 4 | text 5 17 33 2 | text 5 11 33 2 | text 5 14 33 2 | title 5 2 33 2 ] | [ text 43 6 33 4 | text 43 11 33 2 | text 43 14 33 2 | title 43 2 33 2 ] | [ text 80 6 33 4 | text 80 11 33 2 | text 80 14 33 2 | title 80 2 33 2 ] \"", "layout_seq_without_completion": "\" [ text 5 6 33 4 | text 5 17 33 2 | text 5 11 33 2 | text 5 14 33 2 | title 5 2 33 2 ] | [ text 43 6 33 4 | text 43 11 33 2 | text 43 14 33 2 | title 43 2 33 2 ] | [ text 80 6 33 4 | text 80 11 33 2 | text 80 14 33 2 | title 80 2 33 2 ] \"", "plain_layout_seq": "text 5 6 33 4 | text 5 17 33 2 | text 5 11 33 2 | text 5 14 33 2 | text 43 6 33 4 | text 43 11 33 2 | text 43 14 33 2 | text 80 6 33 4 | text 80 11 33 2 | text 80 14 33 2 | title 5 2 33 2 | title 43 2 33 2 | title 80 2 33 2", "canvas_width": 1050, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 50, 26, 297, 24 ], "completed": false }, { "type": "title", "position": [ 377, 26, 297, 24 ], "completed": false }, { "type": "title", "position": [ 703, 26, 297, 24 ], "completed": false }, { "type": "text", "position": [ 50, 60, 297, 37 ], "completed": false }, { "type": "text", "position": [ 377, 60, 297, 37 ], "completed": false }, { "type": "text", "position": [ 703, 60, 297, 37 ], "completed": false }, { "type": "text", "position": [ 50, 101, 297, 22 ], "completed": false }, { "type": "text", "position": [ 377, 101, 297, 22 ], "completed": false }, { "type": "text", "position": [ 703, 101, 297, 22 ], "completed": false }, { "type": "text", "position": [ 50, 126, 297, 21 ], "completed": false }, { "type": "text", "position": [ 377, 126, 297, 19 ], "completed": false }, { "type": "text", "position": [ 703, 126, 297, 19 ], "completed": false }, { "type": "text", "position": [ 50, 151, 297, 19 ], "completed": false } ] }, { "text": "#A page for users to shop.# There are two info groups and each group includes one item image, a slogan, one label for the related info, and one button for users to shop now.", "region_id": "4532", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 65 44 11 4 | image 5 1 71 40 | text 5 48 52 2 | title 5 44 52 3 ] | [ button 99 44 14 5 | image 80 1 34 40 | text 80 52 19 4 | title 80 44 13 7 ] \"", "layout_seq_without_completion": "\" [ button 65 44 11 4 | image 5 1 71 40 | text 5 48 52 2 | title 5 44 52 3 ] | [ button 99 44 14 5 | image 80 1 34 40 | text 80 52 19 4 | title 80 44 13 7 ] \"", "plain_layout_seq": "button 65 44 11 4 | button 99 44 14 5 | image 5 1 71 40 | image 80 1 34 40 | text 5 48 52 2 | text 80 52 19 4 | title 5 44 52 3 | title 80 44 13 7", "canvas_width": 1334, "canvas_height": 717, "elements": [ { "type": "image", "position": [ 63, 16, 795, 450 ], "completed": false }, { "type": "image", "position": [ 890, 16, 381, 450 ], "completed": false }, { "type": "button", "position": [ 728, 490, 130, 50 ], "completed": false }, { "type": "button", "position": [ 1110, 490, 161, 66 ], "completed": false }, { "type": "title", "position": [ 63, 491, 588, 38 ], "completed": false }, { "type": "title", "position": [ 890, 491, 151, 79 ], "completed": false }, { "type": "text", "position": [ 63, 539, 588, 26 ], "completed": false }, { "type": "text", "position": [ 890, 581, 220, 52 ], "completed": false } ] }, { "text": "#A page for showing the news on Fansided.# The page should have an image of Fansided, and 10 groups while each group has an image, and a link for users to click to check the news they want to view.", "region_id": "4658", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [gp:InfoGroup [gattr:repeat '10'] [item [el:image] [el:link ] ] ] ]", "execution": "multiinfo : image undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 1 9 55 38 | image 59 9 55 38 | image 60 64 14 9 | image 60 76 14 9 | image 1 52 14 9 | image 1 64 14 9 | image 1 76 14 9 | image 1 88 14 9 | image 60 52 14 9 | image 60 88 14 9 | image 1 0 25 5 | link 18 88 35 5 | link 76 76 38 5 | link 18 52 36 5 | link 18 64 36 5 | link 18 76 36 5 | link 76 52 38 5 | link 76 64 35 5 | link 76 88 37 5 | link 1 36 55 10 | link 59 36 55 10", "layout_seq_without_completion": "image 1 9 55 38 | image 59 9 55 38 | image 60 64 14 9 | image 60 76 14 9 | image 1 52 14 9 | image 1 64 14 9 | image 1 76 14 9 | image 1 88 14 9 | image 60 52 14 9 | image 60 88 14 9 | image 1 0 25 5 | link 18 88 35 5 | link 76 76 38 5 | link 18 52 36 5 | link 18 64 36 5 | link 18 76 36 5 | link 76 52 38 5 | link 76 64 35 5 | link 76 88 37 5 | link 1 36 55 10 | link 59 36 55 10", "plain_layout_seq": "image 1 9 55 38 | image 59 9 55 38 | image 60 64 14 9 | image 60 76 14 9 | image 1 52 14 9 | image 1 64 14 9 | image 1 76 14 9 | image 1 88 14 9 | image 60 52 14 9 | image 60 88 14 9 | image 1 0 25 5 | link 18 88 35 5 | link 76 76 38 5 | link 18 52 36 5 | link 18 64 36 5 | link 18 76 36 5 | link 76 52 38 5 | link 76 64 35 5 | link 76 88 37 5 | link 1 36 55 10 | link 59 36 55 10", "canvas_width": 992, "canvas_height": 847, "elements": [ { "type": "image", "position": [ 15, 0, 209, 46 ], "completed": false }, { "type": "image", "position": [ 14, 75, 458, 320 ], "completed": false }, { "type": "image", "position": [ 495, 75, 458, 320 ], "completed": false }, { "type": "link", "position": [ 14, 305, 458, 90 ], "completed": false }, { "type": "link", "position": [ 495, 305, 458, 90 ], "completed": false }, { "type": "link", "position": [ 149, 432, 299, 43 ], "completed": false }, { "type": "link", "position": [ 630, 432, 317, 43 ], "completed": false }, { "type": "image", "position": [ 15, 435, 120, 80 ], "completed": false }, { "type": "image", "position": [ 496, 435, 120, 80 ], "completed": false }, { "type": "link", "position": [ 149, 533, 305, 43 ], "completed": false }, { "type": "link", "position": [ 630, 533, 295, 43 ], "completed": false }, { "type": "image", "position": [ 15, 535, 120, 80 ], "completed": false }, { "type": "image", "position": [ 496, 535, 120, 80 ], "completed": false }, { "type": "link", "position": [ 149, 633, 302, 43 ], "completed": false }, { "type": "link", "position": [ 630, 633, 318, 43 ], "completed": false }, { "type": "image", "position": [ 15, 635, 120, 80 ], "completed": false }, { "type": "image", "position": [ 496, 635, 120, 80 ], "completed": false }, { "type": "link", "position": [ 149, 733, 293, 43 ], "completed": false }, { "type": "link", "position": [ 630, 733, 311, 43 ], "completed": false }, { "type": "image", "position": [ 15, 735, 120, 80 ], "completed": false }, { "type": "image", "position": [ 496, 735, 120, 80 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by a company.# There should have four groups with each having a small image and a title to introduce the service:100% guarantee, leaves warehouse in 1-2 business days, 12-month warranty, and no-hassle 30-day returns.", "region_id": "7044", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names '100% guarantee, leaves warehouse in 1-2 business days, 12-month warranty, no-hassle 30-day returns'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 11 3 9 9 | image 40 3 9 9 | image 69 3 9 9 | image 99 3 9 9 | title 3 14 25 1 | title 90 14 25 1 | title 32 14 25 1 | title 61 14 25 1", "layout_seq_without_completion": "image 11 3 9 9 | image 40 3 9 9 | image 69 3 9 9 | image 99 3 9 9 | title 3 14 25 1 | title 90 14 25 1 | title 32 14 25 1 | title 61 14 25 1", "plain_layout_seq": "image 11 3 9 9 | image 40 3 9 9 | image 69 3 9 9 | image 99 3 9 9 | title 3 14 25 1 | title 90 14 25 1 | title 32 14 25 1 | title 61 14 25 1", "canvas_width": 1024, "canvas_height": 167, "elements": [ { "type": "image", "position": [ 99, 30, 80, 80 ], "completed": false }, { "type": "image", "position": [ 348, 30, 80, 80 ], "completed": false }, { "type": "image", "position": [ 596, 30, 80, 80 ], "completed": false }, { "type": "image", "position": [ 845, 30, 80, 80 ], "completed": false }, { "type": "title", "position": [ 30, 122, 219, 17 ], "completed": false }, { "type": "title", "position": [ 278, 122, 219, 17 ], "completed": false }, { "type": "title", "position": [ 527, 122, 219, 17 ], "completed": false }, { "type": "title", "position": [ 776, 122, 219, 17 ], "completed": false } ] }, { "text": "# A page to introduce the investor information of the company Centene. # There should include a title \"Investors\" and three text boxes about the experience, well-positioned for success, and Centene crop. It is necessary to have a text link to see all investor information by clicking it.", "region_id": "906", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'investors'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'experience, well-positioned for success, centene crop'] [item [el:title] [el:text] ] ] [el:link [attr:value'see all investor information'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 80 21 33 39 | link 4 52 30 4 | text 4 24 34 14 | text 83 32 22 2 | complete text 85 46 4 2 | complete text 83 37 17 8 | complete text 102 41 3 3 | complete text 90 46 7 2 | text 42 24 34 25 | complete text 83 53 28 1 | complete text 83 56 28 1 | title 83 24 28 6 | title 4 20 34 2 | title 42 20 34 2 | title 4 9 47 6", "layout_seq_without_completion": "image 80 21 33 39 | link 4 52 30 4 | text 4 24 34 14 | text 83 32 22 2 | text 85 46 4 2 | text 83 37 17 8 | text 102 41 3 3 | text 90 46 7 2 | text 42 24 34 25 | text 83 53 28 1 | text 83 56 28 1 | title 83 24 28 6 | title 4 20 34 2 | title 42 20 34 2 | title 4 9 47 6", "plain_layout_seq": "image 80 21 33 39 | link 4 52 30 4 | text 4 24 34 14 | text 83 32 22 2 | text 85 46 4 2 | text 83 37 17 8 | text 102 41 3 3 | text 90 46 7 2 | text 42 24 34 25 | text 83 53 28 1 | text 83 56 28 1 | title 83 24 28 6 | title 4 20 34 2 | title 42 20 34 2 | title 4 9 47 6", "canvas_width": 1024, "canvas_height": 618, "elements": [ { "type": "title", "position": [ 37, 85, 408, 52 ], "completed": false }, { "type": "title", "position": [ 37, 177, 298, 24 ], "completed": false }, { "type": "title", "position": [ 365, 177, 298, 24 ], "completed": false }, { "type": "image", "position": [ 691, 187, 289, 340 ], "completed": true }, { "type": "text", "position": [ 37, 211, 298, 120 ], "completed": false }, { "type": "text", "position": [ 365, 211, 298, 216 ], "completed": false }, { "type": "title", "position": [ 716, 212, 239, 54 ], "completed": false }, { "type": "text", "position": [ 716, 280, 192, 19 ], "completed": false }, { "type": "text", "position": [ 716, 317, 153, 73 ], "completed": true }, { "type": "text", "position": [ 873, 356, 34, 27 ], "completed": true }, { "type": "text", "position": [ 732, 397, 41, 20 ], "completed": true }, { "type": "text", "position": [ 774, 397, 62, 20 ], "completed": true }, { "type": "link", "position": [ 37, 447, 263, 42 ], "completed": false }, { "type": "text", "position": [ 716, 454, 239, 9 ], "completed": true }, { "type": "text", "position": [ 716, 483, 239, 9 ], "completed": true } ] }, { "text": "#A page showing many beautiful facial features to users.#The page should have three groups of facial features, they are eyes, lips, and face. And each of them should have one picture of the beautiful facial feature, one title, and one link for users to click to view more fastly,", "region_id": "6759", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'eye, lips, face'] [item [el:image] [el:title] [el:link [attr:value 'view more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 7 13 28 28 | link 18 8 7 1 | title 8 3 26 4 ] | [ image 45 13 28 28 | link 56 8 7 1 | title 46 3 26 4 ] | [ image 84 13 28 28 | link 95 8 7 1 | title 85 3 26 4 ] \"", "layout_seq_without_completion": "\" [ image 7 13 28 28 | link 18 8 7 1 | title 8 3 26 4 ] | [ image 45 13 28 28 | link 56 8 7 1 | title 46 3 26 4 ] | [ image 84 13 28 28 | link 95 8 7 1 | title 85 3 26 4 ] \"", "plain_layout_seq": "image 7 13 28 28 | image 45 13 28 28 | image 84 13 28 28 | link 18 8 7 1 | link 56 8 7 1 | link 95 8 7 1 | title 8 3 26 4 | title 46 3 26 4 | title 85 3 26 4", "canvas_width": 1024, "canvas_height": 407, "elements": [ { "type": "title", "position": [ 73, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 39 ], "completed": false }, { "type": "link", "position": [ 155, 72, 60, 15 ], "completed": false }, { "type": "link", "position": [ 483, 72, 60, 15 ], "completed": false }, { "type": "link", "position": [ 811, 72, 60, 15 ], "completed": false }, { "type": "image", "position": [ 61, 118, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 118, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 118, 247, 247 ], "completed": false } ] }, { "text": "#A page for introducing the cosmetics.#The page should have eight groups and each group has an image and a title. Under each title, there is a brief description of \"JUJU SMOOTH\" and the price of the products.", "region_id": "8589", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:description [attr:size 'small'] [attr:value 'juju smooth'] ] [el:text]] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 35 26 1 | image 5 5 26 26 | text 5 38 9 2 | title 5 33 26 1 ] | [ description 33 35 26 1 | image 33 5 26 26 | text 33 38 14 2 | title 33 33 26 1 ] | [ description 60 35 26 1 | image 60 5 26 26 | text 60 38 15 2 | title 60 33 26 1 ] | [ description 87 35 26 1 | image 87 5 26 26 | text 87 38 9 2 | title 87 33 26 1 ] | [ description 5 75 26 1 | image 5 44 26 26 | text 5 77 13 2 | title 5 72 26 1 ] | [ description 33 75 26 1 | image 33 44 26 26 | text 33 77 9 2 | title 33 72 26 1 ] | [ description 60 75 26 1 | image 60 44 26 26 | text 60 77 9 2 | title 60 72 26 1 ] | [ description 87 75 26 1 | image 87 44 26 26 | text 87 77 9 2 | title 87 72 26 1 ] \"", "layout_seq_without_completion": "\" [ description 5 35 26 1 | image 5 5 26 26 | text 5 38 9 2 | title 5 33 26 1 ] | [ description 33 35 26 1 | image 33 5 26 26 | text 33 38 14 2 | title 33 33 26 1 ] | [ description 60 35 26 1 | image 60 5 26 26 | text 60 38 15 2 | title 60 33 26 1 ] | [ description 87 35 26 1 | image 87 5 26 26 | text 87 38 9 2 | title 87 33 26 1 ] | [ description 5 75 26 1 | image 5 44 26 26 | text 5 77 13 2 | title 5 72 26 1 ] | [ description 33 75 26 1 | image 33 44 26 26 | text 33 77 9 2 | title 33 72 26 1 ] | [ description 60 75 26 1 | image 60 44 26 26 | text 60 77 9 2 | title 60 72 26 1 ] | [ description 87 75 26 1 | image 87 44 26 26 | text 87 77 9 2 | title 87 72 26 1 ] \"", "plain_layout_seq": "description 5 35 26 1 | description 33 35 26 1 | description 60 35 26 1 | description 87 35 26 1 | description 5 75 26 1 | description 33 75 26 1 | description 60 75 26 1 | description 87 75 26 1 | image 5 5 26 26 | image 33 5 26 26 | image 60 5 26 26 | image 87 5 26 26 | image 5 44 26 26 | image 33 44 26 26 | image 60 44 26 26 | image 87 44 26 26 | text 5 38 9 2 | text 33 38 14 2 | text 60 38 15 2 | text 87 38 9 2 | text 5 77 13 2 | text 33 77 9 2 | text 60 77 9 2 | text 87 77 9 2 | title 5 33 26 1 | title 33 33 26 1 | title 60 33 26 1 | title 87 33 26 1 | title 5 72 26 1 | title 33 72 26 1 | title 60 72 26 1 | title 87 72 26 1", "canvas_width": 1024, "canvas_height": 740, "elements": [ { "type": "image", "position": [ 50, 44, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 44, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 44, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 44, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 286, 225, 17 ], "completed": false }, { "type": "title", "position": [ 283, 286, 225, 17 ], "completed": false }, { "type": "title", "position": [ 516, 286, 225, 17 ], "completed": false }, { "type": "title", "position": [ 749, 286, 225, 17 ], "completed": false }, { "type": "description", "position": [ 50, 307, 225, 14 ], "completed": false }, { "type": "description", "position": [ 283, 307, 225, 14 ], "completed": false }, { "type": "description", "position": [ 516, 307, 225, 14 ], "completed": false }, { "type": "description", "position": [ 749, 307, 225, 14 ], "completed": false }, { "type": "text", "position": [ 50, 329, 84, 21 ], "completed": false }, { "type": "text", "position": [ 283, 329, 127, 21 ], "completed": false }, { "type": "text", "position": [ 516, 329, 128, 21 ], "completed": false }, { "type": "text", "position": [ 749, 329, 85, 21 ], "completed": false }, { "type": "image", "position": [ 50, 377, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 377, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 377, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 377, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 619, 225, 17 ], "completed": false }, { "type": "title", "position": [ 283, 619, 225, 17 ], "completed": false }, { "type": "title", "position": [ 516, 619, 225, 17 ], "completed": false }, { "type": "title", "position": [ 749, 619, 225, 17 ], "completed": false }, { "type": "description", "position": [ 50, 641, 225, 14 ], "completed": false }, { "type": "description", "position": [ 283, 641, 225, 14 ], "completed": false }, { "type": "description", "position": [ 516, 641, 225, 14 ], "completed": false }, { "type": "description", "position": [ 749, 641, 225, 14 ], "completed": false }, { "type": "text", "position": [ 50, 663, 119, 21 ], "completed": false }, { "type": "text", "position": [ 283, 663, 85, 21 ], "completed": false }, { "type": "text", "position": [ 516, 663, 84, 21 ], "completed": false }, { "type": "text", "position": [ 749, 663, 85, 21 ], "completed": false } ] }, { "text": "#A page for showing 5 categories of apps.# The page should have 5 groups with each having one title and 5 texts to show top searches, popular apps, trending apps, top apps by category, and the best content one by one.And each group have a link to show users more.", "region_id": "4494", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'top searches, popular apps, trending apps,top apps by category, the best content '][item [el:text [attr:repeat'5']][el:link[attr:value'show more']]] ] ]", "execution": "multiinfo : { [ link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 4 22 3 | link 0 11 22 6 | link 0 18 22 3 | link 0 22 22 3 | link 0 7 22 3 | text 0 0 22 2 ] | [ link 24 4 22 3 | link 24 11 22 3 | link 24 7 22 3 | link 24 15 22 3 | link 24 19 22 3 | text 24 0 22 2 ] | [ link 48 7 22 3 | link 48 15 22 3 | link 48 19 22 3 | link 48 4 22 3 | link 48 11 22 3 | text 48 0 22 2 ] | [ link 72 4 22 3 | link 72 11 22 3 | link 72 7 22 3 | link 72 15 22 9 | link 72 25 22 3 | text 72 0 22 2 ] | [ link 97 18 22 3 | link 97 22 22 3 | link 97 4 22 6 | link 97 10 22 3 | link 97 14 22 3 | text 97 0 22 2 ] \"", "layout_seq_without_completion": "\" [ link 0 4 22 3 | link 0 11 22 6 | link 0 18 22 3 | link 0 22 22 3 | link 0 7 22 3 | text 0 0 22 2 ] | [ link 24 4 22 3 | link 24 11 22 3 | link 24 7 22 3 | link 24 15 22 3 | link 24 19 22 3 | text 24 0 22 2 ] | [ link 48 7 22 3 | link 48 15 22 3 | link 48 19 22 3 | link 48 4 22 3 | link 48 11 22 3 | text 48 0 22 2 ] | [ link 72 4 22 3 | link 72 11 22 3 | link 72 7 22 3 | link 72 15 22 9 | link 72 25 22 3 | text 72 0 22 2 ] | [ link 97 18 22 3 | link 97 22 22 3 | link 97 4 22 6 | link 97 10 22 3 | link 97 14 22 3 | text 97 0 22 2 ] \"", "plain_layout_seq": "link 0 4 22 3 | link 0 11 22 6 | link 0 18 22 3 | link 0 22 22 3 | link 0 7 22 3 | link 24 4 22 3 | link 24 11 22 3 | link 24 7 22 3 | link 24 15 22 3 | link 24 19 22 3 | link 48 7 22 3 | link 48 15 22 3 | link 48 19 22 3 | link 48 4 22 3 | link 48 11 22 3 | link 72 4 22 3 | link 72 11 22 3 | link 72 7 22 3 | link 72 15 22 9 | link 72 25 22 3 | link 97 18 22 3 | link 97 22 22 3 | link 97 4 22 6 | link 97 10 22 3 | link 97 14 22 3 | text 0 0 22 2 | text 24 0 22 2 | text 48 0 22 2 | text 72 0 22 2 | text 97 0 22 2", "canvas_width": 977, "canvas_height": 268, "elements": [ { "type": "text", "position": [ 0, 0, 187, 24 ], "completed": false }, { "type": "text", "position": [ 197, 0, 187, 24 ], "completed": false }, { "type": "text", "position": [ 395, 0, 187, 24 ], "completed": false }, { "type": "text", "position": [ 592, 0, 187, 24 ], "completed": false }, { "type": "text", "position": [ 790, 0, 187, 24 ], "completed": false }, { "type": "link", "position": [ 0, 34, 187, 30 ], "completed": false }, { "type": "link", "position": [ 197, 34, 187, 30 ], "completed": false }, { "type": "link", "position": [ 395, 34, 187, 30 ], "completed": false }, { "type": "link", "position": [ 592, 34, 187, 30 ], "completed": false }, { "type": "link", "position": [ 790, 34, 187, 54 ], "completed": false }, { "type": "link", "position": [ 0, 65, 187, 30 ], "completed": false }, { "type": "link", "position": [ 197, 65, 187, 30 ], "completed": false }, { "type": "link", "position": [ 395, 65, 187, 30 ], "completed": false }, { "type": "link", "position": [ 592, 65, 187, 30 ], "completed": false }, { "type": "link", "position": [ 790, 89, 187, 30 ], "completed": false }, { "type": "link", "position": [ 0, 96, 187, 54 ], "completed": false }, { "type": "link", "position": [ 197, 96, 187, 30 ], "completed": false }, { "type": "link", "position": [ 395, 96, 187, 30 ], "completed": false }, { "type": "link", "position": [ 592, 96, 187, 30 ], "completed": false }, { "type": "link", "position": [ 790, 120, 187, 30 ], "completed": false }, { "type": "link", "position": [ 197, 127, 187, 30 ], "completed": false }, { "type": "link", "position": [ 395, 127, 187, 30 ], "completed": false }, { "type": "link", "position": [ 592, 127, 187, 78 ], "completed": false }, { "type": "link", "position": [ 0, 151, 187, 30 ], "completed": false }, { "type": "link", "position": [ 790, 151, 187, 30 ], "completed": false }, { "type": "link", "position": [ 197, 158, 187, 30 ], "completed": false }, { "type": "link", "position": [ 395, 158, 187, 30 ], "completed": false }, { "type": "link", "position": [ 0, 182, 187, 30 ], "completed": false }, { "type": "link", "position": [ 790, 182, 187, 30 ], "completed": false }, { "type": "link", "position": [ 592, 206, 187, 30 ], "completed": false } ] }, { "text": "#A page for introducing products#.There are two groups and each one includes one image, and one label.", "region_id": "3936", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 0 56 56 | image 1 0 56 56 | title 22 46 15 7 | title 75 46 28 7", "layout_seq_without_completion": "image 61 0 56 56 | image 1 0 56 56 | title 22 46 15 7 | title 75 46 28 7", "plain_layout_seq": "image 61 0 56 56 | image 1 0 56 56 | title 22 46 15 7 | title 75 46 28 7", "canvas_width": 901, "canvas_height": 450, "elements": [ { "type": "image", "position": [ 12, 0, 427, 427 ], "completed": false }, { "type": "image", "position": [ 463, 0, 427, 427 ], "completed": false }, { "type": "title", "position": [ 168, 348, 115, 53 ], "completed": false }, { "type": "title", "position": [ 568, 348, 216, 53 ], "completed": false } ] }, { "text": "# A page to advertise the new arrivals in an online shop. # The page should have one title \"NEW ARRIVAL\", a link \"View all\" to view all products, and four groups of product information with each containing an image, a product name, and a price.", "region_id": "7172", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrival'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text[attr:repeat'2']] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 54 6 11 3 | text 33 63 25 3 | text 89 54 25 2 | text 33 66 25 2 | text 61 40 25 3 | text 4 52 25 3 | text 61 43 25 2 | text 89 51 25 3 | text 4 55 25 2 | title 4 0 110 4", "layout_seq_without_completion": "link 54 6 11 3 | text 33 63 25 3 | text 89 54 25 2 | text 33 66 25 2 | text 61 40 25 3 | text 4 52 25 3 | text 61 43 25 2 | text 89 51 25 3 | text 4 55 25 2 | title 4 0 110 4", "plain_layout_seq": "link 54 6 11 3 | text 33 63 25 3 | text 89 54 25 2 | text 33 66 25 2 | text 61 40 25 3 | text 4 52 25 3 | text 61 43 25 2 | text 89 51 25 3 | text 4 55 25 2 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 40, 0, 944, 40 ], "completed": false }, { "type": "link", "position": [ 465, 53, 94, 34 ], "completed": false }, { "type": "text", "position": [ 523, 342, 220, 26 ], "completed": false }, { "type": "text", "position": [ 523, 370, 220, 21 ], "completed": false }, { "type": "text", "position": [ 764, 439, 220, 26 ], "completed": false }, { "type": "text", "position": [ 40, 446, 220, 26 ], "completed": false }, { "type": "text", "position": [ 764, 467, 220, 21 ], "completed": false }, { "type": "text", "position": [ 40, 475, 220, 21 ], "completed": false }, { "type": "text", "position": [ 282, 540, 220, 26 ], "completed": false }, { "type": "text", "position": [ 282, 568, 220, 21 ], "completed": false } ] }, { "text": "#A page for selling different products.# The page should have 3 groups while each group has a related image, text to list the category of the products, and a button for users to click to shop now.", "region_id": "6791", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ button 11 18 12 5 | image 5 0 34 27 | text 11 13 21 3 ] | [ button 46 18 12 5 | image 42 0 34 27 | text 46 13 26 3 ] | [ button 84 18 12 5 | image 80 0 34 27 | text 84 13 26 3 ] \"", "layout_seq_without_completion": "\" [ button 11 18 12 5 | image 5 0 34 27 | text 11 13 21 3 ] | [ button 46 18 12 5 | image 42 0 34 27 | text 46 13 26 3 ] | [ button 84 18 12 5 | image 80 0 34 27 | text 84 13 26 3 ] \"", "plain_layout_seq": "button 11 18 12 5 | button 46 18 12 5 | button 84 18 12 5 | image 5 0 34 27 | image 42 0 34 27 | image 80 0 34 27 | text 11 13 21 3 | text 46 13 26 3 | text 84 13 26 3", "canvas_width": 1024, "canvas_height": 287, "elements": [ { "type": "image", "position": [ 43, 0, 293, 234 ], "completed": false }, { "type": "image", "position": [ 366, 0, 293, 234 ], "completed": false }, { "type": "image", "position": [ 688, 0, 293, 234 ], "completed": false }, { "type": "text", "position": [ 97, 116, 185, 32 ], "completed": false }, { "type": "text", "position": [ 398, 116, 229, 32 ], "completed": false }, { "type": "text", "position": [ 722, 116, 227, 32 ], "completed": false }, { "type": "button", "position": [ 97, 158, 106, 50 ], "completed": false }, { "type": "button", "position": [ 398, 158, 106, 50 ], "completed": false }, { "type": "button", "position": [ 722, 158, 106, 50 ], "completed": false } ] }, { "text": "# A page showing categories of products for the user to buy. # The page should have three categories with each having a background image, a category name, and a button \"View products\" for the user to click to view the products in each category.", "region_id": "7197", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] [el:button [attr:value 'view products'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 1 2 37 37 | button 3 33 13 3 | title 3 25 22 5 ] | [ background 41 2 37 25 | button 43 21 13 3 | title 43 13 14 5 ] | [ background 81 2 37 37 | button 83 33 13 3 | title 83 25 20 5 ] \"", "layout_seq_without_completion": "\" [ background 1 2 37 37 | button 3 33 13 3 | title 3 25 22 5 ] | [ background 41 2 37 25 | button 43 21 13 3 | title 43 13 14 5 ] | [ background 81 2 37 37 | button 83 33 13 3 | title 83 25 20 5 ] \"", "plain_layout_seq": "background 1 2 37 37 | background 41 2 37 25 | background 81 2 37 37 | button 3 33 13 3 | button 43 21 13 3 | button 83 33 13 3 | title 3 25 22 5 | title 43 13 14 5 | title 83 25 20 5", "canvas_width": 1024, "canvas_height": 361, "elements": [ { "type": "background", "position": [ 10, 20, 321, 321 ], "completed": false }, { "type": "background", "position": [ 351, 20, 321, 214 ], "completed": false }, { "type": "background", "position": [ 693, 20, 321, 321 ], "completed": false }, { "type": "title", "position": [ 371, 111, 126, 51 ], "completed": false }, { "type": "button", "position": [ 371, 181, 119, 34 ], "completed": false }, { "type": "title", "position": [ 30, 218, 192, 51 ], "completed": false }, { "type": "title", "position": [ 713, 218, 178, 51 ], "completed": false }, { "type": "button", "position": [ 30, 288, 119, 34 ], "completed": false }, { "type": "button", "position": [ 713, 288, 119, 34 ], "completed": false } ] }, { "text": "#A page showing the good customer reviews of the Swiss Emporium.#The page should have one title, and one brief description of this title on the top. Under it, there should have three groups of good customer reviews. And each of them should have two icons, one title, and one detailed comment on the Swiss Emporium.", "region_id": "7903", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'][attr:position'top']] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon[attr:repeat'2']] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description top small | title undefined undefined | { [ description undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 28 4 63 4 | title 9 0 101 4 | \" [ description 12 29 25 30 | complete image 9 12 31 52 | complete text 12 59 25 1 | title 12 25 25 2 ] | [ description 47 29 25 45 | complete image 44 12 31 67 | complete text 47 75 25 1 | title 47 25 25 2 ] | [ description 82 29 25 27 | complete image 79 12 31 49 | complete text 82 57 25 1 | title 82 25 25 2 ] \"", "layout_seq_without_completion": "description 28 4 63 4 | title 9 0 101 4 | \" [ description 12 29 25 30 | image 9 12 31 52 | text 12 59 25 1 | title 12 25 25 2 ] | [ description 47 29 25 45 | image 44 12 31 67 | text 47 75 25 1 | title 47 25 25 2 ] | [ description 82 29 25 27 | image 79 12 31 49 | text 82 57 25 1 | title 82 25 25 2 ] \"", "plain_layout_seq": "description 28 4 63 4 | description 12 29 25 30 | description 47 29 25 45 | description 82 29 25 27 | image 9 12 31 52 | image 44 12 31 67 | image 79 12 31 49 | text 12 59 25 1 | text 47 75 25 1 | text 82 57 25 1 | title 9 0 101 4 | title 12 25 25 2 | title 47 25 25 2 | title 82 25 25 2", "canvas_width": 1139, "canvas_height": 761, "elements": [ { "type": "title", "position": [ 90, 0, 960, 44 ], "completed": false }, { "type": "description", "position": [ 270, 44, 600, 42 ], "completed": false }, { "type": "image", "position": [ 90, 121, 300, 496 ], "completed": true }, { "type": "image", "position": [ 420, 121, 300, 640 ], "completed": true }, { "type": "image", "position": [ 750, 121, 300, 472 ], "completed": true }, { "type": "title", "position": [ 120, 246, 240, 24 ], "completed": false }, { "type": "title", "position": [ 450, 246, 240, 24 ], "completed": false }, { "type": "title", "position": [ 780, 246, 240, 24 ], "completed": false }, { "type": "description", "position": [ 120, 280, 240, 289 ], "completed": false }, { "type": "description", "position": [ 450, 280, 240, 433 ], "completed": false }, { "type": "description", "position": [ 780, 280, 240, 265 ], "completed": false }, { "type": "text", "position": [ 780, 544, 240, 15 ], "completed": true }, { "type": "text", "position": [ 120, 568, 240, 15 ], "completed": true }, { "type": "text", "position": [ 450, 712, 240, 15 ], "completed": true } ] }, { "text": "#A page selling plans for companies.# The page should include the title \"INDIA KA DROPSHIPPING\". The page also contains 3 information sets. Each group includes an image, a title, the price of the plan, and a button \"CONTACT US\". The three titles are: \"SHOPIFY STORE PLAN\", \"ALL WEBSITE PLAN\", and \"ENTERPRISE PLAN\".", "region_id": "4652", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'india ka dropshipping'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'shopify store plan, all website plan, enterprise plan'] [item [el:image] [el:title] [el:text] [el:button [attr:value 'CONTACT US'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 80 46 33 3 | button 6 46 33 3 | button 43 46 33 3 | image 43 4 33 33 | image 6 4 33 33 | image 80 4 33 33 | text 80 42 33 2 | text 43 42 33 2 | text 6 42 33 2 | title 6 0 107 3 | title 6 37 33 3 | title 43 37 33 3 | title 80 37 33 3", "layout_seq_without_completion": "button 80 46 33 3 | button 6 46 33 3 | button 43 46 33 3 | image 43 4 33 33 | image 6 4 33 33 | image 80 4 33 33 | text 80 42 33 2 | text 43 42 33 2 | text 6 42 33 2 | title 6 0 107 3 | title 6 37 33 3 | title 43 37 33 3 | title 80 37 33 3", "plain_layout_seq": "button 80 46 33 3 | button 6 46 33 3 | button 43 46 33 3 | image 43 4 33 33 | image 6 4 33 33 | image 80 4 33 33 | text 80 42 33 2 | text 43 42 33 2 | text 6 42 33 2 | title 6 0 107 3 | title 6 37 33 3 | title 43 37 33 3 | title 80 37 33 3", "canvas_width": 1024, "canvas_height": 452, "elements": [ { "type": "title", "position": [ 55, 0, 914, 29 ], "completed": false }, { "type": "image", "position": [ 55, 38, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 38, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 38, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 323, 285, 31 ], "completed": false }, { "type": "title", "position": [ 370, 323, 285, 31 ], "completed": false }, { "type": "title", "position": [ 684, 323, 285, 31 ], "completed": false }, { "type": "text", "position": [ 55, 362, 285, 23 ], "completed": false }, { "type": "text", "position": [ 370, 362, 285, 23 ], "completed": false }, { "type": "text", "position": [ 684, 362, 285, 23 ], "completed": false }, { "type": "button", "position": [ 55, 393, 285, 30 ], "completed": false }, { "type": "button", "position": [ 370, 393, 285, 30 ], "completed": false }, { "type": "button", "position": [ 684, 393, 285, 30 ], "completed": false } ] }, { "text": "#A page showing information about \"Novartis\". # There should be three categories, and in each group, there should be an image, a title, and an introduction.", "region_id": "1826", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 40 32 13 | complete image 0 5 37 54 | image 0 5 37 28 | title 2 36 32 3 ] | [ description 43 40 32 13 | complete image 41 5 37 54 | image 41 5 37 28 | title 43 36 32 3 ] | [ description 84 40 32 7 | complete image 82 5 37 54 | image 82 5 37 28 | title 84 36 32 3 ] \"", "layout_seq_without_completion": "\" [ description 2 40 32 13 | image 0 5 37 54 | image 0 5 37 28 | title 2 36 32 3 ] | [ description 43 40 32 13 | image 41 5 37 54 | image 41 5 37 28 | title 43 36 32 3 ] | [ description 84 40 32 7 | image 82 5 37 54 | image 82 5 37 28 | title 84 36 32 3 ] \"", "plain_layout_seq": "description 2 40 32 13 | description 43 40 32 13 | description 84 40 32 7 | image 0 5 37 54 | image 0 5 37 28 | image 41 5 37 54 | image 41 5 37 28 | image 82 5 37 54 | image 82 5 37 28 | title 2 36 32 3 | title 43 36 32 3 | title 84 36 32 3", "canvas_width": 931, "canvas_height": 506, "elements": [ { "type": "image", "position": [ 0, 40, 293, 426 ], "completed": true }, { "type": "image", "position": [ 2, 40, 291, 220 ], "completed": false }, { "type": "image", "position": [ 319, 40, 292, 426 ], "completed": true }, { "type": "image", "position": [ 320, 40, 291, 220 ], "completed": false }, { "type": "image", "position": [ 638, 40, 293, 426 ], "completed": true }, { "type": "image", "position": [ 639, 40, 291, 220 ], "completed": false }, { "type": "title", "position": [ 22, 286, 251, 28 ], "completed": false }, { "type": "title", "position": [ 340, 286, 251, 28 ], "completed": false }, { "type": "title", "position": [ 659, 286, 251, 28 ], "completed": false }, { "type": "description", "position": [ 22, 318, 251, 106 ], "completed": false }, { "type": "description", "position": [ 340, 318, 251, 106 ], "completed": false }, { "type": "description", "position": [ 659, 318, 251, 58 ], "completed": false } ] }, { "text": "#A page showing information about \"Novartis\". # There should be three categories, and in each group, there should be a textbox for a title and another for an introduction.", "region_id": "1826_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 40 32 13 | complete image 0 5 37 54 | complete image 0 5 37 28 | title 2 36 32 3 ] | [ description 43 40 32 13 | complete image 41 5 37 54 | complete image 41 5 37 28 | title 43 36 32 3 ] | [ description 84 40 32 7 | complete image 82 5 37 54 | complete image 82 5 37 28 | title 84 36 32 3 ] \"", "layout_seq_without_completion": "\" [ description 2 40 32 13 | image 0 5 37 54 | image 0 5 37 28 | title 2 36 32 3 ] | [ description 43 40 32 13 | image 41 5 37 54 | image 41 5 37 28 | title 43 36 32 3 ] | [ description 84 40 32 7 | image 82 5 37 54 | image 82 5 37 28 | title 84 36 32 3 ] \"", "plain_layout_seq": "description 2 40 32 13 | description 43 40 32 13 | description 84 40 32 7 | image 0 5 37 54 | image 0 5 37 28 | image 41 5 37 54 | image 41 5 37 28 | image 82 5 37 54 | image 82 5 37 28 | title 2 36 32 3 | title 43 36 32 3 | title 84 36 32 3", "canvas_width": 931, "canvas_height": 506, "elements": [ { "type": "image", "position": [ 0, 40, 293, 426 ], "completed": true }, { "type": "image", "position": [ 2, 40, 291, 220 ], "completed": true }, { "type": "image", "position": [ 319, 40, 292, 426 ], "completed": true }, { "type": "image", "position": [ 320, 40, 291, 220 ], "completed": true }, { "type": "image", "position": [ 638, 40, 293, 426 ], "completed": true }, { "type": "image", "position": [ 639, 40, 291, 220 ], "completed": true }, { "type": "title", "position": [ 22, 286, 251, 28 ], "completed": false }, { "type": "title", "position": [ 340, 286, 251, 28 ], "completed": false }, { "type": "title", "position": [ 659, 286, 251, 28 ], "completed": false }, { "type": "description", "position": [ 22, 318, 251, 106 ], "completed": false }, { "type": "description", "position": [ 340, 318, 251, 106 ], "completed": false }, { "type": "description", "position": [ 659, 318, 251, 58 ], "completed": false } ] }, { "text": "#A page for users to view the products.#The page has two groups and each group has one title and a button, \"view more\". There is also a background image in each group.", "region_id": "8466", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:button [attr:value 'view more'] ] [el:background_image] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 5 8 52 50 | button 27 34 9 2 | title 21 29 22 5 ] | [ background 61 8 52 50 | button 83 34 9 2 | title 72 29 34 5 ] \"", "layout_seq_without_completion": "\" [ background 5 8 52 50 | button 27 34 9 2 | title 21 29 22 5 ] | [ background 61 8 52 50 | button 83 34 9 2 | title 72 29 34 5 ] \"", "plain_layout_seq": "background 5 8 52 50 | background 61 8 52 50 | button 27 34 9 2 | button 83 34 9 2 | title 21 29 22 5 | title 72 29 34 5", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "background", "position": [ 48, 72, 448, 432 ], "completed": false }, { "type": "background", "position": [ 528, 72, 448, 432 ], "completed": false }, { "type": "title", "position": [ 183, 252, 194, 48 ], "completed": false }, { "type": "title", "position": [ 615, 252, 291, 48 ], "completed": false }, { "type": "button", "position": [ 231, 298, 81, 18 ], "completed": false }, { "type": "button", "position": [ 712, 298, 81, 18 ], "completed": false } ] }, { "text": "#A page giving three news.# There are three categories of information each with a distinct title, an image, an explanation, and a button.", "region_id": "1080", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:image] [el:description] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 113 27 2 2 | \" [ button 14 39 27 7 | description 14 32 27 5 | image 14 2 27 20 | title 14 24 6 5 ] | [ button 46 42 17 5 | description 46 32 27 8 | image 46 2 27 20 | title 46 24 24 5 ] | [ button 77 44 26 5 | description 77 36 27 5 | image 77 2 27 20 | title 77 24 16 10 ] \"", "layout_seq_without_completion": "icon 113 27 2 2 | \" [ button 14 39 27 7 | description 14 32 27 5 | image 14 2 27 20 | title 14 24 6 5 ] | [ button 46 42 17 5 | description 46 32 27 8 | image 46 2 27 20 | title 46 24 24 5 ] | [ button 77 44 26 5 | description 77 36 27 5 | image 77 2 27 20 | title 77 24 16 10 ] \"", "plain_layout_seq": "button 14 39 27 7 | button 46 42 17 5 | button 77 44 26 5 | description 14 32 27 5 | description 46 32 27 8 | description 77 36 27 5 | icon 113 27 2 2 | image 14 2 27 20 | image 46 2 27 20 | image 77 2 27 20 | title 14 24 6 5 | title 46 24 24 5 | title 77 24 16 10", "canvas_width": 1003, "canvas_height": 461, "elements": [ { "type": "image", "position": [ 120, 24, 233, 175 ], "completed": false }, { "type": "image", "position": [ 385, 24, 233, 175 ], "completed": false }, { "type": "image", "position": [ 650, 24, 233, 175 ], "completed": false }, { "type": "title", "position": [ 120, 205, 54, 47 ], "completed": false }, { "type": "title", "position": [ 385, 205, 207, 47 ], "completed": false }, { "type": "title", "position": [ 650, 205, 134, 86 ], "completed": false }, { "type": "icon", "position": [ 948, 231, 22, 22 ], "completed": true }, { "type": "description", "position": [ 120, 269, 233, 48 ], "completed": false }, { "type": "description", "position": [ 385, 269, 233, 72 ], "completed": false }, { "type": "description", "position": [ 650, 308, 233, 48 ], "completed": false }, { "type": "button", "position": [ 120, 331, 233, 66 ], "completed": false }, { "type": "button", "position": [ 385, 355, 145, 50 ], "completed": false }, { "type": "button", "position": [ 650, 370, 219, 50 ], "completed": false } ] }, { "text": "#A page giving three news.# There are three categories of information each with a distinct title, an image, a text, and a text button.", "region_id": "1080_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:image] [el:text] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 113 27 2 2 | \" [ button 14 39 27 7 | image 14 2 27 20 | text 14 32 27 5 | title 14 24 6 5 ] | [ button 46 42 17 5 | image 46 2 27 20 | text 46 32 27 8 | title 46 24 24 5 ] | [ button 77 44 26 5 | image 77 2 27 20 | text 77 36 27 5 | title 77 24 16 10 ] \"", "layout_seq_without_completion": "icon 113 27 2 2 | \" [ button 14 39 27 7 | image 14 2 27 20 | text 14 32 27 5 | title 14 24 6 5 ] | [ button 46 42 17 5 | image 46 2 27 20 | text 46 32 27 8 | title 46 24 24 5 ] | [ button 77 44 26 5 | image 77 2 27 20 | text 77 36 27 5 | title 77 24 16 10 ] \"", "plain_layout_seq": "button 14 39 27 7 | button 46 42 17 5 | button 77 44 26 5 | icon 113 27 2 2 | image 14 2 27 20 | image 46 2 27 20 | image 77 2 27 20 | text 14 32 27 5 | text 46 32 27 8 | text 77 36 27 5 | title 14 24 6 5 | title 46 24 24 5 | title 77 24 16 10", "canvas_width": 1003, "canvas_height": 461, "elements": [ { "type": "image", "position": [ 120, 24, 233, 175 ], "completed": false }, { "type": "image", "position": [ 385, 24, 233, 175 ], "completed": false }, { "type": "image", "position": [ 650, 24, 233, 175 ], "completed": false }, { "type": "title", "position": [ 120, 205, 54, 47 ], "completed": false }, { "type": "title", "position": [ 385, 205, 207, 47 ], "completed": false }, { "type": "title", "position": [ 650, 205, 134, 86 ], "completed": false }, { "type": "icon", "position": [ 948, 231, 22, 22 ], "completed": true }, { "type": "text", "position": [ 120, 269, 233, 48 ], "completed": false }, { "type": "text", "position": [ 385, 269, 233, 72 ], "completed": false }, { "type": "text", "position": [ 650, 308, 233, 48 ], "completed": false }, { "type": "button", "position": [ 120, 331, 233, 66 ], "completed": false }, { "type": "button", "position": [ 385, 355, 145, 50 ], "completed": false }, { "type": "button", "position": [ 650, 370, 219, 50 ], "completed": false } ] }, { "text": "# A page for the service of the company. # On the page, there should be seven text boxes with a small image above each. So the user can view supplier management, sourcing, and so on.", "region_id": "1514", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'7'] [gattr:names'supplier management, sourcing'] [item [el:text] [el:image [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "image 6 7 10 9 | image 67 7 10 9 | image 97 7 10 9 | image 52 7 10 9 | image 21 6 10 10 | image 37 7 10 9 | image 83 7 9 9 | text 21 18 10 9 | text 97 18 10 9 | text 6 18 11 9 | text 37 18 11 9 | text 52 18 11 9 | text 82 18 10 9 | text 67 18 10 9", "layout_seq_without_completion": "image 6 7 10 9 | image 67 7 10 9 | image 97 7 10 9 | image 52 7 10 9 | image 21 6 10 10 | image 37 7 10 9 | image 83 7 9 9 | text 21 18 10 9 | text 97 18 10 9 | text 6 18 11 9 | text 37 18 11 9 | text 52 18 11 9 | text 82 18 10 9 | text 67 18 10 9", "plain_layout_seq": "image 6 7 10 9 | image 67 7 10 9 | image 97 7 10 9 | image 52 7 10 9 | image 21 6 10 10 | image 37 7 10 9 | image 83 7 9 9 | text 21 18 10 9 | text 97 18 10 9 | text 6 18 11 9 | text 37 18 11 9 | text 52 18 11 9 | text 82 18 10 9 | text 67 18 10 9", "canvas_width": 1024, "canvas_height": 323, "elements": [ { "type": "image", "position": [ 186, 59, 90, 92 ], "completed": false }, { "type": "image", "position": [ 57, 63, 88, 82 ], "completed": false }, { "type": "image", "position": [ 316, 63, 90, 82 ], "completed": false }, { "type": "image", "position": [ 446, 63, 90, 82 ], "completed": false }, { "type": "image", "position": [ 576, 63, 90, 82 ], "completed": false }, { "type": "image", "position": [ 836, 63, 90, 82 ], "completed": false }, { "type": "image", "position": [ 711, 65, 80, 80 ], "completed": false }, { "type": "text", "position": [ 56, 154, 95, 82 ], "completed": false }, { "type": "text", "position": [ 186, 154, 90, 82 ], "completed": false }, { "type": "text", "position": [ 316, 154, 95, 82 ], "completed": false }, { "type": "text", "position": [ 446, 154, 101, 82 ], "completed": false }, { "type": "text", "position": [ 576, 154, 90, 82 ], "completed": false }, { "type": "text", "position": [ 706, 154, 90, 82 ], "completed": false }, { "type": "text", "position": [ 836, 154, 90, 82 ], "completed": false } ] }, { "text": "#A page for showing the advantages of a company.# The page should have 3 groups, which should have one related image, one title, and one description of the advantages of the company respectively.", "region_id": "8554", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 44 33 13 | description 80 44 33 10 | description 43 44 33 10 | image 6 15 33 22 | image 80 15 33 22 | image 43 15 33 22 | title 80 40 33 2 | title 43 40 33 2 | title 6 40 33 2 | complete title 6 6 107 2", "layout_seq_without_completion": "description 6 44 33 13 | description 80 44 33 10 | description 43 44 33 10 | image 6 15 33 22 | image 80 15 33 22 | image 43 15 33 22 | title 80 40 33 2 | title 43 40 33 2 | title 6 40 33 2 | title 6 6 107 2", "plain_layout_seq": "description 6 44 33 13 | description 80 44 33 10 | description 43 44 33 10 | image 6 15 33 22 | image 80 15 33 22 | image 43 15 33 22 | title 80 40 33 2 | title 43 40 33 2 | title 6 40 33 2 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 549, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": true }, { "type": "image", "position": [ 55, 134, 285, 190 ], "completed": false }, { "type": "image", "position": [ 370, 134, 285, 190 ], "completed": false }, { "type": "image", "position": [ 684, 134, 285, 190 ], "completed": false }, { "type": "title", "position": [ 55, 343, 285, 21 ], "completed": false }, { "type": "title", "position": [ 370, 343, 285, 20 ], "completed": false }, { "type": "title", "position": [ 684, 343, 285, 20 ], "completed": false }, { "type": "description", "position": [ 370, 380, 285, 90 ], "completed": false }, { "type": "description", "position": [ 684, 380, 285, 90 ], "completed": false }, { "type": "description", "position": [ 55, 381, 285, 113 ], "completed": false } ] }, { "text": "#A page for introducing the meal ordering service.# There is one title\"How It Works?\" Next are three info groups and each of them includes one icon, one headline of the steps, and one description.", "region_id": "7555", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'how it works?'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 81 48 33 9 | description 4 48 33 11 | description 43 48 33 9 | title 4 41 33 5 | title 43 41 33 5 | title 81 41 33 5 | title 4 12 110 7", "layout_seq_without_completion": "description 81 48 33 9 | description 4 48 33 11 | description 43 48 33 9 | title 4 41 33 5 | title 43 41 33 5 | title 81 41 33 5 | title 4 12 110 7", "plain_layout_seq": "description 81 48 33 9 | description 4 48 33 11 | description 43 48 33 9 | title 4 41 33 5 | title 43 41 33 5 | title 81 41 33 5 | title 4 12 110 7", "canvas_width": 1024, "canvas_height": 658, "elements": [ { "type": "title", "position": [ 40, 109, 944, 68 ], "completed": false }, { "type": "title", "position": [ 40, 358, 288, 45 ], "completed": false }, { "type": "title", "position": [ 368, 358, 288, 45 ], "completed": false }, { "type": "title", "position": [ 696, 358, 288, 45 ], "completed": false }, { "type": "description", "position": [ 40, 416, 288, 102 ], "completed": false }, { "type": "description", "position": [ 368, 416, 288, 77 ], "completed": false }, { "type": "description", "position": [ 696, 416, 288, 77 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company. # The page should have five groups and each should include a small image and a phrase to introduce the service. There should also be two paginations for the user to switch pages to view more.", "region_id": "4396", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image [attr:size 'small'] ] [el:title] ] ][el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 112 7 2 2 | complete icon 5 7 2 2 | image 10 2 11 7 | image 35 2 5 7 | image 99 2 7 7 | image 56 2 7 7 | image 78 2 6 7 | title 7 9 18 5 | title 94 9 18 5 | title 29 9 18 5 | title 50 9 18 5 | title 72 9 18 5", "layout_seq_without_completion": "icon 112 7 2 2 | icon 5 7 2 2 | image 10 2 11 7 | image 35 2 5 7 | image 99 2 7 7 | image 56 2 7 7 | image 78 2 6 7 | title 7 9 18 5 | title 94 9 18 5 | title 29 9 18 5 | title 50 9 18 5 | title 72 9 18 5", "plain_layout_seq": "icon 112 7 2 2 | icon 5 7 2 2 | image 10 2 11 7 | image 35 2 5 7 | image 99 2 7 7 | image 56 2 7 7 | image 78 2 6 7 | title 7 9 18 5 | title 94 9 18 5 | title 29 9 18 5 | title 50 9 18 5 | title 72 9 18 5", "canvas_width": 1024, "canvas_height": 150, "elements": [ { "type": "image", "position": [ 93, 20, 94, 60 ], "completed": false }, { "type": "image", "position": [ 300, 20, 51, 60 ], "completed": false }, { "type": "image", "position": [ 478, 20, 68, 60 ], "completed": false }, { "type": "image", "position": [ 669, 20, 58, 60 ], "completed": false }, { "type": "image", "position": [ 853, 20, 62, 60 ], "completed": false }, { "type": "icon", "position": [ 47, 68, 20, 24 ], "completed": true }, { "type": "icon", "position": [ 957, 68, 20, 24 ], "completed": true }, { "type": "title", "position": [ 62, 80, 156, 44 ], "completed": false }, { "type": "title", "position": [ 248, 80, 156, 44 ], "completed": false }, { "type": "title", "position": [ 434, 80, 156, 44 ], "completed": false }, { "type": "title", "position": [ 620, 80, 156, 44 ], "completed": false }, { "type": "title", "position": [ 806, 80, 156, 44 ], "completed": false } ] }, { "text": "#A page for showing some news.# There should be four info groups and each of them includes one image, one title, and one text button for users to learn more.", "region_id": "1540", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:button [attr:value'learn more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 9 51 9 2 | complete image 4 2 24 58 | image 4 2 24 13 | title 9 15 19 26 ] | [ button 38 57 9 2 | complete image 33 2 24 58 | image 33 2 24 13 | title 38 15 19 35 ] | [ button 67 43 9 2 | image 62 2 24 13 | complete image 62 2 24 58 | title 67 15 19 26 ] | [ button 95 52 9 2 | image 91 2 24 13 | complete image 91 2 24 58 | title 95 15 19 35 ] \"", "layout_seq_without_completion": "\" [ button 9 51 9 2 | image 4 2 24 58 | image 4 2 24 13 | title 9 15 19 26 ] | [ button 38 57 9 2 | image 33 2 24 58 | image 33 2 24 13 | title 38 15 19 35 ] | [ button 67 43 9 2 | image 62 2 24 13 | image 62 2 24 58 | title 67 15 19 26 ] | [ button 95 52 9 2 | image 91 2 24 13 | image 91 2 24 58 | title 95 15 19 35 ] \"", "plain_layout_seq": "button 9 51 9 2 | button 38 57 9 2 | button 67 43 9 2 | button 95 52 9 2 | image 4 2 24 58 | image 4 2 24 13 | image 33 2 24 58 | image 33 2 24 13 | image 62 2 24 13 | image 62 2 24 58 | image 91 2 24 13 | image 91 2 24 58 | title 9 15 19 26 | title 38 15 19 35 | title 67 15 19 26 | title 95 15 19 35", "canvas_width": 1024, "canvas_height": 555, "elements": [ { "type": "image", "position": [ 40, 20, 206, 495 ], "completed": true }, { "type": "image", "position": [ 40, 20, 206, 116 ], "completed": false }, { "type": "image", "position": [ 286, 20, 206, 495 ], "completed": true }, { "type": "image", "position": [ 286, 20, 206, 116 ], "completed": false }, { "type": "image", "position": [ 532, 20, 206, 495 ], "completed": true }, { "type": "image", "position": [ 532, 20, 206, 116 ], "completed": false }, { "type": "image", "position": [ 778, 20, 206, 495 ], "completed": true }, { "type": "image", "position": [ 778, 20, 206, 116 ], "completed": false }, { "type": "title", "position": [ 80, 136, 166, 228 ], "completed": false }, { "type": "title", "position": [ 326, 136, 166, 304 ], "completed": false }, { "type": "title", "position": [ 572, 136, 166, 228 ], "completed": false }, { "type": "title", "position": [ 818, 136, 166, 304 ], "completed": false }, { "type": "button", "position": [ 572, 372, 84, 19 ], "completed": false }, { "type": "button", "position": [ 80, 442, 84, 19 ], "completed": false }, { "type": "button", "position": [ 818, 448, 84, 19 ], "completed": false }, { "type": "button", "position": [ 326, 493, 84, 19 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one title\"We help ensure success in the digital age\" and one detailed description. Three icons are followed by two text boxes, one for the specific advantage and the other for the detail. A button is used for the users to see the platform.", "region_id": "640", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'we help ensure success in the digital age'] ] [el:description] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] [el:description] ] ] [el:button [attr:value'see the platform'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "layout_seq_without_completion": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "plain_layout_seq": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "canvas_width": 1024, "canvas_height": 778, "elements": [ { "type": "title", "position": [ 61, 41, 902, 60 ], "completed": false }, { "type": "description", "position": [ 141, 144, 742, 70 ], "completed": false }, { "type": "icon", "position": [ 157, 271, 109, 109 ], "completed": false }, { "type": "icon", "position": [ 457, 271, 109, 109 ], "completed": false }, { "type": "icon", "position": [ 758, 271, 109, 109 ], "completed": false }, { "type": "text", "position": [ 97, 400, 230, 35 ], "completed": false }, { "type": "text", "position": [ 398, 400, 229, 35 ], "completed": false }, { "type": "text", "position": [ 698, 400, 229, 36 ], "completed": false }, { "type": "description", "position": [ 97, 455, 230, 135 ], "completed": false }, { "type": "description", "position": [ 398, 455, 229, 135 ], "completed": false }, { "type": "description", "position": [ 698, 456, 229, 135 ], "completed": false }, { "type": "button", "position": [ 401, 651, 222, 46 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be two text boxes, one for showing the title and one for the detailed description. Three icons are followed by two text boxes, one for the specific advantage and the other for the detail. A text button is used for the users to see the platform.", "region_id": "640_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:text] [el:description] ] ] [el:button [attr:value'see the platform'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "layout_seq_without_completion": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "plain_layout_seq": "button 46 76 26 5 | description 11 53 26 15 | description 46 53 26 15 | description 81 53 26 15 | description 16 16 86 8 | icon 18 31 12 12 | icon 53 31 12 12 | icon 88 31 12 12 | text 11 46 26 4 | text 46 46 26 4 | text 81 46 26 4 | title 7 4 105 7", "canvas_width": 1024, "canvas_height": 778, "elements": [ { "type": "title", "position": [ 61, 41, 902, 60 ], "completed": false }, { "type": "description", "position": [ 141, 144, 742, 70 ], "completed": false }, { "type": "icon", "position": [ 157, 271, 109, 109 ], "completed": false }, { "type": "icon", "position": [ 457, 271, 109, 109 ], "completed": false }, { "type": "icon", "position": [ 758, 271, 109, 109 ], "completed": false }, { "type": "text", "position": [ 97, 400, 230, 35 ], "completed": false }, { "type": "text", "position": [ 398, 400, 229, 35 ], "completed": false }, { "type": "text", "position": [ 698, 400, 229, 36 ], "completed": false }, { "type": "description", "position": [ 97, 455, 230, 135 ], "completed": false }, { "type": "description", "position": [ 398, 455, 229, 135 ], "completed": false }, { "type": "description", "position": [ 698, 456, 229, 135 ], "completed": false }, { "type": "button", "position": [ 401, 651, 222, 46 ], "completed": false } ] }, { "text": "# A page to introduce a company through some figures. # There should have four groups of information sets, with each including a figure and a title to introduce the number of the company's total users, orders, tickets, and services.", "region_id": "5402", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'total users, total orders,total tickets,total services'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 4 1 24 14 | complete image 33 1 24 18 | complete image 61 1 24 14 | complete image 90 1 24 14 | text 40 14 9 2 | text 97 10 10 2 | text 69 10 9 2 | text 12 10 8 2 | title 7 3 19 4 | title 36 3 19 8 | title 64 3 19 4 | title 93 3 19 4", "layout_seq_without_completion": "image 4 1 24 14 | image 33 1 24 18 | image 61 1 24 14 | image 90 1 24 14 | text 40 14 9 2 | text 97 10 10 2 | text 69 10 9 2 | text 12 10 8 2 | title 7 3 19 4 | title 36 3 19 8 | title 64 3 19 4 | title 93 3 19 4", "plain_layout_seq": "image 4 1 24 14 | image 33 1 24 18 | image 61 1 24 14 | image 90 1 24 14 | text 40 14 9 2 | text 97 10 10 2 | text 69 10 9 2 | text 12 10 8 2 | title 7 3 19 4 | title 36 3 19 8 | title 64 3 19 4 | title 93 3 19 4", "canvas_width": 1009, "canvas_height": 203, "elements": [ { "type": "image", "position": [ 40, 9, 210, 121 ], "completed": true }, { "type": "image", "position": [ 280, 9, 210, 157 ], "completed": true }, { "type": "image", "position": [ 520, 9, 210, 121 ], "completed": true }, { "type": "image", "position": [ 760, 9, 210, 121 ], "completed": true }, { "type": "title", "position": [ 64, 33, 162, 36 ], "completed": false }, { "type": "title", "position": [ 304, 33, 162, 72 ], "completed": false }, { "type": "title", "position": [ 544, 33, 162, 36 ], "completed": false }, { "type": "title", "position": [ 784, 33, 162, 36 ], "completed": false }, { "type": "text", "position": [ 108, 86, 74, 19 ], "completed": false }, { "type": "text", "position": [ 584, 86, 80, 19 ], "completed": false }, { "type": "text", "position": [ 819, 86, 91, 19 ], "completed": false }, { "type": "text", "position": [ 344, 122, 81, 19 ], "completed": false } ] }, { "text": "#A page to introduce some web technologies.# There are three parts to the page. Each part contains an image and a title of the theme. There is also a description of the tech. At last, there is a link for users to click to learn more.", "region_id": "4871", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 17 30 9 | complete image 1 2 36 31 | image 16 0 7 7 | link 15 28 8 1 | title 1 6 36 8 ] | [ description 44 17 30 12 | complete image 41 2 36 34 | image 56 0 7 7 | link 54 30 10 1 | title 41 6 36 8 ] | [ description 84 17 30 9 | complete image 81 2 36 31 | image 96 0 7 7 | link 94 28 10 1 | title 82 6 36 8 ] \"", "layout_seq_without_completion": "\" [ description 4 17 30 9 | image 1 2 36 31 | image 16 0 7 7 | link 15 28 8 1 | title 1 6 36 8 ] | [ description 44 17 30 12 | image 41 2 36 34 | image 56 0 7 7 | link 54 30 10 1 | title 41 6 36 8 ] | [ description 84 17 30 9 | image 81 2 36 31 | image 96 0 7 7 | link 94 28 10 1 | title 82 6 36 8 ] \"", "plain_layout_seq": "description 4 17 30 9 | description 44 17 30 12 | description 84 17 30 9 | image 1 2 36 31 | image 16 0 7 7 | image 41 2 36 34 | image 56 0 7 7 | image 81 2 36 31 | image 96 0 7 7 | link 15 28 8 1 | link 54 30 10 1 | link 94 28 10 1 | title 1 6 36 8 | title 41 6 36 8 | title 82 6 36 8", "canvas_width": 970, "canvas_height": 345, "elements": [ { "type": "image", "position": [ 132, 0, 60, 60 ], "completed": false }, { "type": "image", "position": [ 455, 0, 60, 60 ], "completed": false }, { "type": "image", "position": [ 778, 0, 60, 60 ], "completed": false }, { "type": "image", "position": [ 15, 24, 293, 253 ], "completed": true }, { "type": "image", "position": [ 338, 24, 293, 275 ], "completed": true }, { "type": "image", "position": [ 662, 24, 293, 253 ], "completed": true }, { "type": "title", "position": [ 16, 55, 291, 66 ], "completed": false }, { "type": "title", "position": [ 339, 55, 291, 66 ], "completed": false }, { "type": "title", "position": [ 663, 55, 291, 66 ], "completed": false }, { "type": "description", "position": [ 37, 140, 249, 80 ], "completed": false }, { "type": "description", "position": [ 363, 140, 244, 102 ], "completed": false }, { "type": "description", "position": [ 685, 140, 246, 80 ], "completed": false }, { "type": "link", "position": [ 127, 228, 69, 14 ], "completed": false }, { "type": "link", "position": [ 765, 228, 86, 14 ], "completed": false }, { "type": "link", "position": [ 442, 250, 86, 14 ], "completed": false } ] }, { "text": "#A page for introducing the power of renting to users.# The page should include one title and four parts. Each part contains an image, one title, and a brief description of the benefits of renting such as \"Fashion freedom\".", "region_id": "2083", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [gattr:names'fashion freedom'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 4 | \" [ description 18 15 35 7 | image 9 12 5 6 | title 18 12 35 2 ] | [ description 68 15 35 4 | image 60 12 5 6 | title 68 12 35 2 ] | [ description 18 34 35 7 | image 9 30 5 6 | title 18 30 35 2 ] | [ description 68 34 35 7 | image 60 30 5 5 | title 68 30 35 2 ] \"", "layout_seq_without_completion": "title 0 0 120 4 | \" [ description 18 15 35 7 | image 9 12 5 6 | title 18 12 35 2 ] | [ description 68 15 35 4 | image 60 12 5 6 | title 68 12 35 2 ] | [ description 18 34 35 7 | image 9 30 5 6 | title 18 30 35 2 ] | [ description 68 34 35 7 | image 60 30 5 5 | title 68 30 35 2 ] \"", "plain_layout_seq": "description 18 15 35 7 | description 68 15 35 4 | description 18 34 35 7 | description 68 34 35 7 | image 9 12 5 6 | image 60 12 5 6 | image 9 30 5 6 | image 60 30 5 5 | title 0 0 120 4 | title 18 12 35 2 | title 68 12 35 2 | title 18 30 35 2 | title 68 30 35 2", "canvas_width": 1003, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 0, 0, 1003, 36 ], "completed": false }, { "type": "image", "position": [ 82, 101, 50, 55 ], "completed": false }, { "type": "title", "position": [ 156, 101, 300, 20 ], "completed": false }, { "type": "image", "position": [ 502, 101, 50, 53 ], "completed": false }, { "type": "title", "position": [ 576, 101, 300, 20 ], "completed": false }, { "type": "description", "position": [ 156, 131, 300, 60 ], "completed": false }, { "type": "description", "position": [ 576, 131, 300, 40 ], "completed": false }, { "type": "image", "position": [ 82, 256, 50, 51 ], "completed": false }, { "type": "title", "position": [ 156, 256, 300, 20 ], "completed": false }, { "type": "image", "position": [ 502, 256, 50, 49 ], "completed": false }, { "type": "title", "position": [ 576, 256, 300, 20 ], "completed": false }, { "type": "description", "position": [ 156, 286, 300, 60 ], "completed": false }, { "type": "description", "position": [ 576, 286, 300, 60 ], "completed": false } ] }, { "text": "#A page to show the information of some recent articles to readers.# On this page, the title of \"recent articles\". Under this, five links to the related articles are involved.", "region_id": "5841", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'recent articles'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 2 | \" [ link 4 4 70 2 ] | [ link 4 7 50 2 ] | [ link 4 9 55 2 ] | [ link 4 11 26 2 ] | [ link 4 13 63 2 ] \"", "layout_seq_without_completion": "title 0 0 120 2 | \" [ link 4 4 70 2 ] | [ link 4 7 50 2 ] | [ link 4 9 55 2 ] | [ link 4 11 26 2 ] | [ link 4 13 63 2 ] \"", "plain_layout_seq": "link 4 4 70 2 | link 4 7 50 2 | link 4 9 55 2 | link 4 11 26 2 | link 4 13 63 2 | title 0 0 120 2", "canvas_width": 1069, "canvas_height": 144, "elements": [ { "type": "title", "position": [ 0, 0, 1069, 25 ], "completed": false }, { "type": "link", "position": [ 40, 44, 627, 20 ], "completed": false }, { "type": "link", "position": [ 40, 64, 451, 20 ], "completed": false }, { "type": "link", "position": [ 40, 84, 493, 20 ], "completed": false }, { "type": "link", "position": [ 40, 104, 240, 20 ], "completed": false }, { "type": "link", "position": [ 40, 124, 569, 20 ], "completed": false } ] }, { "text": "#A page for showing some pics.# The page should have a title, 5 images to show 5 pics, and 2 icons for users to turn the page.", "region_id": "5636", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] ] ] [el:pagination ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete icon 2 36 1 3 | complete icon 116 36 1 3 | image 97 7 22 30 | image 97 39 22 30 | title 0 0 120 4 | \" [ image 0 7 30 30 ] | [ image 31 7 64 62 ] | [ image 0 39 30 30 ] \"", "layout_seq_without_completion": "icon 2 36 1 3 | icon 116 36 1 3 | image 97 7 22 30 | image 97 39 22 30 | title 0 0 120 4 | \" [ image 0 7 30 30 ] | [ image 31 7 64 62 ] | [ image 0 39 30 30 ] \"", "plain_layout_seq": "icon 2 36 1 3 | icon 116 36 1 3 | image 97 7 22 30 | image 97 39 22 30 | image 0 7 30 30 | image 31 7 64 62 | image 0 39 30 30 | title 0 0 120 4", "canvas_width": 1024, "canvas_height": 594, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 42 ], "completed": false }, { "type": "image", "position": [ 0, 62, 262, 262 ], "completed": false }, { "type": "image", "position": [ 272, 62, 550, 532 ], "completed": false }, { "type": "image", "position": [ 830, 62, 194, 262 ], "completed": false }, { "type": "icon", "position": [ 18, 315, 14, 27 ], "completed": true }, { "type": "icon", "position": [ 992, 315, 14, 27 ], "completed": true }, { "type": "image", "position": [ 0, 334, 262, 260 ], "completed": false }, { "type": "image", "position": [ 830, 334, 194, 260 ], "completed": false } ] }, { "text": "#A page for users choosing different categories of books.# The page has one title named \"Learn from Books Worth Your Time\", one description, one label reminding users of more choices, one button named \"Explore Categories\" for users to click to learn more categories, and a group with eight lists showing eight examples of categories. Each of these eight lists contains an icon and the name of the book type.", "region_id": "4518", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'learn from books worth your time'] ] [el:description] [el:text] [el:button [attr:value 'Explore Categories'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 45 63 28 7 | description 21 11 77 11 | icon 7 30 3 4 | icon 63 30 3 4 | icon 92 30 3 3 | icon 62 42 3 4 | icon 39 30 3 4 | icon 6 42 3 4 | icon 92 42 3 3 | icon 37 42 3 4 | complete image 32 27 26 10 | complete image 3 39 26 10 | complete image 32 39 26 10 | complete image 61 27 26 10 | complete image 89 27 26 10 | complete image 89 39 26 10 | complete image 3 27 26 10 | complete image 61 39 26 10 | text 3 53 112 7 | title 44 31 7 2 | title 12 30 13 4 | title 43 44 10 2 | title 98 31 15 2 | title 69 31 15 2 | title 98 44 14 2 | title 11 44 15 2 | title 68 44 17 2 | title 21 0 77 7", "layout_seq_without_completion": "button 45 63 28 7 | description 21 11 77 11 | icon 7 30 3 4 | icon 63 30 3 4 | icon 92 30 3 3 | icon 62 42 3 4 | icon 39 30 3 4 | icon 6 42 3 4 | icon 92 42 3 3 | icon 37 42 3 4 | image 32 27 26 10 | image 3 39 26 10 | image 32 39 26 10 | image 61 27 26 10 | image 89 27 26 10 | image 89 39 26 10 | image 3 27 26 10 | image 61 39 26 10 | text 3 53 112 7 | title 44 31 7 2 | title 12 30 13 4 | title 43 44 10 2 | title 98 31 15 2 | title 69 31 15 2 | title 98 44 14 2 | title 11 44 15 2 | title 68 44 17 2 | title 21 0 77 7", "plain_layout_seq": "button 45 63 28 7 | description 21 11 77 11 | icon 7 30 3 4 | icon 63 30 3 4 | icon 92 30 3 3 | icon 62 42 3 4 | icon 39 30 3 4 | icon 6 42 3 4 | icon 92 42 3 3 | icon 37 42 3 4 | image 32 27 26 10 | image 3 39 26 10 | image 32 39 26 10 | image 61 27 26 10 | image 89 27 26 10 | image 89 39 26 10 | image 3 27 26 10 | image 61 39 26 10 | text 3 53 112 7 | title 44 31 7 2 | title 12 30 13 4 | title 43 44 10 2 | title 98 31 15 2 | title 69 31 15 2 | title 98 44 14 2 | title 11 44 15 2 | title 68 44 17 2 | title 21 0 77 7", "canvas_width": 1024, "canvas_height": 705, "elements": [ { "type": "title", "position": [ 181, 0, 662, 67 ], "completed": false }, { "type": "description", "position": [ 181, 95, 662, 96 ], "completed": false }, { "type": "image", "position": [ 32, 231, 225, 88 ], "completed": true }, { "type": "image", "position": [ 277, 231, 225, 88 ], "completed": true }, { "type": "image", "position": [ 522, 231, 225, 88 ], "completed": true }, { "type": "image", "position": [ 767, 231, 225, 88 ], "completed": true }, { "type": "icon", "position": [ 62, 258, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 333, 258, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 544, 258, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 790, 258, 34, 33 ], "completed": false }, { "type": "title", "position": [ 110, 260, 117, 36 ], "completed": false }, { "type": "title", "position": [ 381, 269, 65, 18 ], "completed": false }, { "type": "title", "position": [ 592, 269, 133, 18 ], "completed": false }, { "type": "title", "position": [ 838, 269, 131, 18 ], "completed": false }, { "type": "image", "position": [ 32, 339, 225, 86 ], "completed": true }, { "type": "image", "position": [ 277, 339, 225, 86 ], "completed": true }, { "type": "image", "position": [ 522, 339, 225, 86 ], "completed": true }, { "type": "image", "position": [ 767, 339, 225, 86 ], "completed": true }, { "type": "icon", "position": [ 54, 365, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 319, 365, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 534, 365, 34, 35 ], "completed": false }, { "type": "icon", "position": [ 793, 365, 34, 34 ], "completed": false }, { "type": "title", "position": [ 102, 376, 133, 18 ], "completed": false }, { "type": "title", "position": [ 367, 376, 93, 18 ], "completed": false }, { "type": "title", "position": [ 582, 376, 153, 18 ], "completed": false }, { "type": "title", "position": [ 841, 376, 125, 18 ], "completed": false }, { "type": "text", "position": [ 32, 453, 960, 64 ], "completed": false }, { "type": "button", "position": [ 390, 541, 244, 64 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # There should include two groups: \"Prevent Employee Turnaround\" and \"Identify At-Risk Talent\", with each having a small image, a title, and a further description.", "region_id": "3206", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Prevent Employee Turnaround, Identify At-Risk Talent'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 17 11 41 6 | description 70 11 41 6 | image 61 6 5 5 | image 8 6 5 5 | title 17 7 30 2 | title 70 7 22 2", "layout_seq_without_completion": "description 17 11 41 6 | description 70 11 41 6 | image 61 6 5 5 | image 8 6 5 5 | title 17 7 30 2 | title 70 7 22 2", "plain_layout_seq": "description 17 11 41 6 | description 70 11 41 6 | image 61 6 5 5 | image 8 6 5 5 | title 17 7 30 2 | title 70 7 22 2", "canvas_width": 888, "canvas_height": 200, "elements": [ { "type": "image", "position": [ 61, 48, 40, 40 ], "completed": false }, { "type": "image", "position": [ 457, 48, 42, 40 ], "completed": false }, { "type": "title", "position": [ 126, 52, 223, 16 ], "completed": false }, { "type": "title", "position": [ 522, 52, 168, 16 ], "completed": false }, { "type": "description", "position": [ 126, 88, 306, 48 ], "completed": false }, { "type": "description", "position": [ 522, 88, 306, 48 ], "completed": false } ] }, { "text": "#A page showing some advantages of the product to users.#The page should have one logo of the product, six groups of advantages, and one button for users to click to download fastly. And each advantage should include one icon and one text title.", "region_id": "5871", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] ] ] [el:button [attr:value 'Go Pro']] ]", "execution": "multiinfo : button undefined undefined | logo undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 4 0 111 17 | button 101 8 6 2 | icon 32 3 2 3 | icon 32 10 2 3 | icon 66 10 2 3 | icon 66 7 2 3 | complete icon 107 9 1 0 | icon 32 7 2 3 | icon 66 3 2 3 | complete image 85 13 17 3 | logo 13 3 9 10 | title 34 4 8 2 | title 68 4 17 2 | title 68 7 11 2 | title 68 11 12 2 | title 34 7 14 2 | title 34 11 25 2", "layout_seq_without_completion": "background 4 0 111 17 | button 101 8 6 2 | icon 32 3 2 3 | icon 32 10 2 3 | icon 66 10 2 3 | icon 66 7 2 3 | icon 107 9 1 0 | icon 32 7 2 3 | icon 66 3 2 3 | image 85 13 17 3 | logo 13 3 9 10 | title 34 4 8 2 | title 68 4 17 2 | title 68 7 11 2 | title 68 11 12 2 | title 34 7 14 2 | title 34 11 25 2", "plain_layout_seq": "background 4 0 111 17 | button 101 8 6 2 | icon 32 3 2 3 | icon 32 10 2 3 | icon 66 10 2 3 | icon 66 7 2 3 | icon 107 9 1 0 | icon 32 7 2 3 | icon 66 3 2 3 | image 85 13 17 3 | logo 13 3 9 10 | title 34 4 8 2 | title 68 4 17 2 | title 68 7 11 2 | title 68 11 12 2 | title 34 7 14 2 | title 34 11 25 2", "canvas_width": 1009, "canvas_height": 149, "elements": [ { "type": "background", "position": [ 34, 0, 940, 149 ], "completed": true }, { "type": "logo", "position": [ 113, 30, 79, 89 ], "completed": false }, { "type": "icon", "position": [ 272, 30, 17, 30 ], "completed": false }, { "type": "icon", "position": [ 560, 30, 17, 30 ], "completed": false }, { "type": "title", "position": [ 289, 34, 73, 21 ], "completed": false }, { "type": "title", "position": [ 577, 34, 143, 21 ], "completed": false }, { "type": "icon", "position": [ 272, 60, 17, 30 ], "completed": false }, { "type": "icon", "position": [ 560, 60, 17, 30 ], "completed": false }, { "type": "title", "position": [ 289, 64, 125, 21 ], "completed": false }, { "type": "title", "position": [ 577, 64, 99, 21 ], "completed": false }, { "type": "button", "position": [ 854, 69, 52, 19 ], "completed": false }, { "type": "icon", "position": [ 906, 76, 15, 8 ], "completed": true }, { "type": "icon", "position": [ 272, 89, 17, 30 ], "completed": false }, { "type": "icon", "position": [ 560, 89, 17, 30 ], "completed": false }, { "type": "title", "position": [ 289, 93, 217, 21 ], "completed": false }, { "type": "title", "position": [ 577, 93, 105, 21 ], "completed": false }, { "type": "image", "position": [ 718, 111, 149, 33 ], "completed": true } ] }, { "text": "# A page used to select a state. # On the page, there should a title \"Or select a state\" and some text boxes with the name of the state for the user to select.", "region_id": "1379", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'or select a state'] ] [gp:InfoGroup [gattr:repeat 'several'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "title 1 1 116 3 | \" [ text 1 9 5 1 ] | [ text 25 9 6 1 ] | [ text 49 9 7 1 ] | [ text 72 9 12 1 ] | [ text 96 9 4 1 ] | [ text 1 12 7 1 ] | [ text 25 12 4 1 ] | [ text 49 12 7 1 ] | [ text 72 12 11 1 ] | [ text 96 12 3 1 ] | [ text 1 15 7 1 ] | [ text 25 15 5 1 ] | [ text 49 15 6 1 ] | [ text 72 15 11 1 ] | [ text 96 15 5 1 ] | [ text 1 18 5 1 ] | [ text 25 18 5 1 ] | [ text 49 18 5 1 ] | [ text 72 18 8 1 ] \"", "layout_seq_without_completion": "title 1 1 116 3 | \" [ text 1 9 5 1 ] | [ text 25 9 6 1 ] | [ text 49 9 7 1 ] | [ text 72 9 12 1 ] | [ text 96 9 4 1 ] | [ text 1 12 7 1 ] | [ text 25 12 4 1 ] | [ text 49 12 7 1 ] | [ text 72 12 11 1 ] | [ text 96 12 3 1 ] | [ text 1 15 7 1 ] | [ text 25 15 5 1 ] | [ text 49 15 6 1 ] | [ text 72 15 11 1 ] | [ text 96 15 5 1 ] | [ text 1 18 5 1 ] | [ text 25 18 5 1 ] | [ text 49 18 5 1 ] | [ text 72 18 8 1 ] \"", "plain_layout_seq": "text 1 9 5 1 | text 25 9 6 1 | text 49 9 7 1 | text 72 9 12 1 | text 96 9 4 1 | text 1 12 7 1 | text 25 12 4 1 | text 49 12 7 1 | text 72 12 11 1 | text 96 12 3 1 | text 1 15 7 1 | text 25 15 5 1 | text 49 15 6 1 | text 72 15 11 1 | text 96 15 5 1 | text 1 18 5 1 | text 25 18 5 1 | text 49 18 5 1 | text 72 18 8 1 | title 1 1 116 3", "canvas_width": 970, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 15, 15, 940, 30 ], "completed": false }, { "type": "text", "position": [ 15, 79, 42, 16 ], "completed": false }, { "type": "text", "position": [ 206, 79, 50, 16 ], "completed": false }, { "type": "text", "position": [ 397, 79, 57, 16 ], "completed": false }, { "type": "text", "position": [ 587, 79, 100, 16 ], "completed": false }, { "type": "text", "position": [ 778, 79, 37, 16 ], "completed": false }, { "type": "text", "position": [ 15, 103, 59, 16 ], "completed": false }, { "type": "text", "position": [ 206, 103, 35, 16 ], "completed": false }, { "type": "text", "position": [ 397, 103, 60, 16 ], "completed": false }, { "type": "text", "position": [ 587, 103, 91, 16 ], "completed": false }, { "type": "text", "position": [ 778, 103, 30, 16 ], "completed": false }, { "type": "text", "position": [ 15, 127, 57, 16 ], "completed": false }, { "type": "text", "position": [ 206, 127, 46, 16 ], "completed": false }, { "type": "text", "position": [ 397, 127, 52, 16 ], "completed": false }, { "type": "text", "position": [ 587, 127, 93, 16 ], "completed": false }, { "type": "text", "position": [ 778, 127, 47, 16 ], "completed": false }, { "type": "text", "position": [ 15, 151, 43, 16 ], "completed": false }, { "type": "text", "position": [ 206, 151, 46, 16 ], "completed": false }, { "type": "text", "position": [ 397, 151, 48, 16 ], "completed": false }, { "type": "text", "position": [ 587, 151, 68, 16 ], "completed": false } ] }, { "text": "# A page presenting the customers' views for a company.# The page should have the title \"WHAT OUR CUSTOMERS HAVE TO SAY\" and three groups of reviews. In each group, there should have an image, a review, a customer name, and the position of the customer.", "region_id": "7070", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what our customers have to say'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] [el:text [attr:repeat '2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 27 11 65 4 | \" [ description 6 30 29 31 | complete icon 5 19 4 8 | image 3 21 35 57 | text 6 64 29 3 | text 6 67 29 5 ] | [ description 45 30 29 23 | complete icon 44 19 4 8 | image 42 21 35 57 | text 45 62 29 3 | text 45 65 29 5 ] | [ description 83 29 29 37 | complete icon 83 18 4 8 | image 81 21 35 59 | text 83 69 29 3 | text 83 72 29 2 ] \"", "layout_seq_without_completion": "title 27 11 65 4 | \" [ description 6 30 29 31 | icon 5 19 4 8 | image 3 21 35 57 | text 6 64 29 3 | text 6 67 29 5 ] | [ description 45 30 29 23 | icon 44 19 4 8 | image 42 21 35 57 | text 45 62 29 3 | text 45 65 29 5 ] | [ description 83 29 29 37 | icon 83 18 4 8 | image 81 21 35 59 | text 83 69 29 3 | text 83 72 29 2 ] \"", "plain_layout_seq": "description 6 30 29 31 | description 45 30 29 23 | description 83 29 29 37 | icon 5 19 4 8 | icon 44 19 4 8 | icon 83 18 4 8 | image 3 21 35 57 | image 42 21 35 57 | image 81 21 35 59 | text 6 64 29 3 | text 6 67 29 5 | text 45 62 29 3 | text 45 65 29 5 | text 83 69 29 3 | text 83 72 29 2 | title 27 11 65 4", "canvas_width": 1049, "canvas_height": 801, "elements": [ { "type": "title", "position": [ 238, 100, 572, 38 ], "completed": false }, { "type": "icon", "position": [ 729, 165, 40, 76 ], "completed": true }, { "type": "icon", "position": [ 50, 173, 40, 76 ], "completed": true }, { "type": "icon", "position": [ 390, 173, 40, 76 ], "completed": true }, { "type": "image", "position": [ 709, 184, 310, 517 ], "completed": false }, { "type": "image", "position": [ 30, 192, 310, 500 ], "completed": false }, { "type": "image", "position": [ 370, 192, 310, 500 ], "completed": false }, { "type": "description", "position": [ 734, 261, 260, 327 ], "completed": false }, { "type": "description", "position": [ 55, 269, 260, 279 ], "completed": false }, { "type": "description", "position": [ 395, 269, 260, 207 ], "completed": false }, { "type": "text", "position": [ 395, 542, 260, 30 ], "completed": false }, { "type": "text", "position": [ 55, 564, 260, 30 ], "completed": false }, { "type": "text", "position": [ 395, 572, 260, 47 ], "completed": false }, { "type": "text", "position": [ 55, 594, 260, 47 ], "completed": false }, { "type": "text", "position": [ 734, 604, 260, 30 ], "completed": false }, { "type": "text", "position": [ 734, 634, 260, 26 ], "completed": false } ] }, { "text": "#A page introducing the products to the users# There are six groups of products on the page. Each group contains a picture of the product, and under the picture, the name of the product is tagged.", "region_id": "8267", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 36 36 | image 81 0 36 36 | image 41 0 36 36 | image 1 41 36 36 | image 41 41 36 36 | image 81 41 36 36 | title 41 36 36 4 | title 1 36 36 4 | title 81 36 36 4 | title 1 77 36 8 | title 41 77 36 4 | title 81 77 36 4", "layout_seq_without_completion": "image 1 0 36 36 | image 81 0 36 36 | image 41 0 36 36 | image 1 41 36 36 | image 41 41 36 36 | image 81 41 36 36 | title 41 36 36 4 | title 1 36 36 4 | title 81 36 36 4 | title 1 77 36 8 | title 41 77 36 4 | title 81 77 36 4", "plain_layout_seq": "image 1 0 36 36 | image 81 0 36 36 | image 41 0 36 36 | image 1 41 36 36 | image 41 41 36 36 | image 81 41 36 36 | title 41 36 36 4 | title 1 36 36 4 | title 81 36 36 4 | title 1 77 36 8 | title 41 77 36 4 | title 81 77 36 4", "canvas_width": 960, "canvas_height": 697, "elements": [ { "type": "image", "position": [ 15, 0, 290, 290 ], "completed": false }, { "type": "image", "position": [ 335, 0, 290, 290 ], "completed": false }, { "type": "image", "position": [ 655, 0, 290, 290 ], "completed": false }, { "type": "title", "position": [ 15, 290, 290, 34 ], "completed": false }, { "type": "title", "position": [ 335, 290, 290, 34 ], "completed": false }, { "type": "title", "position": [ 655, 290, 290, 34 ], "completed": false }, { "type": "image", "position": [ 15, 331, 290, 290 ], "completed": false }, { "type": "image", "position": [ 335, 331, 290, 290 ], "completed": false }, { "type": "image", "position": [ 655, 331, 290, 290 ], "completed": false }, { "type": "title", "position": [ 15, 621, 290, 67 ], "completed": false }, { "type": "title", "position": [ 335, 621, 290, 34 ], "completed": false }, { "type": "title", "position": [ 655, 621, 290, 34 ], "completed": false } ] }, { "text": "A page for introducing one store.# There should be two text boxes, one for the title and the other for the slogan. Two texts are here for users to choose and each of them is followed with one link.", "region_id": "1935_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:text] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 14 120 65 | title 2 43 114 5 | title 40 34 38 5 | \" [ complete image 30 52 19 7 | link 43 54 1 1 | text 33 54 8 2 ] | [ complete image 52 52 37 7 | link 84 54 1 1 | text 56 54 26 2 ] \"", "layout_seq_without_completion": "background 0 14 120 65 | title 2 43 114 5 | title 40 34 38 5 | \" [ image 30 52 19 7 | link 43 54 1 1 | text 33 54 8 2 ] | [ image 52 52 37 7 | link 84 54 1 1 | text 56 54 26 2 ] \"", "plain_layout_seq": "background 0 14 120 65 | image 30 52 19 7 | image 52 52 37 7 | link 43 54 1 1 | link 84 54 1 1 | text 33 54 8 2 | text 56 54 26 2 | title 2 43 114 5 | title 40 34 38 5", "canvas_width": 1024, "canvas_height": 683, "elements": [ { "type": "background", "position": [ 0, 120, 1024, 563 ], "completed": true }, { "type": "title", "position": [ 348, 298, 328, 43 ], "completed": false }, { "type": "title", "position": [ 25, 370, 974, 49 ], "completed": false }, { "type": "image", "position": [ 257, 446, 163, 60 ], "completed": true }, { "type": "image", "position": [ 447, 446, 320, 60 ], "completed": true }, { "type": "text", "position": [ 290, 466, 74, 22 ], "completed": false }, { "type": "text", "position": [ 480, 466, 230, 22 ], "completed": false }, { "type": "link", "position": [ 372, 469, 16, 16 ], "completed": false }, { "type": "link", "position": [ 718, 469, 16, 16 ], "completed": false } ] }, { "text": "# A page to introduce a company. # The page should have three parts. In each part, there should a title, a text box with a further description, and an image. So the user can know the culture, people, and technology of the company.", "region_id": "144", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'culture, people, technology'] [item [el:title] [el:description] [el:image] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 21 33 10 | image 0 0 39 21 | title 16 18 6 2 ] | [ description 44 21 33 10 | image 41 0 39 21 | title 58 18 6 2 ] | [ description 85 21 33 10 | image 83 0 36 21 | title 97 18 10 2 ] \"", "layout_seq_without_completion": "\" [ description 2 21 33 10 | image 0 0 39 21 | title 16 18 6 2 ] | [ description 44 21 33 10 | image 41 0 39 21 | title 58 18 6 2 ] | [ description 85 21 33 10 | image 83 0 36 21 | title 97 18 10 2 ] \"", "plain_layout_seq": "description 2 21 33 10 | description 44 21 33 10 | description 85 21 33 10 | image 0 0 39 21 | image 41 0 39 21 | image 83 0 36 21 | title 16 18 6 2 | title 58 18 6 2 | title 97 18 10 2", "canvas_width": 1179, "canvas_height": 344, "elements": [ { "type": "image", "position": [ 0, 0, 384, 214 ], "completed": false }, { "type": "image", "position": [ 408, 0, 384, 214 ], "completed": false }, { "type": "image", "position": [ 816, 0, 363, 214 ], "completed": false }, { "type": "title", "position": [ 160, 186, 63, 20 ], "completed": false }, { "type": "title", "position": [ 570, 186, 60, 20 ], "completed": false }, { "type": "title", "position": [ 958, 186, 100, 20 ], "completed": false }, { "type": "description", "position": [ 25, 214, 334, 100 ], "completed": false }, { "type": "description", "position": [ 433, 214, 334, 100 ], "completed": false }, { "type": "description", "position": [ 841, 214, 334, 100 ], "completed": false } ] }, { "text": "#A page recommending dishes for dinner.# The page should include a title written \"DINNER TONIGHT\". There are also three buttons for users to choose categories of dishes, such as \"CHICKEN\", \"SOUPS\", and \"SLOW COOKER\". The page contains 4 information sets. Each group includes an image of the dish and the name of the dish.", "region_id": "2693", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'dinner tonight'] ] [el:button [attr:value 'CHICKEN'] ] [el:button [attr:value 'SOUPS'] ] [el:button [attr:value 'SLOW COOKER'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 21 26 34 | image 93 21 26 34 | image 31 21 26 34 | image 62 21 26 34 | title 1 57 26 5 | title 93 57 26 2 | title 31 57 26 2 | title 62 57 26 5 | title 1 0 118 3 | \" [ button 34 8 14 5 ] | [ button 51 8 13 5 ] | [ button 66 8 20 5 ] \"", "layout_seq_without_completion": "image 1 21 26 34 | image 93 21 26 34 | image 31 21 26 34 | image 62 21 26 34 | title 1 57 26 5 | title 93 57 26 2 | title 31 57 26 2 | title 62 57 26 5 | title 1 0 118 3 | \" [ button 34 8 14 5 ] | [ button 51 8 13 5 ] | [ button 66 8 20 5 ] \"", "plain_layout_seq": "button 34 8 14 5 | button 51 8 13 5 | button 66 8 20 5 | image 1 21 26 34 | image 93 21 26 34 | image 31 21 26 34 | image 62 21 26 34 | title 1 57 26 5 | title 93 57 26 2 | title 31 57 26 2 | title 62 57 26 5 | title 1 0 118 3", "canvas_width": 1014, "canvas_height": 576, "elements": [ { "type": "title", "position": [ 10, 0, 1004, 30 ], "completed": false }, { "type": "button", "position": [ 289, 70, 126, 48 ], "completed": false }, { "type": "button", "position": [ 435, 70, 111, 48 ], "completed": false }, { "type": "button", "position": [ 566, 70, 169, 48 ], "completed": false }, { "type": "image", "position": [ 10, 178, 227, 295 ], "completed": false }, { "type": "image", "position": [ 269, 178, 227, 295 ], "completed": false }, { "type": "image", "position": [ 528, 178, 227, 295 ], "completed": false }, { "type": "image", "position": [ 787, 178, 227, 295 ], "completed": false }, { "type": "title", "position": [ 10, 488, 227, 48 ], "completed": false }, { "type": "title", "position": [ 269, 488, 227, 24 ], "completed": false }, { "type": "title", "position": [ 528, 488, 227, 48 ], "completed": false }, { "type": "title", "position": [ 787, 488, 227, 24 ], "completed": false } ] }, { "text": "#A page for showing different leagues for users.# The page includes seven images of leagues, and beside each one there is a league name.", "region_id": "2663", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 56 1 5 5 | image 24 1 5 5 | image 40 1 5 5 | image 89 1 5 5 | image 8 1 5 5 | image 73 1 5 5 | image 105 1 5 5 | title 91 8 1 2 | title 9 8 2 2 | title 21 8 11 2 | title 37 8 11 2 | title 55 8 8 2 | title 72 8 6 2 | title 107 8 2 2", "layout_seq_without_completion": "image 56 1 5 5 | image 24 1 5 5 | image 40 1 5 5 | image 89 1 5 5 | image 8 1 5 5 | image 73 1 5 5 | image 105 1 5 5 | title 91 8 1 2 | title 9 8 2 2 | title 21 8 11 2 | title 37 8 11 2 | title 55 8 8 2 | title 72 8 6 2 | title 107 8 2 2", "plain_layout_seq": "image 56 1 5 5 | image 24 1 5 5 | image 40 1 5 5 | image 89 1 5 5 | image 8 1 5 5 | image 73 1 5 5 | image 105 1 5 5 | title 91 8 1 2 | title 9 8 2 2 | title 21 8 11 2 | title 37 8 11 2 | title 55 8 8 2 | title 72 8 6 2 | title 107 8 2 2", "canvas_width": 1016, "canvas_height": 105, "elements": [ { "type": "image", "position": [ 71, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 208, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 345, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 482, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 619, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 756, 12, 45, 45 ], "completed": false }, { "type": "image", "position": [ 893, 12, 45, 45 ], "completed": false }, { "type": "title", "position": [ 82, 72, 22, 18 ], "completed": false }, { "type": "title", "position": [ 180, 72, 100, 18 ], "completed": false }, { "type": "title", "position": [ 317, 72, 100, 18 ], "completed": false }, { "type": "title", "position": [ 470, 72, 68, 18 ], "completed": false }, { "type": "title", "position": [ 616, 72, 51, 18 ], "completed": false }, { "type": "title", "position": [ 773, 72, 12, 18 ], "completed": false }, { "type": "title", "position": [ 908, 72, 17, 18 ], "completed": false } ] }, { "text": "#A page showing products information of the fashion store to users.#The page should have one text heading and four groups of commodities. And each of them should have one photo of the commodity, one title, one brief description, and one button for users to click to shop fastly.", "region_id": "5838", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'shop fast']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 66 46 16 3 | button 36 48 16 3 | button 6 48 16 3 | button 96 46 16 3 | description 1 39 27 8 | description 31 39 27 8 | description 61 39 27 5 | description 91 39 27 5 | image 1 6 27 27 | image 91 6 27 27 | image 31 6 27 27 | image 61 6 27 27 | title 31 35 27 3 | title 61 35 27 3 | title 1 35 27 3 | title 91 35 27 3 | title 1 0 116 4", "layout_seq_without_completion": "button 66 46 16 3 | button 36 48 16 3 | button 6 48 16 3 | button 96 46 16 3 | description 1 39 27 8 | description 31 39 27 8 | description 61 39 27 5 | description 91 39 27 5 | image 1 6 27 27 | image 91 6 27 27 | image 31 6 27 27 | image 61 6 27 27 | title 31 35 27 3 | title 61 35 27 3 | title 1 35 27 3 | title 91 35 27 3 | title 1 0 116 4", "plain_layout_seq": "button 66 46 16 3 | button 36 48 16 3 | button 6 48 16 3 | button 96 46 16 3 | description 1 39 27 8 | description 31 39 27 8 | description 61 39 27 5 | description 91 39 27 5 | image 1 6 27 27 | image 91 6 27 27 | image 31 6 27 27 | image 61 6 27 27 | title 31 35 27 3 | title 61 35 27 3 | title 1 35 27 3 | title 91 35 27 3 | title 1 0 116 4", "canvas_width": 1024, "canvas_height": 447, "elements": [ { "type": "title", "position": [ 15, 0, 994, 38 ], "completed": false }, { "type": "image", "position": [ 15, 58, 231, 231 ], "completed": false }, { "type": "image", "position": [ 270, 58, 231, 231 ], "completed": false }, { "type": "image", "position": [ 524, 58, 231, 231 ], "completed": false }, { "type": "image", "position": [ 779, 58, 231, 231 ], "completed": false }, { "type": "title", "position": [ 15, 299, 231, 26 ], "completed": false }, { "type": "title", "position": [ 270, 299, 231, 26 ], "completed": false }, { "type": "title", "position": [ 524, 299, 231, 26 ], "completed": false }, { "type": "title", "position": [ 778, 299, 231, 26 ], "completed": false }, { "type": "description", "position": [ 15, 335, 231, 72 ], "completed": false }, { "type": "description", "position": [ 270, 335, 231, 72 ], "completed": false }, { "type": "description", "position": [ 524, 335, 231, 48 ], "completed": false }, { "type": "description", "position": [ 778, 335, 231, 48 ], "completed": false }, { "type": "button", "position": [ 567, 393, 144, 30 ], "completed": false }, { "type": "button", "position": [ 822, 393, 144, 30 ], "completed": false }, { "type": "button", "position": [ 58, 417, 144, 30 ], "completed": false }, { "type": "button", "position": [ 313, 417, 144, 30 ], "completed": false } ] }, { "text": "# A page for introducing the cooperative brand of a company. # On the page, there should contain a title \"Trusted by leading global brands\" and five images showing the logo of the brand.", "region_id": "924", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'trusted by leading global brands'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete image 91 1 18 4 | logo 7 6 18 4 | logo 28 6 18 4 | logo 91 7 18 4 | logo 70 6 18 4 | logo 49 6 18 4 | title 7 0 104 2", "layout_seq_without_completion": "image 91 1 18 4 | logo 7 6 18 4 | logo 28 6 18 4 | logo 91 7 18 4 | logo 70 6 18 4 | logo 49 6 18 4 | title 7 0 104 2", "plain_layout_seq": "image 91 1 18 4 | logo 7 6 18 4 | logo 28 6 18 4 | logo 91 7 18 4 | logo 70 6 18 4 | logo 49 6 18 4 | title 7 0 104 2", "canvas_width": 1003, "canvas_height": 186, "elements": [ { "type": "title", "position": [ 64, 0, 875, 24 ], "completed": false }, { "type": "image", "position": [ 764, 13, 151, 34 ], "completed": true }, { "type": "logo", "position": [ 64, 56, 151, 34 ], "completed": false }, { "type": "logo", "position": [ 239, 56, 151, 34 ], "completed": false }, { "type": "logo", "position": [ 414, 56, 151, 34 ], "completed": false }, { "type": "logo", "position": [ 589, 56, 151, 34 ], "completed": false }, { "type": "logo", "position": [ 764, 62, 151, 34 ], "completed": false } ] }, { "text": "#A page for selling bicycle tires.# The page should have 9 groups. The first group should have a background image and title, and a button for users to click to view all goods. And each of the other 8 groups should have one image of the tire, and 3 texts to show the title, the rate, and the price if it has not been sold out.", "region_id": "7279", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup \n[item [el:background_image] [el:title] [el:button [attr:value 'view all'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n[item [el:image] [el:title] [el:text [attr:repeat '2'] ] ]\n ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 2 0 23 40 | button 3 33 12 2 | title 2 27 13 5 | \" [ title 26 31 20 2 ] | [ title 50 31 19 2 ] | [ text 26 33 20 2 ] | [ text 50 33 19 2 ] | [ text 26 35 20 2 ] | [ text 50 35 19 2 ] \" | \" [ title 73 31 19 2 ] | [ title 96 31 19 2 ] | [ text 73 33 19 2 ] | [ text 96 33 19 2 ] | [ text 73 35 19 2 ] | [ text 96 35 19 2 ] \" | \" [ title 3 71 19 2 ] | [ title 26 71 19 2 ] | [ text 3 74 19 2 ] | [ text 26 74 19 2 ] | [ text 3 76 19 2 ] | [ text 26 76 19 2 ] \" | \" [ title 50 71 19 2 ] | [ title 73 71 19 2 ] | [ text 50 74 19 2 ] | [ text 73 74 19 2 ] | [ text 50 76 19 2 ] | [ text 73 76 19 2 ] \" | \" [ title 96 71 19 2 ] | [ text 96 74 19 2 ] | [ text 96 76 19 2 ] \"", "layout_seq_without_completion": "background 2 0 23 40 | button 3 33 12 2 | title 2 27 13 5 | \" [ title 26 31 20 2 ] | [ title 50 31 19 2 ] | [ text 26 33 20 2 ] | [ text 50 33 19 2 ] | [ text 26 35 20 2 ] | [ text 50 35 19 2 ] \" | \" [ title 73 31 19 2 ] | [ title 96 31 19 2 ] | [ text 73 33 19 2 ] | [ text 96 33 19 2 ] | [ text 73 35 19 2 ] | [ text 96 35 19 2 ] \" | \" [ title 3 71 19 2 ] | [ title 26 71 19 2 ] | [ text 3 74 19 2 ] | [ text 26 74 19 2 ] | [ text 3 76 19 2 ] | [ text 26 76 19 2 ] \" | \" [ title 50 71 19 2 ] | [ title 73 71 19 2 ] | [ text 50 74 19 2 ] | [ text 73 74 19 2 ] | [ text 50 76 19 2 ] | [ text 73 76 19 2 ] \" | \" [ title 96 71 19 2 ] | [ text 96 74 19 2 ] | [ text 96 76 19 2 ] \"", "plain_layout_seq": "background 2 0 23 40 | button 3 33 12 2 | text 26 33 20 2 | text 50 33 19 2 | text 26 35 20 2 | text 50 35 19 2 | text 73 33 19 2 | text 96 33 19 2 | text 73 35 19 2 | text 96 35 19 2 | text 3 74 19 2 | text 26 74 19 2 | text 3 76 19 2 | text 26 76 19 2 | text 50 74 19 2 | text 73 74 19 2 | text 50 76 19 2 | text 73 76 19 2 | text 96 74 19 2 | text 96 76 19 2 | title 2 27 13 5 | title 26 31 20 2 | title 50 31 19 2 | title 73 31 19 2 | title 96 31 19 2 | title 3 71 19 2 | title 26 71 19 2 | title 50 71 19 2 | title 73 71 19 2 | title 96 71 19 2", "canvas_width": 1024, "canvas_height": 692, "elements": [ { "type": "background", "position": [ 20, 0, 197, 345 ], "completed": false }, { "type": "title", "position": [ 20, 233, 115, 44 ], "completed": false }, { "type": "title", "position": [ 229, 268, 171, 19 ], "completed": false }, { "type": "title", "position": [ 427, 268, 170, 19 ], "completed": false }, { "type": "title", "position": [ 624, 268, 170, 19 ], "completed": false }, { "type": "title", "position": [ 821, 268, 170, 19 ], "completed": false }, { "type": "button", "position": [ 30, 287, 105, 18 ], "completed": false }, { "type": "text", "position": [ 229, 287, 171, 20 ], "completed": false }, { "type": "text", "position": [ 427, 287, 170, 20 ], "completed": false }, { "type": "text", "position": [ 624, 287, 170, 20 ], "completed": false }, { "type": "text", "position": [ 821, 287, 170, 20 ], "completed": false }, { "type": "text", "position": [ 427, 305, 170, 20 ], "completed": false }, { "type": "text", "position": [ 229, 306, 171, 19 ], "completed": false }, { "type": "text", "position": [ 624, 306, 170, 19 ], "completed": false }, { "type": "text", "position": [ 821, 306, 170, 19 ], "completed": false }, { "type": "title", "position": [ 34, 614, 170, 19 ], "completed": false }, { "type": "title", "position": [ 230, 614, 170, 19 ], "completed": false }, { "type": "title", "position": [ 427, 614, 170, 19 ], "completed": false }, { "type": "title", "position": [ 624, 614, 170, 19 ], "completed": false }, { "type": "title", "position": [ 821, 614, 170, 19 ], "completed": false }, { "type": "text", "position": [ 34, 633, 170, 20 ], "completed": false }, { "type": "text", "position": [ 230, 633, 170, 20 ], "completed": false }, { "type": "text", "position": [ 427, 633, 170, 20 ], "completed": false }, { "type": "text", "position": [ 624, 633, 170, 20 ], "completed": false }, { "type": "text", "position": [ 821, 633, 170, 20 ], "completed": false }, { "type": "text", "position": [ 624, 651, 170, 20 ], "completed": false }, { "type": "text", "position": [ 34, 652, 170, 19 ], "completed": false }, { "type": "text", "position": [ 230, 652, 170, 19 ], "completed": false }, { "type": "text", "position": [ 427, 652, 170, 19 ], "completed": false }, { "type": "text", "position": [ 821, 652, 170, 19 ], "completed": false } ] }, { "text": "#A page to introduce Surveytime.#There is an image on left. On the right side, there is a title, a description, and three groups. Each group contains an icon and a description.", "region_id": "5495", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'left'] ] [el:title] [el:description] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] ] ] ]", "execution": "multiinfo : description undefined undefined | image left undefined | title undefined undefined | { [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "description 52 25 65 5 | description 63 50 42 5 | description 63 38 26 2 | description 63 63 42 8 | icon 54 37 5 5 | icon 54 50 5 5 | icon 54 65 5 5 | complete image 52 61 57 12 | complete image 52 35 57 9 | complete image 52 48 57 9 | image 2 15 45 54 | title 52 11 57 11", "layout_seq_without_completion": "description 52 25 65 5 | description 63 50 42 5 | description 63 38 26 2 | description 63 63 42 8 | icon 54 37 5 5 | icon 54 50 5 5 | icon 54 65 5 5 | image 52 61 57 12 | image 52 35 57 9 | image 52 48 57 9 | image 2 15 45 54 | title 52 11 57 11", "plain_layout_seq": "description 52 25 65 5 | description 63 50 42 5 | description 63 38 26 2 | description 63 63 42 8 | icon 54 37 5 5 | icon 54 50 5 5 | icon 54 65 5 5 | image 52 61 57 12 | image 52 35 57 9 | image 52 48 57 9 | image 2 15 45 54 | title 52 11 57 11", "canvas_width": 1024, "canvas_height": 728, "elements": [ { "type": "title", "position": [ 445, 96, 490, 96 ], "completed": false }, { "type": "image", "position": [ 24, 128, 391, 466 ], "completed": false }, { "type": "description", "position": [ 445, 216, 555, 48 ], "completed": false }, { "type": "image", "position": [ 445, 304, 490, 80 ], "completed": true }, { "type": "icon", "position": [ 469, 320, 48, 48 ], "completed": false }, { "type": "description", "position": [ 541, 332, 228, 24 ], "completed": false }, { "type": "image", "position": [ 445, 416, 490, 80 ], "completed": true }, { "type": "icon", "position": [ 469, 432, 48, 48 ], "completed": false }, { "type": "description", "position": [ 541, 432, 362, 48 ], "completed": false }, { "type": "image", "position": [ 445, 528, 490, 104 ], "completed": true }, { "type": "description", "position": [ 541, 544, 362, 72 ], "completed": false }, { "type": "icon", "position": [ 469, 556, 48, 48 ], "completed": false } ] }, { "text": "#A page for showing one advertising.#There should be one image showing the advertisement. One text box is used for showing the advertisement's title \"Up to 30% Off Select Lighting &Ceiling Fans\", Seven images are needed to show the products' pics. Users can shop for today's specials by clicking one button.", "region_id": "1424", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:value'up to 30% off select lighting & ceiling fans'] ] [gp:InfoGroup [gattr:repeat'7'] [item [el:image] ] ] [el:button [attr:value'shop for todays specials'] ] ]", "execution": "multiinfo : button undefined undefined | image undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 83 12 32 4 | image 2 9 10 9 | complete text 14 15 64 1 | title 14 10 64 5 | \" [ image 2 21 15 13 ] | [ image 19 21 15 13 ] | [ image 35 21 15 13 ] | [ image 52 21 15 13 ] | [ image 68 21 15 13 ] | [ image 85 21 15 13 ] | [ image 101 21 15 13 ] \"", "layout_seq_without_completion": "button 83 12 32 4 | image 2 9 10 9 | text 14 15 64 1 | title 14 10 64 5 | \" [ image 2 21 15 13 ] | [ image 19 21 15 13 ] | [ image 35 21 15 13 ] | [ image 52 21 15 13 ] | [ image 68 21 15 13 ] | [ image 85 21 15 13 ] | [ image 101 21 15 13 ] \"", "plain_layout_seq": "button 83 12 32 4 | image 2 9 10 9 | image 2 21 15 13 | image 19 21 15 13 | image 35 21 15 13 | image 52 21 15 13 | image 68 21 15 13 | image 85 21 15 13 | image 101 21 15 13 | text 14 15 64 1 | title 14 10 64 5", "canvas_width": 1024, "canvas_height": 324, "elements": [ { "type": "image", "position": [ 20, 82, 87, 81 ], "completed": false }, { "type": "title", "position": [ 127, 90, 548, 46 ], "completed": false }, { "type": "button", "position": [ 714, 107, 280, 37 ], "completed": false }, { "type": "text", "position": [ 127, 136, 548, 17 ], "completed": true }, { "type": "image", "position": [ 23, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 163, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 304, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 444, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 585, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 726, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 866, 187, 135, 115 ], "completed": false } ] }, { "text": "#A page for showing one advertising.#There should be one image showing the advertisement and two texts showing the slogan. One text is used for showing the advertisement's title. Seven images are needed to show the products' pics.", "region_id": "1424_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:repeat'2'] ] [el:title] [gp:InfoGroup [gattr:repeat'7'] [item [el:image] ] ] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 2 9 10 9 | title 14 10 64 5 | title 83 12 32 4 | title 14 15 64 1 | \" [ image 2 21 15 13 ] | [ image 19 21 15 13 ] | [ image 35 21 15 13 ] | [ image 52 21 15 13 ] | [ image 68 21 15 13 ] | [ image 85 21 15 13 ] | [ image 101 21 15 13 ] \"", "layout_seq_without_completion": "image 2 9 10 9 | title 14 10 64 5 | title 83 12 32 4 | title 14 15 64 1 | \" [ image 2 21 15 13 ] | [ image 19 21 15 13 ] | [ image 35 21 15 13 ] | [ image 52 21 15 13 ] | [ image 68 21 15 13 ] | [ image 85 21 15 13 ] | [ image 101 21 15 13 ] \"", "plain_layout_seq": "image 2 9 10 9 | image 2 21 15 13 | image 19 21 15 13 | image 35 21 15 13 | image 52 21 15 13 | image 68 21 15 13 | image 85 21 15 13 | image 101 21 15 13 | title 14 10 64 5 | title 83 12 32 4 | title 14 15 64 1", "canvas_width": 1024, "canvas_height": 324, "elements": [ { "type": "image", "position": [ 20, 82, 87, 81 ], "completed": false }, { "type": "title", "position": [ 127, 90, 548, 46 ], "completed": false }, { "type": "title", "position": [ 714, 107, 280, 37 ], "completed": false }, { "type": "title", "position": [ 127, 136, 548, 17 ], "completed": false }, { "type": "image", "position": [ 23, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 163, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 304, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 444, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 585, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 726, 187, 135, 115 ], "completed": false }, { "type": "image", "position": [ 866, 187, 135, 115 ], "completed": false } ] }, { "text": "#Users can get health care services from this page.# The page should include a title written \"MEDICAL HUB\". The page also contains two information sets. Each group includes the logo of a medical company and a button written \"Service\".", "region_id": "5876", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'medical hub'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:logo] [el:button [attr:value 'service'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 61 26 13 3 | button 24 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "layout_seq_without_completion": "button 61 26 13 3 | button 24 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "plain_layout_seq": "button 61 26 13 3 | button 24 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 25, 10, 974, 26 ], "completed": false }, { "type": "logo", "position": [ 50, 66, 295, 150 ], "completed": false }, { "type": "logo", "position": [ 365, 66, 295, 150 ], "completed": false }, { "type": "button", "position": [ 209, 224, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 224, 116, 30 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"Gitlab\" to users.# The page should include one title and a slogan on the top. Under it, there should be six certificates verifying that Gitlab can ensure security and accessibility and one text box.", "region_id": "6", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat'2'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] ] ] [el:text] ]", "execution": "multiinfo : text undefined undefined | title top undefined | title top undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete background 3 0 113 66 | complete image 39 38 18 14 | image 41 19 14 4 | image 22 18 7 7 | image 43 40 11 7 | image 90 19 7 7 | complete image 61 17 18 17 | complete image 84 17 18 17 | image 67 18 7 7 | complete image 39 17 18 17 | complete image 16 17 18 17 | image 67 40 7 7 | complete image 61 38 18 14 | complete text 40 49 15 2 | text 16 55 87 5 | complete text 40 26 15 5 | complete text 63 27 15 5 | complete text 18 27 15 5 | complete text 85 29 15 2 | complete text 63 49 15 2 | title 51 0 16 9 | title 5 11 110 4", "layout_seq_without_completion": "background 3 0 113 66 | image 39 38 18 14 | image 41 19 14 4 | image 22 18 7 7 | image 43 40 11 7 | image 90 19 7 7 | image 61 17 18 17 | image 84 17 18 17 | image 67 18 7 7 | image 39 17 18 17 | image 16 17 18 17 | image 67 40 7 7 | image 61 38 18 14 | text 40 49 15 2 | text 16 55 87 5 | text 40 26 15 5 | text 63 27 15 5 | text 18 27 15 5 | text 85 29 15 2 | text 63 49 15 2 | title 51 0 16 9 | title 5 11 110 4", "plain_layout_seq": "background 3 0 113 66 | image 39 38 18 14 | image 41 19 14 4 | image 22 18 7 7 | image 43 40 11 7 | image 90 19 7 7 | image 61 17 18 17 | image 84 17 18 17 | image 67 18 7 7 | image 39 17 18 17 | image 16 17 18 17 | image 67 40 7 7 | image 61 38 18 14 | text 40 49 15 2 | text 16 55 87 5 | text 40 26 15 5 | text 63 27 15 5 | text 18 27 15 5 | text 85 29 15 2 | text 63 49 15 2 | title 51 0 16 9 | title 5 11 110 4", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "background", "position": [ 26, 0, 972, 570 ], "completed": true }, { "type": "title", "position": [ 443, 1, 138, 80 ], "completed": false }, { "type": "title", "position": [ 43, 97, 939, 36 ], "completed": false }, { "type": "image", "position": [ 144, 149, 160, 150 ], "completed": true }, { "type": "image", "position": [ 336, 149, 160, 150 ], "completed": true }, { "type": "image", "position": [ 528, 149, 160, 150 ], "completed": true }, { "type": "image", "position": [ 720, 149, 160, 150 ], "completed": true }, { "type": "image", "position": [ 192, 162, 64, 64 ], "completed": false }, { "type": "image", "position": [ 576, 162, 64, 64 ], "completed": false }, { "type": "image", "position": [ 356, 169, 120, 41 ], "completed": false }, { "type": "image", "position": [ 768, 170, 64, 64 ], "completed": false }, { "type": "text", "position": [ 349, 230, 134, 48 ], "completed": true }, { "type": "text", "position": [ 157, 238, 134, 48 ], "completed": true }, { "type": "text", "position": [ 541, 238, 134, 48 ], "completed": true }, { "type": "text", "position": [ 733, 254, 134, 24 ], "completed": true }, { "type": "image", "position": [ 336, 331, 160, 126 ], "completed": true }, { "type": "image", "position": [ 528, 331, 160, 126 ], "completed": true }, { "type": "image", "position": [ 368, 344, 96, 64 ], "completed": false }, { "type": "image", "position": [ 576, 344, 64, 64 ], "completed": false }, { "type": "text", "position": [ 349, 420, 134, 24 ], "completed": true }, { "type": "text", "position": [ 541, 420, 134, 24 ], "completed": true }, { "type": "text", "position": [ 137, 473, 750, 48 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have two groups and each group has a background image and a title, \"mind&mood\" and \"vitality&energy\". There is the same button in each group, named \"shop now\".", "region_id": "6667", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'mind&mood, vitality&energy'] [item [el:background_image] [el:title] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 60 35 | button 7 14 14 4 | title 1 5 27 6 ] | [ background 60 0 60 35 | button 67 20 14 4 | title 60 5 30 12 ] \"", "layout_seq_without_completion": "\" [ background 0 0 60 35 | button 7 14 14 4 | title 1 5 27 6 ] | [ background 60 0 60 35 | button 67 20 14 4 | title 60 5 30 12 ] \"", "plain_layout_seq": "background 0 0 60 35 | background 60 0 60 35 | button 7 14 14 4 | button 67 20 14 4 | title 1 5 27 6 | title 60 5 30 12", "canvas_width": 1024, "canvas_height": 300, "elements": [ { "type": "background", "position": [ 0, 0, 512, 300 ], "completed": false }, { "type": "background", "position": [ 512, 0, 512, 300 ], "completed": false }, { "type": "title", "position": [ 12, 51, 232, 53 ], "completed": false }, { "type": "title", "position": [ 512, 51, 256, 105 ], "completed": false }, { "type": "button", "position": [ 68, 123, 120, 40 ], "completed": false }, { "type": "button", "position": [ 580, 176, 120, 40 ], "completed": false } ] }, { "text": "# A page presenting the images in the gallery. # The page should have the title \"Gallery\" and 8 images in the gallery. Besides, there should be a set of pagination for the user to view more images.", "region_id": "7109", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'gallery'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 55 10 8 0 | image 4 33 26 17 | image 89 33 26 17 | image 4 13 26 17 | image 89 13 26 17 | image 32 13 26 17 | image 61 13 26 17 | image 32 33 26 17 | image 61 33 26 17 | title 4 2 111 5", "layout_seq_without_completion": "button 55 10 8 0 | image 4 33 26 17 | image 89 33 26 17 | image 4 13 26 17 | image 89 13 26 17 | image 32 13 26 17 | image 61 13 26 17 | image 32 33 26 17 | image 61 33 26 17 | title 4 2 111 5", "plain_layout_seq": "button 55 10 8 0 | image 4 33 26 17 | image 89 33 26 17 | image 4 13 26 17 | image 89 13 26 17 | image 32 13 26 17 | image 61 13 26 17 | image 32 33 26 17 | image 61 33 26 17 | title 4 2 111 5", "canvas_width": 1024, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 36, 20, 953, 44 ], "completed": false }, { "type": "button", "position": [ 475, 88, 74, 4 ], "completed": true }, { "type": "image", "position": [ 36, 117, 223, 147 ], "completed": false }, { "type": "image", "position": [ 279, 117, 223, 148 ], "completed": false }, { "type": "image", "position": [ 522, 117, 223, 148 ], "completed": false }, { "type": "image", "position": [ 765, 117, 223, 149 ], "completed": false }, { "type": "image", "position": [ 36, 286, 223, 148 ], "completed": false }, { "type": "image", "position": [ 279, 286, 223, 147 ], "completed": false }, { "type": "image", "position": [ 522, 286, 223, 148 ], "completed": false }, { "type": "image", "position": [ 765, 286, 223, 147 ], "completed": false } ] }, { "text": "#A page for users to show off some products.# The page should have a title, and 8 groups while each group has an image, and a link for users to show off the product.", "region_id": "4137", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 61 51 25 25 | image 89 20 25 25 | image 5 20 25 25 | image 33 20 25 25 | image 61 20 25 25 | image 5 51 25 25 | image 33 51 25 25 | image 89 51 25 25 | link 33 78 9 2 | link 61 78 10 2 | link 5 47 8 2 | link 61 47 11 2 | link 33 47 14 2 | link 89 47 14 2 | link 5 78 13 2 | link 89 78 25 4 | title 5 0 62 12", "layout_seq_without_completion": "image 61 51 25 25 | image 89 20 25 25 | image 5 20 25 25 | image 33 20 25 25 | image 61 20 25 25 | image 5 51 25 25 | image 33 51 25 25 | image 89 51 25 25 | link 33 78 9 2 | link 61 78 10 2 | link 5 47 8 2 | link 61 47 11 2 | link 33 47 14 2 | link 89 47 14 2 | link 5 78 13 2 | link 89 78 25 4 | title 5 0 62 12", "plain_layout_seq": "image 61 51 25 25 | image 89 20 25 25 | image 5 20 25 25 | image 33 20 25 25 | image 61 20 25 25 | image 5 51 25 25 | image 33 51 25 25 | image 89 51 25 25 | link 33 78 9 2 | link 61 78 10 2 | link 5 47 8 2 | link 61 47 11 2 | link 33 47 14 2 | link 89 47 14 2 | link 5 78 13 2 | link 89 78 25 4 | title 5 0 62 12", "canvas_width": 1024, "canvas_height": 729, "elements": [ { "type": "title", "position": [ 48, 0, 531, 110 ], "completed": false }, { "type": "image", "position": [ 48, 174, 214, 214 ], "completed": false }, { "type": "image", "position": [ 286, 174, 214, 214 ], "completed": false }, { "type": "image", "position": [ 524, 174, 214, 214 ], "completed": false }, { "type": "image", "position": [ 762, 174, 214, 214 ], "completed": false }, { "type": "link", "position": [ 48, 404, 69, 21 ], "completed": false }, { "type": "link", "position": [ 286, 404, 123, 21 ], "completed": false }, { "type": "link", "position": [ 524, 404, 94, 21 ], "completed": false }, { "type": "link", "position": [ 762, 404, 122, 21 ], "completed": false }, { "type": "image", "position": [ 48, 441, 214, 214 ], "completed": false }, { "type": "image", "position": [ 286, 441, 214, 214 ], "completed": false }, { "type": "image", "position": [ 524, 441, 214, 214 ], "completed": false }, { "type": "image", "position": [ 762, 441, 214, 214 ], "completed": false }, { "type": "link", "position": [ 48, 671, 118, 21 ], "completed": false }, { "type": "link", "position": [ 286, 671, 82, 21 ], "completed": false }, { "type": "link", "position": [ 524, 671, 93, 21 ], "completed": false }, { "type": "link", "position": [ 762, 671, 214, 42 ], "completed": false } ] }, { "text": "#This page shows users Gifts Under. #There is a title at the top of this page: \"Gifts Under...\", and then there are three groups below, each group has a background image \u3001title, and the price of a product.", "region_id": "7739", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'gifts under...'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 6 15 33 33 | background 43 15 33 33 | background 80 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 80 30 33 3 | title 6 6 107 2", "layout_seq_without_completion": "background 6 15 33 33 | background 43 15 33 33 | background 80 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 80 30 33 3 | title 6 6 107 2", "plain_layout_seq": "background 6 15 33 33 | background 43 15 33 33 | background 80 15 33 33 | title 6 30 33 3 | title 43 30 33 3 | title 80 30 33 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 483, "elements": [ { "type": "title", "position": [ 55, 55, 914, 25 ], "completed": false }, { "type": "background", "position": [ 55, 135, 285, 285 ], "completed": false }, { "type": "background", "position": [ 370, 135, 285, 285 ], "completed": false }, { "type": "background", "position": [ 684, 135, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 261, 285, 34 ], "completed": false }, { "type": "title", "position": [ 370, 261, 285, 34 ], "completed": false }, { "type": "title", "position": [ 684, 261, 285, 34 ], "completed": false } ] }, { "text": "#This page is to introduce news to users.#This page is mainly composed of three groups. There is a \"News\" title on the left and its related description, and the right is divided into three groups, each of which is composed of pictures and related descriptions.", "region_id": "6003", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'news'] [attr:position 'left'] ] [el:description] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : description undefined undefined | title left undefined | { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 91 34 26 7 | description 31 34 26 5 | description 61 34 26 10 | image 91 7 26 26 | image 31 7 26 26 | image 61 7 26 26 | complete link 1 42 16 2 | complete link 1 37 16 2 | title 1 5 8 4 | \" [ description 1 12 26 6 ] | [ complete link 1 20 26 6 ] | [ complete link 1 29 26 6 ] \"", "layout_seq_without_completion": "description 91 34 26 7 | description 31 34 26 5 | description 61 34 26 10 | image 91 7 26 26 | image 31 7 26 26 | image 61 7 26 26 | link 1 42 16 2 | link 1 37 16 2 | title 1 5 8 4 | \" [ description 1 12 26 6 ] | [ link 1 20 26 6 ] | [ link 1 29 26 6 ] \"", "plain_layout_seq": "description 91 34 26 7 | description 31 34 26 5 | description 61 34 26 10 | description 1 12 26 6 | image 91 7 26 26 | image 31 7 26 26 | image 61 7 26 26 | link 1 42 16 2 | link 1 37 16 2 | link 1 20 26 6 | link 1 29 26 6 | title 1 5 8 4", "canvas_width": 1024, "canvas_height": 463, "elements": [ { "type": "title", "position": [ 15, 50, 69, 38 ], "completed": false }, { "type": "image", "position": [ 271, 60, 226, 226 ], "completed": false }, { "type": "image", "position": [ 527, 60, 226, 226 ], "completed": false }, { "type": "image", "position": [ 783, 60, 226, 226 ], "completed": false }, { "type": "description", "position": [ 15, 103, 226, 58 ], "completed": false }, { "type": "link", "position": [ 15, 177, 226, 58 ], "completed": true }, { "type": "link", "position": [ 15, 250, 226, 58 ], "completed": true }, { "type": "description", "position": [ 271, 298, 226, 43 ], "completed": false }, { "type": "description", "position": [ 527, 298, 226, 86 ], "completed": false }, { "type": "description", "position": [ 783, 298, 226, 65 ], "completed": false }, { "type": "link", "position": [ 15, 323, 139, 23 ], "completed": true }, { "type": "link", "position": [ 15, 363, 141, 23 ], "completed": true } ] }, { "text": "#A page for showing some changes in different fields.# There should be three text boxes, which show the changing rate, and each of them is followed by one text box for showing the detailed content of the change.", "region_id": "453", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 41 21 38 5 | description 41 38 38 5 | description 41 56 38 5 | text 41 28 38 7 | text 41 11 38 7 | text 41 46 38 7", "layout_seq_without_completion": "description 41 21 38 5 | description 41 38 38 5 | description 41 56 38 5 | text 41 28 38 7 | text 41 11 38 7 | text 41 46 38 7", "plain_layout_seq": "description 41 21 38 5 | description 41 38 38 5 | description 41 56 38 5 | text 41 28 38 7 | text 41 11 38 7 | text 41 46 38 7", "canvas_width": 1024, "canvas_height": 642, "elements": [ { "type": "text", "position": [ 350, 96, 325, 66 ], "completed": false }, { "type": "description", "position": [ 350, 182, 325, 46 ], "completed": false }, { "type": "text", "position": [ 350, 246, 325, 66 ], "completed": false }, { "type": "description", "position": [ 350, 332, 325, 46 ], "completed": false }, { "type": "text", "position": [ 350, 396, 325, 66 ], "completed": false }, { "type": "description", "position": [ 350, 482, 325, 46 ], "completed": false } ] }, { "text": "#A page for showing the blogs.# There is one label \"Blog Posts\" and three parts. Each part includes one image, one title, and one label showing the blogger and date.", "region_id": "6569", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'blog posts'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete link 108 0 9 3 | text 42 38 34 3 | text 4 30 34 3 | text 80 34 34 3 | title 4 27 26 2 | title 42 27 31 10 | title 80 27 27 6 | title 4 0 13 3", "layout_seq_without_completion": "link 108 0 9 3 | text 42 38 34 3 | text 4 30 34 3 | text 80 34 34 3 | title 4 27 26 2 | title 42 27 31 10 | title 80 27 27 6 | title 4 0 13 3", "plain_layout_seq": "link 108 0 9 3 | text 42 38 34 3 | text 4 30 34 3 | text 80 34 34 3 | title 4 27 26 2 | title 42 27 31 10 | title 80 27 27 6 | title 4 0 13 3", "canvas_width": 1024, "canvas_height": 415, "elements": [ { "type": "title", "position": [ 40, 0, 112, 33 ], "completed": false }, { "type": "link", "position": [ 927, 4, 83, 30 ], "completed": true }, { "type": "title", "position": [ 40, 232, 224, 23 ], "completed": false }, { "type": "title", "position": [ 365, 232, 272, 88 ], "completed": false }, { "type": "title", "position": [ 689, 232, 231, 55 ], "completed": false }, { "type": "text", "position": [ 40, 264, 295, 27 ], "completed": false }, { "type": "text", "position": [ 689, 296, 295, 26 ], "completed": false }, { "type": "text", "position": [ 365, 329, 295, 26 ], "completed": false } ] }, { "text": "#A page for introducing retrieving a saved quote to users.# The page should include seven kinds of vehicles. At the bottom, there should be an input for users to enter their zips to get a quote.", "region_id": "655", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'7'] [item [el:image] ] ] [el:input [attr:value'enter your zips'] [attr:position'bottom'] ] ]", "execution": "multiinfo : input bottom undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 37 | complete button 57 27 26 4 | input 22 27 21 5 | complete link 87 29 19 1 | \" [ image 0 0 17 23 ] | [ image 17 0 17 23 ] | [ image 34 0 17 23 ] | [ image 51 0 17 23 ] | [ image 68 0 17 23 ] | [ image 85 0 17 23 ] | [ image 102 0 17 23 ] \"", "layout_seq_without_completion": "background 0 0 120 37 | button 57 27 26 4 | input 22 27 21 5 | link 87 29 19 1 | \" [ image 0 0 17 23 ] | [ image 17 0 17 23 ] | [ image 34 0 17 23 ] | [ image 51 0 17 23 ] | [ image 68 0 17 23 ] | [ image 85 0 17 23 ] | [ image 102 0 17 23 ] \"", "plain_layout_seq": "background 0 0 120 37 | button 57 27 26 4 | image 0 0 17 23 | image 17 0 17 23 | image 34 0 17 23 | image 51 0 17 23 | image 68 0 17 23 | image 85 0 17 23 | image 102 0 17 23 | input 22 27 21 5 | link 87 29 19 1", "canvas_width": 1024, "canvas_height": 316, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 316 ], "completed": true }, { "type": "image", "position": [ 0, 0, 146, 200 ], "completed": false }, { "type": "image", "position": [ 146, 0, 147, 200 ], "completed": false }, { "type": "image", "position": [ 293, 0, 146, 200 ], "completed": false }, { "type": "image", "position": [ 439, 0, 146, 200 ], "completed": false }, { "type": "image", "position": [ 585, 0, 146, 200 ], "completed": false }, { "type": "image", "position": [ 731, 0, 147, 200 ], "completed": false }, { "type": "image", "position": [ 878, 0, 146, 200 ], "completed": false }, { "type": "input", "position": [ 192, 236, 180, 44 ], "completed": false }, { "type": "button", "position": [ 487, 237, 226, 42 ], "completed": true }, { "type": "link", "position": [ 748, 249, 164, 17 ], "completed": true } ] }, { "text": "#A page for introducing male pets and female pets.# The page should have 2 groups while each group has an image and a title to introduce male pets and female pets in the shop.", "region_id": "8373", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'male pets, female pets'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 3 54 54 | image 61 3 54 54 | title 63 28 50 6 | title 4 28 50 6", "layout_seq_without_completion": "image 2 3 54 54 | image 61 3 54 54 | title 63 28 50 6 | title 4 28 50 6", "plain_layout_seq": "image 2 3 54 54 | image 61 3 54 54 | title 63 28 50 6 | title 4 28 50 6", "canvas_width": 994, "canvas_height": 544, "elements": [ { "type": "image", "position": [ 20, 29, 452, 448 ], "completed": false }, { "type": "image", "position": [ 512, 29, 452, 452 ], "completed": false }, { "type": "title", "position": [ 35, 237, 422, 51 ], "completed": false }, { "type": "title", "position": [ 527, 239, 422, 51 ], "completed": false } ] }, { "text": "# A page for the user to look for more info about a company.# The page should have a title \"LOOK FOR MORE INFORMATION\" and three groups with each having a title, a further description, and a button \"MORE DETAILS\" for the user to learn more info.", "region_id": "8568", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'look for more information'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] [el:button [attr:value 'more details'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 14 47 15 4 | button 50 44 18 4 | button 88 53 18 4 | description 80 33 35 18 | description 4 33 35 11 | description 42 33 35 9 | title 4 8 110 3 | title 4 26 35 5 | title 80 26 35 5 | title 42 26 35 5", "layout_seq_without_completion": "button 14 47 15 4 | button 50 44 18 4 | button 88 53 18 4 | description 80 33 35 18 | description 4 33 35 11 | description 42 33 35 9 | title 4 8 110 3 | title 4 26 35 5 | title 80 26 35 5 | title 42 26 35 5", "plain_layout_seq": "button 14 47 15 4 | button 50 44 18 4 | button 88 53 18 4 | description 80 33 35 18 | description 4 33 35 11 | description 42 33 35 9 | title 4 8 110 3 | title 4 26 35 5 | title 80 26 35 5 | title 42 26 35 5", "canvas_width": 1024, "canvas_height": 516, "elements": [ { "type": "title", "position": [ 40, 73, 944, 33 ], "completed": false }, { "type": "title", "position": [ 40, 227, 300, 50 ], "completed": false }, { "type": "title", "position": [ 362, 227, 300, 50 ], "completed": false }, { "type": "title", "position": [ 684, 227, 300, 50 ], "completed": false }, { "type": "description", "position": [ 40, 290, 300, 102 ], "completed": false }, { "type": "description", "position": [ 362, 290, 300, 77 ], "completed": false }, { "type": "description", "position": [ 684, 290, 300, 154 ], "completed": false }, { "type": "button", "position": [ 435, 382, 154, 35 ], "completed": false }, { "type": "button", "position": [ 124, 408, 131, 35 ], "completed": false }, { "type": "button", "position": [ 757, 459, 154, 35 ], "completed": false } ] }, { "text": "#This page introduces Business Solutions to users. #This page has a title and description of \"Business Solutions\" and 10 groups, each with an image and name, and a \"Looking for something else? Contact Us\" link at the bottom of the page.", "region_id": "3836", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:value 'Business Solutions'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:image] [el:title] ] ] [el:link [attr:position 'bottom'] [attr:value 'looking for something else? contact us'] ] ]", "execution": "multiinfo : description undefined undefined | link bottom undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 12 113 3 | image 55 24 8 8 | image 79 24 8 8 | image 8 51 8 8 | complete image 2 20 21 21 | complete image 25 46 21 24 | complete image 96 20 21 21 | image 102 51 8 8 | complete image 96 46 21 21 | complete image 49 20 21 21 | image 55 51 8 8 | image 32 24 8 8 | image 102 24 8 8 | image 32 51 8 8 | image 8 24 8 8 | complete image 25 20 21 21 | complete image 72 20 21 24 | complete image 2 46 21 21 | complete image 49 46 21 21 | image 79 51 8 8 | complete image 72 46 21 24 | link 34 77 51 7 | title 5 61 15 2 | title 74 34 17 5 | title 98 34 16 2 | title 6 34 13 2 | title 27 61 17 5 | title 51 61 17 2 | title 28 34 17 2 | title 52 34 15 2 | title 74 61 17 5 | title 102 61 9 2 | title 3 7 113 5", "layout_seq_without_completion": "description 3 12 113 3 | image 55 24 8 8 | image 79 24 8 8 | image 8 51 8 8 | image 2 20 21 21 | image 25 46 21 24 | image 96 20 21 21 | image 102 51 8 8 | image 96 46 21 21 | image 49 20 21 21 | image 55 51 8 8 | image 32 24 8 8 | image 102 24 8 8 | image 32 51 8 8 | image 8 24 8 8 | image 25 20 21 21 | image 72 20 21 24 | image 2 46 21 21 | image 49 46 21 21 | image 79 51 8 8 | image 72 46 21 24 | link 34 77 51 7 | title 5 61 15 2 | title 74 34 17 5 | title 98 34 16 2 | title 6 34 13 2 | title 27 61 17 5 | title 51 61 17 2 | title 28 34 17 2 | title 52 34 15 2 | title 74 61 17 5 | title 102 61 9 2 | title 3 7 113 5", "plain_layout_seq": "description 3 12 113 3 | image 55 24 8 8 | image 79 24 8 8 | image 8 51 8 8 | image 2 20 21 21 | image 25 46 21 24 | image 96 20 21 21 | image 102 51 8 8 | image 96 46 21 21 | image 49 20 21 21 | image 55 51 8 8 | image 32 24 8 8 | image 102 24 8 8 | image 32 51 8 8 | image 8 24 8 8 | image 25 20 21 21 | image 72 20 21 24 | image 2 46 21 21 | image 49 46 21 21 | image 79 51 8 8 | image 72 46 21 24 | link 34 77 51 7 | title 5 61 15 2 | title 74 34 17 5 | title 98 34 16 2 | title 6 34 13 2 | title 27 61 17 5 | title 51 61 17 2 | title 28 34 17 2 | title 52 34 15 2 | title 74 61 17 5 | title 102 61 9 2 | title 3 7 113 5", "canvas_width": 1024, "canvas_height": 790, "elements": [ { "type": "title", "position": [ 27, 60, 970, 45 ], "completed": false }, { "type": "description", "position": [ 27, 105, 970, 32 ], "completed": false }, { "type": "image", "position": [ 20, 175, 184, 185 ], "completed": true }, { "type": "image", "position": [ 220, 175, 184, 185 ], "completed": true }, { "type": "image", "position": [ 420, 175, 184, 185 ], "completed": true }, { "type": "image", "position": [ 620, 175, 184, 210 ], "completed": true }, { "type": "image", "position": [ 820, 175, 184, 185 ], "completed": true }, { "type": "image", "position": [ 76, 211, 71, 71 ], "completed": false }, { "type": "image", "position": [ 276, 211, 71, 71 ], "completed": false }, { "type": "image", "position": [ 476, 211, 71, 71 ], "completed": false }, { "type": "image", "position": [ 676, 211, 71, 71 ], "completed": false }, { "type": "image", "position": [ 876, 211, 71, 71 ], "completed": false }, { "type": "title", "position": [ 52, 297, 119, 25 ], "completed": false }, { "type": "title", "position": [ 239, 297, 146, 25 ], "completed": false }, { "type": "title", "position": [ 446, 297, 131, 25 ], "completed": false }, { "type": "title", "position": [ 636, 297, 152, 50 ], "completed": false }, { "type": "title", "position": [ 842, 297, 141, 25 ], "completed": false }, { "type": "image", "position": [ 20, 401, 184, 185 ], "completed": true }, { "type": "image", "position": [ 220, 401, 184, 210 ], "completed": true }, { "type": "image", "position": [ 420, 401, 184, 185 ], "completed": true }, { "type": "image", "position": [ 620, 401, 184, 210 ], "completed": true }, { "type": "image", "position": [ 820, 401, 184, 185 ], "completed": true }, { "type": "image", "position": [ 76, 437, 71, 71 ], "completed": false }, { "type": "image", "position": [ 276, 437, 71, 71 ], "completed": false }, { "type": "image", "position": [ 476, 437, 71, 71 ], "completed": false }, { "type": "image", "position": [ 676, 437, 71, 71 ], "completed": false }, { "type": "image", "position": [ 876, 437, 71, 71 ], "completed": false }, { "type": "title", "position": [ 44, 523, 136, 25 ], "completed": false }, { "type": "title", "position": [ 236, 523, 152, 50 ], "completed": false }, { "type": "title", "position": [ 436, 523, 151, 25 ], "completed": false }, { "type": "title", "position": [ 636, 523, 152, 50 ], "completed": false }, { "type": "title", "position": [ 871, 523, 82, 25 ], "completed": false }, { "type": "link", "position": [ 294, 664, 437, 66 ], "completed": false } ] }, { "text": "# A page to advertise the membership of a company. # On the page, there should be a slogan \"Programs for everybody & schedule\" followed by a sentence about the benefit of joining the membership. Also, there should be several images showing the programs.", "region_id": "4778", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'programs for everybody & schedule'] ] [el:description] [gp:InfoGroup [gattr:repeat 'several'] [item [el:image] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "description 0 15 118 2 | image 0 24 120 19 | image 0 43 118 19 | title 0 7 120 6", "layout_seq_without_completion": "description 0 15 118 2 | image 0 24 120 19 | image 0 43 118 19 | title 0 7 120 6", "plain_layout_seq": "description 0 15 118 2 | image 0 24 120 19 | image 0 43 118 19 | title 0 7 120 6", "canvas_width": 1024, "canvas_height": 601, "elements": [ { "type": "title", "position": [ 0, 60, 1024, 52 ], "completed": false }, { "type": "description", "position": [ 0, 128, 1009, 24 ], "completed": false }, { "type": "image", "position": [ 0, 208, 1024, 166 ], "completed": false }, { "type": "image", "position": [ 0, 374, 1009, 166 ], "completed": false } ] }, { "text": "# A page for the presenting blog news. # The page should have the title \"BLOG NEWS\", and one set of pagination for the user to switch pages to view more news. There should have two groups with each having an image, a phrase \"POPULAR TOOLS\" showing the topic, a title, a short description, a date, and a button \"ReadMore\" for the user to read more info.", "region_id": "7049", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'blog news'] ] [el:pagination] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:text [attr:value 'POPULAR TOOLS'] ] [el:title] [el:description [attr:size 'small'] ] [el:text] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 107 4 2 2 | complete icon 113 4 2 2 | title 3 1 112 7 | \" [ button 5 59 16 5 | description 5 54 50 2 | image 5 14 50 26 | text 5 44 14 2 | title 5 48 46 3 ] | [ button 63 61 16 5 | description 63 57 50 2 | image 63 14 50 24 | text 63 43 14 2 | title 63 47 49 7 ] \"", "layout_seq_without_completion": "icon 107 4 2 2 | icon 113 4 2 2 | title 3 1 112 7 | \" [ button 5 59 16 5 | description 5 54 50 2 | image 5 14 50 26 | text 5 44 14 2 | title 5 48 46 3 ] | [ button 63 61 16 5 | description 63 57 50 2 | image 63 14 50 24 | text 63 43 14 2 | title 63 47 49 7 ] \"", "plain_layout_seq": "button 5 59 16 5 | button 63 61 16 5 | description 5 54 50 2 | description 63 57 50 2 | icon 107 4 2 2 | icon 113 4 2 2 | image 5 14 50 26 | image 63 14 50 24 | text 5 44 14 2 | text 63 43 14 2 | title 3 1 112 7 | title 5 48 46 3 | title 63 47 49 7", "canvas_width": 1009, "canvas_height": 655, "elements": [ { "type": "title", "position": [ 30, 15, 949, 60 ], "completed": false }, { "type": "icon", "position": [ 907, 34, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 952, 34, 18, 18 ], "completed": true }, { "type": "image", "position": [ 50, 126, 425, 222 ], "completed": false }, { "type": "image", "position": [ 534, 126, 425, 210 ], "completed": false }, { "type": "text", "position": [ 534, 362, 122, 20 ], "completed": false }, { "type": "text", "position": [ 50, 373, 122, 20 ], "completed": false }, { "type": "title", "position": [ 534, 400, 419, 60 ], "completed": false }, { "type": "title", "position": [ 50, 412, 395, 29 ], "completed": false }, { "type": "description", "position": [ 50, 461, 425, 18 ], "completed": false }, { "type": "description", "position": [ 534, 481, 425, 18 ], "completed": false }, { "type": "button", "position": [ 50, 499, 142, 44 ], "completed": false }, { "type": "button", "position": [ 534, 518, 142, 44 ], "completed": false } ] }, { "text": "# A page for advertising the products in an online shop. # The page should have the title \"PRODUCTS\" and three groups of product information. And each group should have a category name, a description, and a link \"SHOP NOW\" for the user to enter the category to shop. Also, on the page, there should have a button \"SHOP NOW\" for the user to click to shop now.", "region_id": "7012", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'products'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:text] [el:description] [el:link [attr:value 'SHOP NOW'] ] ] ] [el:button [attr:value 'shop now'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | link undefined undefined | text undefined undefined ] | [ description undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 51 73 16 5 | title 5 0 13 3 | \" [ description 8 46 29 13 | complete icon 19 63 1 1 | complete image 5 7 35 61 | complete image 8 10 29 29 | link 8 62 9 2 | text 8 42 29 3 ] | [ description 45 46 29 13 | complete icon 56 63 1 1 | complete image 42 7 35 61 | complete image 45 10 29 29 | link 45 62 9 2 | text 45 42 29 3 ] | [ description 81 46 29 6 | complete icon 92 56 1 1 | complete image 81 10 29 29 | complete image 78 7 35 61 | link 81 55 9 2 | text 81 42 29 3 ] \"", "layout_seq_without_completion": "button 51 73 16 5 | title 5 0 13 3 | \" [ description 8 46 29 13 | icon 19 63 1 1 | image 5 7 35 61 | image 8 10 29 29 | link 8 62 9 2 | text 8 42 29 3 ] | [ description 45 46 29 13 | icon 56 63 1 1 | image 42 7 35 61 | image 45 10 29 29 | link 45 62 9 2 | text 45 42 29 3 ] | [ description 81 46 29 6 | icon 92 56 1 1 | image 81 10 29 29 | image 78 7 35 61 | link 81 55 9 2 | text 81 42 29 3 ] \"", "plain_layout_seq": "button 51 73 16 5 | description 8 46 29 13 | description 45 46 29 13 | description 81 46 29 6 | icon 19 63 1 1 | icon 56 63 1 1 | icon 92 56 1 1 | image 5 7 35 61 | image 8 10 29 29 | image 42 7 35 61 | image 45 10 29 29 | image 81 10 29 29 | image 78 7 35 61 | link 8 62 9 2 | link 45 62 9 2 | link 81 55 9 2 | text 8 42 29 3 | text 45 42 29 3 | text 81 42 29 3 | title 5 0 13 3", "canvas_width": 1024, "canvas_height": 670, "elements": [ { "type": "title", "position": [ 50, 0, 117, 32 ], "completed": false }, { "type": "image", "position": [ 50, 63, 301, 522 ], "completed": true }, { "type": "image", "position": [ 361, 63, 301, 522 ], "completed": true }, { "type": "image", "position": [ 673, 63, 301, 522 ], "completed": true }, { "type": "image", "position": [ 75, 88, 251, 251 ], "completed": true }, { "type": "image", "position": [ 386, 88, 251, 251 ], "completed": true }, { "type": "image", "position": [ 698, 88, 251, 251 ], "completed": true }, { "type": "text", "position": [ 75, 364, 251, 27 ], "completed": false }, { "type": "text", "position": [ 386, 364, 251, 27 ], "completed": false }, { "type": "text", "position": [ 698, 364, 251, 27 ], "completed": false }, { "type": "description", "position": [ 75, 401, 251, 115 ], "completed": false }, { "type": "description", "position": [ 386, 401, 251, 115 ], "completed": false }, { "type": "description", "position": [ 698, 401, 251, 58 ], "completed": false }, { "type": "link", "position": [ 698, 477, 80, 21 ], "completed": false }, { "type": "icon", "position": [ 789, 482, 15, 11 ], "completed": true }, { "type": "link", "position": [ 75, 534, 80, 21 ], "completed": false }, { "type": "link", "position": [ 386, 534, 80, 21 ], "completed": false }, { "type": "icon", "position": [ 166, 539, 15, 11 ], "completed": true }, { "type": "icon", "position": [ 478, 539, 15, 11 ], "completed": true }, { "type": "button", "position": [ 442, 625, 141, 45 ], "completed": false } ] }, { "text": "#A page introducing the services of a company.# There should be a search engine named \"Find out more\" where users can type in to search for more info. There are three images and three link to show these services.", "region_id": "2313", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'find out more'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | link 96 34 15 2 | link 26 34 11 2 | link 52 34 23 2 | title 6 5 106 4", "layout_seq_without_completion": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | link 96 34 15 2 | link 26 34 11 2 | link 52 34 23 2 | title 6 5 106 4", "plain_layout_seq": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | link 96 34 15 2 | link 26 34 11 2 | link 52 34 23 2 | title 6 5 106 4", "canvas_width": 1043, "canvas_height": 393, "elements": [ { "type": "title", "position": [ 56, 50, 930, 35 ], "completed": false }, { "type": "image", "position": [ 72, 115, 280, 180 ], "completed": false }, { "type": "image", "position": [ 391, 115, 280, 180 ], "completed": false }, { "type": "image", "position": [ 711, 115, 280, 180 ], "completed": false }, { "type": "link", "position": [ 228, 301, 104, 24 ], "completed": false }, { "type": "link", "position": [ 452, 301, 200, 24 ], "completed": false }, { "type": "link", "position": [ 837, 301, 134, 24 ], "completed": false } ] }, { "text": "#A page introducing the services of a company.# There should be a search engine named \"Find out more\" where users can type in to search for more info. There are three images and three text boxes showing these services.", "region_id": "2313_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'find out more'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | text 96 34 15 2 | text 26 34 11 2 | text 52 34 23 2 | title 6 5 106 4", "layout_seq_without_completion": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | text 96 34 15 2 | text 26 34 11 2 | text 52 34 23 2 | title 6 5 106 4", "plain_layout_seq": "image 81 13 32 20 | image 44 13 32 20 | image 8 13 32 20 | text 96 34 15 2 | text 26 34 11 2 | text 52 34 23 2 | title 6 5 106 4", "canvas_width": 1043, "canvas_height": 393, "elements": [ { "type": "title", "position": [ 56, 50, 930, 35 ], "completed": false }, { "type": "image", "position": [ 72, 115, 280, 180 ], "completed": false }, { "type": "image", "position": [ 391, 115, 280, 180 ], "completed": false }, { "type": "image", "position": [ 711, 115, 280, 180 ], "completed": false }, { "type": "text", "position": [ 228, 301, 104, 24 ], "completed": false }, { "type": "text", "position": [ 452, 301, 200, 24 ], "completed": false }, { "type": "text", "position": [ 837, 301, 134, 24 ], "completed": false } ] }, { "text": "#A page for showing the products to users.#The page should have two groups and each group has a background image and a title, \"muse favorites\" and \"posh collection\". Also, there is a description in each group.", "region_id": "7729", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'muse favorites, posh collection'] [item [el:background_image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 60 83 | description 4 71 50 6 | title 4 68 50 2 ] | [ background 60 0 60 83 | description 64 71 50 6 | title 64 68 50 2 ] \"", "layout_seq_without_completion": "\" [ background 0 0 60 83 | description 4 71 50 6 | title 4 68 50 2 ] | [ background 60 0 60 83 | description 64 71 50 6 | title 64 68 50 2 ] \"", "plain_layout_seq": "background 0 0 60 83 | background 60 0 60 83 | description 4 71 50 6 | description 64 71 50 6 | title 4 68 50 2 | title 64 68 50 2", "canvas_width": 1024, "canvas_height": 710, "elements": [ { "type": "background", "position": [ 0, 0, 512, 710 ], "completed": false }, { "type": "background", "position": [ 512, 0, 512, 710 ], "completed": false }, { "type": "title", "position": [ 40, 586, 432, 20 ], "completed": false }, { "type": "title", "position": [ 552, 586, 432, 20 ], "completed": false }, { "type": "description", "position": [ 40, 613, 432, 58 ], "completed": false }, { "type": "description", "position": [ 552, 613, 432, 58 ], "completed": false } ] }, { "text": "# A page for advertising the software Linux to attract the user.# The page should contain eight information sets where there should be an image and a description of the Linux respectively.", "region_id": "2816", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "\" [ description 12 15 21 16 | image 12 0 21 12 | complete image 12 0 21 31 ] | [ description 35 15 21 10 | image 35 0 21 12 | complete image 35 0 21 31 ] | [ description 57 15 21 13 | image 57 0 21 12 | complete image 57 0 21 31 ] | [ description 80 15 21 13 | image 80 0 21 12 | complete image 80 0 21 31 ] | [ description 12 52 21 10 | complete image 12 37 21 38 | image 12 37 21 12 ] | [ description 35 52 21 6 | image 35 37 21 12 | complete image 35 37 21 38 ] | [ description 57 52 21 23 | complete image 57 37 21 38 | image 57 37 21 12 ] | [ description 80 52 21 16 | image 80 37 21 12 | complete image 80 37 21 38 ] \"", "layout_seq_without_completion": "\" [ description 12 15 21 16 | image 12 0 21 12 | image 12 0 21 31 ] | [ description 35 15 21 10 | image 35 0 21 12 | image 35 0 21 31 ] | [ description 57 15 21 13 | image 57 0 21 12 | image 57 0 21 31 ] | [ description 80 15 21 13 | image 80 0 21 12 | image 80 0 21 31 ] | [ description 12 52 21 10 | image 12 37 21 38 | image 12 37 21 12 ] | [ description 35 52 21 6 | image 35 37 21 12 | image 35 37 21 38 ] | [ description 57 52 21 23 | image 57 37 21 38 | image 57 37 21 12 ] | [ description 80 52 21 16 | image 80 37 21 12 | image 80 37 21 38 ] \"", "plain_layout_seq": "description 12 15 21 16 | description 35 15 21 10 | description 57 15 21 13 | description 80 15 21 13 | description 12 52 21 10 | description 35 52 21 6 | description 57 52 21 23 | description 80 52 21 16 | image 12 0 21 12 | image 12 0 21 31 | image 35 0 21 12 | image 35 0 21 31 | image 57 0 21 12 | image 57 0 21 31 | image 80 0 21 12 | image 80 0 21 31 | image 12 37 21 38 | image 12 37 21 12 | image 35 37 21 12 | image 35 37 21 38 | image 57 37 21 38 | image 57 37 21 12 | image 80 37 21 12 | image 80 37 21 38", "canvas_width": 1019, "canvas_height": 655, "elements": [ { "type": "image", "position": [ 104, 6, 182, 102 ], "completed": false }, { "type": "image", "position": [ 104, 6, 182, 270 ], "completed": true }, { "type": "image", "position": [ 298, 6, 182, 102 ], "completed": false }, { "type": "image", "position": [ 298, 6, 182, 270 ], "completed": true }, { "type": "image", "position": [ 491, 6, 182, 102 ], "completed": false }, { "type": "image", "position": [ 491, 6, 182, 270 ], "completed": true }, { "type": "image", "position": [ 685, 6, 182, 102 ], "completed": false }, { "type": "image", "position": [ 685, 6, 182, 270 ], "completed": true }, { "type": "description", "position": [ 104, 133, 182, 144 ], "completed": false }, { "type": "description", "position": [ 298, 133, 182, 86 ], "completed": false }, { "type": "description", "position": [ 491, 133, 182, 115 ], "completed": false }, { "type": "description", "position": [ 685, 133, 182, 115 ], "completed": false }, { "type": "image", "position": [ 104, 321, 182, 328 ], "completed": true }, { "type": "image", "position": [ 104, 321, 182, 102 ], "completed": false }, { "type": "image", "position": [ 298, 321, 182, 328 ], "completed": true }, { "type": "image", "position": [ 298, 321, 182, 102 ], "completed": false }, { "type": "image", "position": [ 491, 321, 182, 102 ], "completed": false }, { "type": "image", "position": [ 491, 321, 182, 328 ], "completed": true }, { "type": "image", "position": [ 685, 321, 182, 102 ], "completed": false }, { "type": "image", "position": [ 685, 321, 182, 328 ], "completed": true }, { "type": "description", "position": [ 104, 447, 182, 86 ], "completed": false }, { "type": "description", "position": [ 298, 447, 182, 58 ], "completed": false }, { "type": "description", "position": [ 491, 447, 182, 202 ], "completed": false }, { "type": "description", "position": [ 685, 447, 182, 144 ], "completed": false } ] }, { "text": "# A page to show the partners of a company. # There should be a title \"Partners\" and 20 small images showing the logo the partner company.", "region_id": "423", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'partners'] ] [gp:InfoGroup [gattr:repeat'20'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 11 11 96 4 | \" [ logo 14 24 20 8 ] | [ logo 38 24 20 8 ] | [ logo 61 24 20 8 ] | [ logo 84 24 20 8 ] | [ logo 14 35 20 8 ] | [ logo 38 35 20 8 ] | [ logo 61 35 20 8 ] | [ logo 84 35 20 8 ] | [ logo 14 47 20 8 ] | [ logo 38 47 20 8 ] | [ logo 61 47 20 8 ] | [ logo 84 47 20 8 ] | [ logo 14 59 20 8 ] | [ logo 38 59 20 8 ] | [ logo 61 59 20 8 ] | [ logo 84 59 20 8 ] | [ logo 14 70 20 8 ] | [ logo 38 70 20 8 ] | [ logo 61 70 20 8 ] | [ logo 84 70 20 8 ] \"", "layout_seq_without_completion": "title 11 11 96 4 | \" [ logo 14 24 20 8 ] | [ logo 38 24 20 8 ] | [ logo 61 24 20 8 ] | [ logo 84 24 20 8 ] | [ logo 14 35 20 8 ] | [ logo 38 35 20 8 ] | [ logo 61 35 20 8 ] | [ logo 84 35 20 8 ] | [ logo 14 47 20 8 ] | [ logo 38 47 20 8 ] | [ logo 61 47 20 8 ] | [ logo 84 47 20 8 ] | [ logo 14 59 20 8 ] | [ logo 38 59 20 8 ] | [ logo 61 59 20 8 ] | [ logo 84 59 20 8 ] | [ logo 14 70 20 8 ] | [ logo 38 70 20 8 ] | [ logo 61 70 20 8 ] | [ logo 84 70 20 8 ] \"", "plain_layout_seq": "logo 14 24 20 8 | logo 38 24 20 8 | logo 61 24 20 8 | logo 84 24 20 8 | logo 14 35 20 8 | logo 38 35 20 8 | logo 61 35 20 8 | logo 84 35 20 8 | logo 14 47 20 8 | logo 38 47 20 8 | logo 61 47 20 8 | logo 84 47 20 8 | logo 14 59 20 8 | logo 38 59 20 8 | logo 61 59 20 8 | logo 84 59 20 8 | logo 14 70 20 8 | logo 38 70 20 8 | logo 61 70 20 8 | logo 84 70 20 8 | title 11 11 96 4", "canvas_width": 1024, "canvas_height": 755, "elements": [ { "type": "title", "position": [ 102, 95, 820, 40 ], "completed": false }, { "type": "logo", "position": [ 126, 205, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 325, 205, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 524, 205, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 723, 205, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 126, 305, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 325, 305, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 524, 305, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 723, 305, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 126, 405, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 325, 405, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 524, 405, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 723, 405, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 126, 505, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 325, 505, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 524, 505, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 723, 505, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 126, 605, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 325, 605, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 524, 605, 175, 76 ], "completed": false }, { "type": "logo", "position": [ 723, 605, 175, 76 ], "completed": false } ] }, { "text": "#A page for showing the news of health.#The page should have a title and there are four groups. In each group, there is an image and a title, \"toilet trouble\", \"covid coverage\", \"saving grace\", and \"bad batch\". Also, there is a description in each group.", "region_id": "3337", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'toilet trouble, covid coverage, saving grace, bad batch'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 7 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "layout_seq_without_completion": "title 1 4 118 4 | \" [ description 2 36 26 4 | image 0 11 29 20 | title 2 34 26 1 ] | [ description 31 36 26 7 | image 30 11 29 20 | title 31 34 26 1 ] | [ description 61 36 26 4 | image 60 11 29 20 | title 61 34 26 1 ] | [ description 91 36 26 4 | image 90 11 29 20 | title 91 34 26 1 ] \"", "plain_layout_seq": "description 2 36 26 4 | description 31 36 26 7 | description 61 36 26 4 | description 91 36 26 4 | image 0 11 29 20 | image 30 11 29 20 | image 60 11 29 20 | image 90 11 29 20 | title 1 4 118 4 | title 2 34 26 1 | title 31 34 26 1 | title 61 34 26 1 | title 91 34 26 1", "canvas_width": 1024, "canvas_height": 409, "elements": [ { "type": "title", "position": [ 10, 40, 1014, 41 ], "completed": false }, { "type": "image", "position": [ 4, 101, 251, 177 ], "completed": false }, { "type": "image", "position": [ 259, 101, 251, 177 ], "completed": false }, { "type": "image", "position": [ 514, 101, 251, 177 ], "completed": false }, { "type": "image", "position": [ 769, 101, 251, 177 ], "completed": false }, { "type": "title", "position": [ 18, 293, 223, 14 ], "completed": false }, { "type": "title", "position": [ 273, 293, 223, 14 ], "completed": false }, { "type": "title", "position": [ 528, 293, 223, 14 ], "completed": false }, { "type": "title", "position": [ 783, 293, 223, 14 ], "completed": false }, { "type": "description", "position": [ 18, 313, 223, 40 ], "completed": false }, { "type": "description", "position": [ 273, 313, 223, 60 ], "completed": false }, { "type": "description", "position": [ 528, 313, 223, 40 ], "completed": false }, { "type": "description", "position": [ 783, 313, 223, 40 ], "completed": false } ] }, { "text": "#A page for showing the pics of activity with eyewear.# The page should have a title and 8 images that people wearing eyewear while taking part in different activities such as running, and fishing to attract users to buy eyewear.", "region_id": "2895", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 1 27 29 21 | image 60 27 29 21 | image 1 6 29 21 | image 89 6 29 21 | image 30 6 29 21 | image 60 6 29 21 | image 30 27 29 21 | image 89 27 29 21 | title 1 0 117 3", "layout_seq_without_completion": "image 1 27 29 21 | image 60 27 29 21 | image 1 6 29 21 | image 89 6 29 21 | image 30 6 29 21 | image 60 6 29 21 | image 30 27 29 21 | image 89 27 29 21 | title 1 0 117 3", "plain_layout_seq": "image 1 27 29 21 | image 60 27 29 21 | image 1 6 29 21 | image 89 6 29 21 | image 30 6 29 21 | image 60 6 29 21 | image 30 27 29 21 | image 89 27 29 21 | title 1 0 117 3", "canvas_width": 1024, "canvas_height": 421, "elements": [ { "type": "title", "position": [ 11, 0, 1002, 30 ], "completed": false }, { "type": "image", "position": [ 11, 55, 251, 183 ], "completed": false }, { "type": "image", "position": [ 262, 55, 251, 183 ], "completed": false }, { "type": "image", "position": [ 512, 55, 251, 183 ], "completed": false }, { "type": "image", "position": [ 762, 55, 251, 183 ], "completed": false }, { "type": "image", "position": [ 11, 238, 251, 183 ], "completed": false }, { "type": "image", "position": [ 262, 238, 251, 183 ], "completed": false }, { "type": "image", "position": [ 512, 238, 251, 183 ], "completed": false }, { "type": "image", "position": [ 762, 238, 251, 183 ], "completed": false } ] }, { "text": "#A page for selling products.# The page should have an exciting slogan to attract users to buy, and 2 groups while each group has a background image, and two texts introducing the pros and discounts of the product. A button is needed for users to click to shop now.", "region_id": "5835", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:description [attr:repeat '2'] ] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined undefined | description undefined undefined ] }", "layout_seq_with_completion": "title 35 9 48 7 | \" [ background 1 19 57 28 | button 6 37 16 4 | description 6 24 34 8 | description 6 33 14 2 ] | [ background 61 19 57 28 | button 65 37 16 4 | description 65 24 25 8 | description 65 33 14 2 ] \"", "layout_seq_without_completion": "title 35 9 48 7 | \" [ background 1 19 57 28 | button 6 37 16 4 | description 6 24 34 8 | description 6 33 14 2 ] | [ background 61 19 57 28 | button 65 37 16 4 | description 65 24 25 8 | description 65 33 14 2 ] \"", "plain_layout_seq": "background 1 19 57 28 | background 61 19 57 28 | button 6 37 16 4 | button 65 37 16 4 | description 6 24 34 8 | description 6 33 14 2 | description 65 24 25 8 | description 65 33 14 2 | title 35 9 48 7", "canvas_width": 1024, "canvas_height": 407, "elements": [ { "type": "title", "position": [ 306, 77, 413, 65 ], "completed": false }, { "type": "background", "position": [ 15, 163, 487, 244 ], "completed": false }, { "type": "background", "position": [ 522, 163, 487, 244 ], "completed": false }, { "type": "description", "position": [ 55, 207, 294, 73 ], "completed": false }, { "type": "description", "position": [ 562, 207, 220, 73 ], "completed": false }, { "type": "description", "position": [ 55, 283, 121, 20 ], "completed": false }, { "type": "description", "position": [ 562, 283, 121, 20 ], "completed": false }, { "type": "button", "position": [ 55, 318, 138, 39 ], "completed": false }, { "type": "button", "position": [ 562, 318, 138, 39 ], "completed": false } ] }, { "text": "#A page for selling gold, clean coat, and so on.# The page should have a title, and 8 groups while each group has images, and two texts to show the photo, title, and price of the goods. A button is needed for users to click to view all goods.", "region_id": "6838", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 52 89 14 5 | title 11 0 96 3 | \" [ image 5 7 26 26 | text 5 40 6 2 | title 5 35 24 4 ] | [ image 33 7 26 26 | text 33 40 6 2 | title 33 35 24 4 ] | [ image 60 7 26 26 | text 60 38 6 2 | title 60 35 24 2 ] | [ image 88 7 26 26 | text 87 38 7 2 | title 87 35 24 2 ] | [ image 5 51 26 26 | text 5 82 6 2 | title 5 79 24 2 ] | [ image 33 51 26 26 | text 33 82 7 2 | title 33 79 24 2 ] | [ image 60 51 26 26 | text 60 82 6 2 | title 60 79 24 2 ] | [ image 88 51 26 26 | text 87 82 7 2 | title 87 79 24 2 ] \"", "layout_seq_without_completion": "button 52 89 14 5 | title 11 0 96 3 | \" [ image 5 7 26 26 | text 5 40 6 2 | title 5 35 24 4 ] | [ image 33 7 26 26 | text 33 40 6 2 | title 33 35 24 4 ] | [ image 60 7 26 26 | text 60 38 6 2 | title 60 35 24 2 ] | [ image 88 7 26 26 | text 87 38 7 2 | title 87 35 24 2 ] | [ image 5 51 26 26 | text 5 82 6 2 | title 5 79 24 2 ] | [ image 33 51 26 26 | text 33 82 7 2 | title 33 79 24 2 ] | [ image 60 51 26 26 | text 60 82 6 2 | title 60 79 24 2 ] | [ image 88 51 26 26 | text 87 82 7 2 | title 87 79 24 2 ] \"", "plain_layout_seq": "button 52 89 14 5 | image 5 7 26 26 | image 33 7 26 26 | image 60 7 26 26 | image 88 7 26 26 | image 5 51 26 26 | image 33 51 26 26 | image 60 51 26 26 | image 88 51 26 26 | text 5 40 6 2 | text 33 40 6 2 | text 60 38 6 2 | text 87 38 7 2 | text 5 82 6 2 | text 33 82 7 2 | text 60 82 6 2 | text 87 82 7 2 | title 11 0 96 3 | title 5 35 24 4 | title 33 35 24 4 | title 60 35 24 2 | title 87 35 24 2 | title 5 79 24 2 | title 33 79 24 2 | title 60 79 24 2 | title 87 79 24 2", "canvas_width": 1024, "canvas_height": 812, "elements": [ { "type": "title", "position": [ 101, 0, 822, 33 ], "completed": false }, { "type": "image", "position": [ 51, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 63, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 63, 222, 222 ], "completed": false }, { "type": "title", "position": [ 50, 303, 212, 36 ], "completed": false }, { "type": "title", "position": [ 284, 303, 212, 36 ], "completed": false }, { "type": "title", "position": [ 517, 303, 212, 18 ], "completed": false }, { "type": "title", "position": [ 750, 303, 212, 18 ], "completed": false }, { "type": "text", "position": [ 517, 329, 55, 19 ], "completed": false }, { "type": "text", "position": [ 750, 329, 65, 19 ], "completed": false }, { "type": "text", "position": [ 50, 347, 55, 19 ], "completed": false }, { "type": "text", "position": [ 284, 347, 55, 19 ], "completed": false }, { "type": "image", "position": [ 51, 440, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 440, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 440, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 440, 222, 222 ], "completed": false }, { "type": "title", "position": [ 50, 679, 212, 18 ], "completed": false }, { "type": "title", "position": [ 284, 679, 212, 18 ], "completed": false }, { "type": "title", "position": [ 517, 679, 212, 18 ], "completed": false }, { "type": "title", "position": [ 750, 679, 212, 18 ], "completed": false }, { "type": "text", "position": [ 50, 705, 55, 19 ], "completed": false }, { "type": "text", "position": [ 284, 705, 65, 19 ], "completed": false }, { "type": "text", "position": [ 517, 705, 55, 19 ], "completed": false }, { "type": "text", "position": [ 750, 705, 65, 19 ], "completed": false }, { "type": "button", "position": [ 451, 767, 122, 45 ], "completed": false } ] }, { "text": "#A page showing the information about Christmas to users.#The page should have four groups of activities. And each of them should include one background picture, one title, and one link for users to click to read more.", "region_id": "7446", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 26 21 22 11 | background 19 58 15 11 | background 72 58 16 11 | background 84 21 14 11 | link 75 64 11 2 | link 87 27 8 2 | link 22 64 9 2 | link 29 27 16 2 | title 75 61 11 3 | title 22 61 9 3 | title 29 23 16 3 | title 87 23 8 3", "layout_seq_without_completion": "background 26 21 22 11 | background 19 58 15 11 | background 72 58 16 11 | background 84 21 14 11 | link 75 64 11 2 | link 87 27 8 2 | link 22 64 9 2 | link 29 27 16 2 | title 75 61 11 3 | title 22 61 9 3 | title 29 23 16 3 | title 87 23 8 3", "plain_layout_seq": "background 26 21 22 11 | background 19 58 15 11 | background 72 58 16 11 | background 84 21 14 11 | link 75 64 11 2 | link 87 27 8 2 | link 22 64 9 2 | link 29 27 16 2 | title 75 61 11 3 | title 22 61 9 3 | title 29 23 16 3 | title 87 23 8 3", "canvas_width": 1012, "canvas_height": 719, "elements": [ { "type": "background", "position": [ 227, 179, 191, 94 ], "completed": false }, { "type": "background", "position": [ 712, 179, 120, 94 ], "completed": false }, { "type": "title", "position": [ 252, 199, 141, 31 ], "completed": false }, { "type": "title", "position": [ 737, 199, 70, 31 ], "completed": false }, { "type": "link", "position": [ 252, 230, 141, 23 ], "completed": false }, { "type": "link", "position": [ 737, 230, 70, 23 ], "completed": false }, { "type": "background", "position": [ 164, 495, 132, 94 ], "completed": false }, { "type": "background", "position": [ 608, 495, 143, 94 ], "completed": false }, { "type": "title", "position": [ 189, 515, 82, 31 ], "completed": false }, { "type": "title", "position": [ 633, 515, 93, 31 ], "completed": false }, { "type": "link", "position": [ 633, 546, 93, 23 ], "completed": false }, { "type": "link", "position": [ 189, 547, 82, 23 ], "completed": false } ] }, { "text": "#A page for showing the projects for inspiration.#The page should have a title and three groups. In each group, there is an image and a title, \"drinks cabinet\", \"tropical back yard\", and \"modern bathroom light effect\". Also, there is content in each group to describe the project. There is also a button for users to click to view all.", "region_id": "6714", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'drinks cabinet, tropical back yard, modern bathroom light effect'] [item [el:image] [el:title] [el:description] ] ] [el:button [attr:value 'view all']] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 52 67 14 5 | title 5 4 28 3 | \" [ description 9 39 25 16 | image 5 11 32 19 | title 9 34 25 3 ] | [ description 46 39 25 13 | image 43 11 32 19 | title 46 34 25 3 ] | [ description 84 43 25 13 | image 81 11 32 19 | title 84 34 25 7 ] \"", "layout_seq_without_completion": "button 52 67 14 5 | title 5 4 28 3 | \" [ description 9 39 25 16 | image 5 11 32 19 | title 9 34 25 3 ] | [ description 46 39 25 13 | image 43 11 32 19 | title 46 34 25 3 ] | [ description 84 43 25 13 | image 81 11 32 19 | title 84 34 25 7 ] \"", "plain_layout_seq": "button 52 67 14 5 | description 9 39 25 16 | description 46 39 25 13 | description 84 43 25 13 | image 5 11 32 19 | image 43 11 32 19 | image 81 11 32 19 | title 5 4 28 3 | title 9 34 25 3 | title 46 34 25 3 | title 84 34 25 7", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "title", "position": [ 50, 35, 243, 33 ], "completed": false }, { "type": "image", "position": [ 50, 97, 281, 169 ], "completed": false }, { "type": "image", "position": [ 371, 97, 281, 169 ], "completed": false }, { "type": "image", "position": [ 693, 97, 281, 169 ], "completed": false }, { "type": "title", "position": [ 80, 293, 221, 33 ], "completed": false }, { "type": "title", "position": [ 401, 293, 221, 33 ], "completed": false }, { "type": "title", "position": [ 723, 293, 221, 64 ], "completed": false }, { "type": "description", "position": [ 80, 337, 221, 144 ], "completed": false }, { "type": "description", "position": [ 401, 337, 221, 115 ], "completed": false }, { "type": "description", "position": [ 723, 368, 221, 116 ], "completed": false }, { "type": "button", "position": [ 451, 580, 122, 47 ], "completed": false } ] }, { "text": "# A page for presenting the customer's review for a shop.# The page should have a title \"WHAT THE SHOPPER SAY\" and three groups of review information with each having a review and a customer name. Besides, there should be pagination for the user to switch pages to read more.", "region_id": "8601", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what the shopper say'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:text[attr:repeat'2']]] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 57 53 2 2 | complete button 60 53 2 2 | complete icon 23 16 2 2 | complete icon 94 16 2 2 | complete icon 58 16 2 2 | complete link 85 32 23 2 | text 8 30 32 2 | text 79 21 31 13 | text 43 20 32 13 | text 43 38 32 2 | text 79 38 32 2 | text 8 20 32 5 | title 6 6 107 2", "layout_seq_without_completion": "button 57 53 2 2 | button 60 53 2 2 | icon 23 16 2 2 | icon 94 16 2 2 | icon 58 16 2 2 | link 85 32 23 2 | text 8 30 32 2 | text 79 21 31 13 | text 43 20 32 13 | text 43 38 32 2 | text 79 38 32 2 | text 8 20 32 5 | title 6 6 107 2", "plain_layout_seq": "button 57 53 2 2 | button 60 53 2 2 | icon 23 16 2 2 | icon 94 16 2 2 | icon 58 16 2 2 | link 85 32 23 2 | text 8 30 32 2 | text 79 21 31 13 | text 43 20 32 13 | text 43 38 32 2 | text 79 38 32 2 | text 8 20 32 5 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 528, "elements": [ { "type": "title", "position": [ 55, 55, 914, 25 ], "completed": false }, { "type": "icon", "position": [ 197, 138, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 501, 138, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 805, 138, 20, 20 ], "completed": true }, { "type": "text", "position": [ 70, 178, 274, 47 ], "completed": false }, { "type": "text", "position": [ 374, 178, 274, 118 ], "completed": false }, { "type": "text", "position": [ 681, 180, 268, 114 ], "completed": false }, { "type": "text", "position": [ 70, 256, 274, 18 ], "completed": false }, { "type": "link", "position": [ 733, 275, 201, 21 ], "completed": true }, { "type": "text", "position": [ 374, 326, 274, 18 ], "completed": false }, { "type": "text", "position": [ 678, 326, 274, 18 ], "completed": false }, { "type": "button", "position": [ 492, 453, 20, 20 ], "completed": true }, { "type": "button", "position": [ 512, 453, 20, 20 ], "completed": true } ] }, { "text": "# A page for marketing a company LitCharts. # On the page, there should have a slogan and four groups of information sets \"Literature guides\" \"Poetry guides\" \"Terms and service guides\" and \"Shakespeare translations\". In each group, there should be a specific number and a title of the group.", "region_id": "5531", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Literature guides, Poetry guides, Terms and service guides, Shakespeare translations'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 12 34 16 10 | text 88 34 21 10 | text 39 34 14 10 | text 66 34 12 10 | title 61 43 23 3 | title 1 20 116 9 | title 35 43 23 3 | title 87 43 23 7 | title 8 43 23 3", "layout_seq_without_completion": "text 12 34 16 10 | text 88 34 21 10 | text 39 34 14 10 | text 66 34 12 10 | title 61 43 23 3 | title 1 20 116 9 | title 35 43 23 3 | title 87 43 23 7 | title 8 43 23 3", "plain_layout_seq": "text 12 34 16 10 | text 88 34 21 10 | text 39 34 14 10 | text 66 34 12 10 | title 61 43 23 3 | title 1 20 116 9 | title 35 43 23 3 | title 87 43 23 7 | title 8 43 23 3", "canvas_width": 1024, "canvas_height": 434, "elements": [ { "type": "title", "position": [ 15, 179, 994, 85 ], "completed": false }, { "type": "text", "position": [ 103, 296, 142, 86 ], "completed": false }, { "type": "text", "position": [ 339, 296, 121, 86 ], "completed": false }, { "type": "text", "position": [ 571, 296, 107, 86 ], "completed": false }, { "type": "text", "position": [ 759, 296, 182, 86 ], "completed": false }, { "type": "title", "position": [ 74, 374, 200, 30 ], "completed": false }, { "type": "title", "position": [ 300, 374, 200, 30 ], "completed": false }, { "type": "title", "position": [ 525, 374, 200, 30 ], "completed": false }, { "type": "title", "position": [ 750, 374, 200, 60 ], "completed": false } ] }, { "text": "# A page to show customers the goods information of bedding.# On this page, the title \"Bedding\" is involved on the top. Under this, four types of bedding products are set. Each contains a short description of this product placed between a picture of the related product and the price of it vertically. At the bottom, a button for \"shop more\" is set.", "region_id": "8526", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'bedding'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:size 'small'] ] [el:text] ] ] [el:button [attr:position 'bottom'] [attr:value 'shop more'] ] ]", "execution": "multiinfo : button bottom undefined | title top undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 51 62 17 5 | description 61 36 25 17 | description 88 36 24 17 | description 8 36 25 14 | description 34 36 25 17 | text 44 54 5 2 | text 98 54 5 2 | text 18 51 5 2 | text 71 54 5 2 | title 11 0 97 4", "layout_seq_without_completion": "button 51 62 17 5 | description 61 36 25 17 | description 88 36 24 17 | description 8 36 25 14 | description 34 36 25 17 | text 44 54 5 2 | text 98 54 5 2 | text 18 51 5 2 | text 71 54 5 2 | title 11 0 97 4", "plain_layout_seq": "button 51 62 17 5 | description 61 36 25 17 | description 88 36 24 17 | description 8 36 25 14 | description 34 36 25 17 | text 44 54 5 2 | text 98 54 5 2 | text 18 51 5 2 | text 71 54 5 2 | title 11 0 97 4", "canvas_width": 1009, "canvas_height": 569, "elements": [ { "type": "title", "position": [ 96, 0, 817, 40 ], "completed": false }, { "type": "description", "position": [ 68, 310, 211, 120 ], "completed": false }, { "type": "description", "position": [ 294, 310, 211, 144 ], "completed": false }, { "type": "description", "position": [ 520, 310, 211, 144 ], "completed": false }, { "type": "description", "position": [ 745, 310, 203, 144 ], "completed": false }, { "type": "text", "position": [ 152, 437, 44, 19 ], "completed": false }, { "type": "text", "position": [ 377, 461, 44, 19 ], "completed": false }, { "type": "text", "position": [ 603, 461, 44, 19 ], "completed": false }, { "type": "text", "position": [ 828, 461, 44, 19 ], "completed": false }, { "type": "button", "position": [ 431, 523, 147, 45 ], "completed": false } ] }, { "text": "#A page showing information about food.# A logo and a button \"Start Food Quiz Set\" are on the page. The page should have four groups. Each group has a title (\"Let's Find Out What Diet Is the Best for You!\", \"Beer Buff? Do You Have the Hops to Claim the Title?\", \"How Well Do You Know Your Chocolate?\", or \"Take a Bite Out of the Ultimate Keto Quiz\"), an icon, and a picture.", "region_id": "4681", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'lets find out what diet is the best for you!, beer buff? do you have the hops to claim the title?, how well do you know your chocolate?, take a bite out of the ultimate keto quiz'] [item [el:icon] [el:image] ] ] [el:button [attr:value 'Start Food Quiz Set'] ] ]", "execution": "multiinfo : button undefined undefined | logo undefined undefined | { [ icon undefined undefined | image undefined undefined ] | [ icon undefined undefined | image undefined undefined ] | [ icon undefined undefined | image undefined undefined ] | [ icon undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 45 80 29 5 | logo 12 0 10 5 | \" [ icon 34 17 4 4 | image 7 16 32 20 | image 7 16 32 28 | complete text 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 28 | image 43 16 32 20 | complete text 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 28 | image 79 16 32 20 | complete text 81 37 30 5 ] | [ icon 34 49 4 4 | image 7 48 32 28 | image 7 48 32 20 | complete text 8 68 30 5 ] \"", "layout_seq_without_completion": "button 45 80 29 5 | logo 12 0 10 5 | \" [ icon 34 17 4 4 | image 7 16 32 20 | image 7 16 32 28 | text 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 28 | image 43 16 32 20 | text 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 28 | image 79 16 32 20 | text 81 37 30 5 ] | [ icon 34 49 4 4 | image 7 48 32 28 | image 7 48 32 20 | text 8 68 30 5 ] \"", "plain_layout_seq": "button 45 80 29 5 | icon 34 17 4 4 | icon 70 17 4 4 | icon 106 17 4 4 | icon 34 49 4 4 | image 7 16 32 20 | image 7 16 32 28 | image 43 16 32 28 | image 43 16 32 20 | image 79 16 32 28 | image 79 16 32 20 | image 7 48 32 28 | image 7 48 32 20 | logo 12 0 10 5 | text 8 37 30 5 | text 44 37 30 5 | text 81 37 30 5 | text 8 68 30 5", "canvas_width": 1024, "canvas_height": 740, "elements": [ { "type": "logo", "position": [ 104, 0, 90, 50 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 372, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 372, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 682, 140, 280, 240 ], "completed": false }, { "type": "image", "position": [ 682, 140, 280, 176 ], "completed": false }, { "type": "icon", "position": [ 292, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 602, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 912, 150, 40, 40 ], "completed": false }, { "type": "text", "position": [ 72, 317, 260, 48 ], "completed": true }, { "type": "text", "position": [ 382, 317, 260, 48 ], "completed": true }, { "type": "text", "position": [ 692, 317, 260, 48 ], "completed": true }, { "type": "image", "position": [ 62, 410, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 410, 280, 240 ], "completed": false }, { "type": "icon", "position": [ 292, 420, 40, 40 ], "completed": false }, { "type": "text", "position": [ 72, 587, 260, 48 ], "completed": true }, { "type": "button", "position": [ 385, 690, 255, 50 ], "completed": false } ] }, { "text": "#A page giving users some advice.# The page should include 5 texts.", "region_id": "2616", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "\" [ text 4 0 115 2 ] | [ text 4 2 115 2 ] | [ text 4 4 115 2 ] | [ text 4 7 115 2 ] | [ text 4 11 115 2 ] \"", "layout_seq_without_completion": "\" [ text 4 0 115 2 ] | [ text 4 2 115 2 ] | [ text 4 4 115 2 ] | [ text 4 7 115 2 ] | [ text 4 11 115 2 ] \"", "plain_layout_seq": "text 4 0 115 2 | text 4 2 115 2 | text 4 4 115 2 | text 4 7 115 2 | text 4 11 115 2", "canvas_width": 984, "canvas_height": 115, "elements": [ { "type": "text", "position": [ 40, 0, 944, 20 ], "completed": false }, { "type": "text", "position": [ 40, 20, 944, 20 ], "completed": false }, { "type": "text", "position": [ 40, 40, 944, 20 ], "completed": false }, { "type": "text", "position": [ 40, 60, 944, 20 ], "completed": false }, { "type": "text", "position": [ 40, 94, 944, 21 ], "completed": false } ] }, { "text": "#A page for introducing one company's service.# On the top, there is one label \"OUR SERVICE\". Below are three parts and each of them includes one image, one title, and one description.", "region_id": "7181", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'OUR SERVICE'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 3 115 4 | \" [ description 5 63 32 10 | image 2 11 38 44 | title 4 58 33 3 ] | [ description 44 63 30 13 | image 40 11 38 44 | title 43 58 33 3 ] | [ description 81 63 33 13 | image 79 11 38 44 | title 81 58 33 3 ] \"", "layout_seq_without_completion": "title 2 3 115 4 | \" [ description 5 63 32 10 | image 2 11 38 44 | title 4 58 33 3 ] | [ description 44 63 30 13 | image 40 11 38 44 | title 43 58 33 3 ] | [ description 81 63 33 13 | image 79 11 38 44 | title 81 58 33 3 ] \"", "plain_layout_seq": "description 5 63 32 10 | description 44 63 30 13 | description 81 63 33 13 | image 2 11 38 44 | image 40 11 38 44 | image 79 11 38 44 | title 2 3 115 4 | title 4 58 33 3 | title 43 58 33 3 | title 81 58 33 3", "canvas_width": 1024, "canvas_height": 675, "elements": [ { "type": "title", "position": [ 20, 30, 984, 39 ], "completed": false }, { "type": "image", "position": [ 20, 99, 328, 380 ], "completed": false }, { "type": "image", "position": [ 348, 99, 328, 380 ], "completed": false }, { "type": "image", "position": [ 676, 99, 328, 380 ], "completed": false }, { "type": "title", "position": [ 40, 499, 288, 28 ], "completed": false }, { "type": "title", "position": [ 368, 499, 288, 28 ], "completed": false }, { "type": "title", "position": [ 696, 499, 288, 28 ], "completed": false }, { "type": "description", "position": [ 46, 538, 275, 92 ], "completed": false }, { "type": "description", "position": [ 383, 538, 258, 116 ], "completed": false }, { "type": "description", "position": [ 696, 538, 288, 117 ], "completed": false } ] }, { "text": "#A page for showing some AI-powered apps.# There should be one title\"AI-powered applications\" and one detailed description. On the right, there are seven logos.", "region_id": "289", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'AI-powered applications'] ] [el:description] [gp:InfoGroup [gattr:repeat'7'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete background 39 0 80 24 | description 0 11 33 13 | complete image 86 2 8 11 | complete image 75 2 8 11 | complete image 108 2 8 11 | complete image 42 2 8 11 | complete image 97 2 8 11 | complete image 53 2 8 11 | complete image 64 2 8 11 | logo 77 5 5 5 | logo 99 5 5 5 | logo 66 5 5 5 | logo 44 5 5 5 | logo 110 5 5 5 | logo 55 5 5 5 | logo 88 5 5 5 | title 0 3 33 7", "layout_seq_without_completion": "background 39 0 80 24 | description 0 11 33 13 | image 86 2 8 11 | image 75 2 8 11 | image 108 2 8 11 | image 42 2 8 11 | image 97 2 8 11 | image 53 2 8 11 | image 64 2 8 11 | logo 77 5 5 5 | logo 99 5 5 5 | logo 66 5 5 5 | logo 44 5 5 5 | logo 110 5 5 5 | logo 55 5 5 5 | logo 88 5 5 5 | title 0 3 33 7", "plain_layout_seq": "background 39 0 80 24 | description 0 11 33 13 | image 86 2 8 11 | image 75 2 8 11 | image 108 2 8 11 | image 42 2 8 11 | image 97 2 8 11 | image 53 2 8 11 | image 64 2 8 11 | logo 77 5 5 5 | logo 99 5 5 5 | logo 66 5 5 5 | logo 44 5 5 5 | logo 110 5 5 5 | logo 55 5 5 5 | logo 88 5 5 5 | title 0 3 33 7", "canvas_width": 916, "canvas_height": 187, "elements": [ { "type": "background", "position": [ 305, 0, 611, 186 ], "completed": true }, { "type": "image", "position": [ 325, 20, 68, 88 ], "completed": true }, { "type": "image", "position": [ 409, 20, 68, 88 ], "completed": true }, { "type": "image", "position": [ 493, 20, 67, 88 ], "completed": true }, { "type": "image", "position": [ 577, 20, 68, 88 ], "completed": true }, { "type": "image", "position": [ 661, 20, 68, 88 ], "completed": true }, { "type": "image", "position": [ 744, 20, 68, 88 ], "completed": true }, { "type": "image", "position": [ 828, 20, 68, 88 ], "completed": true }, { "type": "title", "position": [ 6, 28, 254, 58 ], "completed": false }, { "type": "logo", "position": [ 339, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 423, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 507, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 591, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 674, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 758, 44, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 842, 44, 40, 40 ], "completed": false }, { "type": "description", "position": [ 6, 85, 254, 101 ], "completed": false } ] }, { "text": "#A page for showing shopping web.#The page should have two groups and each group has an image and a title, \"Featured Product\" and \"Sale Items\".", "region_id": "7532", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'featured product, sale items'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 4 56 56 | title 0 26 60 16 | title 0 25 60 2 ] | [ image 61 4 56 56 | title 59 29 60 2 | title 59 30 60 8 ] \"", "layout_seq_without_completion": "\" [ image 1 4 56 56 | title 0 26 60 16 | title 0 25 60 2 ] | [ image 61 4 56 56 | title 59 29 60 2 | title 59 30 60 8 ] \"", "plain_layout_seq": "image 1 4 56 56 | image 61 4 56 56 | title 0 26 60 16 | title 0 25 60 2 | title 59 29 60 2 | title 59 30 60 8", "canvas_width": 1009, "canvas_height": 576, "elements": [ { "type": "image", "position": [ 15, 40, 475, 476 ], "completed": false }, { "type": "image", "position": [ 520, 40, 475, 471 ], "completed": false }, { "type": "title", "position": [ 0, 214, 505, 17 ], "completed": false }, { "type": "title", "position": [ 0, 227, 505, 138 ], "completed": false }, { "type": "title", "position": [ 504, 247, 505, 17 ], "completed": false }, { "type": "title", "position": [ 504, 260, 505, 72 ], "completed": false } ] }, { "text": "# A page for showing the featured categories in an online store. # The page should have the title \"Beauty I Featured Categories\" and 12 categories with each having a small image and a category name.", "region_id": "3233", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'beauty i featured categories'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 37 | image 2 8 18 10 | image 21 8 18 10 | image 99 8 18 10 | image 41 8 18 10 | image 60 8 18 10 | image 79 8 18 10 | image 2 23 18 10 | image 21 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 79 23 18 10 | image 99 23 18 10 | title 3 34 16 2 | title 42 34 16 2 | title 22 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 100 19 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 1 1 117 6", "layout_seq_without_completion": "background 1 1 117 37 | image 2 8 18 10 | image 21 8 18 10 | image 99 8 18 10 | image 41 8 18 10 | image 60 8 18 10 | image 79 8 18 10 | image 2 23 18 10 | image 21 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 79 23 18 10 | image 99 23 18 10 | title 3 34 16 2 | title 42 34 16 2 | title 22 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 100 19 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 1 1 117 6", "plain_layout_seq": "background 1 1 117 37 | image 2 8 18 10 | image 21 8 18 10 | image 99 8 18 10 | image 41 8 18 10 | image 60 8 18 10 | image 79 8 18 10 | image 2 23 18 10 | image 21 23 18 10 | image 41 23 18 10 | image 60 23 18 10 | image 79 23 18 10 | image 99 23 18 10 | title 3 34 16 2 | title 42 34 16 2 | title 22 34 16 2 | title 3 19 16 2 | title 42 19 16 2 | title 61 19 16 2 | title 80 19 16 2 | title 80 34 16 2 | title 22 19 16 2 | title 100 19 16 2 | title 61 34 16 2 | title 100 34 16 2 | title 1 1 117 6", "canvas_width": 950, "canvas_height": 313, "elements": [ { "type": "background", "position": [ 8, 8, 934, 297 ], "completed": true }, { "type": "title", "position": [ 8, 8, 934, 48 ], "completed": false }, { "type": "image", "position": [ 20, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 173, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 326, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 479, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 632, 64, 145, 81 ], "completed": false }, { "type": "image", "position": [ 785, 64, 145, 81 ], "completed": false }, { "type": "title", "position": [ 28, 152, 129, 16 ], "completed": false }, { "type": "title", "position": [ 181, 152, 129, 16 ], "completed": false }, { "type": "title", "position": [ 334, 152, 129, 16 ], "completed": false }, { "type": "title", "position": [ 487, 152, 129, 16 ], "completed": false }, { "type": "title", "position": [ 640, 152, 129, 16 ], "completed": false }, { "type": "title", "position": [ 793, 152, 129, 16 ], "completed": false }, { "type": "image", "position": [ 20, 184, 145, 81 ], "completed": false }, { "type": "image", "position": [ 173, 184, 145, 81 ], "completed": false }, { "type": "image", "position": [ 326, 184, 145, 81 ], "completed": false }, { "type": "image", "position": [ 479, 184, 145, 81 ], "completed": false }, { "type": "image", "position": [ 632, 184, 145, 81 ], "completed": false }, { "type": "image", "position": [ 785, 184, 145, 81 ], "completed": false }, { "type": "title", "position": [ 28, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 181, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 334, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 487, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 640, 273, 129, 16 ], "completed": false }, { "type": "title", "position": [ 793, 273, 129, 16 ], "completed": false } ] }, { "text": "#A page showing the company's excellent customers. # Here's a headline and four logos of leading customers.", "region_id": "1296", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 1 23 25 4 | logo 34 22 7 7 | logo 49 23 22 4 | logo 79 23 17 4 | title 1 5 94 9", "layout_seq_without_completion": "logo 1 23 25 4 | logo 34 22 7 7 | logo 49 23 22 4 | logo 79 23 17 4 | title 1 5 94 9", "plain_layout_seq": "logo 1 23 25 4 | logo 34 22 7 7 | logo 49 23 22 4 | logo 79 23 17 4 | title 1 5 94 9", "canvas_width": 1024, "canvas_height": 368, "elements": [ { "type": "title", "position": [ 15, 47, 805, 84 ], "completed": false }, { "type": "logo", "position": [ 297, 190, 62, 62 ], "completed": false }, { "type": "logo", "position": [ 676, 201, 149, 41 ], "completed": false }, { "type": "logo", "position": [ 15, 202, 220, 38 ], "completed": false }, { "type": "logo", "position": [ 421, 202, 193, 38 ], "completed": false } ] }, { "text": "# A page to advertise a product. # There are three parts on the page. Each part should contain a picture, a title (\"No coding skills required\", \"Beautiful and responsive\", or \"Save countless hours\"), and a short description.", "region_id": "2991", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'no coding skills required, beautiful and responsive, save countless hours'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 80 29 35 10 | description 42 29 35 10 | description 4 29 35 10 | image 17 11 9 11 | image 57 11 5 11 | image 88 11 18 11 | title 4 25 35 2 | title 42 25 35 2 | title 80 25 35 2", "layout_seq_without_completion": "description 80 29 35 10 | description 42 29 35 10 | description 4 29 35 10 | image 17 11 9 11 | image 57 11 5 11 | image 88 11 18 11 | title 4 25 35 2 | title 42 25 35 2 | title 80 25 35 2", "plain_layout_seq": "description 80 29 35 10 | description 42 29 35 10 | description 4 29 35 10 | image 17 11 9 11 | image 57 11 5 11 | image 88 11 18 11 | title 4 25 35 2 | title 42 25 35 2 | title 80 25 35 2", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "image", "position": [ 149, 100, 78, 98 ], "completed": false }, { "type": "image", "position": [ 488, 100, 48, 98 ], "completed": false }, { "type": "image", "position": [ 757, 100, 158, 98 ], "completed": false }, { "type": "title", "position": [ 36, 218, 304, 24 ], "completed": false }, { "type": "title", "position": [ 360, 218, 304, 24 ], "completed": false }, { "type": "title", "position": [ 684, 218, 304, 24 ], "completed": false }, { "type": "description", "position": [ 36, 252, 304, 90 ], "completed": false }, { "type": "description", "position": [ 360, 252, 304, 90 ], "completed": false }, { "type": "description", "position": [ 684, 252, 304, 90 ], "completed": false } ] }, { "text": "#A page showing patterns of many different kinds of flowers.#The page should have one title on the top. Under it, there should be multiple patterns of flowers.", "region_id": "4877", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat 'several'] [item [el:image] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 16 18 7 7 | complete image 81 17 11 8 | image 2 18 7 7 | complete image 14 17 11 8 | complete image 41 17 11 8 | image 96 18 7 7 | image 2 6 7 7 | complete image 27 5 11 8 | image 16 6 7 7 | complete image 14 5 11 8 | complete image 54 5 11 8 | complete image 81 5 11 8 | image 109 6 7 7 | complete image 107 5 11 8 | image 96 6 7 7 | image 56 6 7 7 | complete image 1 5 11 8 | image 29 6 7 7 | image 42 6 7 7 | image 69 6 7 7 | complete image 67 5 11 8 | image 82 6 7 7 | complete image 1 17 11 8 | complete image 27 17 11 8 | image 42 18 7 7 | image 69 18 7 7 | complete image 67 17 11 8 | image 82 18 7 7 | complete image 41 5 11 8 | complete image 94 5 11 8 | image 29 18 7 7 | image 56 18 7 7 | complete image 54 17 11 8 | complete image 94 17 11 8 | title 1 0 117 3", "layout_seq_without_completion": "image 16 18 7 7 | image 81 17 11 8 | image 2 18 7 7 | image 14 17 11 8 | image 41 17 11 8 | image 96 18 7 7 | image 2 6 7 7 | image 27 5 11 8 | image 16 6 7 7 | image 14 5 11 8 | image 54 5 11 8 | image 81 5 11 8 | image 109 6 7 7 | image 107 5 11 8 | image 96 6 7 7 | image 56 6 7 7 | image 1 5 11 8 | image 29 6 7 7 | image 42 6 7 7 | image 69 6 7 7 | image 67 5 11 8 | image 82 6 7 7 | image 1 17 11 8 | image 27 17 11 8 | image 42 18 7 7 | image 69 18 7 7 | image 67 17 11 8 | image 82 18 7 7 | image 41 5 11 8 | image 94 5 11 8 | image 29 18 7 7 | image 56 18 7 7 | image 54 17 11 8 | image 94 17 11 8 | title 1 0 117 3", "plain_layout_seq": "image 16 18 7 7 | image 81 17 11 8 | image 2 18 7 7 | image 14 17 11 8 | image 41 17 11 8 | image 96 18 7 7 | image 2 6 7 7 | image 27 5 11 8 | image 16 6 7 7 | image 14 5 11 8 | image 54 5 11 8 | image 81 5 11 8 | image 109 6 7 7 | image 107 5 11 8 | image 96 6 7 7 | image 56 6 7 7 | image 1 5 11 8 | image 29 6 7 7 | image 42 6 7 7 | image 69 6 7 7 | image 67 5 11 8 | image 82 6 7 7 | image 1 17 11 8 | image 27 17 11 8 | image 42 18 7 7 | image 69 18 7 7 | image 67 17 11 8 | image 82 18 7 7 | image 41 5 11 8 | image 94 5 11 8 | image 29 18 7 7 | image 56 18 7 7 | image 54 17 11 8 | image 94 17 11 8 | title 1 0 117 3", "canvas_width": 1014, "canvas_height": 227, "elements": [ { "type": "title", "position": [ 10, 0, 994, 31 ], "completed": false }, { "type": "image", "position": [ 10, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 573, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 686, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 799, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 911, 45, 93, 76 ], "completed": true }, { "type": "image", "position": [ 24, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 137, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 250, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 362, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 475, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 588, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 700, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 813, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 926, 51, 64, 64 ], "completed": false }, { "type": "image", "position": [ 10, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 573, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 686, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 799, 151, 93, 76 ], "completed": true }, { "type": "image", "position": [ 24, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 137, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 250, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 362, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 475, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 588, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 700, 157, 64, 64 ], "completed": false }, { "type": "image", "position": [ 813, 157, 64, 64 ], "completed": false } ] }, { "text": "#A page for getting to know a company. # The page should have one title and 6 groups to show some info and introductions about the company, such as the ESG reporting, corporate citizenship, and so on, which will help users to know more about the company. Each group should have one image, one title, and one description.", "region_id": "2286", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [gattr:names'esg reporting, corporate citizenship'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 21 0 76 3 | \" [ description 15 11 21 10 | image 3 7 9 9 | title 15 8 7 1 | title 22 8 4 1 ] | [ description 55 11 21 10 | image 43 7 9 9 | title 55 8 3 1 | title 59 8 11 1 ] | [ description 95 11 21 10 | image 83 7 9 9 | title 95 8 9 1 | title 105 8 7 1 ] | [ description 15 31 21 10 | image 3 27 9 9 | title 24 28 10 1 | title 15 28 9 1 ] | [ description 55 31 21 10 | image 43 27 9 9 | title 55 28 3 1 | title 59 28 9 1 ] | [ description 95 31 21 10 | image 83 27 9 9 | title 95 28 7 1 | title 103 28 9 1 ] \"", "layout_seq_without_completion": "title 21 0 76 3 | \" [ description 15 11 21 10 | image 3 7 9 9 | title 15 8 7 1 | title 22 8 4 1 ] | [ description 55 11 21 10 | image 43 7 9 9 | title 55 8 3 1 | title 59 8 11 1 ] | [ description 95 11 21 10 | image 83 7 9 9 | title 95 8 9 1 | title 105 8 7 1 ] | [ description 15 31 21 10 | image 3 27 9 9 | title 24 28 10 1 | title 15 28 9 1 ] | [ description 55 31 21 10 | image 43 27 9 9 | title 55 28 3 1 | title 59 28 9 1 ] | [ description 95 31 21 10 | image 83 27 9 9 | title 95 28 7 1 | title 103 28 9 1 ] \"", "plain_layout_seq": "description 15 11 21 10 | description 55 11 21 10 | description 95 11 21 10 | description 15 31 21 10 | description 55 31 21 10 | description 95 31 21 10 | image 3 7 9 9 | image 43 7 9 9 | image 83 7 9 9 | image 3 27 9 9 | image 43 27 9 9 | image 83 27 9 9 | title 21 0 76 3 | title 15 8 7 1 | title 22 8 4 1 | title 55 8 3 1 | title 59 8 11 1 | title 95 8 9 1 | title 105 8 7 1 | title 24 28 10 1 | title 15 28 9 1 | title 55 28 3 1 | title 59 28 9 1 | title 95 28 7 1 | title 103 28 9 1", "canvas_width": 1024, "canvas_height": 360, "elements": [ { "type": "title", "position": [ 186, 0, 653, 31 ], "completed": false }, { "type": "image", "position": [ 30, 66, 85, 85 ], "completed": false }, { "type": "image", "position": [ 372, 66, 85, 85 ], "completed": false }, { "type": "image", "position": [ 713, 66, 85, 85 ], "completed": false }, { "type": "title", "position": [ 135, 75, 60, 15 ], "completed": false }, { "type": "title", "position": [ 196, 75, 38, 15 ], "completed": false }, { "type": "title", "position": [ 477, 75, 31, 15 ], "completed": false }, { "type": "title", "position": [ 508, 75, 94, 15 ], "completed": false }, { "type": "title", "position": [ 818, 75, 78, 15 ], "completed": false }, { "type": "title", "position": [ 896, 75, 61, 15 ], "completed": false }, { "type": "description", "position": [ 135, 101, 185, 92 ], "completed": false }, { "type": "description", "position": [ 477, 101, 185, 92 ], "completed": false }, { "type": "description", "position": [ 818, 101, 185, 92 ], "completed": false }, { "type": "image", "position": [ 30, 231, 85, 85 ], "completed": false }, { "type": "image", "position": [ 372, 231, 85, 85 ], "completed": false }, { "type": "image", "position": [ 713, 231, 85, 85 ], "completed": false }, { "type": "title", "position": [ 135, 240, 78, 15 ], "completed": false }, { "type": "title", "position": [ 213, 240, 92, 15 ], "completed": false }, { "type": "title", "position": [ 477, 240, 33, 15 ], "completed": false }, { "type": "title", "position": [ 510, 240, 82, 15 ], "completed": false }, { "type": "title", "position": [ 818, 240, 62, 15 ], "completed": false }, { "type": "title", "position": [ 880, 240, 81, 15 ], "completed": false }, { "type": "description", "position": [ 135, 266, 185, 92 ], "completed": false }, { "type": "description", "position": [ 477, 266, 185, 92 ], "completed": false }, { "type": "description", "position": [ 818, 266, 185, 92 ], "completed": false } ] }, { "text": "#A page for getting to know a company. # The page should have one title, some small images, and some text boxes to show some info and introductions about the company, such as the ESG reporting, corporate citizenship, and so on, which will help users to know more about the company.", "region_id": "2286_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [gattr:names'esg reporting, corporate citizenship'] [item [el:image [attr:size'small'] ] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined small | text undefined undefined ] | [ description undefined undefined | image undefined small | text undefined undefined ] | [ description undefined undefined | image undefined small | text undefined undefined ] | [ description undefined undefined | image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "title 21 0 76 3 | \" [ description 15 11 21 10 | image 3 7 9 9 | text 15 8 7 1 | text 22 8 4 1 ] | [ description 55 11 21 10 | image 43 7 9 9 | text 55 8 3 1 | text 59 8 11 1 ] | [ description 95 11 21 10 | image 83 7 9 9 | text 95 8 9 1 | text 105 8 7 1 ] | [ description 15 31 21 10 | image 3 27 9 9 | text 24 28 10 1 | text 15 28 9 1 ] | [ description 55 31 21 10 | image 43 27 9 9 | text 55 28 3 1 | text 59 28 9 1 ] | [ description 95 31 21 10 | image 83 27 9 9 | text 95 28 7 1 | text 103 28 9 1 ] \"", "layout_seq_without_completion": "title 21 0 76 3 | \" [ description 15 11 21 10 | image 3 7 9 9 | text 15 8 7 1 | text 22 8 4 1 ] | [ description 55 11 21 10 | image 43 7 9 9 | text 55 8 3 1 | text 59 8 11 1 ] | [ description 95 11 21 10 | image 83 7 9 9 | text 95 8 9 1 | text 105 8 7 1 ] | [ description 15 31 21 10 | image 3 27 9 9 | text 24 28 10 1 | text 15 28 9 1 ] | [ description 55 31 21 10 | image 43 27 9 9 | text 55 28 3 1 | text 59 28 9 1 ] | [ description 95 31 21 10 | image 83 27 9 9 | text 95 28 7 1 | text 103 28 9 1 ] \"", "plain_layout_seq": "description 15 11 21 10 | description 55 11 21 10 | description 95 11 21 10 | description 15 31 21 10 | description 55 31 21 10 | description 95 31 21 10 | image 3 7 9 9 | image 43 7 9 9 | image 83 7 9 9 | image 3 27 9 9 | image 43 27 9 9 | image 83 27 9 9 | text 15 8 7 1 | text 22 8 4 1 | text 55 8 3 1 | text 59 8 11 1 | text 95 8 9 1 | text 105 8 7 1 | text 24 28 10 1 | text 15 28 9 1 | text 55 28 3 1 | text 59 28 9 1 | text 95 28 7 1 | text 103 28 9 1 | title 21 0 76 3", "canvas_width": 1024, "canvas_height": 360, "elements": [ { "type": "title", "position": [ 186, 0, 653, 31 ], "completed": false }, { "type": "image", "position": [ 30, 66, 85, 85 ], "completed": false }, { "type": "image", "position": [ 372, 66, 85, 85 ], "completed": false }, { "type": "image", "position": [ 713, 66, 85, 85 ], "completed": false }, { "type": "text", "position": [ 135, 75, 60, 15 ], "completed": false }, { "type": "text", "position": [ 196, 75, 38, 15 ], "completed": false }, { "type": "text", "position": [ 477, 75, 31, 15 ], "completed": false }, { "type": "text", "position": [ 508, 75, 94, 15 ], "completed": false }, { "type": "text", "position": [ 818, 75, 78, 15 ], "completed": false }, { "type": "text", "position": [ 896, 75, 61, 15 ], "completed": false }, { "type": "description", "position": [ 135, 101, 185, 92 ], "completed": false }, { "type": "description", "position": [ 477, 101, 185, 92 ], "completed": false }, { "type": "description", "position": [ 818, 101, 185, 92 ], "completed": false }, { "type": "image", "position": [ 30, 231, 85, 85 ], "completed": false }, { "type": "image", "position": [ 372, 231, 85, 85 ], "completed": false }, { "type": "image", "position": [ 713, 231, 85, 85 ], "completed": false }, { "type": "text", "position": [ 135, 240, 78, 15 ], "completed": false }, { "type": "text", "position": [ 213, 240, 92, 15 ], "completed": false }, { "type": "text", "position": [ 477, 240, 33, 15 ], "completed": false }, { "type": "text", "position": [ 510, 240, 82, 15 ], "completed": false }, { "type": "text", "position": [ 818, 240, 62, 15 ], "completed": false }, { "type": "text", "position": [ 880, 240, 81, 15 ], "completed": false }, { "type": "description", "position": [ 135, 266, 185, 92 ], "completed": false }, { "type": "description", "position": [ 477, 266, 185, 92 ], "completed": false }, { "type": "description", "position": [ 818, 266, 185, 92 ], "completed": false } ] }, { "text": "#The page for guiding users to get different types of service.# The page has a background and four icons with four links for users to click to get the service.", "region_id": "6217", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:link] ] ] ]", "execution": "multiinfo : background undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 13 | icon 3 3 5 5 | icon 93 3 5 5 | icon 63 3 5 5 | icon 33 3 5 5 | link 10 4 15 4 | link 100 4 15 4 | link 40 4 15 4 | link 70 4 15 4", "layout_seq_without_completion": "background 0 0 120 13 | icon 3 3 5 5 | icon 93 3 5 5 | icon 63 3 5 5 | icon 33 3 5 5 | link 10 4 15 4 | link 100 4 15 4 | link 40 4 15 4 | link 70 4 15 4", "plain_layout_seq": "background 0 0 120 13 | icon 3 3 5 5 | icon 93 3 5 5 | icon 63 3 5 5 | icon 33 3 5 5 | link 10 4 15 4 | link 100 4 15 4 | link 40 4 15 4 | link 70 4 15 4", "canvas_width": 920, "canvas_height": 100, "elements": [ { "type": "background", "position": [ 0, 0, 920, 100 ], "completed": false }, { "type": "icon", "position": [ 30, 30, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 260, 30, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 490, 30, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 720, 30, 40, 40 ], "completed": false }, { "type": "link", "position": [ 81, 33, 119, 34 ], "completed": false }, { "type": "link", "position": [ 311, 33, 119, 34 ], "completed": false }, { "type": "link", "position": [ 541, 33, 119, 34 ], "completed": false }, { "type": "link", "position": [ 771, 33, 119, 34 ], "completed": false } ] }, { "text": "# A page to show the accepted payment methods of a company. # The page should have a title \"Accepted Payments\" and 10 logos showing the payment methods.", "region_id": "7039", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'accepted payments'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 2 | \" [ logo 31 6 4 3 ] | [ logo 37 6 4 3 ] | [ logo 43 6 4 3 ] | [ logo 49 6 4 3 ] | [ logo 54 6 4 3 ] | [ logo 60 6 4 3 ] | [ logo 66 6 4 3 ] | [ logo 71 6 4 3 ] | [ logo 77 6 4 3 ] | [ logo 83 6 4 3 ] \"", "layout_seq_without_completion": "title 0 2 120 2 | \" [ logo 31 6 4 3 ] | [ logo 37 6 4 3 ] | [ logo 43 6 4 3 ] | [ logo 49 6 4 3 ] | [ logo 54 6 4 3 ] | [ logo 60 6 4 3 ] | [ logo 66 6 4 3 ] | [ logo 71 6 4 3 ] | [ logo 77 6 4 3 ] | [ logo 83 6 4 3 ] \"", "plain_layout_seq": "logo 31 6 4 3 | logo 37 6 4 3 | logo 43 6 4 3 | logo 49 6 4 3 | logo 54 6 4 3 | logo 60 6 4 3 | logo 66 6 4 3 | logo 71 6 4 3 | logo 77 6 4 3 | logo 83 6 4 3 | title 0 2 120 2", "canvas_width": 944, "canvas_height": 81, "elements": [ { "type": "title", "position": [ 0, 20, 944, 22 ], "completed": false }, { "type": "logo", "position": [ 250, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 296, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 340, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 386, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 430, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 476, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 520, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 566, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 610, 48, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 656, 48, 38, 24 ], "completed": false } ] }, { "text": "#A page introducing the platforms trusted by global customers. # The page should have a title to show that the company is highly trusting, and some logos of trusting customers such as Zoom, Microsoft, etc.", "region_id": "1891", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [gattr:names 'zoom, microsoft'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 12 13 95 11 | \" [ logo 2 30 20 13 ] | [ logo 26 30 20 13 ] | [ logo 49 30 20 13 ] | [ logo 73 30 20 13 ] | [ logo 96 30 20 13 ] | [ logo 2 43 20 13 ] | [ logo 26 43 20 13 ] | [ logo 49 43 20 13 ] | [ logo 73 43 20 13 ] | [ logo 96 43 20 13 ] \"", "layout_seq_without_completion": "title 12 13 95 11 | \" [ logo 2 30 20 13 ] | [ logo 26 30 20 13 ] | [ logo 49 30 20 13 ] | [ logo 73 30 20 13 ] | [ logo 96 30 20 13 ] | [ logo 2 43 20 13 ] | [ logo 26 43 20 13 ] | [ logo 49 43 20 13 ] | [ logo 73 43 20 13 ] | [ logo 96 43 20 13 ] \"", "plain_layout_seq": "logo 2 30 20 13 | logo 26 30 20 13 | logo 49 30 20 13 | logo 73 30 20 13 | logo 96 30 20 13 | logo 2 43 20 13 | logo 26 43 20 13 | logo 49 43 20 13 | logo 73 43 20 13 | logo 96 43 20 13 | title 12 13 95 11", "canvas_width": 1024, "canvas_height": 590, "elements": [ { "type": "title", "position": [ 104, 112, 816, 96 ], "completed": false }, { "type": "logo", "position": [ 24, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 224, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 424, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 624, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 824, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 24, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 224, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 424, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 624, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 824, 374, 176, 119 ], "completed": false } ] }, { "text": "#A page introducing the platforms trusted by global customers. # The page should have a title to show that the company is highly trusting, and some images to show some logos of trusting customers such as Zoom, Microsoft, etc.", "region_id": "1891_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 12 13 95 11 | \" [ logo 2 30 20 13 ] | [ logo 26 30 20 13 ] | [ logo 49 30 20 13 ] | [ logo 73 30 20 13 ] | [ logo 96 30 20 13 ] | [ logo 2 43 20 13 ] | [ logo 26 43 20 13 ] | [ logo 49 43 20 13 ] | [ logo 73 43 20 13 ] | [ logo 96 43 20 13 ] \"", "layout_seq_without_completion": "title 12 13 95 11 | \" [ logo 2 30 20 13 ] | [ logo 26 30 20 13 ] | [ logo 49 30 20 13 ] | [ logo 73 30 20 13 ] | [ logo 96 30 20 13 ] | [ logo 2 43 20 13 ] | [ logo 26 43 20 13 ] | [ logo 49 43 20 13 ] | [ logo 73 43 20 13 ] | [ logo 96 43 20 13 ] \"", "plain_layout_seq": "logo 2 30 20 13 | logo 26 30 20 13 | logo 49 30 20 13 | logo 73 30 20 13 | logo 96 30 20 13 | logo 2 43 20 13 | logo 26 43 20 13 | logo 49 43 20 13 | logo 73 43 20 13 | logo 96 43 20 13 | title 12 13 95 11", "canvas_width": 1024, "canvas_height": 590, "elements": [ { "type": "title", "position": [ 104, 112, 816, 96 ], "completed": false }, { "type": "logo", "position": [ 24, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 224, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 424, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 624, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 824, 256, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 24, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 224, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 424, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 624, 374, 176, 119 ], "completed": false }, { "type": "logo", "position": [ 824, 374, 176, 119 ], "completed": false } ] }, { "text": "#A page showing the selling points of a product.# There must be a title and a list of four texts showing the product selling points in a short and effective manner. Besides, It would be nice to show a picture of the product.", "region_id": "161", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:text]] ] [el:image] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 32 | image 66 2 38 30 | text 10 16 48 3 | text 10 25 48 3 | text 10 22 48 3 | text 10 19 48 3 | title 5 4 52 8", "layout_seq_without_completion": "background 0 0 120 32 | image 66 2 38 30 | text 10 16 48 3 | text 10 25 48 3 | text 10 22 48 3 | text 10 19 48 3 | title 5 4 52 8", "plain_layout_seq": "background 0 0 120 32 | image 66 2 38 30 | text 10 16 48 3 | text 10 25 48 3 | text 10 22 48 3 | text 10 19 48 3 | title 5 4 52 8", "canvas_width": 1024, "canvas_height": 280, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 280 ], "completed": true }, { "type": "image", "position": [ 567, 24, 330, 256 ], "completed": false }, { "type": "title", "position": [ 47, 40, 450, 72 ], "completed": false }, { "type": "text", "position": [ 87, 137, 410, 27 ], "completed": false }, { "type": "text", "position": [ 87, 164, 410, 27 ], "completed": false }, { "type": "text", "position": [ 87, 191, 410, 28 ], "completed": false }, { "type": "text", "position": [ 87, 219, 410, 27 ], "completed": false } ] }, { "text": "# A page to explain how to buy tires for the users.# On this page, the title \"Learn\" is placed on the top. And below the title, two groups of information are involved. Each contains a picture, on the top right-hand of which the words \"Tips&Guides\" or \"Blog Post\" is involved, and below this, a related title is placed above a short description.", "region_id": "6063", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'learn'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'tips&guides, blog post'] [item [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 19 35 34 4 | description 65 37 34 7 | image 17 11 39 18 | image 63 11 39 18 | text 19 12 11 2 | text 65 12 8 2 | title 4 3 110 4 | title 19 31 34 2 | title 65 31 34 5", "layout_seq_without_completion": "description 19 35 34 4 | description 65 37 34 7 | image 17 11 39 18 | image 63 11 39 18 | text 19 12 11 2 | text 65 12 8 2 | title 4 3 110 4 | title 19 31 34 2 | title 65 31 34 5", "plain_layout_seq": "description 19 35 34 4 | description 65 37 34 7 | image 17 11 39 18 | image 63 11 39 18 | text 19 12 11 2 | text 65 12 8 2 | title 4 3 110 4 | title 19 31 34 2 | title 65 31 34 5", "canvas_width": 1024, "canvas_height": 424, "elements": [ { "type": "title", "position": [ 40, 34, 944, 40 ], "completed": false }, { "type": "image", "position": [ 147, 94, 335, 160 ], "completed": false }, { "type": "image", "position": [ 542, 94, 335, 160 ], "completed": false }, { "type": "text", "position": [ 165, 106, 94, 21 ], "completed": false }, { "type": "text", "position": [ 560, 106, 70, 21 ], "completed": false }, { "type": "title", "position": [ 167, 268, 295, 23 ], "completed": false }, { "type": "title", "position": [ 562, 268, 295, 46 ], "completed": false }, { "type": "description", "position": [ 167, 299, 295, 41 ], "completed": false }, { "type": "description", "position": [ 562, 322, 295, 61 ], "completed": false } ] }, { "text": "#A page for showing the featured products.# The page should have one title, 3 groups to show 3 products while each group has an image of the product, and two texts to show the title and the price. A button is needed for users to click to view all.", "region_id": "7374", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 54 76 10 4 | title 3 10 112 8 | \" [ image 3 22 34 34 | text 3 67 35 6 | title 3 58 35 6 ] | [ image 42 22 34 34 | text 57 67 5 2 | title 42 58 35 6 ] | [ image 81 22 34 34 | text 96 67 4 2 | title 81 58 35 6 ] \"", "layout_seq_without_completion": "button 54 76 10 4 | title 3 10 112 8 | \" [ image 3 22 34 34 | text 3 67 35 6 | title 3 58 35 6 ] | [ image 42 22 34 34 | text 57 67 5 2 | title 42 58 35 6 ] | [ image 81 22 34 34 | text 96 67 4 2 | title 81 58 35 6 ] \"", "plain_layout_seq": "button 54 76 10 4 | image 3 22 34 34 | image 42 22 34 34 | image 81 22 34 34 | text 3 67 35 6 | text 57 67 5 2 | text 96 67 4 2 | title 3 10 112 8 | title 3 58 35 6 | title 42 58 35 6 | title 81 58 35 6", "canvas_width": 1009, "canvas_height": 771, "elements": [ { "type": "title", "position": [ 30, 90, 949, 71 ], "completed": false }, { "type": "image", "position": [ 33, 191, 290, 290 ], "completed": false }, { "type": "image", "position": [ 359, 191, 290, 290 ], "completed": false }, { "type": "image", "position": [ 686, 191, 290, 290 ], "completed": false }, { "type": "title", "position": [ 30, 496, 296, 54 ], "completed": false }, { "type": "title", "position": [ 356, 496, 296, 54 ], "completed": false }, { "type": "title", "position": [ 683, 496, 296, 54 ], "completed": false }, { "type": "text", "position": [ 30, 564, 296, 51 ], "completed": false }, { "type": "text", "position": [ 481, 567, 46, 18 ], "completed": false }, { "type": "text", "position": [ 812, 567, 38, 18 ], "completed": false }, { "type": "button", "position": [ 460, 645, 89, 36 ], "completed": false } ] }, { "text": "#A page for showing some brands related to the web.# A page includes eight logos of eight brands.", "region_id": "8392", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 27 0 3 3 ] | [ logo 33 0 5 3 ] | [ logo 41 0 3 3 ] | [ logo 47 0 9 3 ] | [ logo 59 0 4 3 ] | [ logo 65 0 6 3 ] | [ logo 74 0 14 3 ] | [ logo 91 0 5 3 ] \"", "layout_seq_without_completion": "\" [ logo 27 0 3 3 ] | [ logo 33 0 5 3 ] | [ logo 41 0 3 3 ] | [ logo 47 0 9 3 ] | [ logo 59 0 4 3 ] | [ logo 65 0 6 3 ] | [ logo 74 0 14 3 ] | [ logo 91 0 5 3 ] \"", "plain_layout_seq": "logo 27 0 3 3 | logo 33 0 5 3 | logo 41 0 3 3 | logo 47 0 9 3 | logo 59 0 4 3 | logo 65 0 6 3 | logo 74 0 14 3 | logo 91 0 5 3", "canvas_width": 994, "canvas_height": 43, "elements": [ { "type": "logo", "position": [ 227, 0, 31, 32 ], "completed": false }, { "type": "logo", "position": [ 277, 0, 48, 32 ], "completed": false }, { "type": "logo", "position": [ 344, 0, 27, 32 ], "completed": false }, { "type": "logo", "position": [ 390, 0, 80, 32 ], "completed": false }, { "type": "logo", "position": [ 489, 0, 37, 32 ], "completed": false }, { "type": "logo", "position": [ 545, 0, 55, 32 ], "completed": false }, { "type": "logo", "position": [ 756, 0, 42, 32 ], "completed": false }, { "type": "logo", "position": [ 619, 5, 118, 27 ], "completed": false } ] }, { "text": "# A page to introduce the store's accepted payment methods. # On the page, there should have a title \"ACCEPTED PAYMENT METHODS\" and 10 logos showing the payment methods.", "region_id": "7618", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'ACCEPTED PAYMENT METHODS'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 53 4 6 3 | logo 73 4 6 3 | logo 80 4 6 3 | logo 46 4 6 3 | logo 67 4 6 3 | logo 39 4 6 3 | logo 25 4 6 3 | logo 32 4 6 3 | logo 60 4 6 3 | logo 87 4 6 3 | title 0 0 120 4", "layout_seq_without_completion": "logo 53 4 6 3 | logo 73 4 6 3 | logo 80 4 6 3 | logo 46 4 6 3 | logo 67 4 6 3 | logo 39 4 6 3 | logo 25 4 6 3 | logo 32 4 6 3 | logo 60 4 6 3 | logo 87 4 6 3 | title 0 0 120 4", "plain_layout_seq": "logo 53 4 6 3 | logo 73 4 6 3 | logo 80 4 6 3 | logo 46 4 6 3 | logo 67 4 6 3 | logo 39 4 6 3 | logo 25 4 6 3 | logo 32 4 6 3 | logo 60 4 6 3 | logo 87 4 6 3 | title 0 0 120 4", "canvas_width": 960, "canvas_height": 71, "elements": [ { "type": "title", "position": [ 0, 0, 960, 35 ], "completed": false }, { "type": "logo", "position": [ 207, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 261, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 317, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 371, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 427, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 481, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 537, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 591, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 647, 35, 52, 30 ], "completed": false }, { "type": "logo", "position": [ 701, 35, 52, 30 ], "completed": false } ] }, { "text": "#A page for showing different categories of teams.# The page includes five links for users to click to get further information. Through the link named \u201cTEAMS\u201d, there can be found eight categories of teams, and each one contains four logos representing different teams.", "region_id": "5317", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:link [attr:repeat '5'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:logo [attr:repeat '4'] ] ] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | { [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "link 72 0 14 4 | link 26 0 18 4 | link 95 0 13 4 | link 11 0 5 4 | link 54 0 8 4 | logo 5 28 3 5 | logo 20 35 3 5 | logo 35 35 3 5 | logo 95 28 3 5 | logo 5 35 3 5 | logo 5 12 3 5 | logo 5 20 3 5 | logo 20 12 3 5 | logo 50 12 3 5 | logo 80 12 3 5 | logo 95 12 3 5 | logo 95 20 3 5 | logo 110 20 3 5 | logo 20 28 3 5 | logo 35 12 3 5 | logo 50 20 3 5 | logo 50 28 3 5 | logo 65 12 3 5 | logo 65 20 3 5 | logo 65 35 3 5 | logo 80 35 3 5 | logo 110 28 3 5 | logo 20 20 3 5 | logo 35 20 3 5 | logo 35 28 3 5 | logo 50 35 3 5 | logo 65 28 3 5 | logo 80 20 3 5 | logo 80 28 3 5 | logo 95 35 3 5 | logo 110 12 3 5 | logo 110 35 3 5 | complete text 29 8 14 2 | complete text 75 8 14 2 | complete text 90 8 14 2 | complete text 105 8 14 2 | complete text 14 8 14 2 | complete text 44 8 14 2 | complete text 59 8 14 2 | complete text 0 8 14 2", "layout_seq_without_completion": "link 72 0 14 4 | link 26 0 18 4 | link 95 0 13 4 | link 11 0 5 4 | link 54 0 8 4 | logo 5 28 3 5 | logo 20 35 3 5 | logo 35 35 3 5 | logo 95 28 3 5 | logo 5 35 3 5 | logo 5 12 3 5 | logo 5 20 3 5 | logo 20 12 3 5 | logo 50 12 3 5 | logo 80 12 3 5 | logo 95 12 3 5 | logo 95 20 3 5 | logo 110 20 3 5 | logo 20 28 3 5 | logo 35 12 3 5 | logo 50 20 3 5 | logo 50 28 3 5 | logo 65 12 3 5 | logo 65 20 3 5 | logo 65 35 3 5 | logo 80 35 3 5 | logo 110 28 3 5 | logo 20 20 3 5 | logo 35 20 3 5 | logo 35 28 3 5 | logo 50 35 3 5 | logo 65 28 3 5 | logo 80 20 3 5 | logo 80 28 3 5 | logo 95 35 3 5 | logo 110 12 3 5 | logo 110 35 3 5 | text 29 8 14 2 | text 75 8 14 2 | text 90 8 14 2 | text 105 8 14 2 | text 14 8 14 2 | text 44 8 14 2 | text 59 8 14 2 | text 0 8 14 2", "plain_layout_seq": "link 72 0 14 4 | link 26 0 18 4 | link 95 0 13 4 | link 11 0 5 4 | link 54 0 8 4 | logo 5 28 3 5 | logo 20 35 3 5 | logo 35 35 3 5 | logo 95 28 3 5 | logo 5 35 3 5 | logo 5 12 3 5 | logo 5 20 3 5 | logo 20 12 3 5 | logo 50 12 3 5 | logo 80 12 3 5 | logo 95 12 3 5 | logo 95 20 3 5 | logo 110 20 3 5 | logo 20 28 3 5 | logo 35 12 3 5 | logo 50 20 3 5 | logo 50 28 3 5 | logo 65 12 3 5 | logo 65 20 3 5 | logo 65 35 3 5 | logo 80 35 3 5 | logo 110 28 3 5 | logo 20 20 3 5 | logo 35 20 3 5 | logo 35 28 3 5 | logo 50 35 3 5 | logo 65 28 3 5 | logo 80 20 3 5 | logo 80 28 3 5 | logo 95 35 3 5 | logo 110 12 3 5 | logo 110 35 3 5 | text 29 8 14 2 | text 75 8 14 2 | text 90 8 14 2 | text 105 8 14 2 | text 14 8 14 2 | text 44 8 14 2 | text 59 8 14 2 | text 0 8 14 2", "canvas_width": 1009, "canvas_height": 380, "elements": [ { "type": "link", "position": [ 93, 0, 46, 40 ], "completed": false }, { "type": "link", "position": [ 219, 0, 156, 40 ], "completed": false }, { "type": "link", "position": [ 455, 0, 72, 40 ], "completed": false }, { "type": "link", "position": [ 607, 0, 119, 40 ], "completed": false }, { "type": "link", "position": [ 806, 0, 110, 40 ], "completed": false }, { "type": "text", "position": [ 0, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 126, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 252, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 378, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 504, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 631, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 757, 72, 126, 17 ], "completed": true }, { "type": "text", "position": [ 883, 72, 126, 17 ], "completed": true }, { "type": "logo", "position": [ 50, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 176, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 302, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 428, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 554, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 681, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 807, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 933, 104, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 176, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 302, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 428, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 554, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 681, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 807, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 933, 170, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 176, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 302, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 428, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 554, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 681, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 807, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 933, 236, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 176, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 302, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 428, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 554, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 681, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 807, 302, 26, 44 ], "completed": false }, { "type": "logo", "position": [ 933, 302, 26, 44 ], "completed": false } ] }, { "text": "# A page for advertising the new arrivals in an online store. # The page should have a title \"New Arrivals\" and eight groups of product information with each including an image, a product, and a price.", "region_id": "7218", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrivals'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text[attr:repeat'2']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 13 | \" [ image 0 13 29 29 | text 10 50 9 2 | text 2 46 25 2 ] | [ image 30 13 29 29 | text 40 50 9 2 | text 32 46 25 2 ] | [ image 60 13 29 29 | text 70 50 9 2 | text 62 46 25 2 ] | [ image 90 13 29 29 | text 100 50 9 2 | text 92 46 25 2 ] | [ image 0 56 29 29 | text 10 92 9 2 | text 2 89 25 2 ] | [ image 30 56 29 29 | text 40 92 9 2 | text 32 89 25 2 ] | [ image 60 56 29 29 | text 70 92 9 2 | text 62 89 25 2 ] | [ image 90 56 29 29 | text 100 92 9 2 | text 92 89 25 2 ] \"", "layout_seq_without_completion": "title 0 0 120 13 | \" [ image 0 13 29 29 | text 10 50 9 2 | text 2 46 25 2 ] | [ image 30 13 29 29 | text 40 50 9 2 | text 32 46 25 2 ] | [ image 60 13 29 29 | text 70 50 9 2 | text 62 46 25 2 ] | [ image 90 13 29 29 | text 100 50 9 2 | text 92 46 25 2 ] | [ image 0 56 29 29 | text 10 92 9 2 | text 2 89 25 2 ] | [ image 30 56 29 29 | text 40 92 9 2 | text 32 89 25 2 ] | [ image 60 56 29 29 | text 70 92 9 2 | text 62 89 25 2 ] | [ image 90 56 29 29 | text 100 92 9 2 | text 92 89 25 2 ] \"", "plain_layout_seq": "image 0 13 29 29 | image 30 13 29 29 | image 60 13 29 29 | image 90 13 29 29 | image 0 56 29 29 | image 30 56 29 29 | image 60 56 29 29 | image 90 56 29 29 | text 10 50 9 2 | text 2 46 25 2 | text 40 50 9 2 | text 32 46 25 2 | text 70 50 9 2 | text 62 46 25 2 | text 100 50 9 2 | text 92 46 25 2 | text 10 92 9 2 | text 2 89 25 2 | text 40 92 9 2 | text 32 89 25 2 | text 70 92 9 2 | text 62 89 25 2 | text 100 92 9 2 | text 92 89 25 2 | title 0 0 120 13", "canvas_width": 1009, "canvas_height": 833, "elements": [ { "type": "title", "position": [ 0, 0, 1009, 113 ], "completed": false }, { "type": "image", "position": [ 1, 114, 251, 251 ], "completed": false }, { "type": "image", "position": [ 253, 114, 251, 251 ], "completed": false }, { "type": "image", "position": [ 505, 114, 251, 251 ], "completed": false }, { "type": "image", "position": [ 757, 114, 251, 251 ], "completed": false }, { "type": "text", "position": [ 21, 393, 211, 21 ], "completed": false }, { "type": "text", "position": [ 273, 393, 211, 21 ], "completed": false }, { "type": "text", "position": [ 525, 393, 211, 21 ], "completed": false }, { "type": "text", "position": [ 777, 393, 211, 21 ], "completed": false }, { "type": "text", "position": [ 88, 422, 76, 18 ], "completed": false }, { "type": "text", "position": [ 340, 422, 76, 18 ], "completed": false }, { "type": "text", "position": [ 592, 422, 76, 18 ], "completed": false }, { "type": "text", "position": [ 844, 422, 76, 18 ], "completed": false }, { "type": "image", "position": [ 1, 473, 251, 251 ], "completed": false }, { "type": "image", "position": [ 253, 473, 251, 251 ], "completed": false }, { "type": "image", "position": [ 505, 473, 251, 251 ], "completed": false }, { "type": "image", "position": [ 757, 473, 251, 251 ], "completed": false }, { "type": "text", "position": [ 21, 752, 211, 21 ], "completed": false }, { "type": "text", "position": [ 273, 752, 211, 21 ], "completed": false }, { "type": "text", "position": [ 525, 752, 211, 21 ], "completed": false }, { "type": "text", "position": [ 777, 752, 211, 21 ], "completed": false }, { "type": "text", "position": [ 88, 781, 76, 18 ], "completed": false }, { "type": "text", "position": [ 340, 781, 76, 18 ], "completed": false }, { "type": "text", "position": [ 592, 781, 76, 18 ], "completed": false }, { "type": "text", "position": [ 844, 781, 76, 18 ], "completed": false } ] }, { "text": "# A page for marketing a company by introducing the service and product advantage. # There should have three groups of information sets: \"FREE SHIPPING\" \"100% ORGANIC\", and \"GLUTEN FREE\" to introduce the service and product advantage. In each group, there should be a title and a short description.", "region_id": "8430", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'free shipping, 100% organic, gluten free'] [item [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 80 10 35 2 | description 42 10 35 2 | description 3 10 35 2 | title 80 5 35 3 | title 3 5 35 3 | title 42 5 35 3", "layout_seq_without_completion": "description 80 10 35 2 | description 42 10 35 2 | description 3 10 35 2 | title 80 5 35 3 | title 3 5 35 3 | title 42 5 35 3", "plain_layout_seq": "description 80 10 35 2 | description 42 10 35 2 | description 3 10 35 2 | title 80 5 35 3 | title 3 5 35 3 | title 42 5 35 3", "canvas_width": 1024, "canvas_height": 163, "elements": [ { "type": "title", "position": [ 32, 50, 307, 29 ], "completed": false }, { "type": "title", "position": [ 359, 50, 307, 29 ], "completed": false }, { "type": "title", "position": [ 685, 50, 307, 29 ], "completed": false }, { "type": "description", "position": [ 32, 89, 307, 24 ], "completed": false }, { "type": "description", "position": [ 359, 89, 307, 24 ], "completed": false }, { "type": "description", "position": [ 685, 89, 307, 24 ], "completed": false } ] }, { "text": "# This page delivers some information to the user. #This page has a total of four groups, each group consists of a picture, the date of the photo, and its description.", "region_id": "5772", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 20 28 10 | image 0 0 28 16 | text 0 18 7 1 | text 7 18 8 1 ] | [ description 30 20 28 7 | image 30 0 28 16 | text 30 18 7 1 | text 38 18 7 1 ] | [ description 61 20 28 10 | image 61 0 28 16 | text 61 18 7 1 | text 69 18 7 1 ] | [ description 91 20 28 7 | image 91 0 28 16 | text 91 18 7 1 | text 99 18 7 1 ] \"", "layout_seq_without_completion": "\" [ description 0 20 28 10 | image 0 0 28 16 | text 0 18 7 1 | text 7 18 8 1 ] | [ description 30 20 28 7 | image 30 0 28 16 | text 30 18 7 1 | text 38 18 7 1 ] | [ description 61 20 28 10 | image 61 0 28 16 | text 61 18 7 1 | text 69 18 7 1 ] | [ description 91 20 28 7 | image 91 0 28 16 | text 91 18 7 1 | text 99 18 7 1 ] \"", "plain_layout_seq": "description 0 20 28 10 | description 30 20 28 7 | description 61 20 28 10 | description 91 20 28 7 | image 0 0 28 16 | image 30 0 28 16 | image 61 0 28 16 | image 91 0 28 16 | text 0 18 7 1 | text 7 18 8 1 | text 30 18 7 1 | text 38 18 7 1 | text 61 18 7 1 | text 69 18 7 1 | text 91 18 7 1 | text 99 18 7 1", "canvas_width": 983, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 0, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 251, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 502, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 752, 0, 231, 139 ], "completed": false }, { "type": "text", "position": [ 0, 154, 60, 11 ], "completed": false }, { "type": "text", "position": [ 65, 154, 69, 11 ], "completed": false }, { "type": "text", "position": [ 251, 154, 60, 11 ], "completed": false }, { "type": "text", "position": [ 316, 154, 58, 11 ], "completed": false }, { "type": "text", "position": [ 502, 154, 60, 11 ], "completed": false }, { "type": "text", "position": [ 567, 154, 58, 11 ], "completed": false }, { "type": "text", "position": [ 752, 154, 60, 11 ], "completed": false }, { "type": "text", "position": [ 817, 154, 58, 11 ], "completed": false }, { "type": "description", "position": [ 0, 172, 231, 85 ], "completed": false }, { "type": "description", "position": [ 251, 172, 231, 64 ], "completed": false }, { "type": "description", "position": [ 502, 172, 231, 85 ], "completed": false }, { "type": "description", "position": [ 752, 172, 231, 64 ], "completed": false } ] }, { "text": "#A page with articles or news reports.# The page includes four information sets. Each group contains an image, the title of the article and the name of the writer.", "region_id": "5756", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 32 18 4 | text 61 31 18 4 | text 0 31 18 4 | text 92 31 18 4 | complete text 88 32 0 2 | title 0 19 27 10 | title 30 19 27 12 | title 61 19 27 10 | title 92 19 27 10", "layout_seq_without_completion": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 32 18 4 | text 61 31 18 4 | text 0 31 18 4 | text 92 31 18 4 | text 88 32 0 2 | title 0 19 27 10 | title 30 19 27 12 | title 61 19 27 10 | title 92 19 27 10", "plain_layout_seq": "image 30 0 27 17 | image 0 0 27 17 | image 61 0 27 17 | image 92 0 27 17 | text 30 32 18 4 | text 61 31 18 4 | text 0 31 18 4 | text 92 31 18 4 | text 88 32 0 2 | title 0 19 27 10 | title 30 19 27 12 | title 61 19 27 10 | title 92 19 27 10", "canvas_width": 977, "canvas_height": 314, "elements": [ { "type": "image", "position": [ 0, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 252, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 504, 0, 220, 146 ], "completed": false }, { "type": "image", "position": [ 757, 0, 220, 146 ], "completed": false }, { "type": "title", "position": [ 0, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 252, 158, 220, 104 ], "completed": false }, { "type": "title", "position": [ 504, 158, 220, 83 ], "completed": false }, { "type": "title", "position": [ 757, 158, 220, 83 ], "completed": false }, { "type": "text", "position": [ 0, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 504, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 757, 257, 154, 37 ], "completed": false }, { "type": "text", "position": [ 252, 262, 154, 37 ], "completed": false }, { "type": "text", "position": [ 717, 266, 8, 17 ], "completed": true } ] }, { "text": "#A page for users to learn three functions.# The page should have three types of functions, including three images, three titles \"Plan\", \"Transact\", and \"Evaluate\", and three descriptions of each function.", "region_id": "5349", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'plan, transact, evaluate'] [item [el:image] [el:title] [el:description]] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 44 16 29 11 | description 82 16 29 14 | description 7 16 29 14 | image 82 0 9 9 | image 7 0 9 9 | complete image 0 35 120 11 | image 44 0 9 9 | title 7 11 29 2 | title 44 11 29 2 | title 82 11 29 2", "layout_seq_without_completion": "description 44 16 29 11 | description 82 16 29 14 | description 7 16 29 14 | image 82 0 9 9 | image 7 0 9 9 | image 0 35 120 11 | image 44 0 9 9 | title 7 11 29 2 | title 44 11 29 2 | title 82 11 29 2", "plain_layout_seq": "description 44 16 29 11 | description 82 16 29 14 | description 7 16 29 14 | image 82 0 9 9 | image 7 0 9 9 | image 0 35 120 11 | image 44 0 9 9 | title 7 11 29 2 | title 44 11 29 2 | title 82 11 29 2", "canvas_width": 1024, "canvas_height": 407, "elements": [ { "type": "image", "position": [ 60, 0, 80, 80 ], "completed": false }, { "type": "image", "position": [ 380, 0, 80, 80 ], "completed": false }, { "type": "image", "position": [ 701, 0, 80, 80 ], "completed": false }, { "type": "title", "position": [ 60, 96, 249, 25 ], "completed": false }, { "type": "title", "position": [ 380, 96, 249, 25 ], "completed": false }, { "type": "title", "position": [ 701, 96, 249, 25 ], "completed": false }, { "type": "description", "position": [ 60, 137, 249, 120 ], "completed": false }, { "type": "description", "position": [ 380, 137, 249, 96 ], "completed": false }, { "type": "description", "position": [ 701, 137, 249, 120 ], "completed": false }, { "type": "image", "position": [ 0, 305, 1024, 102 ], "completed": true } ] }, { "text": "#A page for introducing clothing commodity info.# The page should have the title \"clothing\" and a button for users to view all. There are four info groups, Each group should include its own image, the sales status, a label for the name, and a text box about the price info.", "region_id": "6581", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'clothing'] ] [el:button [attr:value 'view all']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 104 1 6 3 | title 8 0 13 3 | \" [ text 8 33 24 5 | text 8 29 5 2 | text 8 39 24 2 ] | [ text 34 33 24 2 | text 34 29 5 2 | text 34 36 24 2 ] | [ text 61 33 24 2 | text 61 36 24 2 | text 61 29 5 2 ] | [ text 87 33 24 5 | text 87 29 5 2 | text 87 39 24 2 ] \"", "layout_seq_without_completion": "button 104 1 6 3 | title 8 0 13 3 | \" [ text 8 33 24 5 | text 8 29 5 2 | text 8 39 24 2 ] | [ text 34 33 24 2 | text 34 29 5 2 | text 34 36 24 2 ] | [ text 61 33 24 2 | text 61 36 24 2 | text 61 29 5 2 ] | [ text 87 33 24 5 | text 87 29 5 2 | text 87 39 24 2 ] \"", "plain_layout_seq": "button 104 1 6 3 | text 8 33 24 5 | text 8 29 5 2 | text 8 39 24 2 | text 34 33 24 2 | text 34 29 5 2 | text 34 36 24 2 | text 61 33 24 2 | text 61 36 24 2 | text 61 29 5 2 | text 87 33 24 5 | text 87 29 5 2 | text 87 39 24 2 | title 8 0 13 3", "canvas_width": 1008, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 70, 3, 116, 33 ], "completed": false }, { "type": "button", "position": [ 881, 13, 57, 28 ], "completed": false }, { "type": "text", "position": [ 70, 245, 44, 23 ], "completed": false }, { "type": "text", "position": [ 292, 245, 44, 23 ], "completed": false }, { "type": "text", "position": [ 514, 245, 44, 23 ], "completed": false }, { "type": "text", "position": [ 736, 245, 44, 23 ], "completed": false }, { "type": "text", "position": [ 70, 284, 202, 44 ], "completed": false }, { "type": "text", "position": [ 292, 284, 202, 23 ], "completed": false }, { "type": "text", "position": [ 514, 284, 202, 23 ], "completed": false }, { "type": "text", "position": [ 736, 284, 202, 44 ], "completed": false }, { "type": "text", "position": [ 292, 307, 202, 23 ], "completed": false }, { "type": "text", "position": [ 514, 307, 202, 23 ], "completed": false }, { "type": "text", "position": [ 70, 328, 202, 23 ], "completed": false }, { "type": "text", "position": [ 736, 328, 202, 23 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by the software. # The page should have the title \"Integrate with all your systems\", four groups of information sets with each containing a small image and a short introduction. Besides, it is better to have an image of the software.", "region_id": "3866", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'integrate with all your systems'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:description [attr:size 'small'] ] ] ] [el:image] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] }", "layout_seq_with_completion": "description 35 35 24 4 | description 8 35 24 4 | description 8 44 24 4 | description 35 44 24 4 | image 6 35 2 2 | image 33 44 2 2 | image 6 44 2 2 | image 33 35 2 2 | image 61 16 50 41 | title 6 20 53 14", "layout_seq_without_completion": "description 35 35 24 4 | description 8 35 24 4 | description 8 44 24 4 | description 35 44 24 4 | image 6 35 2 2 | image 33 44 2 2 | image 6 44 2 2 | image 33 35 2 2 | image 61 16 50 41 | title 6 20 53 14", "plain_layout_seq": "description 35 35 24 4 | description 8 35 24 4 | description 8 44 24 4 | description 35 44 24 4 | image 6 35 2 2 | image 33 44 2 2 | image 6 44 2 2 | image 33 35 2 2 | image 61 16 50 41 | title 6 20 53 14", "canvas_width": 1089, "canvas_height": 679, "elements": [ { "type": "image", "position": [ 560, 150, 458, 374 ], "completed": false }, { "type": "title", "position": [ 56, 189, 488, 134 ], "completed": false }, { "type": "image", "position": [ 56, 323, 20, 20 ], "completed": false }, { "type": "description", "position": [ 76, 323, 219, 44 ], "completed": false }, { "type": "image", "position": [ 306, 323, 20, 20 ], "completed": false }, { "type": "description", "position": [ 326, 323, 219, 44 ], "completed": false }, { "type": "image", "position": [ 56, 407, 20, 20 ], "completed": false }, { "type": "description", "position": [ 76, 407, 219, 44 ], "completed": false }, { "type": "image", "position": [ 306, 407, 20, 20 ], "completed": false }, { "type": "description", "position": [ 326, 407, 219, 44 ], "completed": false } ] }, { "text": "#A page for showing some birthday-related images.# The page should have a title named birthday, and 7 birthday-related images in terms of balloons, cakes, and gifts.", "region_id": "5388", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title[attr:value'birthday']] [gp:InfoGroup [gattr:repeat '7'] [gattr:names 'balloons, cakes, gifts'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 29 6 7 7 | complete image 41 5 11 8 | complete image 54 5 11 8 | image 42 6 7 7 | image 56 6 7 7 | image 82 6 7 7 | image 2 6 7 7 | complete image 1 5 11 8 | image 16 6 7 7 | image 69 6 7 7 | complete image 67 5 11 8 | complete image 81 5 11 8 | complete image 14 5 11 8 | complete image 27 5 11 8 | title 1 0 117 3", "layout_seq_without_completion": "image 29 6 7 7 | image 41 5 11 8 | image 54 5 11 8 | image 42 6 7 7 | image 56 6 7 7 | image 82 6 7 7 | image 2 6 7 7 | image 1 5 11 8 | image 16 6 7 7 | image 69 6 7 7 | image 67 5 11 8 | image 81 5 11 8 | image 14 5 11 8 | image 27 5 11 8 | title 1 0 117 3", "plain_layout_seq": "image 29 6 7 7 | image 41 5 11 8 | image 54 5 11 8 | image 42 6 7 7 | image 56 6 7 7 | image 82 6 7 7 | image 2 6 7 7 | image 1 5 11 8 | image 16 6 7 7 | image 69 6 7 7 | image 67 5 11 8 | image 81 5 11 8 | image 14 5 11 8 | image 27 5 11 8 | title 1 0 117 3", "canvas_width": 1014, "canvas_height": 122, "elements": [ { "type": "title", "position": [ 10, 0, 994, 31 ], "completed": false }, { "type": "image", "position": [ 10, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 123, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 235, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 348, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 461, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 573, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 686, 46, 93, 76 ], "completed": true }, { "type": "image", "position": [ 24, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 137, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 250, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 362, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 475, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 588, 52, 64, 64 ], "completed": false }, { "type": "image", "position": [ 700, 52, 64, 64 ], "completed": false } ] }, { "text": "#A page showing different logos.# The page contains 4 information sets. Each group has a logo and the name of the logo, including \"ILLUSTRATION LOGO\", \"NATURE LOGO\", \"ABSTRACT LOGO\", and \"MINIMAL LOGO\".", "region_id": "5954", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'illustration logo, nature logo, abstract logo, minimal logo'] [item [el:logo] [el:title] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 25 7 33 28 | logo 31 11 20 14 | title 32 28 18 2 ] | [ complete image 61 7 33 28 | logo 71 11 13 14 | title 71 28 13 2 ] | [ complete image 25 38 33 28 | logo 35 43 11 14 | title 33 59 15 2 ] | [ complete image 61 38 33 28 | logo 70 43 14 14 | title 71 59 13 2 ] \"", "layout_seq_without_completion": "\" [ image 25 7 33 28 | logo 31 11 20 14 | title 32 28 18 2 ] | [ image 61 7 33 28 | logo 71 11 13 14 | title 71 28 13 2 ] | [ image 25 38 33 28 | logo 35 43 11 14 | title 33 59 15 2 ] | [ image 61 38 33 28 | logo 70 43 14 14 | title 71 59 13 2 ] \"", "plain_layout_seq": "image 25 7 33 28 | image 61 7 33 28 | image 25 38 33 28 | image 61 38 33 28 | logo 31 11 20 14 | logo 71 11 13 14 | logo 35 43 11 14 | logo 70 43 14 14 | title 32 28 18 2 | title 71 28 13 2 | title 33 59 15 2 | title 71 59 13 2", "canvas_width": 1024, "canvas_height": 636, "elements": [ { "type": "image", "position": [ 216, 60, 284, 246 ], "completed": true }, { "type": "image", "position": [ 524, 60, 284, 246 ], "completed": true }, { "type": "logo", "position": [ 271, 101, 174, 120 ], "completed": false }, { "type": "logo", "position": [ 608, 101, 116, 120 ], "completed": false }, { "type": "title", "position": [ 277, 241, 161, 24 ], "completed": false }, { "type": "title", "position": [ 610, 241, 112, 24 ], "completed": false }, { "type": "image", "position": [ 216, 330, 284, 246 ], "completed": true }, { "type": "image", "position": [ 524, 330, 284, 246 ], "completed": true }, { "type": "logo", "position": [ 307, 371, 102, 120 ], "completed": false }, { "type": "logo", "position": [ 604, 371, 124, 120 ], "completed": false }, { "type": "title", "position": [ 290, 511, 136, 24 ], "completed": false }, { "type": "title", "position": [ 607, 511, 117, 24 ], "completed": false } ] }, { "text": "#A page for showing the revolutionizing automotive retail.# There should be one title\"Revolutionizing automotive retail\". Next are six parts. Each part includes one icon, one label for the revolutionizing content, and one description.", "region_id": "504", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'revolutionizing automotive retail'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | icon 78 17 11 11 | icon 7 66 11 11 | icon 78 66 11 11 | icon 7 17 11 11 | icon 43 17 11 11 | icon 43 66 11 11 | title 78 33 26 3 | title 7 82 26 3 | title 43 82 26 6 | title 78 82 26 3 | title 7 0 34 8 | title 7 33 26 3 | title 43 33 26 3", "layout_seq_without_completion": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | icon 78 17 11 11 | icon 7 66 11 11 | icon 78 66 11 11 | icon 7 17 11 11 | icon 43 17 11 11 | icon 43 66 11 11 | title 78 33 26 3 | title 7 82 26 3 | title 43 82 26 6 | title 78 82 26 3 | title 7 0 34 8 | title 7 33 26 3 | title 43 33 26 3", "plain_layout_seq": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | icon 78 17 11 11 | icon 7 66 11 11 | icon 78 66 11 11 | icon 7 17 11 11 | icon 43 17 11 11 | icon 43 66 11 11 | title 78 33 26 3 | title 7 82 26 3 | title 43 82 26 6 | title 78 82 26 3 | title 7 0 34 8 | title 7 33 26 3 | title 43 33 26 3", "canvas_width": 1024, "canvas_height": 982, "elements": [ { "type": "title", "position": [ 66, 0, 297, 72 ], "completed": false }, { "type": "icon", "position": [ 66, 152, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 370, 152, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 674, 152, 96, 96 ], "completed": false }, { "type": "title", "position": [ 66, 288, 228, 28 ], "completed": false }, { "type": "title", "position": [ 370, 288, 228, 28 ], "completed": false }, { "type": "title", "position": [ 674, 288, 228, 28 ], "completed": false }, { "type": "description", "position": [ 66, 324, 228, 176 ], "completed": false }, { "type": "description", "position": [ 370, 324, 228, 132 ], "completed": false }, { "type": "description", "position": [ 674, 324, 228, 154 ], "completed": false }, { "type": "icon", "position": [ 66, 564, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 370, 564, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 674, 564, 96, 96 ], "completed": false }, { "type": "title", "position": [ 66, 700, 228, 28 ], "completed": false }, { "type": "title", "position": [ 370, 700, 228, 56 ], "completed": false }, { "type": "title", "position": [ 674, 700, 228, 28 ], "completed": false }, { "type": "description", "position": [ 66, 736, 228, 132 ], "completed": false }, { "type": "description", "position": [ 674, 736, 228, 154 ], "completed": false }, { "type": "description", "position": [ 370, 764, 228, 154 ], "completed": false } ] }, { "text": "#A page for showing the revolutionizing automotive retail.# There should be one text box showing the title and six logos representing the labels. Each of the logos is followed by two text boxes, one for the revolutionizing content and the other for the detail.", "region_id": "504_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:logo] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | logo 78 17 11 11 | logo 7 66 11 11 | logo 78 66 11 11 | logo 7 17 11 11 | logo 43 17 11 11 | logo 43 66 11 11 | text 78 33 26 3 | text 7 82 26 3 | text 43 82 26 6 | text 78 82 26 3 | text 7 33 26 3 | text 43 33 26 3 | title 7 0 34 8", "layout_seq_without_completion": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | logo 78 17 11 11 | logo 7 66 11 11 | logo 78 66 11 11 | logo 7 17 11 11 | logo 43 17 11 11 | logo 43 66 11 11 | text 78 33 26 3 | text 7 82 26 3 | text 43 82 26 6 | text 78 82 26 3 | text 7 33 26 3 | text 43 33 26 3 | title 7 0 34 8", "plain_layout_seq": "description 78 86 26 18 | description 7 37 26 20 | description 78 37 26 18 | description 43 37 26 15 | description 7 86 26 15 | description 43 89 26 18 | logo 78 17 11 11 | logo 7 66 11 11 | logo 78 66 11 11 | logo 7 17 11 11 | logo 43 17 11 11 | logo 43 66 11 11 | text 78 33 26 3 | text 7 82 26 3 | text 43 82 26 6 | text 78 82 26 3 | text 7 33 26 3 | text 43 33 26 3 | title 7 0 34 8", "canvas_width": 1024, "canvas_height": 982, "elements": [ { "type": "title", "position": [ 66, 0, 297, 72 ], "completed": false }, { "type": "logo", "position": [ 66, 152, 96, 96 ], "completed": false }, { "type": "logo", "position": [ 370, 152, 96, 96 ], "completed": false }, { "type": "logo", "position": [ 674, 152, 96, 96 ], "completed": false }, { "type": "text", "position": [ 66, 288, 228, 28 ], "completed": false }, { "type": "text", "position": [ 370, 288, 228, 28 ], "completed": false }, { "type": "text", "position": [ 674, 288, 228, 28 ], "completed": false }, { "type": "description", "position": [ 66, 324, 228, 176 ], "completed": false }, { "type": "description", "position": [ 370, 324, 228, 132 ], "completed": false }, { "type": "description", "position": [ 674, 324, 228, 154 ], "completed": false }, { "type": "logo", "position": [ 66, 564, 96, 96 ], "completed": false }, { "type": "logo", "position": [ 370, 564, 96, 96 ], "completed": false }, { "type": "logo", "position": [ 674, 564, 96, 96 ], "completed": false }, { "type": "text", "position": [ 66, 700, 228, 28 ], "completed": false }, { "type": "text", "position": [ 370, 700, 228, 56 ], "completed": false }, { "type": "text", "position": [ 674, 700, 228, 28 ], "completed": false }, { "type": "description", "position": [ 66, 736, 228, 132 ], "completed": false }, { "type": "description", "position": [ 674, 736, 228, 154 ], "completed": false }, { "type": "description", "position": [ 370, 764, 228, 154 ], "completed": false } ] }, { "text": "#A page for showing the service of a company. Users can see the types of services that the company offers through this page.# There should be eight small boxes, each with a link inside. Users can get more information by clicking these links. On the right of the paper, there is one image.", "region_id": "901", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'8'] [item [el:link] ] ] [el:image [attr:position'right'] ] ]", "execution": "multiinfo : image right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 3 27 6 | complete background 27 10 27 6 | complete background 54 10 27 6 | complete background 27 3 27 6 | complete background 54 3 27 6 | complete background 0 10 27 6 | complete background 0 16 27 6 | complete background 27 16 27 6 | complete icon 55 6 1 1 | complete icon 1 12 1 1 | complete icon 28 12 1 1 | complete icon 1 6 1 1 | complete icon 55 12 1 1 | complete icon 28 18 1 1 | complete icon 28 6 1 1 | complete icon 1 18 1 1 | image 82 2 37 18 | link 30 6 12 1 | link 3 6 15 1 | link 3 18 11 1 | link 30 18 11 1 | link 3 12 10 1 | link 57 6 11 1 | link 30 12 10 1 | link 57 12 6 1", "layout_seq_without_completion": "background 0 3 27 6 | background 27 10 27 6 | background 54 10 27 6 | background 27 3 27 6 | background 54 3 27 6 | background 0 10 27 6 | background 0 16 27 6 | background 27 16 27 6 | icon 55 6 1 1 | icon 1 12 1 1 | icon 28 12 1 1 | icon 1 6 1 1 | icon 55 12 1 1 | icon 28 18 1 1 | icon 28 6 1 1 | icon 1 18 1 1 | image 82 2 37 18 | link 30 6 12 1 | link 3 6 15 1 | link 3 18 11 1 | link 30 18 11 1 | link 3 12 10 1 | link 57 6 11 1 | link 30 12 10 1 | link 57 12 6 1", "plain_layout_seq": "background 0 3 27 6 | background 27 10 27 6 | background 54 10 27 6 | background 27 3 27 6 | background 54 3 27 6 | background 0 10 27 6 | background 0 16 27 6 | background 27 16 27 6 | icon 55 6 1 1 | icon 1 12 1 1 | icon 28 12 1 1 | icon 1 6 1 1 | icon 55 12 1 1 | icon 28 18 1 1 | icon 28 6 1 1 | icon 1 18 1 1 | image 82 2 37 18 | link 30 6 12 1 | link 3 6 15 1 | link 3 18 11 1 | link 30 18 11 1 | link 3 12 10 1 | link 57 6 11 1 | link 30 12 10 1 | link 57 12 6 1", "canvas_width": 960, "canvas_height": 180, "elements": [ { "type": "image", "position": [ 660, 20, 300, 150 ], "completed": false }, { "type": "background", "position": [ 0, 30, 216, 50 ], "completed": true }, { "type": "background", "position": [ 216, 30, 216, 50 ], "completed": true }, { "type": "background", "position": [ 432, 30, 216, 50 ], "completed": true }, { "type": "link", "position": [ 29, 48, 127, 14 ], "completed": false }, { "type": "link", "position": [ 245, 48, 99, 14 ], "completed": false }, { "type": "link", "position": [ 461, 48, 91, 14 ], "completed": false }, { "type": "icon", "position": [ 15, 49, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 231, 49, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 447, 49, 10, 10 ], "completed": true }, { "type": "background", "position": [ 0, 80, 216, 50 ], "completed": true }, { "type": "background", "position": [ 216, 80, 216, 50 ], "completed": true }, { "type": "background", "position": [ 432, 80, 216, 50 ], "completed": true }, { "type": "link", "position": [ 29, 98, 83, 14 ], "completed": false }, { "type": "link", "position": [ 245, 98, 87, 14 ], "completed": false }, { "type": "link", "position": [ 461, 98, 53, 14 ], "completed": false }, { "type": "icon", "position": [ 15, 99, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 231, 99, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 447, 99, 10, 10 ], "completed": true }, { "type": "background", "position": [ 0, 130, 216, 50 ], "completed": true }, { "type": "background", "position": [ 216, 130, 216, 50 ], "completed": true }, { "type": "link", "position": [ 29, 148, 88, 14 ], "completed": false }, { "type": "link", "position": [ 245, 148, 90, 14 ], "completed": false }, { "type": "icon", "position": [ 15, 149, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 231, 149, 10, 10 ], "completed": true } ] }, { "text": "#This page mainly introduces Featured Author: K S Lane to users. #In addition to the title of \"Featured Author: K S Lane\", this page has three groups: 100+ Great debate topics, How to write a debate, and How to gram for an exam, each group has a background image, title, and other relevant information.", "region_id": "5976", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured author: k s lane'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names '100+ Great debate topics, How to write a debate, How to gram for an exam'] [item [el:background_image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] | [ background undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 33 0 53 14 | \" [ background 3 16 36 36 | complete link 3 54 9 2 | text 11 60 8 1 | text 22 60 9 1 | title 3 56 36 2 ] | [ background 41 16 36 36 | complete link 41 54 18 2 | text 50 60 8 1 | text 60 60 8 1 | title 41 56 36 2 ] | [ background 80 16 36 36 | complete link 80 54 12 2 | text 88 60 8 1 | text 99 60 8 1 | title 80 56 36 2 ] \"", "layout_seq_without_completion": "title 33 0 53 14 | \" [ background 3 16 36 36 | link 3 54 9 2 | text 11 60 8 1 | text 22 60 9 1 | title 3 56 36 2 ] | [ background 41 16 36 36 | link 41 54 18 2 | text 50 60 8 1 | text 60 60 8 1 | title 41 56 36 2 ] | [ background 80 16 36 36 | link 80 54 12 2 | text 88 60 8 1 | text 99 60 8 1 | title 80 56 36 2 ] \"", "plain_layout_seq": "background 3 16 36 36 | background 41 16 36 36 | background 80 16 36 36 | link 3 54 9 2 | link 41 54 18 2 | link 80 54 12 2 | text 11 60 8 1 | text 22 60 9 1 | text 50 60 8 1 | text 60 60 8 1 | text 88 60 8 1 | text 99 60 8 1 | title 33 0 53 14 | title 3 56 36 2 | title 41 56 36 2 | title 80 56 36 2", "canvas_width": 1024, "canvas_height": 549, "elements": [ { "type": "title", "position": [ 286, 0, 453, 125 ], "completed": false }, { "type": "background", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "background", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "background", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "link", "position": [ 30, 463, 83, 18 ], "completed": true }, { "type": "link", "position": [ 358, 463, 158, 18 ], "completed": true }, { "type": "link", "position": [ 686, 463, 106, 18 ], "completed": true }, { "type": "title", "position": [ 30, 486, 308, 20 ], "completed": false }, { "type": "title", "position": [ 358, 486, 308, 20 ], "completed": false }, { "type": "title", "position": [ 686, 486, 308, 20 ], "completed": false }, { "type": "text", "position": [ 101, 517, 71, 17 ], "completed": false }, { "type": "text", "position": [ 189, 517, 78, 17 ], "completed": false }, { "type": "text", "position": [ 430, 517, 71, 17 ], "completed": false }, { "type": "text", "position": [ 518, 517, 76, 17 ], "completed": false }, { "type": "text", "position": [ 758, 517, 71, 17 ], "completed": false }, { "type": "text", "position": [ 846, 517, 75, 17 ], "completed": false } ] }, { "text": "#A page for showing food choice hub.# There is one title \"FOOD CHOICE HUB\" and two groups. Each group includes one logo and one button for the service.", "region_id": "4058", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'food choice hub'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:logo] [el:button [attr:value 'service']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 0 26 3", "layout_seq_without_completion": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 0 26 3", "plain_layout_seq": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 0 26 3", "canvas_width": 1024, "canvas_height": 277, "elements": [ { "type": "title", "position": [ 25, 8, 224, 30 ], "completed": false }, { "type": "logo", "position": [ 50, 66, 295, 153 ], "completed": false }, { "type": "logo", "position": [ 365, 66, 295, 153 ], "completed": false }, { "type": "button", "position": [ 209, 227, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 227, 116, 30 ], "completed": false } ] }, { "text": "#A page showing different collections.#\"OUR COLLECTIONS\" is a title on the page. The page should have five parts. Each includes a picture and a title (Be Organised (Planner Collection), Be Thankful (Journal Collection), Be Inspired (Desk Essentials), Trackers, or Be Timeless(Keepsake Collection)).", "region_id": "7441", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'OUR COLLECTIONS']] [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'Be Organised (Planner Collection), Be Thankful (Journal Collection), Be Inspired (Desk Essentials),Trackers, Be Timeless(Keepsake Collection)'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 50 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 72 15 18 18 | image 94 15 18 18 | title 6 18 18 12 | title 72 23 18 3 | title 50 19 18 9 | title 28 19 18 9 | title 94 19 18 9 | title 6 6 107 2", "layout_seq_without_completion": "image 50 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 72 15 18 18 | image 94 15 18 18 | title 6 18 18 12 | title 72 23 18 3 | title 50 19 18 9 | title 28 19 18 9 | title 94 19 18 9 | title 6 6 107 2", "plain_layout_seq": "image 50 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 72 15 18 18 | image 94 15 18 18 | title 6 18 18 12 | title 72 23 18 3 | title 50 19 18 9 | title 28 19 18 9 | title 94 19 18 9 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 352, "elements": [ { "type": "title", "position": [ 55, 54, 914, 21 ], "completed": false }, { "type": "image", "position": [ 55, 131, 159, 159 ], "completed": false }, { "type": "image", "position": [ 244, 131, 159, 159 ], "completed": false }, { "type": "image", "position": [ 433, 131, 159, 159 ], "completed": false }, { "type": "image", "position": [ 621, 131, 159, 159 ], "completed": false }, { "type": "image", "position": [ 810, 131, 159, 159 ], "completed": false }, { "type": "title", "position": [ 55, 157, 159, 106 ], "completed": false }, { "type": "title", "position": [ 244, 170, 159, 80 ], "completed": false }, { "type": "title", "position": [ 433, 170, 159, 80 ], "completed": false }, { "type": "title", "position": [ 810, 170, 159, 80 ], "completed": false }, { "type": "title", "position": [ 621, 197, 159, 27 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have six groups and each group has an image and a title of the news.", "region_id": "3664", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 80 0 39 22 | image 0 32 39 22 | image 40 0 39 22 | image 80 32 39 22 | image 0 0 39 22 | image 40 32 39 22 | title 40 54 39 8 | title 80 54 39 8 | title 40 23 39 8 | title 0 23 39 8 | title 80 23 39 8 | title 0 54 39 8", "layout_seq_without_completion": "image 80 0 39 22 | image 0 32 39 22 | image 40 0 39 22 | image 80 32 39 22 | image 0 0 39 22 | image 40 32 39 22 | title 40 54 39 8 | title 80 54 39 8 | title 40 23 39 8 | title 0 23 39 8 | title 80 23 39 8 | title 0 54 39 8", "plain_layout_seq": "image 80 0 39 22 | image 0 32 39 22 | image 40 0 39 22 | image 80 32 39 22 | image 0 0 39 22 | image 40 32 39 22 | title 40 54 39 8 | title 80 54 39 8 | title 40 23 39 8 | title 0 23 39 8 | title 80 23 39 8 | title 0 54 39 8", "canvas_width": 1009, "canvas_height": 538, "elements": [ { "type": "image", "position": [ 0, 8, 330, 186 ], "completed": false }, { "type": "image", "position": [ 339, 8, 330, 186 ], "completed": false }, { "type": "image", "position": [ 679, 8, 330, 186 ], "completed": false }, { "type": "title", "position": [ 0, 194, 330, 68 ], "completed": false }, { "type": "title", "position": [ 339, 194, 330, 68 ], "completed": false }, { "type": "title", "position": [ 679, 194, 330, 68 ], "completed": false }, { "type": "image", "position": [ 0, 271, 330, 186 ], "completed": false }, { "type": "image", "position": [ 339, 271, 330, 186 ], "completed": false }, { "type": "image", "position": [ 679, 271, 330, 186 ], "completed": false }, { "type": "title", "position": [ 0, 457, 330, 68 ], "completed": false }, { "type": "title", "position": [ 339, 457, 330, 68 ], "completed": false }, { "type": "title", "position": [ 679, 457, 330, 68 ], "completed": false } ] }, { "text": "#A page for showing the excellent workers.# The page should have 4 groups. Each group should have an image and text to show the photo and the name of an excellent worker.", "region_id": "4933", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 0 0 27 19 | image 30 0 27 19 | image 92 0 27 19 | image 61 0 27 19 | text 33 20 21 2 | text 3 20 20 2 | text 64 20 22 2 | text 99 20 14 2", "layout_seq_without_completion": "image 0 0 27 19 | image 30 0 27 19 | image 92 0 27 19 | image 61 0 27 19 | text 33 20 21 2 | text 3 20 20 2 | text 64 20 22 2 | text 99 20 14 2", "plain_layout_seq": "image 0 0 27 19 | image 30 0 27 19 | image 92 0 27 19 | image 61 0 27 19 | text 33 20 21 2 | text 3 20 20 2 | text 64 20 22 2 | text 99 20 14 2", "canvas_width": 979, "canvas_height": 217, "elements": [ { "type": "image", "position": [ 0, 0, 222, 159 ], "completed": false }, { "type": "image", "position": [ 252, 0, 222, 159 ], "completed": false }, { "type": "image", "position": [ 505, 0, 222, 159 ], "completed": false }, { "type": "image", "position": [ 757, 0, 222, 159 ], "completed": false }, { "type": "text", "position": [ 27, 171, 168, 22 ], "completed": false }, { "type": "text", "position": [ 277, 171, 172, 22 ], "completed": false }, { "type": "text", "position": [ 523, 171, 185, 22 ], "completed": false }, { "type": "text", "position": [ 808, 171, 120, 22 ], "completed": false } ] }, { "text": "# A page for marketing a company. # The page should have a slogan and three groups of information sets: \"Security\", \"Cost-Effective\", and \"Application Aware\". There should be a small image, a title, and a further description in each group.", "region_id": "4416", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Security, Cost-Effective, Application Aware'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "title 1 0 116 12 | \" [ description 1 27 36 10 | image 17 15 5 5 | title 1 23 36 2 ] | [ description 41 27 36 6 | image 57 15 5 5 | title 41 23 36 2 ] | [ description 81 27 36 10 | image 97 15 5 5 | title 81 23 36 2 ] \"", "layout_seq_without_completion": "title 1 0 116 12 | \" [ description 1 27 36 10 | image 17 15 5 5 | title 1 23 36 2 ] | [ description 41 27 36 6 | image 57 15 5 5 | title 41 23 36 2 ] | [ description 81 27 36 10 | image 97 15 5 5 | title 81 23 36 2 ] \"", "plain_layout_seq": "description 1 27 36 10 | description 41 27 36 6 | description 81 27 36 10 | image 17 15 5 5 | image 57 15 5 5 | image 97 15 5 5 | title 1 0 116 12 | title 1 23 36 2 | title 41 23 36 2 | title 81 23 36 2", "canvas_width": 959, "canvas_height": 409, "elements": [ { "type": "title", "position": [ 15, 0, 929, 96 ], "completed": false }, { "type": "image", "position": [ 138, 126, 44, 44 ], "completed": false }, { "type": "image", "position": [ 457, 126, 44, 44 ], "completed": false }, { "type": "image", "position": [ 777, 126, 44, 44 ], "completed": false }, { "type": "title", "position": [ 15, 185, 290, 23 ], "completed": false }, { "type": "title", "position": [ 335, 185, 290, 23 ], "completed": false }, { "type": "title", "position": [ 654, 185, 290, 23 ], "completed": false }, { "type": "description", "position": [ 15, 223, 290, 81 ], "completed": false }, { "type": "description", "position": [ 335, 223, 290, 54 ], "completed": false }, { "type": "description", "position": [ 654, 223, 290, 81 ], "completed": false } ] }, { "text": "#A page to introduce some governors and some justice departments.# There are four groups on the page. Each group contains an image and two text boxes. There are also some logos for social media.", "region_id": "4669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] [el:logo [attr:repeat 'several'] ] ]", "execution": "multiinfo : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 1 0 26 43 | image 1 30 26 13 | logo 4 39 1 1 | logo 9 39 1 1 | logo 6 39 1 1 | logo 12 39 2 1 | logo 16 39 1 1 | text 4 35 21 2 | text 4 32 21 2 ] | [ complete background 31 0 26 43 | image 31 30 26 13 | logo 34 39 1 1 | logo 36 39 1 1 | logo 39 39 1 1 | text 34 32 21 2 | text 34 35 21 2 ] | [ complete background 61 0 26 43 | image 61 30 26 13 | logo 66 39 1 1 | logo 64 39 1 1 | text 64 35 21 2 | text 64 32 21 2 ] | [ complete background 91 0 26 43 | image 91 30 26 13 | logo 94 39 1 1 | logo 96 39 1 1 | text 94 32 21 2 | text 94 35 21 2 ] \"", "layout_seq_without_completion": "\" [ background 1 0 26 43 | image 1 30 26 13 | logo 4 39 1 1 | logo 9 39 1 1 | logo 6 39 1 1 | logo 12 39 2 1 | logo 16 39 1 1 | text 4 35 21 2 | text 4 32 21 2 ] | [ background 31 0 26 43 | image 31 30 26 13 | logo 34 39 1 1 | logo 36 39 1 1 | logo 39 39 1 1 | text 34 32 21 2 | text 34 35 21 2 ] | [ background 61 0 26 43 | image 61 30 26 13 | logo 66 39 1 1 | logo 64 39 1 1 | text 64 35 21 2 | text 64 32 21 2 ] | [ background 91 0 26 43 | image 91 30 26 13 | logo 94 39 1 1 | logo 96 39 1 1 | text 94 32 21 2 | text 94 35 21 2 ] \"", "plain_layout_seq": "background 1 0 26 43 | background 31 0 26 43 | background 61 0 26 43 | background 91 0 26 43 | image 1 30 26 13 | image 31 30 26 13 | image 61 30 26 13 | image 91 30 26 13 | logo 4 39 1 1 | logo 9 39 1 1 | logo 6 39 1 1 | logo 12 39 2 1 | logo 16 39 1 1 | logo 34 39 1 1 | logo 36 39 1 1 | logo 39 39 1 1 | logo 66 39 1 1 | logo 64 39 1 1 | logo 94 39 1 1 | logo 96 39 1 1 | text 4 35 21 2 | text 4 32 21 2 | text 34 32 21 2 | text 34 35 21 2 | text 64 35 21 2 | text 64 32 21 2 | text 94 32 21 2 | text 94 35 21 2", "canvas_width": 1039, "canvas_height": 396, "elements": [ { "type": "background", "position": [ 15, 0, 230, 380 ], "completed": true }, { "type": "background", "position": [ 275, 0, 230, 380 ], "completed": true }, { "type": "background", "position": [ 534, 0, 230, 380 ], "completed": true }, { "type": "background", "position": [ 794, 0, 230, 380 ], "completed": true }, { "type": "image", "position": [ 16, 265, 228, 113 ], "completed": false }, { "type": "image", "position": [ 276, 265, 228, 113 ], "completed": false }, { "type": "image", "position": [ 536, 265, 228, 113 ], "completed": false }, { "type": "image", "position": [ 795, 265, 228, 113 ], "completed": false }, { "type": "text", "position": [ 36, 280, 188, 19 ], "completed": false }, { "type": "text", "position": [ 296, 280, 188, 19 ], "completed": false }, { "type": "text", "position": [ 556, 280, 188, 19 ], "completed": false }, { "type": "text", "position": [ 815, 280, 188, 19 ], "completed": false }, { "type": "text", "position": [ 36, 308, 188, 24 ], "completed": false }, { "type": "text", "position": [ 296, 308, 188, 24 ], "completed": false }, { "type": "text", "position": [ 556, 308, 188, 24 ], "completed": false }, { "type": "text", "position": [ 815, 308, 188, 24 ], "completed": false }, { "type": "logo", "position": [ 36, 344, 10, 16 ], "completed": false }, { "type": "logo", "position": [ 58, 344, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 86, 344, 14, 16 ], "completed": false }, { "type": "logo", "position": [ 112, 344, 18, 16 ], "completed": false }, { "type": "logo", "position": [ 142, 344, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 296, 344, 10, 16 ], "completed": false }, { "type": "logo", "position": [ 318, 344, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 346, 344, 14, 16 ], "completed": false }, { "type": "logo", "position": [ 556, 344, 10, 16 ], "completed": false }, { "type": "logo", "position": [ 578, 344, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 815, 344, 10, 16 ], "completed": false }, { "type": "logo", "position": [ 837, 344, 16, 16 ], "completed": false } ] }, { "text": "#A page for showing the record-breaking for businesses and brands.#The page should have a title and a long description besides this. There are four groups and each group has an image and a brief description. At the bottom of the page, there is button \"visit business solutions\".", "region_id": "3672", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'large'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:size 'small'] ] ] ] [el:button [attr:position 'bottom'] [attr:value 'visit business solutions'] ] ]", "execution": "multiinfo : button bottom undefined | description undefined large | title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "button 49 60 24 4 | description 44 6 73 17 | title 2 5 36 12 | \" [ description 4 47 21 5 | image 2 27 27 30 | image 2 28 25 17 ] | [ description 34 47 21 8 | image 31 27 27 30 | image 32 28 25 17 ] | [ description 63 47 21 2 | image 61 27 27 30 | image 61 28 25 17 ] | [ description 93 47 21 5 | image 90 27 27 30 | image 91 28 25 17 ] \"", "layout_seq_without_completion": "button 49 60 24 4 | description 44 6 73 17 | title 2 5 36 12 | \" [ description 4 47 21 5 | image 2 27 27 30 | image 2 28 25 17 ] | [ description 34 47 21 8 | image 31 27 27 30 | image 32 28 25 17 ] | [ description 63 47 21 2 | image 61 27 27 30 | image 61 28 25 17 ] | [ description 93 47 21 5 | image 90 27 27 30 | image 91 28 25 17 ] \"", "plain_layout_seq": "button 49 60 24 4 | description 44 6 73 17 | description 4 47 21 5 | description 34 47 21 8 | description 63 47 21 2 | description 93 47 21 5 | image 2 27 27 30 | image 2 28 25 17 | image 31 27 27 30 | image 32 28 25 17 | image 61 27 27 30 | image 61 28 25 17 | image 90 27 27 30 | image 91 28 25 17 | title 2 5 36 12", "canvas_width": 1024, "canvas_height": 605, "elements": [ { "type": "title", "position": [ 20, 51, 315, 104 ], "completed": false }, { "type": "description", "position": [ 380, 54, 624, 149 ], "completed": false }, { "type": "image", "position": [ 20, 237, 231, 259 ], "completed": false }, { "type": "image", "position": [ 271, 237, 231, 259 ], "completed": false }, { "type": "image", "position": [ 522, 237, 231, 259 ], "completed": false }, { "type": "image", "position": [ 773, 237, 231, 259 ], "completed": false }, { "type": "image", "position": [ 25, 242, 221, 147 ], "completed": false }, { "type": "image", "position": [ 276, 242, 221, 147 ], "completed": false }, { "type": "image", "position": [ 527, 242, 221, 147 ], "completed": false }, { "type": "image", "position": [ 778, 242, 221, 147 ], "completed": false }, { "type": "description", "position": [ 42, 403, 187, 48 ], "completed": false }, { "type": "description", "position": [ 293, 403, 187, 72 ], "completed": false }, { "type": "description", "position": [ 544, 403, 187, 24 ], "completed": false }, { "type": "description", "position": [ 795, 403, 187, 48 ], "completed": false }, { "type": "button", "position": [ 419, 514, 205, 40 ], "completed": false } ] }, { "text": "#A page for showing the services and solutions.#The page should have four groups and each group has an image and a title, named \"cloud infrastructure\", \"managed cloud services\", \"business solutions\", and \"managed solutions\". There is a long description and a link in each group, named \"learn more...\".", "region_id": "2589", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'cloud infrastructure, managed cloud services, business solutions, managed solutions'] [item [el:image] [el:title] [el:description [attr:size 'large'] ] [el:link[attr:value'learn more']] ] ] ]", "execution": "multiinfo : { [ description undefined large | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined large | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 3 1 20 20 | description 0 22 27 8 | image 10 12 6 5 | link 0 31 27 1 | title 3 1 20 10 ] | [ complete background 34 1 20 20 | description 31 22 27 6 | image 41 12 6 5 | link 31 29 27 1 | title 34 1 20 10 ] | [ complete background 65 1 20 20 | description 61 22 27 8 | image 72 12 6 5 | link 61 31 27 1 | title 65 1 20 10 ] | [ complete background 95 1 20 20 | description 92 22 27 6 | image 103 12 6 5 | link 92 29 27 1 | title 95 1 20 10 ] \"", "layout_seq_without_completion": "\" [ background 3 1 20 20 | description 0 22 27 8 | image 10 12 6 5 | link 0 31 27 1 | title 3 1 20 10 ] | [ background 34 1 20 20 | description 31 22 27 6 | image 41 12 6 5 | link 31 29 27 1 | title 34 1 20 10 ] | [ background 65 1 20 20 | description 61 22 27 8 | image 72 12 6 5 | link 61 31 27 1 | title 65 1 20 10 ] | [ background 95 1 20 20 | description 92 22 27 6 | image 103 12 6 5 | link 92 29 27 1 | title 95 1 20 10 ] \"", "plain_layout_seq": "background 3 1 20 20 | background 34 1 20 20 | background 65 1 20 20 | background 95 1 20 20 | description 0 22 27 8 | description 31 22 27 6 | description 61 22 27 8 | description 92 22 27 6 | image 10 12 6 5 | image 41 12 6 5 | image 72 12 6 5 | image 103 12 6 5 | link 0 31 27 1 | link 31 29 27 1 | link 61 31 27 1 | link 92 29 27 1 | title 3 1 20 10 | title 34 1 20 10 | title 65 1 20 10 | title 95 1 20 10", "canvas_width": 1205, "canvas_height": 342, "elements": [ { "type": "title", "position": [ 35, 12, 207, 110 ], "completed": false }, { "type": "background", "position": [ 35, 12, 207, 207 ], "completed": true }, { "type": "title", "position": [ 344, 12, 207, 110 ], "completed": false }, { "type": "background", "position": [ 344, 12, 207, 207 ], "completed": true }, { "type": "background", "position": [ 653, 12, 207, 207 ], "completed": true }, { "type": "title", "position": [ 653, 12, 207, 110 ], "completed": false }, { "type": "background", "position": [ 962, 12, 207, 207 ], "completed": true }, { "type": "title", "position": [ 962, 12, 207, 110 ], "completed": false }, { "type": "image", "position": [ 108, 122, 62, 60 ], "completed": false }, { "type": "image", "position": [ 417, 122, 62, 60 ], "completed": false }, { "type": "image", "position": [ 726, 122, 62, 60 ], "completed": false }, { "type": "image", "position": [ 1035, 122, 62, 60 ], "completed": false }, { "type": "description", "position": [ 2, 227, 273, 86 ], "completed": false }, { "type": "description", "position": [ 312, 227, 273, 69 ], "completed": false }, { "type": "description", "position": [ 620, 227, 273, 86 ], "completed": false }, { "type": "description", "position": [ 930, 227, 273, 69 ], "completed": false }, { "type": "link", "position": [ 312, 297, 273, 16 ], "completed": false }, { "type": "link", "position": [ 930, 297, 273, 16 ], "completed": false }, { "type": "link", "position": [ 2, 313, 273, 17 ], "completed": false }, { "type": "link", "position": [ 620, 313, 273, 17 ], "completed": false } ] }, { "text": "#A page for introducing the six products.#There are six groups on the page, and each group has an image and a title, \"appliances\", \"laundry\", \"refrigerators\", \"dishwashers\", \"bundles\", and \"freezers\".", "region_id": "4424", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'appliances, laundry, refrigerators, dishwashers, bundles, freezers'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 61 0 17 17 | image 41 0 17 17 | image 1 0 17 17 | image 21 0 17 17 | image 81 0 17 17 | image 100 0 17 17 | title 1 20 17 2 | title 21 20 17 2 | title 41 20 17 2 | title 61 20 17 2 | title 81 20 17 2 | title 100 20 17 2", "layout_seq_without_completion": "image 61 0 17 17 | image 41 0 17 17 | image 1 0 17 17 | image 21 0 17 17 | image 81 0 17 17 | image 100 0 17 17 | title 1 20 17 2 | title 21 20 17 2 | title 41 20 17 2 | title 61 20 17 2 | title 81 20 17 2 | title 100 20 17 2", "plain_layout_seq": "image 61 0 17 17 | image 41 0 17 17 | image 1 0 17 17 | image 21 0 17 17 | image 81 0 17 17 | image 100 0 17 17 | title 1 20 17 2 | title 21 20 17 2 | title 41 20 17 2 | title 61 20 17 2 | title 81 20 17 2 | title 100 20 17 2", "canvas_width": 994, "canvas_height": 214, "elements": [ { "type": "image", "position": [ 15, 0, 144, 144 ], "completed": false }, { "type": "image", "position": [ 179, 0, 144, 144 ], "completed": false }, { "type": "image", "position": [ 343, 0, 144, 144 ], "completed": false }, { "type": "image", "position": [ 507, 0, 144, 144 ], "completed": false }, { "type": "image", "position": [ 671, 0, 144, 144 ], "completed": false }, { "type": "image", "position": [ 835, 0, 144, 144 ], "completed": false }, { "type": "title", "position": [ 15, 169, 144, 20 ], "completed": false }, { "type": "title", "position": [ 179, 169, 144, 20 ], "completed": false }, { "type": "title", "position": [ 343, 169, 144, 20 ], "completed": false }, { "type": "title", "position": [ 507, 169, 144, 20 ], "completed": false }, { "type": "title", "position": [ 671, 169, 144, 20 ], "completed": false }, { "type": "title", "position": [ 835, 169, 144, 20 ], "completed": false } ] }, { "text": "#A page introducing pros of delivery service of a company.# The page should include four information sets. Each group contain an icon, a title and a text. The four different titles are \"Free delivery most country\", \"Satisfied or refunded\", \"We are available 24/8\", and \"100% Secure payments\".", "region_id": "6761", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'free delivery most country, satisfied or refunded, we are available 24/8, 100% secure payments'] [item [el:icon] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 23 0 3 3 | text 29 3 23 3 | title 29 0 23 3 ] | [ icon 64 0 3 3 | text 70 3 22 3 | title 70 0 22 3 ] | [ icon 23 12 3 3 | text 29 15 25 3 | title 29 11 25 3 ] | [ icon 64 12 3 3 | text 70 15 25 3 | title 70 11 25 3 ] \"", "layout_seq_without_completion": "\" [ icon 23 0 3 3 | text 29 3 23 3 | title 29 0 23 3 ] | [ icon 64 0 3 3 | text 70 3 22 3 | title 70 0 22 3 ] | [ icon 23 12 3 3 | text 29 15 25 3 | title 29 11 25 3 ] | [ icon 64 12 3 3 | text 70 15 25 3 | title 70 11 25 3 ] \"", "plain_layout_seq": "icon 23 0 3 3 | icon 64 0 3 3 | icon 23 12 3 3 | icon 64 12 3 3 | text 29 3 23 3 | text 70 3 22 3 | text 29 15 25 3 | text 70 15 25 3 | title 29 0 23 3 | title 70 0 22 3 | title 29 11 25 3 | title 70 11 25 3", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 248, 0, 198, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 195, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "text", "position": [ 248, 29, 198, 26 ], "completed": false }, { "type": "text", "position": [ 600, 29, 195, 26 ], "completed": false }, { "type": "title", "position": [ 248, 100, 216, 26 ], "completed": false }, { "type": "title", "position": [ 600, 100, 218, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 108, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 108, 30, 30 ], "completed": false }, { "type": "text", "position": [ 248, 130, 216, 26 ], "completed": false }, { "type": "text", "position": [ 600, 130, 218, 26 ], "completed": false } ] }, { "text": "# A page to introduce the teams that trust the company. # There should contain a title \"Trusted by teams\" and six logos of the teams.", "region_id": "5553", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trusted by teams'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 7 10 17 7 | logo 24 10 17 7 | logo 42 10 17 7 | logo 60 10 17 7 | logo 77 10 17 7 | logo 95 10 17 7 | title 7 5 105 2", "layout_seq_without_completion": "logo 7 10 17 7 | logo 24 10 17 7 | logo 42 10 17 7 | logo 60 10 17 7 | logo 77 10 17 7 | logo 95 10 17 7 | title 7 5 105 2", "plain_layout_seq": "logo 7 10 17 7 | logo 24 10 17 7 | logo 42 10 17 7 | logo 60 10 17 7 | logo 77 10 17 7 | logo 95 10 17 7 | title 7 5 105 2", "canvas_width": 1024, "canvas_height": 205, "elements": [ { "type": "title", "position": [ 64, 48, 896, 24 ], "completed": false }, { "type": "logo", "position": [ 64, 88, 149, 63 ], "completed": false }, { "type": "logo", "position": [ 213, 88, 149, 63 ], "completed": false }, { "type": "logo", "position": [ 363, 88, 149, 63 ], "completed": false }, { "type": "logo", "position": [ 512, 88, 149, 63 ], "completed": false }, { "type": "logo", "position": [ 661, 88, 149, 63 ], "completed": false }, { "type": "logo", "position": [ 811, 88, 149, 63 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have five groups and each group has an image and a title, \"elite trainer boxes\", \"booster boxes\", \"blisters\", \"tins\", and \"collection boxes\".", "region_id": "7998", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'elite trainer boxes, booster boxes, blisters, tins, collection boxes'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 85 0 30 26 | image 4 29 30 26 | image 38 0 42 55 | image 4 0 30 26 | image 85 29 30 26 | title 52 3 15 3 | title 11 32 17 3 | title 97 32 4 3 | title 10 3 19 3 | title 96 3 8 3", "layout_seq_without_completion": "image 85 0 30 26 | image 4 29 30 26 | image 38 0 42 55 | image 4 0 30 26 | image 85 29 30 26 | title 52 3 15 3 | title 11 32 17 3 | title 97 32 4 3 | title 10 3 19 3 | title 96 3 8 3", "plain_layout_seq": "image 85 0 30 26 | image 4 29 30 26 | image 38 0 42 55 | image 4 0 30 26 | image 85 29 30 26 | title 52 3 15 3 | title 11 32 17 3 | title 97 32 4 3 | title 10 3 19 3 | title 96 3 8 3", "canvas_width": 1024, "canvas_height": 510, "elements": [ { "type": "image", "position": [ 40, 0, 257, 224 ], "completed": false }, { "type": "image", "position": [ 328, 0, 366, 477 ], "completed": false }, { "type": "image", "position": [ 726, 0, 257, 224 ], "completed": false }, { "type": "title", "position": [ 86, 26, 167, 33 ], "completed": false }, { "type": "title", "position": [ 448, 26, 128, 33 ], "completed": false }, { "type": "title", "position": [ 820, 26, 69, 33 ], "completed": false }, { "type": "image", "position": [ 40, 255, 257, 224 ], "completed": false }, { "type": "image", "position": [ 726, 255, 257, 224 ], "completed": false }, { "type": "title", "position": [ 94, 281, 151, 33 ], "completed": false }, { "type": "title", "position": [ 835, 281, 39, 33 ], "completed": false } ] }, { "text": "#A page for showing some functions.# There should be five groups, and each of them includes one icon, and one label showing the name of the app.", "region_id": "1125", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 18 3 8 8 | icon 92 3 8 8 | icon 55 32 8 8 | icon 43 3 8 8 | icon 67 3 8 8 | title 14 16 18 2 | title 38 16 18 5 | title 50 44 18 5 | title 62 16 18 5 | title 87 16 18 2", "layout_seq_without_completion": "icon 18 3 8 8 | icon 92 3 8 8 | icon 55 32 8 8 | icon 43 3 8 8 | icon 67 3 8 8 | title 14 16 18 2 | title 38 16 18 5 | title 50 44 18 5 | title 62 16 18 5 | title 87 16 18 2", "plain_layout_seq": "icon 18 3 8 8 | icon 92 3 8 8 | icon 55 32 8 8 | icon 43 3 8 8 | icon 67 3 8 8 | title 14 16 18 2 | title 38 16 18 5 | title 50 44 18 5 | title 62 16 18 5 | title 87 16 18 2", "canvas_width": 1024, "canvas_height": 545, "elements": [ { "type": "icon", "position": [ 162, 30, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 370, 30, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 578, 30, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 786, 30, 75, 75 ], "completed": false }, { "type": "title", "position": [ 121, 137, 158, 24 ], "completed": false }, { "type": "title", "position": [ 329, 137, 158, 48 ], "completed": false }, { "type": "title", "position": [ 537, 137, 158, 48 ], "completed": false }, { "type": "title", "position": [ 745, 137, 158, 24 ], "completed": false }, { "type": "icon", "position": [ 474, 275, 75, 75 ], "completed": false }, { "type": "title", "position": [ 433, 382, 158, 48 ], "completed": false } ] }, { "text": "#A page for showing some apps.# There should be five texts which show the logos of the app, and each of them is followed by one text box showing the name of the app.", "region_id": "1125_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] [el:text] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "logo 18 3 8 8 | logo 92 3 8 8 | logo 55 32 8 8 | logo 43 3 8 8 | logo 67 3 8 8 | text 14 16 18 2 | text 38 16 18 5 | text 50 44 18 5 | text 62 16 18 5 | text 87 16 18 2", "layout_seq_without_completion": "logo 18 3 8 8 | logo 92 3 8 8 | logo 55 32 8 8 | logo 43 3 8 8 | logo 67 3 8 8 | text 14 16 18 2 | text 38 16 18 5 | text 50 44 18 5 | text 62 16 18 5 | text 87 16 18 2", "plain_layout_seq": "logo 18 3 8 8 | logo 92 3 8 8 | logo 55 32 8 8 | logo 43 3 8 8 | logo 67 3 8 8 | text 14 16 18 2 | text 38 16 18 5 | text 50 44 18 5 | text 62 16 18 5 | text 87 16 18 2", "canvas_width": 1024, "canvas_height": 545, "elements": [ { "type": "logo", "position": [ 162, 30, 75, 75 ], "completed": false }, { "type": "logo", "position": [ 370, 30, 75, 75 ], "completed": false }, { "type": "logo", "position": [ 578, 30, 75, 75 ], "completed": false }, { "type": "logo", "position": [ 786, 30, 75, 75 ], "completed": false }, { "type": "text", "position": [ 121, 137, 158, 24 ], "completed": false }, { "type": "text", "position": [ 329, 137, 158, 48 ], "completed": false }, { "type": "text", "position": [ 537, 137, 158, 48 ], "completed": false }, { "type": "text", "position": [ 745, 137, 158, 24 ], "completed": false }, { "type": "logo", "position": [ 474, 275, 75, 75 ], "completed": false }, { "type": "text", "position": [ 433, 382, 158, 48 ], "completed": false } ] }, { "text": "#A page introducing the advantages of Synthesia.# The page should include the title \"Video production, reinvented\" and an introduction. The page also contains 2 information sets. Each group includes a title and 5 subtitles with icons.", "region_id": "5303", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'video production, reinvented'] ] [el:description] [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:title [attr:repeat '5'] ] [el:icon [attr:repeat '5'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 30 15 60 6 | icon 61 57 2 2 | icon 61 61 2 2 | icon 11 52 2 2 | icon 61 47 2 2 | icon 61 52 2 2 | icon 11 47 2 2 | icon 11 57 2 2 | icon 11 43 2 2 | icon 11 61 2 2 | icon 61 43 2 2 | complete image 4 31 49 40 | complete image 49 26 59 48 | complete image 54 28 60 45 | title 15 43 30 2 | title 65 43 25 2 | title 65 61 34 2 | title 65 47 33 2 | title 15 47 34 2 | title 15 52 30 2 | title 15 57 35 2 | title 15 61 37 2 | title 65 57 39 2 | title 65 52 42 2 | title 33 9 54 4 | title 61 36 52 4 | title 11 36 41 4", "layout_seq_without_completion": "description 30 15 60 6 | icon 61 57 2 2 | icon 61 61 2 2 | icon 11 52 2 2 | icon 61 47 2 2 | icon 61 52 2 2 | icon 11 47 2 2 | icon 11 57 2 2 | icon 11 43 2 2 | icon 11 61 2 2 | icon 61 43 2 2 | image 4 31 49 40 | image 49 26 59 48 | image 54 28 60 45 | title 15 43 30 2 | title 65 43 25 2 | title 65 61 34 2 | title 65 47 33 2 | title 15 47 34 2 | title 15 52 30 2 | title 15 57 35 2 | title 15 61 37 2 | title 65 57 39 2 | title 65 52 42 2 | title 33 9 54 4 | title 61 36 52 4 | title 11 36 41 4", "plain_layout_seq": "description 30 15 60 6 | icon 61 57 2 2 | icon 61 61 2 2 | icon 11 52 2 2 | icon 61 47 2 2 | icon 61 52 2 2 | icon 11 47 2 2 | icon 11 57 2 2 | icon 11 43 2 2 | icon 11 61 2 2 | icon 61 43 2 2 | image 4 31 49 40 | image 49 26 59 48 | image 54 28 60 45 | title 15 43 30 2 | title 65 43 25 2 | title 65 61 34 2 | title 65 47 33 2 | title 15 47 34 2 | title 15 52 30 2 | title 15 57 35 2 | title 15 61 37 2 | title 65 57 39 2 | title 65 52 42 2 | title 33 9 54 4 | title 61 36 52 4 | title 11 36 41 4", "canvas_width": 1024, "canvas_height": 718, "elements": [ { "type": "title", "position": [ 282, 80, 461, 40 ], "completed": false }, { "type": "description", "position": [ 256, 136, 512, 54 ], "completed": false }, { "type": "image", "position": [ 424, 228, 509, 411 ], "completed": true }, { "type": "image", "position": [ 465, 242, 519, 392 ], "completed": true }, { "type": "image", "position": [ 40, 266, 425, 344 ], "completed": true }, { "type": "title", "position": [ 102, 308, 351, 40 ], "completed": false }, { "type": "title", "position": [ 527, 308, 445, 40 ], "completed": false }, { "type": "icon", "position": [ 102, 368, 19, 24 ], "completed": false }, { "type": "title", "position": [ 133, 368, 260, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 368, 23, 24 ], "completed": false }, { "type": "title", "position": [ 562, 368, 217, 24 ], "completed": false }, { "type": "icon", "position": [ 102, 408, 19, 24 ], "completed": false }, { "type": "title", "position": [ 133, 408, 291, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 408, 23, 24 ], "completed": false }, { "type": "title", "position": [ 562, 408, 282, 24 ], "completed": false }, { "type": "icon", "position": [ 102, 448, 19, 24 ], "completed": false }, { "type": "title", "position": [ 133, 448, 257, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 448, 23, 24 ], "completed": false }, { "type": "title", "position": [ 562, 448, 364, 24 ], "completed": false }, { "type": "icon", "position": [ 102, 488, 19, 24 ], "completed": false }, { "type": "title", "position": [ 133, 488, 303, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 488, 23, 24 ], "completed": false }, { "type": "title", "position": [ 562, 488, 333, 24 ], "completed": false }, { "type": "icon", "position": [ 102, 528, 19, 24 ], "completed": false }, { "type": "title", "position": [ 133, 528, 316, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 528, 23, 24 ], "completed": false }, { "type": "title", "position": [ 562, 528, 291, 24 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company.# The page should have three groups of service introduction information \"Free Shipping & Return\" \"Money back guarantee\", and \"Support 24/7\". In each group, there should be a small image, a title, and a short description.", "region_id": "5335", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'free shipping & return, money back guarantee, Support 24/7'] [item [el:image [attr:size 'small'] ] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 14 7 20 1 | image 5 4 7 5 | title 14 4 20 2 ] | [ description 52 7 23 1 | image 43 4 7 5 | title 52 4 23 2 ] | [ description 91 7 25 1 | image 82 4 7 5 | title 91 4 25 2 ] \"", "layout_seq_without_completion": "\" [ description 14 7 20 1 | image 5 4 7 5 | title 14 4 20 2 ] | [ description 52 7 23 1 | image 43 4 7 5 | title 52 4 23 2 ] | [ description 91 7 25 1 | image 82 4 7 5 | title 91 4 25 2 ] \"", "plain_layout_seq": "description 14 7 20 1 | description 52 7 23 1 | description 91 7 25 1 | image 5 4 7 5 | image 43 4 7 5 | image 82 4 7 5 | title 14 4 20 2 | title 52 4 23 2 | title 91 4 25 2", "canvas_width": 954, "canvas_height": 108, "elements": [ { "type": "image", "position": [ 41, 35, 60, 40 ], "completed": false }, { "type": "image", "position": [ 347, 35, 60, 40 ], "completed": false }, { "type": "image", "position": [ 657, 35, 60, 40 ], "completed": false }, { "type": "title", "position": [ 112, 37, 164, 21 ], "completed": false }, { "type": "title", "position": [ 418, 37, 189, 21 ], "completed": false }, { "type": "title", "position": [ 728, 37, 205, 21 ], "completed": false }, { "type": "description", "position": [ 112, 58, 164, 13 ], "completed": false }, { "type": "description", "position": [ 418, 58, 189, 13 ], "completed": false }, { "type": "description", "position": [ 728, 58, 205, 13 ], "completed": false } ] }, { "text": "# A page to introduce the PancakeSwap. # The page should have three groups of information \"Register Users\" \"Game Played\" and \"PancakeSwap Won by Users\". In each group, there should be an image, specific data as title, and a phrase to explain what the data refers to.", "region_id": "5101", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Register Users, Game Played, PancakeSwap Won by Users'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 89 7 16 16 | image 13 7 16 16 | image 51 7 16 16 | text 4 32 34 3 | text 80 32 34 3 | text 42 32 34 3 | title 4 23 34 7 | title 42 23 34 7 | title 80 23 34 7", "layout_seq_without_completion": "image 89 7 16 16 | image 13 7 16 16 | image 51 7 16 16 | text 4 32 34 3 | text 80 32 34 3 | text 42 32 34 3 | title 4 23 34 7 | title 42 23 34 7 | title 80 23 34 7", "plain_layout_seq": "image 89 7 16 16 | image 13 7 16 16 | image 51 7 16 16 | text 4 32 34 3 | text 80 32 34 3 | text 42 32 34 3 | title 4 23 34 7 | title 42 23 34 7 | title 80 23 34 7", "canvas_width": 1009, "canvas_height": 362, "elements": [ { "type": "image", "position": [ 116, 60, 137, 135 ], "completed": false }, { "type": "image", "position": [ 436, 60, 137, 135 ], "completed": false }, { "type": "image", "position": [ 756, 60, 137, 135 ], "completed": false }, { "type": "title", "position": [ 40, 200, 290, 66 ], "completed": false }, { "type": "title", "position": [ 359, 200, 290, 66 ], "completed": false }, { "type": "title", "position": [ 679, 200, 290, 66 ], "completed": false }, { "type": "text", "position": [ 40, 272, 290, 30 ], "completed": false }, { "type": "text", "position": [ 359, 272, 290, 30 ], "completed": false }, { "type": "text", "position": [ 679, 272, 290, 30 ], "completed": false } ] }, { "text": "#A page for introducing the web Agriculture&Farming.#The page should have a title named 'Agriculture & Farming' and there are three groups. Each group has an picture\uff0ca category label 'Agriculture & Farming'\uff0c a news title\uff0ca source label, and a date label.", "region_id": "3908", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:value 'Agriculture & Farming']][el:title] [el:text[attr:repeat '2']]] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 37 0 44 14 | \" [ image 3 16 36 36 | text 3 54 23 2 | text 10 62 11 1 | text 24 62 8 1 | title 3 56 36 4 ] | [ image 41 16 36 36 | text 47 62 15 1 | text 41 54 23 2 | text 64 62 8 1 | title 41 56 36 4 ] | [ image 80 16 36 36 | text 80 54 23 2 | text 85 62 14 1 | text 101 62 9 1 | title 80 56 36 4 ] \"", "layout_seq_without_completion": "title 37 0 44 14 | \" [ image 3 16 36 36 | text 3 54 23 2 | text 10 62 11 1 | text 24 62 8 1 | title 3 56 36 4 ] | [ image 41 16 36 36 | text 47 62 15 1 | text 41 54 23 2 | text 64 62 8 1 | title 41 56 36 4 ] | [ image 80 16 36 36 | text 80 54 23 2 | text 85 62 14 1 | text 101 62 9 1 | title 80 56 36 4 ] \"", "plain_layout_seq": "image 3 16 36 36 | image 41 16 36 36 | image 80 16 36 36 | text 3 54 23 2 | text 10 62 11 1 | text 24 62 8 1 | text 47 62 15 1 | text 41 54 23 2 | text 64 62 8 1 | text 80 54 23 2 | text 85 62 14 1 | text 101 62 9 1 | title 37 0 44 14 | title 3 56 36 4 | title 41 56 36 4 | title 80 56 36 4", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "title", "position": [ 322, 0, 381, 125 ], "completed": false }, { "type": "image", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "text", "position": [ 30, 463, 197, 18 ], "completed": false }, { "type": "text", "position": [ 358, 463, 197, 18 ], "completed": false }, { "type": "text", "position": [ 686, 463, 197, 18 ], "completed": false }, { "type": "title", "position": [ 30, 486, 308, 41 ], "completed": false }, { "type": "title", "position": [ 358, 486, 308, 41 ], "completed": false }, { "type": "title", "position": [ 686, 486, 308, 41 ], "completed": false }, { "type": "text", "position": [ 88, 537, 100, 17 ], "completed": false }, { "type": "text", "position": [ 206, 537, 74, 17 ], "completed": false }, { "type": "text", "position": [ 402, 537, 131, 17 ], "completed": false }, { "type": "text", "position": [ 550, 537, 73, 17 ], "completed": false }, { "type": "text", "position": [ 732, 537, 120, 17 ], "completed": false }, { "type": "text", "position": [ 870, 537, 78, 17 ], "completed": false } ] }, { "text": "# A page for marketing a company by introducing the advantage.# The page should have four groups of information sets: \"High Quality Traffic\" \"Targeting Opinions\" \"Personalized Help\", and \"Variety of Ad Spots\". In each group, there should have a title and a further introduction.", "region_id": "5928", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'high quality traffic, targeting opinions, personalized help, variety of ad spots'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 36 | description 92 16 24 17 | description 2 16 24 14 | description 32 16 24 14 | description 62 16 24 12 | title 3 11 23 3 | title 93 11 23 3 | title 34 11 21 3 | title 64 11 22 3", "layout_seq_without_completion": "background 0 0 120 36 | description 92 16 24 17 | description 2 16 24 14 | description 32 16 24 14 | description 62 16 24 12 | title 3 11 23 3 | title 93 11 23 3 | title 34 11 21 3 | title 64 11 22 3", "plain_layout_seq": "background 0 0 120 36 | description 92 16 24 17 | description 2 16 24 14 | description 32 16 24 14 | description 62 16 24 12 | title 3 11 23 3 | title 93 11 23 3 | title 34 11 21 3 | title 64 11 22 3", "canvas_width": 1100, "canvas_height": 332, "elements": [ { "type": "background", "position": [ 0, 0, 1100, 332 ], "completed": true }, { "type": "title", "position": [ 34, 104, 212, 29 ], "completed": false }, { "type": "title", "position": [ 316, 104, 197, 29 ], "completed": false }, { "type": "title", "position": [ 588, 104, 202, 29 ], "completed": false }, { "type": "title", "position": [ 858, 104, 213, 29 ], "completed": false }, { "type": "description", "position": [ 27, 147, 225, 135 ], "completed": false }, { "type": "description", "position": [ 302, 147, 225, 135 ], "completed": false }, { "type": "description", "position": [ 577, 147, 225, 113 ], "completed": false }, { "type": "description", "position": [ 852, 147, 225, 158 ], "completed": false } ] }, { "text": "#A page showing the functions of a website.# It's split into two sections, each with a title, and an explanation. And preferably also a button that leads to signing up, two icons share on Facebook or ins. Two links for contact information and getting media resources.", "region_id": "1178_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:description] ] ] [el:button [attr:value'sign up'] ] [el:icon [attr:repeat'2'] ] [el:link [attr:value'contact information'] ] [el:link [attr:value'get media resources'] ] ]", "execution": "multiinfo : button undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 23 21 15 4 | description 23 7 25 10 | description 81 7 35 10 | icon 81 21 3 3 | icon 85 21 3 3 | link 94 20 20 2 | link 94 25 17 2 | title 59 7 19 7 | title 1 7 19 7", "layout_seq_without_completion": "button 23 21 15 4 | description 23 7 25 10 | description 81 7 35 10 | icon 81 21 3 3 | icon 85 21 3 3 | link 94 20 20 2 | link 94 25 17 2 | title 59 7 19 7 | title 1 7 19 7", "plain_layout_seq": "button 23 21 15 4 | description 23 7 25 10 | description 81 7 35 10 | icon 81 21 3 3 | icon 85 21 3 3 | link 94 20 20 2 | link 94 25 17 2 | title 59 7 19 7 | title 1 7 19 7", "canvas_width": 1003, "canvas_height": 306, "elements": [ { "type": "title", "position": [ 16, 61, 162, 60 ], "completed": false }, { "type": "description", "position": [ 193, 61, 213, 90 ], "completed": false }, { "type": "title", "position": [ 501, 61, 162, 60 ], "completed": false }, { "type": "description", "position": [ 678, 61, 293, 90 ], "completed": false }, { "type": "link", "position": [ 786, 174, 172, 20 ], "completed": false }, { "type": "button", "position": [ 193, 176, 130, 34 ], "completed": false }, { "type": "icon", "position": [ 678, 176, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 712, 176, 32, 32 ], "completed": false }, { "type": "link", "position": [ 786, 209, 147, 20 ], "completed": false } ] }, { "text": "#A page for introducing the crypto market to users.# The page should include four parts of the content. Each part contains an image, one title, and a brief description.", "region_id": "801", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 8 13 45 6 | image 4 26 53 33 | title 8 5 36 5 ] | [ description 65 13 45 10 | image 61 26 53 33 | title 65 5 37 5 ] | [ description 8 77 45 6 | image 4 86 53 33 | title 8 69 30 5 ] | [ description 65 77 45 6 | image 61 86 53 33 | title 65 69 33 5 ] \"", "layout_seq_without_completion": "\" [ description 8 13 45 6 | image 4 26 53 33 | title 8 5 36 5 ] | [ description 65 13 45 10 | image 61 26 53 33 | title 65 5 37 5 ] | [ description 8 77 45 6 | image 4 86 53 33 | title 8 69 30 5 ] | [ description 65 77 45 6 | image 61 86 53 33 | title 65 69 33 5 ] \"", "plain_layout_seq": "description 8 13 45 6 | description 65 13 45 10 | description 8 77 45 6 | description 65 77 45 6 | image 4 26 53 33 | image 61 26 53 33 | image 4 86 53 33 | image 61 86 53 33 | title 8 5 36 5 | title 65 5 37 5 | title 8 69 30 5 | title 65 69 33 5", "canvas_width": 1003, "canvas_height": 1005, "elements": [ { "type": "title", "position": [ 72, 48, 307, 49 ], "completed": false }, { "type": "title", "position": [ 550, 48, 313, 49 ], "completed": false }, { "type": "description", "position": [ 72, 117, 382, 57 ], "completed": false }, { "type": "description", "position": [ 550, 117, 382, 85 ], "completed": false }, { "type": "image", "position": [ 40, 223, 446, 278 ], "completed": false }, { "type": "image", "position": [ 518, 223, 446, 278 ], "completed": false }, { "type": "title", "position": [ 72, 581, 257, 49 ], "completed": false }, { "type": "title", "position": [ 550, 581, 276, 49 ], "completed": false }, { "type": "description", "position": [ 72, 650, 382, 57 ], "completed": false }, { "type": "description", "position": [ 550, 650, 382, 57 ], "completed": false }, { "type": "image", "position": [ 40, 727, 446, 278 ], "completed": false }, { "type": "image", "position": [ 518, 727, 446, 278 ], "completed": false } ] }, { "text": "# A page to advertise the coral reef activewear made from recycled bottles. # On the page, there should have a slogan and four groups of product information. Each one should contain an image, a product name, and a price. Then, a button \"View all\" is needed to view all of the products in the store.", "region_id": "8502", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 52 48 14 5 | title 5 0 102 4 | \" [ image 6 7 25 25 | text 5 35 24 4 | text 5 41 11 2 ] | [ image 33 7 25 25 | text 33 35 24 4 | text 33 41 11 2 ] | [ image 60 7 25 25 | text 60 35 24 4 | text 60 41 11 2 ] | [ image 88 7 25 25 | text 87 35 24 4 | text 87 41 11 2 ] \"", "layout_seq_without_completion": "button 52 48 14 5 | title 5 0 102 4 | \" [ image 6 7 25 25 | text 5 35 24 4 | text 5 41 11 2 ] | [ image 33 7 25 25 | text 33 35 24 4 | text 33 41 11 2 ] | [ image 60 7 25 25 | text 60 35 24 4 | text 60 41 11 2 ] | [ image 88 7 25 25 | text 87 35 24 4 | text 87 41 11 2 ] \"", "plain_layout_seq": "button 52 48 14 5 | image 6 7 25 25 | image 33 7 25 25 | image 60 7 25 25 | image 88 7 25 25 | text 5 35 24 4 | text 5 41 11 2 | text 33 35 24 4 | text 33 41 11 2 | text 60 35 24 4 | text 60 41 11 2 | text 87 35 24 4 | text 87 41 11 2 | title 5 0 102 4", "canvas_width": 1009, "canvas_height": 453, "elements": [ { "type": "title", "position": [ 50, 0, 866, 36 ], "completed": false }, { "type": "image", "position": [ 51, 65, 218, 218 ], "completed": false }, { "type": "image", "position": [ 281, 65, 218, 218 ], "completed": false }, { "type": "image", "position": [ 510, 65, 218, 218 ], "completed": false }, { "type": "image", "position": [ 740, 65, 218, 218 ], "completed": false }, { "type": "text", "position": [ 50, 300, 208, 38 ], "completed": false }, { "type": "text", "position": [ 280, 300, 208, 38 ], "completed": false }, { "type": "text", "position": [ 510, 300, 208, 38 ], "completed": false }, { "type": "text", "position": [ 739, 300, 208, 38 ], "completed": false }, { "type": "text", "position": [ 50, 347, 98, 18 ], "completed": false }, { "type": "text", "position": [ 280, 347, 98, 18 ], "completed": false }, { "type": "text", "position": [ 510, 347, 98, 18 ], "completed": false }, { "type": "text", "position": [ 739, 347, 98, 18 ], "completed": false }, { "type": "button", "position": [ 444, 408, 120, 45 ], "completed": false } ] }, { "text": "#The page introducing \"What people are saying about us\" to the users.#There should be a headline, and three groups, which include one image and a description about the people, and two buttons for users to click on to turn the page right or left.", "region_id": "3790", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "complete button 109 35 5 5 | complete button 4 35 5 5 | description 44 56 31 8 | description 11 56 31 5 | description 76 56 31 5 | image 11 23 31 31 | image 44 23 31 31 | image 76 23 31 31 | title 0 8 120 9 | \" [ complete button 50 71 1 1 ] | [ complete button 53 71 1 1 ] | [ complete button 55 71 1 1 ] | [ complete button 58 71 1 1 ] | [ complete button 60 71 1 1 ] | [ complete button 63 71 1 1 ] | [ complete button 65 71 1 1 ] | [ complete button 67 71 1 1 ] \"", "layout_seq_without_completion": "button 109 35 5 5 | button 4 35 5 5 | description 44 56 31 8 | description 11 56 31 5 | description 76 56 31 5 | image 11 23 31 31 | image 44 23 31 31 | image 76 23 31 31 | title 0 8 120 9 | \" [ button 50 71 1 1 ] | [ button 53 71 1 1 ] | [ button 55 71 1 1 ] | [ button 58 71 1 1 ] | [ button 60 71 1 1 ] | [ button 63 71 1 1 ] | [ button 65 71 1 1 ] | [ button 67 71 1 1 ] \"", "plain_layout_seq": "button 109 35 5 5 | button 4 35 5 5 | button 50 71 1 1 | button 53 71 1 1 | button 55 71 1 1 | button 58 71 1 1 | button 60 71 1 1 | button 63 71 1 1 | button 65 71 1 1 | button 67 71 1 1 | description 44 56 31 8 | description 11 56 31 5 | description 76 56 31 5 | image 11 23 31 31 | image 44 23 31 31 | image 76 23 31 31 | title 0 8 120 9", "canvas_width": 1024, "canvas_height": 669, "elements": [ { "type": "title", "position": [ 0, 71, 1024, 79 ], "completed": false }, { "type": "image", "position": [ 101, 198, 266, 266 ], "completed": false }, { "type": "image", "position": [ 379, 198, 266, 266 ], "completed": false }, { "type": "image", "position": [ 657, 198, 266, 266 ], "completed": false }, { "type": "button", "position": [ 40, 306, 49, 49 ], "completed": true }, { "type": "button", "position": [ 935, 306, 49, 49 ], "completed": true }, { "type": "description", "position": [ 101, 478, 266, 49 ], "completed": false }, { "type": "description", "position": [ 379, 478, 266, 73 ], "completed": false }, { "type": "description", "position": [ 657, 478, 266, 49 ], "completed": false }, { "type": "button", "position": [ 433, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 454, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 475, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 496, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 517, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 538, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 559, 607, 10, 10 ], "completed": true }, { "type": "button", "position": [ 580, 607, 10, 10 ], "completed": true } ] }, { "text": "#A page to introduce the plants.# On the page, four types of plants are involved. Each contains a picture of the related plants, and at the bottom left-hand corner of this picture, the name of the plant and relevant words to describe the plants are set vertically.", "region_id": "5154", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title [attr:position 'bottom'] ] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title bottom undefined ] | [ description undefined undefined | image undefined undefined | title bottom undefined ] | [ description undefined undefined | image undefined undefined | title bottom undefined ] | [ description undefined undefined | image undefined undefined | title bottom undefined ] }", "layout_seq_with_completion": "\" [ description 1 54 30 2 | image 0 0 60 59 | title 1 49 30 6 ] | [ description 61 54 21 2 | image 60 0 60 59 | title 61 49 13 6 ] | [ description 1 113 19 2 | image 0 59 60 59 | title 1 108 16 6 ] | [ description 61 113 20 2 | image 60 59 60 59 | title 61 108 20 6 ] \"", "layout_seq_without_completion": "\" [ description 1 54 30 2 | image 0 0 60 59 | title 1 49 30 6 ] | [ description 61 54 21 2 | image 60 0 60 59 | title 61 49 13 6 ] | [ description 1 113 19 2 | image 0 59 60 59 | title 1 108 16 6 ] | [ description 61 113 20 2 | image 60 59 60 59 | title 61 108 20 6 ] \"", "plain_layout_seq": "description 1 54 30 2 | description 61 54 21 2 | description 1 113 19 2 | description 61 113 20 2 | image 0 0 60 59 | image 60 0 60 59 | image 0 59 60 59 | image 60 59 60 59 | title 1 49 30 6 | title 61 49 13 6 | title 1 108 16 6 | title 61 108 20 6", "canvas_width": 922, "canvas_height": 910, "elements": [ { "type": "image", "position": [ 0, 0, 461, 455 ], "completed": false }, { "type": "image", "position": [ 461, 0, 461, 455 ], "completed": false }, { "type": "title", "position": [ 15, 381, 231, 51 ], "completed": false }, { "type": "title", "position": [ 476, 381, 103, 51 ], "completed": false }, { "type": "description", "position": [ 15, 418, 231, 22 ], "completed": false }, { "type": "description", "position": [ 476, 418, 169, 22 ], "completed": false }, { "type": "image", "position": [ 0, 455, 461, 455 ], "completed": false }, { "type": "image", "position": [ 461, 455, 461, 455 ], "completed": false }, { "type": "title", "position": [ 15, 836, 128, 51 ], "completed": false }, { "type": "title", "position": [ 476, 836, 154, 51 ], "completed": false }, { "type": "description", "position": [ 15, 873, 151, 22 ], "completed": false }, { "type": "description", "position": [ 476, 873, 154, 22 ], "completed": false } ] }, { "text": "#A page for showing some articles on coffee.# The page should have 3 groups while each group has an image, and 3 texts to show the title, the upgrade time, and a short description of the article. A button is needed for users to click to comment.", "region_id": "7115", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] [el:description [attr:size 'small'] ] ] ] [el:button[attr:value 'comment']] ]", "execution": "multiinfo : button undefined undefined | { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 8 37 30 20 | image 5 6 35 21 | text 8 34 9 1 | title 8 29 30 3 ] | [ button 44 50 8 2 | description 44 40 30 6 | image 42 6 35 21 | text 44 37 11 1 | title 44 29 30 7 ] | [ description 80 40 30 6 | image 78 6 35 21 | text 80 37 11 1 | title 80 29 30 7 ] \"", "layout_seq_without_completion": "\" [ description 8 37 30 20 | image 5 6 35 21 | text 8 34 9 1 | title 8 29 30 3 ] | [ button 44 50 8 2 | description 44 40 30 6 | image 42 6 35 21 | text 44 37 11 1 | title 44 29 30 7 ] | [ description 80 40 30 6 | image 78 6 35 21 | text 80 37 11 1 | title 80 29 30 7 ] \"", "plain_layout_seq": "button 44 50 8 2 | description 8 37 30 20 | description 44 40 30 6 | description 80 40 30 6 | image 5 6 35 21 | image 42 6 35 21 | image 78 6 35 21 | text 8 34 9 1 | text 44 37 11 1 | text 80 37 11 1 | title 8 29 30 3 | title 44 29 30 7 | title 80 29 30 7", "canvas_width": 1024, "canvas_height": 542, "elements": [ { "type": "image", "position": [ 50, 52, 303, 182 ], "completed": false }, { "type": "image", "position": [ 361, 52, 303, 182 ], "completed": false }, { "type": "image", "position": [ 671, 52, 303, 182 ], "completed": false }, { "type": "title", "position": [ 70, 250, 263, 32 ], "completed": false }, { "type": "title", "position": [ 381, 250, 263, 63 ], "completed": false }, { "type": "title", "position": [ 691, 250, 263, 63 ], "completed": false }, { "type": "text", "position": [ 70, 291, 82, 13 ], "completed": false }, { "type": "description", "position": [ 70, 316, 263, 173 ], "completed": false }, { "type": "text", "position": [ 381, 322, 102, 13 ], "completed": false }, { "type": "text", "position": [ 691, 322, 102, 13 ], "completed": false }, { "type": "description", "position": [ 381, 347, 263, 58 ], "completed": false }, { "type": "description", "position": [ 691, 347, 263, 58 ], "completed": false }, { "type": "button", "position": [ 381, 428, 76, 18 ], "completed": false } ] }, { "text": "#A page introducing the web online marketing platform to users and guiding users to start to use it.# The page should have one slogan of the web online marketing platform and two groups of products. And each product should have one logo, one slogan about the product, and one button for users to click to sign up free or learn more.", "region_id": "5642", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [item [el:logo] [el:title] [el:button [attr:value 'sign up free'] ]] [item [el:logo] [el:title] [el:button [attr:value 'learn more'] ]] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined | title undefined undefined ] | [ button undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 34 24 14 4 | button 70 24 14 4 | logo 36 14 11 3 | logo 68 14 19 3 | title 31 19 21 2 | title 67 19 21 2 | title 0 5 120 3", "layout_seq_without_completion": "button 34 24 14 4 | button 70 24 14 4 | logo 36 14 11 3 | logo 68 14 19 3 | title 31 19 21 2 | title 67 19 21 2 | title 0 5 120 3", "plain_layout_seq": "button 34 24 14 4 | button 70 24 14 4 | logo 36 14 11 3 | logo 68 14 19 3 | title 31 19 21 2 | title 67 19 21 2 | title 0 5 120 3", "canvas_width": 1024, "canvas_height": 297, "elements": [ { "type": "title", "position": [ 0, 50, 1024, 27 ], "completed": false }, { "type": "logo", "position": [ 308, 122, 100, 34 ], "completed": false }, { "type": "logo", "position": [ 583, 122, 164, 34 ], "completed": false }, { "type": "title", "position": [ 268, 167, 180, 24 ], "completed": false }, { "type": "title", "position": [ 574, 167, 182, 24 ], "completed": false }, { "type": "button", "position": [ 294, 211, 127, 37 ], "completed": false }, { "type": "button", "position": [ 602, 211, 125, 37 ], "completed": false } ] }, { "text": "#A page for introducing the four functions.#The page should have four groups and each group has an image and a title, \"innovate\", \"optimize\", \"implement\", and \"report\". In each group, there is a description of the function.", "region_id": "5464", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'innovate, optimize, implement, report'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 8 26 16 | image 1 0 6 6 | title 8 0 19 5 ] | [ description 31 8 26 9 | image 31 0 6 6 | title 38 0 19 5 ] | [ description 61 14 26 13 | image 61 0 6 6 | title 69 0 19 10 ] | [ description 91 8 26 16 | image 92 0 6 6 | title 99 0 19 5 ] \"", "layout_seq_without_completion": "\" [ description 0 8 26 16 | image 1 0 6 6 | title 8 0 19 5 ] | [ description 31 8 26 9 | image 31 0 6 6 | title 38 0 19 5 ] | [ description 61 14 26 13 | image 61 0 6 6 | title 69 0 19 10 ] | [ description 91 8 26 16 | image 92 0 6 6 | title 99 0 19 5 ] \"", "plain_layout_seq": "description 0 8 26 16 | description 31 8 26 9 | description 61 14 26 13 | description 91 8 26 16 | image 1 0 6 6 | image 31 0 6 6 | image 61 0 6 6 | image 92 0 6 6 | title 8 0 19 5 | title 38 0 19 5 | title 69 0 19 10 | title 99 0 19 5", "canvas_width": 984, "canvas_height": 268, "elements": [ { "type": "image", "position": [ 10, 0, 50, 50 ], "completed": false }, { "type": "title", "position": [ 70, 0, 157, 43 ], "completed": false }, { "type": "image", "position": [ 259, 0, 50, 50 ], "completed": false }, { "type": "title", "position": [ 319, 0, 157, 43 ], "completed": false }, { "type": "image", "position": [ 508, 0, 50, 50 ], "completed": false }, { "type": "title", "position": [ 568, 0, 157, 86 ], "completed": false }, { "type": "image", "position": [ 757, 0, 50, 50 ], "completed": false }, { "type": "title", "position": [ 817, 0, 157, 43 ], "completed": false }, { "type": "description", "position": [ 7, 73, 220, 135 ], "completed": false }, { "type": "description", "position": [ 256, 73, 220, 81 ], "completed": false }, { "type": "description", "position": [ 754, 73, 220, 135 ], "completed": false }, { "type": "description", "position": [ 505, 116, 220, 108 ], "completed": false } ] }, { "text": "#A page for introducing two packs of the same product to users.#The page should include one title and two groups of packs, each pack includes one brief description, one photo about the pack, and one label name of the pack.", "region_id": "8390", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:description [attr:size 'small'] ] [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 17 56 6 | description 60 17 57 6 | image 1 27 56 64 | image 60 27 57 64 | title 21 94 17 5 | title 79 94 20 5 | title 53 5 13 6", "layout_seq_without_completion": "description 1 17 56 6 | description 60 17 57 6 | image 1 27 56 64 | image 60 27 57 64 | title 21 94 17 5 | title 79 94 20 5 | title 53 5 13 6", "plain_layout_seq": "description 1 17 56 6 | description 60 17 57 6 | image 1 27 56 64 | image 60 27 57 64 | title 21 94 17 5 | title 79 94 20 5 | title 53 5 13 6", "canvas_width": 1024, "canvas_height": 911, "elements": [ { "type": "title", "position": [ 453, 48, 118, 54 ], "completed": false }, { "type": "description", "position": [ 15, 150, 482, 56 ], "completed": false }, { "type": "description", "position": [ 519, 150, 490, 56 ], "completed": false }, { "type": "image", "position": [ 15, 231, 482, 548 ], "completed": false }, { "type": "image", "position": [ 519, 231, 490, 554 ], "completed": false }, { "type": "title", "position": [ 181, 804, 150, 50 ], "completed": false }, { "type": "title", "position": [ 678, 810, 172, 50 ], "completed": false } ] }, { "text": "#A page for showing stories.# There should be one title \"Our stories\". Below are three groups and each of them includes one image, one vice title, and one description as well as one link for reading more.", "region_id": "2097", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our stories'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] ] ] [el:link [attr:value'read more'] ] ]", "execution": "multiinfo : link undefined undefined | title top undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 2 59 29 5 | title 2 5 115 2 | \" [ description 5 37 29 5 | image 2 10 37 20 | complete image 2 11 36 45 | complete text 5 52 12 1 | title 5 33 29 2 ] | [ description 45 37 29 5 | complete image 41 11 36 45 | image 41 10 37 20 | complete text 45 52 12 1 | title 45 33 29 2 ] | [ description 84 39 29 8 | image 80 10 37 20 | complete image 80 11 36 45 | complete text 84 52 12 1 | title 84 33 29 4 ] \"", "layout_seq_without_completion": "link 2 59 29 5 | title 2 5 115 2 | \" [ description 5 37 29 5 | image 2 10 37 20 | image 2 11 36 45 | text 5 52 12 1 | title 5 33 29 2 ] | [ description 45 37 29 5 | image 41 11 36 45 | image 41 10 37 20 | text 45 52 12 1 | title 45 33 29 2 ] | [ description 84 39 29 8 | image 80 10 37 20 | image 80 11 36 45 | text 84 52 12 1 | title 84 33 29 4 ] \"", "plain_layout_seq": "description 5 37 29 5 | description 45 37 29 5 | description 84 39 29 8 | image 2 10 37 20 | image 2 11 36 45 | image 41 11 36 45 | image 41 10 37 20 | image 80 10 37 20 | image 80 11 36 45 | link 2 59 29 5 | text 5 52 12 1 | text 45 52 12 1 | text 84 52 12 1 | title 2 5 115 2 | title 5 33 29 2 | title 45 33 29 2 | title 84 33 29 4", "canvas_width": 1024, "canvas_height": 608, "elements": [ { "type": "title", "position": [ 20, 50, 984, 23 ], "completed": false }, { "type": "image", "position": [ 19, 92, 316, 178 ], "completed": false }, { "type": "image", "position": [ 354, 92, 316, 178 ], "completed": false }, { "type": "image", "position": [ 689, 92, 316, 178 ], "completed": false }, { "type": "image", "position": [ 20, 98, 315, 392 ], "completed": true }, { "type": "image", "position": [ 355, 98, 315, 392 ], "completed": true }, { "type": "image", "position": [ 689, 98, 315, 392 ], "completed": true }, { "type": "title", "position": [ 50, 283, 255, 19 ], "completed": false }, { "type": "title", "position": [ 385, 283, 255, 19 ], "completed": false }, { "type": "title", "position": [ 719, 283, 255, 38 ], "completed": false }, { "type": "description", "position": [ 50, 318, 255, 48 ], "completed": false }, { "type": "description", "position": [ 385, 318, 255, 48 ], "completed": false }, { "type": "description", "position": [ 719, 337, 255, 72 ], "completed": false }, { "type": "text", "position": [ 50, 444, 105, 17 ], "completed": true }, { "type": "text", "position": [ 385, 444, 105, 17 ], "completed": true }, { "type": "text", "position": [ 719, 444, 105, 17 ], "completed": true }, { "type": "link", "position": [ 20, 511, 253, 47 ], "completed": false } ] }, { "text": "#A page for introducing one company's shipment and payment info.# There are two info groups and each group includes one icon, one title, and one description.", "region_id": "7021", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 8 8 19 5 | description 38 8 20 5 | title 8 3 19 4 | title 38 3 20 4", "layout_seq_without_completion": "description 8 8 19 5 | description 38 8 20 5 | title 8 3 19 4 | title 38 3 20 4", "plain_layout_seq": "description 8 8 19 5 | description 38 8 20 5 | title 8 3 19 4 | title 38 3 20 4", "canvas_width": 1009, "canvas_height": 154, "elements": [ { "type": "title", "position": [ 74, 30, 163, 40 ], "completed": false }, { "type": "title", "position": [ 320, 30, 169, 40 ], "completed": false }, { "type": "description", "position": [ 74, 75, 163, 49 ], "completed": false }, { "type": "description", "position": [ 320, 75, 169, 49 ], "completed": false } ] }, { "text": "#A page for attracting users to sign up.# The page should have 5 groups while each group has an icon, a title, and a short description to introduce the pros of the product. A button is needed for users to click to sign up now.", "region_id": "2977", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] [el:button [attr:value 'sign up now'] ] ]", "execution": "multiinfo : button undefined undefined | { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 50 39 18 5 | \" [ description 3 23 19 5 | icon 3 9 5 5 | title 3 18 19 3 ] | [ description 26 23 19 7 | icon 26 9 5 5 | title 26 18 19 3 ] | [ description 50 23 19 2 | icon 50 9 5 5 | title 50 18 19 3 ] | [ description 73 23 19 7 | icon 73 9 5 5 | title 73 18 19 3 ] | [ description 96 23 19 10 | icon 96 9 5 5 | title 96 18 19 3 ] \"", "layout_seq_without_completion": "button 50 39 18 5 | \" [ description 3 23 19 5 | icon 3 9 5 5 | title 3 18 19 3 ] | [ description 26 23 19 7 | icon 26 9 5 5 | title 26 18 19 3 ] | [ description 50 23 19 2 | icon 50 9 5 5 | title 50 18 19 3 ] | [ description 73 23 19 7 | icon 73 9 5 5 | title 73 18 19 3 ] | [ description 96 23 19 10 | icon 96 9 5 5 | title 96 18 19 3 ] \"", "plain_layout_seq": "button 50 39 18 5 | description 3 23 19 5 | description 26 23 19 7 | description 50 23 19 2 | description 73 23 19 7 | description 96 23 19 10 | icon 3 9 5 5 | icon 26 9 5 5 | icon 50 9 5 5 | icon 73 9 5 5 | icon 96 9 5 5 | title 3 18 19 3 | title 26 18 19 3 | title 50 18 19 3 | title 73 18 19 3 | title 96 18 19 3", "canvas_width": 1024, "canvas_height": 464, "elements": [ { "type": "icon", "position": [ 32, 80, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 230, 80, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 429, 80, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 628, 80, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 826, 80, 50, 50 ], "completed": false }, { "type": "title", "position": [ 32, 160, 166, 28 ], "completed": false }, { "type": "title", "position": [ 230, 160, 166, 28 ], "completed": false }, { "type": "title", "position": [ 429, 160, 166, 28 ], "completed": false }, { "type": "title", "position": [ 628, 160, 166, 28 ], "completed": false }, { "type": "title", "position": [ 826, 160, 166, 28 ], "completed": false }, { "type": "description", "position": [ 32, 198, 166, 44 ], "completed": false }, { "type": "description", "position": [ 230, 198, 166, 66 ], "completed": false }, { "type": "description", "position": [ 429, 198, 166, 22 ], "completed": false }, { "type": "description", "position": [ 628, 198, 166, 66 ], "completed": false }, { "type": "description", "position": [ 826, 198, 166, 88 ], "completed": false }, { "type": "button", "position": [ 431, 334, 162, 50 ], "completed": false } ] }, { "text": "#A page for introducing a page builder tool named \"Landingi\" to users.# There should be two groups on this page for users to choose to start a free trial or take a quick tour. Each group contains one title on the top and a brief description under it. At the bottom, a link should be provided for users to click to try it free or get my personal demo.", "region_id": "3530", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'start a free trial, take a quick tour'] [item [el:title [attr:position 'top']] [el:description [attr:size 'small']] [el:link [attr:position 'bottom']] ] ] ]", "execution": "multiinfo : { [ description undefined small | link bottom undefined | title top undefined ] | [ description undefined small | link bottom undefined | title top undefined ] }", "layout_seq_with_completion": "\" [ description 26 18 29 5 | complete image 23 8 34 25 | link 26 26 10 3 | title 26 12 29 3 ] | [ description 64 18 29 5 | complete image 61 8 34 25 | link 64 26 23 3 | title 64 12 29 3 ] \"", "layout_seq_without_completion": "\" [ description 26 18 29 5 | image 23 8 34 25 | link 26 26 10 3 | title 26 12 29 3 ] | [ description 64 18 29 5 | image 61 8 34 25 | link 64 26 23 3 | title 64 12 29 3 ] \"", "plain_layout_seq": "description 26 18 29 5 | description 64 18 29 5 | image 23 8 34 25 | image 61 8 34 25 | link 26 26 10 3 | link 64 26 23 3 | title 26 12 29 3 | title 64 12 29 3", "canvas_width": 1024, "canvas_height": 411, "elements": [ { "type": "image", "position": [ 202, 70, 297, 221 ], "completed": true }, { "type": "image", "position": [ 525, 70, 297, 221 ], "completed": true }, { "type": "title", "position": [ 226, 109, 249, 34 ], "completed": false }, { "type": "title", "position": [ 549, 109, 249, 34 ], "completed": false }, { "type": "description", "position": [ 226, 157, 249, 48 ], "completed": false }, { "type": "description", "position": [ 549, 157, 249, 48 ], "completed": false }, { "type": "link", "position": [ 226, 227, 88, 29 ], "completed": false }, { "type": "link", "position": [ 549, 227, 203, 29 ], "completed": false } ] }, { "text": "#A page for showing some applications.# There are seven groups. Each group includes one icon and one label showing the name.", "region_id": "5324", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 13 2 7 4 | icon 28 1 7 5 | icon 43 2 6 4 | icon 99 2 7 4 | icon 57 2 8 4 | icon 86 0 6 7 | icon 72 1 7 5 | text 27 6 10 4 | text 12 6 7 4 | text 86 6 6 4 | text 57 6 7 4 | text 73 6 5 4 | text 44 6 6 4 | text 99 6 7 4", "layout_seq_without_completion": "icon 13 2 7 4 | icon 28 1 7 5 | icon 43 2 6 4 | icon 99 2 7 4 | icon 57 2 8 4 | icon 86 0 6 7 | icon 72 1 7 5 | text 27 6 10 4 | text 12 6 7 4 | text 86 6 6 4 | text 57 6 7 4 | text 73 6 5 4 | text 44 6 6 4 | text 99 6 7 4", "plain_layout_seq": "icon 13 2 7 4 | icon 28 1 7 5 | icon 43 2 6 4 | icon 99 2 7 4 | icon 57 2 8 4 | icon 86 0 6 7 | icon 72 1 7 5 | text 27 6 10 4 | text 12 6 7 4 | text 86 6 6 4 | text 57 6 7 4 | text 73 6 5 4 | text 44 6 6 4 | text 99 6 7 4", "canvas_width": 1004, "canvas_height": 91, "elements": [ { "type": "icon", "position": [ 720, 0, 56, 60 ], "completed": false }, { "type": "icon", "position": [ 239, 15, 59, 45 ], "completed": false }, { "type": "icon", "position": [ 605, 15, 59, 45 ], "completed": false }, { "type": "icon", "position": [ 367, 19, 56, 41 ], "completed": false }, { "type": "icon", "position": [ 109, 20, 60, 40 ], "completed": false }, { "type": "icon", "position": [ 479, 20, 70, 40 ], "completed": false }, { "type": "icon", "position": [ 832, 20, 64, 40 ], "completed": false }, { "type": "text", "position": [ 108, 57, 62, 34 ], "completed": false }, { "type": "text", "position": [ 226, 57, 85, 34 ], "completed": false }, { "type": "text", "position": [ 370, 57, 51, 34 ], "completed": false }, { "type": "text", "position": [ 484, 57, 59, 34 ], "completed": false }, { "type": "text", "position": [ 613, 57, 43, 34 ], "completed": false }, { "type": "text", "position": [ 720, 57, 55, 34 ], "completed": false }, { "type": "text", "position": [ 834, 57, 60, 34 ], "completed": false } ] }, { "text": "# A page to introduce the brand of a company and tell the customers to shop at their brands. # There should be one text box as the title. And 17 images of the logo of the brands are needed.", "region_id": "1428", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'17'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 1 1 117 2 | \" [ logo 6 6 14 5 ] | [ logo 24 6 14 5 ] | [ logo 43 6 14 5 ] | [ logo 62 6 14 5 ] | [ logo 81 6 14 5 ] | [ logo 99 6 14 5 ] | [ logo 6 13 14 5 ] | [ logo 24 13 14 5 ] | [ logo 43 13 14 5 ] | [ logo 62 13 14 5 ] | [ logo 81 13 14 5 ] | [ logo 99 13 14 5 ] | [ logo 15 20 14 5 ] | [ logo 34 20 14 5 ] | [ logo 52 20 14 5 ] | [ logo 71 20 14 5 ] | [ logo 90 20 14 5 ] \"", "layout_seq_without_completion": "title 1 1 117 2 | \" [ logo 6 6 14 5 ] | [ logo 24 6 14 5 ] | [ logo 43 6 14 5 ] | [ logo 62 6 14 5 ] | [ logo 81 6 14 5 ] | [ logo 99 6 14 5 ] | [ logo 6 13 14 5 ] | [ logo 24 13 14 5 ] | [ logo 43 13 14 5 ] | [ logo 62 13 14 5 ] | [ logo 81 13 14 5 ] | [ logo 99 13 14 5 ] | [ logo 15 20 14 5 ] | [ logo 34 20 14 5 ] | [ logo 52 20 14 5 ] | [ logo 71 20 14 5 ] | [ logo 90 20 14 5 ] \"", "plain_layout_seq": "logo 6 6 14 5 | logo 24 6 14 5 | logo 43 6 14 5 | logo 62 6 14 5 | logo 81 6 14 5 | logo 99 6 14 5 | logo 6 13 14 5 | logo 24 13 14 5 | logo 43 13 14 5 | logo 62 13 14 5 | logo 81 13 14 5 | logo 99 13 14 5 | logo 15 20 14 5 | logo 34 20 14 5 | logo 52 20 14 5 | logo 71 20 14 5 | logo 90 20 14 5 | title 1 1 117 2", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "title", "position": [ 10, 10, 1004, 22 ], "completed": false }, { "type": "logo", "position": [ 52, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 212, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 372, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 532, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 692, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 852, 57, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 52, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 212, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 372, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 532, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 692, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 852, 117, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 132, 177, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 292, 177, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 452, 177, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 612, 177, 120, 50 ], "completed": false }, { "type": "logo", "position": [ 772, 177, 120, 50 ], "completed": false } ] }, { "text": "#A page introducing pros of a tax collection system.# The page contains 2 information sets. Each group includes an image, a title, and a description. The two titles are \"CAMA\" and \"Property Tax & Collections\".", "region_id": "6258", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'cama, property tax & collections'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 12 5 40 16 | image 1 0 8 8 | title 12 0 6 2 ] | [ description 72 5 45 9 | image 61 0 8 8 | title 72 0 25 2 ] \"", "layout_seq_without_completion": "\" [ description 12 5 40 16 | image 1 0 8 8 | title 12 0 6 2 ] | [ description 72 5 45 9 | image 61 0 8 8 | title 72 0 25 2 ] \"", "plain_layout_seq": "description 12 5 40 16 | description 72 5 45 9 | image 1 0 8 8 | image 61 0 8 8 | title 12 0 6 2 | title 72 0 25 2", "canvas_width": 1014, "canvas_height": 270, "elements": [ { "type": "image", "position": [ 15, 0, 70, 70 ], "completed": false }, { "type": "image", "position": [ 522, 0, 70, 70 ], "completed": false }, { "type": "title", "position": [ 109, 3, 53, 24 ], "completed": false }, { "type": "title", "position": [ 616, 3, 212, 24 ], "completed": false }, { "type": "description", "position": [ 109, 48, 345, 136 ], "completed": false }, { "type": "description", "position": [ 616, 48, 383, 82 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three combinations of items that consist of an image,a title and a link for more information.", "region_id": "635", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 0 55 31 | link 1 46 14 4 | title 1 33 49 7 ] | [ image 62 0 55 31 | link 62 46 14 4 | title 62 33 53 7 ] | [ image 1 54 55 31 | link 1 100 14 4 | title 1 88 46 3 ] \"", "layout_seq_without_completion": "\" [ image 1 0 55 31 | link 1 46 14 4 | title 1 33 49 7 ] | [ image 62 0 55 31 | link 62 46 14 4 | title 62 33 53 7 ] | [ image 1 54 55 31 | link 1 100 14 4 | title 1 88 46 3 ] \"", "plain_layout_seq": "image 1 0 55 31 | image 62 0 55 31 | image 1 54 55 31 | link 1 46 14 4 | link 62 46 14 4 | link 1 100 14 4 | title 1 33 49 7 | title 62 33 53 7 | title 1 88 46 3", "canvas_width": 1024, "canvas_height": 965, "elements": [ { "type": "image", "position": [ 15, 0, 472, 266 ], "completed": false }, { "type": "image", "position": [ 537, 0, 472, 266 ], "completed": false }, { "type": "title", "position": [ 15, 288, 425, 60 ], "completed": false }, { "type": "title", "position": [ 537, 288, 454, 60 ], "completed": false }, { "type": "link", "position": [ 15, 393, 123, 39 ], "completed": false }, { "type": "link", "position": [ 537, 393, 123, 39 ], "completed": false }, { "type": "image", "position": [ 15, 467, 472, 266 ], "completed": false }, { "type": "title", "position": [ 15, 756, 396, 30 ], "completed": false }, { "type": "link", "position": [ 15, 861, 123, 39 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be three combinations of items that consist of a title and a link for more information.", "region_id": "635_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 1 0 55 31 | link 1 46 14 4 | title 1 33 49 7 ] | [ complete image 62 0 55 31 | link 62 46 14 4 | title 62 33 53 7 ] | [ complete image 1 54 55 31 | link 1 100 14 4 | title 1 88 46 3 ] \"", "layout_seq_without_completion": "\" [ image 1 0 55 31 | link 1 46 14 4 | title 1 33 49 7 ] | [ image 62 0 55 31 | link 62 46 14 4 | title 62 33 53 7 ] | [ image 1 54 55 31 | link 1 100 14 4 | title 1 88 46 3 ] \"", "plain_layout_seq": "image 1 0 55 31 | image 62 0 55 31 | image 1 54 55 31 | link 1 46 14 4 | link 62 46 14 4 | link 1 100 14 4 | title 1 33 49 7 | title 62 33 53 7 | title 1 88 46 3", "canvas_width": 1024, "canvas_height": 965, "elements": [ { "type": "image", "position": [ 15, 0, 472, 266 ], "completed": true }, { "type": "image", "position": [ 537, 0, 472, 266 ], "completed": true }, { "type": "title", "position": [ 15, 288, 425, 60 ], "completed": false }, { "type": "title", "position": [ 537, 288, 454, 60 ], "completed": false }, { "type": "link", "position": [ 15, 393, 123, 39 ], "completed": false }, { "type": "link", "position": [ 537, 393, 123, 39 ], "completed": false }, { "type": "image", "position": [ 15, 467, 472, 266 ], "completed": true }, { "type": "title", "position": [ 15, 756, 396, 30 ], "completed": false }, { "type": "link", "position": [ 15, 861, 123, 39 ], "completed": false } ] }, { "text": "# A page showing the testimonials for Teddy Bear USA. # The page should have the title \"TESTIMONIALS\" and three groups of testimonials with each having a testimonial and a name.", "region_id": "7294", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'testimonials'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 43 22 32 2 | text 5 22 32 5 | text 81 22 32 7 | title 3 30 37 2 | title 41 27 37 2 | title 78 32 37 2 | title 3 5 112 4", "layout_seq_without_completion": "text 43 22 32 2 | text 5 22 32 5 | text 81 22 32 7 | title 3 30 37 2 | title 41 27 37 2 | title 78 32 37 2 | title 3 5 112 4", "plain_layout_seq": "text 43 22 32 2 | text 5 22 32 5 | text 81 22 32 7 | title 3 30 37 2 | title 41 27 37 2 | title 78 32 37 2 | title 3 5 112 4", "canvas_width": 1024, "canvas_height": 359, "elements": [ { "type": "title", "position": [ 30, 50, 964, 38 ], "completed": false }, { "type": "text", "position": [ 50, 195, 281, 45 ], "completed": false }, { "type": "text", "position": [ 371, 195, 281, 22 ], "completed": false }, { "type": "text", "position": [ 693, 195, 281, 67 ], "completed": false }, { "type": "title", "position": [ 351, 236, 321, 20 ], "completed": false }, { "type": "title", "position": [ 30, 259, 321, 21 ], "completed": false }, { "type": "title", "position": [ 673, 281, 321, 20 ], "completed": false } ] }, { "text": "#A page showing different types of TV series on the web.# The page has six groups. Each group contains an image and an introduction to the TV series.", "region_id": "4806", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 11 0 19 4 | description 44 0 21 6 | description 11 9 21 4 | description 44 9 16 4 | description 77 0 21 6 | description 77 9 20 1 | image 33 0 7 7 | image 66 0 7 7 | image 0 9 7 7 | image 33 9 7 7 | image 66 9 7 7 | image 0 0 7 7 | complete image 0 0 32 7 | complete image 33 0 32 7 | complete image 66 0 32 7 | complete image 0 9 32 7 | complete image 66 9 32 7 | complete image 33 9 32 7", "layout_seq_without_completion": "description 11 0 19 4 | description 44 0 21 6 | description 11 9 21 4 | description 44 9 16 4 | description 77 0 21 6 | description 77 9 20 1 | image 33 0 7 7 | image 66 0 7 7 | image 0 9 7 7 | image 33 9 7 7 | image 66 9 7 7 | image 0 0 7 7 | image 0 0 32 7 | image 33 0 32 7 | image 66 0 32 7 | image 0 9 32 7 | image 66 9 32 7 | image 33 9 32 7", "plain_layout_seq": "description 11 0 19 4 | description 44 0 21 6 | description 11 9 21 4 | description 44 9 16 4 | description 77 0 21 6 | description 77 9 20 1 | image 33 0 7 7 | image 66 0 7 7 | image 0 9 7 7 | image 33 9 7 7 | image 66 9 7 7 | image 0 0 7 7 | image 0 0 32 7 | image 33 0 32 7 | image 66 0 32 7 | image 0 9 32 7 | image 66 9 32 7 | image 33 9 32 7", "canvas_width": 987, "canvas_height": 140, "elements": [ { "type": "image", "position": [ 1, 5, 268, 60 ], "completed": true }, { "type": "image", "position": [ 1, 5, 60, 60 ], "completed": false }, { "type": "image", "position": [ 273, 5, 60, 60 ], "completed": false }, { "type": "image", "position": [ 273, 5, 268, 60 ], "completed": true }, { "type": "image", "position": [ 545, 5, 268, 60 ], "completed": true }, { "type": "image", "position": [ 545, 5, 60, 60 ], "completed": false }, { "type": "description", "position": [ 95, 8, 164, 38 ], "completed": false }, { "type": "description", "position": [ 367, 8, 173, 57 ], "completed": false }, { "type": "description", "position": [ 639, 8, 173, 57 ], "completed": false }, { "type": "image", "position": [ 1, 75, 60, 60 ], "completed": false }, { "type": "image", "position": [ 1, 75, 268, 60 ], "completed": true }, { "type": "image", "position": [ 273, 75, 268, 60 ], "completed": true }, { "type": "image", "position": [ 273, 75, 60, 60 ], "completed": false }, { "type": "image", "position": [ 545, 75, 60, 60 ], "completed": false }, { "type": "image", "position": [ 545, 75, 268, 60 ], "completed": true }, { "type": "description", "position": [ 95, 78, 174, 38 ], "completed": false }, { "type": "description", "position": [ 367, 78, 133, 38 ], "completed": false }, { "type": "description", "position": [ 639, 78, 172, 16 ], "completed": false } ] }, { "text": "#A page for showing the star rating for different categories.# There should be star rating for five groups of things, which named \"software advice, g2 crowd, pc magazine, capterra, getapp\". Each comprised of an image, a name, and a text box that shows the rating.", "region_id": "2103", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [gattr:names'software advice, g2 crowd, pc magazine, capterra, getapp'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "layout_seq_without_completion": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "plain_layout_seq": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "image", "position": [ 502, 80, 20, 20 ], "completed": false }, { "type": "image", "position": [ 61, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 265, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 671, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 875, 84, 88, 16 ], "completed": false }, { "type": "title", "position": [ 36, 116, 139, 32 ], "completed": false }, { "type": "title", "position": [ 239, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 442, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 646, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 849, 116, 139, 16 ], "completed": false }, { "type": "text", "position": [ 239, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 442, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 646, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 849, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 36, 154, 139, 24 ], "completed": false } ] }, { "text": "#A page showing the star rating of 5 different products.# There should be five information groups, with each comprised of an image, the title of the product, and a text box that shows the rating of that product.", "region_id": "2103_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "layout_seq_without_completion": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "plain_layout_seq": "image 7 9 10 1 | image 31 9 10 1 | image 78 9 10 1 | image 102 9 10 1 | image 58 9 2 2 | text 4 18 16 2 | text 51 16 16 2 | text 99 16 16 2 | text 28 16 16 2 | text 75 16 16 2 | title 4 13 16 3 | title 75 13 16 1 | title 28 13 16 1 | title 51 13 16 1 | title 99 13 16 1", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "image", "position": [ 502, 80, 20, 20 ], "completed": false }, { "type": "image", "position": [ 61, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 265, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 671, 84, 88, 16 ], "completed": false }, { "type": "image", "position": [ 875, 84, 88, 16 ], "completed": false }, { "type": "title", "position": [ 36, 116, 139, 32 ], "completed": false }, { "type": "title", "position": [ 239, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 442, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 646, 116, 139, 16 ], "completed": false }, { "type": "title", "position": [ 849, 116, 139, 16 ], "completed": false }, { "type": "text", "position": [ 239, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 442, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 646, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 849, 138, 139, 24 ], "completed": false }, { "type": "text", "position": [ 36, 154, 139, 24 ], "completed": false } ] }, { "text": "# A page to introduce what a company is featured on. # On the page, there should have a title \"FEATURED ON\" and 11 images showing the logos.", "region_id": "4680", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured on'] ] [gp:InfoGroup [gattr:repeat '11'] [item[el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 4 4 110 3 | \" [ logo 4 13 11 7 ] | [ logo 27 13 11 7 ] | [ logo 50 13 11 7 ] | [ logo 73 13 11 7 ] | [ logo 95 13 11 7 ] | [ logo 4 23 11 7 ] | [ logo 23 23 11 7 ] | [ logo 42 23 11 7 ] | [ logo 61 23 11 7 ] | [ logo 80 23 11 7 ] | [ logo 99 23 11 7 ] \"", "layout_seq_without_completion": "title 4 4 110 3 | \" [ logo 4 13 11 7 ] | [ logo 27 13 11 7 ] | [ logo 50 13 11 7 ] | [ logo 73 13 11 7 ] | [ logo 95 13 11 7 ] | [ logo 4 23 11 7 ] | [ logo 23 23 11 7 ] | [ logo 42 23 11 7 ] | [ logo 61 23 11 7 ] | [ logo 80 23 11 7 ] | [ logo 99 23 11 7 ] \"", "plain_layout_seq": "logo 4 13 11 7 | logo 27 13 11 7 | logo 50 13 11 7 | logo 73 13 11 7 | logo 95 13 11 7 | logo 4 23 11 7 | logo 23 23 11 7 | logo 42 23 11 7 | logo 61 23 11 7 | logo 80 23 11 7 | logo 99 23 11 7 | title 4 4 110 3", "canvas_width": 1024, "canvas_height": 337, "elements": [ { "type": "title", "position": [ 40, 40, 944, 31 ], "completed": false }, { "type": "logo", "position": [ 40, 111, 100, 63 ], "completed": false }, { "type": "logo", "position": [ 235, 111, 100, 63 ], "completed": false }, { "type": "logo", "position": [ 430, 111, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 624, 111, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 819, 111, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 40, 204, 100, 61 ], "completed": false }, { "type": "logo", "position": [ 202, 204, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 363, 204, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 525, 204, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 687, 204, 100, 60 ], "completed": false }, { "type": "logo", "position": [ 848, 204, 100, 63 ], "completed": false } ] }, { "text": "#A page including articles about academia.# The page contains the title \"Academia\" and three information sets. Each group includes an image, a category, a title, the author and the publishing time of the article.", "region_id": "6225", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'academia'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:title] [el:text] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 49 0 20 14 | \" [ image 3 16 36 36 | text 10 60 13 1 | text 3 54 12 2 | text 25 60 7 1 | title 3 57 36 2 ] | [ image 41 16 36 36 | text 50 62 8 1 | text 41 54 9 2 | text 60 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 19 2 | text 87 62 10 1 | text 100 62 8 1 | title 80 57 36 4 ] \"", "layout_seq_without_completion": "title 49 0 20 14 | \" [ image 3 16 36 36 | text 10 60 13 1 | text 3 54 12 2 | text 25 60 7 1 | title 3 57 36 2 ] | [ image 41 16 36 36 | text 50 62 8 1 | text 41 54 9 2 | text 60 62 8 1 | title 41 57 36 4 ] | [ image 80 16 36 36 | text 80 54 19 2 | text 87 62 10 1 | text 100 62 8 1 | title 80 57 36 4 ] \"", "plain_layout_seq": "image 3 16 36 36 | image 41 16 36 36 | image 80 16 36 36 | text 10 60 13 1 | text 3 54 12 2 | text 25 60 7 1 | text 50 62 8 1 | text 41 54 9 2 | text 60 62 8 1 | text 80 54 19 2 | text 87 62 10 1 | text 100 62 8 1 | title 49 0 20 14 | title 3 57 36 2 | title 41 57 36 4 | title 80 57 36 4", "canvas_width": 1024, "canvas_height": 570, "elements": [ { "type": "title", "position": [ 424, 0, 175, 125 ], "completed": false }, { "type": "image", "position": [ 30, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 358, 140, 308, 308 ], "completed": false }, { "type": "image", "position": [ 686, 140, 308, 308 ], "completed": false }, { "type": "text", "position": [ 30, 463, 106, 18 ], "completed": false }, { "type": "text", "position": [ 358, 463, 79, 18 ], "completed": false }, { "type": "text", "position": [ 686, 463, 168, 18 ], "completed": false }, { "type": "title", "position": [ 30, 487, 308, 20 ], "completed": false }, { "type": "title", "position": [ 358, 487, 308, 41 ], "completed": false }, { "type": "title", "position": [ 686, 487, 308, 41 ], "completed": false }, { "type": "text", "position": [ 87, 517, 111, 17 ], "completed": false }, { "type": "text", "position": [ 215, 517, 66, 17 ], "completed": false }, { "type": "text", "position": [ 431, 537, 71, 17 ], "completed": false }, { "type": "text", "position": [ 519, 537, 74, 17 ], "completed": false }, { "type": "text", "position": [ 749, 537, 89, 17 ], "completed": false }, { "type": "text", "position": [ 855, 537, 76, 17 ], "completed": false } ] }, { "text": "#A page to introduce the popular products to the customers.# On this page, 10 groups of information about the products are involved. Each contains a picture placed above its name under which the price of the product is set.", "region_id": "8235", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '10'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 18 20 | image 50 15 18 12 | image 95 15 17 22 | image 74 55 15 22 | image 6 55 18 12 | image 50 55 18 14 | image 28 15 18 13 | image 72 15 18 15 | image 30 55 13 22 | image 94 55 18 3 | text 28 37 8 2 | text 50 37 6 2 | text 72 35 7 2 | text 50 75 7 2 | text 94 68 9 2 | text 6 43 8 2 | text 94 48 6 2 | text 6 73 7 2 | text 28 85 6 2 | text 72 83 6 2 | title 28 79 18 4 | title 50 71 18 2 | title 6 69 18 2 | title 28 31 18 4 | title 6 37 18 4 | title 50 29 18 7 | title 72 32 18 2 | title 94 40 18 7 | title 72 79 18 2 | title 94 60 18 7 | complete title 6 6 107 2", "layout_seq_without_completion": "image 6 15 18 20 | image 50 15 18 12 | image 95 15 17 22 | image 74 55 15 22 | image 6 55 18 12 | image 50 55 18 14 | image 28 15 18 13 | image 72 15 18 15 | image 30 55 13 22 | image 94 55 18 3 | text 28 37 8 2 | text 50 37 6 2 | text 72 35 7 2 | text 50 75 7 2 | text 94 68 9 2 | text 6 43 8 2 | text 94 48 6 2 | text 6 73 7 2 | text 28 85 6 2 | text 72 83 6 2 | title 28 79 18 4 | title 50 71 18 2 | title 6 69 18 2 | title 28 31 18 4 | title 6 37 18 4 | title 50 29 18 7 | title 72 32 18 2 | title 94 40 18 7 | title 72 79 18 2 | title 94 60 18 7 | title 6 6 107 2", "plain_layout_seq": "image 6 15 18 20 | image 50 15 18 12 | image 95 15 17 22 | image 74 55 15 22 | image 6 55 18 12 | image 50 55 18 14 | image 28 15 18 13 | image 72 15 18 15 | image 30 55 13 22 | image 94 55 18 3 | text 28 37 8 2 | text 50 37 6 2 | text 72 35 7 2 | text 50 75 7 2 | text 94 68 9 2 | text 6 43 8 2 | text 94 48 6 2 | text 6 73 7 2 | text 28 85 6 2 | text 72 83 6 2 | title 28 79 18 4 | title 50 71 18 2 | title 6 69 18 2 | title 28 31 18 4 | title 6 37 18 4 | title 50 29 18 7 | title 72 32 18 2 | title 94 40 18 7 | title 72 79 18 2 | title 94 60 18 7 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 810, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": true }, { "type": "image", "position": [ 55, 134, 159, 175 ], "completed": false }, { "type": "image", "position": [ 244, 134, 159, 119 ], "completed": false }, { "type": "image", "position": [ 433, 134, 159, 106 ], "completed": false }, { "type": "image", "position": [ 621, 134, 159, 129 ], "completed": false }, { "type": "image", "position": [ 814, 134, 151, 195 ], "completed": false }, { "type": "title", "position": [ 433, 254, 159, 61 ], "completed": false }, { "type": "title", "position": [ 244, 268, 159, 41 ], "completed": false }, { "type": "title", "position": [ 621, 278, 159, 20 ], "completed": false }, { "type": "text", "position": [ 621, 306, 63, 24 ], "completed": false }, { "type": "text", "position": [ 244, 317, 75, 24 ], "completed": false }, { "type": "title", "position": [ 55, 324, 159, 41 ], "completed": false }, { "type": "text", "position": [ 433, 324, 54, 24 ], "completed": false }, { "type": "title", "position": [ 810, 344, 159, 61 ], "completed": false }, { "type": "text", "position": [ 55, 372, 74, 24 ], "completed": false }, { "type": "text", "position": [ 810, 413, 52, 24 ], "completed": false }, { "type": "image", "position": [ 55, 472, 159, 109 ], "completed": false }, { "type": "image", "position": [ 264, 472, 117, 195 ], "completed": false }, { "type": "image", "position": [ 433, 472, 159, 125 ], "completed": false }, { "type": "image", "position": [ 635, 472, 132, 195 ], "completed": false }, { "type": "image", "position": [ 810, 472, 159, 29 ], "completed": false }, { "type": "title", "position": [ 810, 516, 159, 61 ], "completed": false }, { "type": "text", "position": [ 810, 585, 78, 24 ], "completed": false }, { "type": "title", "position": [ 55, 595, 159, 20 ], "completed": false }, { "type": "title", "position": [ 433, 611, 159, 20 ], "completed": false }, { "type": "text", "position": [ 55, 624, 61, 24 ], "completed": false }, { "type": "text", "position": [ 433, 640, 61, 24 ], "completed": false }, { "type": "title", "position": [ 244, 682, 159, 41 ], "completed": false }, { "type": "title", "position": [ 621, 682, 159, 20 ], "completed": false }, { "type": "text", "position": [ 621, 710, 53, 24 ], "completed": false }, { "type": "text", "position": [ 244, 731, 54, 24 ], "completed": false } ] }, { "text": "#A page for showing US health data.# There should be one title\"People deserve a better future\", and three images showing the number, and each of them is followed by two text boxes.", "region_id": "1487", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'people deserve a better future'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 6 116 86 | title 6 10 107 6 | \" [ image 8 26 25 25 | complete text 12 34 18 10 | text 3 55 35 12 | text 3 70 35 4 ] | [ image 47 26 25 25 | complete text 51 34 17 10 | text 42 55 35 12 | text 42 70 35 3 ] | [ image 85 26 25 25 | complete text 89 34 18 10 | text 81 55 35 12 | text 81 70 35 8 ] \"", "layout_seq_without_completion": "background 1 6 116 86 | title 6 10 107 6 | \" [ image 8 26 25 25 | text 12 34 18 10 | text 3 55 35 12 | text 3 70 35 4 ] | [ image 47 26 25 25 | text 51 34 17 10 | text 42 55 35 12 | text 42 70 35 3 ] | [ image 85 26 25 25 | text 89 34 18 10 | text 81 55 35 12 | text 81 70 35 8 ] \"", "plain_layout_seq": "background 1 6 116 86 | image 8 26 25 25 | image 47 26 25 25 | image 85 26 25 25 | text 12 34 18 10 | text 3 55 35 12 | text 3 70 35 4 | text 51 34 17 10 | text 42 55 35 12 | text 42 70 35 3 | text 89 34 18 10 | text 81 55 35 12 | text 81 70 35 8 | title 6 10 107 6", "canvas_width": 1039, "canvas_height": 860, "elements": [ { "type": "background", "position": [ 15, 53, 1009, 748 ], "completed": true }, { "type": "title", "position": [ 53, 92, 933, 60 ], "completed": false }, { "type": "image", "position": [ 75, 232, 220, 220 ], "completed": false }, { "type": "image", "position": [ 409, 232, 220, 220 ], "completed": false }, { "type": "image", "position": [ 744, 232, 220, 220 ], "completed": false }, { "type": "text", "position": [ 107, 295, 156, 94 ], "completed": true }, { "type": "text", "position": [ 444, 295, 152, 94 ], "completed": true }, { "type": "text", "position": [ 776, 295, 156, 94 ], "completed": true }, { "type": "text", "position": [ 33, 482, 304, 112 ], "completed": false }, { "type": "text", "position": [ 367, 482, 304, 112 ], "completed": false }, { "type": "text", "position": [ 702, 482, 304, 112 ], "completed": false }, { "type": "text", "position": [ 33, 607, 304, 42 ], "completed": false }, { "type": "text", "position": [ 367, 607, 304, 28 ], "completed": false }, { "type": "text", "position": [ 702, 607, 304, 70 ], "completed": false } ] }, { "text": "#A page showing the prices of clothes for users to choose.#The page should have the title \"WOMEN'S COLLECTION\". Five groups are on the page. Each of them has a picture, a title and a label. \"VIEW ALL\" is a button on the page.", "region_id": "8187", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'women is collection'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 59 13 5 | image 94 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | text 94 44 5 2 | text 50 44 5 2 | text 6 41 5 2 | text 28 44 5 2 | text 72 41 5 2 | title 50 35 18 7 | title 6 35 18 4 | title 28 35 18 7 | title 72 35 18 4 | title 94 35 18 7 | title 6 6 107 2", "layout_seq_without_completion": "button 53 59 13 5 | image 94 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | text 94 44 5 2 | text 50 44 5 2 | text 6 41 5 2 | text 28 44 5 2 | text 72 41 5 2 | title 50 35 18 7 | title 6 35 18 4 | title 28 35 18 7 | title 72 35 18 4 | title 94 35 18 7 | title 6 6 107 2", "plain_layout_seq": "button 53 59 13 5 | image 94 15 18 18 | image 6 15 18 18 | image 28 15 18 18 | image 50 15 18 18 | image 72 15 18 18 | text 94 44 5 2 | text 50 44 5 2 | text 6 41 5 2 | text 28 44 5 2 | text 72 41 5 2 | title 50 35 18 7 | title 6 35 18 4 | title 28 35 18 7 | title 72 35 18 4 | title 94 35 18 7 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 609, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "image", "position": [ 55, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 244, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 433, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 621, 134, 159, 159 ], "completed": false }, { "type": "image", "position": [ 810, 134, 159, 159 ], "completed": false }, { "type": "title", "position": [ 55, 307, 159, 42 ], "completed": false }, { "type": "title", "position": [ 244, 307, 159, 63 ], "completed": false }, { "type": "title", "position": [ 433, 307, 159, 63 ], "completed": false }, { "type": "title", "position": [ 621, 307, 159, 42 ], "completed": false }, { "type": "title", "position": [ 810, 307, 159, 63 ], "completed": false }, { "type": "text", "position": [ 55, 357, 50, 24 ], "completed": false }, { "type": "text", "position": [ 621, 357, 51, 24 ], "completed": false }, { "type": "text", "position": [ 244, 377, 50, 24 ], "completed": false }, { "type": "text", "position": [ 433, 377, 50, 24 ], "completed": false }, { "type": "text", "position": [ 810, 377, 50, 24 ], "completed": false }, { "type": "button", "position": [ 456, 511, 112, 43 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a coffee shop.# The page should have 4 groups with each having a small image and a short description.", "region_id": "6493", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] | [ description undefined small | image undefined small ] }", "layout_seq_with_completion": "description 9 9 21 2 | description 63 9 19 2 | description 34 9 24 4 | description 88 9 23 4 | image 16 2 5 5 | image 43 2 5 5 | image 70 2 5 5 | image 97 2 5 5", "layout_seq_without_completion": "description 9 9 21 2 | description 63 9 19 2 | description 34 9 24 4 | description 88 9 23 4 | image 16 2 5 5 | image 43 2 5 5 | image 70 2 5 5 | image 97 2 5 5", "plain_layout_seq": "description 9 9 21 2 | description 63 9 19 2 | description 34 9 24 4 | description 88 9 23 4 | image 16 2 5 5 | image 43 2 5 5 | image 70 2 5 5 | image 97 2 5 5", "canvas_width": 1024, "canvas_height": 158, "elements": [ { "type": "image", "position": [ 144, 25, 50, 50 ], "completed": false }, { "type": "image", "position": [ 373, 25, 50, 50 ], "completed": false }, { "type": "image", "position": [ 601, 25, 50, 50 ], "completed": false }, { "type": "image", "position": [ 830, 25, 50, 50 ], "completed": false }, { "type": "description", "position": [ 77, 82, 184, 19 ], "completed": false }, { "type": "description", "position": [ 295, 82, 206, 40 ], "completed": false }, { "type": "description", "position": [ 541, 82, 170, 19 ], "completed": false }, { "type": "description", "position": [ 755, 82, 200, 40 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have three groups and each group has a brief description of the date, and there is a title under it. On the rightmost side of the page, there is an image in the group.", "region_id": "2814", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:description [attr:size 'small'] ] [el:title] ] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : image right undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 2 3 34 5 | description 42 3 33 5 | description 82 23 27 8 | image 82 0 35 17 | title 2 0 7 1 | title 82 20 7 1 | title 42 0 7 1", "layout_seq_without_completion": "description 2 3 34 5 | description 42 3 33 5 | description 82 23 27 8 | image 82 0 35 17 | title 2 0 7 1 | title 82 20 7 1 | title 42 0 7 1", "plain_layout_seq": "description 2 3 34 5 | description 42 3 33 5 | description 82 23 27 8 | image 82 0 35 17 | title 2 0 7 1 | title 82 20 7 1 | title 42 0 7 1", "canvas_width": 980, "canvas_height": 297, "elements": [ { "type": "image", "position": [ 674, 0, 286, 143 ], "completed": false }, { "type": "title", "position": [ 20, 1, 61, 15 ], "completed": false }, { "type": "title", "position": [ 348, 1, 61, 15 ], "completed": false }, { "type": "description", "position": [ 20, 30, 280, 48 ], "completed": false }, { "type": "description", "position": [ 348, 30, 277, 48 ], "completed": false }, { "type": "title", "position": [ 674, 164, 61, 15 ], "completed": false }, { "type": "description", "position": [ 674, 192, 222, 73 ], "completed": false } ] }, { "text": "#A page marketing a company network to let users grow their own business.# There should be a slogan to attract users, and a brief introduction highlighting the benefits. There are four possible recommendations for users, each with a title and a picture, and a button to let users start a business.", "region_id": "416", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size'small'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:title] [el:image] ] ] [el:button [attr:value'start a business'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 40 63 38 6 | description 14 22 90 7 | image 86 35 21 15 | image 11 35 21 15 | image 36 35 21 15 | image 61 35 21 15 | title 36 50 21 9 | title 86 50 21 9 | title 61 50 21 9 | title 11 50 21 9 | title 14 9 90 8", "layout_seq_without_completion": "button 40 63 38 6 | description 14 22 90 7 | image 86 35 21 15 | image 11 35 21 15 | image 36 35 21 15 | image 61 35 21 15 | title 36 50 21 9 | title 86 50 21 9 | title 61 50 21 9 | title 11 50 21 9 | title 14 9 90 8", "plain_layout_seq": "button 40 63 38 6 | description 14 22 90 7 | image 86 35 21 15 | image 11 35 21 15 | image 36 35 21 15 | image 61 35 21 15 | title 36 50 21 9 | title 86 50 21 9 | title 61 50 21 9 | title 11 50 21 9 | title 14 9 90 8", "canvas_width": 1024, "canvas_height": 695, "elements": [ { "type": "title", "position": [ 124, 80, 776, 72 ], "completed": false }, { "type": "description", "position": [ 124, 192, 776, 60 ], "completed": false }, { "type": "image", "position": [ 102, 300, 181, 128 ], "completed": false }, { "type": "image", "position": [ 315, 300, 181, 128 ], "completed": false }, { "type": "image", "position": [ 528, 300, 181, 128 ], "completed": false }, { "type": "image", "position": [ 741, 300, 181, 128 ], "completed": false }, { "type": "title", "position": [ 102, 428, 181, 82 ], "completed": false }, { "type": "title", "position": [ 315, 428, 181, 82 ], "completed": false }, { "type": "title", "position": [ 528, 428, 181, 82 ], "completed": false }, { "type": "title", "position": [ 741, 428, 181, 82 ], "completed": false }, { "type": "button", "position": [ 349, 542, 326, 53 ], "completed": false } ] }, { "text": "#A page shows the information about the product.# There are four groups of the product, each group has an image and a label to show the product.", "region_id": "7298", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 31 1 10 10 | image 1 1 10 10 | complete image 1 1 27 10 | complete image 60 1 27 10 | complete image 90 1 27 10 | image 61 1 10 10 | complete image 31 1 27 10 | image 90 1 10 10 | title 45 2 11 6 | title 74 2 11 6 | title 104 4 11 4 | title 15 4 11 4", "layout_seq_without_completion": "image 31 1 10 10 | image 1 1 10 10 | image 1 1 27 10 | image 60 1 27 10 | image 90 1 27 10 | image 61 1 10 10 | image 31 1 27 10 | image 90 1 10 10 | title 45 2 11 6 | title 74 2 11 6 | title 104 4 11 4 | title 15 4 11 4", "plain_layout_seq": "image 31 1 10 10 | image 1 1 10 10 | image 1 1 27 10 | image 60 1 27 10 | image 90 1 27 10 | image 61 1 10 10 | image 31 1 27 10 | image 90 1 10 10 | title 45 2 11 6 | title 74 2 11 6 | title 104 4 11 4 | title 15 4 11 4", "canvas_width": 1009, "canvas_height": 108, "elements": [ { "type": "image", "position": [ 15, 10, 234, 88 ], "completed": true }, { "type": "image", "position": [ 264, 10, 234, 88 ], "completed": true }, { "type": "image", "position": [ 512, 10, 234, 88 ], "completed": true }, { "type": "image", "position": [ 760, 10, 234, 88 ], "completed": true }, { "type": "image", "position": [ 16, 11, 85, 86 ], "completed": false }, { "type": "image", "position": [ 264, 11, 85, 86 ], "completed": false }, { "type": "image", "position": [ 513, 11, 85, 86 ], "completed": false }, { "type": "image", "position": [ 762, 11, 85, 86 ], "completed": false }, { "type": "title", "position": [ 382, 25, 98, 58 ], "completed": false }, { "type": "title", "position": [ 630, 25, 98, 58 ], "completed": false }, { "type": "title", "position": [ 133, 35, 98, 39 ], "completed": false }, { "type": "title", "position": [ 879, 35, 98, 39 ], "completed": false } ] }, { "text": "#A page helping users to know more functions of the phone.# The page contains 3 information sets. Each group includes a background image, a title, and a button. The three titles are: \"Check phone BLACKLIST\", \"iPhone check simlock status & carrier\", and \"Unlock your phone\".", "region_id": "5418", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'check phone blacklist, iphone check simlock status & carrier, unlock your phone'] [item [el:background_image] [el:title] [el:button] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 80 0 39 38 | background 39 0 39 38 | background 0 0 39 38 | button 82 29 14 4 | button 42 22 13 4 | button 13 28 13 4 | title 82 2 34 13 | title 2 3 34 12 | title 42 2 34 13", "layout_seq_without_completion": "background 80 0 39 38 | background 39 0 39 38 | background 0 0 39 38 | button 82 29 14 4 | button 42 22 13 4 | button 13 28 13 4 | title 82 2 34 13 | title 2 3 34 12 | title 42 2 34 13", "plain_layout_seq": "background 80 0 39 38 | background 39 0 39 38 | background 0 0 39 38 | button 82 29 14 4 | button 42 22 13 4 | button 13 28 13 4 | title 82 2 34 13 | title 2 3 34 12 | title 42 2 34 13", "canvas_width": 940, "canvas_height": 310, "elements": [ { "type": "background", "position": [ 0, 0, 313, 300 ], "completed": false }, { "type": "background", "position": [ 313, 0, 313, 300 ], "completed": false }, { "type": "background", "position": [ 627, 0, 313, 300 ], "completed": false }, { "type": "title", "position": [ 333, 20, 273, 108 ], "completed": false }, { "type": "title", "position": [ 647, 20, 273, 108 ], "completed": false }, { "type": "title", "position": [ 20, 30, 273, 96 ], "completed": false }, { "type": "button", "position": [ 333, 178, 103, 38 ], "completed": false }, { "type": "button", "position": [ 105, 226, 104, 38 ], "completed": false }, { "type": "button", "position": [ 647, 228, 114, 38 ], "completed": false } ] }, { "text": "#A footer page of a website.# There is a slogan and a sentence that show the opening times of the website. Then, there are two groups that show the information of the email and phone number, each of them has one title and one description.", "region_id": "5052", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'email, phone number'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 18 56 4 | description 63 18 56 4 | text 0 9 120 2 | title 0 15 56 2 | title 63 15 56 2 | title 0 0 120 5", "layout_seq_without_completion": "description 0 18 56 4 | description 63 18 56 4 | text 0 9 120 2 | title 0 15 56 2 | title 63 15 56 2 | title 0 0 120 5", "plain_layout_seq": "description 0 18 56 4 | description 63 18 56 4 | text 0 9 120 2 | title 0 15 56 2 | title 63 15 56 2 | title 0 0 120 5", "canvas_width": 1024, "canvas_height": 199, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 48 ], "completed": false }, { "type": "text", "position": [ 0, 83, 1024, 18 ], "completed": false }, { "type": "title", "position": [ 0, 129, 482, 25 ], "completed": false }, { "type": "title", "position": [ 542, 129, 482, 25 ], "completed": false }, { "type": "description", "position": [ 0, 154, 482, 35 ], "completed": false }, { "type": "description", "position": [ 542, 154, 482, 35 ], "completed": false } ] }, { "text": "#A page for asking users to join some events on Hopin.# There should be one title\"Join tens of thousands of organizers hosting creative events on Hopin\". Below are four logos.", "region_id": "267", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'join tens of thousands of organizers hosting creative events on hopin'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 1 0 117 10 | \" [ logo 29 15 11 6 ] | [ logo 45 15 15 6 ] | [ logo 65 15 12 6 ] | [ logo 82 15 8 6 ] \"", "layout_seq_without_completion": "title 1 0 117 10 | \" [ logo 29 15 11 6 ] | [ logo 45 15 15 6 ] | [ logo 65 15 12 6 ] | [ logo 82 15 8 6 ] \"", "plain_layout_seq": "logo 29 15 11 6 | logo 45 15 15 6 | logo 65 15 12 6 | logo 82 15 8 6 | title 1 0 117 10", "canvas_width": 960, "canvas_height": 223, "elements": [ { "type": "title", "position": [ 12, 0, 936, 80 ], "completed": false }, { "type": "logo", "position": [ 233, 127, 93, 48 ], "completed": false }, { "type": "logo", "position": [ 363, 127, 124, 48 ], "completed": false }, { "type": "logo", "position": [ 525, 127, 101, 48 ], "completed": false }, { "type": "logo", "position": [ 663, 127, 64, 48 ], "completed": false } ] }, { "text": "#A page for asking users to join some events on Hopin.# There should be one text box for showing the title. Four texts are used to show the logos of its cooperated companies.", "region_id": "267_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 1 0 117 10 | \" [ logo 29 15 11 6 ] | [ logo 45 15 15 6 ] | [ logo 65 15 12 6 ] | [ logo 82 15 8 6 ] \"", "layout_seq_without_completion": "title 1 0 117 10 | \" [ logo 29 15 11 6 ] | [ logo 45 15 15 6 ] | [ logo 65 15 12 6 ] | [ logo 82 15 8 6 ] \"", "plain_layout_seq": "logo 29 15 11 6 | logo 45 15 15 6 | logo 65 15 12 6 | logo 82 15 8 6 | title 1 0 117 10", "canvas_width": 960, "canvas_height": 223, "elements": [ { "type": "title", "position": [ 12, 0, 936, 80 ], "completed": false }, { "type": "logo", "position": [ 233, 127, 93, 48 ], "completed": false }, { "type": "logo", "position": [ 363, 127, 124, 48 ], "completed": false }, { "type": "logo", "position": [ 525, 127, 101, 48 ], "completed": false }, { "type": "logo", "position": [ 663, 127, 64, 48 ], "completed": false } ] }, { "text": "# A page to introduce the tools and features in Visual Paradigm. # On the page, there should have a title \"Chock-full features\" and a slogan to attract the user. Then there should have 8 groups of tools information, with each containing a small image, the name of the tool, a further introduction, and a link \"Learn More\" for the user to know more info about the tools.", "region_id": "5501", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'chock-full features'] ] [el:description] [gp:InfoGroup [gattr:repeat '8'] [item [el:image [attr:size 'small'] ] [el:text] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 10 116 6 | description 6 25 24 10 | description 34 25 24 10 | description 91 25 24 10 | description 6 45 24 10 | description 34 45 24 10 | description 62 25 24 10 | description 62 45 24 10 | description 91 45 24 10 | image 6 21 3 3 | image 6 41 3 3 | image 34 21 3 3 | image 91 21 3 3 | image 91 41 3 3 | image 62 21 3 3 | image 34 41 3 3 | image 62 41 3 3 | link 62 56 8 1 | link 34 36 8 1 | link 62 36 8 1 | link 6 56 8 1 | link 34 56 8 1 | link 91 56 8 1 | link 6 36 8 1 | link 91 36 8 1 | text 10 39 14 4 | text 67 39 14 4 | text 95 39 7 4 | text 10 19 17 4 | text 39 19 12 4 | text 39 39 16 4 | text 67 19 15 4 | text 95 19 13 4 | title 1 7 116 3", "layout_seq_without_completion": "description 1 10 116 6 | description 6 25 24 10 | description 34 25 24 10 | description 91 25 24 10 | description 6 45 24 10 | description 34 45 24 10 | description 62 25 24 10 | description 62 45 24 10 | description 91 45 24 10 | image 6 21 3 3 | image 6 41 3 3 | image 34 21 3 3 | image 91 21 3 3 | image 91 41 3 3 | image 62 21 3 3 | image 34 41 3 3 | image 62 41 3 3 | link 62 56 8 1 | link 34 36 8 1 | link 62 36 8 1 | link 6 56 8 1 | link 34 56 8 1 | link 91 56 8 1 | link 6 36 8 1 | link 91 36 8 1 | text 10 39 14 4 | text 67 39 14 4 | text 95 39 7 4 | text 10 19 17 4 | text 39 19 12 4 | text 39 39 16 4 | text 67 19 15 4 | text 95 19 13 4 | title 1 7 116 3", "plain_layout_seq": "description 1 10 116 6 | description 6 25 24 10 | description 34 25 24 10 | description 91 25 24 10 | description 6 45 24 10 | description 34 45 24 10 | description 62 25 24 10 | description 62 45 24 10 | description 91 45 24 10 | image 6 21 3 3 | image 6 41 3 3 | image 34 21 3 3 | image 91 21 3 3 | image 91 41 3 3 | image 62 21 3 3 | image 34 41 3 3 | image 62 41 3 3 | link 62 56 8 1 | link 34 36 8 1 | link 62 36 8 1 | link 6 56 8 1 | link 34 56 8 1 | link 91 56 8 1 | link 6 36 8 1 | link 91 36 8 1 | text 10 39 14 4 | text 67 39 14 4 | text 95 39 7 4 | text 10 19 17 4 | text 39 19 12 4 | text 39 39 16 4 | text 67 19 15 4 | text 95 19 13 4 | title 1 7 116 3", "canvas_width": 1024, "canvas_height": 576, "elements": [ { "type": "title", "position": [ 15, 60, 994, 31 ], "completed": false }, { "type": "description", "position": [ 15, 90, 994, 55 ], "completed": false }, { "type": "text", "position": [ 93, 167, 146, 42 ], "completed": false }, { "type": "text", "position": [ 333, 167, 106, 42 ], "completed": false }, { "type": "text", "position": [ 573, 167, 134, 42 ], "completed": false }, { "type": "text", "position": [ 813, 167, 112, 42 ], "completed": false }, { "type": "image", "position": [ 57, 184, 32, 32 ], "completed": false }, { "type": "image", "position": [ 297, 184, 32, 32 ], "completed": false }, { "type": "image", "position": [ 537, 184, 32, 32 ], "completed": false }, { "type": "image", "position": [ 777, 184, 32, 32 ], "completed": false }, { "type": "description", "position": [ 57, 216, 210, 89 ], "completed": false }, { "type": "description", "position": [ 297, 216, 210, 89 ], "completed": false }, { "type": "description", "position": [ 537, 216, 210, 89 ], "completed": false }, { "type": "description", "position": [ 777, 216, 210, 89 ], "completed": false }, { "type": "link", "position": [ 57, 313, 69, 17 ], "completed": false }, { "type": "link", "position": [ 297, 313, 69, 17 ], "completed": false }, { "type": "link", "position": [ 537, 313, 69, 17 ], "completed": false }, { "type": "link", "position": [ 777, 313, 69, 17 ], "completed": false }, { "type": "text", "position": [ 93, 337, 125, 42 ], "completed": false }, { "type": "text", "position": [ 333, 337, 137, 42 ], "completed": false }, { "type": "text", "position": [ 573, 337, 122, 42 ], "completed": false }, { "type": "text", "position": [ 813, 337, 67, 42 ], "completed": false }, { "type": "image", "position": [ 57, 354, 32, 32 ], "completed": false }, { "type": "image", "position": [ 297, 354, 32, 32 ], "completed": false }, { "type": "image", "position": [ 537, 354, 32, 32 ], "completed": false }, { "type": "image", "position": [ 777, 354, 32, 32 ], "completed": false }, { "type": "description", "position": [ 57, 386, 210, 89 ], "completed": false }, { "type": "description", "position": [ 297, 386, 210, 89 ], "completed": false }, { "type": "description", "position": [ 537, 386, 210, 89 ], "completed": false }, { "type": "description", "position": [ 777, 386, 210, 89 ], "completed": false }, { "type": "link", "position": [ 57, 483, 69, 17 ], "completed": false }, { "type": "link", "position": [ 297, 483, 69, 17 ], "completed": false }, { "type": "link", "position": [ 537, 483, 69, 17 ], "completed": false }, { "type": "link", "position": [ 777, 483, 69, 17 ], "completed": false } ] }, { "text": "#A page for introducing the promotion of the dress.# The page should have a title showing what the product is and the discount. There should be four types, which should include four images showing what the dresses look like, four texts showing the discount, four names of each dress, and four texts showing the price. There should be a text \"SEE ALL\" on the top right and an icon beside it for users to click if they want to see more.", "region_id": "2499", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'women dresses | up to 50% off']] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:repeat '2'] ] ] ] [el:text [attr:value 'see all'] [attr:position 'top'] ] [el:icon [attr:position 'top'] ] ]", "execution": "multiinfo : icon top undefined | text top undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 45 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 107 3 6 2 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 89 39 28 4 | text 2 36 28 3 | text 31 36 28 3 | text 60 36 28 3 | text 89 36 28 3 | title 53 9 5 3 | title 111 9 5 3 | title 24 9 5 3 | title 82 9 5 3 | title 3 2 35 3", "layout_seq_without_completion": "background 1 1 117 45 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 107 3 6 2 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 89 39 28 4 | text 2 36 28 3 | text 31 36 28 3 | text 60 36 28 3 | text 89 36 28 3 | title 53 9 5 3 | title 111 9 5 3 | title 24 9 5 3 | title 82 9 5 3 | title 3 2 35 3", "plain_layout_seq": "background 1 1 117 45 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 107 3 6 2 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 89 39 28 4 | text 2 36 28 3 | text 31 36 28 3 | text 60 36 28 3 | text 89 36 28 3 | title 53 9 5 3 | title 111 9 5 3 | title 24 9 5 3 | title 82 9 5 3 | title 3 2 35 3", "canvas_width": 950, "canvas_height": 373, "elements": [ { "type": "background", "position": [ 8, 8, 934, 358 ], "completed": true }, { "type": "title", "position": [ 24, 20, 282, 24 ], "completed": false }, { "type": "icon", "position": [ 902, 20, 24, 24 ], "completed": false }, { "type": "text", "position": [ 850, 24, 52, 16 ], "completed": false }, { "type": "image", "position": [ 16, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 247, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 479, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 711, 64, 224, 224 ], "completed": false }, { "type": "title", "position": [ 191, 72, 40, 24 ], "completed": false }, { "type": "title", "position": [ 423, 72, 40, 24 ], "completed": false }, { "type": "title", "position": [ 655, 72, 40, 24 ], "completed": false }, { "type": "title", "position": [ 886, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 16, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 247, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 479, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 711, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 16, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 247, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 479, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 711, 313, 224, 36 ], "completed": false } ] }, { "text": "# A page for presenting the customer's review for a shop.# The page should have the title \"GUESTBOOK\" and three groups of review information with each including a review and a customer name.", "region_id": "8044", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'guestbook'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 20 32 9 | description 43 20 32 15 | description 79 20 32 15 | complete icon 22 15 2 2 | complete icon 58 15 2 2 | complete icon 95 15 2 2 | title 79 39 32 1 | title 7 33 32 1 | title 43 39 32 1 | title 5 6 108 2", "layout_seq_without_completion": "description 7 20 32 9 | description 43 20 32 15 | description 79 20 32 15 | icon 22 15 2 2 | icon 58 15 2 2 | icon 95 15 2 2 | title 79 39 32 1 | title 7 33 32 1 | title 43 39 32 1 | title 5 6 108 2", "plain_layout_seq": "description 7 20 32 9 | description 43 20 32 15 | description 79 20 32 15 | icon 22 15 2 2 | icon 58 15 2 2 | icon 95 15 2 2 | title 79 39 32 1 | title 7 33 32 1 | title 43 39 32 1 | title 5 6 108 2", "canvas_width": 1024, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 51, 55, 923, 25 ], "completed": false }, { "type": "icon", "position": [ 195, 135, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 503, 135, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 811, 135, 20, 20 ], "completed": true }, { "type": "description", "position": [ 66, 175, 277, 80 ], "completed": false }, { "type": "description", "position": [ 374, 175, 277, 133 ], "completed": false }, { "type": "description", "position": [ 682, 175, 277, 133 ], "completed": false }, { "type": "title", "position": [ 66, 285, 278, 16 ], "completed": false }, { "type": "title", "position": [ 374, 338, 278, 15 ], "completed": false }, { "type": "title", "position": [ 682, 338, 278, 15 ], "completed": false } ] }, { "text": "#A page for introducing the comprehensive DeveOps tool suits.# The page should have a title, a tip, and 5 groups while each group has an icon, an introduction to the type, a short description of the tool, and a button for users to click to learn more. An image as the extra layout.", "region_id": "3822", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat '5'] [item [el:icon] [el:text][el:description [attr:size 'small'] ] [el:button [attr:value 'learn more'] ] ] ] [el:image] ]", "execution": "multiinfo : image undefined undefined | text undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 4 78 8 1 | button 32 57 7 1 | button 4 36 8 1 | button 32 34 7 1 | button 4 60 8 1 | description 4 67 24 10 | description 4 25 24 10 | description 4 46 24 12 | description 32 46 24 10 | description 32 25 24 7 | icon 4 63 3 3 | icon 4 42 3 3 | icon 32 42 3 3 | icon 32 21 3 3 | icon 4 21 3 3 | image 61 20 54 44 | text 1 10 116 6 | text 36 19 18 4 | text 8 19 14 4 | text 8 61 13 4 | text 8 40 8 4 | text 36 40 19 4 | title 1 7 116 3", "layout_seq_without_completion": "button 4 78 8 1 | button 32 57 7 1 | button 4 36 8 1 | button 32 34 7 1 | button 4 60 8 1 | description 4 67 24 10 | description 4 25 24 10 | description 4 46 24 12 | description 32 46 24 10 | description 32 25 24 7 | icon 4 63 3 3 | icon 4 42 3 3 | icon 32 42 3 3 | icon 32 21 3 3 | icon 4 21 3 3 | image 61 20 54 44 | text 1 10 116 6 | text 36 19 18 4 | text 8 19 14 4 | text 8 61 13 4 | text 8 40 8 4 | text 36 40 19 4 | title 1 7 116 3", "plain_layout_seq": "button 4 78 8 1 | button 32 57 7 1 | button 4 36 8 1 | button 32 34 7 1 | button 4 60 8 1 | description 4 67 24 10 | description 4 25 24 10 | description 4 46 24 12 | description 32 46 24 10 | description 32 25 24 7 | icon 4 63 3 3 | icon 4 42 3 3 | icon 32 42 3 3 | icon 32 21 3 3 | icon 4 21 3 3 | image 61 20 54 44 | text 1 10 116 6 | text 36 19 18 4 | text 8 19 14 4 | text 8 61 13 4 | text 8 40 8 4 | text 36 40 19 4 | title 1 7 116 3", "canvas_width": 1024, "canvas_height": 777, "elements": [ { "type": "title", "position": [ 15, 60, 994, 31 ], "completed": false }, { "type": "text", "position": [ 15, 91, 994, 55 ], "completed": false }, { "type": "text", "position": [ 73, 168, 125, 42 ], "completed": false }, { "type": "text", "position": [ 315, 168, 157, 42 ], "completed": false }, { "type": "image", "position": [ 528, 178, 465, 380 ], "completed": false }, { "type": "icon", "position": [ 37, 184, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 278, 184, 32, 32 ], "completed": false }, { "type": "description", "position": [ 37, 216, 212, 89 ], "completed": false }, { "type": "description", "position": [ 278, 216, 212, 68 ], "completed": false }, { "type": "button", "position": [ 278, 292, 68, 17 ], "completed": false }, { "type": "button", "position": [ 37, 313, 69, 17 ], "completed": false }, { "type": "text", "position": [ 73, 348, 73, 42 ], "completed": false }, { "type": "text", "position": [ 315, 348, 164, 42 ], "completed": false }, { "type": "icon", "position": [ 37, 364, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 278, 364, 32, 32 ], "completed": false }, { "type": "description", "position": [ 37, 396, 212, 110 ], "completed": false }, { "type": "description", "position": [ 278, 396, 212, 89 ], "completed": false }, { "type": "button", "position": [ 278, 493, 68, 17 ], "completed": false }, { "type": "button", "position": [ 37, 514, 69, 17 ], "completed": false }, { "type": "text", "position": [ 73, 528, 112, 42 ], "completed": false }, { "type": "icon", "position": [ 37, 544, 32, 32 ], "completed": false }, { "type": "description", "position": [ 37, 576, 212, 89 ], "completed": false }, { "type": "button", "position": [ 37, 673, 69, 17 ], "completed": false } ] }, { "text": "#A page for introducing 2 news.# The page should have 2 groups while each group has a related image, a title of the news, and a button for users to click to read more.", "region_id": "4431", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 5 13 8 2 | button 61 13 8 2 | image 61 3 12 5 | image 5 3 20 3 | title 61 9 52 4 | title 5 9 52 4", "layout_seq_without_completion": "button 5 13 8 2 | button 61 13 8 2 | image 61 3 12 5 | image 5 3 20 3 | title 61 9 52 4 | title 5 9 52 4", "plain_layout_seq": "button 5 13 8 2 | button 61 13 8 2 | image 61 3 12 5 | image 5 3 20 3 | title 61 9 52 4 | title 5 9 52 4", "canvas_width": 1024, "canvas_height": 170, "elements": [ { "type": "image", "position": [ 47, 30, 177, 34 ], "completed": false }, { "type": "image", "position": [ 527, 30, 110, 44 ], "completed": false }, { "type": "title", "position": [ 527, 79, 450, 35 ], "completed": false }, { "type": "title", "position": [ 47, 80, 450, 35 ], "completed": false }, { "type": "button", "position": [ 527, 117, 75, 22 ], "completed": false }, { "type": "button", "position": [ 47, 118, 75, 22 ], "completed": false } ] }, { "text": "#A page promoting a product.# \"You want features? We got'em.\" is a title on the page. A sentence is on the page, and it is for making a promise. There are three parts. Each of them includes an icon, a title (Search Engine Friendly, Mobile Optimized, or Socially Connected), and a brief description. \"VIEW OUR FULL LIST OF FEATURES\" is a button on the page.", "region_id": "6368", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'You want features? We got em.']] [el:text] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Search Engine Friendly, Mobile Optimized, Socially Connected'][item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] [el:button [attr:value 'view our full list of features'] ] ]", "execution": "multiinfo : button undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 42 85 35 7 | text 3 17 112 3 | title 3 8 112 8 | \" [ description 6 61 31 12 | icon 18 36 6 6 | complete image 9 26 26 26 | title 3 57 37 3 ] | [ description 43 61 31 15 | icon 56 35 5 7 | complete image 46 26 26 26 | title 40 57 37 3 ] | [ description 80 61 31 12 | icon 93 36 6 6 | complete image 83 26 26 26 | title 78 57 37 3 ] \"", "layout_seq_without_completion": "button 42 85 35 7 | text 3 17 112 3 | title 3 8 112 8 | \" [ description 6 61 31 12 | icon 18 36 6 6 | image 9 26 26 26 | title 3 57 37 3 ] | [ description 43 61 31 15 | icon 56 35 5 7 | image 46 26 26 26 | title 40 57 37 3 ] | [ description 80 61 31 12 | icon 93 36 6 6 | image 83 26 26 26 | title 78 57 37 3 ] \"", "plain_layout_seq": "button 42 85 35 7 | description 6 61 31 12 | description 43 61 31 15 | description 80 61 31 12 | icon 18 36 6 6 | icon 56 35 5 7 | icon 93 36 6 6 | image 9 26 26 26 | image 46 26 26 26 | image 83 26 26 26 | text 3 17 112 3 | title 3 8 112 8 | title 3 57 37 3 | title 40 57 37 3 | title 78 57 37 3", "canvas_width": 1024, "canvas_height": 884, "elements": [ { "type": "title", "position": [ 32, 71, 960, 75 ], "completed": false }, { "type": "text", "position": [ 32, 146, 960, 31 ], "completed": false }, { "type": "image", "position": [ 79, 227, 222, 222 ], "completed": true }, { "type": "image", "position": [ 396, 227, 222, 222 ], "completed": true }, { "type": "image", "position": [ 713, 227, 222, 222 ], "completed": true }, { "type": "icon", "position": [ 485, 305, 44, 66 ], "completed": false }, { "type": "icon", "position": [ 162, 309, 57, 59 ], "completed": false }, { "type": "icon", "position": [ 797, 310, 57, 55 ], "completed": false }, { "type": "title", "position": [ 32, 490, 317, 28 ], "completed": false }, { "type": "title", "position": [ 349, 490, 317, 28 ], "completed": false }, { "type": "title", "position": [ 666, 490, 317, 28 ], "completed": false }, { "type": "description", "position": [ 56, 528, 269, 108 ], "completed": false }, { "type": "description", "position": [ 373, 528, 269, 135 ], "completed": false }, { "type": "description", "position": [ 689, 528, 269, 108 ], "completed": false }, { "type": "button", "position": [ 359, 733, 306, 60 ], "completed": false } ] }, { "text": "#A page to show some information about games.# There are six groups on the page. Each group contains an icon showing the game name. There is also an image of the game followed by a title and a small text of time and writer.", "region_id": "5172", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:icon [attr:value 'the game name']] [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 6 3 13 3 | image 8 1 32 25 | complete image 8 1 32 43 | text 11 39 20 2 | title 11 28 25 9 ] | [ icon 42 3 17 3 | image 43 1 32 25 | complete image 43 1 32 43 | text 47 39 21 2 | title 47 28 25 9 ] | [ icon 77 3 17 3 | image 78 1 32 25 | complete image 78 1 32 43 | text 82 39 21 2 | title 82 28 25 9 ] | [ icon 6 49 13 3 | image 8 46 32 25 | complete image 8 46 32 43 | text 11 84 25 2 | title 11 73 25 9 ] | [ icon 42 49 13 3 | image 43 46 32 25 | complete image 43 46 32 43 | text 47 84 19 2 | title 47 75 25 6 ] | [ icon 77 49 8 3 | image 78 46 32 25 | complete image 78 46 32 43 | text 82 84 23 2 | title 82 73 25 9 ] \"", "layout_seq_without_completion": "\" [ icon 6 3 13 3 | image 8 1 32 25 | image 8 1 32 43 | text 11 39 20 2 | title 11 28 25 9 ] | [ icon 42 3 17 3 | image 43 1 32 25 | image 43 1 32 43 | text 47 39 21 2 | title 47 28 25 9 ] | [ icon 77 3 17 3 | image 78 1 32 25 | image 78 1 32 43 | text 82 39 21 2 | title 82 28 25 9 ] | [ icon 6 49 13 3 | image 8 46 32 25 | image 8 46 32 43 | text 11 84 25 2 | title 11 73 25 9 ] | [ icon 42 49 13 3 | image 43 46 32 25 | image 43 46 32 43 | text 47 84 19 2 | title 47 75 25 6 ] | [ icon 77 49 8 3 | image 78 46 32 25 | image 78 46 32 43 | text 82 84 23 2 | title 82 73 25 9 ] \"", "plain_layout_seq": "icon 6 3 13 3 | icon 42 3 17 3 | icon 77 3 17 3 | icon 6 49 13 3 | icon 42 49 13 3 | icon 77 49 8 3 | image 8 1 32 25 | image 8 1 32 43 | image 43 1 32 25 | image 43 1 32 43 | image 78 1 32 25 | image 78 1 32 43 | image 8 46 32 25 | image 8 46 32 43 | image 43 46 32 25 | image 43 46 32 43 | image 78 46 32 25 | image 78 46 32 43 | text 11 39 20 2 | text 47 39 21 2 | text 82 39 21 2 | text 11 84 25 2 | text 47 84 19 2 | text 82 84 23 2 | title 11 28 25 9 | title 47 28 25 9 | title 82 28 25 9 | title 11 73 25 9 | title 47 75 25 6 | title 82 73 25 9", "canvas_width": 1004, "canvas_height": 760, "elements": [ { "type": "image", "position": [ 68, 10, 276, 360 ], "completed": true }, { "type": "image", "position": [ 68, 10, 276, 210 ], "completed": false }, { "type": "image", "position": [ 364, 10, 276, 360 ], "completed": true }, { "type": "image", "position": [ 364, 10, 276, 210 ], "completed": false }, { "type": "image", "position": [ 660, 10, 276, 360 ], "completed": true }, { "type": "image", "position": [ 660, 10, 276, 210 ], "completed": false }, { "type": "icon", "position": [ 58, 30, 117, 31 ], "completed": false }, { "type": "icon", "position": [ 354, 30, 150, 31 ], "completed": false }, { "type": "icon", "position": [ 650, 30, 150, 31 ], "completed": false }, { "type": "title", "position": [ 98, 236, 216, 78 ], "completed": false }, { "type": "title", "position": [ 394, 236, 216, 78 ], "completed": false }, { "type": "title", "position": [ 690, 236, 216, 78 ], "completed": false }, { "type": "text", "position": [ 98, 330, 168, 17 ], "completed": false }, { "type": "text", "position": [ 394, 330, 179, 17 ], "completed": false }, { "type": "text", "position": [ 690, 330, 179, 17 ], "completed": false }, { "type": "image", "position": [ 68, 390, 276, 360 ], "completed": true }, { "type": "image", "position": [ 68, 390, 276, 210 ], "completed": false }, { "type": "image", "position": [ 364, 390, 276, 360 ], "completed": true }, { "type": "image", "position": [ 364, 390, 276, 210 ], "completed": false }, { "type": "image", "position": [ 660, 390, 276, 210 ], "completed": false }, { "type": "image", "position": [ 660, 390, 276, 360 ], "completed": true }, { "type": "icon", "position": [ 58, 410, 116, 31 ], "completed": false }, { "type": "icon", "position": [ 354, 410, 116, 31 ], "completed": false }, { "type": "icon", "position": [ 650, 410, 69, 31 ], "completed": false }, { "type": "title", "position": [ 98, 616, 216, 78 ], "completed": false }, { "type": "title", "position": [ 690, 616, 216, 78 ], "completed": false }, { "type": "title", "position": [ 394, 629, 216, 52 ], "completed": false }, { "type": "text", "position": [ 98, 710, 213, 17 ], "completed": false }, { "type": "text", "position": [ 394, 710, 166, 17 ], "completed": false }, { "type": "text", "position": [ 690, 710, 197, 17 ], "completed": false } ] }, { "text": "#A page for introducing the products which are on sale.#There are six groups and each group has an image and a description, \"men's watches\", \"women's watches\", \"eyewear\", \"jewelry\", \"writing instruments\", and \"sale\".", "region_id": "7454", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'mens watches, womens watches, eyewear, jewelry, writing instruments, sale'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 46 22 7 2 | description 104 22 3 2 | description 27 22 8 5 | description 6 22 13 2 | description 65 22 7 2 | description 82 22 11 5 | image 62 5 15 15 | image 6 5 15 15 | image 24 5 15 15 | image 43 5 15 15 | image 81 5 15 15 | image 99 5 15 15", "layout_seq_without_completion": "description 46 22 7 2 | description 104 22 3 2 | description 27 22 8 5 | description 6 22 13 2 | description 65 22 7 2 | description 82 22 11 5 | image 62 5 15 15 | image 6 5 15 15 | image 24 5 15 15 | image 43 5 15 15 | image 81 5 15 15 | image 99 5 15 15", "plain_layout_seq": "description 46 22 7 2 | description 104 22 3 2 | description 27 22 8 5 | description 6 22 13 2 | description 65 22 7 2 | description 82 22 11 5 | image 62 5 15 15 | image 6 5 15 15 | image 24 5 15 15 | image 43 5 15 15 | image 81 5 15 15 | image 99 5 15 15", "canvas_width": 1035, "canvas_height": 305, "elements": [ { "type": "image", "position": [ 54, 50, 130, 130 ], "completed": false }, { "type": "image", "position": [ 215, 50, 130, 130 ], "completed": false }, { "type": "image", "position": [ 377, 50, 130, 130 ], "completed": false }, { "type": "image", "position": [ 538, 50, 130, 130 ], "completed": false }, { "type": "image", "position": [ 699, 50, 130, 130 ], "completed": false }, { "type": "image", "position": [ 860, 50, 130, 130 ], "completed": false }, { "type": "description", "position": [ 57, 198, 115, 19 ], "completed": false }, { "type": "description", "position": [ 241, 198, 70, 44 ], "completed": false }, { "type": "description", "position": [ 404, 198, 66, 19 ], "completed": false }, { "type": "description", "position": [ 567, 198, 62, 19 ], "completed": false }, { "type": "description", "position": [ 710, 198, 98, 44 ], "completed": false }, { "type": "description", "position": [ 905, 198, 32, 19 ], "completed": false } ] }, { "text": "#A page showing proxies for use cases# \"Proxies for all kinds of use cases\" is a title on the page. The page should have three categories and each category has a title, five or six company names, and their logos.", "region_id": "5981", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Proxies for all kinds of use cases']] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:text [attr:repeat 'several']] [el:logo [attr:repeat 'several'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 9 115 5 | title 2 21 34 3 | title 42 21 34 3 | title 82 21 34 3 | \" [ logo 2 28 3 3 | text 7 28 29 3 ] | [ logo 2 35 3 3 | text 7 35 29 3 ] | [ logo 2 41 3 3 | text 7 41 29 3 ] | [ logo 2 48 3 3 | text 7 48 29 3 ] | [ logo 2 55 3 3 | text 7 55 29 3 ] | [ logo 2 61 3 3 | text 7 61 29 3 ] | [ logo 42 28 3 3 | text 47 28 29 3 ] | [ logo 42 35 3 3 | text 47 35 29 3 ] | [ logo 42 41 3 3 | text 47 41 29 3 ] | [ logo 42 48 3 3 | text 47 48 29 3 ] | [ logo 42 55 3 3 | text 47 55 29 3 ] | [ logo 42 61 3 3 | text 47 61 29 3 ] | [ logo 82 28 3 3 | text 87 28 29 3 ] | [ logo 82 35 3 3 | text 87 35 29 3 ] | [ logo 82 41 3 3 | text 87 41 29 3 ] | [ logo 82 48 3 3 | text 87 48 29 3 ] | [ logo 82 55 3 3 | text 87 55 29 3 ] \"", "layout_seq_without_completion": "title 2 9 115 5 | title 2 21 34 3 | title 42 21 34 3 | title 82 21 34 3 | \" [ logo 2 28 3 3 | text 7 28 29 3 ] | [ logo 2 35 3 3 | text 7 35 29 3 ] | [ logo 2 41 3 3 | text 7 41 29 3 ] | [ logo 2 48 3 3 | text 7 48 29 3 ] | [ logo 2 55 3 3 | text 7 55 29 3 ] | [ logo 2 61 3 3 | text 7 61 29 3 ] | [ logo 42 28 3 3 | text 47 28 29 3 ] | [ logo 42 35 3 3 | text 47 35 29 3 ] | [ logo 42 41 3 3 | text 47 41 29 3 ] | [ logo 42 48 3 3 | text 47 48 29 3 ] | [ logo 42 55 3 3 | text 47 55 29 3 ] | [ logo 42 61 3 3 | text 47 61 29 3 ] | [ logo 82 28 3 3 | text 87 28 29 3 ] | [ logo 82 35 3 3 | text 87 35 29 3 ] | [ logo 82 41 3 3 | text 87 41 29 3 ] | [ logo 82 48 3 3 | text 87 48 29 3 ] | [ logo 82 55 3 3 | text 87 55 29 3 ] \"", "plain_layout_seq": "logo 2 28 3 3 | logo 2 35 3 3 | logo 2 41 3 3 | logo 2 48 3 3 | logo 2 55 3 3 | logo 2 61 3 3 | logo 42 28 3 3 | logo 42 35 3 3 | logo 42 41 3 3 | logo 42 48 3 3 | logo 42 55 3 3 | logo 42 61 3 3 | logo 82 28 3 3 | logo 82 35 3 3 | logo 82 41 3 3 | logo 82 48 3 3 | logo 82 55 3 3 | text 7 28 29 3 | text 7 35 29 3 | text 7 41 29 3 | text 7 48 29 3 | text 7 55 29 3 | text 7 61 29 3 | text 47 28 29 3 | text 47 35 29 3 | text 47 41 29 3 | text 47 48 29 3 | text 47 55 29 3 | text 47 61 29 3 | text 87 28 29 3 | text 87 35 29 3 | text 87 41 29 3 | text 87 48 29 3 | text 87 55 29 3 | title 2 9 115 5 | title 2 21 34 3 | title 42 21 34 3 | title 82 21 34 3", "canvas_width": 1024, "canvas_height": 661, "elements": [ { "type": "title", "position": [ 20, 80, 984, 45 ], "completed": false }, { "type": "title", "position": [ 20, 185, 296, 30 ], "completed": false }, { "type": "title", "position": [ 364, 185, 296, 30 ], "completed": false }, { "type": "title", "position": [ 708, 185, 296, 30 ], "completed": false }, { "type": "logo", "position": [ 20, 243, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 243, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 243, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 243, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 708, 243, 26, 26 ], "completed": false }, { "type": "text", "position": [ 749, 243, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 20, 300, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 300, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 300, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 300, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 708, 300, 26, 26 ], "completed": false }, { "type": "text", "position": [ 749, 300, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 20, 357, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 357, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 357, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 357, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 708, 357, 26, 26 ], "completed": false }, { "type": "text", "position": [ 749, 357, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 20, 414, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 414, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 414, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 414, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 708, 414, 26, 26 ], "completed": false }, { "type": "text", "position": [ 749, 414, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 20, 471, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 471, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 471, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 471, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 708, 471, 26, 26 ], "completed": false }, { "type": "text", "position": [ 749, 471, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 20, 528, 26, 26 ], "completed": false }, { "type": "text", "position": [ 61, 528, 255, 27 ], "completed": false }, { "type": "logo", "position": [ 364, 528, 26, 26 ], "completed": false }, { "type": "text", "position": [ 405, 528, 255, 27 ], "completed": false } ] }, { "text": "#A page for showing different types of information about the company to users.# The page includes a title named \u201cFROM ACROSS THE DONUTS\u201d and five brief descriptions of the company.", "region_id": "4287", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'FROM ACROSS THE DONUTS'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small ] | [ description undefined small ] | [ description undefined small ] | [ description undefined small ] | [ description undefined small ] }", "layout_seq_with_completion": "title 0 0 26 3 | \" [ description 0 5 120 6 ] | [ description 0 13 120 6 ] | [ description 0 20 120 6 ] | [ description 0 27 120 6 ] | [ description 0 34 120 6 ] \"", "layout_seq_without_completion": "title 0 0 26 3 | \" [ description 0 5 120 6 ] | [ description 0 13 120 6 ] | [ description 0 20 120 6 ] | [ description 0 27 120 6 ] | [ description 0 34 120 6 ] \"", "plain_layout_seq": "description 0 5 120 6 | description 0 13 120 6 | description 0 20 120 6 | description 0 27 120 6 | description 0 34 120 6 | title 0 0 26 3", "canvas_width": 940, "canvas_height": 327, "elements": [ { "type": "title", "position": [ 0, 0, 208, 28 ], "completed": false }, { "type": "description", "position": [ 0, 46, 940, 54 ], "completed": false }, { "type": "description", "position": [ 0, 103, 940, 54 ], "completed": false }, { "type": "description", "position": [ 0, 159, 940, 54 ], "completed": false }, { "type": "description", "position": [ 0, 215, 940, 54 ], "completed": false }, { "type": "description", "position": [ 0, 272, 940, 54 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# Besides a title named \"Collection List\", the page has four groups. Each group includes an image, a product name, and a label showing the number of the items.", "region_id": "8239", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection list'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 0 115 3 | \" [ image 2 7 26 26 | text 2 37 26 2 | title 2 35 16 1 ] | [ image 31 7 26 26 | text 31 37 26 2 | title 31 35 16 1 ] | [ image 61 7 26 26 | text 61 37 26 2 | title 61 35 11 1 ] | [ image 91 7 26 26 | text 91 37 26 2 | title 91 35 16 1 ] \"", "layout_seq_without_completion": "title 2 0 115 3 | \" [ image 2 7 26 26 | text 2 37 26 2 | title 2 35 16 1 ] | [ image 31 7 26 26 | text 31 37 26 2 | title 31 35 16 1 ] | [ image 61 7 26 26 | text 61 37 26 2 | title 61 35 11 1 ] | [ image 91 7 26 26 | text 91 37 26 2 | title 91 35 16 1 ] \"", "plain_layout_seq": "image 2 7 26 26 | image 31 7 26 26 | image 61 7 26 26 | image 91 7 26 26 | text 2 37 26 2 | text 31 37 26 2 | text 61 37 26 2 | text 91 37 26 2 | title 2 0 115 3 | title 2 35 16 1 | title 31 35 16 1 | title 61 35 11 1 | title 91 35 16 1", "canvas_width": 1024, "canvas_height": 340, "elements": [ { "type": "title", "position": [ 20, 0, 984, 31 ], "completed": false }, { "type": "image", "position": [ 20, 62, 225, 225 ], "completed": false }, { "type": "image", "position": [ 273, 62, 225, 225 ], "completed": false }, { "type": "image", "position": [ 526, 62, 225, 225 ], "completed": false }, { "type": "image", "position": [ 779, 62, 225, 225 ], "completed": false }, { "type": "title", "position": [ 20, 299, 137, 17 ], "completed": false }, { "type": "title", "position": [ 273, 299, 139, 17 ], "completed": false }, { "type": "title", "position": [ 526, 299, 95, 17 ], "completed": false }, { "type": "title", "position": [ 779, 299, 144, 17 ], "completed": false }, { "type": "text", "position": [ 20, 321, 225, 19 ], "completed": false }, { "type": "text", "position": [ 273, 321, 225, 19 ], "completed": false }, { "type": "text", "position": [ 526, 321, 225, 19 ], "completed": false }, { "type": "text", "position": [ 779, 321, 225, 19 ], "completed": false } ] }, { "text": "#A page showing the first step of the NLP to users.#The page should have one picture, one title, one text heading, one brief description, and three advantages of the product. And each group of them should have one icon and one small description.", "region_id": "3441", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title] [el:text] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : description undefined small | image undefined undefined | text undefined undefined | title undefined undefined | { [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "description 71 12 47 10 | description 75 36 26 2 | description 75 31 25 2 | description 75 26 19 2 | icon 71 26 2 2 | icon 71 31 2 2 | icon 71 36 2 2 | image 2 3 52 32 | image 1 2 54 34 | text 71 0 47 2 | title 71 4 47 5", "layout_seq_without_completion": "description 71 12 47 10 | description 75 36 26 2 | description 75 31 25 2 | description 75 26 19 2 | icon 71 26 2 2 | icon 71 31 2 2 | icon 71 36 2 2 | image 2 3 52 32 | image 1 2 54 34 | text 71 0 47 2 | title 71 4 47 5", "plain_layout_seq": "description 71 12 47 10 | description 75 36 26 2 | description 75 31 25 2 | description 75 26 19 2 | icon 71 26 2 2 | icon 71 31 2 2 | icon 71 36 2 2 | image 2 3 52 32 | image 1 2 54 34 | text 71 0 47 2 | title 71 4 47 5", "canvas_width": 1000, "canvas_height": 415, "elements": [ { "type": "text", "position": [ 595, 0, 393, 21 ], "completed": false }, { "type": "image", "position": [ 12, 22, 456, 290 ], "completed": false }, { "type": "image", "position": [ 21, 31, 438, 272 ], "completed": false }, { "type": "title", "position": [ 595, 41, 393, 44 ], "completed": false }, { "type": "description", "position": [ 595, 105, 393, 88 ], "completed": false }, { "type": "icon", "position": [ 595, 221, 20, 20 ], "completed": false }, { "type": "description", "position": [ 627, 222, 164, 17 ], "completed": false }, { "type": "icon", "position": [ 595, 263, 20, 20 ], "completed": false }, { "type": "description", "position": [ 627, 264, 209, 17 ], "completed": false }, { "type": "icon", "position": [ 595, 305, 20, 20 ], "completed": false }, { "type": "description", "position": [ 627, 306, 222, 17 ], "completed": false } ] }, { "text": "#A page for showing some industries.# There should be one title\"Explore solutions by industry\". And there are sixteen text boxes and each of them includes one icon and the name.", "region_id": "1869", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'explore solutions by industry'] ] [gp:InfoGroup [gattr:repeat'16'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 5 114 4 | \" [ text 2 15 26 7 ] | [ text 31 15 26 7 ] | [ text 60 15 26 7 ] | [ text 88 15 26 7 ] | [ text 2 25 26 7 ] | [ text 31 25 26 7 ] | [ text 60 25 26 7 ] | [ text 88 25 26 7 ] | [ text 2 36 26 7 ] | [ text 31 36 26 7 ] | [ text 60 36 26 7 ] | [ text 88 36 26 7 ] | [ text 2 46 26 7 ] | [ text 31 46 26 7 ] | [ text 60 46 26 7 ] | [ text 88 46 26 7 ] \"", "layout_seq_without_completion": "title 2 5 114 4 | \" [ text 2 15 26 7 ] | [ text 31 15 26 7 ] | [ text 60 15 26 7 ] | [ text 88 15 26 7 ] | [ text 2 25 26 7 ] | [ text 31 25 26 7 ] | [ text 60 25 26 7 ] | [ text 88 25 26 7 ] | [ text 2 36 26 7 ] | [ text 31 36 26 7 ] | [ text 60 36 26 7 ] | [ text 88 36 26 7 ] | [ text 2 46 26 7 ] | [ text 31 46 26 7 ] | [ text 60 46 26 7 ] | [ text 88 46 26 7 ] \"", "plain_layout_seq": "text 2 15 26 7 | text 31 15 26 7 | text 60 15 26 7 | text 88 15 26 7 | text 2 25 26 7 | text 31 25 26 7 | text 60 25 26 7 | text 88 25 26 7 | text 2 36 26 7 | text 31 36 26 7 | text 60 36 26 7 | text 88 36 26 7 | text 2 46 26 7 | text 31 46 26 7 | text 60 46 26 7 | text 88 46 26 7 | title 2 5 114 4", "canvas_width": 1024, "canvas_height": 509, "elements": [ { "type": "title", "position": [ 24, 48, 976, 38 ], "completed": false }, { "type": "text", "position": [ 24, 135, 225, 67 ], "completed": false }, { "type": "text", "position": [ 269, 135, 225, 67 ], "completed": false }, { "type": "text", "position": [ 514, 135, 225, 67 ], "completed": false }, { "type": "text", "position": [ 759, 135, 225, 67 ], "completed": false }, { "type": "text", "position": [ 24, 221, 225, 66 ], "completed": false }, { "type": "text", "position": [ 269, 221, 225, 66 ], "completed": false }, { "type": "text", "position": [ 514, 221, 225, 66 ], "completed": false }, { "type": "text", "position": [ 759, 221, 225, 67 ], "completed": false }, { "type": "text", "position": [ 24, 308, 225, 67 ], "completed": false }, { "type": "text", "position": [ 269, 308, 225, 67 ], "completed": false }, { "type": "text", "position": [ 514, 308, 225, 67 ], "completed": false }, { "type": "text", "position": [ 759, 308, 225, 67 ], "completed": false }, { "type": "text", "position": [ 24, 395, 225, 67 ], "completed": false }, { "type": "text", "position": [ 269, 395, 225, 66 ], "completed": false }, { "type": "text", "position": [ 514, 395, 225, 66 ], "completed": false }, { "type": "text", "position": [ 759, 395, 225, 67 ], "completed": false } ] }, { "text": "#A page for showing some industries.# There should be one text box showing the title\"Explore solutions by industry\". Sixteen text boxes are used to show these industries' logos.", "region_id": "1869_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'explore solutions by industry'] ] [gp:InfoGroup [gattr:repeat'16'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 5 114 4 | \" [ logo 2 15 26 7 ] | [ logo 31 15 26 7 ] | [ logo 60 15 26 7 ] | [ logo 88 15 26 7 ] | [ logo 2 25 26 7 ] | [ logo 31 25 26 7 ] | [ logo 60 25 26 7 ] | [ logo 88 25 26 7 ] | [ logo 2 36 26 7 ] | [ logo 31 36 26 7 ] | [ logo 60 36 26 7 ] | [ logo 88 36 26 7 ] | [ logo 2 46 26 7 ] | [ logo 31 46 26 7 ] | [ logo 60 46 26 7 ] | [ logo 88 46 26 7 ] \"", "layout_seq_without_completion": "title 2 5 114 4 | \" [ logo 2 15 26 7 ] | [ logo 31 15 26 7 ] | [ logo 60 15 26 7 ] | [ logo 88 15 26 7 ] | [ logo 2 25 26 7 ] | [ logo 31 25 26 7 ] | [ logo 60 25 26 7 ] | [ logo 88 25 26 7 ] | [ logo 2 36 26 7 ] | [ logo 31 36 26 7 ] | [ logo 60 36 26 7 ] | [ logo 88 36 26 7 ] | [ logo 2 46 26 7 ] | [ logo 31 46 26 7 ] | [ logo 60 46 26 7 ] | [ logo 88 46 26 7 ] \"", "plain_layout_seq": "logo 2 15 26 7 | logo 31 15 26 7 | logo 60 15 26 7 | logo 88 15 26 7 | logo 2 25 26 7 | logo 31 25 26 7 | logo 60 25 26 7 | logo 88 25 26 7 | logo 2 36 26 7 | logo 31 36 26 7 | logo 60 36 26 7 | logo 88 36 26 7 | logo 2 46 26 7 | logo 31 46 26 7 | logo 60 46 26 7 | logo 88 46 26 7 | title 2 5 114 4", "canvas_width": 1024, "canvas_height": 509, "elements": [ { "type": "title", "position": [ 24, 48, 976, 38 ], "completed": false }, { "type": "logo", "position": [ 24, 135, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 269, 135, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 514, 135, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 759, 135, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 24, 221, 225, 66 ], "completed": false }, { "type": "logo", "position": [ 269, 221, 225, 66 ], "completed": false }, { "type": "logo", "position": [ 514, 221, 225, 66 ], "completed": false }, { "type": "logo", "position": [ 759, 221, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 24, 308, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 269, 308, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 514, 308, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 759, 308, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 24, 395, 225, 67 ], "completed": false }, { "type": "logo", "position": [ 269, 395, 225, 66 ], "completed": false }, { "type": "logo", "position": [ 514, 395, 225, 66 ], "completed": false }, { "type": "logo", "position": [ 759, 395, 225, 67 ], "completed": false } ] }, { "text": "# A page for telling the importance of giving. # The page should have two groups with each having a title, a further description, and a link \"Read more\" for the user to learn more info.", "region_id": "6517", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 26 30 29 11 | description 63 30 29 14 | link 26 44 9 2 | link 63 47 9 2 | title 26 9 25 18 | title 63 9 24 18", "layout_seq_without_completion": "description 26 30 29 11 | description 63 30 29 14 | link 26 44 9 2 | link 63 47 9 2 | title 26 9 25 18 | title 63 9 24 18", "plain_layout_seq": "description 26 30 29 11 | description 63 30 29 14 | link 26 44 9 2 | link 63 47 9 2 | title 26 9 25 18 | title 63 9 24 18", "canvas_width": 1024, "canvas_height": 611, "elements": [ { "type": "title", "position": [ 227, 79, 217, 158 ], "completed": false }, { "type": "title", "position": [ 545, 79, 209, 158 ], "completed": false }, { "type": "description", "position": [ 227, 262, 252, 99 ], "completed": false }, { "type": "description", "position": [ 545, 262, 252, 123 ], "completed": false }, { "type": "link", "position": [ 227, 381, 77, 25 ], "completed": false }, { "type": "link", "position": [ 545, 406, 77, 25 ], "completed": false } ] }, { "text": "# A page for introducing one company.#There are three info parts and each of them includes one icon, one title, and one description.", "region_id": "8034", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 21 35 5 | icon 19 11 3 3 | title 3 16 35 4 ] | [ description 42 19 35 7 | icon 58 11 3 3 | title 42 16 35 2 ] | [ description 81 19 35 7 | icon 97 11 3 3 | title 81 16 35 2 ] \"", "layout_seq_without_completion": "\" [ description 3 21 35 5 | icon 19 11 3 3 | title 3 16 35 4 ] | [ description 42 19 35 7 | icon 58 11 3 3 | title 42 16 35 2 ] | [ description 81 19 35 7 | icon 97 11 3 3 | title 81 16 35 2 ] \"", "plain_layout_seq": "description 3 21 35 5 | description 42 19 35 7 | description 81 19 35 7 | icon 19 11 3 3 | icon 58 11 3 3 | icon 97 11 3 3 | title 3 16 35 4 | title 42 16 35 2 | title 81 16 35 2", "canvas_width": 1024, "canvas_height": 339, "elements": [ { "type": "icon", "position": [ 166, 96, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 497, 96, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 828, 96, 30, 30 ], "completed": false }, { "type": "title", "position": [ 32, 141, 299, 42 ], "completed": false }, { "type": "title", "position": [ 363, 141, 299, 21 ], "completed": false }, { "type": "title", "position": [ 693, 141, 299, 21 ], "completed": false }, { "type": "description", "position": [ 363, 166, 299, 67 ], "completed": false }, { "type": "description", "position": [ 693, 166, 299, 67 ], "completed": false }, { "type": "description", "position": [ 32, 187, 299, 45 ], "completed": false } ] }, { "text": "# A page for introducing the benefits of being a visitor to the website. # The page should have a title and a short description. Then there should have four groups of information sets to introduce the benefits. Each group should consist of a small image, a title, and a further introduction.", "region_id": "5758", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 31 14 58 6 | title 31 0 58 13 | \" [ description 21 32 32 9 | image 11 28 7 7 | title 21 28 32 3 ] | [ description 75 32 32 12 | image 65 28 7 7 | title 75 28 32 3 ] | [ description 21 57 32 12 | image 11 53 7 7 | title 21 53 32 3 ] | [ description 75 57 32 9 | image 65 53 7 7 | title 75 53 32 3 ] \"", "layout_seq_without_completion": "description 31 14 58 6 | title 31 0 58 13 | \" [ description 21 32 32 9 | image 11 28 7 7 | title 21 28 32 3 ] | [ description 75 32 32 12 | image 65 28 7 7 | title 75 28 32 3 ] | [ description 21 57 32 12 | image 11 53 7 7 | title 21 53 32 3 ] | [ description 75 57 32 9 | image 65 53 7 7 | title 75 53 32 3 ] \"", "plain_layout_seq": "description 31 14 58 6 | description 21 32 32 9 | description 75 32 32 12 | description 21 57 32 12 | description 75 57 32 9 | image 11 28 7 7 | image 65 28 7 7 | image 11 53 7 7 | image 65 53 7 7 | title 31 0 58 13 | title 21 28 32 3 | title 75 28 32 3 | title 21 53 32 3 | title 75 53 32 3", "canvas_width": 960, "canvas_height": 611, "elements": [ { "type": "title", "position": [ 248, 0, 465, 105 ], "completed": false }, { "type": "description", "position": [ 248, 113, 465, 51 ], "completed": false }, { "type": "image", "position": [ 95, 228, 56, 56 ], "completed": false }, { "type": "title", "position": [ 175, 228, 258, 25 ], "completed": false }, { "type": "image", "position": [ 527, 228, 56, 56 ], "completed": false }, { "type": "title", "position": [ 607, 228, 258, 25 ], "completed": false }, { "type": "description", "position": [ 175, 261, 258, 77 ], "completed": false }, { "type": "description", "position": [ 607, 261, 258, 103 ], "completed": false }, { "type": "image", "position": [ 95, 427, 56, 56 ], "completed": false }, { "type": "title", "position": [ 175, 427, 258, 25 ], "completed": false }, { "type": "image", "position": [ 527, 427, 56, 56 ], "completed": false }, { "type": "title", "position": [ 607, 427, 258, 25 ], "completed": false }, { "type": "description", "position": [ 175, 461, 258, 103 ], "completed": false }, { "type": "description", "position": [ 607, 461, 258, 77 ], "completed": false } ] }, { "text": "#A page for introducing Flexport's merits.# There should be one title\"See why 10000+ Companies Choose Flexport\". Four links are needed for users to learn the \"visibility\", \"Scalability\", \"Connectivity\", and \"Sustainability\".", "region_id": "1246", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'see why 10000+ companies choose flexport'] ] [gp:InfoGroup [gattr:repeat'4'] [gattr:names'visibility, scalability, connectivity, sustainability'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 21 0 76 4 | \" [ link 33 11 7 2 ] | [ link 55 11 8 2 ] | [ link 78 11 10 2 ] | [ link 54 18 10 2 ] \"", "layout_seq_without_completion": "title 21 0 76 4 | \" [ link 33 11 7 2 ] | [ link 55 11 8 2 ] | [ link 78 11 10 2 ] | [ link 54 18 10 2 ] \"", "plain_layout_seq": "link 33 11 7 2 | link 55 11 8 2 | link 78 11 10 2 | link 54 18 10 2 | title 21 0 76 4", "canvas_width": 948, "canvas_height": 246, "elements": [ { "type": "title", "position": [ 171, 0, 606, 32 ], "completed": false }, { "type": "link", "position": [ 262, 88, 56, 18 ], "completed": false }, { "type": "link", "position": [ 441, 88, 66, 18 ], "completed": false }, { "type": "link", "position": [ 618, 88, 80, 18 ], "completed": false }, { "type": "link", "position": [ 431, 144, 86, 18 ], "completed": false } ] }, { "text": "#A page for introducing Flexport's merits.# There should be one text box showing the title. Four text buttons are needed for users to learn some related info.", "region_id": "1246_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 21 0 76 4 | \" [ button 33 11 7 2 ] | [ button 55 11 8 2 ] | [ button 78 11 10 2 ] | [ button 54 18 10 2 ] \"", "layout_seq_without_completion": "title 21 0 76 4 | \" [ button 33 11 7 2 ] | [ button 55 11 8 2 ] | [ button 78 11 10 2 ] | [ button 54 18 10 2 ] \"", "plain_layout_seq": "button 33 11 7 2 | button 55 11 8 2 | button 78 11 10 2 | button 54 18 10 2 | title 21 0 76 4", "canvas_width": 948, "canvas_height": 246, "elements": [ { "type": "title", "position": [ 171, 0, 606, 32 ], "completed": false }, { "type": "button", "position": [ 262, 88, 56, 18 ], "completed": false }, { "type": "button", "position": [ 441, 88, 66, 18 ], "completed": false }, { "type": "button", "position": [ 618, 88, 80, 18 ], "completed": false }, { "type": "button", "position": [ 431, 144, 86, 18 ], "completed": false } ] }, { "text": "#A page for showing notices.# There should be one text box showing \"NOTICES\". And three labels on the left are used to show the date with three text boxes on the right showing the detail of the notices.", "region_id": "1716", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'notices'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:text [attr:position'left'] ] [el:description [attr:position'right'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description right undefined | text left undefined ] | [ description right undefined | text left undefined ] | [ description right undefined | text left undefined ] }", "layout_seq_with_completion": "description 25 22 92 3 | description 25 9 92 3 | description 25 16 92 3 | text 0 23 21 2 | text 0 16 21 2 | text 0 9 21 2 | title 49 0 20 5", "layout_seq_without_completion": "description 25 22 92 3 | description 25 9 92 3 | description 25 16 92 3 | text 0 23 21 2 | text 0 16 21 2 | text 0 9 21 2 | title 49 0 20 5", "plain_layout_seq": "description 25 22 92 3 | description 25 9 92 3 | description 25 16 92 3 | text 0 23 21 2 | text 0 16 21 2 | text 0 9 21 2 | title 49 0 20 5", "canvas_width": 922, "canvas_height": 204, "elements": [ { "type": "title", "position": [ 383, 0, 155, 46 ], "completed": false }, { "type": "description", "position": [ 197, 71, 710, 27 ], "completed": false }, { "type": "text", "position": [ 0, 75, 162, 18 ], "completed": false }, { "type": "description", "position": [ 197, 124, 710, 27 ], "completed": false }, { "type": "text", "position": [ 0, 128, 162, 18 ], "completed": false }, { "type": "description", "position": [ 197, 176, 710, 27 ], "completed": false }, { "type": "text", "position": [ 0, 181, 162, 18 ], "completed": false } ] }, { "text": "#A page for showing the released news.# There should be four combinations, each with an image, a short descriptive title, and a text box for the date along with a link through which users can obtain more info about the news. Besides\uff0ca button is needed for \"More news releases\"", "region_id": "1333", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title [attr:size 'small'] ] [el:text] ]] [el:button [attr:value 'More news releases']] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | text undefined undefined | title undefined small ] }", "layout_seq_with_completion": "button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | complete text 3 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | complete text 89 39 9 2 | text 3 29 26 8 | complete text 32 39 9 2 | complete text 61 39 9 2 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "layout_seq_without_completion": "button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | text 3 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | text 89 39 9 2 | text 3 29 26 8 | text 32 39 9 2 | text 61 39 9 2 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "plain_layout_seq": "button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | text 3 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | text 89 39 9 2 | text 3 29 26 8 | text 32 39 9 2 | text 61 39 9 2 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "canvas_width": 1024, "canvas_height": 598, "elements": [ { "type": "image", "position": [ 32, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 277, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 522, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 766, 0, 226, 202 ], "completed": false }, { "type": "title", "position": [ 32, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 277, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 522, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 766, 226, 226, 16 ], "completed": false }, { "type": "text", "position": [ 32, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 277, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 522, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 766, 250, 226, 48 ], "completed": false }, { "type": "text", "position": [ 32, 340, 83, 24 ], "completed": true }, { "type": "text", "position": [ 277, 340, 82, 24 ], "completed": true }, { "type": "text", "position": [ 522, 340, 82, 24 ], "completed": true }, { "type": "text", "position": [ 766, 340, 83, 24 ], "completed": true }, { "type": "button", "position": [ 386, 444, 252, 58 ], "completed": false } ] }, { "text": "#A page for showing the released news.# There should be four combinations, each with an image, a short descriptive title, and a text box for the date along with a link through which users can obtain more info about the news.", "region_id": "1333_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title [attr:size 'small'] ] [el:text] [el:link [attr:value 'Read more']]]] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | link undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | link undefined undefined | text undefined undefined | title undefined small ] | [ image undefined undefined | link undefined undefined | text undefined undefined | title undefined small ] }", "layout_seq_with_completion": "complete button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | link 3 39 9 2 | link 89 39 9 2 | link 32 39 9 2 | link 61 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | text 3 29 26 8 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "layout_seq_without_completion": "button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | link 3 39 9 2 | link 89 39 9 2 | link 32 39 9 2 | link 61 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | text 3 29 26 8 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "plain_layout_seq": "button 45 52 29 6 | image 3 0 26 23 | image 32 0 26 23 | image 61 0 26 23 | image 89 0 26 23 | link 3 39 9 2 | link 89 39 9 2 | link 32 39 9 2 | link 61 39 9 2 | text 32 29 26 8 | text 61 29 26 8 | text 3 29 26 8 | text 89 29 26 5 | title 3 26 26 1 | title 89 26 26 1 | title 61 26 26 1 | title 32 26 26 1", "canvas_width": 1024, "canvas_height": 598, "elements": [ { "type": "image", "position": [ 32, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 277, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 522, 0, 226, 202 ], "completed": false }, { "type": "image", "position": [ 766, 0, 226, 202 ], "completed": false }, { "type": "title", "position": [ 32, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 277, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 522, 226, 226, 16 ], "completed": false }, { "type": "title", "position": [ 766, 226, 226, 16 ], "completed": false }, { "type": "text", "position": [ 32, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 277, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 522, 250, 226, 72 ], "completed": false }, { "type": "text", "position": [ 766, 250, 226, 48 ], "completed": false }, { "type": "link", "position": [ 32, 340, 83, 24 ], "completed": false }, { "type": "link", "position": [ 277, 340, 82, 24 ], "completed": false }, { "type": "link", "position": [ 522, 340, 82, 24 ], "completed": false }, { "type": "link", "position": [ 766, 340, 83, 24 ], "completed": false }, { "type": "button", "position": [ 386, 444, 252, 58 ], "completed": true } ] }, { "text": "#A page marketing the product of a company.# There should be a small subtitle and a long title. There should also be 6 links for more info and six small buttons. There's a picture to fill in the blanks.", "region_id": "1973_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'small'] ] [el:title [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:link] [el:button] ] ] [el:image] ]", "execution": "multiinfo : image undefined undefined | title undefined small | title undefined large | { [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] | [ button undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 114 74 2 2 | button 114 93 2 2 | button 114 67 2 2 | button 114 87 2 2 | button 114 100 2 2 | button 114 80 2 2 | image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | title 3 4 113 2 | title 61 12 55 48", "layout_seq_without_completion": "button 114 74 2 2 | button 114 93 2 2 | button 114 67 2 2 | button 114 87 2 2 | button 114 100 2 2 | button 114 80 2 2 | image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | title 3 4 113 2 | title 61 12 55 48", "plain_layout_seq": "button 114 74 2 2 | button 114 93 2 2 | button 114 67 2 2 | button 114 87 2 2 | button 114 100 2 2 | button 114 80 2 2 | image 3 12 45 60 | link 61 86 19 4 | link 61 73 44 4 | link 61 79 13 4 | link 61 66 14 4 | link 61 92 26 4 | link 61 99 21 4 | title 3 4 113 2 | title 61 12 55 48", "canvas_width": 1003, "canvas_height": 918, "elements": [ { "type": "title", "position": [ 28, 40, 947, 24 ], "completed": false }, { "type": "image", "position": [ 28, 104, 381, 507 ], "completed": false }, { "type": "title", "position": [ 513, 104, 462, 403 ], "completed": false }, { "type": "link", "position": [ 513, 556, 121, 38 ], "completed": false }, { "type": "button", "position": [ 956, 565, 18, 20 ], "completed": false }, { "type": "link", "position": [ 513, 611, 371, 38 ], "completed": false }, { "type": "button", "position": [ 956, 620, 18, 20 ], "completed": false }, { "type": "link", "position": [ 513, 666, 109, 38 ], "completed": false }, { "type": "button", "position": [ 956, 675, 18, 20 ], "completed": false }, { "type": "link", "position": [ 513, 721, 162, 38 ], "completed": false }, { "type": "button", "position": [ 956, 730, 18, 20 ], "completed": false }, { "type": "link", "position": [ 513, 776, 223, 38 ], "completed": false }, { "type": "button", "position": [ 956, 785, 18, 20 ], "completed": false }, { "type": "link", "position": [ 513, 831, 180, 38 ], "completed": false }, { "type": "button", "position": [ 956, 840, 18, 20 ], "completed": false } ] }, { "text": "# A page for the user to shop by style. # The page should have a title \"SHOP BY STYLE\" and four groups: \"Hoops\" \"Studs\" \"Initials\", and \"Long earrings\". In each group, there should be an image with a title on it.", "region_id": "7899", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by style'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'hoops, studs, initials, long earrings'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 25 24 3 | title 89 25 24 3 | title 34 25 24 3 | title 61 25 24 3 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 25 24 3 | title 89 25 24 3 | title 34 25 24 3 | title 61 25 24 3 | title 6 6 107 2", "plain_layout_seq": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 25 24 3 | title 89 25 24 3 | title 34 25 24 3 | title 61 25 24 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 55, 54, 914, 25 ], "completed": false }, { "type": "image", "position": [ 55, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 220, 206, 33 ], "completed": false }, { "type": "title", "position": [ 291, 220, 206, 33 ], "completed": false }, { "type": "title", "position": [ 527, 220, 206, 33 ], "completed": false }, { "type": "title", "position": [ 763, 220, 206, 33 ], "completed": false } ] }, { "text": "#This page introduces users to the Stars&Stripes Collection. #This page has the title \"Stars&Stripes Collection\", and then there are four groups below: CSAR Aircraft Flag Hat, Stars&Stripes tee, Women's Stars&Stripes tank, and LiberTee Stars &Stripes Label. Each group consists of a product image, name, and price point.", "region_id": "6826", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'stars&stripes collection'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'CSAR Aircraft Flag Hat, Stars&Stripes tee, Womens Stars&Stripes tank, LiberTee Stars &Stripes Label'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 3 108 6 | \" [ image 5 12 26 26 | text 5 44 9 2 | title 5 41 26 2 ] | [ image 33 12 26 26 | text 33 44 15 2 | title 33 41 26 2 ] | [ image 60 12 26 26 | text 60 44 9 2 | title 60 41 26 2 ] | [ image 87 12 26 26 | text 87 44 15 2 | title 87 41 26 2 ] \"", "layout_seq_without_completion": "title 5 3 108 6 | \" [ image 5 12 26 26 | text 5 44 9 2 | title 5 41 26 2 ] | [ image 33 12 26 26 | text 33 44 15 2 | title 33 41 26 2 ] | [ image 60 12 26 26 | text 60 44 9 2 | title 60 41 26 2 ] | [ image 87 12 26 26 | text 87 44 15 2 | title 87 41 26 2 ] \"", "plain_layout_seq": "image 5 12 26 26 | image 33 12 26 26 | image 60 12 26 26 | image 87 12 26 26 | text 5 44 9 2 | text 33 44 15 2 | text 60 44 9 2 | text 87 44 15 2 | title 5 3 108 6 | title 5 41 26 2 | title 33 41 26 2 | title 60 41 26 2 | title 87 41 26 2", "canvas_width": 1024, "canvas_height": 453, "elements": [ { "type": "title", "position": [ 50, 28, 924, 52 ], "completed": false }, { "type": "image", "position": [ 50, 110, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 110, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 110, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 110, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 351, 225, 18 ], "completed": false }, { "type": "title", "position": [ 283, 351, 225, 18 ], "completed": false }, { "type": "title", "position": [ 516, 351, 225, 18 ], "completed": false }, { "type": "title", "position": [ 749, 351, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 377, 85, 21 ], "completed": false }, { "type": "text", "position": [ 283, 377, 128, 21 ], "completed": false }, { "type": "text", "position": [ 516, 377, 85, 21 ], "completed": false }, { "type": "text", "position": [ 749, 377, 128, 21 ], "completed": false } ] }, { "text": "# A page for the user to find rentals. # There should be a title \"Find Your Next Home\", a slogan, and three groups of information sets: Luxury Rentals, Pet-Friendly Rentals, and Two-Bedroom Rentals. Each group should have an image, a title, a further description, and a link for the user to find the rentals they want.", "region_id": "5081", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'find your next home'] ] [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'luxury rentals, pet-friendly rentals,two-bedroom rentals'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'find out the rentals']] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 13 120 4 | title 0 3 120 6 | \" [ description 1 56 36 15 | image 1 22 36 23 | link 1 72 18 2 | title 1 49 21 3 ] | [ description 41 53 36 18 | image 41 22 36 23 | link 41 72 27 2 | title 41 49 29 3 ] | [ description 82 53 36 18 | image 82 22 36 23 | link 82 72 27 2 | title 82 49 31 3 ] \"", "layout_seq_without_completion": "title 0 13 120 4 | title 0 3 120 6 | \" [ description 1 56 36 15 | image 1 22 36 23 | link 1 72 18 2 | title 1 49 21 3 ] | [ description 41 53 36 18 | image 41 22 36 23 | link 41 72 27 2 | title 41 49 29 3 ] | [ description 82 53 36 18 | image 82 22 36 23 | link 82 72 27 2 | title 82 49 31 3 ] \"", "plain_layout_seq": "description 1 56 36 15 | description 41 53 36 18 | description 82 53 36 18 | image 1 22 36 23 | image 41 22 36 23 | image 82 22 36 23 | link 1 72 18 2 | link 41 72 27 2 | link 82 72 27 2 | title 0 13 120 4 | title 0 3 120 6 | title 1 49 21 3 | title 41 49 29 3 | title 82 49 31 3", "canvas_width": 976, "canvas_height": 659, "elements": [ { "type": "title", "position": [ 0, 32, 976, 52 ], "completed": false }, { "type": "title", "position": [ 0, 108, 976, 34 ], "completed": false }, { "type": "image", "position": [ 16, 182, 293, 188 ], "completed": false }, { "type": "image", "position": [ 341, 182, 293, 188 ], "completed": false }, { "type": "image", "position": [ 667, 182, 293, 188 ], "completed": false }, { "type": "title", "position": [ 16, 404, 173, 30 ], "completed": false }, { "type": "title", "position": [ 341, 404, 236, 30 ], "completed": false }, { "type": "title", "position": [ 667, 404, 257, 30 ], "completed": false }, { "type": "description", "position": [ 341, 435, 293, 152 ], "completed": false }, { "type": "description", "position": [ 667, 435, 293, 152 ], "completed": false }, { "type": "description", "position": [ 16, 459, 293, 128 ], "completed": false }, { "type": "link", "position": [ 16, 590, 148, 17 ], "completed": false }, { "type": "link", "position": [ 341, 590, 220, 17 ], "completed": false }, { "type": "link", "position": [ 667, 590, 223, 17 ], "completed": false } ] }, { "text": "#A page for showing the sound jump wireless speaker.# The page should have a title, a button for users to click to see all products, and 3 images to show the appearance of 3 products.", "region_id": "8005", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:button [attr:value 'see all products'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 56 9 6 2 | title 40 5 39 2 | \" [ image 13 14 45 35 ] | [ image 61 14 45 35 ] | [ image 37 52 45 35 ] \"", "layout_seq_without_completion": "button 56 9 6 2 | title 40 5 39 2 | \" [ image 13 14 45 35 ] | [ image 61 14 45 35 ] | [ image 37 52 45 35 ] \"", "plain_layout_seq": "button 56 9 6 2 | image 13 14 45 35 | image 61 14 45 35 | image 37 52 45 35 | title 40 5 39 2", "canvas_width": 1009, "canvas_height": 791, "elements": [ { "type": "title", "position": [ 341, 49, 328, 20 ], "completed": false }, { "type": "button", "position": [ 479, 76, 51, 17 ], "completed": false }, { "type": "image", "position": [ 114, 121, 380, 300 ], "completed": false }, { "type": "image", "position": [ 515, 121, 380, 300 ], "completed": false }, { "type": "image", "position": [ 315, 441, 380, 300 ], "completed": false } ] }, { "text": "#A page showing the links of a website such as \"Event\". # There are five small text boxes, which are five separate links for different categories of information, showing these links.", "region_id": "2251_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:link [attr:repeat'5'] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "layout_seq_without_completion": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "plain_layout_seq": "link 7 4 31 2 | link 77 2 31 2 | link 7 2 31 2 | link 42 2 31 2 | link 42 4 31 2", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "link", "position": [ 60, 18, 271, 20 ], "completed": false }, { "type": "link", "position": [ 361, 18, 271, 20 ], "completed": false }, { "type": "link", "position": [ 663, 18, 271, 22 ], "completed": false }, { "type": "link", "position": [ 60, 38, 271, 22 ], "completed": false }, { "type": "link", "position": [ 361, 38, 271, 22 ], "completed": false } ] }, { "text": "#A page for introducing a company.# The page should have 2 texts to introduce the pros of a company, a button for users to click to see all connectors, and 9 groups while each group has one logo and a text to show the logo and name of the connected companies.", "region_id": "4415", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description [attr:repeat '2'] ] [el:button[attr:value 'see all connectors'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:logo] [el:text] ] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | description undefined undefined | { [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 10 63 28 3 | description 10 50 48 9 | description 10 7 48 37 | complete image 63 9 15 15 | complete image 79 9 15 15 | complete image 95 9 15 15 | complete image 63 43 15 15 | complete image 63 26 15 15 | complete image 79 26 15 15 | complete image 95 26 15 15 | complete image 79 43 15 15 | complete image 95 43 15 15 | logo 66 26 10 10 | logo 98 9 10 10 | logo 66 9 10 10 | logo 82 43 10 10 | logo 82 9 10 10 | logo 82 26 10 10 | logo 98 26 10 10 | logo 66 43 10 10 | logo 98 43 10 10 | text 79 20 15 2 | text 79 54 15 2 | text 63 37 15 2 | text 79 37 15 2 | text 95 37 15 2 | text 63 20 15 2 | text 95 20 15 2 | text 95 54 15 2 | text 63 54 15 2", "layout_seq_without_completion": "button 10 63 28 3 | description 10 50 48 9 | description 10 7 48 37 | image 63 9 15 15 | image 79 9 15 15 | image 95 9 15 15 | image 63 43 15 15 | image 63 26 15 15 | image 79 26 15 15 | image 95 26 15 15 | image 79 43 15 15 | image 95 43 15 15 | logo 66 26 10 10 | logo 98 9 10 10 | logo 66 9 10 10 | logo 82 43 10 10 | logo 82 9 10 10 | logo 82 26 10 10 | logo 98 26 10 10 | logo 66 43 10 10 | logo 98 43 10 10 | text 79 20 15 2 | text 79 54 15 2 | text 63 37 15 2 | text 79 37 15 2 | text 95 37 15 2 | text 63 20 15 2 | text 95 20 15 2 | text 95 54 15 2 | text 63 54 15 2", "plain_layout_seq": "button 10 63 28 3 | description 10 50 48 9 | description 10 7 48 37 | image 63 9 15 15 | image 79 9 15 15 | image 95 9 15 15 | image 63 43 15 15 | image 63 26 15 15 | image 79 26 15 15 | image 95 26 15 15 | image 79 43 15 15 | image 95 43 15 15 | logo 66 26 10 10 | logo 98 9 10 10 | logo 66 9 10 10 | logo 82 43 10 10 | logo 82 9 10 10 | logo 82 26 10 10 | logo 98 26 10 10 | logo 66 43 10 10 | logo 98 43 10 10 | text 79 20 15 2 | text 79 54 15 2 | text 63 37 15 2 | text 79 37 15 2 | text 95 37 15 2 | text 63 20 15 2 | text 95 20 15 2 | text 95 54 15 2 | text 63 54 15 2", "canvas_width": 1179, "canvas_height": 711, "elements": [ { "type": "description", "position": [ 99, 76, 476, 369 ], "completed": false }, { "type": "image", "position": [ 620, 96, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 650, 96, 100, 100 ], "completed": false }, { "type": "image", "position": [ 778, 96, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 808, 96, 100, 100 ], "completed": false }, { "type": "image", "position": [ 936, 96, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 966, 96, 100, 100 ], "completed": false }, { "type": "text", "position": [ 620, 206, 150, 22 ], "completed": false }, { "type": "text", "position": [ 778, 206, 150, 22 ], "completed": false }, { "type": "text", "position": [ 936, 206, 150, 22 ], "completed": false }, { "type": "image", "position": [ 620, 260, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 650, 260, 100, 100 ], "completed": false }, { "type": "image", "position": [ 778, 260, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 808, 260, 100, 100 ], "completed": false }, { "type": "image", "position": [ 936, 260, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 966, 260, 100, 100 ], "completed": false }, { "type": "text", "position": [ 620, 370, 150, 22 ], "completed": false }, { "type": "text", "position": [ 778, 370, 150, 22 ], "completed": false }, { "type": "text", "position": [ 936, 370, 150, 22 ], "completed": false }, { "type": "image", "position": [ 620, 424, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 650, 424, 100, 100 ], "completed": false }, { "type": "image", "position": [ 778, 424, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 808, 424, 100, 100 ], "completed": false }, { "type": "image", "position": [ 936, 424, 150, 150 ], "completed": true }, { "type": "logo", "position": [ 966, 424, 100, 100 ], "completed": false }, { "type": "description", "position": [ 99, 494, 476, 94 ], "completed": false }, { "type": "text", "position": [ 620, 534, 150, 22 ], "completed": false }, { "type": "text", "position": [ 778, 534, 150, 22 ], "completed": false }, { "type": "text", "position": [ 936, 534, 150, 22 ], "completed": false }, { "type": "button", "position": [ 99, 619, 282, 37 ], "completed": false } ] }, { "text": "# A page showing eight categories of items. # The page should have eight groups: \"Grils\" \"Boys\" \"Nursery\" \"Height Charts\" \"Animals\" \"Boats/Sea/Fish\" \"Older Kids\" and \"Trees\". Each group should have an image with a title on it.", "region_id": "7560", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [gattr:names 'Grils, Boys, Nursery, Height Charts, Animals, Boats/Sea/Fish,Older Kids,Trees'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 1 26 28 | image 31 1 26 28 | image 1 33 26 28 | image 61 1 26 28 | image 91 1 26 28 | image 31 34 26 28 | image 61 34 26 28 | image 91 34 26 28 | title 31 13 26 5 | title 1 13 26 5 | title 61 13 26 5 | title 61 46 26 5 | title 91 13 26 5 | title 1 45 26 5 | title 31 46 26 5 | title 91 46 26 5", "layout_seq_without_completion": "image 1 1 26 28 | image 31 1 26 28 | image 1 33 26 28 | image 61 1 26 28 | image 91 1 26 28 | image 31 34 26 28 | image 61 34 26 28 | image 91 34 26 28 | title 31 13 26 5 | title 1 13 26 5 | title 61 13 26 5 | title 61 46 26 5 | title 91 13 26 5 | title 1 45 26 5 | title 31 46 26 5 | title 91 46 26 5", "plain_layout_seq": "image 1 1 26 28 | image 31 1 26 28 | image 1 33 26 28 | image 61 1 26 28 | image 91 1 26 28 | image 31 34 26 28 | image 61 34 26 28 | image 91 34 26 28 | title 31 13 26 5 | title 1 13 26 5 | title 61 13 26 5 | title 61 46 26 5 | title 91 13 26 5 | title 1 45 26 5 | title 31 46 26 5 | title 91 46 26 5", "canvas_width": 992, "canvas_height": 559, "elements": [ { "type": "image", "position": [ 14, 14, 220, 237 ], "completed": false }, { "type": "image", "position": [ 262, 14, 220, 237 ], "completed": false }, { "type": "image", "position": [ 510, 14, 220, 237 ], "completed": false }, { "type": "image", "position": [ 758, 14, 220, 237 ], "completed": false }, { "type": "title", "position": [ 14, 112, 220, 44 ], "completed": false }, { "type": "title", "position": [ 262, 112, 220, 44 ], "completed": false }, { "type": "title", "position": [ 510, 112, 220, 44 ], "completed": false }, { "type": "title", "position": [ 758, 112, 220, 44 ], "completed": false }, { "type": "image", "position": [ 14, 279, 220, 237 ], "completed": false }, { "type": "image", "position": [ 262, 284, 220, 237 ], "completed": false }, { "type": "image", "position": [ 510, 285, 220, 237 ], "completed": false }, { "type": "image", "position": [ 758, 285, 220, 237 ], "completed": false }, { "type": "title", "position": [ 14, 376, 220, 44 ], "completed": false }, { "type": "title", "position": [ 262, 382, 220, 44 ], "completed": false }, { "type": "title", "position": [ 510, 382, 220, 44 ], "completed": false }, { "type": "title", "position": [ 758, 382, 220, 44 ], "completed": false } ] }, { "text": "#A page for introducing one company to users.# The page should include three parts of the content. Each part contains an image, one title, and a brief description.", "region_id": "1356", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 33 35 9 | description 41 33 35 9 | description 80 33 35 9 | image 2 6 36 20 | image 41 6 36 20 | image 80 6 36 20 | complete title 2 0 115 3 | title 2 29 36 3 | title 41 29 36 3 | title 80 29 36 3", "layout_seq_without_completion": "description 2 33 35 9 | description 41 33 35 9 | description 80 33 35 9 | image 2 6 36 20 | image 41 6 36 20 | image 80 6 36 20 | title 2 0 115 3 | title 2 29 36 3 | title 41 29 36 3 | title 80 29 36 3", "plain_layout_seq": "description 2 33 35 9 | description 41 33 35 9 | description 80 33 35 9 | image 2 6 36 20 | image 41 6 36 20 | image 80 6 36 20 | title 2 0 115 3 | title 2 29 36 3 | title 41 29 36 3 | title 80 29 36 3", "canvas_width": 1024, "canvas_height": 414, "elements": [ { "type": "title", "position": [ 20, 0, 984, 29 ], "completed": true }, { "type": "image", "position": [ 20, 55, 315, 177 ], "completed": false }, { "type": "image", "position": [ 355, 55, 315, 177 ], "completed": false }, { "type": "image", "position": [ 689, 55, 315, 177 ], "completed": false }, { "type": "title", "position": [ 20, 248, 315, 29 ], "completed": false }, { "type": "title", "position": [ 355, 248, 315, 29 ], "completed": false }, { "type": "title", "position": [ 689, 248, 315, 29 ], "completed": false }, { "type": "description", "position": [ 20, 286, 300, 79 ], "completed": false }, { "type": "description", "position": [ 355, 286, 305, 79 ], "completed": false }, { "type": "description", "position": [ 689, 286, 300, 79 ], "completed": false } ] }, { "text": "#A page for showing users different types of collections of a company.# Under a title named \"OUR COLLECTIONS\", there are four lists on the page. Each list has one background and a name of the type.", "region_id": "8348", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our collections'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 6 15 24 24 | background 34 15 24 24 | background 61 15 24 24 | background 89 15 24 24 | title 34 25 24 4 | title 61 25 24 4 | title 6 23 24 7 | title 89 23 24 7 | title 6 6 107 3", "layout_seq_without_completion": "background 6 15 24 24 | background 34 15 24 24 | background 61 15 24 24 | background 89 15 24 24 | title 34 25 24 4 | title 61 25 24 4 | title 6 23 24 7 | title 89 23 24 7 | title 6 6 107 3", "plain_layout_seq": "background 6 15 24 24 | background 34 15 24 24 | background 61 15 24 24 | background 89 15 24 24 | title 34 25 24 4 | title 61 25 24 4 | title 6 23 24 7 | title 89 23 24 7 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 55, 53, 914, 28 ], "completed": false }, { "type": "background", "position": [ 55, 134, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 134, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 134, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 134, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 203, 206, 67 ], "completed": false }, { "type": "title", "position": [ 763, 203, 206, 67 ], "completed": false }, { "type": "title", "position": [ 291, 219, 206, 36 ], "completed": false }, { "type": "title", "position": [ 527, 219, 206, 36 ], "completed": false } ] }, { "text": "#A page to introduce the BuddyBoss app.# There is a title and a big image on the page. Under the image, there are six small pictures. Each picture has a title under it.", "region_id": "4476", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:image [attr:size 'large'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : image undefined large | title undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 2 42 17 12 | image 22 42 17 12 | image 41 42 17 12 | image 80 42 17 12 | image 99 42 17 12 | image 2 6 114 34 | image 60 42 17 12 | title 22 55 17 2 | title 80 55 17 2 | title 41 55 17 2 | title 99 55 17 2 | title 4 0 112 4 | title 2 55 17 2 | title 60 55 17 2", "layout_seq_without_completion": "image 2 42 17 12 | image 22 42 17 12 | image 41 42 17 12 | image 80 42 17 12 | image 99 42 17 12 | image 2 6 114 34 | image 60 42 17 12 | title 22 55 17 2 | title 80 55 17 2 | title 41 55 17 2 | title 99 55 17 2 | title 4 0 112 4 | title 2 55 17 2 | title 60 55 17 2", "plain_layout_seq": "image 2 42 17 12 | image 22 42 17 12 | image 41 42 17 12 | image 80 42 17 12 | image 99 42 17 12 | image 2 6 114 34 | image 60 42 17 12 | title 22 55 17 2 | title 80 55 17 2 | title 41 55 17 2 | title 99 55 17 2 | title 4 0 112 4 | title 2 55 17 2 | title 60 55 17 2", "canvas_width": 980, "canvas_height": 476, "elements": [ { "type": "title", "position": [ 37, 2, 922, 36 ], "completed": false }, { "type": "image", "position": [ 22, 53, 936, 280 ], "completed": false }, { "type": "image", "position": [ 22, 343, 140, 103 ], "completed": false }, { "type": "image", "position": [ 180, 343, 140, 103 ], "completed": false }, { "type": "image", "position": [ 339, 343, 140, 103 ], "completed": false }, { "type": "image", "position": [ 498, 343, 140, 103 ], "completed": false }, { "type": "image", "position": [ 656, 343, 140, 103 ], "completed": false }, { "type": "image", "position": [ 815, 343, 140, 103 ], "completed": false }, { "type": "title", "position": [ 22, 456, 140, 20 ], "completed": false }, { "type": "title", "position": [ 180, 456, 140, 20 ], "completed": false }, { "type": "title", "position": [ 339, 456, 140, 20 ], "completed": false }, { "type": "title", "position": [ 498, 456, 140, 20 ], "completed": false }, { "type": "title", "position": [ 656, 456, 140, 20 ], "completed": false }, { "type": "title", "position": [ 815, 456, 140, 20 ], "completed": false } ] }, { "text": "#A page for showing the study of outcome about hinge health.# The page should have one title, and two groups of information. Each should include one short introduction of a study and one link underneath for users to click to read the study and the outcome.", "region_id": "1412_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'2'] [item [el:description [attr:size'small'] ] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | link undefined undefined ] | [ description undefined small | link undefined undefined ] }", "layout_seq_with_completion": "title 4 8 111 5 | \" [ description 8 25 41 21 | complete image 0 19 58 35 | link 8 46 41 2 ] | [ description 69 25 41 16 | complete image 61 19 58 35 | link 69 46 41 2 ] \"", "layout_seq_without_completion": "title 4 8 111 5 | \" [ description 8 25 41 21 | image 0 19 58 35 | link 8 46 41 2 ] | [ description 69 25 41 16 | image 61 19 58 35 | link 69 46 41 2 ] \"", "plain_layout_seq": "description 8 25 41 21 | description 69 25 41 16 | image 0 19 58 35 | image 61 19 58 35 | link 8 46 41 2 | link 69 46 41 2 | title 4 8 111 5", "canvas_width": 1003, "canvas_height": 540, "elements": [ { "type": "title", "position": [ 36, 73, 930, 43 ], "completed": false }, { "type": "image", "position": [ 0, 165, 492, 300 ], "completed": true }, { "type": "image", "position": [ 512, 165, 491, 300 ], "completed": true }, { "type": "description", "position": [ 74, 215, 344, 176 ], "completed": false }, { "type": "description", "position": [ 585, 215, 344, 137 ], "completed": false }, { "type": "link", "position": [ 74, 391, 344, 24 ], "completed": false }, { "type": "link", "position": [ 585, 391, 344, 24 ], "completed": false } ] }, { "text": "# A page showing the FAQs about Dream 11. # The page should have the title \"FAQs\" on the top. Then 11 sets of text buttons are needed to show the question and the user can click the buttons to read the answer to the question.", "region_id": "1111", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'faqs'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'11'] [item [el:button] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 5 | \" [ button 28 10 63 5 ] | [ button 28 17 63 5 ] | [ button 28 25 63 5 ] | [ button 28 32 63 5 ] | [ button 28 40 63 5 ] | [ button 28 47 63 5 ] | [ button 28 55 63 5 ] | [ button 28 62 63 5 ] | [ button 28 70 63 5 ] | [ button 28 77 63 5 ] | [ button 28 85 63 5 ] \"", "layout_seq_without_completion": "title 0 2 120 5 | \" [ button 28 10 63 5 ] | [ button 28 17 63 5 ] | [ button 28 25 63 5 ] | [ button 28 32 63 5 ] | [ button 28 40 63 5 ] | [ button 28 47 63 5 ] | [ button 28 55 63 5 ] | [ button 28 62 63 5 ] | [ button 28 70 63 5 ] | [ button 28 77 63 5 ] | [ button 28 85 63 5 ] \"", "plain_layout_seq": "button 28 10 63 5 | button 28 17 63 5 | button 28 25 63 5 | button 28 32 63 5 | button 28 40 63 5 | button 28 47 63 5 | button 28 55 63 5 | button 28 62 63 5 | button 28 70 63 5 | button 28 77 63 5 | button 28 85 63 5 | title 0 2 120 5", "canvas_width": 1024, "canvas_height": 805, "elements": [ { "type": "title", "position": [ 0, 20, 1024, 47 ], "completed": false }, { "type": "button", "position": [ 243, 88, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 152, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 216, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 280, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 344, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 408, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 472, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 536, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 600, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 664, 538, 46 ], "completed": false }, { "type": "button", "position": [ 243, 728, 538, 46 ], "completed": false } ] }, { "text": "# A page showing the category of the goods in an online shop. # The page should contain three groups: \"Tweed\" \"Leather\" and \"Made With Liberty With Fabric\", each including a related image and a title for the category of the goods, so the user can shop according to the category to purchase the goods they want.", "region_id": "6716", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Tweed, Leather, Made With Liberty With Fabric'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 6 39 55 | image 39 6 39 55 | image 80 6 39 55 | title 0 32 39 3 | title 39 32 39 3 | title 80 32 39 3", "layout_seq_without_completion": "image 0 6 39 55 | image 39 6 39 55 | image 80 6 39 55 | title 0 32 39 3 | title 39 32 39 3 | title 80 32 39 3", "plain_layout_seq": "image 0 6 39 55 | image 39 6 39 55 | image 80 6 39 55 | title 0 32 39 3 | title 39 32 39 3 | title 80 32 39 3", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "image", "position": [ 0, 55, 341, 475 ], "completed": false }, { "type": "image", "position": [ 341, 55, 341, 475 ], "completed": false }, { "type": "image", "position": [ 683, 55, 341, 475 ], "completed": false }, { "type": "title", "position": [ 0, 276, 341, 32 ], "completed": false }, { "type": "title", "position": [ 341, 276, 341, 32 ], "completed": false }, { "type": "title", "position": [ 683, 276, 341, 32 ], "completed": false } ] }, { "text": "# A page for showing the Instagram gallery.# The page should have the title \"Instagram Gallery\" and 12 groups. In each group, there should have an image with an icon for the user to give a like and a figure showing the likes it gains.", "region_id": "6780", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'instagram gallery'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:icon [attr:value 'give a like']] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 2 | \" [ icon 12 21 1 1 | image 0 5 19 19 | text 15 20 1 2 ] | [ icon 32 21 1 1 | image 20 5 19 19 | text 35 20 1 2 ] | [ icon 52 21 1 1 | image 40 5 19 19 | text 55 20 1 2 ] | [ icon 73 21 1 1 | image 60 5 19 19 | text 76 20 0 2 ] | [ icon 92 21 1 1 | image 80 5 19 19 | text 95 20 1 2 ] | [ icon 113 21 1 1 | image 100 5 19 19 | text 115 20 1 2 ] | [ icon 12 41 1 1 | image 0 25 19 19 | text 15 40 1 2 ] | [ icon 32 41 1 1 | image 20 25 19 19 | text 35 40 1 2 ] | [ icon 52 41 1 1 | image 40 25 19 19 | text 55 40 1 2 ] | [ icon 72 41 1 1 | image 60 25 19 19 | text 75 40 1 2 ] | [ icon 92 41 1 1 | image 80 25 19 19 | text 95 40 1 2 ] | [ icon 113 41 1 1 | image 100 25 19 19 | text 115 40 1 2 ] \"", "layout_seq_without_completion": "title 0 0 120 2 | \" [ icon 12 21 1 1 | image 0 5 19 19 | text 15 20 1 2 ] | [ icon 32 21 1 1 | image 20 5 19 19 | text 35 20 1 2 ] | [ icon 52 21 1 1 | image 40 5 19 19 | text 55 20 1 2 ] | [ icon 73 21 1 1 | image 60 5 19 19 | text 76 20 0 2 ] | [ icon 92 21 1 1 | image 80 5 19 19 | text 95 20 1 2 ] | [ icon 113 21 1 1 | image 100 5 19 19 | text 115 20 1 2 ] | [ icon 12 41 1 1 | image 0 25 19 19 | text 15 40 1 2 ] | [ icon 32 41 1 1 | image 20 25 19 19 | text 35 40 1 2 ] | [ icon 52 41 1 1 | image 40 25 19 19 | text 55 40 1 2 ] | [ icon 72 41 1 1 | image 60 25 19 19 | text 75 40 1 2 ] | [ icon 92 41 1 1 | image 80 25 19 19 | text 95 40 1 2 ] | [ icon 113 41 1 1 | image 100 25 19 19 | text 115 40 1 2 ] \"", "plain_layout_seq": "icon 12 21 1 1 | icon 32 21 1 1 | icon 52 21 1 1 | icon 73 21 1 1 | icon 92 21 1 1 | icon 113 21 1 1 | icon 12 41 1 1 | icon 32 41 1 1 | icon 52 41 1 1 | icon 72 41 1 1 | icon 92 41 1 1 | icon 113 41 1 1 | image 0 5 19 19 | image 20 5 19 19 | image 40 5 19 19 | image 60 5 19 19 | image 80 5 19 19 | image 100 5 19 19 | image 0 25 19 19 | image 20 25 19 19 | image 40 25 19 19 | image 60 25 19 19 | image 80 25 19 19 | image 100 25 19 19 | text 15 20 1 2 | text 35 20 1 2 | text 55 20 1 2 | text 76 20 0 2 | text 95 20 1 2 | text 115 20 1 2 | text 15 40 1 2 | text 35 40 1 2 | text 55 40 1 2 | text 75 40 1 2 | text 95 40 1 2 | text 115 40 1 2 | title 0 0 120 2", "canvas_width": 964, "canvas_height": 364, "elements": [ { "type": "title", "position": [ 0, 0, 964, 24 ], "completed": false }, { "type": "image", "position": [ 0, 44, 157, 157 ], "completed": false }, { "type": "image", "position": [ 161, 44, 157, 157 ], "completed": false }, { "type": "image", "position": [ 323, 44, 157, 157 ], "completed": false }, { "type": "image", "position": [ 484, 44, 157, 157 ], "completed": false }, { "type": "image", "position": [ 645, 44, 157, 157 ], "completed": false }, { "type": "image", "position": [ 807, 44, 157, 157 ], "completed": false }, { "type": "text", "position": [ 121, 165, 16, 22 ], "completed": false }, { "type": "text", "position": [ 283, 165, 16, 22 ], "completed": false }, { "type": "text", "position": [ 444, 165, 16, 22 ], "completed": false }, { "type": "text", "position": [ 613, 165, 8, 22 ], "completed": false }, { "type": "text", "position": [ 767, 165, 16, 22 ], "completed": false }, { "type": "text", "position": [ 928, 165, 16, 22 ], "completed": false }, { "type": "icon", "position": [ 101, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 263, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 424, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 593, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 747, 169, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 908, 169, 16, 16 ], "completed": false }, { "type": "image", "position": [ 0, 206, 157, 157 ], "completed": false }, { "type": "image", "position": [ 161, 206, 157, 157 ], "completed": false }, { "type": "image", "position": [ 323, 206, 157, 157 ], "completed": false }, { "type": "image", "position": [ 484, 206, 157, 157 ], "completed": false }, { "type": "image", "position": [ 645, 206, 157, 157 ], "completed": false }, { "type": "image", "position": [ 807, 206, 157, 157 ], "completed": false }, { "type": "text", "position": [ 121, 327, 16, 22 ], "completed": false }, { "type": "text", "position": [ 283, 327, 16, 22 ], "completed": false }, { "type": "text", "position": [ 444, 327, 16, 22 ], "completed": false }, { "type": "text", "position": [ 605, 327, 16, 22 ], "completed": false }, { "type": "text", "position": [ 767, 327, 16, 22 ], "completed": false }, { "type": "text", "position": [ 928, 327, 16, 22 ], "completed": false }, { "type": "icon", "position": [ 101, 330, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 263, 330, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 424, 330, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 585, 330, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 747, 330, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 908, 330, 16, 16 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company. # The page should have two groups, with each having a title, an image of the company's expert, a brief introduction to the expert, and a button \"LEARN MORE\" for the user to click for more info.", "region_id": "4212", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:image] [el:description [attr:size 'small'] ] [el:button [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete image 60 0 59 48 | complete image 0 0 59 48 | \" [ button 37 23 16 5 | description 28 31 25 6 | image 0 13 25 34 | title 0 4 53 6 ] | [ button 66 23 16 5 | description 66 31 26 6 | image 97 13 22 34 | title 66 4 53 6 ] \"", "layout_seq_without_completion": "image 60 0 59 48 | image 0 0 59 48 | \" [ button 37 23 16 5 | description 28 31 25 6 | image 0 13 25 34 | title 0 4 53 6 ] | [ button 66 23 16 5 | description 66 31 26 6 | image 97 13 22 34 | title 66 4 53 6 ] \"", "plain_layout_seq": "button 37 23 16 5 | button 66 23 16 5 | description 28 31 25 6 | description 66 31 26 6 | image 60 0 59 48 | image 0 0 59 48 | image 0 13 25 34 | image 97 13 22 34 | title 0 4 53 6 | title 66 4 53 6", "canvas_width": 1055, "canvas_height": 426, "elements": [ { "type": "image", "position": [ 1, 1, 525, 424 ], "completed": true }, { "type": "image", "position": [ 529, 1, 525, 424 ], "completed": true }, { "type": "title", "position": [ 4, 38, 469, 56 ], "completed": false }, { "type": "title", "position": [ 583, 38, 469, 56 ], "completed": false }, { "type": "image", "position": [ 4, 122, 225, 300 ], "completed": false }, { "type": "image", "position": [ 854, 122, 197, 300 ], "completed": false }, { "type": "button", "position": [ 328, 209, 145, 46 ], "completed": false }, { "type": "button", "position": [ 583, 209, 144, 46 ], "completed": false }, { "type": "description", "position": [ 250, 279, 223, 60 ], "completed": false }, { "type": "description", "position": [ 583, 279, 232, 60 ], "completed": false } ] }, { "text": "#A page for showing some pics.# There should be six info groups and each of them includes one icon and one label showing the pic's name.", "region_id": "1103", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 1 4 10 10 | complete image 0 0 17 24 | title 0 17 17 3 ] | [ icon 22 6 10 10 | complete image 18 0 19 24 | title 22 17 10 3 ] | [ icon 44 4 10 10 | complete image 39 0 19 24 | title 39 17 19 3 ] | [ icon 65 4 10 10 | complete image 60 0 19 24 | title 60 17 19 3 ] | [ icon 86 4 10 10 | complete image 81 0 19 24 | title 81 17 19 3 ] | [ icon 107 4 10 10 | complete image 102 0 17 24 | title 102 17 17 3 ] \"", "layout_seq_without_completion": "\" [ icon 1 4 10 10 | image 0 0 17 24 | title 0 17 17 3 ] | [ icon 22 6 10 10 | image 18 0 19 24 | title 22 17 10 3 ] | [ icon 44 4 10 10 | image 39 0 19 24 | title 39 17 19 3 ] | [ icon 65 4 10 10 | image 60 0 19 24 | title 60 17 19 3 ] | [ icon 86 4 10 10 | image 81 0 19 24 | title 81 17 19 3 ] | [ icon 107 4 10 10 | image 102 0 17 24 | title 102 17 17 3 ] \"", "plain_layout_seq": "icon 1 4 10 10 | icon 22 6 10 10 | icon 44 4 10 10 | icon 65 4 10 10 | icon 86 4 10 10 | icon 107 4 10 10 | image 0 0 17 24 | image 18 0 19 24 | image 39 0 19 24 | image 60 0 19 24 | image 81 0 19 24 | image 102 0 17 24 | title 0 17 17 3 | title 22 17 10 3 | title 39 17 19 3 | title 60 17 19 3 | title 81 17 19 3 | title 102 17 17 3", "canvas_width": 930, "canvas_height": 198, "elements": [ { "type": "image", "position": [ 0, 5, 134, 188 ], "completed": true }, { "type": "image", "position": [ 144, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 307, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 470, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 633, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 796, 5, 134, 188 ], "completed": true }, { "type": "icon", "position": [ 15, 37, 85, 85 ], "completed": false }, { "type": "icon", "position": [ 341, 37, 85, 85 ], "completed": false }, { "type": "icon", "position": [ 504, 37, 85, 85 ], "completed": false }, { "type": "icon", "position": [ 667, 37, 85, 85 ], "completed": false }, { "type": "icon", "position": [ 830, 37, 85, 85 ], "completed": false }, { "type": "icon", "position": [ 178, 47, 85, 85 ], "completed": false }, { "type": "title", "position": [ 0, 132, 133, 30 ], "completed": false }, { "type": "title", "position": [ 178, 132, 85, 30 ], "completed": false }, { "type": "title", "position": [ 308, 132, 151, 30 ], "completed": false }, { "type": "title", "position": [ 471, 132, 151, 30 ], "completed": false }, { "type": "title", "position": [ 634, 132, 151, 30 ], "completed": false }, { "type": "title", "position": [ 798, 132, 132, 30 ], "completed": false } ] }, { "text": "#A page for showing some pics.# There should be six texts and each of them includes one pic and one text box showing the pic's name.", "region_id": "1103_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 4 10 10 | complete image 0 0 17 24 | text 0 17 17 3 ] | [ image 22 6 10 10 | complete image 18 0 19 24 | text 22 17 10 3 ] | [ image 44 4 10 10 | complete image 39 0 19 24 | text 39 17 19 3 ] | [ complete image 60 0 19 24 | image 65 4 10 10 | text 60 17 19 3 ] | [ image 86 4 10 10 | complete image 81 0 19 24 | text 81 17 19 3 ] | [ complete image 102 0 17 24 | image 107 4 10 10 | text 102 17 17 3 ] \"", "layout_seq_without_completion": "\" [ image 1 4 10 10 | image 0 0 17 24 | text 0 17 17 3 ] | [ image 22 6 10 10 | image 18 0 19 24 | text 22 17 10 3 ] | [ image 44 4 10 10 | image 39 0 19 24 | text 39 17 19 3 ] | [ image 60 0 19 24 | image 65 4 10 10 | text 60 17 19 3 ] | [ image 86 4 10 10 | image 81 0 19 24 | text 81 17 19 3 ] | [ image 102 0 17 24 | image 107 4 10 10 | text 102 17 17 3 ] \"", "plain_layout_seq": "image 1 4 10 10 | image 0 0 17 24 | image 22 6 10 10 | image 18 0 19 24 | image 44 4 10 10 | image 39 0 19 24 | image 60 0 19 24 | image 65 4 10 10 | image 86 4 10 10 | image 81 0 19 24 | image 102 0 17 24 | image 107 4 10 10 | text 0 17 17 3 | text 22 17 10 3 | text 39 17 19 3 | text 60 17 19 3 | text 81 17 19 3 | text 102 17 17 3", "canvas_width": 930, "canvas_height": 198, "elements": [ { "type": "image", "position": [ 0, 5, 134, 188 ], "completed": true }, { "type": "image", "position": [ 144, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 307, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 470, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 633, 5, 153, 188 ], "completed": true }, { "type": "image", "position": [ 796, 5, 134, 188 ], "completed": true }, { "type": "image", "position": [ 15, 37, 85, 85 ], "completed": false }, { "type": "image", "position": [ 341, 37, 85, 85 ], "completed": false }, { "type": "image", "position": [ 504, 37, 85, 85 ], "completed": false }, { "type": "image", "position": [ 667, 37, 85, 85 ], "completed": false }, { "type": "image", "position": [ 830, 37, 85, 85 ], "completed": false }, { "type": "image", "position": [ 178, 47, 85, 85 ], "completed": false }, { "type": "text", "position": [ 0, 132, 133, 30 ], "completed": false }, { "type": "text", "position": [ 178, 132, 85, 30 ], "completed": false }, { "type": "text", "position": [ 308, 132, 151, 30 ], "completed": false }, { "type": "text", "position": [ 471, 132, 151, 30 ], "completed": false }, { "type": "text", "position": [ 634, 132, 151, 30 ], "completed": false }, { "type": "text", "position": [ 798, 132, 132, 30 ], "completed": false } ] }, { "text": "#A page showing famous schools that trust Phidias.# The page should include the title \"The best schools trust Phidias\" and 10 logos of different schools.", "region_id": "5368", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'the best schools trust phidias'] ] [gp:InfoGroup [gattr:repeat '10'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 3 27 18 6 | logo 73 27 18 6 | logo 97 27 18 6 | logo 3 17 18 6 | logo 26 17 18 6 | logo 73 17 18 6 | logo 97 17 18 6 | logo 26 27 18 6 | logo 50 17 18 6 | logo 50 27 18 6 | title 25 7 69 4", "layout_seq_without_completion": "logo 3 27 18 6 | logo 73 27 18 6 | logo 97 27 18 6 | logo 3 17 18 6 | logo 26 17 18 6 | logo 73 17 18 6 | logo 97 17 18 6 | logo 26 27 18 6 | logo 50 17 18 6 | logo 50 27 18 6 | title 25 7 69 4", "plain_layout_seq": "logo 3 27 18 6 | logo 73 27 18 6 | logo 97 27 18 6 | logo 3 17 18 6 | logo 26 17 18 6 | logo 73 17 18 6 | logo 97 17 18 6 | logo 26 27 18 6 | logo 50 17 18 6 | logo 50 27 18 6 | title 25 7 69 4", "canvas_width": 1009, "canvas_height": 349, "elements": [ { "type": "title", "position": [ 213, 67, 582, 35 ], "completed": false }, { "type": "logo", "position": [ 30, 149, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 227, 149, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 425, 149, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 622, 149, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 820, 149, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 30, 230, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 227, 230, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 425, 230, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 622, 230, 159, 53 ], "completed": false }, { "type": "logo", "position": [ 820, 230, 159, 53 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company.# The page should have three groups of information sets: \"Developer Toolkit\" \"Done for you\", and \"24/7 support\" with each having an image, a title, and a further introduction to the service.", "region_id": "2971", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'developer toolkit, done for you, 24/7 support'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 40 28 16 | complete image 0 0 37 61 | image 7 4 21 21 | title 4 29 28 9 ] | [ description 45 35 28 16 | complete image 41 0 37 61 | image 45 4 28 21 | title 45 29 28 4 ] | [ description 86 40 28 16 | complete image 82 0 37 61 | image 89 4 24 21 | title 86 29 28 9 ] \"", "layout_seq_without_completion": "\" [ description 4 40 28 16 | image 0 0 37 61 | image 7 4 21 21 | title 4 29 28 9 ] | [ description 45 35 28 16 | image 41 0 37 61 | image 45 4 28 21 | title 45 29 28 4 ] | [ description 86 40 28 16 | image 82 0 37 61 | image 89 4 24 21 | title 86 29 28 9 ] \"", "plain_layout_seq": "description 4 40 28 16 | description 45 35 28 16 | description 86 40 28 16 | image 0 0 37 61 | image 7 4 21 21 | image 41 0 37 61 | image 45 4 28 21 | image 82 0 37 61 | image 89 4 24 21 | title 4 29 28 9 | title 45 29 28 4 | title 86 29 28 9", "canvas_width": 969, "canvas_height": 495, "elements": [ { "type": "image", "position": [ 0, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 333, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 666, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 64, 35, 175, 175 ], "completed": false }, { "type": "image", "position": [ 368, 35, 233, 175 ], "completed": false }, { "type": "image", "position": [ 719, 35, 197, 175 ], "completed": false }, { "type": "title", "position": [ 35, 235, 233, 80 ], "completed": false }, { "type": "title", "position": [ 368, 235, 233, 40 ], "completed": false }, { "type": "title", "position": [ 701, 235, 233, 80 ], "completed": false }, { "type": "description", "position": [ 368, 290, 233, 130 ], "completed": false }, { "type": "description", "position": [ 35, 330, 233, 130 ], "completed": false }, { "type": "description", "position": [ 701, 330, 233, 130 ], "completed": false } ] }, { "text": "# A page for presenting the properties for auction.# The page should have a title \"You Next Property is a Few Clicks Away.\", a short description, and three groups with each having an image, a title, a short description, and a button \"View Properties\" for the user to learn more info. Also, there should be a set of pagination for the user to view more properties.", "region_id": "4968", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'you next property is a few clicks away.'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'View Properties'] ] ] ] [el:pagination] ]", "execution": "multiinfo : description undefined small | pagination undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 51 67 4 0 | complete button 56 67 4 0 | button 82 57 17 4 | button 13 57 17 4 | button 47 57 17 4 | description 5 9 101 3 | description 7 49 28 4 | description 76 49 28 4 | description 42 49 28 4 | complete image 5 56 32 7 | complete image 40 56 32 7 | complete image 40 17 32 46 | complete image 75 17 32 46 | image 40 17 32 25 | complete image 5 17 32 46 | image 5 17 32 25 | image 75 17 32 25 | complete image 75 56 32 7 | title 5 4 101 4 | title 7 45 28 3 | title 42 45 28 3 | title 76 45 28 3", "layout_seq_without_completion": "button 51 67 4 0 | button 56 67 4 0 | button 82 57 17 4 | button 13 57 17 4 | button 47 57 17 4 | description 5 9 101 3 | description 7 49 28 4 | description 76 49 28 4 | description 42 49 28 4 | image 5 56 32 7 | image 40 56 32 7 | image 40 17 32 46 | image 75 17 32 46 | image 40 17 32 25 | image 5 17 32 46 | image 5 17 32 25 | image 75 17 32 25 | image 75 56 32 7 | title 5 4 101 4 | title 7 45 28 3 | title 42 45 28 3 | title 76 45 28 3", "plain_layout_seq": "button 51 67 4 0 | button 56 67 4 0 | button 82 57 17 4 | button 13 57 17 4 | button 47 57 17 4 | description 5 9 101 3 | description 7 49 28 4 | description 76 49 28 4 | description 42 49 28 4 | image 5 56 32 7 | image 40 56 32 7 | image 40 17 32 46 | image 75 17 32 46 | image 40 17 32 25 | image 5 17 32 46 | image 5 17 32 25 | image 75 17 32 25 | image 75 56 32 7 | title 5 4 101 4 | title 7 45 28 3 | title 42 45 28 3 | title 76 45 28 3", "canvas_width": 1024, "canvas_height": 668, "elements": [ { "type": "title", "position": [ 49, 40, 866, 36 ], "completed": false }, { "type": "description", "position": [ 49, 81, 866, 27 ], "completed": false }, { "type": "image", "position": [ 49, 153, 276, 393 ], "completed": true }, { "type": "image", "position": [ 49, 153, 276, 220 ], "completed": false }, { "type": "image", "position": [ 345, 153, 276, 220 ], "completed": false }, { "type": "image", "position": [ 345, 153, 276, 393 ], "completed": true }, { "type": "image", "position": [ 641, 153, 276, 393 ], "completed": true }, { "type": "image", "position": [ 641, 153, 276, 220 ], "completed": false }, { "type": "title", "position": [ 64, 388, 246, 26 ], "completed": false }, { "type": "title", "position": [ 360, 388, 246, 26 ], "completed": false }, { "type": "title", "position": [ 656, 388, 246, 26 ], "completed": false }, { "type": "description", "position": [ 64, 422, 246, 39 ], "completed": false }, { "type": "description", "position": [ 360, 422, 246, 39 ], "completed": false }, { "type": "description", "position": [ 656, 422, 246, 39 ], "completed": false }, { "type": "image", "position": [ 49, 478, 276, 68 ], "completed": true }, { "type": "image", "position": [ 345, 478, 276, 68 ], "completed": true }, { "type": "image", "position": [ 641, 478, 276, 68 ], "completed": true }, { "type": "button", "position": [ 112, 493, 150, 38 ], "completed": false }, { "type": "button", "position": [ 408, 493, 150, 38 ], "completed": false }, { "type": "button", "position": [ 704, 493, 150, 38 ], "completed": false }, { "type": "button", "position": [ 442, 577, 40, 5 ], "completed": true }, { "type": "button", "position": [ 482, 577, 40, 5 ], "completed": true } ] }, { "text": "#A page of an article introducing the 2021 PBM Paragon Winners.# There are two text boxes for the title Celebrating the 2021cParagon Award Recipients and the date of the article. Also, there should be photos of the 4 winners for users\u2019 information.", "region_id": "1041", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'celebrating the 2021 cparagon award recipients'] ] [el:text] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "layout_seq_without_completion": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "plain_layout_seq": "image 0 0 120 67 | text 0 75 120 2 | title 0 70 120 3", "canvas_width": 944, "canvas_height": 615, "elements": [ { "type": "image", "position": [ 0, 0, 944, 531 ], "completed": false }, { "type": "title", "position": [ 0, 551, 944, 24 ], "completed": false }, { "type": "text", "position": [ 0, 595, 944, 20 ], "completed": false } ] }, { "text": "#A page shows the reports given by three authoritative analysis companies.# There is a headline here, and three images of the authoritative companies' reports.", "region_id": "1445", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 41 5 36 5 | \" [ image 33 15 14 14 ] | [ image 53 15 14 14 ] | [ image 72 15 14 16 ] \"", "layout_seq_without_completion": "title 41 5 36 5 | \" [ image 33 15 14 14 ] | [ image 53 15 14 14 ] | [ image 72 15 14 16 ] \"", "plain_layout_seq": "image 33 15 14 14 | image 53 15 14 14 | image 72 15 14 16 | title 41 5 36 5", "canvas_width": 1003, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 349, 46, 304, 49 ], "completed": false }, { "type": "image", "position": [ 281, 127, 124, 124 ], "completed": false }, { "type": "image", "position": [ 449, 127, 124, 124 ], "completed": false }, { "type": "image", "position": [ 610, 127, 119, 134 ], "completed": false } ] }, { "text": "#A page shows the reports given by three authoritative analysis companies.# There is a big headline here, and images of the three authoritative companies' reports.", "region_id": "1445_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined large | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 41 5 36 5 | \" [ image 33 15 14 14 ] | [ image 53 15 14 14 ] | [ image 72 15 14 16 ] \"", "layout_seq_without_completion": "title 41 5 36 5 | \" [ image 33 15 14 14 ] | [ image 53 15 14 14 ] | [ image 72 15 14 16 ] \"", "plain_layout_seq": "image 33 15 14 14 | image 53 15 14 14 | image 72 15 14 16 | title 41 5 36 5", "canvas_width": 1003, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 349, 46, 304, 49 ], "completed": false }, { "type": "image", "position": [ 281, 127, 124, 124 ], "completed": false }, { "type": "image", "position": [ 449, 127, 124, 124 ], "completed": false }, { "type": "image", "position": [ 610, 127, 119, 134 ], "completed": false } ] }, { "text": "#A page for showing different types of applications.# The page includes four lists of information showing applications. Each group contains a picture showing the application, a question, and a link for users to click to learn more about the application.", "region_id": "3572", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:link [attr:value 'learn more']] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 33 0 25 12 | image 61 0 25 11 | complete image 4 0 25 37 | complete image 33 0 25 37 | complete image 61 0 25 37 | complete image 89 0 25 37 | image 4 0 25 12 | image 89 0 25 12 | link 89 30 25 2 | link 4 30 25 2 | link 33 30 25 2 | link 62 30 22 2 | text 36 17 19 5 | text 8 17 19 5 | text 63 16 20 8 | text 90 17 23 8", "layout_seq_without_completion": "image 33 0 25 12 | image 61 0 25 11 | image 4 0 25 37 | image 33 0 25 37 | image 61 0 25 37 | image 89 0 25 37 | image 4 0 25 12 | image 89 0 25 12 | link 89 30 25 2 | link 4 30 25 2 | link 33 30 25 2 | link 62 30 22 2 | text 36 17 19 5 | text 8 17 19 5 | text 63 16 20 8 | text 90 17 23 8", "plain_layout_seq": "image 33 0 25 12 | image 61 0 25 11 | image 4 0 25 37 | image 33 0 25 37 | image 61 0 25 37 | image 89 0 25 37 | image 4 0 25 12 | image 89 0 25 12 | link 89 30 25 2 | link 4 30 25 2 | link 33 30 25 2 | link 62 30 22 2 | text 36 17 19 5 | text 8 17 19 5 | text 63 16 20 8 | text 90 17 23 8", "canvas_width": 1024, "canvas_height": 324, "elements": [ { "type": "image", "position": [ 42, 1, 220, 323 ], "completed": true }, { "type": "image", "position": [ 42, 1, 220, 104 ], "completed": false }, { "type": "image", "position": [ 282, 1, 220, 323 ], "completed": true }, { "type": "image", "position": [ 282, 1, 220, 104 ], "completed": false }, { "type": "image", "position": [ 522, 1, 220, 323 ], "completed": true }, { "type": "image", "position": [ 522, 1, 220, 98 ], "completed": false }, { "type": "image", "position": [ 762, 1, 220, 323 ], "completed": true }, { "type": "image", "position": [ 762, 1, 220, 104 ], "completed": false }, { "type": "text", "position": [ 546, 143, 173, 72 ], "completed": false }, { "type": "text", "position": [ 70, 148, 163, 45 ], "completed": false }, { "type": "text", "position": [ 309, 148, 166, 45 ], "completed": false }, { "type": "text", "position": [ 774, 148, 197, 72 ], "completed": false }, { "type": "link", "position": [ 42, 260, 220, 23 ], "completed": false }, { "type": "link", "position": [ 282, 260, 219, 23 ], "completed": false }, { "type": "link", "position": [ 534, 260, 195, 23 ], "completed": false }, { "type": "link", "position": [ 764, 260, 217, 23 ], "completed": false } ] }, { "text": "#A page offering services related to jewellery.# The page contains 3 information sets. Each group includes a background image, a title, and a link.", "region_id": "6870", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] | [ background undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 2 2 36 53 | link 13 46 14 5 | title 6 36 28 8 ] | [ background 41 2 36 53 | link 49 46 20 5 | title 45 36 28 8 ] | [ background 80 2 36 53 | link 88 46 21 5 | title 87 40 22 4 ] \"", "layout_seq_without_completion": "\" [ background 2 2 36 53 | link 13 46 14 5 | title 6 36 28 8 ] | [ background 41 2 36 53 | link 49 46 20 5 | title 45 36 28 8 ] | [ background 80 2 36 53 | link 88 46 21 5 | title 87 40 22 4 ] \"", "plain_layout_seq": "background 2 2 36 53 | background 41 2 36 53 | background 80 2 36 53 | link 13 46 14 5 | link 49 46 20 5 | link 88 46 21 5 | title 6 36 28 8 | title 45 36 28 8 | title 87 40 22 4", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "background", "position": [ 20, 20, 315, 460 ], "completed": false }, { "type": "background", "position": [ 355, 20, 315, 460 ], "completed": false }, { "type": "background", "position": [ 689, 20, 315, 460 ], "completed": false }, { "type": "title", "position": [ 56, 313, 243, 71 ], "completed": false }, { "type": "title", "position": [ 391, 313, 243, 71 ], "completed": false }, { "type": "title", "position": [ 750, 346, 194, 37 ], "completed": false }, { "type": "link", "position": [ 116, 396, 123, 46 ], "completed": false }, { "type": "link", "position": [ 423, 396, 179, 46 ], "completed": false }, { "type": "link", "position": [ 755, 396, 184, 46 ], "completed": false } ] }, { "text": "#A page for introducing financial activities.# There is one title\"What would you like to do today?\". Next, there are seven icons and each of them is followed by one label showing the activity's name.", "region_id": "814", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'what would you like to do today?'] ] [gp:InfoGroup [gattr:repeat'7'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 27 | icon 8 11 7 7 | icon 27 11 7 7 | icon 65 11 7 7 | icon 46 11 7 7 | icon 104 11 7 7 | icon 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "layout_seq_without_completion": "background 0 0 120 27 | icon 8 11 7 7 | icon 27 11 7 7 | icon 65 11 7 7 | icon 46 11 7 7 | icon 104 11 7 7 | icon 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "plain_layout_seq": "background 0 0 120 27 | icon 8 11 7 7 | icon 27 11 7 7 | icon 65 11 7 7 | icon 46 11 7 7 | icon 104 11 7 7 | icon 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 234 ], "completed": true }, { "type": "title", "position": [ 0, 8, 1024, 60 ], "completed": false }, { "type": "icon", "position": [ 75, 96, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 238, 96, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 400, 96, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 563, 96, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 726, 96, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 889, 96, 60, 60 ], "completed": false }, { "type": "text", "position": [ 23, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 186, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 349, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 512, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 713, 167, 87, 21 ], "completed": false }, { "type": "text", "position": [ 838, 167, 163, 40 ], "completed": false } ] }, { "text": "#A page for users to make choices.# One text occupies the page. One text box is used to show the title and six small texts show logos. Each of the logo is followed by one text box.", "region_id": "814_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [item [el:logo] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 27 | logo 8 11 7 7 | logo 27 11 7 7 | logo 65 11 7 7 | logo 46 11 7 7 | logo 104 11 7 7 | logo 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "layout_seq_without_completion": "background 0 0 120 27 | logo 8 11 7 7 | logo 27 11 7 7 | logo 65 11 7 7 | logo 46 11 7 7 | logo 104 11 7 7 | logo 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "plain_layout_seq": "background 0 0 120 27 | logo 8 11 7 7 | logo 27 11 7 7 | logo 65 11 7 7 | logo 46 11 7 7 | logo 104 11 7 7 | logo 85 11 7 7 | text 21 19 19 4 | text 60 19 19 4 | text 2 19 19 4 | text 40 19 19 4 | text 83 19 10 2 | text 98 19 19 4 | title 0 0 120 7", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 234 ], "completed": true }, { "type": "title", "position": [ 0, 8, 1024, 60 ], "completed": false }, { "type": "logo", "position": [ 75, 96, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 238, 96, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 400, 96, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 563, 96, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 726, 96, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 889, 96, 60, 60 ], "completed": false }, { "type": "text", "position": [ 23, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 186, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 349, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 512, 167, 163, 40 ], "completed": false }, { "type": "text", "position": [ 713, 167, 87, 21 ], "completed": false }, { "type": "text", "position": [ 838, 167, 163, 40 ], "completed": false } ] }, { "text": "#A page for introducing the products.# The page should have a title, and 4 groups while each group has an image and a title to introduce the products including juice, granola, cocktails, and baking.", "region_id": "7017", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'juice, granola, cocktails,baking'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 6 30 55 | image 30 6 30 55 | image 60 6 30 55 | image 90 6 30 55 | title 0 32 30 3 | title 30 32 30 3 | title 90 32 30 3 | title 60 32 30 3", "layout_seq_without_completion": "image 0 6 30 55 | image 30 6 30 55 | image 60 6 30 55 | image 90 6 30 55 | title 0 32 30 3 | title 30 32 30 3 | title 90 32 30 3 | title 60 32 30 3", "plain_layout_seq": "image 0 6 30 55 | image 30 6 30 55 | image 60 6 30 55 | image 90 6 30 55 | title 0 32 30 3 | title 30 32 30 3 | title 90 32 30 3 | title 60 32 30 3", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "image", "position": [ 0, 55, 256, 475 ], "completed": false }, { "type": "image", "position": [ 256, 55, 256, 475 ], "completed": false }, { "type": "image", "position": [ 512, 55, 256, 475 ], "completed": false }, { "type": "image", "position": [ 768, 55, 256, 475 ], "completed": false }, { "type": "title", "position": [ 0, 275, 256, 34 ], "completed": false }, { "type": "title", "position": [ 256, 275, 256, 34 ], "completed": false }, { "type": "title", "position": [ 512, 275, 256, 34 ], "completed": false }, { "type": "title", "position": [ 768, 275, 256, 34 ], "completed": false } ] }, { "text": "# A page showing the trusted business'. # A text box for the title 'Trusted by 25K+ business' should be included. 9 images showing the logo of the business should be shown.", "region_id": "1491", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'trusted by 25k+ business'] ] [gp:InfoGroup [gattr:repeat'9'] [item [el:logo]] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 32 11 55 6 | \" [ logo 23 22 13 5 ] | [ logo 42 22 16 4 ] | [ logo 85 22 10 4 ] | [ logo 64 23 15 3 ] | [ logo 41 31 18 3 ] | [ logo 90 31 11 4 ] | [ logo 17 32 18 2 ] | [ logo 66 32 18 1 ] | [ logo 52 39 14 5 ] \"", "layout_seq_without_completion": "title 32 11 55 6 | \" [ logo 23 22 13 5 ] | [ logo 42 22 16 4 ] | [ logo 85 22 10 4 ] | [ logo 64 23 15 3 ] | [ logo 41 31 18 3 ] | [ logo 90 31 11 4 ] | [ logo 17 32 18 2 ] | [ logo 66 32 18 1 ] | [ logo 52 39 14 5 ] \"", "plain_layout_seq": "logo 23 22 13 5 | logo 42 22 16 4 | logo 85 22 10 4 | logo 64 23 15 3 | logo 41 31 18 3 | logo 90 31 11 4 | logo 17 32 18 2 | logo 66 32 18 1 | logo 52 39 14 5 | title 32 11 55 6", "canvas_width": 1024, "canvas_height": 496, "elements": [ { "type": "title", "position": [ 277, 94, 470, 54 ], "completed": false }, { "type": "logo", "position": [ 200, 191, 113, 50 ], "completed": false }, { "type": "logo", "position": [ 361, 193, 141, 40 ], "completed": false }, { "type": "logo", "position": [ 733, 195, 90, 36 ], "completed": false }, { "type": "logo", "position": [ 550, 200, 135, 26 ], "completed": false }, { "type": "logo", "position": [ 773, 265, 102, 38 ], "completed": false }, { "type": "logo", "position": [ 357, 267, 160, 34 ], "completed": false }, { "type": "logo", "position": [ 149, 274, 160, 21 ], "completed": false }, { "type": "logo", "position": [ 565, 279, 160, 14 ], "completed": false }, { "type": "logo", "position": [ 448, 333, 127, 44 ], "completed": false } ] }, { "text": "#A page that contains some pieces of data.# The page contains four information sets. Each group includes a number, an introduction, and the logo of a website.", "region_id": "5639", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:text] [el:description] [el:logo] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] | [ description undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 7 9 23 9 | logo 7 20 15 5 | text 7 2 23 7 ] | [ description 34 9 21 6 | logo 34 19 15 6 | text 34 2 21 7 ] | [ description 61 9 23 11 | logo 61 21 15 3 | text 61 2 23 7 ] | [ description 89 9 23 9 | logo 89 20 15 5 | text 89 2 23 7 ] \"", "layout_seq_without_completion": "\" [ description 7 9 23 9 | logo 7 20 15 5 | text 7 2 23 7 ] | [ description 34 9 21 6 | logo 34 19 15 6 | text 34 2 21 7 ] | [ description 61 9 23 11 | logo 61 21 15 3 | text 61 2 23 7 ] | [ description 89 9 23 9 | logo 89 20 15 5 | text 89 2 23 7 ] \"", "plain_layout_seq": "description 7 9 23 9 | description 34 9 21 6 | description 61 9 23 11 | description 89 9 23 9 | logo 7 20 15 5 | logo 34 19 15 6 | logo 61 21 15 3 | logo 89 20 15 5 | text 7 2 23 7 | text 34 2 21 7 | text 61 2 23 7 | text 89 2 23 7", "canvas_width": 1024, "canvas_height": 227, "elements": [ { "type": "text", "position": [ 62, 23, 203, 68 ], "completed": false }, { "type": "text", "position": [ 294, 23, 180, 68 ], "completed": false }, { "type": "text", "position": [ 527, 23, 203, 68 ], "completed": false }, { "type": "text", "position": [ 760, 23, 203, 68 ], "completed": false }, { "type": "description", "position": [ 62, 85, 203, 79 ], "completed": false }, { "type": "description", "position": [ 294, 85, 180, 58 ], "completed": false }, { "type": "description", "position": [ 527, 85, 203, 100 ], "completed": false }, { "type": "description", "position": [ 760, 85, 203, 79 ], "completed": false }, { "type": "logo", "position": [ 294, 167, 130, 52 ], "completed": false }, { "type": "logo", "position": [ 62, 175, 130, 44 ], "completed": false }, { "type": "logo", "position": [ 760, 175, 130, 44 ], "completed": false }, { "type": "logo", "position": [ 527, 184, 130, 34 ], "completed": false } ] }, { "text": "#A page for showing the updated reviews.# The page should have a title, and 6 groups while each group has an image, and two texts to show the update time, column name, and the title of the review.", "region_id": "5301", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:text[attr:repeat'2']] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 8 35 24 | image 81 8 35 24 | image 41 42 35 24 | image 41 8 35 24 | image 2 42 35 24 | image 81 42 35 24 | text 41 67 35 1 | text 81 33 35 1 | text 2 33 35 1 | text 81 67 35 1 | text 41 33 35 1 | text 2 67 35 1 | title 2 70 33 2 | title 41 70 26 2 | title 2 36 11 2 | title 81 36 33 2 | title 41 36 24 2 | title 81 70 17 2 | title 2 0 115 5", "layout_seq_without_completion": "image 2 8 35 24 | image 81 8 35 24 | image 41 42 35 24 | image 41 8 35 24 | image 2 42 35 24 | image 81 42 35 24 | text 41 67 35 1 | text 81 33 35 1 | text 2 33 35 1 | text 81 67 35 1 | text 41 33 35 1 | text 2 67 35 1 | title 2 70 33 2 | title 41 70 26 2 | title 2 36 11 2 | title 81 36 33 2 | title 41 36 24 2 | title 81 70 17 2 | title 2 0 115 5", "plain_layout_seq": "image 2 8 35 24 | image 81 8 35 24 | image 41 42 35 24 | image 41 8 35 24 | image 2 42 35 24 | image 81 42 35 24 | text 41 67 35 1 | text 81 33 35 1 | text 2 33 35 1 | text 81 67 35 1 | text 41 33 35 1 | text 2 67 35 1 | title 2 70 33 2 | title 41 70 26 2 | title 2 36 11 2 | title 81 36 33 2 | title 41 36 24 2 | title 81 70 17 2 | title 2 0 115 5", "canvas_width": 1024, "canvas_height": 642, "elements": [ { "type": "title", "position": [ 20, 0, 984, 45 ], "completed": false }, { "type": "image", "position": [ 20, 75, 307, 206 ], "completed": false }, { "type": "image", "position": [ 358, 75, 307, 206 ], "completed": false }, { "type": "image", "position": [ 697, 75, 307, 206 ], "completed": false }, { "type": "text", "position": [ 20, 290, 307, 15 ], "completed": false }, { "type": "text", "position": [ 358, 290, 307, 15 ], "completed": false }, { "type": "text", "position": [ 697, 290, 307, 15 ], "completed": false }, { "type": "title", "position": [ 697, 311, 290, 20 ], "completed": false }, { "type": "title", "position": [ 20, 312, 99, 19 ], "completed": false }, { "type": "title", "position": [ 358, 312, 208, 19 ], "completed": false }, { "type": "image", "position": [ 20, 363, 307, 206 ], "completed": false }, { "type": "image", "position": [ 358, 363, 307, 206 ], "completed": false }, { "type": "image", "position": [ 697, 363, 307, 206 ], "completed": false }, { "type": "text", "position": [ 20, 579, 307, 15 ], "completed": false }, { "type": "text", "position": [ 358, 579, 307, 15 ], "completed": false }, { "type": "text", "position": [ 697, 579, 307, 15 ], "completed": false }, { "type": "title", "position": [ 20, 600, 284, 20 ], "completed": false }, { "type": "title", "position": [ 358, 600, 227, 20 ], "completed": false }, { "type": "title", "position": [ 697, 600, 151, 20 ], "completed": false } ] }, { "text": "#A page for showing news.# There should be two info groups. And each of them includes one image, one title, one detailed description, and one button for learning more. At the bottom, there is one pagination.", "region_id": "2330", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:description] [el:button [attr:value'learn more'] ] ] ] [el:pagination [attr:position'bottom'] ] ]", "execution": "multiinfo : pagination bottom undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete button 52 58 4 1 ] | [ complete button 58 58 1 1 ] | [ complete button 60 58 1 1 ] | [ complete button 63 58 1 1 ] | [ complete button 65 58 1 1 ] \" | \" [ button 1 47 13 2 | description 1 34 56 10 | image 1 4 56 23 | title 1 30 56 3 ] | [ button 61 47 13 2 | description 61 37 56 8 | image 61 4 56 23 | title 61 30 56 6 ] \"", "layout_seq_without_completion": "\" [ button 52 58 4 1 ] | [ button 58 58 1 1 ] | [ button 60 58 1 1 ] | [ button 63 58 1 1 ] | [ button 65 58 1 1 ] \" | \" [ button 1 47 13 2 | description 1 34 56 10 | image 1 4 56 23 | title 1 30 56 3 ] | [ button 61 47 13 2 | description 61 37 56 8 | image 61 4 56 23 | title 61 30 56 6 ] \"", "plain_layout_seq": "button 52 58 4 1 | button 58 58 1 1 | button 60 58 1 1 | button 63 58 1 1 | button 65 58 1 1 | button 1 47 13 2 | button 61 47 13 2 | description 1 34 56 10 | description 61 37 56 8 | image 1 4 56 23 | image 61 4 56 23 | title 1 30 56 3 | title 61 30 56 6", "canvas_width": 1024, "canvas_height": 545, "elements": [ { "type": "image", "position": [ 15, 40, 482, 200 ], "completed": false }, { "type": "image", "position": [ 527, 40, 482, 200 ], "completed": false }, { "type": "title", "position": [ 15, 256, 482, 26 ], "completed": false }, { "type": "title", "position": [ 527, 256, 482, 53 ], "completed": false }, { "type": "description", "position": [ 15, 294, 482, 93 ], "completed": false }, { "type": "description", "position": [ 527, 321, 482, 69 ], "completed": false }, { "type": "button", "position": [ 15, 403, 116, 23 ], "completed": false }, { "type": "button", "position": [ 527, 406, 116, 23 ], "completed": false }, { "type": "button", "position": [ 447, 495, 42, 14 ], "completed": true }, { "type": "button", "position": [ 497, 495, 14, 14 ], "completed": true }, { "type": "button", "position": [ 519, 495, 14, 14 ], "completed": true }, { "type": "button", "position": [ 541, 495, 14, 14 ], "completed": true }, { "type": "button", "position": [ 563, 495, 14, 14 ], "completed": true } ] }, { "text": "#A page for showing different types of information to users.# The page has a headline and four groups of information. Each group involves a title of the category, an icon, a description, and a background.", "region_id": "6086", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:icon] [el:description] [el:background_image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 30 6 28 33 | background 60 6 28 33 | background 1 6 27 33 | background 90 6 27 33 | description 62 22 24 13 | description 3 22 23 13 | description 32 22 24 13 | description 92 22 23 13 | icon 13 11 4 4 | icon 72 11 4 4 | icon 42 11 4 4 | icon 102 11 4 4 | title 1 0 116 4 | title 8 16 13 3 | title 95 16 17 3 | title 40 16 8 3 | title 65 16 19 3", "layout_seq_without_completion": "background 30 6 28 33 | background 60 6 28 33 | background 1 6 27 33 | background 90 6 27 33 | description 62 22 24 13 | description 3 22 23 13 | description 32 22 24 13 | description 92 22 23 13 | icon 13 11 4 4 | icon 72 11 4 4 | icon 42 11 4 4 | icon 102 11 4 4 | title 1 0 116 4 | title 8 16 13 3 | title 95 16 17 3 | title 40 16 8 3 | title 65 16 19 3", "plain_layout_seq": "background 30 6 28 33 | background 60 6 28 33 | background 1 6 27 33 | background 90 6 27 33 | description 62 22 24 13 | description 3 22 23 13 | description 32 22 24 13 | description 92 22 23 13 | icon 13 11 4 4 | icon 72 11 4 4 | icon 42 11 4 4 | icon 102 11 4 4 | title 1 0 116 4 | title 8 16 13 3 | title 95 16 17 3 | title 40 16 8 3 | title 65 16 19 3", "canvas_width": 1024, "canvas_height": 344, "elements": [ { "type": "title", "position": [ 15, 0, 994, 42 ], "completed": false }, { "type": "background", "position": [ 15, 58, 233, 286 ], "completed": false }, { "type": "background", "position": [ 264, 58, 240, 286 ], "completed": false }, { "type": "background", "position": [ 520, 58, 240, 286 ], "completed": false }, { "type": "background", "position": [ 776, 58, 233, 286 ], "completed": false }, { "type": "icon", "position": [ 112, 98, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 364, 98, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 620, 98, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 872, 98, 40, 40 ], "completed": false }, { "type": "title", "position": [ 76, 144, 111, 32 ], "completed": false }, { "type": "title", "position": [ 346, 144, 76, 32 ], "completed": false }, { "type": "title", "position": [ 558, 144, 165, 32 ], "completed": false }, { "type": "title", "position": [ 818, 144, 148, 32 ], "completed": false }, { "type": "description", "position": [ 30, 188, 203, 112 ], "completed": false }, { "type": "description", "position": [ 279, 188, 210, 112 ], "completed": false }, { "type": "description", "position": [ 535, 188, 210, 112 ], "completed": false }, { "type": "description", "position": [ 791, 188, 203, 112 ], "completed": false } ] }, { "text": "#A page for offering three operation options.# There should have three links, including \"Start a store\", \"Find products to sell\", and \"Buy an exciting online store\".", "region_id": "8695", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'start a store, find products to sell, buy an exciting online store'] [item [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for showing the gifts from mother's day.#The page has a description and there are two groups and each group has an image and a title. Under each title, there is a description and the same button \"view product\".", "region_id": "6629", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:description] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'view product'] ] ] ] ]", "execution": "multiinfo : description undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 22 66 17 5 | button 61 64 17 5 | description 2 1 114 2 | complete link 22 9 35 62 | complete link 61 9 35 60 | complete text 51 68 5 2 | complete text 90 65 5 2 | \" [ description 22 61 34 2 | description 22 59 34 2 | image 22 9 35 35 | title 22 47 34 10 ] | [ description 61 56 34 2 | description 61 59 34 2 | image 61 9 35 35 | title 61 47 34 8 ] \"", "layout_seq_without_completion": "button 22 66 17 5 | button 61 64 17 5 | description 2 1 114 2 | link 22 9 35 62 | link 61 9 35 60 | text 51 68 5 2 | text 90 65 5 2 | \" [ description 22 61 34 2 | description 22 59 34 2 | image 22 9 35 35 | title 22 47 34 10 ] | [ description 61 56 34 2 | description 61 59 34 2 | image 61 9 35 35 | title 61 47 34 8 ] \"", "plain_layout_seq": "button 22 66 17 5 | button 61 64 17 5 | description 2 1 114 2 | description 22 61 34 2 | description 22 59 34 2 | description 61 56 34 2 | description 61 59 34 2 | image 22 9 35 35 | image 61 9 35 35 | link 22 9 35 62 | link 61 9 35 60 | text 51 68 5 2 | text 90 65 5 2 | title 22 47 34 10 | title 61 47 34 8", "canvas_width": 1009, "canvas_height": 665, "elements": [ { "type": "description", "position": [ 24, 9, 960, 23 ], "completed": false }, { "type": "link", "position": [ 189, 76, 301, 529 ], "completed": true }, { "type": "link", "position": [ 518, 76, 302, 506 ], "completed": true }, { "type": "image", "position": [ 190, 77, 300, 300 ], "completed": false }, { "type": "image", "position": [ 520, 77, 300, 300 ], "completed": false }, { "type": "title", "position": [ 190, 402, 290, 90 ], "completed": false }, { "type": "title", "position": [ 520, 402, 290, 68 ], "completed": false }, { "type": "description", "position": [ 520, 475, 290, 22 ], "completed": false }, { "type": "description", "position": [ 190, 498, 290, 23 ], "completed": false }, { "type": "description", "position": [ 520, 498, 290, 23 ], "completed": false }, { "type": "description", "position": [ 190, 520, 290, 22 ], "completed": false }, { "type": "button", "position": [ 520, 539, 150, 43 ], "completed": false }, { "type": "text", "position": [ 760, 549, 49, 22 ], "completed": true }, { "type": "button", "position": [ 190, 562, 150, 43 ], "completed": false }, { "type": "text", "position": [ 430, 572, 49, 22 ], "completed": true } ] }, { "text": "#A page of information shows the feedback of the customer.# There are three groups of information, each group has one icon, one description, and one name.", "region_id": "6633", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:text] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 6 35 25 | description 81 6 35 18 | description 41 6 35 18 | icon 58 0 2 2 | icon 18 0 2 2 | icon 98 0 2 2 | text 1 36 35 3 | text 81 28 35 3 | text 41 28 35 3", "layout_seq_without_completion": "description 1 6 35 25 | description 81 6 35 18 | description 41 6 35 18 | icon 58 0 2 2 | icon 18 0 2 2 | icon 98 0 2 2 | text 1 36 35 3 | text 81 28 35 3 | text 41 28 35 3", "plain_layout_seq": "description 1 6 35 25 | description 81 6 35 18 | description 41 6 35 18 | icon 58 0 2 2 | icon 18 0 2 2 | icon 98 0 2 2 | text 1 36 35 3 | text 81 28 35 3 | text 41 28 35 3", "canvas_width": 914, "canvas_height": 298, "elements": [ { "type": "icon", "position": [ 142, 6, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 446, 6, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 750, 6, 20, 20 ], "completed": false }, { "type": "description", "position": [ 15, 48, 274, 197 ], "completed": false }, { "type": "description", "position": [ 319, 48, 274, 141 ], "completed": false }, { "type": "description", "position": [ 623, 48, 274, 141 ], "completed": false }, { "type": "text", "position": [ 319, 219, 274, 23 ], "completed": false }, { "type": "text", "position": [ 623, 219, 274, 23 ], "completed": false }, { "type": "text", "position": [ 15, 275, 274, 23 ], "completed": false } ] }, { "text": "#A page for introducing four awards to users.# The page should include four parts of the awards. Each part contains one picture and one title of the awards.", "region_id": "1121", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 0 5 28 32 | image 7 7 13 13 | title 5 25 16 9 ] | [ complete image 30 5 28 32 | image 31 5 25 14 | title 38 25 10 4 ] | [ complete image 60 5 28 32 | logo 69 7 10 13 | title 64 25 19 7 ] | [ image 90 5 28 32 | image 90 7 28 13 | title 97 25 12 9 ] \"", "layout_seq_without_completion": "\" [ image 0 5 28 32 | image 7 7 13 13 | title 5 25 16 9 ] | [ image 30 5 28 32 | image 31 5 25 14 | title 38 25 10 4 ] | [ image 60 5 28 32 | logo 69 7 10 13 | title 64 25 19 7 ] | [ image 90 5 28 32 | image 90 7 28 13 | title 97 25 12 9 ] \"", "plain_layout_seq": "image 0 5 28 32 | image 7 7 13 13 | image 30 5 28 32 | image 31 5 25 14 | image 60 5 28 32 | image 90 5 28 32 | image 90 7 28 13 | logo 69 7 10 13 | title 5 25 16 9 | title 38 25 10 4 | title 64 25 19 7 | title 97 25 12 9", "canvas_width": 1004, "canvas_height": 352, "elements": [ { "type": "image", "position": [ 0, 45, 239, 276 ], "completed": true }, { "type": "image", "position": [ 251, 45, 239, 276 ], "completed": true }, { "type": "image", "position": [ 266, 45, 210, 125 ], "completed": false }, { "type": "image", "position": [ 502, 45, 239, 276 ], "completed": true }, { "type": "image", "position": [ 753, 45, 239, 276 ], "completed": false }, { "type": "image", "position": [ 62, 60, 115, 110 ], "completed": false }, { "type": "logo", "position": [ 578, 60, 88, 110 ], "completed": false }, { "type": "image", "position": [ 753, 60, 239, 110 ], "completed": false }, { "type": "title", "position": [ 50, 211, 138, 79 ], "completed": false }, { "type": "title", "position": [ 325, 211, 91, 39 ], "completed": false }, { "type": "title", "position": [ 540, 211, 163, 59 ], "completed": false }, { "type": "title", "position": [ 819, 211, 107, 79 ], "completed": false } ] }, { "text": "# A page for introducing fashion and lifestyle hubs. # The page should have a title: \"FASHION AND LIFE STYLE HUB\" and two groups of information sets. In each group, there should have a logo of the hub and a button \"Shop Now\" for the user to enter the hub to purchase goods.", "region_id": "5261", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'FASHION AND LIFE STYLE HUB']] [gp:InfoGroup [gattr:repeat '2'] [item [el:logo] [el:button [attr:value 'Shop Now'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "layout_seq_without_completion": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "plain_layout_seq": "button 24 26 13 3 | button 61 26 13 3 | logo 5 7 34 17 | logo 42 7 34 17 | title 2 1 114 3", "canvas_width": 1024, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 25, 10, 974, 26 ], "completed": false }, { "type": "logo", "position": [ 50, 66, 295, 150 ], "completed": false }, { "type": "logo", "position": [ 365, 66, 295, 150 ], "completed": false }, { "type": "button", "position": [ 209, 225, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 225, 116, 30 ], "completed": false } ] }, { "text": "# A page to introduce why people love Qualaroo.# The page should have the title \"Why People Love Qualaroo\" and nine groups of information sets with each having a small image, a title, and a further description.", "region_id": "4678", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why people love qualaroo'] ] [gp:InfoGroup [gattr:repeat '9'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 12 96 26 7 | description 81 96 26 7 | description 12 37 26 4 | description 46 34 26 9 | description 81 36 26 7 | description 12 66 26 7 | description 46 66 26 7 | description 81 66 26 7 | description 46 97 26 7 | image 90 24 7 7 | complete image 9 20 31 26 | image 22 84 5 7 | complete image 9 81 31 26 | image 91 54 6 7 | image 55 54 8 7 | complete image 44 50 31 26 | image 22 25 6 6 | image 56 23 7 6 | image 22 54 6 6 | complete image 44 20 31 26 | complete image 78 20 31 26 | complete image 78 50 31 26 | complete image 44 81 31 26 | complete image 9 50 31 26 | image 55 84 9 7 | image 90 84 8 7 | complete image 78 81 31 26 | title 16 62 16 2 | title 84 63 20 2 | title 52 63 15 2 | title 48 31 22 2 | title 13 93 24 2 | title 52 93 14 2 | title 19 33 12 2 | title 86 32 16 2 | title 85 93 18 2 | title 1 10 117 6", "layout_seq_without_completion": "description 12 96 26 7 | description 81 96 26 7 | description 12 37 26 4 | description 46 34 26 9 | description 81 36 26 7 | description 12 66 26 7 | description 46 66 26 7 | description 81 66 26 7 | description 46 97 26 7 | image 90 24 7 7 | image 9 20 31 26 | image 22 84 5 7 | image 9 81 31 26 | image 91 54 6 7 | image 55 54 8 7 | image 44 50 31 26 | image 22 25 6 6 | image 56 23 7 6 | image 22 54 6 6 | image 44 20 31 26 | image 78 20 31 26 | image 78 50 31 26 | image 44 81 31 26 | image 9 50 31 26 | image 55 84 9 7 | image 90 84 8 7 | image 78 81 31 26 | title 16 62 16 2 | title 84 63 20 2 | title 52 63 15 2 | title 48 31 22 2 | title 13 93 24 2 | title 52 93 14 2 | title 19 33 12 2 | title 86 32 16 2 | title 85 93 18 2 | title 1 10 117 6", "plain_layout_seq": "description 12 96 26 7 | description 81 96 26 7 | description 12 37 26 4 | description 46 34 26 9 | description 81 36 26 7 | description 12 66 26 7 | description 46 66 26 7 | description 81 66 26 7 | description 46 97 26 7 | image 90 24 7 7 | image 9 20 31 26 | image 22 84 5 7 | image 9 81 31 26 | image 91 54 6 7 | image 55 54 8 7 | image 44 50 31 26 | image 22 25 6 6 | image 56 23 7 6 | image 22 54 6 6 | image 44 20 31 26 | image 78 20 31 26 | image 78 50 31 26 | image 44 81 31 26 | image 9 50 31 26 | image 55 84 9 7 | image 90 84 8 7 | image 78 81 31 26 | title 16 62 16 2 | title 84 63 20 2 | title 52 63 15 2 | title 48 31 22 2 | title 13 93 24 2 | title 52 93 14 2 | title 19 33 12 2 | title 86 32 16 2 | title 85 93 18 2 | title 1 10 117 6", "canvas_width": 1024, "canvas_height": 976, "elements": [ { "type": "title", "position": [ 10, 90, 1004, 52 ], "completed": false }, { "type": "image", "position": [ 85, 177, 265, 228 ], "completed": true }, { "type": "image", "position": [ 380, 177, 265, 228 ], "completed": true }, { "type": "image", "position": [ 674, 177, 265, 228 ], "completed": true }, { "type": "image", "position": [ 480, 199, 64, 59 ], "completed": false }, { "type": "image", "position": [ 776, 208, 62, 62 ], "completed": false }, { "type": "image", "position": [ 188, 220, 58, 58 ], "completed": false }, { "type": "title", "position": [ 415, 268, 194, 25 ], "completed": false }, { "type": "title", "position": [ 738, 280, 138, 25 ], "completed": false }, { "type": "title", "position": [ 166, 288, 103, 25 ], "completed": false }, { "type": "description", "position": [ 400, 298, 225, 80 ], "completed": false }, { "type": "description", "position": [ 694, 310, 225, 60 ], "completed": false }, { "type": "description", "position": [ 105, 318, 224, 40 ], "completed": false }, { "type": "image", "position": [ 85, 435, 265, 228 ], "completed": true }, { "type": "image", "position": [ 380, 435, 265, 228 ], "completed": true }, { "type": "image", "position": [ 674, 435, 265, 228 ], "completed": true }, { "type": "image", "position": [ 476, 466, 71, 62 ], "completed": false }, { "type": "image", "position": [ 780, 466, 54, 62 ], "completed": false }, { "type": "image", "position": [ 189, 469, 56, 56 ], "completed": false }, { "type": "title", "position": [ 145, 535, 145, 25 ], "completed": false }, { "type": "title", "position": [ 448, 538, 128, 25 ], "completed": false }, { "type": "title", "position": [ 721, 538, 171, 25 ], "completed": false }, { "type": "description", "position": [ 105, 565, 225, 60 ], "completed": false }, { "type": "description", "position": [ 400, 568, 225, 60 ], "completed": false }, { "type": "description", "position": [ 694, 568, 225, 60 ], "completed": false }, { "type": "image", "position": [ 85, 693, 265, 228 ], "completed": true }, { "type": "image", "position": [ 380, 693, 265, 228 ], "completed": true }, { "type": "image", "position": [ 674, 693, 265, 228 ], "completed": true }, { "type": "image", "position": [ 473, 721, 78, 67 ], "completed": false }, { "type": "image", "position": [ 193, 723, 48, 63 ], "completed": false }, { "type": "image", "position": [ 770, 724, 73, 62 ], "completed": false }, { "type": "title", "position": [ 113, 796, 208, 25 ], "completed": false }, { "type": "title", "position": [ 726, 796, 161, 25 ], "completed": false }, { "type": "title", "position": [ 448, 798, 127, 25 ], "completed": false }, { "type": "description", "position": [ 105, 826, 225, 60 ], "completed": false }, { "type": "description", "position": [ 694, 826, 225, 60 ], "completed": false }, { "type": "description", "position": [ 400, 828, 225, 60 ], "completed": false } ] }, { "text": "# A page for marketing a company 101 Domain. # The page should have two groups of information sets. Each group should contain an image, a title, a further description, and a button \"Learn More\". So the user can click the button to know more info about the company.", "region_id": "5563", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 18 75 21 7 | button 80 80 21 7 | description 1 59 54 13 | description 63 60 54 17 | image 1 5 54 43 | complete image 0 2 58 86 | complete image 61 2 58 86 | image 63 5 54 46 | title 1 51 54 5 | title 67 54 46 2", "layout_seq_without_completion": "button 18 75 21 7 | button 80 80 21 7 | description 1 59 54 13 | description 63 60 54 17 | image 1 5 54 43 | image 0 2 58 86 | image 61 2 58 86 | image 63 5 54 46 | title 1 51 54 5 | title 67 54 46 2", "plain_layout_seq": "button 18 75 21 7 | button 80 80 21 7 | description 1 59 54 13 | description 63 60 54 17 | image 1 5 54 43 | image 0 2 58 86 | image 61 2 58 86 | image 63 5 54 46 | title 1 51 54 5 | title 67 54 46 2", "canvas_width": 969, "canvas_height": 772, "elements": [ { "type": "image", "position": [ 0, 24, 472, 699 ], "completed": true }, { "type": "image", "position": [ 496, 24, 473, 699 ], "completed": true }, { "type": "image", "position": [ 16, 48, 440, 348 ], "completed": false }, { "type": "image", "position": [ 512, 48, 440, 378 ], "completed": false }, { "type": "title", "position": [ 16, 412, 440, 48 ], "completed": false }, { "type": "title", "position": [ 546, 442, 374, 24 ], "completed": false }, { "type": "description", "position": [ 16, 480, 440, 110 ], "completed": false }, { "type": "description", "position": [ 512, 486, 440, 138 ], "completed": false }, { "type": "button", "position": [ 150, 613, 173, 60 ], "completed": false }, { "type": "button", "position": [ 646, 647, 173, 60 ], "completed": false } ] }, { "text": "#A page for introducing one company's characteristics.# There are five info groups and each of them \n includes one title of the characteristics and one detailed description.", "region_id": "925", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'5'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 63 25 56 17 | description 0 4 56 13 | description 63 4 56 13 | description 0 25 56 13 | description 0 47 56 13 | title 0 0 56 3 | title 63 20 56 3 | title 63 0 56 3 | title 0 20 56 3 | title 0 42 56 3", "layout_seq_without_completion": "description 63 25 56 17 | description 0 4 56 13 | description 63 4 56 13 | description 0 25 56 13 | description 0 47 56 13 | title 0 0 56 3 | title 63 20 56 3 | title 63 0 56 3 | title 0 20 56 3 | title 0 42 56 3", "plain_layout_seq": "description 63 25 56 17 | description 0 4 56 13 | description 63 4 56 13 | description 0 25 56 13 | description 0 47 56 13 | title 0 0 56 3 | title 63 20 56 3 | title 63 0 56 3 | title 0 20 56 3 | title 0 42 56 3", "canvas_width": 876, "canvas_height": 440, "elements": [ { "type": "title", "position": [ 0, 0, 414, 24 ], "completed": false }, { "type": "title", "position": [ 462, 0, 414, 24 ], "completed": false }, { "type": "description", "position": [ 0, 32, 414, 96 ], "completed": false }, { "type": "description", "position": [ 462, 32, 414, 96 ], "completed": false }, { "type": "title", "position": [ 0, 152, 414, 24 ], "completed": false }, { "type": "title", "position": [ 462, 152, 414, 24 ], "completed": false }, { "type": "description", "position": [ 0, 184, 414, 96 ], "completed": false }, { "type": "description", "position": [ 462, 184, 414, 128 ], "completed": false }, { "type": "title", "position": [ 0, 312, 414, 24 ], "completed": false }, { "type": "description", "position": [ 0, 344, 414, 96 ], "completed": false } ] }, { "text": "#A page for introducing some information about a company to users.# The page should include three parts of the content. Each part contains one title and a brief introduction.", "region_id": "1663", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 21 37 23 | complete image 0 3 5 5 | title 0 12 37 5 ] | [ description 41 21 34 23 | complete image 41 3 5 5 | title 41 12 34 5 ] | [ description 82 21 37 37 | complete image 82 3 5 5 | title 82 12 25 5 ] \"", "layout_seq_without_completion": "\" [ description 0 21 37 23 | image 0 3 5 5 | title 0 12 37 5 ] | [ description 41 21 34 23 | image 41 3 5 5 | title 41 12 34 5 ] | [ description 82 21 37 37 | image 82 3 5 5 | title 82 12 25 5 ] \"", "plain_layout_seq": "description 0 21 37 23 | description 41 21 34 23 | description 82 21 37 37 | image 0 3 5 5 | image 41 3 5 5 | image 82 3 5 5 | title 0 12 37 5 | title 41 12 34 5 | title 82 12 25 5", "canvas_width": 984, "canvas_height": 506, "elements": [ { "type": "image", "position": [ 0, 32, 49, 48 ], "completed": true }, { "type": "image", "position": [ 337, 32, 48, 48 ], "completed": true }, { "type": "image", "position": [ 674, 32, 49, 48 ], "completed": true }, { "type": "title", "position": [ 0, 101, 309, 41 ], "completed": false }, { "type": "title", "position": [ 337, 101, 279, 41 ], "completed": false }, { "type": "title", "position": [ 674, 101, 211, 41 ], "completed": false }, { "type": "description", "position": [ 0, 175, 307, 193 ], "completed": false }, { "type": "description", "position": [ 337, 175, 282, 193 ], "completed": false }, { "type": "description", "position": [ 674, 175, 307, 305 ], "completed": false } ] }, { "text": "# A page to introduce Albertsons Companies.# On the page, there should contain a title \"Albertsons Companies\" and several images showing the logo of the companies. And two small icons are needed to see switch the pages.", "region_id": "633", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'albertsons companies'] ] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] [el:icon [attr:repeat'2'] [attr:size'small'] ] ]", "execution": "multiinfo : icon undefined small | icon undefined small | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "icon 2 27 3 3 | icon 114 27 3 3 | complete image 9 18 23 22 | complete image 61 18 23 22 | complete image 35 18 23 22 | complete image 87 18 23 22 | logo 11 20 19 18 | logo 37 20 19 18 | logo 63 20 19 18 | logo 88 20 19 18 | title 40 8 39 5 | \" [ complete button 54 46 0 0 ] | [ complete button 56 46 0 0 ] | [ complete button 58 46 0 0 ] | [ complete button 60 46 0 0 ] | [ complete button 62 46 0 0 ] | [ complete button 64 46 0 0 ] \"", "layout_seq_without_completion": "icon 2 27 3 3 | icon 114 27 3 3 | image 9 18 23 22 | image 61 18 23 22 | image 35 18 23 22 | image 87 18 23 22 | logo 11 20 19 18 | logo 37 20 19 18 | logo 63 20 19 18 | logo 88 20 19 18 | title 40 8 39 5 | \" [ button 54 46 0 0 ] | [ button 56 46 0 0 ] | [ button 58 46 0 0 ] | [ button 60 46 0 0 ] | [ button 62 46 0 0 ] | [ button 64 46 0 0 ] \"", "plain_layout_seq": "button 54 46 0 0 | button 56 46 0 0 | button 58 46 0 0 | button 60 46 0 0 | button 62 46 0 0 | button 64 46 0 0 | icon 2 27 3 3 | icon 114 27 3 3 | image 9 18 23 22 | image 61 18 23 22 | image 35 18 23 22 | image 87 18 23 22 | logo 11 20 19 18 | logo 37 20 19 18 | logo 63 20 19 18 | logo 88 20 19 18 | title 40 8 39 5", "canvas_width": 1003, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 338, 70, 327, 43 ], "completed": false }, { "type": "image", "position": [ 80, 155, 196, 189 ], "completed": true }, { "type": "image", "position": [ 296, 155, 196, 189 ], "completed": true }, { "type": "image", "position": [ 512, 155, 196, 189 ], "completed": true }, { "type": "image", "position": [ 728, 155, 196, 189 ], "completed": true }, { "type": "logo", "position": [ 743, 170, 166, 158 ], "completed": false }, { "type": "logo", "position": [ 311, 171, 166, 157 ], "completed": false }, { "type": "logo", "position": [ 527, 171, 166, 156 ], "completed": false }, { "type": "logo", "position": [ 95, 172, 166, 155 ], "completed": false }, { "type": "icon", "position": [ 20, 233, 30, 32 ], "completed": false }, { "type": "icon", "position": [ 953, 233, 30, 32 ], "completed": false }, { "type": "button", "position": [ 452, 388, 8, 8 ], "completed": true }, { "type": "button", "position": [ 470, 388, 8, 8 ], "completed": true }, { "type": "button", "position": [ 488, 388, 8, 8 ], "completed": true }, { "type": "button", "position": [ 506, 388, 8, 8 ], "completed": true }, { "type": "button", "position": [ 524, 388, 8, 8 ], "completed": true }, { "type": "button", "position": [ 542, 388, 8, 8 ], "completed": true } ] }, { "text": "#A page for showing the products.#The page should have three groups and each group has an image and a title, \"new arrivals\", \"daily deals\", and \"Harpeth river apparel\".", "region_id": "8443", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'new arrivals, daily deals, harpeth river apparel'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 2 31 36 3 ] | [ title 41 31 36 3 ] | [ title 81 31 36 3 ] \"", "layout_seq_without_completion": "\" [ title 2 31 36 3 ] | [ title 41 31 36 3 ] | [ title 81 31 36 3 ] \"", "plain_layout_seq": "title 2 31 36 3 | title 41 31 36 3 | title 81 31 36 3", "canvas_width": 1024, "canvas_height": 368, "elements": [ { "type": "title", "position": [ 20, 271, 308, 30 ], "completed": false }, { "type": "title", "position": [ 358, 271, 308, 30 ], "completed": false }, { "type": "title", "position": [ 696, 271, 308, 30 ], "completed": false } ] }, { "text": "#A page showing information about promotions.# There should be a category labeled \"Promotions\", followed by two large images showing the details of the promotion such as the marketing language.", "region_id": "169", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text [attr:value'promotions'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image [attr:size 'large'] ] ] ] ]", "execution": "multiinfo : text undefined undefined | { [ image undefined large ] | [ image undefined large ] }", "layout_seq_with_completion": "image 52 3 50 25 | image 0 3 50 25 | text 0 0 120 2", "layout_seq_without_completion": "image 52 3 50 25 | image 0 3 50 25 | text 0 0 120 2", "plain_layout_seq": "image 52 3 50 25 | image 0 3 50 25 | text 0 0 120 2", "canvas_width": 960, "canvas_height": 227, "elements": [ { "type": "text", "position": [ 0, 0, 960, 19 ], "completed": false }, { "type": "image", "position": [ 0, 27, 400, 200 ], "completed": false }, { "type": "image", "position": [ 416, 27, 400, 200 ], "completed": false } ] }, { "text": "# A page for advertising wall art.# The page should have three groups: \"FRAMED WALL ART\" \"POSTER WALL ART\", and \"CANVAS WALL ART\". In each group, there should be an image with a title on it and a button \"SHOP NOW\" for the user to enter the collection to purchase.", "region_id": "7024", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'framed wall art, poster wall art, canvas wall art'] [item [el:image] [el:title] [el:button [attr:value 'SHOP NOW'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 12 30 14 4 | image 0 0 39 37 | title 5 26 28 3 ] | [ button 52 30 14 4 | image 40 0 39 38 | title 45 26 28 3 ] | [ button 92 30 14 4 | image 80 0 39 38 | title 85 26 29 3 ] \"", "layout_seq_without_completion": "\" [ button 12 30 14 4 | image 0 0 39 37 | title 5 26 28 3 ] | [ button 52 30 14 4 | image 40 0 39 38 | title 45 26 28 3 ] | [ button 92 30 14 4 | image 80 0 39 38 | title 85 26 29 3 ] \"", "plain_layout_seq": "button 12 30 14 4 | button 52 30 14 4 | button 92 30 14 4 | image 0 0 39 37 | image 40 0 39 38 | image 80 0 39 38 | title 5 26 28 3 | title 45 26 28 3 | title 85 26 29 3", "canvas_width": 1024, "canvas_height": 385, "elements": [ { "type": "image", "position": [ 0, 0, 335, 324 ], "completed": false }, { "type": "image", "position": [ 345, 0, 335, 325 ], "completed": false }, { "type": "image", "position": [ 689, 0, 335, 325 ], "completed": false }, { "type": "title", "position": [ 44, 230, 247, 32 ], "completed": false }, { "type": "title", "position": [ 391, 230, 242, 32 ], "completed": false }, { "type": "title", "position": [ 733, 230, 248, 32 ], "completed": false }, { "type": "button", "position": [ 104, 262, 127, 42 ], "completed": false }, { "type": "button", "position": [ 449, 263, 127, 42 ], "completed": false }, { "type": "button", "position": [ 793, 263, 127, 42 ], "completed": false } ] }, { "text": "#A page for introducing the businesses of the app to users.# The page should include eight links for users to know the businesses and two text buttons for users to get the free app or schedule an appointment.", "region_id": "770", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'8'] [item [el:link] ] ] [el:button [attr:value'get free app'] ] [el:button [attr:value'schedule an appointment'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 60 35 27 4 | button 36 35 19 4 | complete icon 36 6 3 2 | complete icon 37 35 2 2 | complete icon 66 27 4 2 | complete icon 66 19 3 3 | complete icon 36 20 4 2 | complete icon 36 27 3 2 | complete icon 66 13 4 2 | complete icon 36 13 3 2 | complete icon 66 6 4 2 | complete icon 61 35 2 2 | link 66 13 18 2 | link 36 6 13 2 | link 36 20 15 2 | link 66 20 13 2 | link 66 27 19 2 | link 36 13 12 2 | link 36 27 16 2 | link 66 6 15 2 | complete text 41 36 13 2 | complete text 66 36 20 2", "layout_seq_without_completion": "button 60 35 27 4 | button 36 35 19 4 | icon 36 6 3 2 | icon 37 35 2 2 | icon 66 27 4 2 | icon 66 19 3 3 | icon 36 20 4 2 | icon 36 27 3 2 | icon 66 13 4 2 | icon 36 13 3 2 | icon 66 6 4 2 | icon 61 35 2 2 | link 66 13 18 2 | link 36 6 13 2 | link 36 20 15 2 | link 66 20 13 2 | link 66 27 19 2 | link 36 13 12 2 | link 36 27 16 2 | link 66 6 15 2 | text 41 36 13 2 | text 66 36 20 2", "plain_layout_seq": "button 60 35 27 4 | button 36 35 19 4 | icon 36 6 3 2 | icon 37 35 2 2 | icon 66 27 4 2 | icon 66 19 3 3 | icon 36 20 4 2 | icon 36 27 3 2 | icon 66 13 4 2 | icon 36 13 3 2 | icon 66 6 4 2 | icon 61 35 2 2 | link 66 13 18 2 | link 36 6 13 2 | link 36 20 15 2 | link 66 20 13 2 | link 66 27 19 2 | link 36 13 12 2 | link 36 27 16 2 | link 66 6 15 2 | text 41 36 13 2 | text 66 36 20 2", "canvas_width": 1003, "canvas_height": 392, "elements": [ { "type": "icon", "position": [ 302, 54, 32, 25 ], "completed": true }, { "type": "icon", "position": [ 552, 54, 40, 25 ], "completed": true }, { "type": "link", "position": [ 302, 58, 111, 18 ], "completed": false }, { "type": "link", "position": [ 552, 58, 126, 18 ], "completed": false }, { "type": "icon", "position": [ 302, 112, 28, 25 ], "completed": true }, { "type": "icon", "position": [ 552, 112, 40, 25 ], "completed": true }, { "type": "link", "position": [ 302, 116, 102, 18 ], "completed": false }, { "type": "link", "position": [ 552, 116, 151, 18 ], "completed": false }, { "type": "icon", "position": [ 555, 167, 32, 32 ], "completed": true }, { "type": "icon", "position": [ 302, 170, 41, 25 ], "completed": true }, { "type": "link", "position": [ 302, 174, 133, 18 ], "completed": false }, { "type": "link", "position": [ 552, 174, 111, 18 ], "completed": false }, { "type": "icon", "position": [ 302, 228, 33, 25 ], "completed": true }, { "type": "icon", "position": [ 552, 228, 40, 25 ], "completed": true }, { "type": "link", "position": [ 302, 232, 134, 18 ], "completed": false }, { "type": "link", "position": [ 552, 232, 161, 18 ], "completed": false }, { "type": "button", "position": [ 302, 293, 166, 39 ], "completed": false }, { "type": "button", "position": [ 507, 293, 227, 39 ], "completed": false }, { "type": "icon", "position": [ 312, 300, 25, 25 ], "completed": true }, { "type": "icon", "position": [ 517, 300, 25, 25 ], "completed": true }, { "type": "text", "position": [ 347, 303, 111, 17 ], "completed": true }, { "type": "text", "position": [ 552, 303, 172, 17 ], "completed": true } ] }, { "text": "# A page for marketing a quiz maker.# The page should have two groups \"The Quiz Maker for Professionals\" and \"Create Customer Test & Exams Online\" to introduce the quiz maker. In the first group, there should have a video for the user to watch for more info. In the second group, there should be eight entries of brief introduction, and a link to \"Quiz Maker Features\" for the user to know more info.", "region_id": "2656", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'The Quiz Maker for Professionals'] ] [el:image] ] [item [el:title [attr:value 'Create Customer Test & Exams Online'] ] [el:description [attr:repeat '8'] ] [el:link [attr:value 'Quiz Maker Features'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 62 20 36 2 | description 62 26 46 2 | description 62 8 14 2 | description 62 29 49 2 | description 62 11 22 2 | description 62 17 33 2 | description 62 23 41 2 | description 62 14 29 2 | image 1 7 52 29 | link 60 33 23 3 | complete text 62 34 19 1 | title 1 0 52 6 | title 60 0 55 6", "layout_seq_without_completion": "description 62 20 36 2 | description 62 26 46 2 | description 62 8 14 2 | description 62 29 49 2 | description 62 11 22 2 | description 62 17 33 2 | description 62 23 41 2 | description 62 14 29 2 | image 1 7 52 29 | link 60 33 23 3 | text 62 34 19 1 | title 1 0 52 6 | title 60 0 55 6", "plain_layout_seq": "description 62 20 36 2 | description 62 26 46 2 | description 62 8 14 2 | description 62 29 49 2 | description 62 11 22 2 | description 62 17 33 2 | description 62 23 41 2 | description 62 14 29 2 | image 1 7 52 29 | link 60 33 23 3 | text 62 34 19 1 | title 1 0 52 6 | title 60 0 55 6", "canvas_width": 1024, "canvas_height": 353, "elements": [ { "type": "title", "position": [ 10, 0, 447, 53 ], "completed": false }, { "type": "title", "position": [ 519, 0, 472, 53 ], "completed": false }, { "type": "image", "position": [ 10, 66, 448, 252 ], "completed": false }, { "type": "description", "position": [ 536, 71, 126, 19 ], "completed": false }, { "type": "description", "position": [ 536, 96, 188, 19 ], "completed": false }, { "type": "description", "position": [ 536, 122, 251, 19 ], "completed": false }, { "type": "description", "position": [ 536, 147, 283, 19 ], "completed": false }, { "type": "description", "position": [ 536, 172, 311, 19 ], "completed": false }, { "type": "description", "position": [ 536, 198, 356, 19 ], "completed": false }, { "type": "description", "position": [ 536, 223, 393, 19 ], "completed": false }, { "type": "description", "position": [ 536, 248, 421, 19 ], "completed": false }, { "type": "link", "position": [ 519, 288, 203, 32 ], "completed": false }, { "type": "text", "position": [ 536, 295, 170, 17 ], "completed": true } ] }, { "text": "#A page for introducing the play.#The page should have two groups and each group has an image and a title, \"outdoor toys$games\" and \"summer party&supplies\".", "region_id": "5239", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'outdoor toys$games, summer party&supplies'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 8 56 31 | image 61 8 56 31 | complete title 1 1 117 5 | title 2 41 56 3 | title 61 41 56 3", "layout_seq_without_completion": "image 2 8 56 31 | image 61 8 56 31 | title 1 1 117 5 | title 2 41 56 3 | title 61 41 56 3", "plain_layout_seq": "image 2 8 56 31 | image 61 8 56 31 | title 1 1 117 5 | title 2 41 56 3 | title 61 41 56 3", "canvas_width": 1024, "canvas_height": 421, "elements": [ { "type": "title", "position": [ 10, 10, 1004, 46 ], "completed": true }, { "type": "image", "position": [ 20, 70, 482, 272 ], "completed": false }, { "type": "image", "position": [ 522, 70, 482, 272 ], "completed": false }, { "type": "title", "position": [ 20, 353, 482, 28 ], "completed": false }, { "type": "title", "position": [ 522, 353, 482, 28 ], "completed": false } ] }, { "text": "#A page for introducing the ten products.#A page should have ten groups and each group has an image and a title, \"Guitars\", \"Live Sound\", \"Dj\", \"Drum\", \"Bass\", \"Recording\", \"Keyboard\", \"Computer Audio\", \"Accessories\", and \"Outlet Zone\".", "region_id": "2675", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '10'] [gattr:names 'guitars, live sound, dj, drum, bass, recording,Keyboard, Computer Audio, Accessories, Outlet Zone'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 2 1 18 11 | complete image 0 0 23 17 | image 26 1 18 11 | complete image 24 0 23 17 | image 50 1 18 11 | image 75 1 18 11 | complete image 96 0 23 17 | complete image 0 18 23 17 | complete image 48 0 23 17 | complete image 72 0 23 17 | image 99 1 18 11 | image 2 20 18 11 | image 26 20 18 11 | complete image 24 18 23 17 | image 50 20 18 11 | complete image 48 18 23 17 | image 75 20 18 11 | complete image 72 18 23 17 | image 99 20 18 11 | complete image 96 18 23 17 | title 24 32 22 2 | title 48 32 22 2 | title 96 13 22 2 | title 72 13 22 2 | title 0 13 22 2 | title 0 32 22 2 | title 72 32 22 2 | title 24 13 22 2 | title 48 13 22 2 | title 96 32 22 2", "layout_seq_without_completion": "image 2 1 18 11 | image 0 0 23 17 | image 26 1 18 11 | image 24 0 23 17 | image 50 1 18 11 | image 75 1 18 11 | image 96 0 23 17 | image 0 18 23 17 | image 48 0 23 17 | image 72 0 23 17 | image 99 1 18 11 | image 2 20 18 11 | image 26 20 18 11 | image 24 18 23 17 | image 50 20 18 11 | image 48 18 23 17 | image 75 20 18 11 | image 72 18 23 17 | image 99 20 18 11 | image 96 18 23 17 | title 24 32 22 2 | title 48 32 22 2 | title 96 13 22 2 | title 72 13 22 2 | title 0 13 22 2 | title 0 32 22 2 | title 72 32 22 2 | title 24 13 22 2 | title 48 13 22 2 | title 96 32 22 2", "plain_layout_seq": "image 2 1 18 11 | image 0 0 23 17 | image 26 1 18 11 | image 24 0 23 17 | image 50 1 18 11 | image 75 1 18 11 | image 96 0 23 17 | image 0 18 23 17 | image 48 0 23 17 | image 72 0 23 17 | image 99 1 18 11 | image 2 20 18 11 | image 26 20 18 11 | image 24 18 23 17 | image 50 20 18 11 | image 48 18 23 17 | image 75 20 18 11 | image 72 18 23 17 | image 99 20 18 11 | image 96 18 23 17 | title 24 32 22 2 | title 48 32 22 2 | title 96 13 22 2 | title 72 13 22 2 | title 0 13 22 2 | title 0 32 22 2 | title 72 32 22 2 | title 24 13 22 2 | title 48 13 22 2 | title 96 32 22 2", "canvas_width": 1240, "canvas_height": 380, "elements": [ { "type": "image", "position": [ 0, 0, 239, 185 ], "completed": true }, { "type": "image", "position": [ 250, 0, 239, 185 ], "completed": true }, { "type": "image", "position": [ 500, 0, 240, 185 ], "completed": true }, { "type": "image", "position": [ 751, 0, 239, 185 ], "completed": true }, { "type": "image", "position": [ 1001, 0, 239, 185 ], "completed": true }, { "type": "image", "position": [ 25, 12, 189, 114 ], "completed": false }, { "type": "image", "position": [ 275, 12, 189, 114 ], "completed": false }, { "type": "image", "position": [ 525, 12, 189, 114 ], "completed": false }, { "type": "image", "position": [ 775, 12, 189, 114 ], "completed": false }, { "type": "image", "position": [ 1026, 12, 189, 114 ], "completed": false }, { "type": "title", "position": [ 1, 143, 237, 25 ], "completed": false }, { "type": "title", "position": [ 251, 143, 237, 25 ], "completed": false }, { "type": "title", "position": [ 501, 143, 237, 25 ], "completed": false }, { "type": "title", "position": [ 752, 143, 237, 25 ], "completed": false }, { "type": "title", "position": [ 1002, 143, 237, 25 ], "completed": false }, { "type": "image", "position": [ 0, 196, 239, 184 ], "completed": true }, { "type": "image", "position": [ 250, 196, 239, 184 ], "completed": true }, { "type": "image", "position": [ 500, 196, 240, 184 ], "completed": true }, { "type": "image", "position": [ 751, 196, 239, 184 ], "completed": true }, { "type": "image", "position": [ 1001, 196, 239, 184 ], "completed": true }, { "type": "image", "position": [ 25, 208, 189, 114 ], "completed": false }, { "type": "image", "position": [ 275, 208, 189, 114 ], "completed": false }, { "type": "image", "position": [ 525, 208, 189, 114 ], "completed": false }, { "type": "image", "position": [ 775, 208, 189, 114 ], "completed": false }, { "type": "image", "position": [ 1026, 208, 189, 114 ], "completed": false }, { "type": "title", "position": [ 1, 338, 237, 25 ], "completed": false }, { "type": "title", "position": [ 251, 338, 237, 25 ], "completed": false }, { "type": "title", "position": [ 501, 338, 237, 25 ], "completed": false }, { "type": "title", "position": [ 752, 338, 237, 25 ], "completed": false }, { "type": "title", "position": [ 1002, 338, 237, 25 ], "completed": false } ] }, { "text": "#A page for introducing some content about a company.# The page should have 3 groups each group has a title and a text to introduce some content about a company.", "region_id": "6700", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 11 14 27 18 | description 46 14 27 21 | description 80 18 27 21 | title 15 9 20 3 | title 50 9 18 3 | title 80 9 27 7", "layout_seq_without_completion": "description 11 14 27 18 | description 46 14 27 21 | description 80 18 27 21 | title 15 9 20 3 | title 50 9 18 3 | title 80 9 27 7", "plain_layout_seq": "description 11 14 27 18 | description 46 14 27 21 | description 80 18 27 21 | title 15 9 20 3 | title 50 9 18 3 | title 80 9 27 7", "canvas_width": 1009, "canvas_height": 416, "elements": [ { "type": "title", "position": [ 129, 80, 171, 32 ], "completed": false }, { "type": "title", "position": [ 425, 80, 159, 32 ], "completed": false }, { "type": "title", "position": [ 679, 80, 230, 65 ], "completed": false }, { "type": "description", "position": [ 100, 124, 230, 154 ], "completed": false }, { "type": "description", "position": [ 390, 124, 230, 179 ], "completed": false }, { "type": "description", "position": [ 679, 157, 230, 179 ], "completed": false } ] }, { "text": "# A page to advertise the most favorited collection in an online shop. # The page should have the title \"Our Most Favorited Collections\" and a link \"View all\" for the user to click to view all products. Then there should have five categories with each having an image and a category name.", "region_id": "8052", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our most favorited collections'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 4 7 19 19 | image 27 7 19 19 | image 95 7 19 19 | image 50 7 19 19 | image 73 7 19 19 | link 109 0 8 3 | text 29 28 19 2 | text 74 28 19 2 | text 97 28 19 2 | text 6 28 19 2 | text 51 28 19 2 | title 4 0 30 3", "layout_seq_without_completion": "image 4 7 19 19 | image 27 7 19 19 | image 95 7 19 19 | image 50 7 19 19 | image 73 7 19 19 | link 109 0 8 3 | text 29 28 19 2 | text 74 28 19 2 | text 97 28 19 2 | text 6 28 19 2 | text 51 28 19 2 | title 4 0 30 3", "plain_layout_seq": "image 4 7 19 19 | image 27 7 19 19 | image 95 7 19 19 | image 50 7 19 19 | image 73 7 19 19 | link 109 0 8 3 | text 29 28 19 2 | text 74 28 19 2 | text 97 28 19 2 | text 6 28 19 2 | text 51 28 19 2 | title 4 0 30 3", "canvas_width": 1024, "canvas_height": 269, "elements": [ { "type": "title", "position": [ 40, 0, 259, 33 ], "completed": false }, { "type": "link", "position": [ 936, 5, 74, 30 ], "completed": false }, { "type": "image", "position": [ 40, 65, 166, 166 ], "completed": false }, { "type": "image", "position": [ 234, 65, 166, 166 ], "completed": false }, { "type": "image", "position": [ 429, 65, 166, 166 ], "completed": false }, { "type": "image", "position": [ 623, 65, 166, 166 ], "completed": false }, { "type": "image", "position": [ 818, 65, 166, 166 ], "completed": false }, { "type": "text", "position": [ 54, 245, 166, 24 ], "completed": false }, { "type": "text", "position": [ 248, 245, 166, 24 ], "completed": false }, { "type": "text", "position": [ 443, 245, 166, 24 ], "completed": false }, { "type": "text", "position": [ 637, 245, 166, 24 ], "completed": false }, { "type": "text", "position": [ 832, 245, 166, 24 ], "completed": false } ] }, { "text": "#A page for users to discover travel moments.# There is one title\"Discover story-worthy travel moments\". And three are three parts. Each part includes one description, and one button for users to discover more.", "region_id": "2866", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Discover story-worthy travel moments'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined ] | [ button undefined undefined | description undefined undefined ] | [ button undefined undefined | description undefined undefined ] }", "layout_seq_with_completion": "title 9 27 101 22 | \" [ complete background 0 0 39 86 | button 33 79 3 3 | description 2 65 23 18 ] | [ complete background 39 0 39 86 | button 73 79 3 3 | description 42 60 23 22 ] | [ complete background 80 0 39 86 | button 113 79 3 3 | description 82 56 23 27 ] \"", "layout_seq_without_completion": "title 9 27 101 22 | \" [ background 0 0 39 86 | button 33 79 3 3 | description 2 65 23 18 ] | [ background 39 0 39 86 | button 73 79 3 3 | description 42 60 23 22 ] | [ background 80 0 39 86 | button 113 79 3 3 | description 82 56 23 27 ] \"", "plain_layout_seq": "background 0 0 39 86 | background 39 0 39 86 | background 80 0 39 86 | button 33 79 3 3 | button 73 79 3 3 | button 113 79 3 3 | description 2 65 23 18 | description 42 60 23 22 | description 82 56 23 27 | title 9 27 101 22", "canvas_width": 1060, "canvas_height": 768, "elements": [ { "type": "background", "position": [ 0, 0, 353, 768 ], "completed": true }, { "type": "background", "position": [ 353, 0, 353, 768 ], "completed": true }, { "type": "background", "position": [ 707, 0, 353, 768 ], "completed": true }, { "type": "title", "position": [ 82, 244, 896, 199 ], "completed": false }, { "type": "description", "position": [ 731, 496, 204, 240 ], "completed": false }, { "type": "description", "position": [ 377, 536, 204, 200 ], "completed": false }, { "type": "description", "position": [ 24, 576, 204, 160 ], "completed": false }, { "type": "button", "position": [ 297, 704, 32, 32 ], "completed": false }, { "type": "button", "position": [ 651, 704, 32, 32 ], "completed": false }, { "type": "button", "position": [ 1004, 704, 32, 32 ], "completed": false } ] }, { "text": "#A page to show employment information for employees.# The title of \"vacancies hub\" is set on the top left-hand of the page. Under this, two groups of information are involved. Each contains a picture placed above a button of \"service\", with an icon next to the word \"service\".", "region_id": "3627", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'vacancies hub'] [attr:position 'top-left'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:button[attr:value 'service']] [el:icon] ] ] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined | icon undefined undefined | image undefined undefined ] | [ button undefined undefined | icon undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 23 3", "layout_seq_without_completion": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 23 3", "plain_layout_seq": "button 61 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 42 7 34 17 | title 2 0 23 3", "canvas_width": 1024, "canvas_height": 277, "elements": [ { "type": "title", "position": [ 25, 8, 201, 30 ], "completed": false }, { "type": "image", "position": [ 50, 66, 295, 153 ], "completed": false }, { "type": "image", "position": [ 365, 66, 295, 153 ], "completed": false }, { "type": "button", "position": [ 209, 227, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 227, 116, 30 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by BuddyBoss to make the user grow. # The page should have a title \"Grow.\", a short description, and six groups of information sets. In each group, there should contain a small image and a title showing what BuddyBoss can provide.", "region_id": "4417", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'grow.'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] | [ image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 2 23 115 13 | complete image 41 76 36 32 | image 55 44 9 9 | complete image 81 40 36 32 | complete image 41 40 36 32 | image 15 44 9 9 | image 94 44 9 9 | complete image 2 76 36 32 | complete image 81 76 36 32 | complete image 2 40 36 32 | image 15 81 9 9 | image 55 81 9 9 | image 94 81 9 9 | title 5 95 28 4 | title 85 95 28 9 | title 5 58 28 9 | title 85 58 28 4 | title 45 95 28 4 | title 45 58 28 9 | title 2 14 115 6", "layout_seq_without_completion": "description 2 23 115 13 | image 41 76 36 32 | image 55 44 9 9 | image 81 40 36 32 | image 41 40 36 32 | image 15 44 9 9 | image 94 44 9 9 | image 2 76 36 32 | image 81 76 36 32 | image 2 40 36 32 | image 15 81 9 9 | image 55 81 9 9 | image 94 81 9 9 | title 5 95 28 4 | title 85 95 28 9 | title 5 58 28 9 | title 85 58 28 4 | title 45 95 28 4 | title 45 58 28 9 | title 2 14 115 6", "plain_layout_seq": "description 2 23 115 13 | image 41 76 36 32 | image 55 44 9 9 | image 81 40 36 32 | image 41 40 36 32 | image 15 44 9 9 | image 94 44 9 9 | image 2 76 36 32 | image 81 76 36 32 | image 2 40 36 32 | image 15 81 9 9 | image 55 81 9 9 | image 94 81 9 9 | title 5 95 28 4 | title 85 95 28 9 | title 5 58 28 9 | title 85 58 28 4 | title 45 95 28 4 | title 45 58 28 9 | title 2 14 115 6", "canvas_width": 1009, "canvas_height": 951, "elements": [ { "type": "title", "position": [ 20, 120, 969, 55 ], "completed": false }, { "type": "description", "position": [ 20, 201, 969, 110 ], "completed": false }, { "type": "image", "position": [ 20, 337, 303, 277 ], "completed": true }, { "type": "image", "position": [ 353, 337, 303, 277 ], "completed": true }, { "type": "image", "position": [ 686, 337, 303, 277 ], "completed": true }, { "type": "image", "position": [ 130, 377, 82, 82 ], "completed": false }, { "type": "image", "position": [ 464, 377, 82, 82 ], "completed": false }, { "type": "image", "position": [ 796, 377, 82, 82 ], "completed": false }, { "type": "title", "position": [ 50, 494, 243, 80 ], "completed": false }, { "type": "title", "position": [ 383, 494, 243, 80 ], "completed": false }, { "type": "title", "position": [ 716, 494, 243, 40 ], "completed": false }, { "type": "image", "position": [ 20, 644, 303, 277 ], "completed": true }, { "type": "image", "position": [ 353, 644, 303, 277 ], "completed": true }, { "type": "image", "position": [ 686, 644, 303, 277 ], "completed": true }, { "type": "image", "position": [ 130, 684, 82, 82 ], "completed": false }, { "type": "image", "position": [ 464, 684, 82, 82 ], "completed": false }, { "type": "image", "position": [ 796, 684, 82, 82 ], "completed": false }, { "type": "title", "position": [ 50, 801, 243, 40 ], "completed": false }, { "type": "title", "position": [ 383, 801, 243, 40 ], "completed": false }, { "type": "title", "position": [ 716, 801, 243, 80 ], "completed": false } ] }, { "text": "# A page presenting the collections in an online shop. # The page should have a title \"Collections\" and six categories with each including an image and a link with a small icon for the user to click to enter each collection.", "region_id": "6855", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:link] [el:icon [attr:size 'small']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "title 5 0 13 3 | \" [ icon 22 45 1 1 | image 5 7 35 35 | complete image 5 7 35 42 | complete image 5 42 35 7 | link 9 44 11 2 ] | [ icon 54 45 1 1 | image 42 7 35 35 | complete image 42 7 35 42 | complete image 42 42 35 7 | link 45 44 7 2 ] | [ icon 95 45 1 1 | image 78 7 35 35 | complete image 78 7 35 42 | complete image 78 42 35 7 | link 82 44 11 2 ] | [ icon 18 89 1 1 | image 5 51 35 35 | complete image 5 51 35 42 | complete image 5 86 35 7 | link 9 88 7 2 ] | [ icon 55 89 1 1 | image 42 51 35 35 | complete image 42 51 35 42 | complete image 42 86 35 7 | link 45 88 8 2 ] | [ icon 93 89 1 1 | image 78 51 35 35 | complete image 78 51 35 42 | complete image 78 86 35 7 | link 82 88 9 2 ] \"", "layout_seq_without_completion": "title 5 0 13 3 | \" [ icon 22 45 1 1 | image 5 7 35 35 | image 5 7 35 42 | image 5 42 35 7 | link 9 44 11 2 ] | [ icon 54 45 1 1 | image 42 7 35 35 | image 42 7 35 42 | image 42 42 35 7 | link 45 44 7 2 ] | [ icon 95 45 1 1 | image 78 7 35 35 | image 78 7 35 42 | image 78 42 35 7 | link 82 44 11 2 ] | [ icon 18 89 1 1 | image 5 51 35 35 | image 5 51 35 42 | image 5 86 35 7 | link 9 88 7 2 ] | [ icon 55 89 1 1 | image 42 51 35 35 | image 42 51 35 42 | image 42 86 35 7 | link 45 88 8 2 ] | [ icon 93 89 1 1 | image 78 51 35 35 | image 78 51 35 42 | image 78 86 35 7 | link 82 88 9 2 ] \"", "plain_layout_seq": "icon 22 45 1 1 | icon 54 45 1 1 | icon 95 45 1 1 | icon 18 89 1 1 | icon 55 89 1 1 | icon 93 89 1 1 | image 5 7 35 35 | image 5 7 35 42 | image 5 42 35 7 | image 42 7 35 35 | image 42 7 35 42 | image 42 42 35 7 | image 78 7 35 35 | image 78 7 35 42 | image 78 42 35 7 | image 5 51 35 35 | image 5 51 35 42 | image 5 86 35 7 | image 42 51 35 35 | image 42 51 35 42 | image 42 86 35 7 | image 78 51 35 35 | image 78 51 35 42 | image 78 86 35 7 | link 9 44 11 2 | link 45 44 7 2 | link 82 44 11 2 | link 9 88 7 2 | link 45 88 8 2 | link 82 88 9 2 | title 5 0 13 3", "canvas_width": 1024, "canvas_height": 812, "elements": [ { "type": "title", "position": [ 50, 0, 119, 32 ], "completed": false }, { "type": "image", "position": [ 51, 63, 299, 299 ], "completed": false }, { "type": "image", "position": [ 51, 63, 299, 363 ], "completed": true }, { "type": "image", "position": [ 362, 63, 299, 363 ], "completed": true }, { "type": "image", "position": [ 362, 63, 299, 299 ], "completed": false }, { "type": "image", "position": [ 674, 63, 299, 363 ], "completed": true }, { "type": "image", "position": [ 674, 63, 299, 299 ], "completed": false }, { "type": "image", "position": [ 51, 362, 299, 64 ], "completed": true }, { "type": "image", "position": [ 362, 362, 299, 64 ], "completed": true }, { "type": "image", "position": [ 674, 362, 299, 64 ], "completed": true }, { "type": "link", "position": [ 81, 382, 100, 23 ], "completed": false }, { "type": "link", "position": [ 392, 382, 60, 23 ], "completed": false }, { "type": "link", "position": [ 704, 382, 100, 23 ], "completed": false }, { "type": "icon", "position": [ 194, 389, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 465, 389, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 816, 389, 15, 11 ], "completed": false }, { "type": "image", "position": [ 51, 437, 299, 363 ], "completed": true }, { "type": "image", "position": [ 51, 437, 299, 299 ], "completed": false }, { "type": "image", "position": [ 362, 437, 299, 299 ], "completed": false }, { "type": "image", "position": [ 362, 437, 299, 363 ], "completed": true }, { "type": "image", "position": [ 674, 437, 299, 363 ], "completed": true }, { "type": "image", "position": [ 674, 437, 299, 299 ], "completed": false }, { "type": "image", "position": [ 51, 737, 299, 64 ], "completed": true }, { "type": "image", "position": [ 362, 737, 299, 64 ], "completed": true }, { "type": "image", "position": [ 674, 737, 299, 64 ], "completed": true }, { "type": "link", "position": [ 81, 757, 62, 23 ], "completed": false }, { "type": "link", "position": [ 392, 757, 70, 23 ], "completed": false }, { "type": "link", "position": [ 704, 757, 81, 23 ], "completed": false }, { "type": "icon", "position": [ 156, 764, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 475, 764, 14, 11 ], "completed": false }, { "type": "icon", "position": [ 798, 764, 15, 11 ], "completed": false } ] }, { "text": "#A page for introducing the sponsored content to users.# The page should include one text box for the title and four parts of the content. Each part contains an image and a brief description of the sponsored content.", "region_id": "10", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 89 3 26 1 | image 89 10 25 29 | image 33 10 25 29 | image 4 10 25 29 | image 61 10 25 29 | title 3 3 112 4", "layout_seq_without_completion": "description 89 3 26 1 | image 89 10 25 29 | image 33 10 25 29 | image 4 10 25 29 | image 61 10 25 29 | title 3 3 112 4", "plain_layout_seq": "description 89 3 26 1 | image 89 10 25 29 | image 33 10 25 29 | image 4 10 25 29 | image 61 10 25 29 | title 3 3 112 4", "canvas_width": 1024, "canvas_height": 379, "elements": [ { "type": "title", "position": [ 32, 30, 960, 37 ], "completed": false }, { "type": "description", "position": [ 762, 30, 230, 16 ], "completed": false }, { "type": "image", "position": [ 42, 87, 220, 252 ], "completed": false }, { "type": "image", "position": [ 282, 87, 220, 252 ], "completed": false }, { "type": "image", "position": [ 522, 87, 220, 252 ], "completed": false }, { "type": "image", "position": [ 762, 87, 220, 252 ], "completed": false } ] }, { "text": "#A page for introducing a self-contained Java-based program named \"Jenkins\" to users.# This page should contain six groups of information about \"Jenkins\". Each group should include one icon on the left, one title on the top, and a brief description under the title.", "region_id": "6055", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:icon [attr:position 'left'] ] [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon left undefined | title top undefined ] | [ description undefined small | icon left undefined | title top undefined ] | [ description undefined small | icon left undefined | title top undefined ] | [ description undefined small | icon left undefined | title top undefined ] | [ description undefined small | icon left undefined | title top undefined ] | [ description undefined small | icon left undefined | title top undefined ] }", "layout_seq_with_completion": "description 13 32 25 11 | description 13 12 25 8 | description 49 10 25 11 | description 85 10 25 9 | description 49 32 25 6 | description 85 32 25 9 | icon 78 7 6 6 | icon 41 7 6 6 | icon 5 29 6 6 | icon 41 29 6 6 | icon 78 29 6 6 | icon 5 7 6 6 | title 49 6 25 2 | title 13 6 25 5 | title 85 6 25 2 | title 85 29 25 2 | title 49 29 25 2 | title 13 29 25 2", "layout_seq_without_completion": "description 13 32 25 11 | description 13 12 25 8 | description 49 10 25 11 | description 85 10 25 9 | description 49 32 25 6 | description 85 32 25 9 | icon 78 7 6 6 | icon 41 7 6 6 | icon 5 29 6 6 | icon 41 29 6 6 | icon 78 29 6 6 | icon 5 7 6 6 | title 49 6 25 2 | title 13 6 25 5 | title 85 6 25 2 | title 85 29 25 2 | title 49 29 25 2 | title 13 29 25 2", "plain_layout_seq": "description 13 32 25 11 | description 13 12 25 8 | description 49 10 25 11 | description 85 10 25 9 | description 49 32 25 6 | description 85 32 25 9 | icon 78 7 6 6 | icon 41 7 6 6 | icon 5 29 6 6 | icon 41 29 6 6 | icon 78 29 6 6 | icon 5 7 6 6 | title 49 6 25 2 | title 13 6 25 5 | title 85 6 25 2 | title 85 29 25 2 | title 49 29 25 2 | title 13 29 25 2", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "title", "position": [ 111, 59, 219, 45 ], "completed": false }, { "type": "title", "position": [ 421, 59, 219, 23 ], "completed": false }, { "type": "title", "position": [ 731, 59, 219, 23 ], "completed": false }, { "type": "icon", "position": [ 47, 60, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 357, 60, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 667, 60, 52, 52 ], "completed": false }, { "type": "description", "position": [ 421, 87, 219, 96 ], "completed": false }, { "type": "description", "position": [ 731, 87, 219, 77 ], "completed": false }, { "type": "description", "position": [ 111, 110, 219, 76 ], "completed": false }, { "type": "title", "position": [ 111, 251, 219, 23 ], "completed": false }, { "type": "title", "position": [ 421, 251, 219, 23 ], "completed": false }, { "type": "title", "position": [ 731, 251, 219, 23 ], "completed": false }, { "type": "icon", "position": [ 47, 252, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 357, 252, 52, 52 ], "completed": false }, { "type": "icon", "position": [ 667, 252, 52, 52 ], "completed": false }, { "type": "description", "position": [ 111, 279, 219, 96 ], "completed": false }, { "type": "description", "position": [ 421, 279, 219, 57 ], "completed": false }, { "type": "description", "position": [ 731, 279, 219, 77 ], "completed": false } ] }, { "text": "#A page for users to buy food.# There are four groups. Each group includes one image showing the food, and one label showing their food type.", "region_id": "3486", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 91 6 26 33 | image 61 6 26 33 | image 1 6 26 33 | image 31 6 26 33 | title 7 35 14 2 | title 70 35 8 2 | title 100 35 9 2 | title 38 35 13 2", "layout_seq_without_completion": "image 91 6 26 33 | image 61 6 26 33 | image 1 6 26 33 | image 31 6 26 33 | title 7 35 14 2 | title 70 35 8 2 | title 100 35 9 2 | title 38 35 13 2", "plain_layout_seq": "image 91 6 26 33 | image 61 6 26 33 | image 1 6 26 33 | image 31 6 26 33 | title 7 35 14 2 | title 70 35 8 2 | title 100 35 9 2 | title 38 35 13 2", "canvas_width": 1035, "canvas_height": 405, "elements": [ { "type": "image", "position": [ 16, 60, 227, 285 ], "completed": false }, { "type": "image", "position": [ 275, 60, 227, 285 ], "completed": false }, { "type": "image", "position": [ 534, 60, 227, 285 ], "completed": false }, { "type": "image", "position": [ 792, 60, 227, 285 ], "completed": false }, { "type": "title", "position": [ 67, 304, 125, 22 ], "completed": false }, { "type": "title", "position": [ 329, 304, 118, 22 ], "completed": false }, { "type": "title", "position": [ 609, 304, 77, 22 ], "completed": false }, { "type": "title", "position": [ 866, 304, 79, 22 ], "completed": false } ] }, { "text": "# A page showing the latest news in an online shop. # The page should have the title \"Latest News\" and two groups of news. Each group should have an image, a title, a further description, and a link \"Read More\" with a small icon on the right for the user to click to enter the news to read more.", "region_id": "7440", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'latest news'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] [el:link [attr:value 'read more'] ] [el:icon [attr:size 'small'] [attr:position 'right'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon right small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon right small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 49 0 21 5 | \" [ description 1 51 42 5 | icon 12 60 1 1 | image 1 9 56 33 | link 1 60 9 1 | title 1 46 56 3 ] | [ description 61 51 42 5 | icon 72 60 1 1 | image 61 9 56 33 | link 61 60 9 1 | title 61 46 56 3 ] \"", "layout_seq_without_completion": "title 49 0 21 5 | \" [ description 1 51 42 5 | icon 12 60 1 1 | image 1 9 56 33 | link 1 60 9 1 | title 1 46 56 3 ] | [ description 61 51 42 5 | icon 72 60 1 1 | image 61 9 56 33 | link 61 60 9 1 | title 61 46 56 3 ] \"", "plain_layout_seq": "description 1 51 42 5 | description 61 51 42 5 | icon 12 60 1 1 | icon 72 60 1 1 | image 1 9 56 33 | image 61 9 56 33 | link 1 60 9 1 | link 61 60 9 1 | title 49 0 21 5 | title 1 46 56 3 | title 61 46 56 3", "canvas_width": 1024, "canvas_height": 558, "elements": [ { "type": "title", "position": [ 422, 0, 180, 48 ], "completed": false }, { "type": "image", "position": [ 15, 78, 478, 288 ], "completed": false }, { "type": "image", "position": [ 523, 78, 478, 288 ], "completed": false }, { "type": "title", "position": [ 15, 396, 478, 28 ], "completed": false }, { "type": "title", "position": [ 523, 396, 478, 28 ], "completed": false }, { "type": "description", "position": [ 15, 436, 359, 48 ], "completed": false }, { "type": "description", "position": [ 523, 436, 359, 48 ], "completed": false }, { "type": "link", "position": [ 15, 515, 82, 16 ], "completed": false }, { "type": "icon", "position": [ 110, 515, 14, 13 ], "completed": false }, { "type": "link", "position": [ 523, 515, 82, 16 ], "completed": false }, { "type": "icon", "position": [ 618, 515, 14, 13 ], "completed": false } ] }, { "text": "#A page for showing the products.#The page should have three groups and each group has an image and a title, \"poshak\", \"traditional Rajputi jewellery\", and \"beautiful Jutti's\"", "region_id": "6823", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'poshak, traditional rajputi jewellery, beautiful juttis'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 43 14 33 8 ] | [ title 13 16 13 4 ] | [ title 84 16 31 4 ] \"", "layout_seq_without_completion": "\" [ title 43 14 33 8 ] | [ title 13 16 13 4 ] | [ title 84 16 31 4 ] \"", "plain_layout_seq": "title 43 14 33 8 | title 13 16 13 4 | title 84 16 31 4", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "title", "position": [ 369, 126, 285, 69 ], "completed": false }, { "type": "title", "position": [ 111, 142, 119, 36 ], "completed": false }, { "type": "title", "position": [ 721, 142, 265, 36 ], "completed": false } ] }, { "text": "#A page introducing the services of a company.# There should be four categories. In each category, there needs to be an image,an explanation and a link for more info. There is also a page number button below.", "region_id": "1384", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:description] [el:link [attr:value'read more'] ] ] ] [el:pagination [attr:position'bottom'] ] ]", "execution": "multiinfo : pagination bottom undefined | { [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete button 58 34 2 2 | description 88 14 24 8 | description 6 14 24 8 | description 34 14 24 8 | description 61 14 24 8 | image 6 0 24 31 | image 33 0 24 31 | image 88 0 24 31 | image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4", "layout_seq_without_completion": "button 58 34 2 2 | description 88 14 24 8 | description 6 14 24 8 | description 34 14 24 8 | description 61 14 24 8 | image 6 0 24 31 | image 33 0 24 31 | image 88 0 24 31 | image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4", "plain_layout_seq": "button 58 34 2 2 | description 88 14 24 8 | description 6 14 24 8 | description 34 14 24 8 | description 61 14 24 8 | image 6 0 24 31 | image 33 0 24 31 | image 88 0 24 31 | image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4", "canvas_width": 1034, "canvas_height": 319, "elements": [ { "type": "image", "position": [ 57, 0, 215, 274 ], "completed": false }, { "type": "image", "position": [ 292, 0, 215, 274 ], "completed": false }, { "type": "image", "position": [ 527, 0, 215, 274 ], "completed": false }, { "type": "image", "position": [ 762, 0, 215, 274 ], "completed": false }, { "type": "description", "position": [ 58, 121, 213, 72 ], "completed": false }, { "type": "description", "position": [ 293, 121, 213, 72 ], "completed": false }, { "type": "description", "position": [ 528, 121, 213, 72 ], "completed": false }, { "type": "description", "position": [ 763, 121, 213, 72 ], "completed": false }, { "type": "link", "position": [ 68, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 303, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 538, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 773, 223, 193, 40 ], "completed": false }, { "type": "button", "position": [ 507, 299, 20, 20 ], "completed": true } ] }, { "text": "#A page introducing the services of a company.# There should be four categories. In each category, there needs to be a text box and a link for more info.", "region_id": "1384_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 58 34 2 2 | complete image 6 0 24 31 | complete image 33 0 24 31 | complete image 88 0 24 31 | complete image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4 | text 88 14 24 8 | text 6 14 24 8 | text 34 14 24 8 | text 61 14 24 8", "layout_seq_without_completion": "button 58 34 2 2 | image 6 0 24 31 | image 33 0 24 31 | image 88 0 24 31 | image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4 | text 88 14 24 8 | text 6 14 24 8 | text 34 14 24 8 | text 61 14 24 8", "plain_layout_seq": "button 58 34 2 2 | image 6 0 24 31 | image 33 0 24 31 | image 88 0 24 31 | image 61 0 24 31 | link 89 25 22 4 | link 35 25 22 4 | link 62 25 22 4 | link 7 25 22 4 | text 88 14 24 8 | text 6 14 24 8 | text 34 14 24 8 | text 61 14 24 8", "canvas_width": 1034, "canvas_height": 319, "elements": [ { "type": "image", "position": [ 57, 0, 215, 274 ], "completed": true }, { "type": "image", "position": [ 292, 0, 215, 274 ], "completed": true }, { "type": "image", "position": [ 527, 0, 215, 274 ], "completed": true }, { "type": "image", "position": [ 762, 0, 215, 274 ], "completed": true }, { "type": "text", "position": [ 58, 121, 213, 72 ], "completed": false }, { "type": "text", "position": [ 293, 121, 213, 72 ], "completed": false }, { "type": "text", "position": [ 528, 121, 213, 72 ], "completed": false }, { "type": "text", "position": [ 763, 121, 213, 72 ], "completed": false }, { "type": "link", "position": [ 68, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 303, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 538, 223, 193, 40 ], "completed": false }, { "type": "link", "position": [ 773, 223, 193, 40 ], "completed": false }, { "type": "button", "position": [ 507, 299, 20, 20 ], "completed": true } ] }, { "text": "#A page for showing the products.#The page should have three groups and each group has an image and a title. Also, there is a description of the date on each image.", "region_id": "6127", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 20 32 5 | complete image 3 0 34 27 | image 5 1 32 18 | title 5 1 9 3 ] | [ description 45 20 32 5 | complete image 43 0 34 27 | image 45 1 32 18 | title 45 1 9 3 ] | [ description 85 20 32 5 | complete image 83 0 34 27 | image 85 1 32 18 | title 85 1 9 3 ] \"", "layout_seq_without_completion": "\" [ description 5 20 32 5 | image 3 0 34 27 | image 5 1 32 18 | title 5 1 9 3 ] | [ description 45 20 32 5 | image 43 0 34 27 | image 45 1 32 18 | title 45 1 9 3 ] | [ description 85 20 32 5 | image 83 0 34 27 | image 85 1 32 18 | title 85 1 9 3 ] \"", "plain_layout_seq": "description 5 20 32 5 | description 45 20 32 5 | description 85 20 32 5 | image 3 0 34 27 | image 5 1 32 18 | image 43 0 34 27 | image 45 1 32 18 | image 83 0 34 27 | image 85 1 32 18 | title 5 1 9 3 | title 45 1 9 3 | title 85 1 9 3", "canvas_width": 960, "canvas_height": 253, "elements": [ { "type": "image", "position": [ 31, 0, 274, 221 ], "completed": true }, { "type": "image", "position": [ 351, 0, 274, 221 ], "completed": true }, { "type": "image", "position": [ 671, 0, 274, 221 ], "completed": true }, { "type": "image", "position": [ 40, 9, 256, 144 ], "completed": false }, { "type": "image", "position": [ 360, 9, 256, 144 ], "completed": false }, { "type": "image", "position": [ 680, 9, 256, 144 ], "completed": false }, { "type": "title", "position": [ 47, 12, 72, 24 ], "completed": false }, { "type": "title", "position": [ 367, 12, 72, 24 ], "completed": false }, { "type": "title", "position": [ 687, 12, 72, 24 ], "completed": false }, { "type": "description", "position": [ 40, 161, 256, 45 ], "completed": false }, { "type": "description", "position": [ 360, 161, 256, 45 ], "completed": false }, { "type": "description", "position": [ 680, 161, 256, 45 ], "completed": false } ] }, { "text": "#A page for providing three links to users.# The page should include three parts of the content \"Purpose\", and \"Newsroom\". Each part contains an image, one title, and a link for users to learn more information.", "region_id": "2269", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'purpose, newsroom'] [item [el:image] [el:title] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 45 4 5 5 | image 11 4 5 5 | image 79 4 5 5 | link 79 26 2 2 | link 11 26 2 2 | link 45 26 2 2 | title 11 14 27 12 | title 79 14 16 12 | title 45 14 12 12", "layout_seq_without_completion": "image 45 4 5 5 | image 11 4 5 5 | image 79 4 5 5 | link 79 26 2 2 | link 11 26 2 2 | link 45 26 2 2 | title 11 14 27 12 | title 79 14 16 12 | title 45 14 12 12", "plain_layout_seq": "image 45 4 5 5 | image 11 4 5 5 | image 79 4 5 5 | link 79 26 2 2 | link 11 26 2 2 | link 45 26 2 2 | title 11 14 27 12 | title 79 14 16 12 | title 45 14 12 12", "canvas_width": 1024, "canvas_height": 288, "elements": [ { "type": "image", "position": [ 102, 40, 48, 48 ], "completed": false }, { "type": "image", "position": [ 391, 40, 48, 48 ], "completed": false }, { "type": "image", "position": [ 681, 40, 48, 48 ], "completed": false }, { "type": "title", "position": [ 102, 120, 237, 104 ], "completed": false }, { "type": "title", "position": [ 391, 120, 110, 104 ], "completed": false }, { "type": "title", "position": [ 681, 120, 144, 104 ], "completed": false }, { "type": "link", "position": [ 102, 224, 24, 24 ], "completed": false }, { "type": "link", "position": [ 391, 224, 24, 24 ], "completed": false }, { "type": "link", "position": [ 681, 224, 24, 24 ], "completed": false } ] }, { "text": "#A page for selling products.# The page should have 3 groups while each group has an image, and two texts to show the photo, price, and the stock of the products.", "region_id": "8650", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 3 0 32 32 | text 1 42 36 3 | text 1 37 36 3 ] | [ image 43 0 32 32 | text 41 42 36 3 | text 41 37 36 3 ] | [ image 83 0 32 32 | text 81 42 36 3 | text 81 37 36 3 ] \"", "layout_seq_without_completion": "\" [ image 3 0 32 32 | text 1 42 36 3 | text 1 37 36 3 ] | [ image 43 0 32 32 | text 41 42 36 3 | text 41 37 36 3 ] | [ image 83 0 32 32 | text 81 42 36 3 | text 81 37 36 3 ] \"", "plain_layout_seq": "image 3 0 32 32 | image 43 0 32 32 | image 83 0 32 32 | text 1 42 36 3 | text 1 37 36 3 | text 41 42 36 3 | text 41 37 36 3 | text 81 42 36 3 | text 81 37 36 3", "canvas_width": 974, "canvas_height": 414, "elements": [ { "type": "image", "position": [ 30, 0, 264, 264 ], "completed": false }, { "type": "image", "position": [ 355, 0, 264, 264 ], "completed": false }, { "type": "image", "position": [ 680, 0, 264, 264 ], "completed": false }, { "type": "text", "position": [ 15, 303, 295, 29 ], "completed": false }, { "type": "text", "position": [ 340, 303, 295, 29 ], "completed": false }, { "type": "text", "position": [ 664, 303, 295, 29 ], "completed": false }, { "type": "text", "position": [ 15, 346, 295, 28 ], "completed": false }, { "type": "text", "position": [ 340, 346, 295, 28 ], "completed": false }, { "type": "text", "position": [ 664, 346, 295, 28 ], "completed": false } ] }, { "text": "#A page for showing some news.# There are three info groups and each group includes one icon, one news title, one description, and one button for reading more.", "region_id": "4018", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] [el:button [attr:value 'read more']] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 83 48 28 5 | button 8 48 28 5 | button 45 48 28 5 | description 8 28 28 14 | description 45 21 28 14 | description 83 16 28 28 | icon 45 8 5 5 | icon 8 8 5 5 | icon 83 8 13 5 | complete image 43 47 32 8 | complete image 81 47 32 8 | complete image 43 5 33 50 | complete image 80 5 33 50 | complete image 6 47 32 8 | complete image 5 5 33 50 | title 45 16 28 3 | title 8 16 28 10", "layout_seq_without_completion": "button 83 48 28 5 | button 8 48 28 5 | button 45 48 28 5 | description 8 28 28 14 | description 45 21 28 14 | description 83 16 28 28 | icon 45 8 5 5 | icon 8 8 5 5 | icon 83 8 13 5 | image 43 47 32 8 | image 81 47 32 8 | image 43 5 33 50 | image 80 5 33 50 | image 6 47 32 8 | image 5 5 33 50 | title 45 16 28 3 | title 8 16 28 10", "plain_layout_seq": "button 83 48 28 5 | button 8 48 28 5 | button 45 48 28 5 | description 8 28 28 14 | description 45 21 28 14 | description 83 16 28 28 | icon 45 8 5 5 | icon 8 8 5 5 | icon 83 8 13 5 | image 43 47 32 8 | image 81 47 32 8 | image 43 5 33 50 | image 80 5 33 50 | image 6 47 32 8 | image 5 5 33 50 | title 45 16 28 3 | title 8 16 28 10", "canvas_width": 1024, "canvas_height": 527, "elements": [ { "type": "image", "position": [ 47, 50, 290, 427 ], "completed": true }, { "type": "image", "position": [ 367, 50, 290, 427 ], "completed": true }, { "type": "image", "position": [ 687, 50, 290, 427 ], "completed": true }, { "type": "icon", "position": [ 72, 75, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 392, 75, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 712, 75, 114, 48 ], "completed": false }, { "type": "title", "position": [ 72, 143, 240, 86 ], "completed": false }, { "type": "title", "position": [ 392, 143, 240, 29 ], "completed": false }, { "type": "description", "position": [ 712, 143, 240, 240 ], "completed": false }, { "type": "description", "position": [ 392, 184, 240, 120 ], "completed": false }, { "type": "description", "position": [ 72, 241, 240, 120 ], "completed": false }, { "type": "image", "position": [ 52, 403, 280, 69 ], "completed": true }, { "type": "image", "position": [ 372, 403, 280, 69 ], "completed": true }, { "type": "image", "position": [ 692, 403, 280, 69 ], "completed": true }, { "type": "button", "position": [ 72, 416, 240, 44 ], "completed": false }, { "type": "button", "position": [ 392, 416, 240, 44 ], "completed": false }, { "type": "button", "position": [ 712, 416, 240, 44 ], "completed": false } ] }, { "text": "#A page introducing the advantages of Planbook.# The page should include an image, the title \"Why is Planbook preferred by educators?\", 4 texts with links and a button with a number.", "region_id": "4671", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:value 'why is planbook preferred by educators?'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:text] [el:link] ] ] [el:button] [el:text] ]", "execution": "multiinfo : button undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 61 52 36 10 | image 0 4 60 59 | link 77 24 15 2 | link 108 41 8 2 | text 65 35 42 3 | text 66 24 10 2 | text 66 41 42 2 | text 65 53 29 2 | text 65 56 29 5 | text 65 18 47 3 | text 65 29 50 3 | title 61 6 56 9", "layout_seq_without_completion": "button 61 52 36 10 | image 0 4 60 59 | link 77 24 15 2 | link 108 41 8 2 | text 65 35 42 3 | text 66 24 10 2 | text 66 41 42 2 | text 65 53 29 2 | text 65 56 29 5 | text 65 18 47 3 | text 65 29 50 3 | title 61 6 56 9", "plain_layout_seq": "button 61 52 36 10 | image 0 4 60 59 | link 77 24 15 2 | link 108 41 8 2 | text 65 35 42 3 | text 66 24 10 2 | text 66 41 42 2 | text 65 53 29 2 | text 65 56 29 5 | text 65 18 47 3 | text 65 29 50 3 | title 61 6 56 9", "canvas_width": 962, "canvas_height": 580, "elements": [ { "type": "image", "position": [ 0, 40, 481, 479 ], "completed": false }, { "type": "title", "position": [ 496, 55, 451, 74 ], "completed": false }, { "type": "text", "position": [ 522, 145, 381, 31 ], "completed": false }, { "type": "text", "position": [ 532, 196, 86, 19 ], "completed": false }, { "type": "link", "position": [ 618, 196, 121, 20 ], "completed": false }, { "type": "text", "position": [ 522, 236, 408, 31 ], "completed": false }, { "type": "text", "position": [ 522, 282, 341, 30 ], "completed": false }, { "type": "text", "position": [ 532, 332, 340, 19 ], "completed": false }, { "type": "link", "position": [ 872, 333, 68, 20 ], "completed": false }, { "type": "button", "position": [ 496, 418, 296, 86 ], "completed": false }, { "type": "text", "position": [ 526, 428, 236, 21 ], "completed": false }, { "type": "text", "position": [ 526, 449, 236, 45 ], "completed": false } ] }, { "text": "#A page for an online furniture shop. # There are five groups of online furniture goods, each of them has one image and a button for users to click for more information.", "region_id": "8579", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 67 16 11 3 | button 95 16 9 3 | button 66 41 13 7 | button 22 29 21 3 | button 92 43 15 3 | image 61 35 24 24 | image 88 35 24 24 | image 7 8 51 51 | image 88 8 24 24 | image 61 8 24 24", "layout_seq_without_completion": "button 67 16 11 3 | button 95 16 9 3 | button 66 41 13 7 | button 22 29 21 3 | button 92 43 15 3 | image 61 35 24 24 | image 88 35 24 24 | image 7 8 51 51 | image 88 8 24 24 | image 61 8 24 24", "plain_layout_seq": "button 67 16 11 3 | button 95 16 9 3 | button 66 41 13 7 | button 22 29 21 3 | button 92 43 15 3 | image 61 35 24 24 | image 88 35 24 24 | image 7 8 51 51 | image 88 8 24 24 | image 61 8 24 24", "canvas_width": 1024, "canvas_height": 521, "elements": [ { "type": "image", "position": [ 61, 70, 441, 441 ], "completed": false }, { "type": "image", "position": [ 522, 70, 210, 210 ], "completed": false }, { "type": "image", "position": [ 752, 70, 210, 210 ], "completed": false }, { "type": "button", "position": [ 579, 138, 97, 34 ], "completed": false }, { "type": "button", "position": [ 817, 138, 81, 34 ], "completed": false }, { "type": "button", "position": [ 188, 253, 187, 34 ], "completed": false }, { "type": "image", "position": [ 522, 300, 210, 210 ], "completed": false }, { "type": "image", "position": [ 752, 300, 210, 210 ], "completed": false }, { "type": "button", "position": [ 570, 354, 115, 63 ], "completed": false }, { "type": "button", "position": [ 791, 368, 133, 34 ], "completed": false } ] }, { "text": "#A page showing the services of a company.# There should be a title\"how can we help\". It is better to have three additional buttons for service options.", "region_id": "2156_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'how can we help'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 3 3 112 4 | \" [ button 3 11 36 8 ] | [ button 41 11 36 8 ] | [ button 80 11 36 8 ] \"", "layout_seq_without_completion": "title 3 3 112 4 | \" [ button 3 11 36 8 ] | [ button 41 11 36 8 ] | [ button 80 11 36 8 ] \"", "plain_layout_seq": "button 3 11 36 8 | button 41 11 36 8 | button 80 11 36 8 | title 3 3 112 4", "canvas_width": 1003, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 30, 30, 943, 39 ], "completed": false }, { "type": "button", "position": [ 30, 99, 301, 72 ], "completed": false }, { "type": "button", "position": [ 351, 99, 301, 72 ], "completed": false }, { "type": "button", "position": [ 672, 99, 301, 72 ], "completed": false } ] }, { "text": "#A page for introducing the dinosaur products.# There is one title \"Dinosaur Fan Favorites\". And there should be five parts. Each part includes one image, one vice title showing the products' name, and one price label beside the second part.", "region_id": "8060", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'dinosaur fan favorites'] ] [gp:InfoGroup [item [el:image] [el:title] [el:text] ] [item [el:image] [el:title] ] [item [el:image] [el:title] [el:text] ] [item [el:image] [el:title] [el:text] ] [item [el:image] [el:title] [el:text] ]] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 24 14 22 22 | title 24 39 22 2 | title 5 5 108 4 | \" [ image 0 14 22 19 | text 0 40 22 2 | title 0 35 22 4 ] | [ image 48 14 22 19 | text 48 40 22 2 | title 48 35 22 4 ] | [ image 72 14 22 19 | text 72 40 22 2 | title 72 35 22 4 ] | [ image 96 14 22 19 | text 96 40 22 2 | title 96 35 22 4 ] \"", "layout_seq_without_completion": "image 24 14 22 22 | title 24 39 22 2 | title 5 5 108 4 | \" [ image 0 14 22 19 | text 0 40 22 2 | title 0 35 22 4 ] | [ image 48 14 22 19 | text 48 40 22 2 | title 48 35 22 4 ] | [ image 72 14 22 19 | text 72 40 22 2 | title 72 35 22 4 ] | [ image 96 14 22 19 | text 96 40 22 2 | title 96 35 22 4 ] \"", "plain_layout_seq": "image 24 14 22 22 | image 0 14 22 19 | image 48 14 22 19 | image 72 14 22 19 | image 96 14 22 19 | text 0 40 22 2 | text 48 40 22 2 | text 72 40 22 2 | text 96 40 22 2 | title 24 39 22 2 | title 5 5 108 4 | title 0 35 22 4 | title 48 35 22 4 | title 72 35 22 4 | title 96 35 22 4", "canvas_width": 1024, "canvas_height": 404, "elements": [ { "type": "title", "position": [ 51, 43, 922, 41 ], "completed": false }, { "type": "image", "position": [ 5, 125, 195, 163 ], "completed": false }, { "type": "image", "position": [ 210, 125, 195, 195 ], "completed": false }, { "type": "image", "position": [ 415, 125, 195, 163 ], "completed": false }, { "type": "image", "position": [ 619, 125, 195, 163 ], "completed": false }, { "type": "image", "position": [ 824, 125, 195, 163 ], "completed": false }, { "type": "title", "position": [ 5, 305, 195, 40 ], "completed": false }, { "type": "title", "position": [ 415, 305, 195, 40 ], "completed": false }, { "type": "title", "position": [ 619, 305, 195, 40 ], "completed": false }, { "type": "title", "position": [ 824, 305, 195, 40 ], "completed": false }, { "type": "title", "position": [ 210, 337, 195, 22 ], "completed": false }, { "type": "text", "position": [ 5, 348, 195, 18 ], "completed": false }, { "type": "text", "position": [ 415, 348, 195, 18 ], "completed": false }, { "type": "text", "position": [ 619, 348, 195, 18 ], "completed": false }, { "type": "text", "position": [ 824, 348, 195, 18 ], "completed": false } ] }, { "text": "# A page to introduce relevant information about Twitch to the readers.# On this page, three groups of information are involved. The first and third groups contain questions of \"Untwitch?\" and \"Our Promise?\" placed above the answers. And the second group includes a title of \"our site needs your friends\", with three logos being set under it. The three groups are placed from the right side to the left respectively.", "region_id": "5855", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'Untwitch?'] ] [el:text] ] [item [el:title [attr:value 'our site needs your friends'] ] [el:logo [attr:repeat '3'] ] ] [item [el:title [attr:value 'Our Promise?'] ] [el:text] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 5 15 33 3 | text 80 15 33 3 | title 43 9 33 6 | title 5 9 33 3 | title 80 9 33 3 | \" [ logo 49 18 6 6 ] | [ logo 56 18 6 6 ] | [ logo 64 18 6 6 ] \"", "layout_seq_without_completion": "text 5 15 33 3 | text 80 15 33 3 | title 43 9 33 6 | title 5 9 33 3 | title 80 9 33 3 | \" [ logo 49 18 6 6 ] | [ logo 56 18 6 6 ] | [ logo 64 18 6 6 ] \"", "plain_layout_seq": "logo 49 18 6 6 | logo 56 18 6 6 | logo 64 18 6 6 | text 5 15 33 3 | text 80 15 33 3 | title 43 9 33 6 | title 5 9 33 3 | title 80 9 33 3", "canvas_width": 1024, "canvas_height": 293, "elements": [ { "type": "title", "position": [ 47, 80, 290, 29 ], "completed": false }, { "type": "title", "position": [ 367, 80, 290, 58 ], "completed": false }, { "type": "title", "position": [ 687, 80, 290, 29 ], "completed": false }, { "type": "text", "position": [ 47, 132, 290, 30 ], "completed": false }, { "type": "text", "position": [ 687, 132, 290, 30 ], "completed": false }, { "type": "logo", "position": [ 423, 161, 52, 52 ], "completed": false }, { "type": "logo", "position": [ 486, 161, 52, 52 ], "completed": false }, { "type": "logo", "position": [ 549, 161, 52, 52 ], "completed": false } ] }, { "text": "#A page for showing the featured collections which are on sale.#The page should have the title \"featured collection\". There are four groups and each group has an image and a title. Also, there is a description of the price.", "region_id": "7608", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description]] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 3 32 4 | \" [ description 12 50 11 2 | image 6 11 24 31 | title 6 45 24 2 ] | [ description 40 50 11 2 | image 33 11 24 31 | title 33 45 24 2 ] | [ description 67 48 11 2 | image 61 11 24 29 | title 61 43 24 2 ] | [ description 95 50 11 2 | image 89 11 24 31 | title 89 45 24 2 ] \"", "layout_seq_without_completion": "title 6 3 32 4 | \" [ description 12 50 11 2 | image 6 11 24 31 | title 6 45 24 2 ] | [ description 40 50 11 2 | image 33 11 24 31 | title 33 45 24 2 ] | [ description 67 48 11 2 | image 61 11 24 29 | title 61 43 24 2 ] | [ description 95 50 11 2 | image 89 11 24 31 | title 89 45 24 2 ] \"", "plain_layout_seq": "description 12 50 11 2 | description 40 50 11 2 | description 67 48 11 2 | description 95 50 11 2 | image 6 11 24 31 | image 33 11 24 31 | image 61 11 24 29 | image 89 11 24 31 | title 6 3 32 4 | title 6 45 24 2 | title 33 45 24 2 | title 61 43 24 2 | title 89 45 24 2", "canvas_width": 1024, "canvas_height": 535, "elements": [ { "type": "title", "position": [ 52, 32, 278, 38 ], "completed": false }, { "type": "image", "position": [ 52, 101, 212, 271 ], "completed": false }, { "type": "image", "position": [ 288, 101, 212, 269 ], "completed": false }, { "type": "image", "position": [ 524, 101, 212, 252 ], "completed": false }, { "type": "image", "position": [ 760, 101, 212, 273 ], "completed": false }, { "type": "title", "position": [ 524, 371, 212, 20 ], "completed": false }, { "type": "title", "position": [ 288, 388, 212, 20 ], "completed": false }, { "type": "title", "position": [ 52, 390, 212, 20 ], "completed": false }, { "type": "title", "position": [ 760, 392, 212, 20 ], "completed": false }, { "type": "description", "position": [ 580, 410, 100, 18 ], "completed": false }, { "type": "description", "position": [ 344, 427, 100, 18 ], "completed": false }, { "type": "description", "position": [ 108, 429, 100, 18 ], "completed": false }, { "type": "description", "position": [ 815, 432, 100, 18 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page has four groups and each group has a background image and a title. Under the title, there is a brief description of the author and the date.", "region_id": "5743", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "background 30 0 29 40 | background 0 0 29 40 | background 60 0 29 40 | background 90 0 30 40 | \" [ complete link 2 36 3 1 | complete text 6 36 0 1 | complete text 7 36 7 1 | title 2 25 22 9 ] | [ complete link 32 36 4 1 | complete text 38 36 7 1 | complete text 37 36 0 1 | title 32 22 18 12 ] | [ complete link 62 36 4 1 | complete text 67 36 0 1 | complete text 68 36 7 1 | title 62 25 23 9 ] | [ complete link 92 36 6 1 | complete text 99 36 0 1 | complete text 100 36 7 1 | title 92 25 23 9 ] \"", "layout_seq_without_completion": "background 30 0 29 40 | background 0 0 29 40 | background 60 0 29 40 | background 90 0 30 40 | \" [ link 2 36 3 1 | text 6 36 0 1 | text 7 36 7 1 | title 2 25 22 9 ] | [ link 32 36 4 1 | text 38 36 7 1 | text 37 36 0 1 | title 32 22 18 12 ] | [ link 62 36 4 1 | text 67 36 0 1 | text 68 36 7 1 | title 62 25 23 9 ] | [ link 92 36 6 1 | text 99 36 0 1 | text 100 36 7 1 | title 92 25 23 9 ] \"", "plain_layout_seq": "background 30 0 29 40 | background 0 0 29 40 | background 60 0 29 40 | background 90 0 30 40 | link 2 36 3 1 | link 32 36 4 1 | link 62 36 4 1 | link 92 36 6 1 | text 6 36 0 1 | text 7 36 7 1 | text 38 36 7 1 | text 37 36 0 1 | text 67 36 0 1 | text 68 36 7 1 | text 99 36 0 1 | text 100 36 7 1 | title 2 25 22 9 | title 32 22 18 12 | title 62 25 23 9 | title 92 25 23 9", "canvas_width": 980, "canvas_height": 330, "elements": [ { "type": "background", "position": [ 0, 0, 243, 330 ], "completed": false }, { "type": "background", "position": [ 245, 0, 243, 330 ], "completed": false }, { "type": "background", "position": [ 490, 0, 243, 330 ], "completed": false }, { "type": "background", "position": [ 735, 0, 245, 330 ], "completed": false }, { "type": "title", "position": [ 264, 183, 153, 104 ], "completed": false }, { "type": "title", "position": [ 19, 209, 183, 77 ], "completed": false }, { "type": "title", "position": [ 509, 209, 191, 77 ], "completed": false }, { "type": "title", "position": [ 754, 209, 192, 77 ], "completed": false }, { "type": "link", "position": [ 20, 297, 31, 15 ], "completed": true }, { "type": "text", "position": [ 56, 297, 4, 15 ], "completed": true }, { "type": "text", "position": [ 65, 297, 62, 15 ], "completed": true }, { "type": "link", "position": [ 265, 297, 36, 15 ], "completed": true }, { "type": "text", "position": [ 306, 297, 4, 15 ], "completed": true }, { "type": "text", "position": [ 315, 297, 62, 15 ], "completed": true }, { "type": "link", "position": [ 510, 297, 39, 15 ], "completed": true }, { "type": "text", "position": [ 554, 297, 4, 15 ], "completed": true }, { "type": "text", "position": [ 563, 297, 62, 15 ], "completed": true }, { "type": "link", "position": [ 755, 297, 49, 15 ], "completed": true }, { "type": "text", "position": [ 809, 297, 4, 15 ], "completed": true }, { "type": "text", "position": [ 818, 297, 62, 15 ], "completed": true } ] }, { "text": "# A page showing popular topics. # The page should have one title \"Popular TOPICS\" and four groups of topic information. There should include an image, a topic name, and three sub-topics in each group.", "region_id": "5156", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Popular TOPICS'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 2 116 3 | title 1 6 116 4 | \" [ complete image 1 13 26 25 | image 1 18 26 7 | text 8 28 12 2 | text 10 31 9 2 | text 3 33 23 2 | title 1 13 26 5 ] | [ complete image 31 13 26 25 | image 31 18 26 7 | text 39 31 10 2 | text 40 33 9 2 | text 42 28 5 2 | title 31 13 26 5 ] | [ complete image 61 13 26 25 | image 61 18 26 7 | text 71 28 6 2 | text 71 31 7 2 | text 69 33 10 2 | title 61 13 26 5 ] | [ complete image 91 13 26 25 | image 91 18 26 7 | text 96 28 16 2 | text 96 31 17 2 | text 101 33 7 2 | title 91 13 26 5 ] \"", "layout_seq_without_completion": "title 1 2 116 3 | title 1 6 116 4 | \" [ image 1 13 26 25 | image 1 18 26 7 | text 8 28 12 2 | text 10 31 9 2 | text 3 33 23 2 | title 1 13 26 5 ] | [ image 31 13 26 25 | image 31 18 26 7 | text 39 31 10 2 | text 40 33 9 2 | text 42 28 5 2 | title 31 13 26 5 ] | [ image 61 13 26 25 | image 61 18 26 7 | text 71 28 6 2 | text 71 31 7 2 | text 69 33 10 2 | title 61 13 26 5 ] | [ image 91 13 26 25 | image 91 18 26 7 | text 96 28 16 2 | text 96 31 17 2 | text 101 33 7 2 | title 91 13 26 5 ] \"", "plain_layout_seq": "image 1 13 26 25 | image 1 18 26 7 | image 31 13 26 25 | image 31 18 26 7 | image 61 13 26 25 | image 61 18 26 7 | image 91 13 26 25 | image 91 18 26 7 | text 8 28 12 2 | text 10 31 9 2 | text 3 33 23 2 | text 39 31 10 2 | text 40 33 9 2 | text 42 28 5 2 | text 71 28 6 2 | text 71 31 7 2 | text 69 33 10 2 | text 96 28 16 2 | text 96 31 17 2 | text 101 33 7 2 | title 1 2 116 3 | title 1 6 116 4 | title 1 13 26 5 | title 31 13 26 5 | title 61 13 26 5 | title 91 13 26 5", "canvas_width": 1039, "canvas_height": 401, "elements": [ { "type": "title", "position": [ 15, 24, 1009, 29 ], "completed": false }, { "type": "title", "position": [ 15, 53, 1009, 38 ], "completed": false }, { "type": "image", "position": [ 15, 115, 230, 218 ], "completed": true }, { "type": "image", "position": [ 275, 115, 230, 218 ], "completed": true }, { "type": "image", "position": [ 534, 115, 230, 218 ], "completed": true }, { "type": "image", "position": [ 794, 115, 230, 218 ], "completed": true }, { "type": "title", "position": [ 16, 116, 228, 48 ], "completed": false }, { "type": "title", "position": [ 276, 116, 228, 48 ], "completed": false }, { "type": "title", "position": [ 536, 116, 228, 48 ], "completed": false }, { "type": "title", "position": [ 795, 116, 228, 48 ], "completed": false }, { "type": "image", "position": [ 16, 164, 228, 64 ], "completed": false }, { "type": "image", "position": [ 276, 164, 228, 64 ], "completed": false }, { "type": "image", "position": [ 536, 164, 228, 64 ], "completed": false }, { "type": "image", "position": [ 795, 164, 228, 64 ], "completed": false }, { "type": "text", "position": [ 77, 246, 106, 20 ], "completed": false }, { "type": "text", "position": [ 367, 246, 46, 20 ], "completed": false }, { "type": "text", "position": [ 620, 246, 58, 20 ], "completed": false }, { "type": "text", "position": [ 839, 246, 140, 20 ], "completed": false }, { "type": "text", "position": [ 87, 270, 86, 20 ], "completed": false }, { "type": "text", "position": [ 346, 270, 88, 20 ], "completed": false }, { "type": "text", "position": [ 616, 270, 66, 20 ], "completed": false }, { "type": "text", "position": [ 833, 270, 152, 20 ], "completed": false }, { "type": "text", "position": [ 27, 294, 205, 20 ], "completed": false }, { "type": "text", "position": [ 349, 294, 81, 20 ], "completed": false }, { "type": "text", "position": [ 606, 294, 87, 20 ], "completed": false }, { "type": "text", "position": [ 877, 294, 65, 20 ], "completed": false } ] }, { "text": "#The page shows some water sports to the user.#There should be one title, one content, and eight photos for the user to look to learn more about the sport.", "region_id": "4600", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:text] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "text 46 10 26 2 | title 49 6 20 2 | \" [ image 0 17 29 29 ] | [ image 30 17 29 29 ] | [ image 60 17 29 29 ] | [ image 90 17 29 29 ] | [ image 0 47 29 29 ] | [ image 30 47 29 29 ] | [ image 60 47 29 29 ] | [ image 90 47 29 29 ] \"", "layout_seq_without_completion": "text 46 10 26 2 | title 49 6 20 2 | \" [ image 0 17 29 29 ] | [ image 30 17 29 29 ] | [ image 60 17 29 29 ] | [ image 90 17 29 29 ] | [ image 0 47 29 29 ] | [ image 30 47 29 29 ] | [ image 60 47 29 29 ] | [ image 90 47 29 29 ] \"", "plain_layout_seq": "image 0 17 29 29 | image 30 17 29 29 | image 60 17 29 29 | image 90 17 29 29 | image 0 47 29 29 | image 30 47 29 29 | image 60 47 29 29 | image 90 47 29 29 | text 46 10 26 2 | title 49 6 20 2", "canvas_width": 1024, "canvas_height": 663, "elements": [ { "type": "title", "position": [ 423, 54, 177, 23 ], "completed": false }, { "type": "text", "position": [ 400, 93, 224, 19 ], "completed": false }, { "type": "image", "position": [ 3, 151, 250, 251 ], "completed": false }, { "type": "image", "position": [ 259, 151, 250, 251 ], "completed": false }, { "type": "image", "position": [ 515, 151, 250, 251 ], "completed": false }, { "type": "image", "position": [ 771, 151, 250, 251 ], "completed": false }, { "type": "image", "position": [ 3, 407, 250, 251 ], "completed": false }, { "type": "image", "position": [ 259, 407, 250, 251 ], "completed": false }, { "type": "image", "position": [ 515, 407, 250, 251 ], "completed": false }, { "type": "image", "position": [ 771, 407, 250, 251 ], "completed": false } ] }, { "text": "#A page to attract the customers' attention to buy products in this online store.# On this page, a background picture is involved. And on the picture, two groups of information are contained. Each group includes a short description placed between a title and a button vertically.", "region_id": "3911", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description [attr:size 'small'] ] [el:button] ] ] ]", "execution": "multiinfo : background undefined undefined | { [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "background 29 0 61 46 | \" [ complete background 0 0 26 46 | button 10 26 14 5 | description 6 20 23 4 | title 5 14 24 4 ] | [ complete background 93 0 26 46 | button 94 26 14 5 | description 90 20 24 4 | title 90 14 24 4 ] \"", "layout_seq_without_completion": "background 29 0 61 46 | \" [ background 0 0 26 46 | button 10 26 14 5 | description 6 20 23 4 | title 5 14 24 4 ] | [ background 93 0 26 46 | button 94 26 14 5 | description 90 20 24 4 | title 90 14 24 4 ] \"", "plain_layout_seq": "background 29 0 61 46 | background 0 0 26 46 | background 93 0 26 46 | button 10 26 14 5 | button 94 26 14 5 | description 6 20 23 4 | description 90 20 24 4 | title 5 14 24 4 | title 90 14 24 4", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 230, 400 ], "completed": true }, { "type": "background", "position": [ 249, 0, 526, 400 ], "completed": false }, { "type": "background", "position": [ 794, 0, 230, 400 ], "completed": true }, { "type": "title", "position": [ 46, 123, 210, 40 ], "completed": false }, { "type": "title", "position": [ 768, 123, 210, 40 ], "completed": false }, { "type": "description", "position": [ 53, 171, 197, 41 ], "completed": false }, { "type": "description", "position": [ 771, 171, 205, 41 ], "completed": false }, { "type": "button", "position": [ 89, 229, 124, 48 ], "completed": false }, { "type": "button", "position": [ 810, 229, 125, 48 ], "completed": false } ] }, { "text": "#A page for showing the publishers.# There is one title \"LOVED BY PUBLISHERS ACROSS THE WORLD\". Below are sixteen logos of the publishers and users can view all publishers by clicking one link.", "region_id": "3116", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'loved by publishers across the world'] ] [gp:InfoGroup [gattr:repeat '16'] [item [el:logo] ] ] [el:link [attr:value 'view all publishers'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "link 51 64 17 4 | title 39 7 41 2 | \" [ logo 41 14 7 7 ] | [ logo 95 15 16 4 ] | [ logo 4 16 21 2 ] | [ logo 62 16 23 2 ] | [ logo 39 26 11 7 ] | [ logo 4 27 22 4 ] | [ logo 65 27 19 4 ] | [ logo 95 28 17 3 ] | [ logo 8 38 13 5 ] | [ logo 68 38 12 6 ] | [ logo 97 39 13 3 ] | [ logo 37 40 14 2 ] | [ logo 42 49 5 7 ] | [ logo 94 50 19 6 ] | [ logo 65 51 18 5 ] | [ logo 5 52 20 3 ] \"", "layout_seq_without_completion": "link 51 64 17 4 | title 39 7 41 2 | \" [ logo 41 14 7 7 ] | [ logo 95 15 16 4 ] | [ logo 4 16 21 2 ] | [ logo 62 16 23 2 ] | [ logo 39 26 11 7 ] | [ logo 4 27 22 4 ] | [ logo 65 27 19 4 ] | [ logo 95 28 17 3 ] | [ logo 8 38 13 5 ] | [ logo 68 38 12 6 ] | [ logo 97 39 13 3 ] | [ logo 37 40 14 2 ] | [ logo 42 49 5 7 ] | [ logo 94 50 19 6 ] | [ logo 65 51 18 5 ] | [ logo 5 52 20 3 ] \"", "plain_layout_seq": "link 51 64 17 4 | logo 41 14 7 7 | logo 95 15 16 4 | logo 4 16 21 2 | logo 62 16 23 2 | logo 39 26 11 7 | logo 4 27 22 4 | logo 65 27 19 4 | logo 95 28 17 3 | logo 8 38 13 5 | logo 68 38 12 6 | logo 97 39 13 3 | logo 37 40 14 2 | logo 42 49 5 7 | logo 94 50 19 6 | logo 65 51 18 5 | logo 5 52 20 3 | title 39 7 41 2", "canvas_width": 1024, "canvas_height": 588, "elements": [ { "type": "title", "position": [ 334, 60, 356, 24 ], "completed": false }, { "type": "logo", "position": [ 356, 120, 60, 66 ], "completed": false }, { "type": "logo", "position": [ 819, 134, 142, 38 ], "completed": false }, { "type": "logo", "position": [ 537, 142, 202, 22 ], "completed": false }, { "type": "logo", "position": [ 42, 144, 185, 18 ], "completed": false }, { "type": "logo", "position": [ 336, 222, 99, 66 ], "completed": false }, { "type": "logo", "position": [ 40, 238, 188, 35 ], "completed": false }, { "type": "logo", "position": [ 556, 238, 163, 35 ], "completed": false }, { "type": "logo", "position": [ 816, 239, 147, 32 ], "completed": false }, { "type": "logo", "position": [ 584, 331, 108, 52 ], "completed": false }, { "type": "logo", "position": [ 74, 332, 119, 50 ], "completed": false }, { "type": "logo", "position": [ 832, 340, 117, 34 ], "completed": false }, { "type": "logo", "position": [ 322, 346, 127, 23 ], "completed": false }, { "type": "logo", "position": [ 363, 426, 46, 66 ], "completed": false }, { "type": "logo", "position": [ 808, 433, 163, 52 ], "completed": false }, { "type": "logo", "position": [ 558, 437, 160, 44 ], "completed": false }, { "type": "logo", "position": [ 48, 445, 172, 28 ], "completed": false }, { "type": "link", "position": [ 439, 552, 146, 36 ], "completed": false } ] }, { "text": "#A page introducing the webs that also show the news. # The page should have a title and 6 logos of the webs where the news also can be seen in.", "region_id": "296", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 5 0 108 4 | \" [ logo 61 8 14 4 ] | [ logo 97 9 14 3 ] | [ logo 7 10 14 1 ] | [ logo 26 10 14 2 ] | [ logo 43 10 14 2 ] | [ logo 79 10 14 2 ] \"", "layout_seq_without_completion": "title 5 0 108 4 | \" [ logo 61 8 14 4 ] | [ logo 97 9 14 3 ] | [ logo 7 10 14 1 ] | [ logo 26 10 14 2 ] | [ logo 43 10 14 2 ] | [ logo 79 10 14 2 ] \"", "plain_layout_seq": "logo 61 8 14 4 | logo 97 9 14 3 | logo 7 10 14 1 | logo 26 10 14 2 | logo 43 10 14 2 | logo 79 10 14 2 | title 5 0 108 4", "canvas_width": 1024, "canvas_height": 216, "elements": [ { "type": "title", "position": [ 51, 0, 922, 38 ], "completed": false }, { "type": "logo", "position": [ 529, 74, 120, 42 ], "completed": false }, { "type": "logo", "position": [ 836, 79, 120, 32 ], "completed": false }, { "type": "logo", "position": [ 68, 88, 120, 17 ], "completed": false }, { "type": "logo", "position": [ 222, 88, 120, 18 ], "completed": false }, { "type": "logo", "position": [ 375, 88, 120, 18 ], "completed": false }, { "type": "logo", "position": [ 682, 88, 120, 18 ], "completed": false } ] }, { "text": "#A page for introducing some info about a company.# The page should have 4groups. And each group should have one image, one title, and one short description to introduce info about the company.", "region_id": "5943", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 91 17 27 18 | description 5 17 27 13 | description 34 17 27 11 | description 63 19 27 9 | image 13 0 12 12 | image 41 0 12 12 | image 70 0 12 12 | image 99 0 12 12 | title 5 14 27 2 | title 34 14 27 2 | title 63 14 27 4 | title 91 14 27 2", "layout_seq_without_completion": "description 91 17 27 18 | description 5 17 27 13 | description 34 17 27 11 | description 63 19 27 9 | image 13 0 12 12 | image 41 0 12 12 | image 70 0 12 12 | image 99 0 12 12 | title 5 14 27 2 | title 34 14 27 2 | title 63 14 27 4 | title 91 14 27 2", "plain_layout_seq": "description 91 17 27 18 | description 5 17 27 13 | description 34 17 27 11 | description 63 19 27 9 | image 13 0 12 12 | image 41 0 12 12 | image 70 0 12 12 | image 99 0 12 12 | title 5 14 27 2 | title 34 14 27 2 | title 63 14 27 4 | title 91 14 27 2", "canvas_width": 1030, "canvas_height": 320, "elements": [ { "type": "image", "position": [ 112, 0, 111, 111 ], "completed": false }, { "type": "image", "position": [ 358, 0, 111, 111 ], "completed": false }, { "type": "image", "position": [ 606, 0, 111, 111 ], "completed": false }, { "type": "image", "position": [ 852, 0, 111, 111 ], "completed": false }, { "type": "title", "position": [ 47, 128, 240, 18 ], "completed": false }, { "type": "title", "position": [ 294, 128, 240, 18 ], "completed": false }, { "type": "title", "position": [ 541, 128, 240, 36 ], "completed": false }, { "type": "title", "position": [ 788, 128, 240, 18 ], "completed": false }, { "type": "description", "position": [ 47, 152, 240, 117 ], "completed": false }, { "type": "description", "position": [ 294, 152, 240, 98 ], "completed": false }, { "type": "description", "position": [ 788, 152, 240, 156 ], "completed": false }, { "type": "description", "position": [ 541, 170, 240, 78 ], "completed": false } ] }, { "text": "#A page for guiding users to buy products.# The page includes three groups. Each group has a background, a title showing the product name, a description, and a button named \"SHOP NOW\" for users to click to buy the product.", "region_id": "8571", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image] [el:title] [el:description] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 4 0 53 36 | button 8 17 17 5 | description 8 7 46 7 | title 8 3 46 3 ] | [ background 61 0 53 36 | button 65 17 17 5 | description 65 7 46 7 | title 65 3 46 3 ] | [ background 4 40 53 36 | button 8 58 17 5 | description 8 48 46 7 | title 8 43 46 3 ] \"", "layout_seq_without_completion": "\" [ background 4 0 53 36 | button 8 17 17 5 | description 8 7 46 7 | title 8 3 46 3 ] | [ background 61 0 53 36 | button 65 17 17 5 | description 65 7 46 7 | title 65 3 46 3 ] | [ background 4 40 53 36 | button 8 58 17 5 | description 8 48 46 7 | title 8 43 46 3 ] \"", "plain_layout_seq": "background 4 0 53 36 | background 61 0 53 36 | background 4 40 53 36 | button 8 17 17 5 | button 65 17 17 5 | button 8 58 17 5 | description 8 7 46 7 | description 65 7 46 7 | description 8 48 46 7 | title 8 3 46 3 | title 65 3 46 3 | title 8 43 46 3", "canvas_width": 1009, "canvas_height": 680, "elements": [ { "type": "background", "position": [ 40, 0, 450, 310 ], "completed": false }, { "type": "background", "position": [ 520, 0, 450, 310 ], "completed": false }, { "type": "title", "position": [ 70, 26, 390, 33 ], "completed": false }, { "type": "title", "position": [ 550, 26, 390, 33 ], "completed": false }, { "type": "description", "position": [ 70, 67, 390, 60 ], "completed": false }, { "type": "description", "position": [ 550, 67, 390, 60 ], "completed": false }, { "type": "button", "position": [ 70, 151, 151, 48 ], "completed": false }, { "type": "button", "position": [ 550, 151, 151, 48 ], "completed": false }, { "type": "background", "position": [ 40, 340, 450, 310 ], "completed": false }, { "type": "title", "position": [ 70, 366, 390, 33 ], "completed": false }, { "type": "description", "position": [ 70, 407, 390, 60 ], "completed": false }, { "type": "button", "position": [ 70, 491, 151, 48 ], "completed": false } ] }, { "text": "#A page for guiding users to do a quiz on the web.# The page includes a logo named \"Sports\", a button named \"Start Sports Quiz Set\" for users to click to start the quiz, and other four groups of information. Each group contains a picture, a question, and an icon.", "region_id": "5805", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo [attr:value 'Sports'] ] [el:button [attr:value 'Start Sports Quiz Set'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:icon] ] ] ]", "execution": "multiinfo : button undefined undefined | logo undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 44 80 31 5 | logo 12 0 13 5 | \" [ icon 34 17 4 4 | complete image 7 16 32 28 | image 7 16 32 20 | text 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 20 | complete image 43 16 32 28 | text 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 20 | complete image 79 16 32 28 | text 81 37 30 5 ] | [ icon 34 49 4 4 | complete image 7 48 32 28 | image 7 48 32 20 | text 8 68 30 5 ] \"", "layout_seq_without_completion": "button 44 80 31 5 | logo 12 0 13 5 | \" [ icon 34 17 4 4 | image 7 16 32 28 | image 7 16 32 20 | text 8 37 30 5 ] | [ icon 70 17 4 4 | image 43 16 32 20 | image 43 16 32 28 | text 44 37 30 5 ] | [ icon 106 17 4 4 | image 79 16 32 20 | image 79 16 32 28 | text 81 37 30 5 ] | [ icon 34 49 4 4 | image 7 48 32 28 | image 7 48 32 20 | text 8 68 30 5 ] \"", "plain_layout_seq": "button 44 80 31 5 | icon 34 17 4 4 | icon 70 17 4 4 | icon 106 17 4 4 | icon 34 49 4 4 | image 7 16 32 28 | image 7 16 32 20 | image 43 16 32 20 | image 43 16 32 28 | image 79 16 32 20 | image 79 16 32 28 | image 7 48 32 28 | image 7 48 32 20 | logo 12 0 13 5 | text 8 37 30 5 | text 44 37 30 5 | text 81 37 30 5 | text 8 68 30 5", "canvas_width": 1024, "canvas_height": 740, "elements": [ { "type": "logo", "position": [ 104, 0, 115, 50 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 140, 280, 240 ], "completed": true }, { "type": "image", "position": [ 372, 140, 280, 176 ], "completed": false }, { "type": "image", "position": [ 372, 140, 280, 240 ], "completed": true }, { "type": "image", "position": [ 682, 140, 280, 240 ], "completed": true }, { "type": "image", "position": [ 682, 140, 280, 176 ], "completed": false }, { "type": "icon", "position": [ 292, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 602, 150, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 912, 150, 40, 40 ], "completed": false }, { "type": "text", "position": [ 72, 317, 260, 48 ], "completed": false }, { "type": "text", "position": [ 382, 317, 260, 48 ], "completed": false }, { "type": "text", "position": [ 692, 317, 260, 48 ], "completed": false }, { "type": "image", "position": [ 62, 410, 280, 176 ], "completed": false }, { "type": "image", "position": [ 62, 410, 280, 240 ], "completed": true }, { "type": "icon", "position": [ 292, 420, 40, 40 ], "completed": false }, { "type": "text", "position": [ 72, 587, 260, 48 ], "completed": false }, { "type": "button", "position": [ 379, 690, 266, 50 ], "completed": false } ] }, { "text": "#A page showing two kinds of sunglasses.#There are two parts, and each includes a picture, a title(\"THOUGHTFULLY DESIGNED\" or \"FISH FINDERS\"), a slogan, and a link \"SHOP NOW\".", "region_id": "7353", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'thoughtfully designed, fish finders'] [item [el:image] [el:title] [el:title] [el:link [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 61 50 7 2 | link 3 50 7 2 | title 61 45 55 2 | title 3 45 55 2 | title 3 41 55 3 | title 61 41 55 3", "layout_seq_without_completion": "link 61 50 7 2 | link 3 50 7 2 | title 61 45 55 2 | title 3 45 55 2 | title 3 41 55 3 | title 61 41 55 3", "plain_layout_seq": "link 61 50 7 2 | link 3 50 7 2 | title 61 45 55 2 | title 3 45 55 2 | title 3 41 55 3 | title 61 41 55 3", "canvas_width": 1009, "canvas_height": 470, "elements": [ { "type": "title", "position": [ 30, 346, 465, 29 ], "completed": false }, { "type": "title", "position": [ 514, 346, 465, 29 ], "completed": false }, { "type": "title", "position": [ 30, 384, 465, 24 ], "completed": false }, { "type": "title", "position": [ 514, 384, 465, 24 ], "completed": false }, { "type": "link", "position": [ 30, 421, 66, 18 ], "completed": false }, { "type": "link", "position": [ 514, 421, 66, 18 ], "completed": false } ] }, { "text": "#A page for users to upload files or clear queue.# The page contains two information sets. Each group includes a background image, an icon, and a link.", "region_id": "5586", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:icon] [el:link] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | icon undefined undefined | link undefined undefined ] | [ background undefined undefined | icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "background 38 0 20 4 | icon 62 0 2 2 | icon 40 0 2 2 | link 43 1 13 1 | link 66 1 13 1", "layout_seq_without_completion": "background 38 0 20 4 | icon 62 0 2 2 | icon 40 0 2 2 | link 43 1 13 1 | link 66 1 13 1", "plain_layout_seq": "background 38 0 20 4 | icon 62 0 2 2 | icon 40 0 2 2 | link 43 1 13 1 | link 66 1 13 1", "canvas_width": 968, "canvas_height": 35, "elements": [ { "type": "background", "position": [ 313, 0, 162, 35 ], "completed": false }, { "type": "icon", "position": [ 326, 8, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 507, 8, 18, 18 ], "completed": false }, { "type": "link", "position": [ 354, 9, 106, 16 ], "completed": false }, { "type": "link", "position": [ 536, 9, 105, 16 ], "completed": false } ] }, { "text": "#A page for attracting users to choose one company's product.# There should be one title\"Why Choose Us\". Below, there are four info groups, and each of them includes one icon, one label showing the pro, and one description of the detail.", "region_id": "5763", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Why Choose Us'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 7 110 4 | \" [ description 4 35 24 14 | icon 13 21 8 8 | text 4 31 24 2 ] | [ description 33 35 24 16 | icon 41 21 8 8 | text 33 31 24 2 ] | [ description 61 35 24 9 | icon 70 21 8 8 | text 61 31 24 2 ] | [ description 90 35 24 14 | icon 98 21 8 8 | text 90 31 24 2 ] \"", "layout_seq_without_completion": "title 4 7 110 4 | \" [ description 4 35 24 14 | icon 13 21 8 8 | text 4 31 24 2 ] | [ description 33 35 24 16 | icon 41 21 8 8 | text 33 31 24 2 ] | [ description 61 35 24 9 | icon 70 21 8 8 | text 61 31 24 2 ] | [ description 90 35 24 14 | icon 98 21 8 8 | text 90 31 24 2 ] \"", "plain_layout_seq": "description 4 35 24 14 | description 33 35 24 16 | description 61 35 24 9 | description 90 35 24 14 | icon 13 21 8 8 | icon 41 21 8 8 | icon 70 21 8 8 | icon 98 21 8 8 | text 4 31 24 2 | text 33 31 24 2 | text 61 31 24 2 | text 90 31 24 2 | title 4 7 110 4", "canvas_width": 1024, "canvas_height": 509, "elements": [ { "type": "title", "position": [ 42, 64, 940, 40 ], "completed": false }, { "type": "icon", "position": [ 113, 184, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 356, 184, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 598, 184, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 841, 184, 70, 70 ], "completed": false }, { "type": "text", "position": [ 42, 269, 213, 20 ], "completed": false }, { "type": "text", "position": [ 284, 269, 213, 20 ], "completed": false }, { "type": "text", "position": [ 527, 269, 213, 20 ], "completed": false }, { "type": "text", "position": [ 770, 269, 213, 20 ], "completed": false }, { "type": "description", "position": [ 42, 304, 213, 120 ], "completed": false }, { "type": "description", "position": [ 284, 304, 213, 140 ], "completed": false }, { "type": "description", "position": [ 527, 304, 213, 80 ], "completed": false }, { "type": "description", "position": [ 770, 304, 213, 120 ], "completed": false } ] }, { "text": "#The page introducing \"Powering user experience insights since 2010\" to the user.# There should be one heading and two parts, which include a banner and two descriptions.", "region_id": "3730", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:description [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | description undefined undefined | icon undefined undefined ] | [ description undefined undefined | description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 48 | title 1 6 116 6 | \" [ description 1 30 58 3 | description 1 35 58 3 | icon 26 21 8 4 ] | [ description 60 30 58 3 | description 60 35 58 3 | icon 86 20 6 6 ] \"", "layout_seq_without_completion": "background 0 0 120 48 | title 1 6 116 6 | \" [ description 1 30 58 3 | description 1 35 58 3 | icon 26 21 8 4 ] | [ description 60 30 58 3 | description 60 35 58 3 | icon 86 20 6 6 ] \"", "plain_layout_seq": "background 0 0 120 48 | description 1 30 58 3 | description 1 35 58 3 | description 60 30 58 3 | description 60 35 58 3 | icon 26 21 8 4 | icon 86 20 6 6 | title 1 6 116 6", "canvas_width": 1024, "canvas_height": 411, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 411 ], "completed": true }, { "type": "title", "position": [ 15, 55, 994, 52 ], "completed": false }, { "type": "icon", "position": [ 734, 173, 54, 58 ], "completed": false }, { "type": "icon", "position": [ 229, 182, 69, 40 ], "completed": false }, { "type": "description", "position": [ 15, 257, 497, 32 ], "completed": false }, { "type": "description", "position": [ 512, 257, 497, 32 ], "completed": false }, { "type": "description", "position": [ 15, 304, 497, 32 ], "completed": false }, { "type": "description", "position": [ 512, 304, 497, 32 ], "completed": false } ] }, { "text": "#A page teaching users to manage their browsers.# The page contains 2 information sets. Each group includes an image, a title, and an explanation.", "region_id": "3819", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 69 54 41 7 | description 11 57 36 7 | image 70 7 39 32 | image 11 8 36 27 | title 69 43 41 8 | title 11 41 36 13", "layout_seq_without_completion": "description 69 54 41 7 | description 11 57 36 7 | image 70 7 39 32 | image 11 8 36 27 | title 69 43 41 8 | title 11 41 36 13", "plain_layout_seq": "description 69 54 41 7 | description 11 57 36 7 | image 70 7 39 32 | image 11 8 36 27 | title 69 43 41 8 | title 11 41 36 13", "canvas_width": 1024, "canvas_height": 646, "elements": [ { "type": "image", "position": [ 600, 68, 336, 275 ], "completed": false }, { "type": "image", "position": [ 100, 70, 312, 235 ], "completed": false }, { "type": "title", "position": [ 100, 357, 312, 113 ], "completed": false }, { "type": "title", "position": [ 592, 370, 352, 75 ], "completed": false }, { "type": "description", "position": [ 592, 465, 352, 67 ], "completed": false }, { "type": "description", "position": [ 100, 490, 312, 67 ], "completed": false } ] }, { "text": "# A page for introducing how to become an app creator and guiding the user to create an app for free. # The page should have the title \"How to become an app creator?\" and three groups of information sets. Each group should include a small image and three paragraphs of introduction. Also, a button is needed for the user to click to create an app for free.", "region_id": "5906", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'how to become an app creator?'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image [attr:size 'small'] ] [el:description [attr:repeat '3']] ] ] [el:button [attr:value 'create app for free'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | description undefined undefined | description undefined undefined | image undefined small ] | [ description undefined undefined | description undefined undefined | description undefined undefined | image undefined small ] | [ description undefined undefined | description undefined undefined | description undefined undefined | image undefined small ] }", "layout_seq_with_completion": "button 45 83 28 7 | description 84 26 26 15 | description 84 42 26 12 | description 84 54 26 15 | description 46 26 26 15 | description 46 58 26 15 | description 9 26 26 15 | description 9 42 26 18 | description 9 61 26 15 | description 46 42 26 15 | image 16 12 11 14 | image 52 12 14 14 | image 92 12 10 14 | complete image 5 12 33 64 | complete image 80 12 33 60 | complete image 43 12 33 61 | title 5 0 108 5", "layout_seq_without_completion": "button 45 83 28 7 | description 84 26 26 15 | description 84 42 26 12 | description 84 54 26 15 | description 46 26 26 15 | description 46 58 26 15 | description 9 26 26 15 | description 9 42 26 18 | description 9 61 26 15 | description 46 42 26 15 | image 16 12 11 14 | image 52 12 14 14 | image 92 12 10 14 | image 5 12 33 64 | image 80 12 33 60 | image 43 12 33 61 | title 5 0 108 5", "plain_layout_seq": "button 45 83 28 7 | description 84 26 26 15 | description 84 42 26 12 | description 84 54 26 15 | description 46 26 26 15 | description 46 58 26 15 | description 9 26 26 15 | description 9 42 26 18 | description 9 61 26 15 | description 46 42 26 15 | image 16 12 11 14 | image 52 12 14 14 | image 92 12 10 14 | image 5 12 33 64 | image 80 12 33 60 | image 43 12 33 61 | title 5 0 108 5", "canvas_width": 1024, "canvas_height": 876, "elements": [ { "type": "title", "position": [ 47, 0, 930, 44 ], "completed": false }, { "type": "image", "position": [ 47, 104, 290, 552 ], "completed": true }, { "type": "image", "position": [ 144, 104, 96, 126 ], "completed": false }, { "type": "image", "position": [ 367, 104, 290, 525 ], "completed": true }, { "type": "image", "position": [ 449, 104, 126, 126 ], "completed": false }, { "type": "image", "position": [ 687, 104, 290, 520 ], "completed": true }, { "type": "image", "position": [ 789, 104, 86, 126 ], "completed": false }, { "type": "description", "position": [ 78, 230, 228, 133 ], "completed": false }, { "type": "description", "position": [ 398, 230, 228, 133 ], "completed": false }, { "type": "description", "position": [ 718, 230, 228, 133 ], "completed": false }, { "type": "description", "position": [ 78, 363, 228, 160 ], "completed": false }, { "type": "description", "position": [ 398, 363, 228, 133 ], "completed": false }, { "type": "description", "position": [ 718, 363, 228, 106 ], "completed": false }, { "type": "description", "position": [ 718, 469, 228, 133 ], "completed": false }, { "type": "description", "position": [ 398, 496, 228, 133 ], "completed": false }, { "type": "description", "position": [ 78, 523, 228, 133 ], "completed": false }, { "type": "button", "position": [ 390, 716, 244, 60 ], "completed": false } ] }, { "text": "# A page to introduce the service of a product. # The page should have three categories with each including an image and a phrase to introduce the service: money-back guarantee, next working day from Canada, and 2-year warranty.", "region_id": "6606", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Money-back Guarantee, Next Working Day From Canada, 2- Year Warranty'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 37 3 14 6 | image 1 3 6 6 | image 88 3 5 6 | title 54 5 28 2 | title 10 5 21 2 | title 96 5 15 2", "layout_seq_without_completion": "image 37 3 14 6 | image 1 3 6 6 | image 88 3 5 6 | title 54 5 28 2 | title 10 5 21 2 | title 96 5 15 2", "plain_layout_seq": "image 37 3 14 6 | image 1 3 6 6 | image 88 3 5 6 | title 54 5 28 2 | title 10 5 21 2 | title 96 5 15 2", "canvas_width": 1024, "canvas_height": 127, "elements": [ { "type": "image", "position": [ 15, 32, 56, 56 ], "completed": false }, { "type": "image", "position": [ 322, 32, 127, 56 ], "completed": false }, { "type": "image", "position": [ 759, 32, 51, 56 ], "completed": false }, { "type": "title", "position": [ 87, 51, 180, 25 ], "completed": false }, { "type": "title", "position": [ 465, 51, 239, 25 ], "completed": false }, { "type": "title", "position": [ 826, 51, 128, 25 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one title\"Move your business forward with our platforms\". Three images are used as extra layouts and each of them includes two text boxes, one for the vice title and the other for the description.", "region_id": "2241", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'move your business forward with our platforms'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 5 115 3 | \" [ description 5 28 28 11 | image 2 15 36 27 | title 5 24 28 3 ] | [ description 45 28 28 8 | image 41 15 36 27 | title 45 24 28 3 ] | [ description 85 36 28 5 | image 81 15 36 27 | title 85 24 28 6 ] \"", "layout_seq_without_completion": "title 2 5 115 3 | \" [ description 5 28 28 11 | image 2 15 36 27 | title 5 24 28 3 ] | [ description 45 28 28 8 | image 41 15 36 27 | title 45 24 28 3 ] | [ description 85 36 28 5 | image 81 15 36 27 | title 85 24 28 6 ] \"", "plain_layout_seq": "description 5 28 28 11 | description 45 28 28 8 | description 85 36 28 5 | image 2 15 36 27 | image 41 15 36 27 | image 81 15 36 27 | title 2 5 115 3 | title 5 24 28 3 | title 45 24 28 3 | title 85 24 28 6", "canvas_width": 1003, "canvas_height": 426, "elements": [ { "type": "title", "position": [ 20, 47, 963, 33 ], "completed": false }, { "type": "image", "position": [ 20, 130, 302, 226 ], "completed": false }, { "type": "image", "position": [ 351, 130, 302, 226 ], "completed": false }, { "type": "image", "position": [ 681, 130, 302, 226 ], "completed": false }, { "type": "title", "position": [ 50, 205, 242, 26 ], "completed": false }, { "type": "title", "position": [ 381, 205, 242, 26 ], "completed": false }, { "type": "title", "position": [ 711, 205, 242, 53 ], "completed": false }, { "type": "description", "position": [ 50, 239, 242, 96 ], "completed": false }, { "type": "description", "position": [ 381, 239, 242, 72 ], "completed": false }, { "type": "description", "position": [ 711, 306, 242, 48 ], "completed": false } ] }, { "text": "#A page for introducing one platform.# There should be one text box showing the title. Three images are used as extra layouts and each of them includes two text boxes.", "region_id": "2241_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat'2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 5 115 3 | \" [ image 2 15 36 27 | text 5 28 28 11 | text 5 24 28 3 ] | [ image 41 15 36 27 | text 45 28 28 8 | text 45 24 28 3 ] | [ image 81 15 36 27 | text 85 36 28 5 | text 85 24 28 6 ] \"", "layout_seq_without_completion": "title 2 5 115 3 | \" [ image 2 15 36 27 | text 5 28 28 11 | text 5 24 28 3 ] | [ image 41 15 36 27 | text 45 28 28 8 | text 45 24 28 3 ] | [ image 81 15 36 27 | text 85 36 28 5 | text 85 24 28 6 ] \"", "plain_layout_seq": "image 2 15 36 27 | image 41 15 36 27 | image 81 15 36 27 | text 5 28 28 11 | text 5 24 28 3 | text 45 28 28 8 | text 45 24 28 3 | text 85 36 28 5 | text 85 24 28 6 | title 2 5 115 3", "canvas_width": 1003, "canvas_height": 426, "elements": [ { "type": "title", "position": [ 20, 47, 963, 33 ], "completed": false }, { "type": "image", "position": [ 20, 130, 302, 226 ], "completed": false }, { "type": "image", "position": [ 351, 130, 302, 226 ], "completed": false }, { "type": "image", "position": [ 681, 130, 302, 226 ], "completed": false }, { "type": "text", "position": [ 50, 205, 242, 26 ], "completed": false }, { "type": "text", "position": [ 381, 205, 242, 26 ], "completed": false }, { "type": "text", "position": [ 711, 205, 242, 53 ], "completed": false }, { "type": "text", "position": [ 50, 239, 242, 96 ], "completed": false }, { "type": "text", "position": [ 381, 239, 242, 72 ], "completed": false }, { "type": "text", "position": [ 711, 306, 242, 48 ], "completed": false } ] }, { "text": "# A page to introduce a company's accepted payment methods. # The page should have the title \"PAYMENT METHODS WE ACCEPT\" and five logos showing the payment methods.", "region_id": "8047", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'payment methods we accept'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 70 4 6 4 | logo 43 4 6 4 | logo 50 4 6 4 | logo 63 4 6 4 | logo 56 4 6 4 | title 0 2 120 2", "layout_seq_without_completion": "logo 70 4 6 4 | logo 43 4 6 4 | logo 50 4 6 4 | logo 63 4 6 4 | logo 56 4 6 4 | title 0 2 120 2", "plain_layout_seq": "logo 70 4 6 4 | logo 43 4 6 4 | logo 50 4 6 4 | logo 63 4 6 4 | logo 56 4 6 4 | title 0 2 120 2", "canvas_width": 960, "canvas_height": 73, "elements": [ { "type": "title", "position": [ 0, 16, 960, 17 ], "completed": false }, { "type": "logo", "position": [ 347, 38, 51, 32 ], "completed": false }, { "type": "logo", "position": [ 401, 38, 51, 32 ], "completed": false }, { "type": "logo", "position": [ 455, 38, 51, 32 ], "completed": false }, { "type": "logo", "position": [ 509, 38, 51, 32 ], "completed": false }, { "type": "logo", "position": [ 563, 38, 51, 32 ], "completed": false } ] }, { "text": "#This page explains to users about Don't take our word for it.# This page has the title \"Don't take our word for it\". There are also three groups that describe it, with an icon, a description and design country.", "region_id": "6906", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'dont take our word for it'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] | [ description undefined undefined | icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 11 110 3 | \" [ complete button 51 78 1 1 ] | [ complete button 53 78 1 1 ] | [ complete button 56 78 1 1 ] | [ complete button 58 78 1 1 ] | [ complete button 60 78 1 1 ] | [ complete button 62 78 1 1 ] | [ complete button 65 78 1 1 ] | [ complete button 67 78 1 1 ] \" | \" [ description 0 35 4 16 | complete image 0 26 7 38 | text 0 57 4 2 | text 0 54 4 2 ] | [ description 11 35 27 19 | icon 23 30 2 2 | complete image 7 26 35 43 | text 11 57 28 4 | text 11 62 28 2 ] | [ description 44 33 30 25 | icon 58 27 2 2 | complete image 40 23 35 44 | text 44 62 28 2 | text 44 65 28 2 ] | [ description 82 35 28 23 | icon 94 30 2 2 | complete image 78 26 35 44 | text 82 60 28 2 | text 82 63 28 2 ] | [ description 117 35 2 16 | complete image 114 26 5 40 | text 117 59 2 2 | text 117 54 2 4 ] \"", "layout_seq_without_completion": "title 4 11 110 3 | \" [ button 51 78 1 1 ] | [ button 53 78 1 1 ] | [ button 56 78 1 1 ] | [ button 58 78 1 1 ] | [ button 60 78 1 1 ] | [ button 62 78 1 1 ] | [ button 65 78 1 1 ] | [ button 67 78 1 1 ] \" | \" [ description 0 35 4 16 | image 0 26 7 38 | text 0 57 4 2 | text 0 54 4 2 ] | [ description 11 35 27 19 | icon 23 30 2 2 | image 7 26 35 43 | text 11 57 28 4 | text 11 62 28 2 ] | [ description 44 33 30 25 | icon 58 27 2 2 | image 40 23 35 44 | text 44 62 28 2 | text 44 65 28 2 ] | [ description 82 35 28 23 | icon 94 30 2 2 | image 78 26 35 44 | text 82 60 28 2 | text 82 63 28 2 ] | [ description 117 35 2 16 | image 114 26 5 40 | text 117 59 2 2 | text 117 54 2 4 ] \"", "plain_layout_seq": "button 51 78 1 1 | button 53 78 1 1 | button 56 78 1 1 | button 58 78 1 1 | button 60 78 1 1 | button 62 78 1 1 | button 65 78 1 1 | button 67 78 1 1 | description 0 35 4 16 | description 11 35 27 19 | description 44 33 30 25 | description 82 35 28 23 | description 117 35 2 16 | icon 23 30 2 2 | icon 58 27 2 2 | icon 94 30 2 2 | image 0 26 7 38 | image 7 26 35 43 | image 40 23 35 44 | image 78 26 35 44 | image 114 26 5 40 | text 0 57 4 2 | text 0 54 4 2 | text 11 57 28 4 | text 11 62 28 2 | text 44 62 28 2 | text 44 65 28 2 | text 82 60 28 2 | text 82 63 28 2 | text 117 59 2 2 | text 117 54 2 4 | title 4 11 110 3", "canvas_width": 1024, "canvas_height": 792, "elements": [ { "type": "title", "position": [ 40, 100, 944, 30 ], "completed": false }, { "type": "image", "position": [ 347, 201, 302, 383 ], "completed": true }, { "type": "image", "position": [ 0, 229, 68, 326 ], "completed": true }, { "type": "image", "position": [ 974, 229, 50, 346 ], "completed": true }, { "type": "image", "position": [ 68, 230, 302, 375 ], "completed": true }, { "type": "image", "position": [ 672, 230, 302, 383 ], "completed": true }, { "type": "icon", "position": [ 502, 238, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 202, 261, 19, 19 ], "completed": false }, { "type": "icon", "position": [ 806, 261, 19, 19 ], "completed": false }, { "type": "description", "position": [ 380, 283, 264, 215 ], "completed": false }, { "type": "description", "position": [ 0, 299, 36, 143 ], "completed": false }, { "type": "description", "position": [ 700, 300, 242, 200 ], "completed": false }, { "type": "description", "position": [ 1002, 300, 22, 143 ], "completed": false }, { "type": "description", "position": [ 98, 302, 238, 166 ], "completed": false }, { "type": "text", "position": [ 0, 463, 36, 20 ], "completed": false }, { "type": "text", "position": [ 1002, 463, 22, 41 ], "completed": false }, { "type": "text", "position": [ 0, 487, 36, 24 ], "completed": false }, { "type": "text", "position": [ 96, 491, 242, 41 ], "completed": false }, { "type": "text", "position": [ 1002, 507, 22, 24 ], "completed": false }, { "type": "text", "position": [ 700, 518, 242, 20 ], "completed": false }, { "type": "text", "position": [ 96, 535, 242, 24 ], "completed": false }, { "type": "text", "position": [ 380, 535, 242, 22 ], "completed": false }, { "type": "text", "position": [ 700, 543, 242, 24 ], "completed": false }, { "type": "text", "position": [ 380, 563, 242, 24 ], "completed": false }, { "type": "button", "position": [ 441, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 460, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 479, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 498, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 517, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 536, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 555, 671, 9, 9 ], "completed": true }, { "type": "button", "position": [ 574, 671, 9, 9 ], "completed": true } ] }, { "text": "#A page for introducing the health research to users.# The page should include one title 'It all starts with individuals', and three parts of the health research. Each part contains a title and a short description such as the number of members.", "region_id": "148", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'it all starts with individuals']] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description [attr:size 'small']] ]] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "layout_seq_without_completion": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "plain_layout_seq": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "title", "position": [ 287, 120, 449, 46 ], "completed": false }, { "type": "title", "position": [ 143, 186, 79, 48 ], "completed": false }, { "type": "title", "position": [ 472, 186, 79, 48 ], "completed": false }, { "type": "title", "position": [ 806, 186, 70, 48 ], "completed": false }, { "type": "description", "position": [ 355, 260, 313, 52 ], "completed": false }, { "type": "description", "position": [ 685, 260, 314, 52 ], "completed": false }, { "type": "description", "position": [ 88, 273, 188, 26 ], "completed": false } ] }, { "text": "#A page for introducing the health research to users.# The page should include one title and three parts of the health research. Each part contains a title and a short description such as the number of members.", "region_id": "148_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description [attr:size 'small']] ]] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] | [ description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "layout_seq_without_completion": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "plain_layout_seq": "description 41 30 36 6 | description 80 30 36 6 | description 10 31 22 3 | title 16 21 9 5 | title 55 21 9 5 | title 33 14 52 5 | title 94 21 8 5", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "title", "position": [ 287, 120, 449, 46 ], "completed": false }, { "type": "title", "position": [ 143, 186, 79, 48 ], "completed": false }, { "type": "title", "position": [ 472, 186, 79, 48 ], "completed": false }, { "type": "title", "position": [ 806, 186, 70, 48 ], "completed": false }, { "type": "description", "position": [ 355, 260, 313, 52 ], "completed": false }, { "type": "description", "position": [ 685, 260, 314, 52 ], "completed": false }, { "type": "description", "position": [ 88, 273, 188, 26 ], "completed": false } ] }, { "text": "#A page for introducing a ClassPass app to users.# The page should include one title, and three functions of the ClassPass app, such as \"Get credits\", \"Get out there\", and \"Discover & book again\". Each part contains an image, a title, and a brief description.", "region_id": "66", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'get credits, get out there, discover & book again'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 43 34 8 | description 42 43 34 11 | description 81 43 34 8 | image 3 26 34 9 | image 81 26 34 9 | image 42 26 34 9 | title 1 13 116 5 | title 42 38 34 3 | title 3 38 34 3 | title 81 38 34 3", "layout_seq_without_completion": "description 3 43 34 8 | description 42 43 34 11 | description 81 43 34 8 | image 3 26 34 9 | image 81 26 34 9 | image 42 26 34 9 | title 1 13 116 5 | title 42 38 34 3 | title 3 38 34 3 | title 81 38 34 3", "plain_layout_seq": "description 3 43 34 8 | description 42 43 34 11 | description 81 43 34 8 | image 3 26 34 9 | image 81 26 34 9 | image 42 26 34 9 | title 1 13 116 5 | title 42 38 34 3 | title 3 38 34 3 | title 81 38 34 3", "canvas_width": 1003, "canvas_height": 554, "elements": [ { "type": "title", "position": [ 16, 112, 971, 44 ], "completed": false }, { "type": "image", "position": [ 32, 220, 292, 81 ], "completed": false }, { "type": "image", "position": [ 356, 220, 292, 82 ], "completed": false }, { "type": "image", "position": [ 679, 220, 292, 81 ], "completed": false }, { "type": "title", "position": [ 32, 318, 292, 28 ], "completed": false }, { "type": "title", "position": [ 356, 318, 292, 28 ], "completed": false }, { "type": "title", "position": [ 679, 318, 292, 28 ], "completed": false }, { "type": "description", "position": [ 32, 362, 292, 71 ], "completed": false }, { "type": "description", "position": [ 356, 362, 292, 96 ], "completed": false }, { "type": "description", "position": [ 679, 362, 292, 71 ], "completed": false } ] }, { "text": "# A page to introduce the service provided by a company. # The page should have three groups of introduction information: \"Free Shipping & Returns\" \"100% Money refund\", and \"Fast send and delivery\". Each group should have a small image and a phrase.", "region_id": "3213", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Free Shipping & Returns, 100% Money refund, Fast send and delivery'] [item [el:image [attr:size 'small'] ] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] | [ image undefined small | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | image 45 1 4 4 | image 85 1 4 4 | image 5 1 4 4 | text 85 1 29 3 | text 5 1 29 3 | text 45 1 29 3", "layout_seq_without_completion": "background 0 0 120 8 | image 45 1 4 4 | image 85 1 4 4 | image 5 1 4 4 | text 85 1 29 3 | text 5 1 29 3 | text 45 1 29 3", "plain_layout_seq": "background 0 0 120 8 | image 45 1 4 4 | image 85 1 4 4 | image 5 1 4 4 | text 85 1 29 3 | text 5 1 29 3 | text 45 1 29 3", "canvas_width": 836, "canvas_height": 57, "elements": [ { "type": "background", "position": [ 0, 0, 836, 57 ], "completed": true }, { "type": "image", "position": [ 38, 13, 30, 30 ], "completed": false }, { "type": "text", "position": [ 38, 13, 204, 25 ], "completed": false }, { "type": "text", "position": [ 316, 13, 204, 25 ], "completed": false }, { "type": "image", "position": [ 316, 13, 30, 30 ], "completed": false }, { "type": "image", "position": [ 594, 13, 30, 30 ], "completed": false }, { "type": "text", "position": [ 594, 13, 204, 25 ], "completed": false } ] }, { "text": "#A page for users to follow the Instagram account.#The page should have the title \"follow us on Instagram @ProForceMA\". There are eight images in the middle of the page.", "region_id": "7112", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'follow us on instagram @proforcema'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 30 8 28 28 | image 60 8 28 28 | image 30 38 28 28 | image 0 8 28 28 | image 90 8 28 28 | image 0 38 28 28 | image 60 38 28 28 | image 90 38 28 28 | title 0 0 120 5", "layout_seq_without_completion": "image 30 8 28 28 | image 60 8 28 28 | image 30 38 28 28 | image 0 8 28 28 | image 90 8 28 28 | image 0 38 28 28 | image 60 38 28 28 | image 90 38 28 28 | title 0 0 120 5", "plain_layout_seq": "image 30 8 28 28 | image 60 8 28 28 | image 30 38 28 28 | image 0 8 28 28 | image 90 8 28 28 | image 0 38 28 28 | image 60 38 28 28 | image 90 38 28 28 | title 0 0 120 5", "canvas_width": 1009, "canvas_height": 574, "elements": [ { "type": "title", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "image", "position": [ 6, 69, 240, 240 ], "completed": false }, { "type": "image", "position": [ 259, 69, 240, 240 ], "completed": false }, { "type": "image", "position": [ 511, 69, 240, 240 ], "completed": false }, { "type": "image", "position": [ 763, 69, 240, 240 ], "completed": false }, { "type": "image", "position": [ 6, 321, 240, 240 ], "completed": false }, { "type": "image", "position": [ 259, 321, 240, 240 ], "completed": false }, { "type": "image", "position": [ 511, 321, 240, 240 ], "completed": false }, { "type": "image", "position": [ 763, 321, 240, 240 ], "completed": false } ] }, { "text": "# A page for marketing a company.# The page should have three groups of information sets: \"Our story\" \"Research and development\", and \"The company\". In each group, there should contain a small image, a title, a further description, and a link \"Read more\" for the user to learn more info by clicking it.", "region_id": "3942", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'our story, research and development, the company'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] [el:link [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 84 25 32 11 | description 44 25 32 11 | description 4 25 32 11 | image 56 9 10 10 | complete image 42 4 37 41 | complete image 82 4 37 41 | image 96 9 10 10 | image 15 9 11 9 | complete image 2 4 37 40 | link 16 38 10 1 | link 56 38 10 1 | link 96 38 10 1 | title 84 21 32 2 | title 44 21 32 2 | title 4 20 32 2", "layout_seq_without_completion": "description 84 25 32 11 | description 44 25 32 11 | description 4 25 32 11 | image 56 9 10 10 | image 42 4 37 41 | image 82 4 37 41 | image 96 9 10 10 | image 15 9 11 9 | image 2 4 37 40 | link 16 38 10 1 | link 56 38 10 1 | link 96 38 10 1 | title 84 21 32 2 | title 44 21 32 2 | title 4 20 32 2", "plain_layout_seq": "description 84 25 32 11 | description 44 25 32 11 | description 4 25 32 11 | image 56 9 10 10 | image 42 4 37 41 | image 82 4 37 41 | image 96 9 10 10 | image 15 9 11 9 | image 2 4 37 40 | link 16 38 10 1 | link 56 38 10 1 | link 96 38 10 1 | title 84 21 32 2 | title 44 21 32 2 | title 4 20 32 2", "canvas_width": 1020, "canvas_height": 427, "elements": [ { "type": "image", "position": [ 20, 38, 320, 344 ], "completed": true }, { "type": "image", "position": [ 360, 38, 320, 349 ], "completed": true }, { "type": "image", "position": [ 700, 38, 320, 349 ], "completed": true }, { "type": "image", "position": [ 130, 78, 100, 80 ], "completed": false }, { "type": "image", "position": [ 477, 78, 85, 85 ], "completed": false }, { "type": "image", "position": [ 817, 78, 85, 85 ], "completed": false }, { "type": "title", "position": [ 40, 178, 280, 25 ], "completed": false }, { "type": "title", "position": [ 380, 183, 280, 25 ], "completed": false }, { "type": "title", "position": [ 720, 183, 280, 25 ], "completed": false }, { "type": "description", "position": [ 40, 213, 280, 95 ], "completed": false }, { "type": "description", "position": [ 380, 218, 280, 95 ], "completed": false }, { "type": "description", "position": [ 720, 218, 280, 95 ], "completed": false }, { "type": "link", "position": [ 137, 326, 85, 16 ], "completed": false }, { "type": "link", "position": [ 477, 331, 85, 16 ], "completed": false }, { "type": "link", "position": [ 817, 331, 85, 16 ], "completed": false } ] }, { "text": "#A page for showing products.# The page has two groups of information showing products. Each group includes a title, three pictures of products, and a link named \u201cSHOW MORE\u201d for users to click to see more products.", "region_id": "2987", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:image [attr:repeat '3'] ] [el:link [attr:value 'SHOW MORE'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 7 9 9 | image 15 7 9 9 | complete image 1 0 37 18 | complete image 41 0 37 18 | image 55 7 9 9 | image 27 7 9 9 | image 43 7 9 9 | image 67 7 9 9 | link 66 1 10 2 | link 26 1 10 2 | title 3 1 10 2 | title 43 1 15 2", "layout_seq_without_completion": "image 3 7 9 9 | image 15 7 9 9 | image 1 0 37 18 | image 41 0 37 18 | image 55 7 9 9 | image 27 7 9 9 | image 43 7 9 9 | image 67 7 9 9 | link 66 1 10 2 | link 26 1 10 2 | title 3 1 10 2 | title 43 1 15 2", "plain_layout_seq": "image 3 7 9 9 | image 15 7 9 9 | image 1 0 37 18 | image 41 0 37 18 | image 55 7 9 9 | image 27 7 9 9 | image 43 7 9 9 | image 67 7 9 9 | link 66 1 10 2 | link 26 1 10 2 | title 3 1 10 2 | title 43 1 15 2", "canvas_width": 1024, "canvas_height": 225, "elements": [ { "type": "image", "position": [ 12, 0, 317, 155 ], "completed": true }, { "type": "image", "position": [ 353, 0, 317, 155 ], "completed": true }, { "type": "title", "position": [ 27, 10, 93, 24 ], "completed": false }, { "type": "title", "position": [ 368, 10, 136, 24 ], "completed": false }, { "type": "link", "position": [ 224, 14, 90, 18 ], "completed": false }, { "type": "link", "position": [ 565, 14, 90, 18 ], "completed": false }, { "type": "image", "position": [ 27, 60, 80, 80 ], "completed": false }, { "type": "image", "position": [ 131, 60, 80, 80 ], "completed": false }, { "type": "image", "position": [ 235, 60, 80, 80 ], "completed": false }, { "type": "image", "position": [ 368, 60, 80, 80 ], "completed": false }, { "type": "image", "position": [ 472, 60, 80, 80 ], "completed": false }, { "type": "image", "position": [ 576, 60, 80, 80 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a marketplace.# The page should have an exciting title, and 3 groups while each group has an icon, and a text to introduce the pros of the marketplace.", "region_id": "5050", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "description 54 19 18 4 | description 93 19 18 4 | description 16 19 18 7 | icon 8 19 5 5 | icon 46 19 5 5 | icon 84 19 5 5 | complete image 4 15 34 15 | complete image 80 15 34 15 | complete image 42 15 34 15 | title 2 3 114 4", "layout_seq_without_completion": "description 54 19 18 4 | description 93 19 18 4 | description 16 19 18 7 | icon 8 19 5 5 | icon 46 19 5 5 | icon 84 19 5 5 | image 4 15 34 15 | image 80 15 34 15 | image 42 15 34 15 | title 2 3 114 4", "plain_layout_seq": "description 54 19 18 4 | description 93 19 18 4 | description 16 19 18 7 | icon 8 19 5 5 | icon 46 19 5 5 | icon 84 19 5 5 | image 4 15 34 15 | image 80 15 34 15 | image 42 15 34 15 | title 2 3 114 4", "canvas_width": 1024, "canvas_height": 336, "elements": [ { "type": "title", "position": [ 24, 32, 976, 40 ], "completed": false }, { "type": "image", "position": [ 40, 136, 293, 128 ], "completed": true }, { "type": "image", "position": [ 365, 136, 294, 128 ], "completed": true }, { "type": "image", "position": [ 691, 136, 293, 128 ], "completed": true }, { "type": "icon", "position": [ 72, 168, 48, 48 ], "completed": false }, { "type": "description", "position": [ 144, 168, 157, 63 ], "completed": false }, { "type": "icon", "position": [ 397, 168, 48, 48 ], "completed": false }, { "type": "description", "position": [ 469, 168, 157, 42 ], "completed": false }, { "type": "icon", "position": [ 723, 168, 48, 48 ], "completed": false }, { "type": "description", "position": [ 795, 168, 157, 42 ], "completed": false } ] }, { "text": "#A page for showing some brands related to the application.# The page has a title and eight brand logos.", "region_id": "3319", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '8'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 50 2 20 8 | \" [ logo 0 2 12 9 ] | [ logo 12 2 12 9 ] | [ logo 24 2 12 9 ] | [ logo 37 2 12 9 ] \" | \" [ logo 69 2 12 9 ] | [ logo 82 2 12 9 ] | [ logo 94 2 12 9 ] | [ logo 107 2 12 9 ] \"", "layout_seq_without_completion": "title 50 2 20 8 | \" [ logo 0 2 12 9 ] | [ logo 12 2 12 9 ] | [ logo 24 2 12 9 ] | [ logo 37 2 12 9 ] \" | \" [ logo 69 2 12 9 ] | [ logo 82 2 12 9 ] | [ logo 94 2 12 9 ] | [ logo 107 2 12 9 ] \"", "plain_layout_seq": "logo 0 2 12 9 | logo 12 2 12 9 | logo 24 2 12 9 | logo 37 2 12 9 | logo 69 2 12 9 | logo 82 2 12 9 | logo 94 2 12 9 | logo 107 2 12 9 | title 50 2 20 8", "canvas_width": 1024, "canvas_height": 121, "elements": [ { "type": "logo", "position": [ 0, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 107, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 213, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 320, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 597, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 704, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 810, 20, 107, 80 ], "completed": false }, { "type": "logo", "position": [ 917, 20, 107, 80 ], "completed": false }, { "type": "title", "position": [ 427, 24, 171, 72 ], "completed": false } ] }, { "text": "#A page for introducing the information of a company like products and services.# There should be three groups of texts. Each of them includes two text boxes, one for showing the title of the product and the other for describing the detail. One image is used as an extra layout in each one.", "region_id": "2234", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:image] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 13 30 14 | image 0 0 37 28 | title 3 9 30 3 ] | [ description 44 13 30 14 | image 41 0 37 28 | title 44 9 30 3 ] | [ description 86 16 30 11 | image 82 0 37 28 | title 86 9 30 6 ] \"", "layout_seq_without_completion": "\" [ description 3 13 30 14 | image 0 0 37 28 | title 3 9 30 3 ] | [ description 44 13 30 14 | image 41 0 37 28 | title 44 9 30 3 ] | [ description 86 16 30 11 | image 82 0 37 28 | title 86 9 30 6 ] \"", "plain_layout_seq": "description 3 13 30 14 | description 44 13 30 14 | description 86 16 30 11 | image 0 0 37 28 | image 41 0 37 28 | image 82 0 37 28 | title 3 9 30 3 | title 44 9 30 3 | title 86 9 30 6", "canvas_width": 963, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 0, 0, 302, 226 ], "completed": false }, { "type": "image", "position": [ 331, 0, 302, 226 ], "completed": false }, { "type": "image", "position": [ 661, 0, 302, 226 ], "completed": false }, { "type": "title", "position": [ 30, 75, 242, 26 ], "completed": false }, { "type": "title", "position": [ 361, 75, 242, 26 ], "completed": false }, { "type": "title", "position": [ 691, 75, 242, 53 ], "completed": false }, { "type": "description", "position": [ 30, 110, 242, 116 ], "completed": false }, { "type": "description", "position": [ 361, 110, 242, 116 ], "completed": false }, { "type": "description", "position": [ 691, 136, 242, 90 ], "completed": false } ] }, { "text": "#This page provides users with information about the product.# This page is mainly divided into five parts: Shop, About Us, Our Work, SUP, and Contact.", "region_id": "7063", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'shop, about us, our work,SUP,contact'] [item [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 31 0 8 5 ] | [ link 41 0 12 5 ] | [ link 54 0 13 5 ] | [ link 68 0 7 5 ] | [ link 76 0 11 5 ] \"", "layout_seq_without_completion": "\" [ link 31 0 8 5 ] | [ link 41 0 12 5 ] | [ link 54 0 13 5 ] | [ link 68 0 7 5 ] | [ link 76 0 11 5 ] \"", "plain_layout_seq": "link 31 0 8 5 | link 41 0 12 5 | link 54 0 13 5 | link 68 0 7 5 | link 76 0 11 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 267, 0, 73, 50 ], "completed": false }, { "type": "link", "position": [ 345, 0, 109, 50 ], "completed": false }, { "type": "link", "position": [ 458, 0, 113, 50 ], "completed": false }, { "type": "link", "position": [ 576, 0, 63, 50 ], "completed": false }, { "type": "link", "position": [ 643, 0, 99, 50 ], "completed": false } ] }, { "text": "#A page for showing some ornaments. There are three groups and each group includes one image, one label for the name, and one description.", "region_id": "7336", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 80 53 33 9 | description 6 53 33 15 | description 43 53 33 9 | image 7 6 30 40 | image 81 6 30 40 | image 43 6 33 40 | title 43 48 33 2 | title 6 49 33 2 | title 80 49 33 2", "layout_seq_without_completion": "description 80 53 33 9 | description 6 53 33 15 | description 43 53 33 9 | image 7 6 30 40 | image 81 6 30 40 | image 43 6 33 40 | title 43 48 33 2 | title 6 49 33 2 | title 80 49 33 2", "plain_layout_seq": "description 80 53 33 9 | description 6 53 33 15 | description 43 53 33 9 | image 7 6 30 40 | image 81 6 30 40 | image 43 6 33 40 | title 43 48 33 2 | title 6 49 33 2 | title 80 49 33 2", "canvas_width": 1024, "canvas_height": 642, "elements": [ { "type": "image", "position": [ 68, 55, 259, 345 ], "completed": false }, { "type": "image", "position": [ 370, 55, 285, 342 ], "completed": false }, { "type": "image", "position": [ 697, 55, 259, 345 ], "completed": false }, { "type": "title", "position": [ 370, 416, 285, 22 ], "completed": false }, { "type": "title", "position": [ 55, 420, 285, 23 ], "completed": false }, { "type": "title", "position": [ 684, 420, 285, 23 ], "completed": false }, { "type": "description", "position": [ 370, 456, 285, 77 ], "completed": false }, { "type": "description", "position": [ 55, 460, 285, 128 ], "completed": false }, { "type": "description", "position": [ 684, 460, 285, 77 ], "completed": false } ] }, { "text": "#A page introducing the pros of the Divvy card. # The page should have a big corresponding image, and 3 parts to list the different pros of the Divvy card. Each part should have a title, an introduction, and a button for users to click to learn more.", "region_id": "165", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : image undefined large | { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 19 2 81 62 | \" [ button 5 95 14 3 | description 5 67 29 26 | complete image 3 58 33 43 | title 5 61 21 3 ] | [ button 45 96 14 3 | description 45 71 29 23 | complete image 43 58 33 43 | title 45 61 29 7 ] | [ button 85 95 14 3 | description 85 67 29 26 | complete image 83 58 33 43 | title 85 61 26 3 ] \"", "layout_seq_without_completion": "image 19 2 81 62 | \" [ button 5 95 14 3 | description 5 67 29 26 | image 3 58 33 43 | title 5 61 21 3 ] | [ button 45 96 14 3 | description 45 71 29 23 | image 43 58 33 43 | title 45 61 29 7 ] | [ button 85 95 14 3 | description 85 67 29 26 | image 83 58 33 43 | title 85 61 26 3 ] \"", "plain_layout_seq": "button 5 95 14 3 | button 45 96 14 3 | button 85 95 14 3 | description 5 67 29 26 | description 45 71 29 23 | description 85 67 29 26 | image 19 2 81 62 | image 3 58 33 43 | image 43 58 33 43 | image 83 58 33 43 | title 5 61 21 3 | title 45 61 29 7 | title 85 61 26 3", "canvas_width": 873, "canvas_height": 740, "elements": [ { "type": "image", "position": [ 140, 20, 592, 452 ], "completed": false }, { "type": "image", "position": [ 25, 422, 241, 318 ], "completed": true }, { "type": "image", "position": [ 316, 422, 241, 318 ], "completed": true }, { "type": "image", "position": [ 607, 422, 241, 318 ], "completed": true }, { "type": "title", "position": [ 40, 447, 154, 28 ], "completed": false }, { "type": "title", "position": [ 331, 447, 211, 56 ], "completed": false }, { "type": "title", "position": [ 622, 447, 196, 28 ], "completed": false }, { "type": "description", "position": [ 40, 490, 211, 192 ], "completed": false }, { "type": "description", "position": [ 622, 490, 211, 192 ], "completed": false }, { "type": "description", "position": [ 331, 518, 211, 168 ], "completed": false }, { "type": "button", "position": [ 40, 697, 109, 24 ], "completed": false }, { "type": "button", "position": [ 622, 697, 109, 24 ], "completed": false }, { "type": "button", "position": [ 331, 701, 109, 24 ], "completed": false } ] }, { "text": "#A page for showing some news.# The page should have 4 groups each group having an image, and 3 texts to show the type, the title, and a short description of the news.", "region_id": "3546", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 1 24 26 6 | image 1 0 26 17 | text 1 18 26 2 | title 1 21 15 2 ] | [ description 31 24 26 6 | image 31 0 26 17 | text 31 18 26 2 | title 31 21 22 2 ] | [ description 61 24 26 6 | image 61 0 26 14 | text 61 15 26 2 | title 61 18 25 5 ] | [ description 91 27 26 3 | image 91 0 26 17 | text 91 18 26 2 | title 91 21 23 5 ] \"", "layout_seq_without_completion": "\" [ description 1 24 26 6 | image 1 0 26 17 | text 1 18 26 2 | title 1 21 15 2 ] | [ description 31 24 26 6 | image 31 0 26 17 | text 31 18 26 2 | title 31 21 22 2 ] | [ description 61 24 26 6 | image 61 0 26 14 | text 61 15 26 2 | title 61 18 25 5 ] | [ description 91 27 26 3 | image 91 0 26 17 | text 91 18 26 2 | title 91 21 23 5 ] \"", "plain_layout_seq": "description 1 24 26 6 | description 31 24 26 6 | description 61 24 26 6 | description 91 27 26 3 | image 1 0 26 17 | image 31 0 26 17 | image 61 0 26 14 | image 91 0 26 17 | text 1 18 26 2 | text 31 18 26 2 | text 61 15 26 2 | text 91 18 26 2 | title 1 21 15 2 | title 31 21 22 2 | title 61 18 25 5 | title 91 21 23 5", "canvas_width": 1025, "canvas_height": 299, "elements": [ { "type": "image", "position": [ 16, 0, 224, 150 ], "completed": false }, { "type": "image", "position": [ 272, 0, 224, 150 ], "completed": false }, { "type": "image", "position": [ 528, 0, 224, 125 ], "completed": false }, { "type": "image", "position": [ 785, 0, 224, 150 ], "completed": false }, { "type": "text", "position": [ 528, 133, 224, 20 ], "completed": false }, { "type": "title", "position": [ 528, 155, 220, 50 ], "completed": false }, { "type": "text", "position": [ 16, 157, 224, 20 ], "completed": false }, { "type": "text", "position": [ 272, 157, 224, 20 ], "completed": false }, { "type": "text", "position": [ 785, 157, 224, 20 ], "completed": false }, { "type": "title", "position": [ 785, 180, 203, 50 ], "completed": false }, { "type": "title", "position": [ 16, 181, 130, 24 ], "completed": false }, { "type": "title", "position": [ 272, 181, 191, 24 ], "completed": false }, { "type": "description", "position": [ 16, 211, 224, 52 ], "completed": false }, { "type": "description", "position": [ 272, 211, 224, 52 ], "completed": false }, { "type": "description", "position": [ 528, 211, 224, 52 ], "completed": false }, { "type": "description", "position": [ 785, 236, 224, 26 ], "completed": false } ] }, { "text": "# A page to show the accepted payment methods in an online shop. # There should have a title \"Accepted Payments\" and seven logos of payment methods.", "region_id": "7649", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'accepted payments'] ] [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 3 | \" [ logo 40 6 4 3 ] | [ logo 45 6 4 3 ] | [ logo 51 6 4 3 ] | [ logo 57 6 4 3 ] | [ logo 63 6 4 3 ] | [ logo 69 6 4 3 ] | [ logo 75 6 4 3 ] \"", "layout_seq_without_completion": "title 0 2 120 3 | \" [ logo 40 6 4 3 ] | [ logo 45 6 4 3 ] | [ logo 51 6 4 3 ] | [ logo 57 6 4 3 ] | [ logo 63 6 4 3 ] | [ logo 69 6 4 3 ] | [ logo 75 6 4 3 ] \"", "plain_layout_seq": "logo 40 6 4 3 | logo 45 6 4 3 | logo 51 6 4 3 | logo 57 6 4 3 | logo 63 6 4 3 | logo 69 6 4 3 | logo 75 6 4 3 | title 0 2 120 3", "canvas_width": 944, "canvas_height": 81, "elements": [ { "type": "title", "position": [ 0, 20, 944, 24 ], "completed": false }, { "type": "logo", "position": [ 315, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 361, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 407, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 453, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 499, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 545, 49, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 591, 49, 38, 24 ], "completed": false } ] }, { "text": "#A page showing the options for making a trip.# There should be an attractive title. There must be three combinations: each combination is comprised of an image, an icon, and a title showing the details of the trips.", "region_id": "1285", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:icon] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 43 10 11 3 | icon 84 10 11 3 | icon 2 10 11 3 | image 0 8 38 31 | image 0 8 37 31 | image 41 8 37 31 | image 41 8 38 31 | image 82 8 37 31 | image 82 8 38 31 | title 84 34 33 3 | title 43 34 33 3 | title 2 34 33 3 | title 0 0 120 5", "layout_seq_without_completion": "icon 43 10 11 3 | icon 84 10 11 3 | icon 2 10 11 3 | image 0 8 38 31 | image 0 8 37 31 | image 41 8 37 31 | image 41 8 38 31 | image 82 8 37 31 | image 82 8 38 31 | title 84 34 33 3 | title 43 34 33 3 | title 2 34 33 3 | title 0 0 120 5", "plain_layout_seq": "icon 43 10 11 3 | icon 84 10 11 3 | icon 2 10 11 3 | image 0 8 38 31 | image 0 8 37 31 | image 41 8 37 31 | image 41 8 38 31 | image 82 8 37 31 | image 82 8 38 31 | title 84 34 33 3 | title 43 34 33 3 | title 2 34 33 3 | title 0 0 120 5", "canvas_width": 960, "canvas_height": 320, "elements": [ { "type": "title", "position": [ 0, 0, 960, 44 ], "completed": false }, { "type": "image", "position": [ 0, 68, 304, 252 ], "completed": false }, { "type": "image", "position": [ 1, 68, 302, 252 ], "completed": false }, { "type": "image", "position": [ 328, 68, 304, 252 ], "completed": false }, { "type": "image", "position": [ 329, 68, 302, 252 ], "completed": false }, { "type": "image", "position": [ 656, 68, 304, 252 ], "completed": false }, { "type": "image", "position": [ 657, 68, 302, 252 ], "completed": false }, { "type": "icon", "position": [ 17, 84, 89, 26 ], "completed": false }, { "type": "icon", "position": [ 345, 84, 89, 26 ], "completed": false }, { "type": "icon", "position": [ 673, 84, 89, 26 ], "completed": false }, { "type": "title", "position": [ 17, 276, 270, 24 ], "completed": false }, { "type": "title", "position": [ 345, 276, 270, 24 ], "completed": false }, { "type": "title", "position": [ 673, 276, 270, 24 ], "completed": false } ] }, { "text": "# A page showing the categories of an online shop. # The page should have five categories with each having a title, a related image, and a link \"VIEW ALL\" for the user to click to see more products in each category.", "region_id": "8252", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:title] [el:image] [el:link [attr:value 'view all'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 2 0 38 47 | image 7 14 28 28 | link 17 8 7 1 | title 8 3 26 4 ] | [ complete image 40 0 38 47 | image 45 14 28 28 | link 56 8 7 1 | title 46 3 26 4 ] | [ complete image 79 0 38 47 | image 84 14 28 28 | link 94 8 7 1 | title 85 3 26 4 ] | [ complete image 2 47 57 67 | image 7 62 48 48 | link 27 56 7 1 | title 9 51 43 4 ] | [ complete image 60 47 57 67 | image 64 62 48 48 | link 85 56 7 1 | title 67 51 43 4 ] \"", "layout_seq_without_completion": "\" [ image 2 0 38 47 | image 7 14 28 28 | link 17 8 7 1 | title 8 3 26 4 ] | [ image 40 0 38 47 | image 45 14 28 28 | link 56 8 7 1 | title 46 3 26 4 ] | [ image 79 0 38 47 | image 84 14 28 28 | link 94 8 7 1 | title 85 3 26 4 ] | [ image 2 47 57 67 | image 7 62 48 48 | link 27 56 7 1 | title 9 51 43 4 ] | [ image 60 47 57 67 | image 64 62 48 48 | link 85 56 7 1 | title 67 51 43 4 ] \"", "plain_layout_seq": "image 2 0 38 47 | image 7 14 28 28 | image 40 0 38 47 | image 45 14 28 28 | image 79 0 38 47 | image 84 14 28 28 | image 2 47 57 67 | image 7 62 48 48 | image 60 47 57 67 | image 64 62 48 48 | link 17 8 7 1 | link 56 8 7 1 | link 94 8 7 1 | link 27 56 7 1 | link 85 56 7 1 | title 8 3 26 4 | title 46 3 26 4 | title 85 3 26 4 | title 9 51 43 4 | title 67 51 43 4", "canvas_width": 1024, "canvas_height": 982, "elements": [ { "type": "image", "position": [ 20, 0, 328, 409 ], "completed": true }, { "type": "image", "position": [ 348, 0, 328, 409 ], "completed": true }, { "type": "image", "position": [ 676, 0, 328, 409 ], "completed": true }, { "type": "title", "position": [ 73, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 401, 30, 223, 39 ], "completed": false }, { "type": "title", "position": [ 729, 30, 223, 39 ], "completed": false }, { "type": "link", "position": [ 153, 70, 62, 17 ], "completed": false }, { "type": "link", "position": [ 481, 70, 62, 17 ], "completed": false }, { "type": "link", "position": [ 809, 70, 62, 17 ], "completed": false }, { "type": "image", "position": [ 61, 121, 247, 247 ], "completed": false }, { "type": "image", "position": [ 389, 121, 247, 247 ], "completed": false }, { "type": "image", "position": [ 717, 121, 247, 247 ], "completed": false }, { "type": "image", "position": [ 20, 409, 492, 573 ], "completed": true }, { "type": "image", "position": [ 512, 409, 492, 573 ], "completed": true }, { "type": "title", "position": [ 82, 439, 369, 39 ], "completed": false }, { "type": "title", "position": [ 574, 439, 369, 39 ], "completed": false }, { "type": "link", "position": [ 236, 479, 62, 17 ], "completed": false }, { "type": "link", "position": [ 728, 479, 62, 17 ], "completed": false }, { "type": "image", "position": [ 61, 530, 411, 411 ], "completed": false }, { "type": "image", "position": [ 553, 530, 411, 411 ], "completed": false } ] }, { "text": "#A page for showing products to users.# The page includes a headline named \u201cWHAT DO YOU WANT TO RIP\u201d, and two pictures of products.", "region_id": "7529", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what do you want to rip'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image]]] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 3 15 54 36 | image 61 15 54 36 | title 3 0 112 4", "layout_seq_without_completion": "image 3 15 54 36 | image 61 15 54 36 | title 3 0 112 4", "plain_layout_seq": "image 3 15 54 36 | image 61 15 54 36 | title 3 0 112 4", "canvas_width": 1024, "canvas_height": 473, "elements": [ { "type": "title", "position": [ 30, 0, 964, 42 ], "completed": false }, { "type": "image", "position": [ 30, 133, 467, 310 ], "completed": false }, { "type": "image", "position": [ 527, 133, 467, 310 ], "completed": false } ] }, { "text": "#This page is to help users start a perfect trip. #At the top of this page is the title and introduction of \"Plan your perfect trip.\" There are 9 groups of tourist attractions in different places below, each group is composed of pictures, locations, flights,hotels and car rental.", "region_id": "4106", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:description] [gp:InfoGroup [gattr:repeat '9'] [item [el:image] [el:title] [el:text [attr:repeat '3']] ] ] ]", "execution": "multiinfo : description undefined undefined | title top undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 4 120 2 | title 0 0 120 3 | \" [ image 2 11 11 11 | text 15 17 5 1 | text 22 17 4 1 | text 29 17 7 1 | title 15 13 8 3 ] | [ image 61 11 11 11 | text 81 17 4 1 | text 88 17 7 1 | text 74 17 5 1 | title 74 13 8 3 ] | [ image 2 24 11 11 | text 22 31 4 1 | text 15 31 5 1 | text 29 31 7 1 | title 15 27 9 3 ] | [ image 61 24 11 11 | text 74 31 5 1 | text 81 31 4 1 | text 88 31 7 1 | title 74 27 5 3 ] | [ image 2 38 11 11 | text 15 45 5 1 | text 22 45 4 1 | text 29 45 7 1 | title 15 41 11 3 ] | [ image 61 38 11 11 | text 74 45 5 1 | text 81 45 4 1 | text 88 45 7 1 | title 74 41 6 3 ] | [ image 2 52 11 11 | text 15 59 5 1 | text 22 59 4 1 | text 29 59 7 1 | title 15 55 16 3 ] | [ image 61 52 11 11 | text 74 59 5 1 | text 81 59 4 1 | text 88 59 7 1 | title 74 55 6 3 ] | [ image 2 66 11 11 | text 15 73 5 1 | text 22 73 4 1 | text 29 73 7 1 | title 15 68 10 3 ] \"", "layout_seq_without_completion": "description 0 4 120 2 | title 0 0 120 3 | \" [ image 2 11 11 11 | text 15 17 5 1 | text 22 17 4 1 | text 29 17 7 1 | title 15 13 8 3 ] | [ image 61 11 11 11 | text 81 17 4 1 | text 88 17 7 1 | text 74 17 5 1 | title 74 13 8 3 ] | [ image 2 24 11 11 | text 22 31 4 1 | text 15 31 5 1 | text 29 31 7 1 | title 15 27 9 3 ] | [ image 61 24 11 11 | text 74 31 5 1 | text 81 31 4 1 | text 88 31 7 1 | title 74 27 5 3 ] | [ image 2 38 11 11 | text 15 45 5 1 | text 22 45 4 1 | text 29 45 7 1 | title 15 41 11 3 ] | [ image 61 38 11 11 | text 74 45 5 1 | text 81 45 4 1 | text 88 45 7 1 | title 74 41 6 3 ] | [ image 2 52 11 11 | text 15 59 5 1 | text 22 59 4 1 | text 29 59 7 1 | title 15 55 16 3 ] | [ image 61 52 11 11 | text 74 59 5 1 | text 81 59 4 1 | text 88 59 7 1 | title 74 55 6 3 ] | [ image 2 66 11 11 | text 15 73 5 1 | text 22 73 4 1 | text 29 73 7 1 | title 15 68 10 3 ] \"", "plain_layout_seq": "description 0 4 120 2 | image 2 11 11 11 | image 61 11 11 11 | image 2 24 11 11 | image 61 24 11 11 | image 2 38 11 11 | image 61 38 11 11 | image 2 52 11 11 | image 61 52 11 11 | image 2 66 11 11 | text 15 17 5 1 | text 22 17 4 1 | text 29 17 7 1 | text 81 17 4 1 | text 88 17 7 1 | text 74 17 5 1 | text 22 31 4 1 | text 15 31 5 1 | text 29 31 7 1 | text 74 31 5 1 | text 81 31 4 1 | text 88 31 7 1 | text 15 45 5 1 | text 22 45 4 1 | text 29 45 7 1 | text 74 45 5 1 | text 81 45 4 1 | text 88 45 7 1 | text 15 59 5 1 | text 22 59 4 1 | text 29 59 7 1 | text 74 59 5 1 | text 81 59 4 1 | text 88 59 7 1 | text 15 73 5 1 | text 22 73 4 1 | text 29 73 7 1 | title 0 0 120 3 | title 15 13 8 3 | title 74 13 8 3 | title 15 27 9 3 | title 74 27 5 3 | title 15 41 11 3 | title 74 41 6 3 | title 15 55 16 3 | title 74 55 6 3 | title 15 68 10 3", "canvas_width": 1024, "canvas_height": 684, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 28 ], "completed": false }, { "type": "description", "position": [ 0, 40, 1024, 24 ], "completed": false }, { "type": "image", "position": [ 18, 94, 100, 100 ], "completed": false }, { "type": "image", "position": [ 521, 94, 100, 100 ], "completed": false }, { "type": "title", "position": [ 136, 116, 72, 28 ], "completed": false }, { "type": "title", "position": [ 639, 116, 69, 28 ], "completed": false }, { "type": "text", "position": [ 136, 152, 43, 16 ], "completed": false }, { "type": "text", "position": [ 196, 152, 42, 16 ], "completed": false }, { "type": "text", "position": [ 255, 152, 67, 16 ], "completed": false }, { "type": "text", "position": [ 639, 152, 43, 16 ], "completed": false }, { "type": "text", "position": [ 699, 152, 42, 16 ], "completed": false }, { "type": "text", "position": [ 758, 152, 67, 16 ], "completed": false }, { "type": "image", "position": [ 18, 212, 100, 100 ], "completed": false }, { "type": "image", "position": [ 521, 212, 100, 100 ], "completed": false }, { "type": "title", "position": [ 136, 234, 83, 28 ], "completed": false }, { "type": "title", "position": [ 639, 234, 45, 28 ], "completed": false }, { "type": "text", "position": [ 136, 270, 43, 16 ], "completed": false }, { "type": "text", "position": [ 196, 270, 42, 16 ], "completed": false }, { "type": "text", "position": [ 255, 270, 67, 16 ], "completed": false }, { "type": "text", "position": [ 639, 270, 43, 16 ], "completed": false }, { "type": "text", "position": [ 699, 270, 42, 16 ], "completed": false }, { "type": "text", "position": [ 758, 270, 67, 16 ], "completed": false }, { "type": "image", "position": [ 18, 330, 100, 100 ], "completed": false }, { "type": "image", "position": [ 521, 330, 100, 100 ], "completed": false }, { "type": "title", "position": [ 136, 352, 98, 28 ], "completed": false }, { "type": "title", "position": [ 639, 352, 59, 28 ], "completed": false }, { "type": "text", "position": [ 136, 388, 43, 16 ], "completed": false }, { "type": "text", "position": [ 196, 388, 42, 16 ], "completed": false }, { "type": "text", "position": [ 255, 388, 67, 16 ], "completed": false }, { "type": "text", "position": [ 639, 388, 43, 16 ], "completed": false }, { "type": "text", "position": [ 699, 388, 42, 16 ], "completed": false }, { "type": "text", "position": [ 758, 388, 67, 16 ], "completed": false }, { "type": "image", "position": [ 18, 448, 100, 100 ], "completed": false }, { "type": "image", "position": [ 521, 448, 100, 100 ], "completed": false }, { "type": "title", "position": [ 136, 470, 139, 28 ], "completed": false }, { "type": "title", "position": [ 639, 470, 57, 28 ], "completed": false }, { "type": "text", "position": [ 136, 506, 43, 16 ], "completed": false }, { "type": "text", "position": [ 196, 506, 42, 16 ], "completed": false }, { "type": "text", "position": [ 255, 506, 67, 16 ], "completed": false }, { "type": "text", "position": [ 639, 506, 43, 16 ], "completed": false }, { "type": "text", "position": [ 699, 506, 42, 16 ], "completed": false }, { "type": "text", "position": [ 758, 506, 67, 16 ], "completed": false }, { "type": "image", "position": [ 18, 566, 100, 100 ], "completed": false }, { "type": "title", "position": [ 136, 588, 92, 28 ], "completed": false }, { "type": "text", "position": [ 136, 624, 43, 16 ], "completed": false }, { "type": "text", "position": [ 196, 624, 42, 16 ], "completed": false }, { "type": "text", "position": [ 255, 624, 67, 16 ], "completed": false } ] }, { "text": "#A page selling electronic equipment.# The page contains 5 information sets. Each group includes a background image and a title.", "region_id": "2914", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 3 0 55 29 | background 3 31 36 29 | background 80 31 36 29 | background 60 0 55 29 | background 41 31 36 29 | complete image 69 1 37 25 | complete image 8 1 45 25 | complete image 5 32 32 25 | complete image 81 32 32 25 | complete image 43 32 32 25 | title 5 54 32 4 | title 81 54 32 4 | title 5 23 52 4 | title 62 23 52 4 | title 43 54 32 4", "layout_seq_without_completion": "background 3 0 55 29 | background 3 31 36 29 | background 80 31 36 29 | background 60 0 55 29 | background 41 31 36 29 | image 69 1 37 25 | image 8 1 45 25 | image 5 32 32 25 | image 81 32 32 25 | image 43 32 32 25 | title 5 54 32 4 | title 81 54 32 4 | title 5 23 52 4 | title 62 23 52 4 | title 43 54 32 4", "plain_layout_seq": "background 3 0 55 29 | background 3 31 36 29 | background 80 31 36 29 | background 60 0 55 29 | background 41 31 36 29 | image 69 1 37 25 | image 8 1 45 25 | image 5 32 32 25 | image 81 32 32 25 | image 43 32 32 25 | title 5 54 32 4 | title 81 54 32 4 | title 5 23 52 4 | title 62 23 52 4 | title 43 54 32 4", "canvas_width": 1024, "canvas_height": 515, "elements": [ { "type": "background", "position": [ 30, 0, 475, 250 ], "completed": false }, { "type": "background", "position": [ 520, 0, 474, 250 ], "completed": false }, { "type": "image", "position": [ 74, 15, 387, 220 ], "completed": true }, { "type": "image", "position": [ 595, 15, 323, 220 ], "completed": true }, { "type": "title", "position": [ 45, 199, 445, 36 ], "completed": false }, { "type": "title", "position": [ 534, 199, 445, 36 ], "completed": false }, { "type": "background", "position": [ 30, 265, 311, 250 ], "completed": false }, { "type": "background", "position": [ 356, 265, 312, 250 ], "completed": false }, { "type": "background", "position": [ 683, 265, 311, 250 ], "completed": false }, { "type": "image", "position": [ 45, 280, 281, 220 ], "completed": true }, { "type": "image", "position": [ 375, 280, 275, 220 ], "completed": true }, { "type": "image", "position": [ 698, 280, 281, 220 ], "completed": true }, { "type": "title", "position": [ 45, 464, 281, 36 ], "completed": false }, { "type": "title", "position": [ 371, 464, 281, 36 ], "completed": false }, { "type": "title", "position": [ 698, 464, 281, 36 ], "completed": false } ] }, { "text": "#A page for recruiting workers.# The page should have a title to call for users to join, and 6 groups while each group has two texts to list the job and short describe the job, and a button for users to click to join now.", "region_id": "4060", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '6'] [item [el:text] [el:description [attr:size 'small'] ] [el:button [attr:value 'join now'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] | [ button undefined undefined | description undefined small | text undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 15 23 25 7 | complete text 15 23 23 7 | title 15 16 61 7 ] | [ button 15 54 13 5 | description 15 41 24 10 | text 15 36 15 3 ] | [ button 47 54 13 5 | description 47 41 24 10 | text 47 36 14 3 ] | [ button 80 51 13 5 | description 80 41 24 7 | text 80 36 12 3 ] | [ button 15 82 13 5 | description 15 72 24 7 | text 15 67 18 3 ] | [ button 47 82 13 5 | description 47 72 24 7 | text 47 67 11 3 ] | [ button 80 82 13 5 | description 80 72 24 7 | text 80 67 9 3 ] \"", "layout_seq_without_completion": "\" [ image 15 23 25 7 | text 15 23 23 7 | title 15 16 61 7 ] | [ button 15 54 13 5 | description 15 41 24 10 | text 15 36 15 3 ] | [ button 47 54 13 5 | description 47 41 24 10 | text 47 36 14 3 ] | [ button 80 51 13 5 | description 80 41 24 7 | text 80 36 12 3 ] | [ button 15 82 13 5 | description 15 72 24 7 | text 15 67 18 3 ] | [ button 47 82 13 5 | description 47 72 24 7 | text 47 67 11 3 ] | [ button 80 82 13 5 | description 80 72 24 7 | text 80 67 9 3 ] \"", "plain_layout_seq": "button 15 54 13 5 | button 47 54 13 5 | button 80 51 13 5 | button 15 82 13 5 | button 47 82 13 5 | button 80 82 13 5 | description 15 41 24 10 | description 47 41 24 10 | description 80 41 24 7 | description 15 72 24 7 | description 47 72 24 7 | description 80 72 24 7 | image 15 23 25 7 | text 15 23 23 7 | text 15 36 15 3 | text 47 36 14 3 | text 80 36 12 3 | text 15 67 18 3 | text 47 67 11 3 | text 80 67 9 3 | title 15 16 61 7", "canvas_width": 1024, "canvas_height": 906, "elements": [ { "type": "title", "position": [ 128, 142, 525, 63 ], "completed": false }, { "type": "text", "position": [ 128, 202, 204, 63 ], "completed": true }, { "type": "image", "position": [ 128, 202, 220, 63 ], "completed": true }, { "type": "text", "position": [ 128, 314, 128, 29 ], "completed": false }, { "type": "text", "position": [ 409, 314, 124, 29 ], "completed": false }, { "type": "text", "position": [ 690, 314, 104, 29 ], "completed": false }, { "type": "description", "position": [ 128, 354, 205, 88 ], "completed": false }, { "type": "description", "position": [ 409, 354, 205, 88 ], "completed": false }, { "type": "description", "position": [ 690, 354, 205, 66 ], "completed": false }, { "type": "button", "position": [ 690, 440, 117, 48 ], "completed": false }, { "type": "button", "position": [ 128, 462, 117, 48 ], "completed": false }, { "type": "button", "position": [ 409, 462, 117, 48 ], "completed": false }, { "type": "text", "position": [ 128, 580, 155, 29 ], "completed": false }, { "type": "text", "position": [ 409, 580, 100, 29 ], "completed": false }, { "type": "text", "position": [ 690, 580, 84, 29 ], "completed": false }, { "type": "description", "position": [ 128, 618, 205, 66 ], "completed": false }, { "type": "description", "position": [ 409, 618, 205, 66 ], "completed": false }, { "type": "description", "position": [ 690, 618, 205, 66 ], "completed": false }, { "type": "button", "position": [ 128, 704, 117, 48 ], "completed": false }, { "type": "button", "position": [ 409, 704, 117, 48 ], "completed": false }, { "type": "button", "position": [ 690, 704, 117, 48 ], "completed": false } ] }, { "text": "#A page for introducing the products.# The page should have 2 groups while each group has a background image and a title about the products.", "region_id": "6507", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 4 8 54 25 | background 61 8 54 25 | title 19 19 25 3 | title 72 19 31 3", "layout_seq_without_completion": "background 4 8 54 25 | background 61 8 54 25 | title 19 19 25 3 | title 72 19 31 3", "plain_layout_seq": "background 4 8 54 25 | background 61 8 54 25 | title 19 19 25 3 | title 72 19 31 3", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 40, 75, 462, 220 ], "completed": false }, { "type": "background", "position": [ 522, 75, 462, 220 ], "completed": false }, { "type": "title", "position": [ 163, 168, 216, 33 ], "completed": false }, { "type": "title", "position": [ 620, 168, 267, 33 ], "completed": false } ] }, { "text": "#A page for introducing two articles to users.# The page should include two parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "159", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete description 12 48 39 9 | complete description 67 48 39 9 | image 7 0 51 34 | image 61 0 51 34 | link 67 60 17 4 | link 12 60 26 4 | title 12 39 39 6 | title 67 39 39 6", "layout_seq_without_completion": "description 12 48 39 9 | description 67 48 39 9 | image 7 0 51 34 | image 61 0 51 34 | link 67 60 17 4 | link 12 60 26 4 | title 12 39 39 6 | title 67 39 39 6", "plain_layout_seq": "description 12 48 39 9 | description 67 48 39 9 | image 7 0 51 34 | image 61 0 51 34 | link 67 60 17 4 | link 12 60 26 4 | title 12 39 39 6 | title 67 39 39 6", "canvas_width": 1024, "canvas_height": 615, "elements": [ { "type": "image", "position": [ 60, 0, 436, 291 ], "completed": false }, { "type": "image", "position": [ 528, 0, 436, 291 ], "completed": false }, { "type": "title", "position": [ 108, 339, 340, 58 ], "completed": false }, { "type": "title", "position": [ 576, 339, 340, 58 ], "completed": false }, { "type": "description", "position": [ 108, 413, 340, 77 ], "completed": true }, { "type": "description", "position": [ 576, 413, 340, 77 ], "completed": true }, { "type": "link", "position": [ 108, 515, 226, 42 ], "completed": false }, { "type": "link", "position": [ 576, 515, 146, 42 ], "completed": false } ] }, { "text": "# A page to guide the user to the trade academy.# The page should have the title \"Trade academy\", a short description, and three groups with each having an image and a title. Then a button id is needed for the user to go to the trade academy.", "region_id": "4536", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trade academy'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] [el:button [attr:value 'go to the trade academy'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined small | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 39 50 41 7 | description 0 13 120 3 | image 0 20 38 17 | complete image 0 20 38 25 | complete image 40 20 38 25 | complete image 81 20 38 25 | image 40 20 38 17 | image 81 20 38 17 | title 40 37 38 5 | title 0 37 38 5 | title 81 37 38 8 | title 0 5 120 5", "layout_seq_without_completion": "button 39 50 41 7 | description 0 13 120 3 | image 0 20 38 17 | image 0 20 38 25 | image 40 20 38 25 | image 81 20 38 25 | image 40 20 38 17 | image 81 20 38 17 | title 40 37 38 5 | title 0 37 38 5 | title 81 37 38 8 | title 0 5 120 5", "plain_layout_seq": "button 39 50 41 7 | description 0 13 120 3 | image 0 20 38 17 | image 0 20 38 25 | image 40 20 38 25 | image 81 20 38 25 | image 40 20 38 17 | image 81 20 38 17 | title 40 37 38 5 | title 0 37 38 5 | title 81 37 38 8 | title 0 5 120 5", "canvas_width": 988, "canvas_height": 477, "elements": [ { "type": "title", "position": [ 0, 42, 988, 42 ], "completed": false }, { "type": "description", "position": [ 0, 112, 988, 27 ], "completed": false }, { "type": "image", "position": [ 0, 166, 316, 210 ], "completed": true }, { "type": "image", "position": [ 0, 166, 316, 142 ], "completed": false }, { "type": "image", "position": [ 336, 166, 316, 210 ], "completed": true }, { "type": "image", "position": [ 336, 166, 316, 142 ], "completed": false }, { "type": "image", "position": [ 672, 166, 316, 210 ], "completed": true }, { "type": "image", "position": [ 672, 166, 316, 142 ], "completed": false }, { "type": "title", "position": [ 0, 308, 316, 44 ], "completed": false }, { "type": "title", "position": [ 336, 308, 316, 44 ], "completed": false }, { "type": "title", "position": [ 672, 308, 316, 68 ], "completed": false }, { "type": "button", "position": [ 324, 418, 340, 59 ], "completed": false } ] }, { "text": "#A page for showing some news.# The page should have a title, and 5 groups while each group has an image, and two texts to title and published time of the news.", "region_id": "5298", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 51 9 17 3 | \" [ image 30 16 59 54 | text 32 60 52 8 | title 32 57 9 2 ] | [ image 0 16 29 27 | text 3 33 21 7 | title 3 30 10 2 ] | [ image 0 43 29 27 | text 3 63 21 5 | title 3 60 9 2 ] | [ image 90 16 29 27 | text 92 36 22 5 | title 92 33 9 2 ] | [ image 90 43 29 27 | text 92 63 18 5 | title 92 60 9 2 ] \"", "layout_seq_without_completion": "title 51 9 17 3 | \" [ image 30 16 59 54 | text 32 60 52 8 | title 32 57 9 2 ] | [ image 0 16 29 27 | text 3 33 21 7 | title 3 30 10 2 ] | [ image 0 43 29 27 | text 3 63 21 5 | title 3 60 9 2 ] | [ image 90 16 29 27 | text 92 36 22 5 | title 92 33 9 2 ] | [ image 90 43 29 27 | text 92 63 18 5 | title 92 60 9 2 ] \"", "plain_layout_seq": "image 30 16 59 54 | image 0 16 29 27 | image 0 43 29 27 | image 90 16 29 27 | image 90 43 29 27 | text 32 60 52 8 | text 3 33 21 7 | text 3 63 21 5 | text 92 36 22 5 | text 92 63 18 5 | title 51 9 17 3 | title 32 57 9 2 | title 3 30 10 2 | title 3 60 9 2 | title 92 33 9 2 | title 92 60 9 2", "canvas_width": 1024, "canvas_height": 679, "elements": [ { "type": "title", "position": [ 438, 85, 147, 34 ], "completed": false }, { "type": "image", "position": [ 8, 139, 249, 231 ], "completed": false }, { "type": "image", "position": [ 260, 139, 505, 466 ], "completed": false }, { "type": "image", "position": [ 769, 139, 248, 231 ], "completed": false }, { "type": "title", "position": [ 28, 259, 93, 19 ], "completed": false }, { "type": "title", "position": [ 789, 283, 77, 19 ], "completed": false }, { "type": "text", "position": [ 28, 285, 186, 68 ], "completed": false }, { "type": "text", "position": [ 789, 309, 194, 44 ], "completed": false }, { "type": "image", "position": [ 8, 374, 249, 231 ], "completed": false }, { "type": "image", "position": [ 769, 374, 248, 231 ], "completed": false }, { "type": "title", "position": [ 280, 487, 84, 19 ], "completed": false }, { "type": "text", "position": [ 280, 515, 448, 72 ], "completed": false }, { "type": "title", "position": [ 28, 518, 77, 19 ], "completed": false }, { "type": "title", "position": [ 789, 518, 77, 19 ], "completed": false }, { "type": "text", "position": [ 28, 544, 184, 44 ], "completed": false }, { "type": "text", "position": [ 789, 544, 154, 44 ], "completed": false } ] }, { "text": "#A page for showing the four products which are on sale.#The page should have four groups and each group has an image and a title, \"deodorant stick\", \"after shave\", \"deodorant spray\", and \"gift sets\". Also, there is the same link in each group, named \"shop now\".", "region_id": "7710", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'deodorant stick, after shave, deodorant spray, gift sets'] [item [el:image] [el:title][el:link [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 1 0 57 28 | image 1 0 28 28 | link 37 14 12 4 | title 34 10 19 2 ] | [ image 61 0 57 28 | image 61 0 28 28 | link 97 14 12 4 | title 97 10 13 2 ] | [ image 1 31 57 28 | image 1 31 28 28 | link 37 46 12 4 | title 34 41 19 2 ] | [ image 61 31 57 28 | image 61 31 28 28 | link 97 46 12 4 | title 97 41 12 2 ] \"", "layout_seq_without_completion": "\" [ image 1 0 57 28 | image 1 0 28 28 | link 37 14 12 4 | title 34 10 19 2 ] | [ image 61 0 57 28 | image 61 0 28 28 | link 97 14 12 4 | title 97 10 13 2 ] | [ image 1 31 57 28 | image 1 31 28 28 | link 37 46 12 4 | title 34 41 19 2 ] | [ image 61 31 57 28 | image 61 31 28 28 | link 97 46 12 4 | title 97 41 12 2 ] \"", "plain_layout_seq": "image 1 0 57 28 | image 1 0 28 28 | image 61 0 57 28 | image 61 0 28 28 | image 1 31 57 28 | image 1 31 28 28 | image 61 31 57 28 | image 61 31 28 28 | link 37 14 12 4 | link 97 14 12 4 | link 37 46 12 4 | link 97 46 12 4 | title 34 10 19 2 | title 97 10 13 2 | title 34 41 19 2 | title 97 41 12 2", "canvas_width": 1024, "canvas_height": 534, "elements": [ { "type": "image", "position": [ 10, 0, 492, 247 ], "completed": false }, { "type": "image", "position": [ 522, 0, 492, 247 ], "completed": false }, { "type": "image", "position": [ 11, 1, 245, 245 ], "completed": false }, { "type": "image", "position": [ 523, 1, 245, 245 ], "completed": false }, { "type": "title", "position": [ 296, 87, 165, 24 ], "completed": false }, { "type": "title", "position": [ 834, 87, 114, 24 ], "completed": false }, { "type": "link", "position": [ 324, 126, 109, 35 ], "completed": false }, { "type": "link", "position": [ 836, 126, 108, 35 ], "completed": false }, { "type": "image", "position": [ 10, 267, 492, 247 ], "completed": false }, { "type": "image", "position": [ 522, 267, 492, 247 ], "completed": false }, { "type": "image", "position": [ 11, 268, 245, 245 ], "completed": false }, { "type": "image", "position": [ 523, 268, 245, 245 ], "completed": false }, { "type": "title", "position": [ 294, 354, 168, 24 ], "completed": false }, { "type": "title", "position": [ 836, 354, 108, 24 ], "completed": false }, { "type": "link", "position": [ 324, 393, 108, 35 ], "completed": false }, { "type": "link", "position": [ 836, 393, 108, 35 ], "completed": false } ] }, { "text": "#A page for users to know about banking.#The page should have a title and a brief description under it. There are three groups in the middle of the page, and each group has a title and a description to show which company they are suitable for. There is the same link in each group, named \"learn more\".", "region_id": "3167", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:description] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 13 115 3 | title 2 8 115 3 | \" [ description 4 21 31 6 | complete image 2 18 35 20 | link 14 33 10 2 | title 4 28 31 3 ] | [ description 44 21 31 6 | complete image 42 18 35 20 | link 54 33 10 2 | title 44 28 31 3 ] | [ description 84 22 31 3 | complete image 82 18 35 20 | link 94 31 10 2 | title 84 27 31 3 ] \"", "layout_seq_without_completion": "description 2 13 115 3 | title 2 8 115 3 | \" [ description 4 21 31 6 | image 2 18 35 20 | link 14 33 10 2 | title 4 28 31 3 ] | [ description 44 21 31 6 | image 42 18 35 20 | link 54 33 10 2 | title 44 28 31 3 ] | [ description 84 22 31 3 | image 82 18 35 20 | link 94 31 10 2 | title 84 27 31 3 ] \"", "plain_layout_seq": "description 2 13 115 3 | description 4 21 31 6 | description 44 21 31 6 | description 84 22 31 3 | image 2 18 35 20 | image 42 18 35 20 | image 82 18 35 20 | link 14 33 10 2 | link 54 33 10 2 | link 94 31 10 2 | title 2 8 115 3 | title 4 28 31 3 | title 44 28 31 3 | title 84 27 31 3", "canvas_width": 1024, "canvas_height": 388, "elements": [ { "type": "title", "position": [ 18, 76, 988, 28 ], "completed": false }, { "type": "description", "position": [ 18, 112, 988, 27 ], "completed": false }, { "type": "image", "position": [ 18, 159, 305, 173 ], "completed": true }, { "type": "image", "position": [ 359, 159, 305, 173 ], "completed": true }, { "type": "image", "position": [ 701, 159, 305, 173 ], "completed": true }, { "type": "description", "position": [ 38, 183, 265, 54 ], "completed": false }, { "type": "description", "position": [ 379, 183, 265, 54 ], "completed": false }, { "type": "description", "position": [ 721, 196, 265, 27 ], "completed": false }, { "type": "title", "position": [ 721, 231, 265, 28 ], "completed": false }, { "type": "title", "position": [ 38, 245, 265, 28 ], "completed": false }, { "type": "title", "position": [ 379, 245, 265, 28 ], "completed": false }, { "type": "link", "position": [ 807, 269, 92, 22 ], "completed": false }, { "type": "link", "position": [ 125, 283, 92, 22 ], "completed": false }, { "type": "link", "position": [ 466, 283, 92, 22 ], "completed": false } ] }, { "text": "#A page for users to watch gaming videos.# The page should include the title \"Gaming Videos\" and a link \"View all\". The page contains four information sets. Each group consists of an image with a button and the length of the video, an image, the name of the video, a link to the author, and three texts containing the information about the video.", "region_id": "3754", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'gaming videos'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:button] [el:text] [el:image][el:title] [el:link] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 30 20 3 3 | complete icon 91 20 3 3 | complete icon 0 20 3 3 | complete icon 61 20 3 3 | link 113 0 6 1 | title 0 0 15 2 | \" [ button 0 4 6 2 | image 0 4 27 15 | image 1 5 1 1 | text 3 5 3 1 | complete text 21 16 5 2 ] | [ button 31 4 6 2 | image 30 4 27 15 | image 32 5 1 1 | complete text 52 16 5 2 | text 33 5 3 1 ] | [ button 62 4 6 2 | image 61 4 27 15 | image 62 5 1 1 | text 64 5 3 1 | complete text 83 16 5 2 ] | [ button 92 4 6 2 | image 92 4 27 15 | image 93 5 1 1 | text 95 5 3 1 | complete text 113 16 5 2 ] \" | \" [ complete icon 4 24 1 1 | link 4 22 11 1 | text 6 24 3 1 | text 11 24 6 1 | title 4 20 23 1 ] | [ complete icon 35 24 1 1 | link 35 22 6 1 | text 36 24 3 1 | text 42 24 6 1 | title 35 20 23 1 ] | [ complete icon 65 24 1 1 | link 65 22 6 1 | text 67 24 3 1 | text 73 24 7 1 | title 65 20 23 1 ] | [ complete icon 96 24 1 1 | link 96 22 3 1 | text 98 24 2 1 | text 102 24 7 1 | title 96 20 23 1 ] \"", "layout_seq_without_completion": "icon 30 20 3 3 | icon 91 20 3 3 | icon 0 20 3 3 | icon 61 20 3 3 | link 113 0 6 1 | title 0 0 15 2 | \" [ button 0 4 6 2 | image 0 4 27 15 | image 1 5 1 1 | text 3 5 3 1 | text 21 16 5 2 ] | [ button 31 4 6 2 | image 30 4 27 15 | image 32 5 1 1 | text 52 16 5 2 | text 33 5 3 1 ] | [ button 62 4 6 2 | image 61 4 27 15 | image 62 5 1 1 | text 64 5 3 1 | text 83 16 5 2 ] | [ button 92 4 6 2 | image 92 4 27 15 | image 93 5 1 1 | text 95 5 3 1 | text 113 16 5 2 ] \" | \" [ icon 4 24 1 1 | link 4 22 11 1 | text 6 24 3 1 | text 11 24 6 1 | title 4 20 23 1 ] | [ icon 35 24 1 1 | link 35 22 6 1 | text 36 24 3 1 | text 42 24 6 1 | title 35 20 23 1 ] | [ icon 65 24 1 1 | link 65 22 6 1 | text 67 24 3 1 | text 73 24 7 1 | title 65 20 23 1 ] | [ icon 96 24 1 1 | link 96 22 3 1 | text 98 24 2 1 | text 102 24 7 1 | title 96 20 23 1 ] \"", "plain_layout_seq": "button 0 4 6 2 | button 31 4 6 2 | button 62 4 6 2 | button 92 4 6 2 | icon 30 20 3 3 | icon 91 20 3 3 | icon 0 20 3 3 | icon 61 20 3 3 | icon 4 24 1 1 | icon 35 24 1 1 | icon 65 24 1 1 | icon 96 24 1 1 | image 0 4 27 15 | image 1 5 1 1 | image 30 4 27 15 | image 32 5 1 1 | image 61 4 27 15 | image 62 5 1 1 | image 92 4 27 15 | image 93 5 1 1 | link 113 0 6 1 | link 4 22 11 1 | link 35 22 6 1 | link 65 22 6 1 | link 96 22 3 1 | text 3 5 3 1 | text 21 16 5 2 | text 52 16 5 2 | text 33 5 3 1 | text 64 5 3 1 | text 83 16 5 2 | text 95 5 3 1 | text 113 16 5 2 | text 6 24 3 1 | text 11 24 6 1 | text 36 24 3 1 | text 42 24 6 1 | text 67 24 3 1 | text 73 24 7 1 | text 98 24 2 1 | text 102 24 7 1 | title 0 0 15 2 | title 4 20 23 1 | title 35 20 23 1 | title 65 20 23 1 | title 96 20 23 1", "canvas_width": 984, "canvas_height": 234, "elements": [ { "type": "title", "position": [ 0, 0, 126, 22 ], "completed": false }, { "type": "link", "position": [ 929, 7, 55, 15 ], "completed": false }, { "type": "image", "position": [ 2, 34, 227, 126 ], "completed": false }, { "type": "image", "position": [ 253, 34, 227, 126 ], "completed": false }, { "type": "image", "position": [ 504, 34, 227, 126 ], "completed": false }, { "type": "image", "position": [ 755, 34, 227, 126 ], "completed": false }, { "type": "button", "position": [ 7, 39, 55, 17 ], "completed": false }, { "type": "button", "position": [ 258, 39, 55, 17 ], "completed": false }, { "type": "button", "position": [ 509, 39, 55, 17 ], "completed": false }, { "type": "button", "position": [ 760, 39, 55, 17 ], "completed": false }, { "type": "text", "position": [ 26, 42, 31, 12 ], "completed": false }, { "type": "text", "position": [ 277, 42, 31, 12 ], "completed": false }, { "type": "text", "position": [ 528, 42, 31, 12 ], "completed": false }, { "type": "text", "position": [ 779, 42, 31, 12 ], "completed": false }, { "type": "image", "position": [ 12, 43, 10, 10 ], "completed": false }, { "type": "image", "position": [ 263, 43, 10, 10 ], "completed": false }, { "type": "image", "position": [ 514, 43, 10, 10 ], "completed": false }, { "type": "image", "position": [ 765, 43, 10, 10 ], "completed": false }, { "type": "text", "position": [ 179, 138, 45, 17 ], "completed": true }, { "type": "text", "position": [ 432, 138, 43, 17 ], "completed": true }, { "type": "text", "position": [ 685, 138, 41, 17 ], "completed": true }, { "type": "text", "position": [ 932, 138, 45, 17 ], "completed": true }, { "type": "icon", "position": [ 0, 168, 29, 29 ], "completed": true }, { "type": "title", "position": [ 39, 168, 192, 16 ], "completed": false }, { "type": "icon", "position": [ 251, 168, 29, 29 ], "completed": true }, { "type": "title", "position": [ 290, 168, 192, 16 ], "completed": false }, { "type": "icon", "position": [ 502, 168, 29, 29 ], "completed": true }, { "type": "title", "position": [ 541, 168, 192, 16 ], "completed": false }, { "type": "icon", "position": [ 753, 168, 29, 29 ], "completed": true }, { "type": "title", "position": [ 792, 168, 192, 16 ], "completed": false }, { "type": "link", "position": [ 39, 187, 96, 14 ], "completed": false }, { "type": "link", "position": [ 290, 187, 55, 14 ], "completed": false }, { "type": "link", "position": [ 541, 187, 57, 14 ], "completed": false }, { "type": "link", "position": [ 792, 187, 31, 14 ], "completed": false }, { "type": "text", "position": [ 52, 203, 29, 14 ], "completed": false }, { "type": "text", "position": [ 96, 203, 52, 14 ], "completed": false }, { "type": "text", "position": [ 303, 203, 28, 14 ], "completed": false }, { "type": "text", "position": [ 346, 203, 52, 14 ], "completed": false }, { "type": "text", "position": [ 554, 203, 30, 14 ], "completed": false }, { "type": "text", "position": [ 599, 203, 58, 14 ], "completed": false }, { "type": "text", "position": [ 805, 203, 24, 14 ], "completed": false }, { "type": "text", "position": [ 844, 203, 58, 14 ], "completed": false }, { "type": "icon", "position": [ 39, 204, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 290, 204, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 541, 204, 10, 10 ], "completed": true }, { "type": "icon", "position": [ 792, 204, 10, 10 ], "completed": true } ] }, { "text": "#A page showing a set of statistics concerning the service of a company.# There should be three groups. In each group, there must be a text showing the numbers and an explanation.", "region_id": "293", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 63 18 17 7 | description 36 21 17 4 | description 10 21 17 4 | text 10 0 22 16 | text 36 0 22 16 | text 63 0 22 16", "layout_seq_without_completion": "description 63 18 17 7 | description 36 21 17 4 | description 10 21 17 4 | text 10 0 22 16 | text 36 0 22 16 | text 63 0 22 16", "plain_layout_seq": "description 63 18 17 7 | description 36 21 17 4 | description 10 21 17 4 | text 10 0 22 16 | text 36 0 22 16 | text 63 0 22 16", "canvas_width": 1024, "canvas_height": 249, "elements": [ { "type": "text", "position": [ 86, 0, 191, 139 ], "completed": false }, { "type": "text", "position": [ 315, 0, 191, 139 ], "completed": false }, { "type": "text", "position": [ 544, 0, 191, 139 ], "completed": false }, { "type": "description", "position": [ 544, 162, 153, 63 ], "completed": false }, { "type": "description", "position": [ 86, 183, 153, 42 ], "completed": false }, { "type": "description", "position": [ 315, 183, 153, 42 ], "completed": false } ] }, { "text": "#A page showing a set of statistics concerning the service of a company.# There should be three groups. In each group, there must be two textboxes showing the statistics on the service of the company.", "region_id": "293_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 63 18 17 7 | text 36 21 17 4 | text 10 0 22 16 | text 10 21 17 4 | text 36 0 22 16 | text 63 0 22 16", "layout_seq_without_completion": "text 63 18 17 7 | text 36 21 17 4 | text 10 0 22 16 | text 10 21 17 4 | text 36 0 22 16 | text 63 0 22 16", "plain_layout_seq": "text 63 18 17 7 | text 36 21 17 4 | text 10 0 22 16 | text 10 21 17 4 | text 36 0 22 16 | text 63 0 22 16", "canvas_width": 1024, "canvas_height": 249, "elements": [ { "type": "text", "position": [ 86, 0, 191, 139 ], "completed": false }, { "type": "text", "position": [ 315, 0, 191, 139 ], "completed": false }, { "type": "text", "position": [ 544, 0, 191, 139 ], "completed": false }, { "type": "text", "position": [ 544, 162, 153, 63 ], "completed": false }, { "type": "text", "position": [ 86, 183, 153, 42 ], "completed": false }, { "type": "text", "position": [ 315, 183, 153, 42 ], "completed": false } ] }, { "text": "# A page for introducing the company briefly through some figures.# The page should have four groups with each containing a figure and a title to introduce the company's years of business, products, customers, and users' satisfaction.", "region_id": "2783", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names ' years of experience, products, happy customers, users satisfaction'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 91 8 24 8 | text 32 8 24 8 | text 62 8 24 8 | text 3 8 24 8 | title 3 16 24 2 | title 32 16 24 2 | title 91 16 24 2 | title 62 16 24 2", "layout_seq_without_completion": "text 91 8 24 8 | text 32 8 24 8 | text 62 8 24 8 | text 3 8 24 8 | title 3 16 24 2 | title 32 16 24 2 | title 91 16 24 2 | title 62 16 24 2", "plain_layout_seq": "text 91 8 24 8 | text 32 8 24 8 | text 62 8 24 8 | text 3 8 24 8 | title 3 16 24 2 | title 32 16 24 2 | title 91 16 24 2 | title 62 16 24 2", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "text", "position": [ 30, 69, 211, 69 ], "completed": false }, { "type": "text", "position": [ 281, 69, 211, 69 ], "completed": false }, { "type": "text", "position": [ 532, 69, 211, 69 ], "completed": false }, { "type": "text", "position": [ 783, 69, 211, 69 ], "completed": false }, { "type": "title", "position": [ 30, 138, 211, 24 ], "completed": false }, { "type": "title", "position": [ 281, 138, 211, 24 ], "completed": false }, { "type": "title", "position": [ 532, 138, 211, 24 ], "completed": false }, { "type": "title", "position": [ 783, 138, 211, 24 ], "completed": false } ] }, { "text": "#A page for showing some videos.# There is one label \"MEDIA\" and three groups. Each group includes one image and one label showing the video name.", "region_id": "3849", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'media'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 90 | image 52 34 33 33 | image 88 32 31 33 | image 17 32 33 33 | title 17 66 33 2 | title 52 68 33 2 | title 88 66 31 2 | title 61 19 14 6", "layout_seq_without_completion": "background 0 0 120 90 | image 52 34 33 33 | image 88 32 31 33 | image 17 32 33 33 | title 17 66 33 2 | title 52 68 33 2 | title 88 66 31 2 | title 61 19 14 6", "plain_layout_seq": "background 0 0 120 90 | image 52 34 33 33 | image 88 32 31 33 | image 17 32 33 33 | title 17 66 33 2 | title 52 68 33 2 | title 88 66 31 2 | title 61 19 14 6", "canvas_width": 1024, "canvas_height": 776, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 776 ], "completed": true }, { "type": "title", "position": [ 528, 167, 127, 58 ], "completed": false }, { "type": "image", "position": [ 151, 275, 282, 282 ], "completed": false }, { "type": "image", "position": [ 751, 275, 273, 282 ], "completed": false }, { "type": "image", "position": [ 451, 295, 282, 282 ], "completed": false }, { "type": "title", "position": [ 151, 567, 282, 22 ], "completed": false }, { "type": "title", "position": [ 751, 567, 273, 22 ], "completed": false }, { "type": "title", "position": [ 451, 587, 282, 22 ], "completed": false } ] }, { "text": "#A page for introducing why doesn't the webcam work.# The page should have a title, and 7 groups while each group has two texts to list and specifically explain why the webcam does not work.", "region_id": "3983", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '7'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 19 33 8 | description 5 35 33 5 | description 43 19 33 8 | description 43 35 33 8 | description 80 19 33 8 | description 80 35 33 5 | description 5 51 33 5 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 5 32 33 2 | title 80 32 33 2 | title 43 32 33 2 | title 43 16 33 2 | title 5 48 33 2", "layout_seq_without_completion": "description 5 19 33 8 | description 5 35 33 5 | description 43 19 33 8 | description 43 35 33 8 | description 80 19 33 8 | description 80 35 33 5 | description 5 51 33 5 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 5 32 33 2 | title 80 32 33 2 | title 43 32 33 2 | title 43 16 33 2 | title 5 48 33 2", "plain_layout_seq": "description 5 19 33 8 | description 5 35 33 5 | description 43 19 33 8 | description 43 35 33 8 | description 80 19 33 8 | description 80 35 33 5 | description 5 51 33 5 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 5 32 33 2 | title 80 32 33 2 | title 43 32 33 2 | title 43 16 33 2 | title 5 48 33 2", "canvas_width": 1024, "canvas_height": 554, "elements": [ { "type": "title", "position": [ 47, 64, 930, 42 ], "completed": false }, { "type": "title", "position": [ 47, 138, 290, 24 ], "completed": false }, { "type": "title", "position": [ 367, 138, 290, 24 ], "completed": false }, { "type": "title", "position": [ 687, 138, 290, 24 ], "completed": false }, { "type": "description", "position": [ 47, 170, 290, 72 ], "completed": false }, { "type": "description", "position": [ 367, 170, 290, 72 ], "completed": false }, { "type": "description", "position": [ 687, 170, 290, 72 ], "completed": false }, { "type": "title", "position": [ 47, 274, 290, 24 ], "completed": false }, { "type": "title", "position": [ 367, 274, 290, 24 ], "completed": false }, { "type": "title", "position": [ 687, 274, 290, 24 ], "completed": false }, { "type": "description", "position": [ 47, 306, 290, 48 ], "completed": false }, { "type": "description", "position": [ 367, 306, 290, 72 ], "completed": false }, { "type": "description", "position": [ 687, 306, 290, 48 ], "completed": false }, { "type": "title", "position": [ 47, 410, 290, 24 ], "completed": false }, { "type": "description", "position": [ 47, 442, 290, 48 ], "completed": false } ] }, { "text": "# A page for viewing news and updates. # The page should have the title \"News and updates\", a link to explore more news, and three groups of news information. In each group, there should contain a related image, a button \"RESEARCH\" for the user to view the details of the news by clicking it, and a title of the news.", "region_id": "4817", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'news and updates'] ] [el:link [attr:value 'explore more news'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:button [attr:value 'research']] [el:title] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 93 11 23 4 | title 2 8 46 7 | \" [ button 6 53 12 4 | image 2 21 36 29 | complete image 2 21 36 56 | title 6 59 28 9 ] | [ button 45 53 12 4 | complete image 41 21 36 56 | image 41 21 36 29 | title 45 59 28 13 ] | [ button 84 53 14 4 | image 80 21 36 29 | complete image 80 21 36 56 | title 84 59 28 13 ] \"", "layout_seq_without_completion": "link 93 11 23 4 | title 2 8 46 7 | \" [ button 6 53 12 4 | image 2 21 36 29 | image 2 21 36 56 | title 6 59 28 9 ] | [ button 45 53 12 4 | image 41 21 36 56 | image 41 21 36 29 | title 45 59 28 13 ] | [ button 84 53 14 4 | image 80 21 36 29 | image 80 21 36 56 | title 84 59 28 13 ] \"", "plain_layout_seq": "button 6 53 12 4 | button 45 53 12 4 | button 84 53 14 4 | image 2 21 36 29 | image 2 21 36 56 | image 41 21 36 56 | image 41 21 36 29 | image 80 21 36 29 | image 80 21 36 56 | link 93 11 23 4 | title 2 8 46 7 | title 6 59 28 9 | title 45 59 28 13 | title 84 59 28 13", "canvas_width": 1009, "canvas_height": 756, "elements": [ { "type": "title", "position": [ 25, 75, 387, 63 ], "completed": false }, { "type": "link", "position": [ 784, 95, 200, 35 ], "completed": false }, { "type": "image", "position": [ 25, 180, 307, 250 ], "completed": false }, { "type": "image", "position": [ 25, 180, 307, 476 ], "completed": true }, { "type": "image", "position": [ 351, 180, 307, 476 ], "completed": true }, { "type": "image", "position": [ 351, 180, 307, 250 ], "completed": false }, { "type": "image", "position": [ 677, 180, 307, 476 ], "completed": true }, { "type": "image", "position": [ 677, 180, 307, 250 ], "completed": false }, { "type": "button", "position": [ 55, 450, 102, 34 ], "completed": false }, { "type": "button", "position": [ 381, 450, 102, 34 ], "completed": false }, { "type": "button", "position": [ 707, 450, 125, 34 ], "completed": false }, { "type": "title", "position": [ 55, 504, 240, 84 ], "completed": false }, { "type": "title", "position": [ 381, 504, 240, 112 ], "completed": false }, { "type": "title", "position": [ 707, 504, 240, 112 ], "completed": false } ] }, { "text": "#A page for showing important notices.# The page should have one title and two parts of notices. Each part should have a text for updated time and a link to the notices.", "region_id": "1416_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'2'] [item [el:text] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined | text undefined undefined ] | [ link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 17 7 45 2 | link 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "layout_seq_without_completion": "link 17 7 45 2 | link 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "plain_layout_seq": "link 17 7 45 2 | link 17 13 71 2 | text 0 5 17 6 | text 0 11 17 6 | title 0 0 120 2", "canvas_width": 973, "canvas_height": 207, "elements": [ { "type": "title", "position": [ 0, 0, 973, 23 ], "completed": false }, { "type": "text", "position": [ 0, 43, 144, 51 ], "completed": false }, { "type": "link", "position": [ 144, 59, 368, 20 ], "completed": false }, { "type": "text", "position": [ 0, 94, 144, 51 ], "completed": false }, { "type": "link", "position": [ 144, 110, 579, 20 ], "completed": false } ] }, { "text": "#A page for introducing one company's partners.# There should be one title\" Our Partners\" and one detailed description. Twelve images are used to show its partners' logos.", "region_id": "1059", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our partners'] ] [el:description] [gp:InfoGroup [gattr:repeat'12'] [item [el:logo] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 4 20 110 3 | title 4 12 110 2 | \" [ logo 4 34 16 16 ] | [ logo 32 34 16 16 ] | [ logo 60 34 16 16 ] | [ logo 88 34 16 16 ] | [ logo 4 53 16 16 ] | [ logo 32 53 16 16 ] | [ logo 60 53 16 16 ] | [ logo 88 53 16 16 ] | [ logo 4 71 16 16 ] | [ logo 32 71 16 16 ] | [ logo 60 71 16 16 ] | [ logo 88 71 16 16 ] \"", "layout_seq_without_completion": "description 4 20 110 3 | title 4 12 110 2 | \" [ logo 4 34 16 16 ] | [ logo 32 34 16 16 ] | [ logo 60 34 16 16 ] | [ logo 88 34 16 16 ] | [ logo 4 53 16 16 ] | [ logo 32 53 16 16 ] | [ logo 60 53 16 16 ] | [ logo 88 53 16 16 ] | [ logo 4 71 16 16 ] | [ logo 32 71 16 16 ] | [ logo 60 71 16 16 ] | [ logo 88 71 16 16 ] \"", "plain_layout_seq": "description 4 20 110 3 | logo 4 34 16 16 | logo 32 34 16 16 | logo 60 34 16 16 | logo 88 34 16 16 | logo 4 53 16 16 | logo 32 53 16 16 | logo 60 53 16 16 | logo 88 53 16 16 | logo 4 71 16 16 | logo 32 71 16 16 | logo 60 71 16 16 | logo 88 71 16 16 | title 4 12 110 2", "canvas_width": 1024, "canvas_height": 859, "elements": [ { "type": "title", "position": [ 42, 110, 940, 20 ], "completed": false }, { "type": "description", "position": [ 42, 175, 940, 32 ], "completed": false }, { "type": "logo", "position": [ 42, 297, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 281, 297, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 520, 297, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 759, 297, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 42, 453, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 281, 453, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 520, 453, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 759, 453, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 42, 609, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 281, 609, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 520, 609, 140, 140 ], "completed": false }, { "type": "logo", "position": [ 759, 609, 140, 140 ], "completed": false } ] }, { "text": "#A page showing the services of a company where users can get new insights and news.# It is divided into two groups, each with a title \"Insights\" and \"In the news\". There are an explanation and a link below each group.", "region_id": "669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'insights, in the news'] [item [el:description] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | link undefined undefined ] | [ description undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ description 9 16 45 7 | complete image 5 5 52 32 | link 9 30 12 2 | complete text 9 9 45 5 ] | [ description 65 16 45 7 | complete image 61 5 52 32 | link 65 30 14 2 | complete text 65 9 45 5 ] \"", "layout_seq_without_completion": "\" [ description 9 16 45 7 | image 5 5 52 32 | link 9 30 12 2 | text 9 9 45 5 ] | [ description 65 16 45 7 | image 61 5 52 32 | link 65 30 14 2 | text 65 9 45 5 ] \"", "plain_layout_seq": "description 9 16 45 7 | description 65 16 45 7 | image 5 5 52 32 | image 61 5 52 32 | link 9 30 12 2 | link 65 30 14 2 | text 9 9 45 5 | text 65 9 45 5", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 47, 49, 448, 277 ], "completed": true }, { "type": "image", "position": [ 525, 49, 448, 277 ], "completed": true }, { "type": "text", "position": [ 77, 79, 388, 47 ], "completed": true }, { "type": "text", "position": [ 555, 79, 388, 47 ], "completed": true }, { "type": "description", "position": [ 77, 141, 388, 68 ], "completed": false }, { "type": "description", "position": [ 555, 141, 388, 68 ], "completed": false }, { "type": "link", "position": [ 77, 262, 109, 19 ], "completed": false }, { "type": "link", "position": [ 555, 262, 126, 19 ], "completed": false } ] }, { "text": "#A page showing the services of a company where users can get new insights and news.# There should be two images each with three parallel textboxes inside. Text boxes should show the services of the news page such as \"Insights\" and \"In the news\".", "region_id": "669_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'insights, in the news'] [item [el:image] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 5 5 52 32 | text 9 9 45 5 | text 9 16 45 7 | text 9 30 12 2 ] | [ image 61 5 52 32 | text 65 30 14 2 | text 65 9 45 5 | text 65 16 45 7 ] \"", "layout_seq_without_completion": "\" [ image 5 5 52 32 | text 9 9 45 5 | text 9 16 45 7 | text 9 30 12 2 ] | [ image 61 5 52 32 | text 65 30 14 2 | text 65 9 45 5 | text 65 16 45 7 ] \"", "plain_layout_seq": "image 5 5 52 32 | image 61 5 52 32 | text 9 9 45 5 | text 9 16 45 7 | text 9 30 12 2 | text 65 30 14 2 | text 65 9 45 5 | text 65 16 45 7", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 47, 49, 448, 277 ], "completed": false }, { "type": "image", "position": [ 525, 49, 448, 277 ], "completed": false }, { "type": "text", "position": [ 77, 79, 388, 47 ], "completed": false }, { "type": "text", "position": [ 555, 79, 388, 47 ], "completed": false }, { "type": "text", "position": [ 77, 141, 388, 68 ], "completed": false }, { "type": "text", "position": [ 555, 141, 388, 68 ], "completed": false }, { "type": "text", "position": [ 77, 262, 109, 19 ], "completed": false }, { "type": "text", "position": [ 555, 262, 126, 19 ], "completed": false } ] }, { "text": "#A page of information about a travel website.# There are four groups of information, each group has one icon and one title.", "region_id": "5293", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 9 2 4 4 | icon 35 2 4 4 | icon 67 2 4 4 | icon 94 2 4 4 | complete image 60 0 29 9 | complete image 89 0 29 9 | complete image 1 0 29 9 | complete image 30 0 29 9 | title 100 3 12 2 | title 73 3 7 2 | title 15 3 7 2 | title 42 3 13 2", "layout_seq_without_completion": "icon 9 2 4 4 | icon 35 2 4 4 | icon 67 2 4 4 | icon 94 2 4 4 | image 60 0 29 9 | image 89 0 29 9 | image 1 0 29 9 | image 30 0 29 9 | title 100 3 12 2 | title 73 3 7 2 | title 15 3 7 2 | title 42 3 13 2", "plain_layout_seq": "icon 9 2 4 4 | icon 35 2 4 4 | icon 67 2 4 4 | icon 94 2 4 4 | image 60 0 29 9 | image 89 0 29 9 | image 1 0 29 9 | image 30 0 29 9 | title 100 3 12 2 | title 73 3 7 2 | title 15 3 7 2 | title 42 3 13 2", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "image", "position": [ 15, 0, 249, 80 ], "completed": true }, { "type": "image", "position": [ 264, 0, 248, 80 ], "completed": true }, { "type": "image", "position": [ 512, 0, 249, 80 ], "completed": true }, { "type": "image", "position": [ 760, 0, 248, 80 ], "completed": true }, { "type": "icon", "position": [ 80, 20, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 304, 20, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 575, 20, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 804, 20, 40, 40 ], "completed": false }, { "type": "title", "position": [ 135, 28, 63, 24 ], "completed": false }, { "type": "title", "position": [ 359, 28, 112, 24 ], "completed": false }, { "type": "title", "position": [ 630, 28, 67, 24 ], "completed": false }, { "type": "title", "position": [ 859, 28, 106, 24 ], "completed": false } ] }, { "text": "# A page to introduce the business of a company. # On the page, the title is 'Our Business'\uff0cthere should be nine small texts with an icon to show the business such as refining, pipeline, and so on. There should also be a big image about the company.", "region_id": "1497", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our Business'] ] [gp:InfoGroup [gattr:repeat'9'] [gattr:names 'refining, pipeline'] [item [el:text [attr:size'small']] [el:icon]]] [el:image[attr:size'large']] ]", "execution": "multiinfo : image undefined large | title undefined undefined | { [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] }", "layout_seq_with_completion": "image 50 16 70 41 | title 0 6 120 9 | \" [ icon 0 16 16 13 ] | [ icon 16 16 16 13 ] | [ icon 33 16 16 13 ] | [ icon 0 30 16 13 ] | [ icon 16 30 16 13 ] | [ icon 33 30 16 13 ] | [ icon 0 43 16 13 ] | [ icon 16 43 16 13 ] | [ icon 33 43 16 13 ] \"", "layout_seq_without_completion": "image 50 16 70 41 | title 0 6 120 9 | \" [ icon 0 16 16 13 ] | [ icon 16 16 16 13 ] | [ icon 33 16 16 13 ] | [ icon 0 30 16 13 ] | [ icon 16 30 16 13 ] | [ icon 33 30 16 13 ] | [ icon 0 43 16 13 ] | [ icon 16 43 16 13 ] | [ icon 33 43 16 13 ] \"", "plain_layout_seq": "icon 0 16 16 13 | icon 16 16 16 13 | icon 33 16 16 13 | icon 0 30 16 13 | icon 16 30 16 13 | icon 33 30 16 13 | icon 0 43 16 13 | icon 16 43 16 13 | icon 33 43 16 13 | image 50 16 70 41 | title 0 6 120 9", "canvas_width": 1128, "canvas_height": 542, "elements": [ { "type": "title", "position": [ 0, 60, 1128, 92 ], "completed": false }, { "type": "icon", "position": [ 0, 152, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 157, 152, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 313, 152, 157, 130 ], "completed": false }, { "type": "image", "position": [ 470, 152, 658, 390 ], "completed": false }, { "type": "icon", "position": [ 0, 282, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 157, 282, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 313, 282, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 0, 412, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 157, 412, 157, 130 ], "completed": false }, { "type": "icon", "position": [ 313, 412, 157, 130 ], "completed": false } ] }, { "text": "# A page to view companies. # On the page, there should be the title \" Companies\". Then the page should be divided into three parts to introduce three companies flaconi, Jochen Schweizer, and Verivox. In each part, there should be an image, a title showing the name of the company, a text box with a brief introduction to the company, and a text box for the user to click for more info. Besides, there should include a text button to view all companies.", "region_id": "359", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'companies'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'flaconi, Jochen Schweizer, Verivox'] [item [el:image] [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'read more'] ] ] ] [el:button [attr:value'view all companies'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 1 59 16 3 | button 41 56 16 3 | button 105 5 12 3 | button 81 56 16 3 | description 1 42 36 15 | description 41 42 36 12 | description 81 42 36 12 | image 41 14 36 21 | image 1 14 36 21 | image 81 14 36 21 | title 1 37 36 3 | title 41 37 36 3 | title 81 37 36 3 | title 1 3 33 7", "layout_seq_without_completion": "button 1 59 16 3 | button 41 56 16 3 | button 105 5 12 3 | button 81 56 16 3 | description 1 42 36 15 | description 41 42 36 12 | description 81 42 36 12 | image 41 14 36 21 | image 1 14 36 21 | image 81 14 36 21 | title 1 37 36 3 | title 41 37 36 3 | title 81 37 36 3 | title 1 3 33 7", "plain_layout_seq": "button 1 59 16 3 | button 41 56 16 3 | button 105 5 12 3 | button 81 56 16 3 | description 1 42 36 15 | description 41 42 36 12 | description 81 42 36 12 | image 41 14 36 21 | image 1 14 36 21 | image 81 14 36 21 | title 1 37 36 3 | title 41 37 36 3 | title 81 37 36 3 | title 1 3 33 7", "canvas_width": 960, "canvas_height": 578, "elements": [ { "type": "title", "position": [ 15, 28, 268, 60 ], "completed": false }, { "type": "button", "position": [ 842, 40, 103, 29 ], "completed": false }, { "type": "image", "position": [ 15, 114, 290, 169 ], "completed": false }, { "type": "image", "position": [ 335, 114, 290, 169 ], "completed": false }, { "type": "image", "position": [ 655, 114, 290, 169 ], "completed": false }, { "type": "title", "position": [ 15, 299, 290, 28 ], "completed": false }, { "type": "title", "position": [ 335, 299, 290, 28 ], "completed": false }, { "type": "title", "position": [ 655, 299, 290, 28 ], "completed": false }, { "type": "description", "position": [ 15, 337, 290, 120 ], "completed": false }, { "type": "description", "position": [ 335, 337, 290, 96 ], "completed": false }, { "type": "description", "position": [ 655, 337, 290, 96 ], "completed": false }, { "type": "button", "position": [ 335, 453, 134, 29 ], "completed": false }, { "type": "button", "position": [ 655, 453, 134, 29 ], "completed": false }, { "type": "button", "position": [ 15, 477, 134, 29 ], "completed": false } ] }, { "text": "#A page promoting a mobile app.# The page contains 2 information sets. Each group includes an icon, a title and an introduction.", "region_id": "4141", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 12 5 40 12 | icon 1 0 8 8 | title 12 0 12 2 ] | [ description 72 5 45 19 | icon 61 0 8 8 | title 72 0 6 2 ] \"", "layout_seq_without_completion": "\" [ description 12 5 40 12 | icon 1 0 8 8 | title 12 0 12 2 ] | [ description 72 5 45 19 | icon 61 0 8 8 | title 72 0 6 2 ] \"", "plain_layout_seq": "description 12 5 40 12 | description 72 5 45 19 | icon 1 0 8 8 | icon 61 0 8 8 | title 12 0 12 2 | title 72 0 6 2", "canvas_width": 1014, "canvas_height": 297, "elements": [ { "type": "icon", "position": [ 15, 0, 70, 70 ], "completed": false }, { "type": "icon", "position": [ 522, 0, 70, 70 ], "completed": false }, { "type": "title", "position": [ 109, 3, 107, 24 ], "completed": false }, { "type": "title", "position": [ 616, 3, 55, 24 ], "completed": false }, { "type": "description", "position": [ 109, 48, 345, 109 ], "completed": false }, { "type": "description", "position": [ 616, 48, 383, 163 ], "completed": false } ] }, { "text": "#A page showing the labels of participants.# There is a title named \"Our Partners\". There are also five images showing these labels.", "region_id": "2203_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our partners'] ] [gp:InfoGroup [gattr:repeat'5'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 61 40 2 2 | complete button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "layout_seq_without_completion": "button 61 40 2 2 | button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "plain_layout_seq": "button 61 40 2 2 | button 56 40 2 2 | image 76 19 13 17 | image 99 24 16 12 | image 51 24 16 12 | image 3 24 16 12 | image 27 28 16 8 | title 0 5 120 4", "canvas_width": 1024, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 0, 46, 1024, 37 ], "completed": false }, { "type": "image", "position": [ 653, 165, 115, 150 ], "completed": false }, { "type": "image", "position": [ 30, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 437, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 845, 210, 140, 105 ], "completed": false }, { "type": "image", "position": [ 234, 239, 140, 76 ], "completed": false }, { "type": "button", "position": [ 482, 343, 20, 20 ], "completed": true }, { "type": "button", "position": [ 522, 343, 20, 20 ], "completed": true } ] }, { "text": "#A page for introducing reliability and agility to users.# The page should include three parts of the examples. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1238", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 41 14 36 36 | image 2 14 36 36 | image 80 14 36 36 | link 41 60 10 2 | link 2 60 10 2 | link 80 60 11 2 | title 2 53 35 3 | title 41 53 35 3 | title 80 53 35 3 | complete title 2 4 96 6", "layout_seq_without_completion": "image 41 14 36 36 | image 2 14 36 36 | image 80 14 36 36 | link 41 60 10 2 | link 2 60 10 2 | link 80 60 11 2 | title 2 53 35 3 | title 41 53 35 3 | title 80 53 35 3 | title 2 4 96 6", "plain_layout_seq": "image 41 14 36 36 | image 2 14 36 36 | image 80 14 36 36 | link 41 60 10 2 | link 2 60 10 2 | link 80 60 11 2 | title 2 53 35 3 | title 41 53 35 3 | title 80 53 35 3 | title 2 4 96 6", "canvas_width": 1024, "canvas_height": 585, "elements": [ { "type": "title", "position": [ 20, 40, 823, 54 ], "completed": true }, { "type": "image", "position": [ 20, 124, 315, 315 ], "completed": false }, { "type": "image", "position": [ 355, 124, 315, 315 ], "completed": false }, { "type": "image", "position": [ 689, 124, 315, 315 ], "completed": false }, { "type": "title", "position": [ 20, 458, 305, 27 ], "completed": false }, { "type": "title", "position": [ 355, 458, 305, 27 ], "completed": false }, { "type": "title", "position": [ 689, 458, 305, 27 ], "completed": false }, { "type": "link", "position": [ 20, 515, 92, 20 ], "completed": false }, { "type": "link", "position": [ 355, 515, 92, 20 ], "completed": false }, { "type": "link", "position": [ 689, 515, 94, 20 ], "completed": false } ] }, { "text": "#A page to show the details about featured products.#There is a title on the top and eight products' information under it. Each part contains an image, a short description, and a price.", "region_id": "8473", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:description [attr:size 'small'] ] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 3 22 3 | \" [ description 5 38 26 6 | image 5 10 26 26 | text 5 46 11 2 ] | [ description 33 38 26 4 | image 33 10 26 26 | text 33 44 11 2 ] | [ description 60 38 26 2 | image 60 10 26 26 | text 60 42 11 2 ] | [ description 88 38 26 2 | image 88 10 26 26 | text 88 42 11 2 ] | [ description 5 79 26 4 | image 5 51 26 26 | text 5 85 11 2 ] | [ description 33 79 26 8 | image 33 51 26 26 | text 33 89 11 2 ] | [ description 60 79 26 2 | image 60 51 26 26 | text 60 83 11 2 ] | [ description 88 79 26 2 | image 88 51 26 26 | text 88 83 11 2 ] \"", "layout_seq_without_completion": "title 5 3 22 3 | \" [ description 5 38 26 6 | image 5 10 26 26 | text 5 46 11 2 ] | [ description 33 38 26 4 | image 33 10 26 26 | text 33 44 11 2 ] | [ description 60 38 26 2 | image 60 10 26 26 | text 60 42 11 2 ] | [ description 88 38 26 2 | image 88 10 26 26 | text 88 42 11 2 ] | [ description 5 79 26 4 | image 5 51 26 26 | text 5 85 11 2 ] | [ description 33 79 26 8 | image 33 51 26 26 | text 33 89 11 2 ] | [ description 60 79 26 2 | image 60 51 26 26 | text 60 83 11 2 ] | [ description 88 79 26 2 | image 88 51 26 26 | text 88 83 11 2 ] \"", "plain_layout_seq": "description 5 38 26 6 | description 33 38 26 4 | description 60 38 26 2 | description 88 38 26 2 | description 5 79 26 4 | description 33 79 26 8 | description 60 79 26 2 | description 88 79 26 2 | image 5 10 26 26 | image 33 10 26 26 | image 60 10 26 26 | image 88 10 26 26 | image 5 51 26 26 | image 33 51 26 26 | image 60 51 26 26 | image 88 51 26 26 | text 5 46 11 2 | text 33 44 11 2 | text 60 42 11 2 | text 88 42 11 2 | text 5 85 11 2 | text 33 89 11 2 | text 60 83 11 2 | text 88 83 11 2 | title 5 3 22 3", "canvas_width": 1024, "canvas_height": 838, "elements": [ { "type": "title", "position": [ 50, 27, 194, 32 ], "completed": false }, { "type": "image", "position": [ 50, 89, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 89, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 89, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 89, 222, 222 ], "completed": false }, { "type": "description", "position": [ 50, 327, 222, 52 ], "completed": false }, { "type": "description", "position": [ 284, 327, 222, 35 ], "completed": false }, { "type": "description", "position": [ 518, 327, 222, 18 ], "completed": false }, { "type": "description", "position": [ 752, 327, 222, 18 ], "completed": false }, { "type": "text", "position": [ 518, 361, 96, 18 ], "completed": false }, { "type": "text", "position": [ 752, 361, 96, 18 ], "completed": false }, { "type": "text", "position": [ 284, 378, 95, 18 ], "completed": false }, { "type": "text", "position": [ 50, 395, 96, 18 ], "completed": false }, { "type": "image", "position": [ 50, 441, 222, 222 ], "completed": false }, { "type": "image", "position": [ 284, 441, 222, 222 ], "completed": false }, { "type": "image", "position": [ 518, 441, 222, 222 ], "completed": false }, { "type": "image", "position": [ 752, 441, 222, 222 ], "completed": false }, { "type": "description", "position": [ 50, 679, 222, 35 ], "completed": false }, { "type": "description", "position": [ 284, 679, 222, 69 ], "completed": false }, { "type": "description", "position": [ 518, 679, 222, 18 ], "completed": false }, { "type": "description", "position": [ 752, 679, 222, 18 ], "completed": false }, { "type": "text", "position": [ 518, 713, 97, 18 ], "completed": false }, { "type": "text", "position": [ 752, 713, 98, 18 ], "completed": false }, { "type": "text", "position": [ 50, 730, 98, 18 ], "completed": false }, { "type": "text", "position": [ 284, 764, 97, 18 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # On the page, there should be a title \"How can we help?\", and three text boxes with a small icon above each.", "region_id": "2335", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'How can We help?'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text [attr:position 'bottom']] ]] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | text bottom undefined ] | [ icon undefined undefined | text bottom undefined ] | [ icon undefined undefined | text bottom undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 34 | icon 55 15 3 3 | icon 68 15 3 3 | icon 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "layout_seq_without_completion": "background 0 0 120 34 | icon 55 15 3 3 | icon 68 15 3 3 | icon 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "plain_layout_seq": "background 0 0 120 34 | icon 55 15 3 3 | icon 68 15 3 3 | icon 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 295 ], "completed": true }, { "type": "title", "position": [ 322, 43, 660, 42 ], "completed": false }, { "type": "icon", "position": [ 361, 135, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 471, 135, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 581, 135, 32, 32 ], "completed": false }, { "type": "text", "position": [ 351, 173, 53, 33 ], "completed": false }, { "type": "text", "position": [ 448, 173, 79, 17 ], "completed": false }, { "type": "text", "position": [ 560, 173, 75, 17 ], "completed": false } ] }, { "text": "# A page for introducing the service of a company. # On the page, there should be a title \"How can we help?\", and three text boxes with a small image above each.", "region_id": "2335_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'How can We help?'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image [attr:size 'small']] [el:text [attr:position 'bottom']] ]] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | text bottom undefined ] | [ image undefined small | text bottom undefined ] | [ image undefined small | text bottom undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 34 | image 55 15 3 3 | image 68 15 3 3 | image 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "layout_seq_without_completion": "background 0 0 120 34 | image 55 15 3 3 | image 68 15 3 3 | image 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "plain_layout_seq": "background 0 0 120 34 | image 55 15 3 3 | image 68 15 3 3 | image 42 15 3 3 | text 41 20 6 3 | text 52 20 9 1 | text 65 20 8 1 | title 37 5 77 4", "canvas_width": 1024, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 295 ], "completed": true }, { "type": "title", "position": [ 322, 43, 660, 42 ], "completed": false }, { "type": "image", "position": [ 361, 135, 32, 32 ], "completed": false }, { "type": "image", "position": [ 471, 135, 32, 32 ], "completed": false }, { "type": "image", "position": [ 581, 135, 32, 32 ], "completed": false }, { "type": "text", "position": [ 351, 173, 53, 33 ], "completed": false }, { "type": "text", "position": [ 448, 173, 79, 17 ], "completed": false }, { "type": "text", "position": [ 560, 173, 75, 17 ], "completed": false } ] }, { "text": "#A page showing information about the home. Barclays. # There is a title. There are four options each with an image and a link inside for users to click on and proceed with the process.", "region_id": "1421", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] | [ image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "image 61 19 54 30 | image 4 19 54 30 | image 61 64 54 30 | image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "layout_seq_without_completion": "image 61 19 54 30 | image 4 19 54 30 | image 61 64 54 30 | image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "plain_layout_seq": "image 61 19 54 30 | image 4 19 54 30 | image 61 64 54 30 | image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "canvas_width": 1003, "canvas_height": 933, "elements": [ { "type": "title", "position": [ 268, 60, 468, 46 ], "completed": false }, { "type": "image", "position": [ 34, 166, 458, 257 ], "completed": false }, { "type": "image", "position": [ 512, 166, 458, 257 ], "completed": false }, { "type": "link", "position": [ 34, 423, 458, 92 ], "completed": false }, { "type": "link", "position": [ 512, 423, 458, 92 ], "completed": false }, { "type": "image", "position": [ 34, 535, 458, 258 ], "completed": false }, { "type": "image", "position": [ 512, 535, 458, 257 ], "completed": false }, { "type": "link", "position": [ 34, 792, 458, 92 ], "completed": false }, { "type": "link", "position": [ 512, 792, 458, 92 ], "completed": false } ] }, { "text": "#A page showing information about the home. Barclays. # There is a title instructing the user to find out more. There are four options each with a link inside for users to click on and proceed with the process.", "region_id": "1421_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'4'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete image 61 19 54 30 | complete image 4 19 54 30 | complete image 61 64 54 30 | complete image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "layout_seq_without_completion": "image 61 19 54 30 | image 4 19 54 30 | image 61 64 54 30 | image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "plain_layout_seq": "image 61 19 54 30 | image 4 19 54 30 | image 61 64 54 30 | image 4 64 54 30 | link 4 94 54 11 | link 61 94 54 11 | link 4 50 54 11 | link 61 50 54 11 | title 32 7 55 5", "canvas_width": 1003, "canvas_height": 933, "elements": [ { "type": "title", "position": [ 268, 60, 468, 46 ], "completed": false }, { "type": "image", "position": [ 34, 166, 458, 257 ], "completed": true }, { "type": "image", "position": [ 512, 166, 458, 257 ], "completed": true }, { "type": "link", "position": [ 34, 423, 458, 92 ], "completed": false }, { "type": "link", "position": [ 512, 423, 458, 92 ], "completed": false }, { "type": "image", "position": [ 34, 535, 458, 258 ], "completed": true }, { "type": "image", "position": [ 512, 535, 458, 257 ], "completed": true }, { "type": "link", "position": [ 34, 792, 458, 92 ], "completed": false }, { "type": "link", "position": [ 512, 792, 458, 92 ], "completed": false } ] }, { "text": "#A page for users to learn more about services.#The page should have two parts. Each part includes a title (Wholesale or Private Label), and a brief description. \"Learn More\" is a link in each group.", "region_id": "6557", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Wholesale ,Private Label'] [item [el:title] [el:description [attr:size 'small'] ] [el:link [attr:value 'learn more'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | link undefined undefined | title undefined undefined ] | [ description undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 8 14 47 6 | complete icon 37 23 1 1 | link 25 23 10 1 | title 8 9 47 3 ] | [ description 64 14 47 10 | complete icon 92 27 1 1 | link 80 26 10 1 | title 64 9 47 3 ] \"", "layout_seq_without_completion": "\" [ description 8 14 47 6 | icon 37 23 1 1 | link 25 23 10 1 | title 8 9 47 3 ] | [ description 64 14 47 10 | icon 92 27 1 1 | link 80 26 10 1 | title 64 9 47 3 ] \"", "plain_layout_seq": "description 8 14 47 6 | description 64 14 47 10 | icon 37 23 1 1 | icon 92 27 1 1 | link 25 23 10 1 | link 80 26 10 1 | title 8 9 47 3 | title 64 9 47 3", "canvas_width": 1024, "canvas_height": 337, "elements": [ { "type": "title", "position": [ 75, 85, 402, 27 ], "completed": false }, { "type": "title", "position": [ 547, 85, 402, 27 ], "completed": false }, { "type": "description", "position": [ 75, 122, 402, 58 ], "completed": false }, { "type": "description", "position": [ 547, 122, 402, 86 ], "completed": false }, { "type": "link", "position": [ 219, 199, 87, 17 ], "completed": false }, { "type": "icon", "position": [ 318, 203, 15, 11 ], "completed": true }, { "type": "link", "position": [ 691, 228, 87, 17 ], "completed": false }, { "type": "icon", "position": [ 790, 231, 15, 11 ], "completed": true } ] }, { "text": "# A page for introducing the feature of a software.# The page should have a title \"Features\" and three groups of information sets: \"Video on the screen\" \"Adjusting grid\", and \"Image effects\", with each having a title and a further introduction.", "region_id": "6143", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'features'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'video on the screen, adjusting grid, image effects'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 43 19 33 11 | description 5 19 33 8 | description 80 19 33 11 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 43 16 33 2", "layout_seq_without_completion": "description 43 19 33 11 | description 5 19 33 8 | description 80 19 33 11 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 43 16 33 2", "plain_layout_seq": "description 43 19 33 11 | description 5 19 33 8 | description 80 19 33 11 | title 5 7 108 4 | title 5 16 33 2 | title 80 16 33 2 | title 43 16 33 2", "canvas_width": 1024, "canvas_height": 330, "elements": [ { "type": "title", "position": [ 47, 64, 930, 42 ], "completed": false }, { "type": "title", "position": [ 47, 138, 290, 24 ], "completed": false }, { "type": "title", "position": [ 367, 138, 290, 24 ], "completed": false }, { "type": "title", "position": [ 687, 138, 290, 24 ], "completed": false }, { "type": "description", "position": [ 47, 170, 290, 72 ], "completed": false }, { "type": "description", "position": [ 367, 170, 290, 96 ], "completed": false }, { "type": "description", "position": [ 687, 170, 290, 96 ], "completed": false } ] }, { "text": "#A page for showing more information related to the brand.# The page has a logo of the brand and seven logos representing different types of applications.", "region_id": "4175", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] ]", "execution": "multiinfo : logo undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 41 0 22 3 | logo 64 0 12 3 | logo 0 0 10 3 | \" [ logo 12 0 3 3 ] | [ logo 17 0 3 3 ] | [ logo 22 0 3 3 ] | [ logo 27 0 3 3 ] | [ logo 33 0 3 3 ] \"", "layout_seq_without_completion": "logo 41 0 22 3 | logo 64 0 12 3 | logo 0 0 10 3 | \" [ logo 12 0 3 3 ] | [ logo 17 0 3 3 ] | [ logo 22 0 3 3 ] | [ logo 27 0 3 3 ] | [ logo 33 0 3 3 ] \"", "plain_layout_seq": "logo 41 0 22 3 | logo 64 0 12 3 | logo 0 0 10 3 | logo 12 0 3 3 | logo 17 0 3 3 | logo 22 0 3 3 | logo 27 0 3 3 | logo 33 0 3 3", "canvas_width": 992, "canvas_height": 32, "elements": [ { "type": "logo", "position": [ 0, 0, 85, 32 ], "completed": false }, { "type": "logo", "position": [ 105, 0, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 147, 0, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 189, 0, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 231, 0, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 273, 0, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 345, 0, 185, 32 ], "completed": false }, { "type": "logo", "position": [ 535, 0, 103, 32 ], "completed": false } ] }, { "text": "#A page to instruct the users to learn to earn with zero investment.# The title of \"Start Earning With Zero Investment\" is set at the top of the page. In the middle, three groups' information on the operation steps is involved. Each group contains a relevant picture placed above the word \"Step\" and a related number, and under the word and the number, a short description of how to operate under this step is placed. On both sides of the three groups, two icons of moving to see other steps are involved. And at the bottom of the page, two icons in the shape of circles used to check the other steps are set.", "region_id": "4953", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'start earning with zero investment'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:value 'step'] ] [el:description [attr:size 'small'] ] [el:pagination [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined small | image undefined undefined | pagination undefined undefined | pagination undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | pagination undefined undefined | pagination undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | pagination undefined undefined | pagination undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete button 60 68 2 2 | complete button 56 68 2 2 | complete icon 114 31 1 2 | complete icon 3 31 1 2 | title 3 2 113 7 | \" [ description 11 50 36 9 | image 11 12 30 30 | text 11 43 13 7 ] | [ description 46 50 36 4 | image 46 12 30 30 | text 46 43 13 7 ] | [ description 80 50 30 9 | image 80 12 30 30 | text 80 43 13 7 ] \"", "layout_seq_without_completion": "button 60 68 2 2 | button 56 68 2 2 | icon 114 31 1 2 | icon 3 31 1 2 | title 3 2 113 7 | \" [ description 11 50 36 9 | image 11 12 30 30 | text 11 43 13 7 ] | [ description 46 50 36 4 | image 46 12 30 30 | text 46 43 13 7 ] | [ description 80 50 30 9 | image 80 12 30 30 | text 80 43 13 7 ] \"", "plain_layout_seq": "button 60 68 2 2 | button 56 68 2 2 | description 11 50 36 9 | description 46 50 36 4 | description 80 50 30 9 | icon 114 31 1 2 | icon 3 31 1 2 | image 11 12 30 30 | image 46 12 30 30 | image 80 12 30 30 | text 11 43 13 7 | text 46 43 13 7 | text 80 43 13 7 | title 3 2 113 7", "canvas_width": 1024, "canvas_height": 630, "elements": [ { "type": "title", "position": [ 26, 18, 972, 60 ], "completed": false }, { "type": "image", "position": [ 102, 110, 260, 260 ], "completed": false }, { "type": "image", "position": [ 394, 110, 260, 260 ], "completed": false }, { "type": "image", "position": [ 686, 110, 260, 260 ], "completed": false }, { "type": "icon", "position": [ 26, 267, 14, 24 ], "completed": true }, { "type": "icon", "position": [ 974, 267, 14, 24 ], "completed": true }, { "type": "text", "position": [ 102, 370, 112, 60 ], "completed": false }, { "type": "text", "position": [ 394, 370, 112, 60 ], "completed": false }, { "type": "text", "position": [ 686, 370, 112, 60 ], "completed": false }, { "type": "description", "position": [ 102, 430, 315, 80 ], "completed": false }, { "type": "description", "position": [ 394, 430, 315, 40 ], "completed": false }, { "type": "description", "position": [ 686, 430, 263, 80 ], "completed": false }, { "type": "button", "position": [ 484, 588, 20, 20 ], "completed": true }, { "type": "button", "position": [ 516, 588, 20, 20 ], "completed": true } ] }, { "text": "# A page for the user to follow the company on social platforms and download their app. # The page should have two groups \"FOLLOW US\" and \"DOWNLOAD OUR APP\". In the first group, there should have four icons of the social app, so the user can follow the company on them. In the second group, there should include two image links for the user to click to download the app from Apple Store and Google Play.", "region_id": "5576", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'follow us']] [el:icon [attr:repeat '4']] ] [item [el:title [attr:value 'download our app'] ] [el:link [attr:value 'download from Apple Store']] [el:link [attr:value 'download from Google Play']]] ] ]", "execution": "multiinfo : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 68 8 1 1 | icon 50 8 1 1 | icon 55 8 2 1 | icon 62 8 1 1 | complete image 48 6 4 4 | complete image 60 6 4 4 | complete image 54 6 4 4 | complete image 66 6 4 4 | link 43 20 14 4 | link 59 20 16 4 | title 43 16 32 2 | title 48 2 23 2", "layout_seq_without_completion": "icon 68 8 1 1 | icon 50 8 1 1 | icon 55 8 2 1 | icon 62 8 1 1 | image 48 6 4 4 | image 60 6 4 4 | image 54 6 4 4 | image 66 6 4 4 | link 43 20 14 4 | link 59 20 16 4 | title 43 16 32 2 | title 48 2 23 2", "plain_layout_seq": "icon 68 8 1 1 | icon 50 8 1 1 | icon 55 8 2 1 | icon 62 8 1 1 | image 48 6 4 4 | image 60 6 4 4 | image 54 6 4 4 | image 66 6 4 4 | link 43 20 14 4 | link 59 20 16 4 | title 43 16 32 2 | title 48 2 23 2", "canvas_width": 984, "canvas_height": 229, "elements": [ { "type": "title", "position": [ 397, 20, 190, 24 ], "completed": false }, { "type": "image", "position": [ 397, 54, 40, 40 ], "completed": true }, { "type": "image", "position": [ 447, 54, 40, 40 ], "completed": true }, { "type": "image", "position": [ 497, 54, 40, 40 ], "completed": true }, { "type": "image", "position": [ 547, 54, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 413, 66, 9, 16 ], "completed": false }, { "type": "icon", "position": [ 457, 66, 20, 16 ], "completed": false }, { "type": "icon", "position": [ 509, 66, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 559, 66, 16, 16 ], "completed": false }, { "type": "title", "position": [ 360, 135, 265, 24 ], "completed": false }, { "type": "link", "position": [ 360, 169, 120, 40 ], "completed": false }, { "type": "link", "position": [ 490, 169, 135, 40 ], "completed": false } ] }, { "text": "# A page for marketing a company by explaining why to choose it.# The page should have a title \"Why Choose Us\" and two groups with each having a title and a further description,", "region_id": "8126", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why choose us'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 67 49 38 12 | description 14 49 38 9 | title 67 46 38 2 | title 7 10 105 9 | title 14 46 38 2", "layout_seq_without_completion": "description 67 49 38 12 | description 14 49 38 9 | title 67 46 38 2 | title 7 10 105 9 | title 14 46 38 2", "plain_layout_seq": "description 67 49 38 12 | description 14 49 38 9 | title 67 46 38 2 | title 7 10 105 9 | title 14 46 38 2", "canvas_width": 1024, "canvas_height": 726, "elements": [ { "type": "title", "position": [ 60, 86, 904, 83 ], "completed": false }, { "type": "title", "position": [ 120, 393, 332, 20 ], "completed": false }, { "type": "title", "position": [ 572, 393, 332, 20 ], "completed": false }, { "type": "description", "position": [ 120, 423, 332, 82 ], "completed": false }, { "type": "description", "position": [ 572, 423, 332, 108 ], "completed": false } ] }, { "text": "#A page for showing the services of the company.#The page should have four groups and each group has an image and a title, \"free delivery worldwide\", \"satisfied or refunded\", \"top-notch support\", and \"secure payments\". In each group, there is a brief description.", "region_id": "8215", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'free delivery worldwide, satisfied or refunded, top-notch support, secure payments'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 29 3 26 5 | image 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 5 | image 64 0 3 3 | title 70 0 26 3 ] | [ description 29 18 26 5 | image 23 15 3 3 | title 29 14 26 3 ] | [ description 70 18 26 5 | image 64 15 3 3 | title 70 14 26 3 ] \"", "layout_seq_without_completion": "\" [ description 29 3 26 5 | image 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 5 | image 64 0 3 3 | title 70 0 26 3 ] | [ description 29 18 26 5 | image 23 15 3 3 | title 29 14 26 3 ] | [ description 70 18 26 5 | image 64 15 3 3 | title 70 14 26 3 ] \"", "plain_layout_seq": "description 29 3 26 5 | description 70 3 26 5 | description 29 18 26 5 | description 70 18 26 5 | image 23 0 3 3 | image 64 0 3 3 | image 23 15 3 3 | image 64 15 3 3 | title 29 0 26 3 | title 70 0 26 3 | title 29 14 26 3 | title 70 14 26 3", "canvas_width": 1024, "canvas_height": 252, "elements": [ { "type": "title", "position": [ 248, 0, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 224, 26 ], "completed": false }, { "type": "image", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "image", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 29, 224, 51 ], "completed": false }, { "type": "description", "position": [ 600, 29, 224, 51 ], "completed": false }, { "type": "title", "position": [ 248, 126, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 126, 224, 26 ], "completed": false }, { "type": "image", "position": [ 200, 134, 30, 30 ], "completed": false }, { "type": "image", "position": [ 552, 134, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 155, 224, 51 ], "completed": false }, { "type": "description", "position": [ 600, 155, 224, 51 ], "completed": false } ] }, { "text": "# A page to introduce the company Tekion, a company powering automotive retail.# On the page, there should be a title and eight groups of text boxes. In each box, there should be a small title and specific data. So the user can know the sum (volume or amount) of business transactions and the number of products the company sells.", "region_id": "509", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'8'] [item [el:title [attr:size'small'] ] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] | [ text undefined undefined | title undefined small ] }", "layout_seq_with_completion": "text 7 62 33 3 | text 43 62 33 3 | text 7 24 33 3 | text 78 24 33 3 | text 43 24 33 3 | text 7 43 33 3 | text 43 43 33 3 | text 78 43 33 3 | title 7 0 42 8 | title 43 16 33 6 | title 78 16 33 6 | title 7 55 33 6 | title 7 35 33 6 | title 7 16 33 6 | title 43 35 33 6 | title 43 55 33 6 | title 78 35 33 6", "layout_seq_without_completion": "text 7 62 33 3 | text 43 62 33 3 | text 7 24 33 3 | text 78 24 33 3 | text 43 24 33 3 | text 7 43 33 3 | text 43 43 33 3 | text 78 43 33 3 | title 7 0 42 8 | title 43 16 33 6 | title 78 16 33 6 | title 7 55 33 6 | title 7 35 33 6 | title 7 16 33 6 | title 43 35 33 6 | title 43 55 33 6 | title 78 35 33 6", "plain_layout_seq": "text 7 62 33 3 | text 43 62 33 3 | text 7 24 33 3 | text 78 24 33 3 | text 43 24 33 3 | text 7 43 33 3 | text 43 43 33 3 | text 78 43 33 3 | title 7 0 42 8 | title 43 16 33 6 | title 78 16 33 6 | title 7 55 33 6 | title 7 35 33 6 | title 7 16 33 6 | title 43 35 33 6 | title 43 55 33 6 | title 78 35 33 6", "canvas_width": 1024, "canvas_height": 633, "elements": [ { "type": "title", "position": [ 66, 0, 360, 72 ], "completed": false }, { "type": "title", "position": [ 66, 144, 284, 55 ], "completed": false }, { "type": "title", "position": [ 370, 144, 284, 55 ], "completed": false }, { "type": "title", "position": [ 674, 144, 284, 55 ], "completed": false }, { "type": "text", "position": [ 66, 207, 284, 28 ], "completed": false }, { "type": "text", "position": [ 370, 207, 284, 28 ], "completed": false }, { "type": "text", "position": [ 674, 207, 284, 28 ], "completed": false }, { "type": "title", "position": [ 66, 307, 284, 55 ], "completed": false }, { "type": "title", "position": [ 370, 307, 284, 55 ], "completed": false }, { "type": "title", "position": [ 674, 307, 284, 55 ], "completed": false }, { "type": "text", "position": [ 66, 370, 284, 28 ], "completed": false }, { "type": "text", "position": [ 370, 370, 284, 28 ], "completed": false }, { "type": "text", "position": [ 674, 370, 284, 28 ], "completed": false }, { "type": "title", "position": [ 66, 470, 284, 55 ], "completed": false }, { "type": "title", "position": [ 370, 470, 284, 55 ], "completed": false }, { "type": "text", "position": [ 66, 533, 284, 28 ], "completed": false }, { "type": "text", "position": [ 370, 533, 284, 28 ], "completed": false } ] }, { "text": "#A page for introducing the Porcore App Marketplace to users.# The page should include one title on the top and three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "2031", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete link 45 13 28 3 | title 24 5 71 4 | \" [ image 11 19 7 7 | link 21 23 35 10 | title 21 19 35 3 ] | [ image 62 19 7 7 | link 72 23 35 13 | title 72 19 35 3 ] | [ image 11 43 7 7 | link 21 48 35 13 | title 21 43 35 3 ] \"", "layout_seq_without_completion": "link 45 13 28 3 | title 24 5 71 4 | \" [ image 11 19 7 7 | link 21 23 35 10 | title 21 19 35 3 ] | [ image 62 19 7 7 | link 72 23 35 13 | title 72 19 35 3 ] | [ image 11 43 7 7 | link 21 48 35 13 | title 21 43 35 3 ] \"", "plain_layout_seq": "image 11 19 7 7 | image 62 19 7 7 | image 11 43 7 7 | link 45 13 28 3 | link 21 23 35 10 | link 72 23 35 13 | link 21 48 35 13 | title 24 5 71 4 | title 21 19 35 3 | title 72 19 35 3 | title 21 43 35 3", "canvas_width": 1024, "canvas_height": 626, "elements": [ { "type": "title", "position": [ 206, 50, 613, 36 ], "completed": false }, { "type": "link", "position": [ 390, 111, 244, 27 ], "completed": true }, { "type": "image", "position": [ 100, 163, 60, 60 ], "completed": false }, { "type": "title", "position": [ 185, 163, 300, 28 ], "completed": false }, { "type": "image", "position": [ 537, 163, 60, 60 ], "completed": false }, { "type": "title", "position": [ 622, 163, 302, 28 ], "completed": false }, { "type": "link", "position": [ 185, 204, 300, 86 ], "completed": false }, { "type": "link", "position": [ 622, 204, 302, 115 ], "completed": false }, { "type": "image", "position": [ 100, 371, 60, 60 ], "completed": false }, { "type": "title", "position": [ 185, 371, 300, 28 ], "completed": false }, { "type": "link", "position": [ 185, 412, 300, 115 ], "completed": false } ] }, { "text": "#A page introducing the information about some events.# Three items are involved in this page. Each item contains a picture placed above a short description of the picture. And under the short description, the information about the people and the hosting time is contained.", "region_id": "3767", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description [attr:size 'small'] ] [el:text [attr:repeat '2']] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 27 28 10 | image 0 0 36 26 | text 0 38 4 1 | complete text 5 38 0 1 | text 6 38 8 1 ] | [ description 41 27 34 10 | image 41 0 36 26 | text 41 38 6 1 | complete text 49 38 0 1 | text 50 38 8 1 ] | [ description 83 27 34 10 | image 83 0 36 26 | text 83 38 3 1 | complete text 87 38 0 1 | text 88 38 8 1 ] \"", "layout_seq_without_completion": "\" [ description 0 27 28 10 | image 0 0 36 26 | text 0 38 4 1 | text 5 38 0 1 | text 6 38 8 1 ] | [ description 41 27 34 10 | image 41 0 36 26 | text 41 38 6 1 | text 49 38 0 1 | text 50 38 8 1 ] | [ description 83 27 34 10 | image 83 0 36 26 | text 83 38 3 1 | text 87 38 0 1 | text 88 38 8 1 ] \"", "plain_layout_seq": "description 0 27 28 10 | description 41 27 34 10 | description 83 27 34 10 | image 0 0 36 26 | image 41 0 36 26 | image 83 0 36 26 | text 0 38 4 1 | text 5 38 0 1 | text 6 38 8 1 | text 41 38 6 1 | text 49 38 0 1 | text 50 38 8 1 | text 83 38 3 1 | text 87 38 0 1 | text 88 38 8 1", "canvas_width": 980, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 0, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 340, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 680, 0, 300, 218 ], "completed": false }, { "type": "description", "position": [ 0, 226, 229, 84 ], "completed": false }, { "type": "description", "position": [ 340, 226, 280, 84 ], "completed": false }, { "type": "description", "position": [ 680, 226, 284, 84 ], "completed": false }, { "type": "text", "position": [ 0, 312, 36, 15 ], "completed": false }, { "type": "text", "position": [ 41, 312, 4, 15 ], "completed": true }, { "type": "text", "position": [ 50, 312, 67, 15 ], "completed": false }, { "type": "text", "position": [ 340, 312, 57, 15 ], "completed": false }, { "type": "text", "position": [ 402, 312, 4, 15 ], "completed": true }, { "type": "text", "position": [ 411, 312, 67, 15 ], "completed": false }, { "type": "text", "position": [ 680, 312, 26, 15 ], "completed": false }, { "type": "text", "position": [ 711, 312, 4, 15 ], "completed": true }, { "type": "text", "position": [ 720, 312, 67, 15 ], "completed": false } ] }, { "text": "# A page to introduce the customers that trust the company. # There should contain a title and 10 logos of the customer.", "region_id": "2948", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '10'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 1 2 116 15 | \" [ logo 29 29 11 11 ] | [ logo 51 29 13 11 ] | [ logo 72 30 18 10 ] | [ logo 5 31 18 7 ] | [ logo 95 32 18 6 ] | [ logo 29 51 11 11 ] | [ logo 5 52 18 8 ] | [ logo 50 52 18 8 ] | [ logo 72 52 18 9 ] | [ logo 95 53 18 6 ] \"", "layout_seq_without_completion": "title 1 2 116 15 | \" [ logo 29 29 11 11 ] | [ logo 51 29 13 11 ] | [ logo 72 30 18 10 ] | [ logo 5 31 18 7 ] | [ logo 95 32 18 6 ] | [ logo 29 51 11 11 ] | [ logo 5 52 18 8 ] | [ logo 50 52 18 8 ] | [ logo 72 52 18 9 ] | [ logo 95 53 18 6 ] \"", "plain_layout_seq": "logo 29 29 11 11 | logo 51 29 13 11 | logo 72 30 18 10 | logo 5 31 18 7 | logo 95 32 18 6 | logo 29 51 11 11 | logo 5 52 18 8 | logo 50 52 18 8 | logo 72 52 18 9 | logo 95 53 18 6 | title 1 2 116 15", "canvas_width": 1011, "canvas_height": 592, "elements": [ { "type": "title", "position": [ 15, 20, 981, 134 ], "completed": false }, { "type": "logo", "position": [ 248, 247, 100, 100 ], "completed": false }, { "type": "logo", "position": [ 433, 247, 112, 100 ], "completed": false }, { "type": "logo", "position": [ 615, 253, 156, 87 ], "completed": false }, { "type": "logo", "position": [ 44, 265, 156, 64 ], "completed": false }, { "type": "logo", "position": [ 805, 270, 156, 54 ], "completed": false }, { "type": "logo", "position": [ 249, 431, 100, 100 ], "completed": false }, { "type": "logo", "position": [ 615, 439, 156, 83 ], "completed": false }, { "type": "logo", "position": [ 44, 445, 156, 71 ], "completed": false }, { "type": "logo", "position": [ 425, 446, 156, 70 ], "completed": false }, { "type": "logo", "position": [ 805, 453, 156, 56 ], "completed": false } ] }, { "text": "#A page for showing the types of powder.#The page should have four groups and each group has an image and a title. Also, there is a description of the price of the product. There is the same button in each group, named \"add to cart\".", "region_id": "6640", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] [el:button [attr:value 'add to cart'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 10 45 16 4 | description 13 39 9 2 | image 8 3 19 29 | complete link 6 3 24 38 | complete text 13 39 10 1 | title 7 34 22 5 ] | [ button 37 45 16 4 | description 41 39 9 2 | image 36 3 19 29 | complete link 34 3 24 38 | complete text 41 39 9 1 | title 35 34 21 5 ] | [ button 65 45 16 4 | description 68 39 9 2 | image 64 3 19 29 | complete link 61 3 24 38 | complete text 68 39 9 1 | title 61 34 23 5 ] | [ button 93 45 16 4 | description 96 39 9 2 | image 91 3 19 29 | complete link 89 3 24 38 | complete text 96 39 10 1 | title 92 34 17 5 ] \"", "layout_seq_without_completion": "\" [ button 10 45 16 4 | description 13 39 9 2 | image 8 3 19 29 | link 6 3 24 38 | text 13 39 10 1 | title 7 34 22 5 ] | [ button 37 45 16 4 | description 41 39 9 2 | image 36 3 19 29 | link 34 3 24 38 | text 41 39 9 1 | title 35 34 21 5 ] | [ button 65 45 16 4 | description 68 39 9 2 | image 64 3 19 29 | link 61 3 24 38 | text 68 39 9 1 | title 61 34 23 5 ] | [ button 93 45 16 4 | description 96 39 9 2 | image 91 3 19 29 | link 89 3 24 38 | text 96 39 10 1 | title 92 34 17 5 ] \"", "plain_layout_seq": "button 10 45 16 4 | button 37 45 16 4 | button 65 45 16 4 | button 93 45 16 4 | description 13 39 9 2 | description 41 39 9 2 | description 68 39 9 2 | description 96 39 9 2 | image 8 3 19 29 | image 36 3 19 29 | image 64 3 19 29 | image 91 3 19 29 | link 6 3 24 38 | link 34 3 24 38 | link 61 3 24 38 | link 89 3 24 38 | text 13 39 10 1 | text 41 39 9 1 | text 68 39 9 1 | text 96 39 10 1 | title 7 34 22 5 | title 35 34 21 5 | title 61 34 23 5 | title 92 34 17 5", "canvas_width": 1024, "canvas_height": 475, "elements": [ { "type": "link", "position": [ 55, 30, 206, 332 ], "completed": true }, { "type": "image", "position": [ 75, 30, 167, 250 ], "completed": false }, { "type": "link", "position": [ 291, 30, 206, 332 ], "completed": true }, { "type": "image", "position": [ 311, 30, 167, 250 ], "completed": false }, { "type": "link", "position": [ 527, 30, 206, 332 ], "completed": true }, { "type": "image", "position": [ 547, 30, 167, 250 ], "completed": false }, { "type": "link", "position": [ 763, 30, 206, 332 ], "completed": true }, { "type": "image", "position": [ 783, 30, 167, 250 ], "completed": false }, { "type": "title", "position": [ 64, 295, 189, 46 ], "completed": false }, { "type": "title", "position": [ 304, 295, 181, 46 ], "completed": false }, { "type": "title", "position": [ 528, 295, 203, 46 ], "completed": false }, { "type": "title", "position": [ 793, 295, 146, 46 ], "completed": false }, { "type": "description", "position": [ 115, 339, 78, 23 ], "completed": false }, { "type": "description", "position": [ 352, 339, 77, 23 ], "completed": false }, { "type": "description", "position": [ 588, 339, 77, 23 ], "completed": false }, { "type": "description", "position": [ 822, 339, 80, 23 ], "completed": false }, { "type": "text", "position": [ 115, 340, 86, 15 ], "completed": true }, { "type": "text", "position": [ 352, 340, 85, 15 ], "completed": true }, { "type": "text", "position": [ 588, 340, 85, 15 ], "completed": true }, { "type": "text", "position": [ 822, 340, 88, 15 ], "completed": true }, { "type": "button", "position": [ 88, 387, 140, 38 ], "completed": false }, { "type": "button", "position": [ 324, 387, 140, 38 ], "completed": false }, { "type": "button", "position": [ 560, 387, 140, 38 ], "completed": false }, { "type": "button", "position": [ 796, 387, 140, 38 ], "completed": false } ] }, { "text": "# A page showing the serving leading institutions. # There should contain a title \"Serving Leading Institutions\" and six logos of the institutions.", "region_id": "2808", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Serving Leading Institutions'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 2 4 115 3 | \" [ logo 4 17 14 7 ] | [ logo 62 18 14 4 ] | [ logo 23 19 14 3 ] | [ logo 43 19 14 3 ] | [ logo 100 19 14 4 ] | [ logo 81 20 14 2 ] \"", "layout_seq_without_completion": "title 2 4 115 3 | \" [ logo 4 17 14 7 ] | [ logo 62 18 14 4 ] | [ logo 23 19 14 3 ] | [ logo 43 19 14 3 ] | [ logo 100 19 14 4 ] | [ logo 81 20 14 2 ] \"", "plain_layout_seq": "logo 4 17 14 7 | logo 62 18 14 4 | logo 23 19 14 3 | logo 43 19 14 3 | logo 100 19 14 4 | logo 81 20 14 2 | title 2 4 115 3", "canvas_width": 1024, "canvas_height": 297, "elements": [ { "type": "title", "position": [ 20, 35, 984, 32 ], "completed": false }, { "type": "logo", "position": [ 40, 151, 124, 62 ], "completed": false }, { "type": "logo", "position": [ 532, 161, 124, 42 ], "completed": false }, { "type": "logo", "position": [ 860, 163, 124, 38 ], "completed": false }, { "type": "logo", "position": [ 204, 167, 124, 30 ], "completed": false }, { "type": "logo", "position": [ 368, 168, 124, 28 ], "completed": false }, { "type": "logo", "position": [ 696, 171, 124, 22 ], "completed": false } ] }, { "text": "#A page for introducing a PAX wardrobe to users.# The page should include three parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1453", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 5 9 33 33 | image 41 9 33 33 | image 78 9 33 33 | complete title 5 0 62 4 | \" [ complete icon 11 75 2 2 | complete image 5 43 33 40 | link 9 73 6 6 | title 9 46 26 18 ] | [ complete icon 47 75 2 2 | complete image 41 43 33 40 | link 45 73 6 6 | title 45 46 26 14 ] | [ complete icon 83 75 2 2 | complete image 78 43 33 40 | link 81 73 6 6 | title 81 46 26 18 ] \"", "layout_seq_without_completion": "image 5 9 33 33 | image 41 9 33 33 | image 78 9 33 33 | title 5 0 62 4 | \" [ icon 11 75 2 2 | image 5 43 33 40 | link 9 73 6 6 | title 9 46 26 18 ] | [ icon 47 75 2 2 | image 41 43 33 40 | link 45 73 6 6 | title 45 46 26 14 ] | [ icon 83 75 2 2 | image 78 43 33 40 | link 81 73 6 6 | title 81 46 26 18 ] \"", "plain_layout_seq": "icon 11 75 2 2 | icon 47 75 2 2 | icon 83 75 2 2 | image 5 9 33 33 | image 41 9 33 33 | image 78 9 33 33 | image 5 43 33 40 | image 41 43 33 40 | image 78 43 33 40 | link 9 73 6 6 | link 45 73 6 6 | link 81 73 6 6 | title 5 0 62 4 | title 9 46 26 18 | title 45 46 26 14 | title 81 46 26 18", "canvas_width": 1024, "canvas_height": 738, "elements": [ { "type": "title", "position": [ 48, 0, 533, 35 ], "completed": true }, { "type": "image", "position": [ 48, 78, 289, 289 ], "completed": false }, { "type": "image", "position": [ 357, 78, 289, 289 ], "completed": false }, { "type": "image", "position": [ 667, 78, 289, 289 ], "completed": false }, { "type": "image", "position": [ 48, 368, 289, 344 ], "completed": true }, { "type": "image", "position": [ 357, 368, 289, 344 ], "completed": true }, { "type": "image", "position": [ 667, 368, 289, 344 ], "completed": true }, { "type": "title", "position": [ 80, 400, 225, 160 ], "completed": false }, { "type": "title", "position": [ 389, 400, 225, 120 ], "completed": false }, { "type": "title", "position": [ 699, 400, 225, 160 ], "completed": false }, { "type": "link", "position": [ 80, 624, 56, 56 ], "completed": false }, { "type": "link", "position": [ 389, 624, 56, 56 ], "completed": false }, { "type": "link", "position": [ 699, 624, 56, 56 ], "completed": false }, { "type": "icon", "position": [ 96, 640, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 405, 640, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 715, 640, 24, 24 ], "completed": true } ] }, { "text": "#A page to show the information of popular searches.# On this page, the title of \"popular searches\" is set on the top left-hand. Below are the tags for eight search keywords.", "region_id": "3877", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'popular searches'] [attr:position 'top-left'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:button]]] ]", "execution": "multiinfo : title top undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 2 | \" [ button 0 6 10 5 ] | [ button 12 6 12 5 ] | [ button 27 6 12 5 ] | [ button 41 6 12 5 ] | [ button 55 6 10 5 ] | [ button 67 6 11 5 ] | [ button 80 6 14 5 ] | [ button 96 6 15 5 ] \"", "layout_seq_without_completion": "title 0 0 120 2 | \" [ button 0 6 10 5 ] | [ button 12 6 12 5 ] | [ button 27 6 12 5 ] | [ button 41 6 12 5 ] | [ button 55 6 10 5 ] | [ button 67 6 11 5 ] | [ button 80 6 14 5 ] | [ button 96 6 15 5 ] \"", "plain_layout_seq": "button 0 6 10 5 | button 12 6 12 5 | button 27 6 12 5 | button 41 6 12 5 | button 55 6 10 5 | button 67 6 11 5 | button 80 6 14 5 | button 96 6 15 5 | title 0 0 120 2", "canvas_width": 1000, "canvas_height": 117, "elements": [ { "type": "title", "position": [ 0, 0, 1000, 24 ], "completed": false }, { "type": "button", "position": [ 0, 50, 88, 47 ], "completed": false }, { "type": "button", "position": [ 104, 50, 105, 47 ], "completed": false }, { "type": "button", "position": [ 225, 50, 101, 47 ], "completed": false }, { "type": "button", "position": [ 342, 50, 101, 47 ], "completed": false }, { "type": "button", "position": [ 459, 50, 85, 47 ], "completed": false }, { "type": "button", "position": [ 560, 50, 95, 47 ], "completed": false }, { "type": "button", "position": [ 671, 50, 117, 47 ], "completed": false }, { "type": "button", "position": [ 804, 50, 129, 47 ], "completed": false } ] }, { "text": "#A page to introduce the robust network to users.# On the top left-hand of the page, the title \"A robust network to help you succeed\" is placed under the words \"resources and support\". And under this three groups of information are involved. Each contains a short description which is placed between the related number and a link vertically.", "region_id": "3958", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'a robust network to help you succeed'] [attr:position 'top'] ] [el:text [attr:value 'resources and support'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description [attr:size 'small'] ] [el:text] [el:link] ] ] ]", "execution": "multiinfo : text top undefined | title top undefined | { [ description undefined small | link undefined undefined | text undefined undefined ] | [ description undefined small | link undefined undefined | text undefined undefined ] | [ description undefined small | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 5 10 21 3 | title 5 13 82 7 | \" [ description 3 33 32 7 | link 3 42 13 2 | text 3 27 15 6 ] | [ description 43 32 32 9 | link 43 43 18 2 | text 43 25 17 6 ] | [ description 83 32 32 9 | link 83 43 16 2 | text 83 25 15 6 ] \"", "layout_seq_without_completion": "text 5 10 21 3 | title 5 13 82 7 | \" [ description 3 33 32 7 | link 3 42 13 2 | text 3 27 15 6 ] | [ description 43 32 32 9 | link 43 43 18 2 | text 43 25 17 6 ] | [ description 83 32 32 9 | link 83 43 16 2 | text 83 25 15 6 ] \"", "plain_layout_seq": "description 3 33 32 7 | description 43 32 32 9 | description 83 32 32 9 | link 3 42 13 2 | link 43 43 18 2 | link 83 43 16 2 | text 5 10 21 3 | text 3 27 15 6 | text 43 25 17 6 | text 83 25 15 6 | title 5 13 82 7", "canvas_width": 1024, "canvas_height": 404, "elements": [ { "type": "text", "position": [ 47, 87, 181, 26 ], "completed": false }, { "type": "title", "position": [ 47, 113, 707, 60 ], "completed": false }, { "type": "text", "position": [ 371, 221, 153, 56 ], "completed": false }, { "type": "text", "position": [ 713, 221, 129, 56 ], "completed": false }, { "type": "text", "position": [ 30, 231, 129, 56 ], "completed": false }, { "type": "description", "position": [ 371, 277, 281, 83 ], "completed": false }, { "type": "description", "position": [ 713, 277, 281, 83 ], "completed": false }, { "type": "description", "position": [ 30, 287, 281, 62 ], "completed": false }, { "type": "link", "position": [ 30, 360, 112, 19 ], "completed": false }, { "type": "link", "position": [ 371, 371, 158, 19 ], "completed": false }, { "type": "link", "position": [ 713, 371, 139, 19 ], "completed": false } ] }, { "text": "#A page introducing the customers of a company to improve its trust. # The page should have an exciting title, and 5 logos of famous customers such as DHL.", "region_id": "304", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "layout_seq_without_completion": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "plain_layout_seq": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "canvas_width": 1003, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 40, 60, 923, 104 ], "completed": false }, { "type": "logo", "position": [ 32, 200, 182, 81 ], "completed": false }, { "type": "logo", "position": [ 644, 204, 88, 82 ], "completed": false }, { "type": "logo", "position": [ 782, 204, 182, 81 ], "completed": false }, { "type": "logo", "position": [ 238, 206, 160, 77 ], "completed": false }, { "type": "logo", "position": [ 410, 229, 185, 32 ], "completed": false } ] }, { "text": "#A page introducing the customers of a company to improve its trust. # The page should have an exciting title, and some images to show the logos of famous customers such as DHL.", "region_id": "304_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "layout_seq_without_completion": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "plain_layout_seq": "logo 93 24 21 9 | logo 3 23 21 9 | logo 49 27 22 3 | logo 77 24 10 9 | logo 28 24 19 9 | title 4 7 110 12", "canvas_width": 1003, "canvas_height": 346, "elements": [ { "type": "title", "position": [ 40, 60, 923, 104 ], "completed": false }, { "type": "logo", "position": [ 32, 200, 182, 81 ], "completed": false }, { "type": "logo", "position": [ 644, 204, 88, 82 ], "completed": false }, { "type": "logo", "position": [ 782, 204, 182, 81 ], "completed": false }, { "type": "logo", "position": [ 238, 206, 160, 77 ], "completed": false }, { "type": "logo", "position": [ 410, 229, 185, 32 ], "completed": false } ] }, { "text": "#A page for showing the latest posts.# There is one label and four info groups. Each group includes one icon and one title. Users can learn more articles by clicking one button.", "region_id": "3743", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] ] ] [el:button [attr:value 'more articles'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 53 | button 100 44 13 2 | title 5 5 22 3 | \" [ icon 8 14 7 7 | complete image 5 12 34 13 | title 18 15 19 6 ] | [ icon 45 14 7 7 | complete image 42 12 34 13 | title 55 15 19 6 ] | [ icon 82 14 7 7 | complete image 80 12 34 13 | title 92 16 19 4 ] | [ icon 8 31 7 7 | complete image 5 28 34 13 | title 18 32 19 4 ] \"", "layout_seq_without_completion": "background 0 0 120 53 | button 100 44 13 2 | title 5 5 22 3 | \" [ icon 8 14 7 7 | image 5 12 34 13 | title 18 15 19 6 ] | [ icon 45 14 7 7 | image 42 12 34 13 | title 55 15 19 6 ] | [ icon 82 14 7 7 | image 80 12 34 13 | title 92 16 19 4 ] | [ icon 8 31 7 7 | image 5 28 34 13 | title 18 32 19 4 ] \"", "plain_layout_seq": "background 0 0 120 53 | button 100 44 13 2 | icon 8 14 7 7 | icon 45 14 7 7 | icon 82 14 7 7 | icon 8 31 7 7 | image 5 12 34 13 | image 42 12 34 13 | image 80 12 34 13 | image 5 28 34 13 | title 5 5 22 3 | title 18 15 19 6 | title 55 15 19 6 | title 92 16 19 4 | title 18 32 19 4", "canvas_width": 1009, "canvas_height": 447, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 447 ], "completed": true }, { "type": "title", "position": [ 48, 49, 186, 27 ], "completed": false }, { "type": "image", "position": [ 48, 102, 288, 112 ], "completed": true }, { "type": "image", "position": [ 360, 102, 288, 112 ], "completed": true }, { "type": "image", "position": [ 673, 102, 288, 112 ], "completed": true }, { "type": "icon", "position": [ 72, 126, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 384, 126, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 697, 126, 64, 64 ], "completed": false }, { "type": "title", "position": [ 152, 131, 160, 54 ], "completed": false }, { "type": "title", "position": [ 464, 131, 160, 54 ], "completed": false }, { "type": "title", "position": [ 777, 140, 160, 36 ], "completed": false }, { "type": "image", "position": [ 48, 238, 288, 112 ], "completed": true }, { "type": "icon", "position": [ 72, 262, 64, 64 ], "completed": false }, { "type": "title", "position": [ 152, 276, 160, 36 ], "completed": false }, { "type": "button", "position": [ 846, 376, 115, 22 ], "completed": false } ] }, { "text": "# A page to introduce the trending on faire. # On the page, there should include a title \" Trending on Faire\" and 12 text boxes showing the name of the items.", "region_id": "1196", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'trending on faire'] ] [gp:InfoGroup [gattr:repeat'12'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "title 46 3 27 4 | \" [ text 14 12 8 4 ] | [ text 24 12 10 4 ] | [ text 36 12 12 4 ] | [ text 49 12 18 4 ] | [ text 70 12 14 4 ] | [ text 86 12 19 4 ] | [ text 20 17 9 4 ] | [ text 31 17 10 4 ] | [ text 43 17 12 4 ] | [ text 58 17 13 4 ] | [ text 73 17 14 4 ] | [ text 88 17 10 4 ] \"", "layout_seq_without_completion": "title 46 3 27 4 | \" [ text 14 12 8 4 ] | [ text 24 12 10 4 ] | [ text 36 12 12 4 ] | [ text 49 12 18 4 ] | [ text 70 12 14 4 ] | [ text 86 12 19 4 ] | [ text 20 17 9 4 ] | [ text 31 17 10 4 ] | [ text 43 17 12 4 ] | [ text 58 17 13 4 ] | [ text 73 17 14 4 ] | [ text 88 17 10 4 ] \"", "plain_layout_seq": "text 14 12 8 4 | text 24 12 10 4 | text 36 12 12 4 | text 49 12 18 4 | text 70 12 14 4 | text 86 12 19 4 | text 20 17 9 4 | text 31 17 10 4 | text 43 17 12 4 | text 58 17 13 4 | text 73 17 14 4 | text 88 17 10 4 | title 46 3 27 4", "canvas_width": 1008, "canvas_height": 286, "elements": [ { "type": "title", "position": [ 388, 32, 232, 38 ], "completed": false }, { "type": "text", "position": [ 120, 102, 75, 40 ], "completed": false }, { "type": "text", "position": [ 207, 102, 86, 40 ], "completed": false }, { "type": "text", "position": [ 305, 102, 103, 40 ], "completed": false }, { "type": "text", "position": [ 419, 102, 159, 40 ], "completed": false }, { "type": "text", "position": [ 590, 102, 123, 40 ], "completed": false }, { "type": "text", "position": [ 726, 102, 162, 40 ], "completed": false }, { "type": "text", "position": [ 174, 150, 82, 40 ], "completed": false }, { "type": "text", "position": [ 268, 150, 89, 40 ], "completed": false }, { "type": "text", "position": [ 369, 150, 107, 40 ], "completed": false }, { "type": "text", "position": [ 488, 150, 117, 40 ], "completed": false }, { "type": "text", "position": [ 617, 150, 118, 40 ], "completed": false }, { "type": "text", "position": [ 747, 150, 87, 40 ], "completed": false } ] }, { "text": "#A page for introducing features of an App to users.# The page should include three parts of the content. Each part contains an icon and one title such as \"Easily apply in minutes\".", "region_id": "742", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'easily apply in minutes'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 55 39 9 5 | icon 57 10 5 8 | icon 57 64 5 8 | title 32 22 55 4 | title 30 76 59 4 | title 25 48 69 4", "layout_seq_without_completion": "icon 55 39 9 5 | icon 57 10 5 8 | icon 57 64 5 8 | title 32 22 55 4 | title 30 76 59 4 | title 25 48 69 4", "plain_layout_seq": "icon 55 39 9 5 | icon 57 10 5 8 | icon 57 64 5 8 | title 32 22 55 4 | title 30 76 59 4 | title 25 48 69 4", "canvas_width": 1024, "canvas_height": 805, "elements": [ { "type": "icon", "position": [ 488, 88, 48, 74 ], "completed": false }, { "type": "title", "position": [ 277, 194, 470, 41 ], "completed": false }, { "type": "icon", "position": [ 472, 333, 80, 47 ], "completed": false }, { "type": "title", "position": [ 217, 412, 590, 41 ], "completed": false }, { "type": "icon", "position": [ 488, 551, 48, 74 ], "completed": false }, { "type": "title", "position": [ 258, 657, 508, 41 ], "completed": false } ] }, { "text": "#A page introducing the latest from the ForTheDoers blog. # The page should have a title, and 3 groups to show 3 different posts. Each group should have an image, a time stamp and a headline of the post, as well as one icon to view the detail. In addition, a button for users to enter the ForTheDoers blog.", "region_id": "1256", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:title] [el:icon [attr:value 'View the detail']] ]] [el:button [attr:value'ForTheDoers blog']] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 48 87 17 2 | complete icon 67 86 4 4 | title 18 9 82 6 | \" [ icon 32 72 4 4 | image 10 20 31 15 | complete image 10 20 31 60 | text 15 41 22 2 | title 15 45 21 15 ] | [ icon 66 72 4 4 | image 44 20 31 15 | complete image 44 20 31 60 | text 48 41 22 4 | title 48 47 18 22 ] | [ icon 100 72 4 4 | complete image 77 20 31 60 | image 77 20 31 15 | text 82 41 22 4 | title 82 47 22 22 ] \"", "layout_seq_without_completion": "button 48 87 17 2 | icon 67 86 4 4 | title 18 9 82 6 | \" [ icon 32 72 4 4 | image 10 20 31 15 | image 10 20 31 60 | text 15 41 22 2 | title 15 45 21 15 ] | [ icon 66 72 4 4 | image 44 20 31 15 | image 44 20 31 60 | text 48 41 22 4 | title 48 47 18 22 ] | [ icon 100 72 4 4 | image 77 20 31 60 | image 77 20 31 15 | text 82 41 22 4 | title 82 47 22 22 ] \"", "plain_layout_seq": "button 48 87 17 2 | icon 67 86 4 4 | icon 32 72 4 4 | icon 66 72 4 4 | icon 100 72 4 4 | image 10 20 31 15 | image 10 20 31 60 | image 44 20 31 15 | image 44 20 31 60 | image 77 20 31 60 | image 77 20 31 15 | text 15 41 22 2 | text 48 41 22 4 | text 82 41 22 4 | title 18 9 82 6 | title 15 45 21 15 | title 48 47 18 22 | title 82 47 22 22", "canvas_width": 1024, "canvas_height": 819, "elements": [ { "type": "title", "position": [ 160, 80, 704, 58 ], "completed": false }, { "type": "image", "position": [ 88, 178, 272, 520 ], "completed": true }, { "type": "image", "position": [ 88, 178, 272, 133 ], "completed": false }, { "type": "image", "position": [ 376, 178, 272, 520 ], "completed": true }, { "type": "image", "position": [ 376, 178, 272, 133 ], "completed": false }, { "type": "image", "position": [ 664, 178, 272, 133 ], "completed": false }, { "type": "image", "position": [ 664, 178, 272, 520 ], "completed": true }, { "type": "text", "position": [ 128, 351, 192, 20 ], "completed": false }, { "type": "text", "position": [ 416, 351, 192, 40 ], "completed": false }, { "type": "text", "position": [ 704, 351, 192, 40 ], "completed": false }, { "type": "title", "position": [ 128, 385, 186, 130 ], "completed": false }, { "type": "title", "position": [ 416, 405, 159, 194 ], "completed": false }, { "type": "title", "position": [ 704, 405, 189, 194 ], "completed": false }, { "type": "icon", "position": [ 280, 619, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 568, 619, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 856, 619, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 574, 739, 40, 40 ], "completed": true }, { "type": "button", "position": [ 410, 744, 152, 24 ], "completed": false } ] }, { "text": "# A page for presenting the best sellers in an online shop.# The page should have a title \"Best Sellers\" and four groups: \"Shikoku Ken\" \"Dalmatian\" \"Second Hand Plush\", and \"Nollaido\" with each having an image and a title.", "region_id": "7430", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'best sellers'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'shikoku ken, dalmatian, second hand plush, nollaido'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 33 19 26 26 | image 63 9 26 46 | image 93 19 26 26 | image 3 19 26 26 | title 3 57 26 2 | title 33 57 26 2 | title 63 57 26 2 | title 93 57 26 2 | title 3 3 116 4", "layout_seq_without_completion": "image 33 19 26 26 | image 63 9 26 46 | image 93 19 26 26 | image 3 19 26 26 | title 3 57 26 2 | title 33 57 26 2 | title 63 57 26 2 | title 93 57 26 2 | title 3 3 116 4", "plain_layout_seq": "image 33 19 26 26 | image 63 9 26 46 | image 93 19 26 26 | image 3 19 26 26 | title 3 57 26 2 | title 33 57 26 2 | title 63 57 26 2 | title 93 57 26 2 | title 3 3 116 4", "canvas_width": 995, "canvas_height": 561, "elements": [ { "type": "title", "position": [ 30, 27, 964, 36 ], "completed": false }, { "type": "image", "position": [ 527, 79, 219, 388 ], "completed": false }, { "type": "image", "position": [ 30, 164, 219, 219 ], "completed": false }, { "type": "image", "position": [ 278, 164, 219, 219 ], "completed": false }, { "type": "image", "position": [ 776, 164, 219, 219 ], "completed": false }, { "type": "title", "position": [ 30, 477, 219, 21 ], "completed": false }, { "type": "title", "position": [ 278, 477, 219, 21 ], "completed": false }, { "type": "title", "position": [ 527, 477, 219, 22 ], "completed": false }, { "type": "title", "position": [ 776, 477, 219, 21 ], "completed": false } ] }, { "text": "#A page for the goods.# There is a title that shows \"Featured Collections\". Then there is a description. There are three groups of goods, and each of the groups has an image, a label, and an link to let the user click for further information.", "region_id": "3217", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collections'] ] [el:description] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] [el:link] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 4 5 110 2 | title 4 0 110 4 | \" [ image 4 11 34 46 | link 32 59 2 1 | text 4 59 26 2 ] | [ image 42 11 34 46 | link 63 59 2 1 | text 42 59 19 2 ] | [ image 80 11 34 46 | link 103 59 2 1 | text 80 59 21 2 ] \"", "layout_seq_without_completion": "description 4 5 110 2 | title 4 0 110 4 | \" [ image 4 11 34 46 | link 32 59 2 1 | text 4 59 26 2 ] | [ image 42 11 34 46 | link 63 59 2 1 | text 42 59 19 2 ] | [ image 80 11 34 46 | link 103 59 2 1 | text 80 59 21 2 ] \"", "plain_layout_seq": "description 4 5 110 2 | image 4 11 34 46 | image 42 11 34 46 | image 80 11 34 46 | link 32 59 2 1 | link 63 59 2 1 | link 103 59 2 1 | text 4 59 26 2 | text 42 59 19 2 | text 80 59 21 2 | title 4 0 110 4", "canvas_width": 1024, "canvas_height": 532, "elements": [ { "type": "title", "position": [ 40, 0, 944, 42 ], "completed": false }, { "type": "description", "position": [ 40, 47, 944, 24 ], "completed": false }, { "type": "image", "position": [ 40, 96, 297, 396 ], "completed": false }, { "type": "image", "position": [ 363, 96, 297, 396 ], "completed": false }, { "type": "image", "position": [ 687, 96, 297, 396 ], "completed": false }, { "type": "text", "position": [ 40, 505, 224, 22 ], "completed": false }, { "type": "text", "position": [ 363, 505, 170, 22 ], "completed": false }, { "type": "text", "position": [ 687, 505, 184, 22 ], "completed": false }, { "type": "link", "position": [ 274, 510, 22, 12 ], "completed": false }, { "type": "link", "position": [ 543, 510, 22, 12 ], "completed": false }, { "type": "link", "position": [ 881, 510, 22, 12 ], "completed": false } ] }, { "text": "#A page for introducing nine kinds of cars to users.# The page should include nine parts of the content. Each part contains an image and one title.", "region_id": "1531", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'9'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 83 26 18 10 | image 83 13 18 10 | image 3 0 18 10 | image 43 0 18 10 | image 83 0 18 10 | image 3 13 18 10 | image 43 13 18 10 | image 3 26 18 10 | image 43 26 18 10 | title 100 5 14 2 | title 20 28 14 4 | title 100 30 14 2 | title 20 16 14 4 | title 100 17 14 2 | title 60 16 14 4 | title 20 5 14 2 | title 60 5 14 2 | title 60 28 14 4", "layout_seq_without_completion": "image 83 26 18 10 | image 83 13 18 10 | image 3 0 18 10 | image 43 0 18 10 | image 83 0 18 10 | image 3 13 18 10 | image 43 13 18 10 | image 3 26 18 10 | image 43 26 18 10 | title 100 5 14 2 | title 20 28 14 4 | title 100 30 14 2 | title 20 16 14 4 | title 100 17 14 2 | title 60 16 14 4 | title 20 5 14 2 | title 60 5 14 2 | title 60 28 14 4", "plain_layout_seq": "image 83 26 18 10 | image 83 13 18 10 | image 3 0 18 10 | image 43 0 18 10 | image 83 0 18 10 | image 3 13 18 10 | image 43 13 18 10 | image 3 26 18 10 | image 43 26 18 10 | title 100 5 14 2 | title 20 28 14 4 | title 100 30 14 2 | title 20 16 14 4 | title 100 17 14 2 | title 60 16 14 4 | title 20 5 14 2 | title 60 5 14 2 | title 60 28 14 4", "canvas_width": 1024, "canvas_height": 322, "elements": [ { "type": "image", "position": [ 34, 8, 159, 90 ], "completed": false }, { "type": "image", "position": [ 375, 8, 159, 90 ], "completed": false }, { "type": "image", "position": [ 716, 8, 160, 90 ], "completed": false }, { "type": "title", "position": [ 172, 43, 120, 20 ], "completed": false }, { "type": "title", "position": [ 513, 43, 120, 20 ], "completed": false }, { "type": "title", "position": [ 855, 43, 120, 20 ], "completed": false }, { "type": "image", "position": [ 34, 115, 159, 90 ], "completed": false }, { "type": "image", "position": [ 375, 115, 159, 90 ], "completed": false }, { "type": "image", "position": [ 716, 115, 160, 90 ], "completed": false }, { "type": "title", "position": [ 172, 140, 120, 41 ], "completed": false }, { "type": "title", "position": [ 513, 140, 120, 41 ], "completed": false }, { "type": "title", "position": [ 855, 150, 120, 20 ], "completed": false }, { "type": "image", "position": [ 716, 222, 160, 90 ], "completed": false }, { "type": "image", "position": [ 34, 223, 159, 90 ], "completed": false }, { "type": "image", "position": [ 375, 223, 159, 90 ], "completed": false }, { "type": "title", "position": [ 172, 247, 120, 41 ], "completed": false }, { "type": "title", "position": [ 513, 247, 120, 41 ], "completed": false }, { "type": "title", "position": [ 855, 257, 120, 20 ], "completed": false } ] }, { "text": "#A page for showing comments of different users.# Under a title named \"Don't take my word for it...\", this page has three lists, and each of them involves a paragraph showing the comment, a head portrait of the user, and the name of the user.", "region_id": "4579", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'dont take my word for it...'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:image][el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 6 110 5 | \" [ description 5 15 34 73 | image 5 90 7 7 | complete text 8 88 2 1 | text 14 91 14 4 ] | [ description 42 15 34 75 | image 42 93 7 7 | complete text 45 91 2 1 | text 51 94 15 4 ] | [ description 79 15 34 70 | image 79 88 7 7 | complete text 81 85 2 1 | text 88 89 13 4 ] \"", "layout_seq_without_completion": "title 4 6 110 5 | \" [ description 5 15 34 73 | image 5 90 7 7 | text 8 88 2 1 | text 14 91 14 4 ] | [ description 42 15 34 75 | image 42 93 7 7 | text 45 91 2 1 | text 51 94 15 4 ] | [ description 79 15 34 70 | image 79 88 7 7 | text 81 85 2 1 | text 88 89 13 4 ] \"", "plain_layout_seq": "description 5 15 34 73 | description 42 15 34 75 | description 79 15 34 70 | image 5 90 7 7 | image 42 93 7 7 | image 79 88 7 7 | text 8 88 2 1 | text 14 91 14 4 | text 45 91 2 1 | text 51 94 15 4 | text 81 85 2 1 | text 88 89 13 4 | title 4 6 110 5", "canvas_width": 1009, "canvas_height": 916, "elements": [ { "type": "title", "position": [ 40, 55, 928, 48 ], "completed": false }, { "type": "description", "position": [ 50, 128, 289, 615 ], "completed": false }, { "type": "description", "position": [ 360, 128, 289, 638 ], "completed": false }, { "type": "description", "position": [ 669, 128, 289, 591 ], "completed": false }, { "type": "text", "position": [ 689, 720, 20, 10 ], "completed": true }, { "type": "image", "position": [ 669, 740, 60, 60 ], "completed": false }, { "type": "text", "position": [ 70, 743, 20, 10 ], "completed": true }, { "type": "text", "position": [ 744, 749, 117, 42 ], "completed": false }, { "type": "image", "position": [ 50, 763, 60, 60 ], "completed": false }, { "type": "text", "position": [ 380, 766, 20, 10 ], "completed": true }, { "type": "text", "position": [ 125, 772, 122, 42 ], "completed": false }, { "type": "image", "position": [ 360, 786, 60, 60 ], "completed": false }, { "type": "text", "position": [ 435, 795, 128, 42 ], "completed": false } ] }, { "text": "#A page for selling products.# The page should have 3 groups each group having an image, two texts to show the photo, slogan, and title of the products, and a button for users to click to shop now.", "region_id": "8371", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text [attr:repeat '2'] ] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ button 8 44 17 5 | image 3 1 54 52 | text 8 32 45 2 | text 8 36 45 4 ] | [ button 66 44 17 5 | image 61 1 54 52 | text 66 32 45 2 | text 66 36 45 4 ] | [ button 8 100 17 5 | image 3 58 54 52 | text 8 88 45 2 | text 8 93 45 4 ] \"", "layout_seq_without_completion": "\" [ button 8 44 17 5 | image 3 1 54 52 | text 8 32 45 2 | text 8 36 45 4 ] | [ button 66 44 17 5 | image 61 1 54 52 | text 66 32 45 2 | text 66 36 45 4 ] | [ button 8 100 17 5 | image 3 58 54 52 | text 8 88 45 2 | text 8 93 45 4 ] \"", "plain_layout_seq": "button 8 44 17 5 | button 66 44 17 5 | button 8 100 17 5 | image 3 1 54 52 | image 61 1 54 52 | image 3 58 54 52 | text 8 32 45 2 | text 8 36 45 4 | text 66 32 45 2 | text 66 36 45 4 | text 8 88 45 2 | text 8 93 45 4", "canvas_width": 1024, "canvas_height": 960, "elements": [ { "type": "image", "position": [ 30, 15, 467, 450 ], "completed": false }, { "type": "image", "position": [ 527, 15, 467, 450 ], "completed": false }, { "type": "text", "position": [ 70, 278, 387, 20 ], "completed": false }, { "type": "text", "position": [ 567, 278, 387, 20 ], "completed": false }, { "type": "text", "position": [ 70, 314, 387, 36 ], "completed": false }, { "type": "text", "position": [ 567, 314, 387, 36 ], "completed": false }, { "type": "button", "position": [ 70, 380, 150, 45 ], "completed": false }, { "type": "button", "position": [ 567, 380, 150, 45 ], "completed": false }, { "type": "image", "position": [ 30, 495, 467, 450 ], "completed": false }, { "type": "text", "position": [ 70, 758, 387, 20 ], "completed": false }, { "type": "text", "position": [ 70, 794, 387, 36 ], "completed": false }, { "type": "button", "position": [ 70, 860, 150, 45 ], "completed": false } ] }, { "text": "# A page for the user to choose shop by use. # There should have a title \"SHOP BY USE\" and three categories: \"RESTORATION\" \"MAINTENANCE\", and \"RESTO-MOD\". Each group should have an image and a category name.", "region_id": "6529", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by use'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'restoration, maintenance, resto-mod'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 80 13 35 26 | image 4 13 35 26 | image 42 13 35 26 | text 4 42 35 3 | text 42 42 35 3 | text 80 42 35 3 | title 4 7 111 3", "layout_seq_without_completion": "image 80 13 35 26 | image 4 13 35 26 | image 42 13 35 26 | text 4 42 35 3 | text 42 42 35 3 | text 80 42 35 3 | title 4 7 111 3", "plain_layout_seq": "image 80 13 35 26 | image 4 13 35 26 | image 42 13 35 26 | text 4 42 35 3 | text 42 42 35 3 | text 80 42 35 3 | title 4 7 111 3", "canvas_width": 1024, "canvas_height": 483, "elements": [ { "type": "title", "position": [ 36, 68, 953, 33 ], "completed": false }, { "type": "image", "position": [ 36, 117, 300, 228 ], "completed": false }, { "type": "image", "position": [ 360, 117, 300, 228 ], "completed": false }, { "type": "image", "position": [ 684, 117, 300, 228 ], "completed": false }, { "type": "text", "position": [ 36, 360, 304, 33 ], "completed": false }, { "type": "text", "position": [ 360, 360, 304, 33 ], "completed": false }, { "type": "text", "position": [ 684, 360, 304, 33 ], "completed": false } ] }, { "text": "#A page showing the different news about Linde.# There is a title named \"In The News\". It's divided into four groups, each containing a date and a description showing the specific information - the titles and the dates. There is also a small button\"view all news\".", "region_id": "1617", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'in the news'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:text] [el:description] ] ] [el:button [attr:size'small'] [attr:value'view all news'] ] ]", "execution": "multiinfo : button undefined small | title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | text 61 7 14 1 | text 33 7 11 1 | text 89 7 14 1 | text 5 7 11 1 | title 5 1 108 3", "layout_seq_without_completion": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | text 61 7 14 1 | text 33 7 11 1 | text 89 7 14 1 | text 5 7 11 1 | title 5 1 108 3", "plain_layout_seq": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | text 61 7 14 1 | text 33 7 11 1 | text 89 7 14 1 | text 5 7 11 1 | title 5 1 108 3", "canvas_width": 1024, "canvas_height": 285, "elements": [ { "type": "title", "position": [ 47, 16, 930, 32 ], "completed": false }, { "type": "text", "position": [ 47, 60, 94, 16 ], "completed": false }, { "type": "text", "position": [ 287, 60, 94, 16 ], "completed": false }, { "type": "text", "position": [ 527, 60, 121, 16 ], "completed": false }, { "type": "text", "position": [ 767, 60, 121, 16 ], "completed": false }, { "type": "description", "position": [ 47, 80, 210, 86 ], "completed": false }, { "type": "description", "position": [ 287, 80, 210, 110 ], "completed": false }, { "type": "description", "position": [ 527, 80, 210, 134 ], "completed": false }, { "type": "description", "position": [ 767, 80, 210, 86 ], "completed": false }, { "type": "button", "position": [ 47, 230, 109, 38 ], "completed": false } ] }, { "text": "#A page showing the different news about Linde.# There is a long text box named \"In The News\". There are four small text boxes and four buttons showing the specific information - the titles and the dates. There is also a small button for viewing all news.", "region_id": "1617_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'in the news'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:title [attr:size'small'] ] [el:description [attr:size'small'] ] ] ] [el:button [attr:size'small'] [attr:value'view all news'] ] ]", "execution": "multiinfo : button undefined small | title undefined undefined | { [ description undefined small | title undefined small ] | [ description undefined small | title undefined small ] | [ description undefined small | title undefined small ] | [ description undefined small | title undefined small ] }", "layout_seq_with_completion": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | title 61 7 14 1 | title 33 7 11 1 | title 89 7 14 1 | title 5 7 11 1 | title 5 1 108 3", "layout_seq_without_completion": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | title 61 7 14 1 | title 33 7 11 1 | title 89 7 14 1 | title 5 7 11 1 | title 5 1 108 3", "plain_layout_seq": "button 5 26 12 4 | description 5 9 24 10 | description 89 9 24 10 | description 33 9 24 12 | description 61 9 24 15 | title 61 7 14 1 | title 33 7 11 1 | title 89 7 14 1 | title 5 7 11 1 | title 5 1 108 3", "canvas_width": 1024, "canvas_height": 285, "elements": [ { "type": "title", "position": [ 47, 16, 930, 32 ], "completed": false }, { "type": "title", "position": [ 47, 60, 94, 16 ], "completed": false }, { "type": "title", "position": [ 287, 60, 94, 16 ], "completed": false }, { "type": "title", "position": [ 527, 60, 121, 16 ], "completed": false }, { "type": "title", "position": [ 767, 60, 121, 16 ], "completed": false }, { "type": "description", "position": [ 47, 80, 210, 86 ], "completed": false }, { "type": "description", "position": [ 287, 80, 210, 110 ], "completed": false }, { "type": "description", "position": [ 527, 80, 210, 134 ], "completed": false }, { "type": "description", "position": [ 767, 80, 210, 86 ], "completed": false }, { "type": "button", "position": [ 47, 230, 109, 38 ], "completed": false } ] }, { "text": "#A page introducing advantages of a company.# The page contains 4 information sets. Each group includes an icon, a title, and a short explanation. The four different titles are: \"Premium Quality\", \"Facebook Chat Support\", \"Delivery\", and \"Customer Support\".", "region_id": "7459", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'premium quality, facebook chat support, delivery, customer support'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 2 7 5 5 | icon 31 7 5 5 | icon 88 7 5 5 | icon 60 7 5 5 | title 96 4 20 11 | title 10 6 20 5 | title 39 5 20 8 | title 67 5 20 8", "layout_seq_without_completion": "icon 2 7 5 5 | icon 31 7 5 5 | icon 88 7 5 5 | icon 60 7 5 5 | title 96 4 20 11 | title 10 6 20 5 | title 39 5 20 8 | title 67 5 20 8", "plain_layout_seq": "icon 2 7 5 5 | icon 31 7 5 5 | icon 88 7 5 5 | icon 60 7 5 5 | title 96 4 20 11 | title 10 6 20 5 | title 39 5 20 8 | title 67 5 20 8", "canvas_width": 1024, "canvas_height": 168, "elements": [ { "type": "title", "position": [ 822, 36, 178, 96 ], "completed": false }, { "type": "title", "position": [ 334, 47, 178, 73 ], "completed": false }, { "type": "title", "position": [ 578, 48, 178, 71 ], "completed": false }, { "type": "title", "position": [ 91, 59, 178, 49 ], "completed": false }, { "type": "icon", "position": [ 25, 60, 46, 46 ], "completed": false }, { "type": "icon", "position": [ 268, 60, 46, 46 ], "completed": false }, { "type": "icon", "position": [ 512, 60, 46, 46 ], "completed": false }, { "type": "icon", "position": [ 756, 60, 46, 46 ], "completed": false } ] }, { "text": "#A page for guiding users to complete a process to get the product.# The page has five links for users to click to complete a process of different stages to get the product.", "region_id": "5583", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 22 3 ] | [ link 24 0 22 3 ] | [ link 48 0 22 3 ] | [ link 72 0 22 3 ] | [ link 96 0 22 3 ] \"", "layout_seq_without_completion": "\" [ link 0 0 22 3 ] | [ link 24 0 22 3 ] | [ link 48 0 22 3 ] | [ link 72 0 22 3 ] | [ link 96 0 22 3 ] \"", "plain_layout_seq": "link 0 0 22 3 | link 24 0 22 3 | link 48 0 22 3 | link 72 0 22 3 | link 96 0 22 3", "canvas_width": 1008, "canvas_height": 28, "elements": [ { "type": "link", "position": [ 4, 0, 192, 28 ], "completed": false }, { "type": "link", "position": [ 206, 0, 192, 28 ], "completed": false }, { "type": "link", "position": [ 408, 0, 192, 28 ], "completed": false }, { "type": "link", "position": [ 610, 0, 192, 28 ], "completed": false }, { "type": "link", "position": [ 812, 0, 192, 28 ], "completed": false } ] }, { "text": "#A page for showing the latest news and resources.# The page should have 3 parts to show 3 news and their resources respectively. Each part should have one image and three text boxes to show the sources, the title, and a short introduction to the news.", "region_id": "1838", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 119 77 | complete title 4 8 69 5 | \" [ description 7 57 29 9 | image 4 20 35 24 | complete image 4 45 35 24 | text 7 48 29 2 | title 7 52 29 4 ] | [ description 45 59 29 9 | image 42 20 35 24 | complete image 42 45 35 26 | text 45 48 29 2 | title 45 52 29 7 ] | [ description 83 57 29 9 | image 79 20 35 24 | complete image 79 45 35 24 | text 83 48 29 2 | title 83 52 29 4 ] \"", "layout_seq_without_completion": "background 0 0 119 77 | title 4 8 69 5 | \" [ description 7 57 29 9 | image 4 20 35 24 | image 4 45 35 24 | text 7 48 29 2 | title 7 52 29 4 ] | [ description 45 59 29 9 | image 42 20 35 24 | image 42 45 35 26 | text 45 48 29 2 | title 45 52 29 7 ] | [ description 83 57 29 9 | image 79 20 35 24 | image 79 45 35 24 | text 83 48 29 2 | title 83 52 29 4 ] \"", "plain_layout_seq": "background 0 0 119 77 | description 7 57 29 9 | description 45 59 29 9 | description 83 57 29 9 | image 4 20 35 24 | image 4 45 35 24 | image 42 20 35 24 | image 42 45 35 26 | image 79 20 35 24 | image 79 45 35 24 | text 7 48 29 2 | text 45 48 29 2 | text 83 48 29 2 | title 4 8 69 5 | title 7 52 29 4 | title 45 52 29 7 | title 83 52 29 4", "canvas_width": 1164, "canvas_height": 751, "elements": [ { "type": "background", "position": [ 0, 0, 1164, 751 ], "completed": true }, { "type": "title", "position": [ 40, 80, 670, 51 ], "completed": true }, { "type": "image", "position": [ 40, 201, 348, 240 ], "completed": false }, { "type": "image", "position": [ 408, 201, 348, 240 ], "completed": false }, { "type": "image", "position": [ 776, 201, 348, 240 ], "completed": false }, { "type": "image", "position": [ 40, 441, 348, 236 ], "completed": true }, { "type": "image", "position": [ 408, 441, 348, 260 ], "completed": true }, { "type": "image", "position": [ 776, 441, 348, 236 ], "completed": true }, { "type": "text", "position": [ 70, 471, 288, 26 ], "completed": false }, { "type": "text", "position": [ 438, 471, 288, 26 ], "completed": false }, { "type": "text", "position": [ 806, 471, 288, 26 ], "completed": false }, { "type": "title", "position": [ 70, 505, 288, 48 ], "completed": false }, { "type": "title", "position": [ 438, 505, 288, 72 ], "completed": false }, { "type": "title", "position": [ 806, 505, 288, 48 ], "completed": false }, { "type": "description", "position": [ 70, 553, 288, 94 ], "completed": false }, { "type": "description", "position": [ 806, 553, 288, 94 ], "completed": false }, { "type": "description", "position": [ 438, 577, 288, 94 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a company.# The page should have 3 groups while each group has an icon and a description to introduce the pros of the company.", "region_id": "6687", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] | [ description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "description 17 6 21 10 | description 97 6 19 7 | description 57 6 23 10 | icon 6 6 7 7 | icon 86 6 7 7 | icon 46 6 7 7", "layout_seq_without_completion": "description 17 6 21 10 | description 97 6 19 7 | description 57 6 23 10 | icon 6 6 7 7 | icon 86 6 7 7 | icon 46 6 7 7", "plain_layout_seq": "description 17 6 21 10 | description 97 6 19 7 | description 57 6 23 10 | icon 6 6 7 7 | icon 86 6 7 7 | icon 46 6 7 7", "canvas_width": 1024, "canvas_height": 209, "elements": [ { "type": "icon", "position": [ 55, 55, 60, 60 ], "completed": false }, { "type": "description", "position": [ 146, 55, 181, 90 ], "completed": false }, { "type": "icon", "position": [ 397, 55, 60, 61 ], "completed": false }, { "type": "description", "position": [ 487, 55, 201, 90 ], "completed": false }, { "type": "icon", "position": [ 738, 55, 60, 60 ], "completed": false }, { "type": "description", "position": [ 828, 55, 166, 67 ], "completed": false } ] }, { "text": "#A page showing guidance for the users to purchase the books on sale.# First, a question of \"What will your book be?\" is put on the top left-hand of the page. Under the question, eight types of books are involved. And each type contains one relevant picture under which a related name is set.", "region_id": "5421", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'what will your book be?'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 4 67 9 | \" [ complete background 4 16 24 40 | image 4 16 24 26 | text 6 45 19 4 ] | [ complete background 33 16 24 40 | image 33 16 24 26 | text 35 45 19 8 ] | [ complete background 62 16 24 40 | image 62 16 24 26 | text 64 45 18 4 ] | [ complete background 91 16 24 40 | image 91 16 24 26 | text 93 45 19 8 ] | [ complete background 4 58 24 44 | image 4 58 24 26 | text 6 87 19 8 ] | [ complete background 33 58 24 44 | image 33 58 24 26 | text 35 87 14 4 ] | [ complete background 62 58 24 44 | image 62 58 24 26 | text 64 87 19 8 ] | [ complete background 91 58 24 44 | image 91 58 24 26 | text 93 87 19 12 ] \"", "layout_seq_without_completion": "title 4 4 67 9 | \" [ background 4 16 24 40 | image 4 16 24 26 | text 6 45 19 4 ] | [ background 33 16 24 40 | image 33 16 24 26 | text 35 45 19 8 ] | [ background 62 16 24 40 | image 62 16 24 26 | text 64 45 18 4 ] | [ background 91 16 24 40 | image 91 16 24 26 | text 93 45 19 8 ] | [ background 4 58 24 44 | image 4 58 24 26 | text 6 87 19 8 ] | [ background 33 58 24 44 | image 33 58 24 26 | text 35 87 14 4 ] | [ background 62 58 24 44 | image 62 58 24 26 | text 64 87 19 8 ] | [ background 91 58 24 44 | image 91 58 24 26 | text 93 87 19 12 ] \"", "plain_layout_seq": "background 4 16 24 40 | background 33 16 24 40 | background 62 16 24 40 | background 91 16 24 40 | background 4 58 24 44 | background 33 58 24 44 | background 62 58 24 44 | background 91 58 24 44 | image 4 16 24 26 | image 33 16 24 26 | image 62 16 24 26 | image 91 16 24 26 | image 4 58 24 26 | image 33 58 24 26 | image 62 58 24 26 | image 91 58 24 26 | text 6 45 19 4 | text 35 45 19 8 | text 64 45 18 4 | text 93 45 19 8 | text 6 87 19 8 | text 35 87 14 4 | text 64 87 19 8 | text 93 87 19 12 | title 4 4 67 9", "canvas_width": 1009, "canvas_height": 929, "elements": [ { "type": "title", "position": [ 34, 40, 571, 83 ], "completed": false }, { "type": "image", "position": [ 34, 140, 208, 225 ], "completed": false }, { "type": "background", "position": [ 34, 140, 208, 337 ], "completed": true }, { "type": "image", "position": [ 279, 140, 208, 225 ], "completed": false }, { "type": "background", "position": [ 279, 140, 208, 337 ], "completed": true }, { "type": "image", "position": [ 523, 140, 208, 225 ], "completed": false }, { "type": "background", "position": [ 523, 140, 208, 337 ], "completed": true }, { "type": "image", "position": [ 767, 140, 208, 225 ], "completed": false }, { "type": "background", "position": [ 767, 140, 208, 337 ], "completed": true }, { "type": "text", "position": [ 54, 385, 161, 36 ], "completed": false }, { "type": "text", "position": [ 299, 385, 168, 72 ], "completed": false }, { "type": "text", "position": [ 543, 385, 159, 36 ], "completed": false }, { "type": "text", "position": [ 787, 385, 168, 72 ], "completed": false }, { "type": "image", "position": [ 34, 493, 208, 225 ], "completed": false }, { "type": "background", "position": [ 34, 493, 208, 373 ], "completed": true }, { "type": "image", "position": [ 279, 493, 208, 225 ], "completed": false }, { "type": "background", "position": [ 279, 493, 208, 373 ], "completed": true }, { "type": "background", "position": [ 523, 493, 208, 373 ], "completed": true }, { "type": "image", "position": [ 523, 493, 208, 225 ], "completed": false }, { "type": "image", "position": [ 767, 493, 208, 225 ], "completed": false }, { "type": "background", "position": [ 767, 493, 208, 373 ], "completed": true }, { "type": "text", "position": [ 54, 737, 168, 72 ], "completed": false }, { "type": "text", "position": [ 299, 737, 118, 36 ], "completed": false }, { "type": "text", "position": [ 543, 737, 168, 72 ], "completed": false }, { "type": "text", "position": [ 787, 737, 168, 108 ], "completed": false } ] }, { "text": "# A page to introduce the partner ecosystem of the company Tanium. # The page should contain a tile \"Our partner ecosystem\", a text box to show the company's attitude to customers. There should be 20 images showing the logo of the partner company. A text link is needed to learn more info.", "region_id": "2276", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our partner ecosystem'] ] [el:description] [gp:InfoGroup [gattr:repeat'20'] [item [el:logo] ] ] [el:link [attr:value'read more'] ] ]", "execution": "multiinfo : description undefined undefined | link undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "description 19 18 81 7 | link 51 89 13 2 | title 19 10 81 5 | \" [ logo 5 33 18 7 ] | [ logo 27 33 18 7 ] | [ logo 50 33 18 7 ] | [ logo 73 33 18 7 ] | [ logo 96 33 18 7 ] | [ logo 5 47 18 7 ] | [ logo 27 47 18 7 ] | [ logo 50 47 18 7 ] | [ logo 73 47 18 7 ] | [ logo 96 47 18 7 ] | [ logo 5 61 18 7 ] | [ logo 27 61 18 7 ] | [ logo 50 61 18 7 ] | [ logo 73 61 18 7 ] | [ logo 96 61 18 7 ] | [ logo 5 75 18 7 ] | [ logo 27 75 18 7 ] | [ logo 50 75 18 7 ] | [ logo 73 75 18 7 ] | [ logo 96 75 18 7 ] \"", "layout_seq_without_completion": "description 19 18 81 7 | link 51 89 13 2 | title 19 10 81 5 | \" [ logo 5 33 18 7 ] | [ logo 27 33 18 7 ] | [ logo 50 33 18 7 ] | [ logo 73 33 18 7 ] | [ logo 96 33 18 7 ] | [ logo 5 47 18 7 ] | [ logo 27 47 18 7 ] | [ logo 50 47 18 7 ] | [ logo 73 47 18 7 ] | [ logo 96 47 18 7 ] | [ logo 5 61 18 7 ] | [ logo 27 61 18 7 ] | [ logo 50 61 18 7 ] | [ logo 73 61 18 7 ] | [ logo 96 61 18 7 ] | [ logo 5 75 18 7 ] | [ logo 27 75 18 7 ] | [ logo 50 75 18 7 ] | [ logo 73 75 18 7 ] | [ logo 96 75 18 7 ] \"", "plain_layout_seq": "description 19 18 81 7 | link 51 89 13 2 | logo 5 33 18 7 | logo 27 33 18 7 | logo 50 33 18 7 | logo 73 33 18 7 | logo 96 33 18 7 | logo 5 47 18 7 | logo 27 47 18 7 | logo 50 47 18 7 | logo 73 47 18 7 | logo 96 47 18 7 | logo 5 61 18 7 | logo 27 61 18 7 | logo 50 61 18 7 | logo 73 61 18 7 | logo 96 61 18 7 | logo 5 75 18 7 | logo 27 75 18 7 | logo 50 75 18 7 | logo 73 75 18 7 | logo 96 75 18 7 | title 19 10 81 5", "canvas_width": 1003, "canvas_height": 938, "elements": [ { "type": "title", "position": [ 162, 90, 680, 48 ], "completed": false }, { "type": "description", "position": [ 162, 154, 680, 64 ], "completed": false }, { "type": "logo", "position": [ 42, 283, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 234, 283, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 426, 283, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 618, 283, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 810, 283, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 42, 400, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 234, 400, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 426, 400, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 618, 400, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 810, 400, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 42, 517, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 234, 517, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 426, 517, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 618, 517, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 810, 517, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 42, 633, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 234, 633, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 426, 633, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 618, 633, 152, 61 ], "completed": false }, { "type": "logo", "position": [ 810, 633, 152, 61 ], "completed": false }, { "type": "link", "position": [ 431, 752, 109, 24 ], "completed": false } ] }, { "text": "# A page for advertising the books in the collection digital balance library.# The page should have the title \"DIGITAL BALANCE LIBRARY\", and five groups of product information with each having an image, a book name, and a price.", "region_id": "6562", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'digital balance library'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 18 12 | image 73 15 17 22 | image 95 15 17 22 | image 50 15 18 12 | image 29 15 17 22 | text 28 48 6 2 | text 6 37 6 2 | text 50 35 6 2 | text 72 43 5 2 | text 94 45 5 2 | title 72 40 18 2 | title 6 29 18 7 | title 50 29 18 4 | title 28 40 18 7 | title 94 40 18 4 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 18 12 | image 73 15 17 22 | image 95 15 17 22 | image 50 15 18 12 | image 29 15 17 22 | text 28 48 6 2 | text 6 37 6 2 | text 50 35 6 2 | text 72 43 5 2 | text 94 45 5 2 | title 72 40 18 2 | title 6 29 18 7 | title 50 29 18 4 | title 28 40 18 7 | title 94 40 18 4 | title 6 6 107 2", "plain_layout_seq": "image 6 15 18 12 | image 73 15 17 22 | image 95 15 17 22 | image 50 15 18 12 | image 29 15 17 22 | text 28 48 6 2 | text 6 37 6 2 | text 50 35 6 2 | text 72 43 5 2 | text 94 45 5 2 | title 72 40 18 2 | title 6 29 18 7 | title 50 29 18 4 | title 28 40 18 7 | title 94 40 18 4 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 472, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 159, 106 ], "completed": false }, { "type": "image", "position": [ 248, 134, 151, 195 ], "completed": false }, { "type": "image", "position": [ 433, 134, 159, 106 ], "completed": false }, { "type": "image", "position": [ 626, 134, 150, 195 ], "completed": false }, { "type": "image", "position": [ 814, 134, 151, 195 ], "completed": false }, { "type": "title", "position": [ 55, 254, 159, 61 ], "completed": false }, { "type": "title", "position": [ 433, 254, 159, 41 ], "completed": false }, { "type": "text", "position": [ 433, 303, 54, 24 ], "completed": false }, { "type": "text", "position": [ 55, 324, 54, 24 ], "completed": false }, { "type": "title", "position": [ 244, 344, 159, 61 ], "completed": false }, { "type": "title", "position": [ 621, 344, 159, 20 ], "completed": false }, { "type": "title", "position": [ 810, 344, 159, 41 ], "completed": false }, { "type": "text", "position": [ 621, 372, 44, 24 ], "completed": false }, { "type": "text", "position": [ 810, 392, 44, 24 ], "completed": false }, { "type": "text", "position": [ 244, 413, 52, 24 ], "completed": false } ] }, { "text": "# A page showing the collections in an online shop. # The page should have a title \"Collections\" and two groups: \"Necklace\" and \"Choker\" with each having an image and a link with a small icon. So the user can click the links to enter the category. Then, there should have a button \"View all\" for the user to view all of the products in the store.", "region_id": "6835", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Collections'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Necklace, Choker'] [item [el:image] [el:link] [el:icon[attr:size'small']] ] ] [el:button [attr:value 'View all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ icon undefined small | image undefined undefined | link undefined undefined ] | [ icon undefined small | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 52 76 14 5 | title 5 4 22 6 | \" [ icon 15 70 1 1 | image 5 13 53 53 | link 5 69 8 2 ] | [ icon 68 70 1 1 | image 60 13 53 53 | link 60 69 6 2 ] \"", "layout_seq_without_completion": "button 52 76 14 5 | title 5 4 22 6 | \" [ icon 15 70 1 1 | image 5 13 53 53 | link 5 69 8 2 ] | [ icon 68 70 1 1 | image 60 13 53 53 | link 60 69 6 2 ] \"", "plain_layout_seq": "button 52 76 14 5 | icon 15 70 1 1 | icon 68 70 1 1 | image 5 13 53 53 | image 60 13 53 53 | link 5 69 8 2 | link 60 69 6 2 | title 5 4 22 6", "canvas_width": 1024, "canvas_height": 736, "elements": [ { "type": "title", "position": [ 50, 36, 194, 52 ], "completed": false }, { "type": "image", "position": [ 50, 118, 458, 458 ], "completed": false }, { "type": "image", "position": [ 516, 118, 458, 458 ], "completed": false }, { "type": "link", "position": [ 50, 593, 74, 23 ], "completed": false }, { "type": "link", "position": [ 516, 593, 58, 23 ], "completed": false }, { "type": "icon", "position": [ 132, 601, 15, 11 ], "completed": false }, { "type": "icon", "position": [ 582, 601, 15, 11 ], "completed": false }, { "type": "button", "position": [ 451, 654, 122, 47 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by a company. # There should have three groups of information sets: \"Site Rank\" \"Site Age\" and \"Owner info\" with each containing a small image, a title, and a further introduction.", "region_id": "4611", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'site rank, site age, owner info'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 26 30 7 | complete image 0 3 38 36 | image 15 7 7 7 | title 12 20 13 3 ] | [ description 44 26 30 5 | complete image 40 3 38 36 | image 56 7 7 7 | title 54 20 11 3 ] | [ description 85 26 30 8 | complete image 81 3 38 36 | image 96 7 7 7 | title 93 20 15 3 ] \"", "layout_seq_without_completion": "\" [ description 4 26 30 7 | image 0 3 38 36 | image 15 7 7 7 | title 12 20 13 3 ] | [ description 44 26 30 5 | image 40 3 38 36 | image 56 7 7 7 | title 54 20 11 3 ] | [ description 85 26 30 8 | image 81 3 38 36 | image 96 7 7 7 | title 93 20 15 3 ] \"", "plain_layout_seq": "description 4 26 30 7 | description 44 26 30 5 | description 85 26 30 8 | image 0 3 38 36 | image 15 7 7 7 | image 40 3 38 36 | image 56 7 7 7 | image 81 3 38 36 | image 96 7 7 7 | title 12 20 13 3 | title 54 20 11 3 | title 93 20 15 3", "canvas_width": 974, "canvas_height": 319, "elements": [ { "type": "image", "position": [ 0, 25, 315, 294 ], "completed": true }, { "type": "image", "position": [ 330, 25, 315, 294 ], "completed": true }, { "type": "image", "position": [ 659, 25, 315, 294 ], "completed": true }, { "type": "image", "position": [ 127, 60, 61, 61 ], "completed": false }, { "type": "image", "position": [ 456, 60, 61, 61 ], "completed": false }, { "type": "image", "position": [ 786, 60, 61, 61 ], "completed": false }, { "type": "title", "position": [ 104, 167, 106, 29 ], "completed": false }, { "type": "title", "position": [ 439, 167, 95, 29 ], "completed": false }, { "type": "title", "position": [ 756, 167, 122, 29 ], "completed": false }, { "type": "description", "position": [ 35, 213, 245, 63 ], "completed": false }, { "type": "description", "position": [ 365, 213, 245, 48 ], "completed": false }, { "type": "description", "position": [ 694, 213, 245, 71 ], "completed": false } ] }, { "text": "#A page for introducing some places suitable for the fish to survive.# There are four groups and each one includes one image and one label for showing the name.", "region_id": "7351", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 4 3 25 25 | image 33 3 25 25 | image 61 3 25 25 | image 89 3 25 25 | title 61 29 25 6 | title 89 29 25 6 | title 4 29 25 6 | title 33 29 25 11", "layout_seq_without_completion": "image 4 3 25 25 | image 33 3 25 25 | image 61 3 25 25 | image 89 3 25 25 | title 61 29 25 6 | title 89 29 25 6 | title 4 29 25 6 | title 33 29 25 11", "plain_layout_seq": "image 4 3 25 25 | image 33 3 25 25 | image 61 3 25 25 | image 89 3 25 25 | title 61 29 25 6 | title 89 29 25 6 | title 4 29 25 6 | title 33 29 25 11", "canvas_width": 1024, "canvas_height": 375, "elements": [ { "type": "image", "position": [ 42, 30, 220, 220 ], "completed": false }, { "type": "image", "position": [ 282, 30, 220, 220 ], "completed": false }, { "type": "image", "position": [ 522, 30, 220, 220 ], "completed": false }, { "type": "image", "position": [ 762, 30, 220, 220 ], "completed": false }, { "type": "title", "position": [ 42, 250, 220, 55 ], "completed": false }, { "type": "title", "position": [ 282, 250, 220, 94 ], "completed": false }, { "type": "title", "position": [ 522, 250, 220, 55 ], "completed": false }, { "type": "title", "position": [ 762, 250, 220, 55 ], "completed": false } ] }, { "text": "#A page providing information for users to make a comparison.#The page should have seven groups. Each group has a picture and a brief description of the product. Two psaginations is also on the page.", "region_id": "4361", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:description [attr:size 'small'] ] ] ][el:pagination]]", "execution": "multiinfo : pagination undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "description 3 13 15 9 | description 85 15 15 7 | description 19 15 15 7 | description 35 15 15 7 | description 52 15 15 7 | description 68 15 15 7 | description 101 15 15 7 | image 3 3 15 20 | image 19 3 15 20 | image 52 3 15 20 | image 101 3 15 20 | image 35 3 15 20 | image 68 3 15 20 | image 85 3 15 20", "layout_seq_without_completion": "description 3 13 15 9 | description 85 15 15 7 | description 19 15 15 7 | description 35 15 15 7 | description 52 15 15 7 | description 68 15 15 7 | description 101 15 15 7 | image 3 3 15 20 | image 19 3 15 20 | image 52 3 15 20 | image 101 3 15 20 | image 35 3 15 20 | image 68 3 15 20 | image 85 3 15 20", "plain_layout_seq": "description 3 13 15 9 | description 85 15 15 7 | description 19 15 15 7 | description 35 15 15 7 | description 52 15 15 7 | description 68 15 15 7 | description 101 15 15 7 | image 3 3 15 20 | image 19 3 15 20 | image 52 3 15 20 | image 101 3 15 20 | image 35 3 15 20 | image 68 3 15 20 | image 85 3 15 20", "canvas_width": 1000, "canvas_height": 245, "elements": [ { "type": "image", "position": [ 25, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 162, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 299, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 436, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 573, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 710, 25, 127, 167 ], "completed": false }, { "type": "image", "position": [ 847, 25, 127, 167 ], "completed": false }, { "type": "description", "position": [ 25, 116, 127, 76 ], "completed": false }, { "type": "description", "position": [ 162, 130, 127, 62 ], "completed": false }, { "type": "description", "position": [ 299, 130, 127, 62 ], "completed": false }, { "type": "description", "position": [ 436, 130, 127, 62 ], "completed": false }, { "type": "description", "position": [ 573, 130, 127, 62 ], "completed": false }, { "type": "description", "position": [ 710, 130, 127, 62 ], "completed": false }, { "type": "description", "position": [ 847, 130, 127, 62 ], "completed": false } ] }, { "text": "#A page for introducing the top manga.# The page should have a title, and 3 groups while each group has a related image, two texts to show the title and the update time, and 2 links for users to click to read the corresponding chapter.", "region_id": "3699", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text] [el:link [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 4 21 3 3 | complete button 111 21 3 3 | image 4 12 14 21 | complete image 4 12 34 21 | complete text 4 12 2 2 | title 7 6 11 2 | \" [ link 21 23 15 2 | link 21 26 15 2 | text 21 19 8 1 | title 21 14 15 4 ] \" | \" [ image 42 12 14 21 | complete image 42 12 34 21 | link 59 26 15 2 | link 59 23 15 2 | text 59 19 8 1 | title 59 14 15 4 ] | [ image 80 12 14 21 | complete image 80 12 34 21 | link 97 23 15 2 | link 97 26 15 2 | text 97 19 10 1 | title 97 14 15 4 ] \"", "layout_seq_without_completion": "button 4 21 3 3 | button 111 21 3 3 | image 4 12 14 21 | image 4 12 34 21 | text 4 12 2 2 | title 7 6 11 2 | \" [ link 21 23 15 2 | link 21 26 15 2 | text 21 19 8 1 | title 21 14 15 4 ] \" | \" [ image 42 12 14 21 | image 42 12 34 21 | link 59 26 15 2 | link 59 23 15 2 | text 59 19 8 1 | title 59 14 15 4 ] | [ image 80 12 14 21 | image 80 12 34 21 | link 97 23 15 2 | link 97 26 15 2 | text 97 19 10 1 | title 97 14 15 4 ] \"", "plain_layout_seq": "button 4 21 3 3 | button 111 21 3 3 | image 4 12 14 21 | image 4 12 34 21 | image 42 12 14 21 | image 42 12 34 21 | image 80 12 14 21 | image 80 12 34 21 | link 21 23 15 2 | link 21 26 15 2 | link 59 26 15 2 | link 59 23 15 2 | link 97 23 15 2 | link 97 26 15 2 | text 4 12 2 2 | text 21 19 8 1 | text 59 19 8 1 | text 97 19 10 1 | title 7 6 11 2 | title 21 14 15 4 | title 59 14 15 4 | title 97 14 15 4", "canvas_width": 1009, "canvas_height": 373, "elements": [ { "type": "title", "position": [ 60, 57, 97, 17 ], "completed": false }, { "type": "text", "position": [ 40, 101, 23, 22 ], "completed": true }, { "type": "image", "position": [ 40, 101, 126, 181 ], "completed": false }, { "type": "image", "position": [ 40, 101, 290, 181 ], "completed": true }, { "type": "image", "position": [ 360, 101, 126, 181 ], "completed": false }, { "type": "image", "position": [ 360, 101, 290, 181 ], "completed": true }, { "type": "image", "position": [ 680, 101, 290, 181 ], "completed": true }, { "type": "image", "position": [ 680, 101, 126, 181 ], "completed": false }, { "type": "title", "position": [ 180, 124, 134, 34 ], "completed": false }, { "type": "title", "position": [ 500, 124, 134, 34 ], "completed": false }, { "type": "title", "position": [ 820, 124, 134, 34 ], "completed": false }, { "type": "text", "position": [ 180, 166, 71, 16 ], "completed": false }, { "type": "text", "position": [ 500, 166, 72, 16 ], "completed": false }, { "type": "text", "position": [ 820, 166, 90, 16 ], "completed": false }, { "type": "button", "position": [ 40, 177, 30, 30 ], "completed": true }, { "type": "button", "position": [ 940, 177, 30, 30 ], "completed": true }, { "type": "link", "position": [ 180, 200, 134, 20 ], "completed": false }, { "type": "link", "position": [ 500, 200, 134, 20 ], "completed": false }, { "type": "link", "position": [ 820, 200, 134, 20 ], "completed": false }, { "type": "link", "position": [ 180, 225, 134, 20 ], "completed": false }, { "type": "link", "position": [ 500, 225, 134, 20 ], "completed": false }, { "type": "link", "position": [ 820, 225, 134, 20 ], "completed": false } ] }, { "text": "# A page for the user to get a demo or start for free for the company. # On the page, there should gave two information sets. In the first one, there should contain a title \"Get a demo\" followed by a further description, and a button \"CONTACT US\" for the user to click to contact the company. In the second group, there should have a title \"Start for free\", a further description, and a text button \"SIGN UP FOR FREE\", so the user can state for free by clicking it.", "region_id": "2502", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'Get a demo'] ] [el:description] [el:button [attr:value 'CONTACT US'] ] ] [item [el:title [attr:value 'Start for free']] [el:description] [el:button [attr:value 'SIGN UP FOR FREE'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 60 60 | complete background 60 0 60 60 | \" [ button 20 36 21 6 | description 12 22 37 9 | title 12 17 37 4 ] | [ button 75 36 26 6 | description 69 22 37 9 | title 69 17 37 4 ] \"", "layout_seq_without_completion": "background 0 0 60 60 | background 60 0 60 60 | \" [ button 20 36 21 6 | description 12 22 37 9 | title 12 17 37 4 ] | [ button 75 36 26 6 | description 69 22 37 9 | title 69 17 37 4 ] \"", "plain_layout_seq": "background 0 0 60 60 | background 60 0 60 60 | button 20 36 21 6 | button 75 36 26 6 | description 12 22 37 9 | description 69 22 37 9 | title 12 17 37 4 | title 69 17 37 4", "canvas_width": 1024, "canvas_height": 514, "elements": [ { "type": "background", "position": [ 0, 0, 512, 514 ], "completed": true }, { "type": "background", "position": [ 512, 0, 512, 514 ], "completed": true }, { "type": "title", "position": [ 110, 150, 319, 36 ], "completed": false }, { "type": "title", "position": [ 595, 150, 319, 36 ], "completed": false }, { "type": "description", "position": [ 110, 196, 319, 84 ], "completed": false }, { "type": "description", "position": [ 595, 196, 319, 84 ], "completed": false }, { "type": "button", "position": [ 178, 310, 182, 54 ], "completed": false }, { "type": "button", "position": [ 641, 310, 227, 54 ], "completed": false } ] }, { "text": "# A page for the user to find rentals in popular locations. # The page should have a title, a short description, and four groups of links for the user to discover: \"Top Cities\" \"Top Neighborhoods\" \"Top Countries\", and \"Top Zip Codes\". There should be 9-10 links in each group.", "region_id": "5005", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'top cities, top neighborhoods, top countries, top zip codes'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 2 12 114 3 | title 2 3 114 6 | \" [ link 2 33 15 1 | link 2 37 18 1 | link 2 41 18 1 | link 2 49 19 1 | link 2 25 20 1 | link 2 29 15 1 | link 2 45 15 1 | link 2 53 17 1 | link 2 57 16 1 | link 2 61 19 1 | complete title 2 19 55 4 ] | [ link 60 29 20 1 | link 60 33 22 1 | link 60 45 21 1 | link 60 49 24 1 | link 60 57 21 1 | link 60 25 16 1 | link 60 37 18 1 | link 60 41 15 1 | link 60 53 16 1 | complete title 60 19 55 4 ] | [ link 2 73 23 1 | link 2 85 23 1 | link 2 93 24 1 | link 2 97 22 1 | link 2 101 20 1 | link 2 106 22 1 | link 2 77 21 1 | link 2 81 22 1 | link 2 89 20 1 | link 2 110 27 1 | complete title 2 68 55 4 ] | [ link 60 73 12 1 | link 60 77 12 1 | link 60 85 12 1 | link 60 89 12 1 | link 60 93 12 1 | link 60 97 12 1 | link 60 101 12 1 | link 60 106 12 1 | link 60 110 12 1 | link 60 81 12 1 | complete title 60 68 57 4 ] \"", "layout_seq_without_completion": "description 2 12 114 3 | title 2 3 114 6 | \" [ link 2 33 15 1 | link 2 37 18 1 | link 2 41 18 1 | link 2 49 19 1 | link 2 25 20 1 | link 2 29 15 1 | link 2 45 15 1 | link 2 53 17 1 | link 2 57 16 1 | link 2 61 19 1 | title 2 19 55 4 ] | [ link 60 29 20 1 | link 60 33 22 1 | link 60 45 21 1 | link 60 49 24 1 | link 60 57 21 1 | link 60 25 16 1 | link 60 37 18 1 | link 60 41 15 1 | link 60 53 16 1 | title 60 19 55 4 ] | [ link 2 73 23 1 | link 2 85 23 1 | link 2 93 24 1 | link 2 97 22 1 | link 2 101 20 1 | link 2 106 22 1 | link 2 77 21 1 | link 2 81 22 1 | link 2 89 20 1 | link 2 110 27 1 | title 2 68 55 4 ] | [ link 60 73 12 1 | link 60 77 12 1 | link 60 85 12 1 | link 60 89 12 1 | link 60 93 12 1 | link 60 97 12 1 | link 60 101 12 1 | link 60 106 12 1 | link 60 110 12 1 | link 60 81 12 1 | title 60 68 57 4 ] \"", "plain_layout_seq": "description 2 12 114 3 | link 2 33 15 1 | link 2 37 18 1 | link 2 41 18 1 | link 2 49 19 1 | link 2 25 20 1 | link 2 29 15 1 | link 2 45 15 1 | link 2 53 17 1 | link 2 57 16 1 | link 2 61 19 1 | link 60 29 20 1 | link 60 33 22 1 | link 60 45 21 1 | link 60 49 24 1 | link 60 57 21 1 | link 60 25 16 1 | link 60 37 18 1 | link 60 41 15 1 | link 60 53 16 1 | link 2 73 23 1 | link 2 85 23 1 | link 2 93 24 1 | link 2 97 22 1 | link 2 101 20 1 | link 2 106 22 1 | link 2 77 21 1 | link 2 81 22 1 | link 2 89 20 1 | link 2 110 27 1 | link 60 73 12 1 | link 60 77 12 1 | link 60 85 12 1 | link 60 89 12 1 | link 60 93 12 1 | link 60 97 12 1 | link 60 101 12 1 | link 60 106 12 1 | link 60 110 12 1 | link 60 81 12 1 | title 2 3 114 6 | title 2 19 55 4 | title 60 19 55 4 | title 2 68 55 4 | title 60 68 57 4", "canvas_width": 1024, "canvas_height": 1030, "elements": [ { "type": "title", "position": [ 24, 32, 976, 52 ], "completed": false }, { "type": "description", "position": [ 24, 108, 976, 34 ], "completed": false }, { "type": "title", "position": [ 24, 166, 472, 40 ], "completed": true }, { "type": "title", "position": [ 512, 166, 472, 40 ], "completed": true }, { "type": "link", "position": [ 24, 214, 172, 17 ], "completed": false }, { "type": "link", "position": [ 512, 214, 140, 17 ], "completed": false }, { "type": "link", "position": [ 24, 248, 135, 17 ], "completed": false }, { "type": "link", "position": [ 512, 248, 174, 17 ], "completed": false }, { "type": "link", "position": [ 24, 282, 135, 17 ], "completed": false }, { "type": "link", "position": [ 512, 282, 190, 17 ], "completed": false }, { "type": "link", "position": [ 24, 317, 160, 17 ], "completed": false }, { "type": "link", "position": [ 512, 317, 162, 17 ], "completed": false }, { "type": "link", "position": [ 24, 351, 159, 17 ], "completed": false }, { "type": "link", "position": [ 512, 351, 135, 17 ], "completed": false }, { "type": "link", "position": [ 24, 386, 129, 17 ], "completed": false }, { "type": "link", "position": [ 512, 386, 180, 17 ], "completed": false }, { "type": "link", "position": [ 24, 420, 170, 17 ], "completed": false }, { "type": "link", "position": [ 512, 420, 209, 17 ], "completed": false }, { "type": "link", "position": [ 24, 454, 153, 17 ], "completed": false }, { "type": "link", "position": [ 512, 454, 137, 17 ], "completed": false }, { "type": "link", "position": [ 24, 489, 138, 17 ], "completed": false }, { "type": "link", "position": [ 512, 489, 180, 17 ], "completed": false }, { "type": "link", "position": [ 24, 523, 170, 17 ], "completed": false }, { "type": "title", "position": [ 24, 582, 472, 40 ], "completed": true }, { "type": "title", "position": [ 512, 582, 488, 40 ], "completed": true }, { "type": "link", "position": [ 24, 630, 203, 17 ], "completed": false }, { "type": "link", "position": [ 512, 630, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 664, 182, 17 ], "completed": false }, { "type": "link", "position": [ 512, 664, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 698, 196, 17 ], "completed": false }, { "type": "link", "position": [ 512, 698, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 733, 200, 17 ], "completed": false }, { "type": "link", "position": [ 512, 733, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 767, 172, 17 ], "completed": false }, { "type": "link", "position": [ 512, 767, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 802, 205, 17 ], "completed": false }, { "type": "link", "position": [ 512, 802, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 836, 192, 17 ], "completed": false }, { "type": "link", "position": [ 512, 836, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 870, 178, 17 ], "completed": false }, { "type": "link", "position": [ 512, 870, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 905, 190, 17 ], "completed": false }, { "type": "link", "position": [ 512, 905, 103, 17 ], "completed": false }, { "type": "link", "position": [ 24, 939, 232, 17 ], "completed": false }, { "type": "link", "position": [ 512, 939, 103, 17 ], "completed": false } ] }, { "text": "# A page for selling different size polka pot packs. # The page should have the title \"ASSORTED SIZE POLKA POT PACKS\", and four groups of product information. In each group, there should have an image, name, price, and a star rating of the product.", "region_id": "6668", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'ASSORTED SIZE POLKA POT PACKS'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] [el:icon]] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 3 111 2 | \" [ image 4 10 25 25 | text 13 43 7 3 | title 4 37 25 5 ] | [ image 32 10 25 25 | text 42 43 6 3 | title 32 37 25 5 ] | [ image 61 10 25 25 | text 71 43 6 3 | title 61 37 25 5 ] | [ image 90 10 25 25 | text 100 43 6 3 | title 90 37 25 5 ] \"", "layout_seq_without_completion": "title 4 3 111 2 | \" [ image 4 10 25 25 | text 13 43 7 3 | title 4 37 25 5 ] | [ image 32 10 25 25 | text 42 43 6 3 | title 32 37 25 5 ] | [ image 61 10 25 25 | text 71 43 6 3 | title 61 37 25 5 ] | [ image 90 10 25 25 | text 100 43 6 3 | title 90 37 25 5 ] \"", "plain_layout_seq": "image 4 10 25 25 | image 32 10 25 25 | image 61 10 25 25 | image 90 10 25 25 | text 13 43 7 3 | text 42 43 6 3 | text 71 43 6 3 | text 100 43 6 3 | title 4 3 111 2 | title 4 37 25 5 | title 32 37 25 5 | title 61 37 25 5 | title 90 37 25 5", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 35, 34, 954, 21 ], "completed": false }, { "type": "image", "position": [ 35, 91, 216, 216 ], "completed": false }, { "type": "image", "position": [ 281, 91, 216, 216 ], "completed": false }, { "type": "image", "position": [ 527, 91, 216, 216 ], "completed": false }, { "type": "image", "position": [ 773, 91, 216, 216 ], "completed": false }, { "type": "title", "position": [ 35, 320, 216, 44 ], "completed": false }, { "type": "title", "position": [ 281, 320, 216, 44 ], "completed": false }, { "type": "title", "position": [ 527, 320, 216, 44 ], "completed": false }, { "type": "title", "position": [ 773, 320, 216, 44 ], "completed": false }, { "type": "text", "position": [ 112, 370, 61, 26 ], "completed": false }, { "type": "text", "position": [ 362, 370, 54, 26 ], "completed": false }, { "type": "text", "position": [ 608, 370, 53, 26 ], "completed": false }, { "type": "text", "position": [ 854, 370, 54, 26 ], "completed": false } ] }, { "text": "#A page to show the guarantee for the users to buy the goods in the company.# Four groups of information to show the guarantee are involved. Each group contains an icon placed above the words to describe the name of the guarantee.", "region_id": "6694", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 15 2 2 2 | icon 101 2 2 2 | icon 44 2 2 2 | icon 73 2 2 2 | title 3 6 26 2 | title 90 6 26 2 | title 32 6 26 2 | title 61 6 26 2", "layout_seq_without_completion": "icon 15 2 2 2 | icon 101 2 2 2 | icon 44 2 2 2 | icon 73 2 2 2 | title 3 6 26 2 | title 90 6 26 2 | title 32 6 26 2 | title 61 6 26 2", "plain_layout_seq": "icon 15 2 2 2 | icon 101 2 2 2 | icon 44 2 2 2 | icon 73 2 2 2 | title 3 6 26 2 | title 90 6 26 2 | title 32 6 26 2 | title 61 6 26 2", "canvas_width": 1009, "canvas_height": 105, "elements": [ { "type": "icon", "position": [ 129, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 371, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 614, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 856, 22, 24, 24 ], "completed": false }, { "type": "title", "position": [ 30, 53, 222, 23 ], "completed": false }, { "type": "title", "position": [ 272, 53, 222, 23 ], "completed": false }, { "type": "title", "position": [ 514, 53, 222, 23 ], "completed": false }, { "type": "title", "position": [ 757, 53, 222, 23 ], "completed": false } ] }, { "text": "#A page for introducing six categories of a company to users.# The page should include six categories. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1533", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 7 36 5 5 | image 7 29 5 5 | image 7 1 5 5 | image 7 8 5 5 | image 7 15 5 5 | image 7 22 5 5 | title 13 3 13 3 | title 13 37 14 3 | title 13 23 15 3 | title 13 16 13 3 | title 13 30 7 3 | title 13 9 10 3", "layout_seq_without_completion": "image 7 36 5 5 | image 7 29 5 5 | image 7 1 5 5 | image 7 8 5 5 | image 7 15 5 5 | image 7 22 5 5 | title 13 3 13 3 | title 13 37 14 3 | title 13 23 15 3 | title 13 16 13 3 | title 13 30 7 3 | title 13 9 10 3", "plain_layout_seq": "image 7 36 5 5 | image 7 29 5 5 | image 7 1 5 5 | image 7 8 5 5 | image 7 15 5 5 | image 7 22 5 5 | title 13 3 13 3 | title 13 37 14 3 | title 13 23 15 3 | title 13 16 13 3 | title 13 30 7 3 | title 13 9 10 3", "canvas_width": 1024, "canvas_height": 363, "elements": [ { "type": "image", "position": [ 62, 14, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 26, 113, 26 ], "completed": false }, { "type": "image", "position": [ 62, 73, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 85, 86, 26 ], "completed": false }, { "type": "image", "position": [ 62, 132, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 144, 111, 26 ], "completed": false }, { "type": "image", "position": [ 62, 191, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 203, 130, 26 ], "completed": false }, { "type": "image", "position": [ 62, 250, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 262, 66, 26 ], "completed": false }, { "type": "image", "position": [ 62, 309, 50, 50 ], "completed": false }, { "type": "title", "position": [ 112, 321, 127, 26 ], "completed": false } ] }, { "text": "#A page for introducing a provider network to users.# On the top, there should be one title and a button for users to click to request a demo. Under it, the page should include three parts of the content. Each part contains one title, a brief description, and a button for users to click to log in.", "region_id": "1650", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:button [attr:value'request a demo'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description [attr:size'small'] ] [el:button [attr:value'log in'] ] ] ] ]", "execution": "multiinfo : button top undefined | title top undefined | { [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] | [ button undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "button 49 28 20 6 | description 46 52 26 5 | description 10 52 26 2 | description 82 52 26 2 | title 10 46 26 3 | title 82 46 26 3 | title 46 46 26 3 | title 10 16 98 7 | \" [ button 14 61 18 6 ] | [ button 45 61 29 6 ] | [ button 86 61 18 6 ] \"", "layout_seq_without_completion": "button 49 28 20 6 | description 46 52 26 5 | description 10 52 26 2 | description 82 52 26 2 | title 10 46 26 3 | title 82 46 26 3 | title 46 46 26 3 | title 10 16 98 7 | \" [ button 14 61 18 6 ] | [ button 45 61 29 6 ] | [ button 86 61 18 6 ] \"", "plain_layout_seq": "button 49 28 20 6 | button 14 61 18 6 | button 45 61 29 6 | button 86 61 18 6 | description 46 52 26 5 | description 10 52 26 2 | description 82 52 26 2 | title 10 46 26 3 | title 82 46 26 3 | title 46 46 26 3 | title 10 16 98 7", "canvas_width": 1024, "canvas_height": 726, "elements": [ { "type": "title", "position": [ 92, 145, 840, 60 ], "completed": false }, { "type": "button", "position": [ 426, 245, 172, 54 ], "completed": false }, { "type": "title", "position": [ 92, 400, 227, 29 ], "completed": false }, { "type": "title", "position": [ 399, 400, 227, 29 ], "completed": false }, { "type": "title", "position": [ 705, 400, 227, 29 ], "completed": false }, { "type": "description", "position": [ 92, 449, 227, 24 ], "completed": false }, { "type": "description", "position": [ 399, 449, 227, 48 ], "completed": false }, { "type": "description", "position": [ 705, 449, 227, 24 ], "completed": false }, { "type": "button", "position": [ 125, 527, 161, 54 ], "completed": false }, { "type": "button", "position": [ 386, 527, 253, 54 ], "completed": false }, { "type": "button", "position": [ 738, 527, 161, 54 ], "completed": false } ] }, { "text": "#A page for showing the four services.#The page should have four groups and each group should have an image and a title, \"click&collect\", \"broken tech\", \"own it now\", and \"EB games gift cards\". There is a description in each group.", "region_id": "5791", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'click&collect, broken tech, own it now, eb games gift cards'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 16 9 13 2 | image 7 5 5 5 | title 16 4 13 4 ] | [ description 45 7 12 2 | image 36 5 5 5 | title 45 5 12 2 ] | [ description 73 7 11 2 | image 65 5 5 5 | title 73 5 11 2 ] | [ description 100 9 14 2 | image 91 5 8 5 | title 100 4 14 4 ] \"", "layout_seq_without_completion": "\" [ description 16 9 13 2 | image 7 5 5 5 | title 16 4 13 4 ] | [ description 45 7 12 2 | image 36 5 5 5 | title 45 5 12 2 ] | [ description 73 7 11 2 | image 65 5 5 5 | title 73 5 11 2 ] | [ description 100 9 14 2 | image 91 5 8 5 | title 100 4 14 4 ] \"", "plain_layout_seq": "description 16 9 13 2 | description 45 7 12 2 | description 73 7 11 2 | description 100 9 14 2 | image 7 5 5 5 | image 36 5 5 5 | image 65 5 5 5 | image 91 5 8 5 | title 16 4 13 4 | title 45 5 12 2 | title 73 5 11 2 | title 100 4 14 4", "canvas_width": 1024, "canvas_height": 136, "elements": [ { "type": "title", "position": [ 138, 41, 117, 36 ], "completed": false }, { "type": "title", "position": [ 858, 41, 124, 36 ], "completed": false }, { "type": "image", "position": [ 67, 47, 45, 45 ], "completed": false }, { "type": "image", "position": [ 313, 47, 45, 45 ], "completed": false }, { "type": "image", "position": [ 556, 47, 45, 45 ], "completed": false }, { "type": "image", "position": [ 778, 47, 71, 45 ], "completed": false }, { "type": "title", "position": [ 386, 50, 108, 18 ], "completed": false }, { "type": "title", "position": [ 629, 50, 96, 18 ], "completed": false }, { "type": "description", "position": [ 386, 68, 108, 18 ], "completed": false }, { "type": "description", "position": [ 629, 68, 96, 18 ], "completed": false }, { "type": "description", "position": [ 138, 77, 117, 18 ], "completed": false }, { "type": "description", "position": [ 858, 77, 124, 18 ], "completed": false } ] }, { "text": "# A page to show the member of a company. # On the page, there should be a title, and eight images showing the logo of the members.", "region_id": "1649", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'8'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 40 0 38 3 | \" [ logo 89 8 24 14 ] | [ logo 10 13 15 4 ] | [ logo 38 13 16 5 ] | [ logo 67 13 11 4 ] | [ logo 6 29 24 6 ] | [ logo 65 29 17 5 ] | [ logo 34 30 24 3 ] | [ logo 89 30 24 4 ] \"", "layout_seq_without_completion": "title 40 0 38 3 | \" [ logo 89 8 24 14 ] | [ logo 10 13 15 4 ] | [ logo 38 13 16 5 ] | [ logo 67 13 11 4 ] | [ logo 6 29 24 6 ] | [ logo 65 29 17 5 ] | [ logo 34 30 24 3 ] | [ logo 89 30 24 4 ] \"", "plain_layout_seq": "logo 89 8 24 14 | logo 10 13 15 4 | logo 38 13 16 5 | logo 67 13 11 4 | logo 6 29 24 6 | logo 65 29 17 5 | logo 34 30 24 3 | logo 89 30 24 4 | title 40 0 38 3", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "title", "position": [ 346, 0, 332, 33 ], "completed": false }, { "type": "logo", "position": [ 763, 75, 206, 122 ], "completed": false }, { "type": "logo", "position": [ 326, 111, 137, 50 ], "completed": false }, { "type": "logo", "position": [ 580, 116, 100, 40 ], "completed": false }, { "type": "logo", "position": [ 90, 119, 136, 35 ], "completed": false }, { "type": "logo", "position": [ 55, 248, 206, 56 ], "completed": false }, { "type": "logo", "position": [ 557, 250, 146, 51 ], "completed": false }, { "type": "logo", "position": [ 763, 256, 206, 40 ], "completed": false }, { "type": "logo", "position": [ 291, 260, 206, 32 ], "completed": false } ] }, { "text": "#A page for introducing the new arrivals to users.# This page should include one title \"NEW ARRIVALS\" and a button for users to click to view all products. There should be four groups of the new arrivals below. Each group contains one picture, the name, and the price of the new arrivals.", "region_id": "8129", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrivals'] ] [el:button [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 5 12 4 | title 4 0 110 4 | \" [ complete text 25 15 5 3 | text 18 44 7 2 | text 9 44 7 2 | title 4 41 25 2 ] | [ text 37 46 5 2 | text 44 46 9 2 | complete text 50 15 8 3 | title 33 41 25 3 ] | [ complete text 81 15 5 3 | text 66 47 7 2 | text 74 47 7 2 | title 61 41 25 5 ] | [ complete text 110 15 5 3 | text 103 46 7 2 | text 94 46 7 2 | title 89 41 25 3 ] \"", "layout_seq_without_completion": "button 53 5 12 4 | title 4 0 110 4 | \" [ text 25 15 5 3 | text 18 44 7 2 | text 9 44 7 2 | title 4 41 25 2 ] | [ text 37 46 5 2 | text 44 46 9 2 | text 50 15 8 3 | title 33 41 25 3 ] | [ text 81 15 5 3 | text 66 47 7 2 | text 74 47 7 2 | title 61 41 25 5 ] | [ text 110 15 5 3 | text 103 46 7 2 | text 94 46 7 2 | title 89 41 25 3 ] \"", "plain_layout_seq": "button 53 5 12 4 | text 25 15 5 3 | text 18 44 7 2 | text 9 44 7 2 | text 37 46 5 2 | text 44 46 9 2 | text 50 15 8 3 | text 81 15 5 3 | text 66 47 7 2 | text 74 47 7 2 | text 110 15 5 3 | text 103 46 7 2 | text 94 46 7 2 | title 4 0 110 4 | title 4 41 25 2 | title 33 41 25 3 | title 61 41 25 5 | title 89 41 25 3", "canvas_width": 1024, "canvas_height": 464, "elements": [ { "type": "title", "position": [ 40, 0, 944, 35 ], "completed": false }, { "type": "button", "position": [ 457, 46, 110, 35 ], "completed": false }, { "type": "text", "position": [ 216, 131, 44, 28 ], "completed": true }, { "type": "text", "position": [ 429, 131, 73, 28 ], "completed": true }, { "type": "text", "position": [ 699, 131, 44, 28 ], "completed": true }, { "type": "text", "position": [ 940, 131, 44, 28 ], "completed": true }, { "type": "title", "position": [ 40, 357, 220, 20 ], "completed": false }, { "type": "title", "position": [ 282, 357, 220, 34 ], "completed": false }, { "type": "title", "position": [ 523, 357, 220, 48 ], "completed": false }, { "type": "title", "position": [ 764, 357, 220, 34 ], "completed": false }, { "type": "text", "position": [ 84, 379, 61, 20 ], "completed": false }, { "type": "text", "position": [ 154, 379, 61, 20 ], "completed": false }, { "type": "text", "position": [ 318, 393, 51, 20 ], "completed": false }, { "type": "text", "position": [ 379, 393, 85, 20 ], "completed": false }, { "type": "text", "position": [ 809, 393, 61, 20 ], "completed": false }, { "type": "text", "position": [ 879, 393, 61, 20 ], "completed": false }, { "type": "text", "position": [ 567, 407, 61, 20 ], "completed": false }, { "type": "text", "position": [ 637, 407, 61, 20 ], "completed": false } ] }, { "text": "#This page mainly introduces users how to use the product.#This page mainly has four groups, namely Promote, Monetize, Ranking and About, each part consists of an icon and a name.", "region_id": "5029", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Promote, Monetize, Ranking ,About'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 22 1 3 3 | icon 41 1 3 3 | icon 3 1 3 3 | icon 59 1 3 3 | title 8 2 6 2 | title 27 2 6 2 | title 65 2 4 2 | title 46 2 6 2", "layout_seq_without_completion": "icon 22 1 3 3 | icon 41 1 3 3 | icon 3 1 3 3 | icon 59 1 3 3 | title 8 2 6 2 | title 27 2 6 2 | title 65 2 4 2 | title 46 2 6 2", "plain_layout_seq": "icon 22 1 3 3 | icon 41 1 3 3 | icon 3 1 3 3 | icon 59 1 3 3 | title 8 2 6 2 | title 27 2 6 2 | title 65 2 4 2 | title 46 2 6 2", "canvas_width": 1009, "canvas_height": 54, "elements": [ { "type": "icon", "position": [ 29, 13, 29, 29 ], "completed": false }, { "type": "icon", "position": [ 187, 13, 29, 29 ], "completed": false }, { "type": "icon", "position": [ 347, 13, 29, 29 ], "completed": false }, { "type": "icon", "position": [ 502, 13, 29, 29 ], "completed": false }, { "type": "title", "position": [ 75, 18, 54, 17 ], "completed": false }, { "type": "title", "position": [ 233, 18, 57, 17 ], "completed": false }, { "type": "title", "position": [ 394, 18, 51, 17 ], "completed": false }, { "type": "title", "position": [ 548, 18, 38, 17 ], "completed": false } ] }, { "text": "#A page for introducing the news.# The page should have 8 groups while each group has an image, a button for users to click to check the news, and two texts to show the category and the update time of the news.", "region_id": "5002", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:button ] [el:text[attr:repeat '2']] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ button 1 33 16 3 | image 1 0 26 14 | text 1 16 26 16 | text 1 39 11 1 ] | [ button 30 33 13 3 | image 30 0 26 14 | text 30 16 26 16 | text 30 39 11 1 ] | [ button 59 33 9 3 | image 59 0 26 14 | text 59 16 26 16 | text 59 39 11 1 ] | [ button 88 33 8 3 | image 88 0 26 14 | text 88 16 26 16 | text 88 39 11 1 ] | [ button 1 81 17 3 | image 1 47 26 14 | text 1 63 26 16 | text 1 87 11 1 ] | [ button 30 81 16 3 | image 30 47 26 14 | text 30 63 26 16 | text 30 87 11 1 ] | [ button 59 81 13 3 | image 59 47 26 14 | text 59 63 26 16 | text 59 87 11 1 ] | [ button 88 78 13 3 | image 88 47 26 14 | text 88 63 26 13 | text 88 83 11 1 ] \"", "layout_seq_without_completion": "\" [ button 1 33 16 3 | image 1 0 26 14 | text 1 16 26 16 | text 1 39 11 1 ] | [ button 30 33 13 3 | image 30 0 26 14 | text 30 16 26 16 | text 30 39 11 1 ] | [ button 59 33 9 3 | image 59 0 26 14 | text 59 16 26 16 | text 59 39 11 1 ] | [ button 88 33 8 3 | image 88 0 26 14 | text 88 16 26 16 | text 88 39 11 1 ] | [ button 1 81 17 3 | image 1 47 26 14 | text 1 63 26 16 | text 1 87 11 1 ] | [ button 30 81 16 3 | image 30 47 26 14 | text 30 63 26 16 | text 30 87 11 1 ] | [ button 59 81 13 3 | image 59 47 26 14 | text 59 63 26 16 | text 59 87 11 1 ] | [ button 88 78 13 3 | image 88 47 26 14 | text 88 63 26 13 | text 88 83 11 1 ] \"", "plain_layout_seq": "button 1 33 16 3 | button 30 33 13 3 | button 59 33 9 3 | button 88 33 8 3 | button 1 81 17 3 | button 30 81 16 3 | button 59 81 13 3 | button 88 78 13 3 | image 1 0 26 14 | image 30 0 26 14 | image 59 0 26 14 | image 88 0 26 14 | image 1 47 26 14 | image 30 47 26 14 | image 59 47 26 14 | image 88 47 26 14 | text 1 16 26 16 | text 1 39 11 1 | text 30 16 26 16 | text 30 39 11 1 | text 59 16 26 16 | text 59 39 11 1 | text 88 16 26 16 | text 88 39 11 1 | text 1 63 26 16 | text 1 87 11 1 | text 30 63 26 16 | text 30 87 11 1 | text 59 63 26 16 | text 59 87 11 1 | text 88 63 26 13 | text 88 83 11 1", "canvas_width": 932, "canvas_height": 734, "elements": [ { "type": "image", "position": [ 10, 0, 205, 116 ], "completed": false }, { "type": "image", "position": [ 236, 0, 205, 116 ], "completed": false }, { "type": "image", "position": [ 461, 0, 205, 116 ], "completed": false }, { "type": "image", "position": [ 686, 0, 205, 116 ], "completed": false }, { "type": "text", "position": [ 10, 126, 205, 131 ], "completed": false }, { "type": "text", "position": [ 236, 126, 205, 131 ], "completed": false }, { "type": "text", "position": [ 461, 126, 205, 131 ], "completed": false }, { "type": "text", "position": [ 686, 126, 205, 131 ], "completed": false }, { "type": "button", "position": [ 10, 264, 131, 25 ], "completed": false }, { "type": "button", "position": [ 236, 264, 107, 25 ], "completed": false }, { "type": "button", "position": [ 461, 264, 70, 25 ], "completed": false }, { "type": "button", "position": [ 686, 264, 63, 25 ], "completed": false }, { "type": "text", "position": [ 10, 309, 90, 15 ], "completed": false }, { "type": "text", "position": [ 236, 309, 90, 15 ], "completed": false }, { "type": "text", "position": [ 461, 309, 90, 15 ], "completed": false }, { "type": "text", "position": [ 686, 309, 88, 15 ], "completed": false }, { "type": "image", "position": [ 10, 367, 205, 116 ], "completed": false }, { "type": "image", "position": [ 236, 367, 205, 116 ], "completed": false }, { "type": "image", "position": [ 461, 367, 205, 116 ], "completed": false }, { "type": "image", "position": [ 686, 367, 205, 116 ], "completed": false }, { "type": "text", "position": [ 10, 492, 205, 131 ], "completed": false }, { "type": "text", "position": [ 236, 492, 205, 131 ], "completed": false }, { "type": "text", "position": [ 461, 492, 205, 131 ], "completed": false }, { "type": "text", "position": [ 686, 492, 205, 106 ], "completed": false }, { "type": "button", "position": [ 686, 606, 106, 25 ], "completed": false }, { "type": "button", "position": [ 10, 631, 139, 25 ], "completed": false }, { "type": "button", "position": [ 236, 631, 130, 25 ], "completed": false }, { "type": "button", "position": [ 461, 631, 105, 25 ], "completed": false }, { "type": "text", "position": [ 686, 651, 90, 15 ], "completed": false }, { "type": "text", "position": [ 10, 676, 88, 15 ], "completed": false }, { "type": "text", "position": [ 236, 676, 88, 15 ], "completed": false }, { "type": "text", "position": [ 461, 676, 90, 15 ], "completed": false } ] }, { "text": "#This page provides users with a lot of information they may like to choose from.#In addition to the title of \"You May Like\", this page also has 20 links like Jus Porn, Pink Porn, and Oh Sex for users to choose and understand.", "region_id": "5684", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'you may like'] ] [gp:InfoGroup [gattr:repeat '20'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 1 0 117 4 | \" [ link 1 5 22 3 ] | [ link 25 5 22 3 ] | [ link 48 5 22 3 ] | [ link 72 5 22 3 ] | [ link 96 5 22 3 ] | [ link 1 10 22 3 ] | [ link 25 10 22 3 ] | [ link 48 10 22 3 ] | [ link 72 10 22 3 ] | [ link 96 10 22 3 ] | [ link 1 14 22 3 ] | [ link 25 14 22 3 ] | [ link 48 14 22 3 ] | [ link 72 14 22 3 ] | [ link 96 14 22 3 ] | [ link 1 19 22 3 ] | [ link 25 19 22 3 ] | [ link 48 19 22 3 ] | [ link 72 19 22 3 ] | [ link 96 19 22 3 ] \"", "layout_seq_without_completion": "title 1 0 117 4 | \" [ link 1 5 22 3 ] | [ link 25 5 22 3 ] | [ link 48 5 22 3 ] | [ link 72 5 22 3 ] | [ link 96 5 22 3 ] | [ link 1 10 22 3 ] | [ link 25 10 22 3 ] | [ link 48 10 22 3 ] | [ link 72 10 22 3 ] | [ link 96 10 22 3 ] | [ link 1 14 22 3 ] | [ link 25 14 22 3 ] | [ link 48 14 22 3 ] | [ link 72 14 22 3 ] | [ link 96 14 22 3 ] | [ link 1 19 22 3 ] | [ link 25 19 22 3 ] | [ link 48 19 22 3 ] | [ link 72 19 22 3 ] | [ link 96 19 22 3 ] \"", "plain_layout_seq": "link 1 5 22 3 | link 25 5 22 3 | link 48 5 22 3 | link 72 5 22 3 | link 96 5 22 3 | link 1 10 22 3 | link 25 10 22 3 | link 48 10 22 3 | link 72 10 22 3 | link 96 10 22 3 | link 1 14 22 3 | link 25 14 22 3 | link 48 14 22 3 | link 72 14 22 3 | link 96 14 22 3 | link 1 19 22 3 | link 25 19 22 3 | link 48 19 22 3 | link 72 19 22 3 | link 96 19 22 3 | title 1 0 117 4", "canvas_width": 1024, "canvas_height": 201, "elements": [ { "type": "title", "position": [ 10, 0, 1004, 36 ], "completed": false }, { "type": "link", "position": [ 10, 46, 190, 30 ], "completed": false }, { "type": "link", "position": [ 214, 46, 190, 30 ], "completed": false }, { "type": "link", "position": [ 417, 46, 190, 30 ], "completed": false }, { "type": "link", "position": [ 621, 46, 190, 30 ], "completed": false }, { "type": "link", "position": [ 824, 46, 190, 30 ], "completed": false }, { "type": "link", "position": [ 10, 86, 190, 30 ], "completed": false }, { "type": "link", "position": [ 214, 86, 190, 30 ], "completed": false }, { "type": "link", "position": [ 417, 86, 190, 30 ], "completed": false }, { "type": "link", "position": [ 621, 86, 190, 30 ], "completed": false }, { "type": "link", "position": [ 824, 86, 190, 30 ], "completed": false }, { "type": "link", "position": [ 10, 126, 190, 30 ], "completed": false }, { "type": "link", "position": [ 214, 126, 190, 30 ], "completed": false }, { "type": "link", "position": [ 417, 126, 190, 30 ], "completed": false }, { "type": "link", "position": [ 621, 126, 190, 30 ], "completed": false }, { "type": "link", "position": [ 824, 126, 190, 30 ], "completed": false }, { "type": "link", "position": [ 10, 166, 190, 30 ], "completed": false }, { "type": "link", "position": [ 214, 166, 190, 30 ], "completed": false }, { "type": "link", "position": [ 417, 166, 190, 30 ], "completed": false }, { "type": "link", "position": [ 621, 166, 190, 30 ], "completed": false }, { "type": "link", "position": [ 824, 166, 190, 30 ], "completed": false } ] }, { "text": "# A page for advertising the collections in an online shop. # The page should have the title \"SHOP ALL\" and three collections: \"SAUCE & SEASONING\", \"SHIRTS\", and \"HATS\". In each collection, there should have a title and a button \"SHOP THIS COLLECTION\" for the user to enter the collection to shop.", "region_id": "7492", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop all'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'sauce & seasoning, shirts, hats'] [item [el:title] [el:button [attr:value 'SHOP THIS COLLECTION'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 4 46 33 4 | button 44 46 33 4 | button 84 46 33 4 | title 44 38 33 3 | title 4 38 33 3 | title 84 38 33 3 | title 3 6 116 8", "layout_seq_without_completion": "button 4 46 33 4 | button 44 46 33 4 | button 84 46 33 4 | title 44 38 33 3 | title 4 38 33 3 | title 84 38 33 3 | title 3 6 116 8", "plain_layout_seq": "button 4 46 33 4 | button 44 46 33 4 | button 84 46 33 4 | title 44 38 33 3 | title 4 38 33 3 | title 84 38 33 3 | title 3 6 116 8", "canvas_width": 979, "canvas_height": 486, "elements": [ { "type": "title", "position": [ 30, 55, 949, 67 ], "completed": false }, { "type": "title", "position": [ 40, 312, 276, 32 ], "completed": false }, { "type": "title", "position": [ 366, 312, 276, 32 ], "completed": false }, { "type": "title", "position": [ 693, 312, 276, 32 ], "completed": false }, { "type": "button", "position": [ 40, 377, 276, 39 ], "completed": false }, { "type": "button", "position": [ 366, 377, 276, 39 ], "completed": false }, { "type": "button", "position": [ 693, 377, 276, 39 ], "completed": false } ] }, { "text": "#A page for showing some tags of stories. # The page should have 6 images to show some tags of stories, and one button for users to click to read the stories.", "region_id": "1563", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'6'] [item [el:image] ] ] [el:button [attr:value'read the stories'] ] ]", "execution": "multiinfo : button undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "button 51 39 16 3 | image 46 10 32 4 | image 46 25 32 8 | image 7 7 31 11 | image 84 10 32 4 | image 7 26 32 5 | image 84 28 32 3", "layout_seq_without_completion": "button 51 39 16 3 | image 46 10 32 4 | image 46 25 32 8 | image 7 7 31 11 | image 84 10 32 4 | image 7 26 32 5 | image 84 28 32 3", "plain_layout_seq": "button 51 39 16 3 | image 46 10 32 4 | image 46 25 32 8 | image 7 7 31 11 | image 84 10 32 4 | image 7 26 32 5 | image 84 28 32 3", "canvas_width": 1024, "canvas_height": 427, "elements": [ { "type": "image", "position": [ 68, 67, 272, 95 ], "completed": false }, { "type": "image", "position": [ 721, 90, 280, 40 ], "completed": false }, { "type": "image", "position": [ 393, 92, 280, 36 ], "completed": false }, { "type": "image", "position": [ 393, 218, 280, 76 ], "completed": false }, { "type": "image", "position": [ 65, 228, 280, 51 ], "completed": false }, { "type": "image", "position": [ 721, 239, 280, 27 ], "completed": false }, { "type": "button", "position": [ 441, 336, 142, 31 ], "completed": false } ] }, { "text": "#A page for showing some beautiful designed templates.# The page should have a title, a introduction of the pros of the company to attract more users, and 7 groups while each has an image and a title of the templates. A button is needed for users to click to browse more templates.", "region_id": "2576", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] ] ] [el:button [attr:value 'browse more templates'] ] ]", "execution": "multiinfo : button undefined undefined | description undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 46 51 26 5 | description 0 12 120 5 | image 2 22 15 21 | image 19 36 15 8 | image 37 25 15 18 | image 54 29 15 15 | image 110 32 9 11 | image 71 24 20 20 | image 93 35 15 8 | title 2 45 15 2 | title 71 45 20 2 | title 19 45 15 2 | title 54 45 15 2 | title 93 45 15 2 | title 110 45 9 2 | title 37 45 15 2 | title 0 7 120 3", "layout_seq_without_completion": "button 46 51 26 5 | description 0 12 120 5 | image 2 22 15 21 | image 19 36 15 8 | image 37 25 15 18 | image 54 29 15 15 | image 110 32 9 11 | image 71 24 20 20 | image 93 35 15 8 | title 2 45 15 2 | title 71 45 20 2 | title 19 45 15 2 | title 54 45 15 2 | title 93 45 15 2 | title 110 45 9 2 | title 37 45 15 2 | title 0 7 120 3", "plain_layout_seq": "button 46 51 26 5 | description 0 12 120 5 | image 2 22 15 21 | image 19 36 15 8 | image 37 25 15 18 | image 54 29 15 15 | image 110 32 9 11 | image 71 24 20 20 | image 93 35 15 8 | title 2 45 15 2 | title 71 45 20 2 | title 19 45 15 2 | title 54 45 15 2 | title 93 45 15 2 | title 110 45 9 2 | title 37 45 15 2 | title 0 7 120 3", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "title", "position": [ 0, 64, 1024, 30 ], "completed": false }, { "type": "description", "position": [ 0, 110, 1024, 48 ], "completed": false }, { "type": "image", "position": [ 24, 195, 130, 184 ], "completed": false }, { "type": "image", "position": [ 608, 205, 174, 174 ], "completed": false }, { "type": "image", "position": [ 316, 219, 130, 160 ], "completed": false }, { "type": "image", "position": [ 462, 249, 130, 130 ], "completed": false }, { "type": "image", "position": [ 944, 278, 80, 101 ], "completed": false }, { "type": "image", "position": [ 798, 303, 130, 76 ], "completed": false }, { "type": "image", "position": [ 170, 310, 130, 69 ], "completed": false }, { "type": "title", "position": [ 24, 386, 130, 20 ], "completed": false }, { "type": "title", "position": [ 170, 386, 130, 20 ], "completed": false }, { "type": "title", "position": [ 316, 386, 130, 20 ], "completed": false }, { "type": "title", "position": [ 462, 386, 130, 20 ], "completed": false }, { "type": "title", "position": [ 608, 386, 174, 20 ], "completed": false }, { "type": "title", "position": [ 798, 386, 130, 20 ], "completed": false }, { "type": "title", "position": [ 944, 386, 80, 20 ], "completed": false }, { "type": "button", "position": [ 397, 437, 230, 45 ], "completed": false } ] }, { "text": "# A page for showing top collections in an online shop. # On the page, there should have a title \"TOP COLLECTIONS\", and four groups: \"Headphones Series\" \"For Home\" \"Print Your Pet\" and \"Pet Beds\" with each having a related image and a title.", "region_id": "6618", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'TOP COLLECTIONS'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Headphones Series, For Home, Print Your Pet, Pet Beds'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 33 12 25 25 | image 5 12 25 25 | image 61 12 25 25 | image 88 12 25 25 | complete link 5 12 25 30 | complete link 33 12 25 30 | complete link 88 12 25 30 | complete link 61 12 25 30 | title 5 40 25 2 | title 33 40 25 2 | title 88 40 25 2 | title 61 40 25 2 | title 5 4 108 3", "layout_seq_without_completion": "image 33 12 25 25 | image 5 12 25 25 | image 61 12 25 25 | image 88 12 25 25 | link 5 12 25 30 | link 33 12 25 30 | link 88 12 25 30 | link 61 12 25 30 | title 5 40 25 2 | title 33 40 25 2 | title 88 40 25 2 | title 61 40 25 2 | title 5 4 108 3", "plain_layout_seq": "image 33 12 25 25 | image 5 12 25 25 | image 61 12 25 25 | image 88 12 25 25 | link 5 12 25 30 | link 33 12 25 30 | link 88 12 25 30 | link 61 12 25 30 | title 5 40 25 2 | title 33 40 25 2 | title 88 40 25 2 | title 61 40 25 2 | title 5 4 108 3", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 51, 38, 922, 33 ], "completed": false }, { "type": "image", "position": [ 51, 109, 215, 215 ], "completed": false }, { "type": "link", "position": [ 51, 109, 215, 260 ], "completed": true }, { "type": "image", "position": [ 287, 109, 215, 215 ], "completed": false }, { "type": "link", "position": [ 287, 109, 215, 260 ], "completed": true }, { "type": "link", "position": [ 522, 109, 215, 260 ], "completed": true }, { "type": "image", "position": [ 522, 109, 215, 215 ], "completed": false }, { "type": "link", "position": [ 757, 109, 215, 260 ], "completed": true }, { "type": "image", "position": [ 757, 109, 215, 215 ], "completed": false }, { "type": "title", "position": [ 51, 344, 215, 19 ], "completed": false }, { "type": "title", "position": [ 287, 344, 215, 19 ], "completed": false }, { "type": "title", "position": [ 522, 344, 215, 19 ], "completed": false }, { "type": "title", "position": [ 757, 344, 215, 19 ], "completed": false } ] }, { "text": "#A page for introducing the John Deere Store to users.# The page should include two parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1535", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete description 9 43 45 7 | image 7 2 50 30 | complete image 7 33 50 25 | link 24 50 15 5 | title 9 35 45 7 ] | [ complete description 64 39 45 7 | image 62 2 50 30 | complete image 62 33 50 21 | link 80 47 15 5 | title 64 35 45 3 ] \"", "layout_seq_without_completion": "\" [ description 9 43 45 7 | image 7 2 50 30 | image 7 33 50 25 | link 24 50 15 5 | title 9 35 45 7 ] | [ description 64 39 45 7 | image 62 2 50 30 | image 62 33 50 21 | link 80 47 15 5 | title 64 35 45 3 ] \"", "plain_layout_seq": "description 9 43 45 7 | description 64 39 45 7 | image 7 2 50 30 | image 7 33 50 25 | image 62 2 50 30 | image 62 33 50 21 | link 24 50 15 5 | link 80 47 15 5 | title 9 35 45 7 | title 64 35 45 3", "canvas_width": 1024, "canvas_height": 519, "elements": [ { "type": "image", "position": [ 60, 20, 432, 262 ], "completed": false }, { "type": "image", "position": [ 532, 20, 432, 262 ], "completed": false }, { "type": "image", "position": [ 60, 283, 432, 216 ], "completed": true }, { "type": "image", "position": [ 532, 283, 432, 184 ], "completed": true }, { "type": "title", "position": [ 80, 303, 392, 64 ], "completed": false }, { "type": "title", "position": [ 552, 303, 392, 32 ], "completed": false }, { "type": "description", "position": [ 552, 335, 392, 68 ], "completed": true }, { "type": "description", "position": [ 80, 367, 392, 68 ], "completed": true }, { "type": "link", "position": [ 683, 403, 130, 44 ], "completed": false }, { "type": "link", "position": [ 209, 435, 134, 44 ], "completed": false } ] }, { "text": "# A page for marketing the Good Rx by some figures.# The page should have a title \"Did you know?\" and three groups with each having a figure and a description to introduce the number of customers, U.S. pharmacies that accept GoodRx, and how much prices can differ between pharmacies.", "region_id": "3635", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'did you know?'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'goodrx customers with insurance, U.S. pharmacies accept GoodRx, how much prices can differ between pharmacies'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 6 25 29 5 | description 45 25 29 5 | description 84 25 29 5 | text 13 15 15 10 | text 46 15 27 10 | text 88 15 21 10 | title 3 7 113 3", "layout_seq_without_completion": "description 6 25 29 5 | description 45 25 29 5 | description 84 25 29 5 | text 13 15 15 10 | text 46 15 27 10 | text 88 15 21 10 | title 3 7 113 3", "plain_layout_seq": "description 6 25 29 5 | description 45 25 29 5 | description 84 25 29 5 | text 13 15 15 10 | text 46 15 27 10 | text 88 15 21 10 | title 3 7 113 3", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "title", "position": [ 28, 60, 968, 32 ], "completed": false }, { "type": "text", "position": [ 115, 132, 128, 89 ], "completed": false }, { "type": "text", "position": [ 395, 132, 233, 89 ], "completed": false }, { "type": "text", "position": [ 755, 132, 180, 89 ], "completed": false }, { "type": "description", "position": [ 52, 221, 253, 50 ], "completed": false }, { "type": "description", "position": [ 385, 221, 253, 50 ], "completed": false }, { "type": "description", "position": [ 719, 221, 253, 50 ], "completed": false } ] }, { "text": "#A page showing information about the results of a survey on Independent service quality. # There are two info combinations and each of them includes the name of a country, an image, and a link \"View full results\" to learn detailed results for that country.", "region_id": "324", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:text] [el:image] [el:link [attr:value 'View full results']]]] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 8 49 53 53 | complete image 8 105 34 5 | link 10 107 15 2 | link 25 107 14 2 | text 8 42 53 3 ] | [ image 65 49 53 53 | complete image 65 105 38 5 | link 67 107 15 2 | link 82 107 18 2 | text 65 42 53 3 ] \"", "layout_seq_without_completion": "\" [ image 8 49 53 53 | image 8 105 34 5 | link 10 107 15 2 | link 25 107 14 2 | text 8 42 53 3 ] | [ image 65 49 53 53 | image 65 105 38 5 | link 67 107 15 2 | link 82 107 18 2 | text 65 42 53 3 ] \"", "plain_layout_seq": "image 8 49 53 53 | image 8 105 34 5 | image 65 49 53 53 | image 65 105 38 5 | link 10 107 15 2 | link 25 107 14 2 | link 67 107 15 2 | link 82 107 18 2 | text 8 42 53 3 | text 65 42 53 3", "canvas_width": 955, "canvas_height": 950, "elements": [ { "type": "text", "position": [ 64, 341, 422, 24 ], "completed": false }, { "type": "text", "position": [ 518, 341, 422, 24 ], "completed": false }, { "type": "image", "position": [ 64, 397, 422, 422 ], "completed": false }, { "type": "image", "position": [ 518, 397, 422, 422 ], "completed": false }, { "type": "image", "position": [ 64, 843, 275, 43 ], "completed": true }, { "type": "image", "position": [ 518, 843, 303, 43 ], "completed": true }, { "type": "link", "position": [ 81, 855, 123, 19 ], "completed": false }, { "type": "link", "position": [ 204, 855, 118, 19 ], "completed": false }, { "type": "link", "position": [ 534, 855, 123, 19 ], "completed": false }, { "type": "link", "position": [ 658, 855, 146, 19 ], "completed": false } ] }, { "text": "#A page showing information about the results of a survey on Independent service quality. # There are two combinations and each of them includes a title the name of a country, an image, and a link, where users can view the full results of the survey.", "region_id": "324_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:image] [el:link [attr:value 'View full results']]]] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 8 49 53 53 | complete image 8 105 34 5 | link 10 107 15 2 | link 25 107 14 2 | title 8 42 53 3 ] | [ image 65 49 53 53 | complete image 65 105 38 5 | link 67 107 15 2 | link 82 107 18 2 | title 65 42 53 3 ] \"", "layout_seq_without_completion": "\" [ image 8 49 53 53 | image 8 105 34 5 | link 10 107 15 2 | link 25 107 14 2 | title 8 42 53 3 ] | [ image 65 49 53 53 | image 65 105 38 5 | link 67 107 15 2 | link 82 107 18 2 | title 65 42 53 3 ] \"", "plain_layout_seq": "image 8 49 53 53 | image 8 105 34 5 | image 65 49 53 53 | image 65 105 38 5 | link 10 107 15 2 | link 25 107 14 2 | link 67 107 15 2 | link 82 107 18 2 | title 8 42 53 3 | title 65 42 53 3", "canvas_width": 955, "canvas_height": 950, "elements": [ { "type": "title", "position": [ 64, 341, 422, 24 ], "completed": false }, { "type": "title", "position": [ 518, 341, 422, 24 ], "completed": false }, { "type": "image", "position": [ 64, 397, 422, 422 ], "completed": false }, { "type": "image", "position": [ 518, 397, 422, 422 ], "completed": false }, { "type": "image", "position": [ 64, 843, 275, 43 ], "completed": true }, { "type": "image", "position": [ 518, 843, 303, 43 ], "completed": true }, { "type": "link", "position": [ 81, 855, 123, 19 ], "completed": false }, { "type": "link", "position": [ 204, 855, 118, 19 ], "completed": false }, { "type": "link", "position": [ 534, 855, 123, 19 ], "completed": false }, { "type": "link", "position": [ 658, 855, 146, 19 ], "completed": false } ] }, { "text": "#A page for introducing three photographers to users.# The page should include three parts of the content. Each part contains an image and the name of each photographer.", "region_id": "2209", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ image 4 0 33 33 | text 4 25 14 2 | text 4 28 14 2 ] | [ image 43 0 33 33 | text 43 25 16 2 | text 43 28 16 2 ] | [ image 81 0 33 33 | text 81 25 18 2 | text 81 28 18 2 ] \"", "layout_seq_without_completion": "\" [ image 4 0 33 33 | text 4 25 14 2 | text 4 28 14 2 ] | [ image 43 0 33 33 | text 43 25 16 2 | text 43 28 16 2 ] | [ image 81 0 33 33 | text 81 25 18 2 | text 81 28 18 2 ] \"", "plain_layout_seq": "image 4 0 33 33 | image 43 0 33 33 | image 81 0 33 33 | text 4 25 14 2 | text 4 28 14 2 | text 43 25 16 2 | text 43 28 16 2 | text 81 25 18 2 | text 81 28 18 2", "canvas_width": 1024, "canvas_height": 288, "elements": [ { "type": "image", "position": [ 40, 0, 288, 288 ], "completed": false }, { "type": "image", "position": [ 368, 0, 288, 288 ], "completed": false }, { "type": "image", "position": [ 696, 0, 288, 288 ], "completed": false }, { "type": "text", "position": [ 40, 216, 127, 24 ], "completed": false }, { "type": "text", "position": [ 368, 216, 142, 24 ], "completed": false }, { "type": "text", "position": [ 696, 216, 159, 24 ], "completed": false }, { "type": "text", "position": [ 40, 240, 127, 24 ], "completed": false }, { "type": "text", "position": [ 368, 240, 142, 24 ], "completed": false }, { "type": "text", "position": [ 696, 240, 159, 24 ], "completed": false } ] }, { "text": "#A page to introduce some services of the company.# There are three groups on the page. Each group contains an image and a title.", "region_id": "7310", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 39 0 39 39 | image 0 0 39 39 | image 80 0 39 39 | title 3 17 31 5 | title 43 17 31 5 | title 84 17 31 5", "layout_seq_without_completion": "image 39 0 39 39 | image 0 0 39 39 | image 80 0 39 39 | title 3 17 31 5 | title 43 17 31 5 | title 84 17 31 5", "plain_layout_seq": "image 39 0 39 39 | image 0 0 39 39 | image 80 0 39 39 | title 3 17 31 5 | title 43 17 31 5 | title 84 17 31 5", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "image", "position": [ 0, 0, 341, 341 ], "completed": false }, { "type": "image", "position": [ 341, 0, 341, 341 ], "completed": false }, { "type": "image", "position": [ 683, 0, 341, 341 ], "completed": false }, { "type": "title", "position": [ 34, 150, 273, 43 ], "completed": false }, { "type": "title", "position": [ 375, 150, 273, 43 ], "completed": false }, { "type": "title", "position": [ 717, 150, 273, 43 ], "completed": false } ] }, { "text": "# A page for showing packaging and shipping supplies. # There should have a title \"PACKAGING & SHIPPING SUPPLIES\" and 12 groups with each including a background image and a title.", "region_id": "7980", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'PACKAGING & SHIPPING SUPPLIES'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 61 16 24 24 | background 61 71 24 24 | background 6 43 24 24 | background 6 16 24 24 | background 34 16 24 24 | background 89 16 24 24 | background 34 43 24 24 | background 61 43 24 24 | background 89 43 24 24 | background 6 71 24 24 | background 34 71 24 24 | background 89 71 24 24 | title 61 21 24 12 | title 89 23 24 8 | title 61 77 24 12 | title 89 77 24 12 | title 6 23 24 8 | title 34 23 24 8 | title 6 51 24 8 | title 34 51 24 8 | title 61 51 24 8 | title 89 49 24 12 | title 6 79 24 8 | title 34 79 24 8 | title 6 6 107 3", "layout_seq_without_completion": "background 61 16 24 24 | background 61 71 24 24 | background 6 43 24 24 | background 6 16 24 24 | background 34 16 24 24 | background 89 16 24 24 | background 34 43 24 24 | background 61 43 24 24 | background 89 43 24 24 | background 6 71 24 24 | background 34 71 24 24 | background 89 71 24 24 | title 61 21 24 12 | title 89 23 24 8 | title 61 77 24 12 | title 89 77 24 12 | title 6 23 24 8 | title 34 23 24 8 | title 6 51 24 8 | title 34 51 24 8 | title 61 51 24 8 | title 89 49 24 12 | title 6 79 24 8 | title 34 79 24 8 | title 6 6 107 3", "plain_layout_seq": "background 61 16 24 24 | background 61 71 24 24 | background 6 43 24 24 | background 6 16 24 24 | background 34 16 24 24 | background 89 16 24 24 | background 34 43 24 24 | background 61 43 24 24 | background 89 43 24 24 | background 6 71 24 24 | background 34 71 24 24 | background 89 71 24 24 | title 61 21 24 12 | title 89 23 24 8 | title 61 77 24 12 | title 89 77 24 12 | title 6 23 24 8 | title 34 23 24 8 | title 6 51 24 8 | title 34 51 24 8 | title 61 51 24 8 | title 89 49 24 12 | title 6 79 24 8 | title 34 79 24 8 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 878, "elements": [ { "type": "title", "position": [ 55, 55, 914, 28 ], "completed": false }, { "type": "background", "position": [ 55, 137, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 137, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 137, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 137, 206, 206 ], "completed": false }, { "type": "title", "position": [ 527, 186, 206, 108 ], "completed": false }, { "type": "title", "position": [ 55, 204, 206, 72 ], "completed": false }, { "type": "title", "position": [ 291, 204, 206, 72 ], "completed": false }, { "type": "title", "position": [ 763, 204, 206, 72 ], "completed": false }, { "type": "background", "position": [ 55, 373, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 373, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 373, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 373, 206, 206 ], "completed": false }, { "type": "title", "position": [ 763, 422, 206, 108 ], "completed": false }, { "type": "title", "position": [ 55, 440, 206, 72 ], "completed": false }, { "type": "title", "position": [ 291, 440, 206, 72 ], "completed": false }, { "type": "title", "position": [ 527, 440, 206, 72 ], "completed": false }, { "type": "background", "position": [ 55, 609, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 609, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 609, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 609, 206, 206 ], "completed": false }, { "type": "title", "position": [ 527, 658, 206, 108 ], "completed": false }, { "type": "title", "position": [ 763, 658, 206, 108 ], "completed": false }, { "type": "title", "position": [ 55, 676, 206, 72 ], "completed": false }, { "type": "title", "position": [ 291, 676, 206, 72 ], "completed": false } ] }, { "text": "# A page to introduce the new user offer. # The page should have two groups of information sets \"Hotel New User Offer\" and \"Flight New User Offer\" with each containing a background image, a title, and a short description of the offer.", "region_id": "6247", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Hotel New User Offer, Flight New User Offer'] [item [el:background_image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 42 18 | description 2 5 36 6 | title 2 3 36 2 ] | [ background 43 0 42 18 | description 46 5 36 6 | title 46 3 36 2 ] \"", "layout_seq_without_completion": "\" [ background 0 0 42 18 | description 2 5 36 6 | title 2 3 36 2 ] | [ background 43 0 42 18 | description 46 5 36 6 | title 46 3 36 2 ] \"", "plain_layout_seq": "background 0 0 42 18 | background 43 0 42 18 | description 2 5 36 6 | description 46 5 36 6 | title 2 3 36 2 | title 46 3 36 2", "canvas_width": 1026, "canvas_height": 160, "elements": [ { "type": "background", "position": [ 0, 0, 360, 160 ], "completed": false }, { "type": "background", "position": [ 376, 0, 360, 160 ], "completed": false }, { "type": "title", "position": [ 24, 30, 312, 18 ], "completed": false }, { "type": "title", "position": [ 400, 30, 312, 18 ], "completed": false }, { "type": "description", "position": [ 24, 48, 312, 56 ], "completed": false }, { "type": "description", "position": [ 400, 48, 312, 56 ], "completed": false } ] }, { "text": "# A page to advertise the company called Kraft Heinz. # On the page, there should be two parts. In each one, there should include an image, a title, a text box with a description of the title, and a text button for the user to learn more info.", "region_id": "1576", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 25 43 8 4 | button 85 48 8 4 | description 4 36 50 7 | description 64 36 50 12 | image 4 4 50 24 | image 64 4 50 24 | title 68 31 43 3 | title 13 31 33 3", "layout_seq_without_completion": "button 25 43 8 4 | button 85 48 8 4 | description 4 36 50 7 | description 64 36 50 12 | image 4 4 50 24 | image 64 4 50 24 | title 68 31 43 3 | title 13 31 33 3", "plain_layout_seq": "button 25 43 8 4 | button 85 48 8 4 | description 4 36 50 7 | description 64 36 50 12 | image 4 4 50 24 | image 64 4 50 24 | title 68 31 43 3 | title 13 31 33 3", "canvas_width": 970, "canvas_height": 470, "elements": [ { "type": "image", "position": [ 40, 40, 405, 198 ], "completed": false }, { "type": "image", "position": [ 525, 40, 405, 198 ], "completed": false }, { "type": "title", "position": [ 107, 254, 271, 29 ], "completed": false }, { "type": "title", "position": [ 553, 254, 349, 29 ], "completed": false }, { "type": "description", "position": [ 40, 295, 405, 60 ], "completed": false }, { "type": "description", "position": [ 525, 295, 405, 100 ], "completed": false }, { "type": "button", "position": [ 207, 355, 71, 35 ], "completed": false }, { "type": "button", "position": [ 692, 395, 71, 35 ], "completed": false } ] }, { "text": "#A page showing the online store of the website to users.#The page should have one title and four groups of discounts on the online shop. And each of them should include one slogan and one picture.", "region_id": "4777", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:title] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 118 3 | \" [ image 1 6 28 30 ] | [ image 31 6 28 30 ] | [ image 60 6 28 30 ] | [ image 90 6 28 30 ] \"", "layout_seq_without_completion": "title 0 0 118 3 | \" [ image 1 6 28 30 ] | [ image 31 6 28 30 ] | [ image 60 6 28 30 ] | [ image 90 6 28 30 ] \"", "plain_layout_seq": "image 1 6 28 30 | image 31 6 28 30 | image 60 6 28 30 | image 90 6 28 30 | title 0 0 118 3", "canvas_width": 1244, "canvas_height": 401, "elements": [ { "type": "title", "position": [ 6, 0, 1232, 39 ], "completed": false }, { "type": "image", "position": [ 14, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 322, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 630, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 938, 63, 292, 316 ], "completed": false } ] }, { "text": "#A page for introducing the usage.# There is one icon and one title \"How to use\" and three sentences introducing the usage. Two images show the national flags and each of them includes one label showing the country's name.", "region_id": "6223", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:icon] [el:title [attr:value 'how to use'] ] [el:text [attr:repeat '3'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 18 0 2 2 | complete image 75 0 29 6 | complete image 75 12 29 6 | image 78 0 9 6 | image 78 12 9 6 | text 87 2 13 1 | text 87 14 7 1 | title 21 0 19 4 | \" [ text 1 7 57 3 ] | [ text 1 12 57 3 ] | [ text 1 17 57 3 ] \"", "layout_seq_without_completion": "icon 18 0 2 2 | image 75 0 29 6 | image 75 12 29 6 | image 78 0 9 6 | image 78 12 9 6 | text 87 2 13 1 | text 87 14 7 1 | title 21 0 19 4 | \" [ text 1 7 57 3 ] | [ text 1 12 57 3 ] | [ text 1 17 57 3 ] \"", "plain_layout_seq": "icon 18 0 2 2 | image 75 0 29 6 | image 75 12 29 6 | image 78 0 9 6 | image 78 12 9 6 | text 87 2 13 1 | text 87 14 7 1 | text 1 7 57 3 | text 1 12 57 3 | text 1 17 57 3 | title 21 0 19 4", "canvas_width": 986, "canvas_height": 200, "elements": [ { "type": "image", "position": [ 619, 0, 240, 51 ], "completed": true }, { "type": "title", "position": [ 178, 1, 161, 37 ], "completed": false }, { "type": "image", "position": [ 643, 1, 80, 57 ], "completed": false }, { "type": "icon", "position": [ 154, 6, 24, 24 ], "completed": false }, { "type": "text", "position": [ 723, 21, 113, 15 ], "completed": false }, { "type": "text", "position": [ 11, 63, 470, 29 ], "completed": false }, { "type": "image", "position": [ 619, 101, 240, 51 ], "completed": true }, { "type": "image", "position": [ 643, 102, 80, 57 ], "completed": false }, { "type": "text", "position": [ 11, 103, 470, 29 ], "completed": false }, { "type": "text", "position": [ 723, 122, 61, 15 ], "completed": false }, { "type": "text", "position": [ 11, 143, 470, 28 ], "completed": false } ] }, { "text": "# A page for the user to shop by collection in an online shop.# The page should have the title \"SHOP BY COLLECTIONS\" and two groups of collections: \"PUFFIN\" and \"RED SQUIRREL\". In each group, there should have an image with a title on it.", "region_id": "7912", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by collections'] ] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'puffin, red squirrel'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "layout_seq_without_completion": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "plain_layout_seq": "image 6 15 51 51 | image 61 15 51 51 | title 6 39 51 4 | title 61 39 51 4 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 640, "elements": [ { "type": "title", "position": [ 55, 54, 914, 26 ], "completed": false }, { "type": "image", "position": [ 55, 135, 442, 442 ], "completed": false }, { "type": "image", "position": [ 527, 135, 442, 442 ], "completed": false }, { "type": "title", "position": [ 55, 338, 442, 35 ], "completed": false }, { "type": "title", "position": [ 527, 338, 442, 35 ], "completed": false } ] }, { "text": "#A page for showing the news.#The page should have three groups and each group has an image and a title. Also, there is a description under the title of each group.", "region_id": "2903", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title][el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 0 36 26 | complete link 0 38 6 1 | complete text 7 38 0 1 | complete text 8 38 8 1 | title 0 27 33 10 ] | [ image 41 0 36 26 | complete link 41 35 3 1 | complete text 45 35 0 1 | complete text 46 35 7 1 | title 41 27 35 7 ] | [ image 83 0 36 26 | complete link 83 38 3 1 | complete text 87 38 0 1 | complete text 88 38 7 1 | title 83 27 29 10 ] \"", "layout_seq_without_completion": "\" [ image 0 0 36 26 | link 0 38 6 1 | text 7 38 0 1 | text 8 38 8 1 | title 0 27 33 10 ] | [ image 41 0 36 26 | link 41 35 3 1 | text 45 35 0 1 | text 46 35 7 1 | title 41 27 35 7 ] | [ image 83 0 36 26 | link 83 38 3 1 | text 87 38 0 1 | text 88 38 7 1 | title 83 27 29 10 ] \"", "plain_layout_seq": "image 0 0 36 26 | image 41 0 36 26 | image 83 0 36 26 | link 0 38 6 1 | link 41 35 3 1 | link 83 38 3 1 | text 7 38 0 1 | text 8 38 8 1 | text 45 35 0 1 | text 46 35 7 1 | text 87 38 0 1 | text 88 38 7 1 | title 0 27 33 10 | title 41 27 35 7 | title 83 27 29 10", "canvas_width": 980, "canvas_height": 371, "elements": [ { "type": "image", "position": [ 0, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 340, 0, 300, 218 ], "completed": false }, { "type": "image", "position": [ 680, 0, 300, 218 ], "completed": false }, { "type": "title", "position": [ 0, 226, 270, 84 ], "completed": false }, { "type": "title", "position": [ 340, 226, 287, 59 ], "completed": false }, { "type": "title", "position": [ 680, 226, 243, 84 ], "completed": false }, { "type": "link", "position": [ 340, 287, 26, 15 ], "completed": true }, { "type": "text", "position": [ 371, 287, 4, 15 ], "completed": true }, { "type": "text", "position": [ 380, 287, 61, 15 ], "completed": true }, { "type": "link", "position": [ 0, 312, 57, 15 ], "completed": true }, { "type": "text", "position": [ 62, 312, 4, 15 ], "completed": true }, { "type": "text", "position": [ 71, 312, 67, 15 ], "completed": true }, { "type": "link", "position": [ 680, 312, 29, 15 ], "completed": true }, { "type": "text", "position": [ 714, 312, 4, 15 ], "completed": true }, { "type": "text", "position": [ 723, 312, 61, 15 ], "completed": true } ] }, { "text": "# A page for an introduction to the HR tech. # On the page, there should have a title named \"Unveiling the future of HR Tech\" and three videos for the user to click to watch to know more info. Then, a button \"HR Tech 4.0\" is necessary for the user to click to know the info about HR Tech 4.0.", "region_id": "3669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Unveiling the future of HR Tech'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] [el:button [attr:value 'HR Tech 4.0'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 57 21 5 5 | complete button 16 21 5 5 | complete button 97 21 5 5 | button 41 37 37 3 | image 1 14 36 20 | image 41 14 36 20 | image 81 14 36 20 | title 18 5 83 5", "layout_seq_without_completion": "button 57 21 5 5 | button 16 21 5 5 | button 97 21 5 5 | button 41 37 37 3 | image 1 14 36 20 | image 41 14 36 20 | image 81 14 36 20 | title 18 5 83 5", "plain_layout_seq": "button 57 21 5 5 | button 16 21 5 5 | button 97 21 5 5 | button 41 37 37 3 | image 1 14 36 20 | image 41 14 36 20 | image 81 14 36 20 | title 18 5 83 5", "canvas_width": 1024, "canvas_height": 412, "elements": [ { "type": "title", "position": [ 154, 48, 713, 43 ], "completed": false }, { "type": "image", "position": [ 10, 125, 315, 176 ], "completed": false }, { "type": "image", "position": [ 355, 125, 315, 176 ], "completed": false }, { "type": "image", "position": [ 699, 125, 315, 176 ], "completed": false }, { "type": "button", "position": [ 142, 187, 50, 50 ], "completed": true }, { "type": "button", "position": [ 487, 187, 50, 50 ], "completed": true }, { "type": "button", "position": [ 832, 187, 50, 50 ], "completed": true }, { "type": "button", "position": [ 351, 320, 321, 34 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# The page includes three lists, and each of them has an image and a name of the type.", "region_id": "5438", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 1 3 37 58 | image 80 3 37 58 | image 41 3 37 58 | title 56 65 6 2 | title 13 65 13 2 | title 96 65 6 2", "layout_seq_without_completion": "image 1 3 37 58 | image 80 3 37 58 | image 41 3 37 58 | title 56 65 6 2 | title 13 65 13 2 | title 96 65 6 2", "plain_layout_seq": "image 1 3 37 58 | image 80 3 37 58 | image 41 3 37 58 | title 56 65 6 2 | title 13 65 13 2 | title 96 65 6 2", "canvas_width": 1024, "canvas_height": 682, "elements": [ { "type": "image", "position": [ 16, 32, 320, 502 ], "completed": false }, { "type": "image", "position": [ 352, 32, 320, 502 ], "completed": false }, { "type": "image", "position": [ 688, 32, 320, 502 ], "completed": false }, { "type": "title", "position": [ 117, 558, 117, 20 ], "completed": false }, { "type": "title", "position": [ 485, 558, 53, 20 ], "completed": false }, { "type": "title", "position": [ 820, 558, 55, 20 ], "completed": false } ] }, { "text": "# A page to introduce the expertise of a company.# The page should have the title \"Our Expertise\". Then the page should have two parts. In each part, there should be a title, a text box with a further introduction, and a text link. So the user can know the company's expertise in gases and engineering. Besides, the user can click the text links to read more info.", "region_id": "1615", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'our expertise'] ] [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:description] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 2 108 3 | \" [ description 7 39 49 8 | complete image 5 7 53 45 | complete image 5 7 53 26 | link 7 47 8 2 | title 7 36 49 2 ] | [ description 62 39 49 8 | complete image 60 7 53 26 | complete image 60 7 53 45 | link 62 47 8 2 | title 62 36 49 2 ] \"", "layout_seq_without_completion": "title 5 2 108 3 | \" [ description 7 39 49 8 | image 5 7 53 45 | image 5 7 53 26 | link 7 47 8 2 | title 7 36 49 2 ] | [ description 62 39 49 8 | image 60 7 53 26 | image 60 7 53 45 | link 62 47 8 2 | title 62 36 49 2 ] \"", "plain_layout_seq": "description 7 39 49 8 | description 62 39 49 8 | image 5 7 53 45 | image 5 7 53 26 | image 60 7 53 26 | image 60 7 53 45 | link 7 47 8 2 | link 62 47 8 2 | title 5 2 108 3 | title 7 36 49 2 | title 62 36 49 2", "canvas_width": 1024, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 47, 24, 930, 32 ], "completed": false }, { "type": "image", "position": [ 47, 65, 458, 385 ], "completed": true }, { "type": "image", "position": [ 520, 65, 457, 385 ], "completed": true }, { "type": "image", "position": [ 48, 66, 455, 228 ], "completed": true }, { "type": "image", "position": [ 520, 66, 455, 228 ], "completed": true }, { "type": "title", "position": [ 64, 309, 424, 19 ], "completed": false }, { "type": "title", "position": [ 536, 309, 424, 19 ], "completed": false }, { "type": "description", "position": [ 64, 337, 424, 72 ], "completed": false }, { "type": "description", "position": [ 536, 337, 424, 72 ], "completed": false }, { "type": "link", "position": [ 64, 409, 71, 24 ], "completed": false }, { "type": "link", "position": [ 536, 409, 71, 24 ], "completed": false } ] }, { "text": "#This page introduces Transexuel to users. #This page has a title of \"Transexual\" at the top, and below shows 36 related links for users.", "region_id": "4930", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'transexual'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '36'] [item [el:link] ] ] ]", "execution": "multiinfo : title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 2 | \" [ link 1 7 7 2 ] | [ link 1 10 18 2 ] | [ link 1 14 19 2 ] | [ link 1 17 19 2 ] | [ link 1 20 16 2 ] | [ link 1 24 26 2 ] | [ link 1 27 11 2 ] | [ link 1 31 7 2 ] | [ link 1 34 14 2 ] | [ link 1 37 18 2 ] | [ link 1 41 19 2 ] | [ link 1 44 19 2 ] \" | \" [ link 41 7 11 2 ] | [ link 41 10 17 2 ] | [ link 41 14 15 2 ] | [ link 41 17 25 2 ] | [ link 41 20 17 2 ] | [ link 41 24 16 2 ] | [ link 41 27 26 2 ] | [ link 41 31 12 2 ] | [ link 41 34 15 2 ] | [ link 41 37 15 2 ] | [ link 41 41 19 2 ] | [ link 41 44 14 2 ] \" | \" [ link 81 7 16 2 ] | [ link 81 10 16 2 ] | [ link 81 14 12 2 ] | [ link 81 17 22 2 ] | [ link 81 20 14 2 ] | [ link 81 24 15 2 ] | [ link 81 27 11 2 ] | [ link 81 31 26 2 ] | [ link 81 34 13 2 ] | [ link 81 37 14 2 ] | [ link 81 41 8 2 ] | [ link 81 44 6 2 ] \"", "layout_seq_without_completion": "title 0 2 120 2 | \" [ link 1 7 7 2 ] | [ link 1 10 18 2 ] | [ link 1 14 19 2 ] | [ link 1 17 19 2 ] | [ link 1 20 16 2 ] | [ link 1 24 26 2 ] | [ link 1 27 11 2 ] | [ link 1 31 7 2 ] | [ link 1 34 14 2 ] | [ link 1 37 18 2 ] | [ link 1 41 19 2 ] | [ link 1 44 19 2 ] \" | \" [ link 41 7 11 2 ] | [ link 41 10 17 2 ] | [ link 41 14 15 2 ] | [ link 41 17 25 2 ] | [ link 41 20 17 2 ] | [ link 41 24 16 2 ] | [ link 41 27 26 2 ] | [ link 41 31 12 2 ] | [ link 41 34 15 2 ] | [ link 41 37 15 2 ] | [ link 41 41 19 2 ] | [ link 41 44 14 2 ] \" | \" [ link 81 7 16 2 ] | [ link 81 10 16 2 ] | [ link 81 14 12 2 ] | [ link 81 17 22 2 ] | [ link 81 20 14 2 ] | [ link 81 24 15 2 ] | [ link 81 27 11 2 ] | [ link 81 31 26 2 ] | [ link 81 34 13 2 ] | [ link 81 37 14 2 ] | [ link 81 41 8 2 ] | [ link 81 44 6 2 ] \"", "plain_layout_seq": "link 1 7 7 2 | link 1 10 18 2 | link 1 14 19 2 | link 1 17 19 2 | link 1 20 16 2 | link 1 24 26 2 | link 1 27 11 2 | link 1 31 7 2 | link 1 34 14 2 | link 1 37 18 2 | link 1 41 19 2 | link 1 44 19 2 | link 41 7 11 2 | link 41 10 17 2 | link 41 14 15 2 | link 41 17 25 2 | link 41 20 17 2 | link 41 24 16 2 | link 41 27 26 2 | link 41 31 12 2 | link 41 34 15 2 | link 41 37 15 2 | link 41 41 19 2 | link 41 44 14 2 | link 81 7 16 2 | link 81 10 16 2 | link 81 14 12 2 | link 81 17 22 2 | link 81 20 14 2 | link 81 24 15 2 | link 81 27 11 2 | link 81 31 26 2 | link 81 34 13 2 | link 81 37 14 2 | link 81 41 8 2 | link 81 44 6 2 | title 0 2 120 2", "canvas_width": 1009, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 0, 20, 1009, 22 ], "completed": false }, { "type": "link", "position": [ 15, 62, 59, 17 ], "completed": false }, { "type": "link", "position": [ 351, 62, 100, 17 ], "completed": false }, { "type": "link", "position": [ 688, 62, 142, 17 ], "completed": false }, { "type": "link", "position": [ 15, 91, 156, 17 ], "completed": false }, { "type": "link", "position": [ 351, 91, 147, 17 ], "completed": false }, { "type": "link", "position": [ 688, 91, 140, 17 ], "completed": false }, { "type": "link", "position": [ 15, 119, 160, 17 ], "completed": false }, { "type": "link", "position": [ 351, 119, 129, 17 ], "completed": false }, { "type": "link", "position": [ 688, 119, 105, 17 ], "completed": false }, { "type": "link", "position": [ 15, 147, 163, 17 ], "completed": false }, { "type": "link", "position": [ 351, 147, 217, 17 ], "completed": false }, { "type": "link", "position": [ 688, 147, 189, 17 ], "completed": false }, { "type": "link", "position": [ 15, 176, 138, 17 ], "completed": false }, { "type": "link", "position": [ 351, 176, 147, 17 ], "completed": false }, { "type": "link", "position": [ 688, 176, 120, 17 ], "completed": false }, { "type": "link", "position": [ 15, 204, 226, 17 ], "completed": false }, { "type": "link", "position": [ 351, 204, 138, 17 ], "completed": false }, { "type": "link", "position": [ 688, 204, 133, 17 ], "completed": false }, { "type": "link", "position": [ 15, 233, 93, 17 ], "completed": false }, { "type": "link", "position": [ 351, 233, 226, 17 ], "completed": false }, { "type": "link", "position": [ 688, 233, 98, 17 ], "completed": false }, { "type": "link", "position": [ 15, 261, 59, 17 ], "completed": false }, { "type": "link", "position": [ 351, 261, 102, 17 ], "completed": false }, { "type": "link", "position": [ 688, 261, 223, 17 ], "completed": false }, { "type": "link", "position": [ 15, 289, 126, 17 ], "completed": false }, { "type": "link", "position": [ 351, 289, 133, 17 ], "completed": false }, { "type": "link", "position": [ 688, 289, 114, 17 ], "completed": false }, { "type": "link", "position": [ 15, 318, 156, 17 ], "completed": false }, { "type": "link", "position": [ 351, 318, 131, 17 ], "completed": false }, { "type": "link", "position": [ 688, 318, 123, 17 ], "completed": false }, { "type": "link", "position": [ 15, 346, 160, 17 ], "completed": false }, { "type": "link", "position": [ 351, 346, 162, 17 ], "completed": false }, { "type": "link", "position": [ 688, 346, 75, 17 ], "completed": false }, { "type": "link", "position": [ 15, 375, 163, 17 ], "completed": false }, { "type": "link", "position": [ 351, 375, 122, 17 ], "completed": false }, { "type": "link", "position": [ 688, 375, 54, 17 ], "completed": false } ] }, { "text": "#A page showing all kinds of sofas to users.#The page should have one title and four kinds of sofa. And each sofa should include one picture of the sofa and one brief introduction with prices included.", "region_id": "2648", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:size 'small'] ]] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] | [ description undefined small | image undefined undefined ] }", "layout_seq_with_completion": "title 0 0 118 3 | \" [ image 1 6 28 30 ] | [ image 31 6 28 30 ] | [ image 60 6 28 30 ] | [ image 90 6 28 30 ] \"", "layout_seq_without_completion": "title 0 0 118 3 | \" [ image 1 6 28 30 ] | [ image 31 6 28 30 ] | [ image 60 6 28 30 ] | [ image 90 6 28 30 ] \"", "plain_layout_seq": "image 1 6 28 30 | image 31 6 28 30 | image 60 6 28 30 | image 90 6 28 30 | title 0 0 118 3", "canvas_width": 1244, "canvas_height": 401, "elements": [ { "type": "title", "position": [ 6, 0, 1232, 39 ], "completed": false }, { "type": "image", "position": [ 14, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 322, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 630, 63, 292, 316 ], "completed": false }, { "type": "image", "position": [ 938, 63, 292, 316 ], "completed": false } ] }, { "text": "# A page for marketing a shop by showing the discount.# The page should have two groups with each having a description of the product, a phrase showing the discount, and a button \"SHOP NOW\" for the user to click to enter the shop to purchase goods.", "region_id": "7317", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:description] [el:title] [el:button [attr:value 'SHOP NOW'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 23 81 14 4 | description 5 65 49 6 | complete image 3 54 54 40 | title 5 73 49 4 ] | [ button 82 36 14 4 | description 64 19 49 6 | complete image 61 0 54 58 | title 64 28 49 4 ] \"", "layout_seq_without_completion": "\" [ button 23 81 14 4 | description 5 65 49 6 | image 3 54 54 40 | title 5 73 49 4 ] | [ button 82 36 14 4 | description 64 19 49 6 | image 61 0 54 58 | title 64 28 49 4 ] \"", "plain_layout_seq": "button 23 81 14 4 | button 82 36 14 4 | description 5 65 49 6 | description 64 19 49 6 | image 3 54 54 40 | image 61 0 54 58 | title 5 73 49 4 | title 64 28 49 4", "canvas_width": 1009, "canvas_height": 800, "elements": [ { "type": "image", "position": [ 520, 0, 460, 493 ], "completed": true }, { "type": "description", "position": [ 540, 165, 420, 58 ], "completed": false }, { "type": "title", "position": [ 540, 237, 420, 36 ], "completed": false }, { "type": "button", "position": [ 690, 304, 118, 38 ], "completed": false }, { "type": "image", "position": [ 30, 459, 460, 340 ], "completed": true }, { "type": "description", "position": [ 50, 548, 420, 58 ], "completed": false }, { "type": "title", "position": [ 50, 620, 420, 36 ], "completed": false }, { "type": "button", "position": [ 201, 687, 118, 38 ], "completed": false } ] }, { "text": "#A page for introducing the recent news to users.# The page should include two parts of the news. Each part contains a date, one title, and a brief introduction under it. One text box includes the label \"Recent News\" and one button for viewing all.", "region_id": "277", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:text] [el:title] [el:description [attr:size'small'] ] ] ] [el:title [attr:value'recent news'] ] [el:button [attr:value'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined small | text undefined undefined | title undefined undefined ] | [ description undefined small | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 45 28 29 22 | description 85 21 29 22 | complete image 41 4 36 51 | complete image 81 4 36 51 | text 45 8 29 2 | text 85 8 29 2 | title 45 11 28 16 | title 85 11 27 9 | title 1 10 38 47", "layout_seq_without_completion": "description 45 28 29 22 | description 85 21 29 22 | image 41 4 36 51 | image 81 4 36 51 | text 45 8 29 2 | text 85 8 29 2 | title 45 11 28 16 | title 85 11 27 9 | title 1 10 38 47", "plain_layout_seq": "description 45 28 29 22 | description 85 21 29 22 | image 41 4 36 51 | image 81 4 36 51 | text 45 8 29 2 | text 85 8 29 2 | title 45 11 28 16 | title 85 11 27 9 | title 1 10 38 47", "canvas_width": 1024, "canvas_height": 520, "elements": [ { "type": "image", "position": [ 353, 40, 312, 440 ], "completed": true }, { "type": "image", "position": [ 697, 40, 312, 440 ], "completed": true }, { "type": "text", "position": [ 385, 72, 248, 24 ], "completed": false }, { "type": "text", "position": [ 729, 72, 248, 24 ], "completed": false }, { "type": "title", "position": [ 15, 88, 328, 408 ], "completed": false }, { "type": "title", "position": [ 385, 96, 242, 142 ], "completed": false }, { "type": "title", "position": [ 729, 96, 232, 85 ], "completed": false }, { "type": "description", "position": [ 729, 182, 248, 192 ], "completed": false }, { "type": "description", "position": [ 385, 240, 248, 192 ], "completed": false } ] }, { "text": "#A page for showing the four works.#The page should have four groups and each group has an image and a title, \"animal metal mosquito coil burners\", \"leaf metal wall art\", \"sea life metal wall art\", and \"welcome sign metal wall art\".", "region_id": "6530", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'animal metal mosquito coil burners, leaf metal wall art, sea life metal wall art, welcome sign metal wall art'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 30 26 2 | title 3 30 26 5 | title 63 30 26 2 | title 93 30 26 2", "layout_seq_without_completion": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 30 26 2 | title 3 30 26 5 | title 63 30 26 2 | title 93 30 26 2", "plain_layout_seq": "image 3 3 26 26 | image 33 3 26 26 | image 63 3 26 26 | image 93 3 26 26 | title 33 30 26 2 | title 3 30 26 5 | title 63 30 26 2 | title 93 30 26 2", "canvas_width": 995, "canvas_height": 360, "elements": [ { "type": "image", "position": [ 30, 27, 219, 219 ], "completed": false }, { "type": "image", "position": [ 278, 27, 219, 219 ], "completed": false }, { "type": "image", "position": [ 527, 27, 219, 219 ], "completed": false }, { "type": "image", "position": [ 776, 27, 219, 219 ], "completed": false }, { "type": "title", "position": [ 30, 255, 219, 42 ], "completed": false }, { "type": "title", "position": [ 278, 255, 219, 22 ], "completed": false }, { "type": "title", "position": [ 527, 255, 219, 22 ], "completed": false }, { "type": "title", "position": [ 776, 255, 219, 22 ], "completed": false } ] }, { "text": "# A page for advertising the featured products in an online shop. # There should have a title \"Feature products\" and eight groups of product information, with each including an image, a product name, a price, and a button \"Choose options\" for the user to choose opinions.", "region_id": "6514", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Feature products'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text [attr:repeat '2']][el:button [attr:value 'Choose options'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 5 3 108 3 | \" [ button 5 46 26 5 | image 5 10 26 26 | text 5 38 26 2 | text 5 41 15 2 ] | [ button 33 46 26 5 | image 33 10 26 26 | text 33 38 26 2 | text 33 41 15 2 ] | [ button 60 46 26 5 | image 60 10 26 26 | text 60 38 26 2 | text 60 41 15 2 ] | [ button 87 46 26 5 | image 87 10 26 26 | text 87 38 26 2 | text 87 41 15 2 ] | [ button 5 90 26 5 | image 5 54 26 26 | text 5 82 26 2 | text 5 85 15 2 ] | [ button 33 90 26 5 | image 33 54 26 26 | text 33 82 26 2 | text 33 85 15 2 ] | [ button 60 90 26 5 | image 60 54 26 26 | text 60 82 26 2 | text 60 85 15 2 ] | [ button 87 90 26 5 | image 87 54 26 26 | text 87 82 26 2 | text 87 85 15 2 ] \"", "layout_seq_without_completion": "title 5 3 108 3 | \" [ button 5 46 26 5 | image 5 10 26 26 | text 5 38 26 2 | text 5 41 15 2 ] | [ button 33 46 26 5 | image 33 10 26 26 | text 33 38 26 2 | text 33 41 15 2 ] | [ button 60 46 26 5 | image 60 10 26 26 | text 60 38 26 2 | text 60 41 15 2 ] | [ button 87 46 26 5 | image 87 10 26 26 | text 87 38 26 2 | text 87 41 15 2 ] | [ button 5 90 26 5 | image 5 54 26 26 | text 5 82 26 2 | text 5 85 15 2 ] | [ button 33 90 26 5 | image 33 54 26 26 | text 33 82 26 2 | text 33 85 15 2 ] | [ button 60 90 26 5 | image 60 54 26 26 | text 60 82 26 2 | text 60 85 15 2 ] | [ button 87 90 26 5 | image 87 54 26 26 | text 87 82 26 2 | text 87 85 15 2 ] \"", "plain_layout_seq": "button 5 46 26 5 | button 33 46 26 5 | button 60 46 26 5 | button 87 46 26 5 | button 5 90 26 5 | button 33 90 26 5 | button 60 90 26 5 | button 87 90 26 5 | image 5 10 26 26 | image 33 10 26 26 | image 60 10 26 26 | image 87 10 26 26 | image 5 54 26 26 | image 33 54 26 26 | image 60 54 26 26 | image 87 54 26 26 | text 5 38 26 2 | text 5 41 15 2 | text 33 38 26 2 | text 33 41 15 2 | text 60 38 26 2 | text 60 41 15 2 | text 87 38 26 2 | text 87 41 15 2 | text 5 82 26 2 | text 5 85 15 2 | text 33 82 26 2 | text 33 85 15 2 | text 60 82 26 2 | text 60 85 15 2 | text 87 82 26 2 | text 87 85 15 2 | title 5 3 108 3", "canvas_width": 1024, "canvas_height": 861, "elements": [ { "type": "title", "position": [ 50, 27, 924, 32 ], "completed": false }, { "type": "image", "position": [ 50, 89, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 89, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 89, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 89, 225, 225 ], "completed": false }, { "type": "text", "position": [ 50, 330, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 330, 225, 18 ], "completed": false }, { "type": "text", "position": [ 516, 330, 225, 18 ], "completed": false }, { "type": "text", "position": [ 749, 330, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 356, 128, 21 ], "completed": false }, { "type": "text", "position": [ 283, 356, 128, 21 ], "completed": false }, { "type": "text", "position": [ 516, 356, 135, 21 ], "completed": false }, { "type": "text", "position": [ 749, 356, 128, 21 ], "completed": false }, { "type": "button", "position": [ 50, 396, 225, 47 ], "completed": false }, { "type": "button", "position": [ 283, 396, 225, 47 ], "completed": false }, { "type": "button", "position": [ 516, 396, 225, 47 ], "completed": false }, { "type": "button", "position": [ 749, 396, 225, 47 ], "completed": false }, { "type": "image", "position": [ 50, 461, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 461, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 461, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 461, 225, 225 ], "completed": false }, { "type": "text", "position": [ 50, 702, 225, 18 ], "completed": false }, { "type": "text", "position": [ 283, 702, 225, 18 ], "completed": false }, { "type": "text", "position": [ 516, 702, 225, 18 ], "completed": false }, { "type": "text", "position": [ 749, 702, 225, 18 ], "completed": false }, { "type": "text", "position": [ 50, 728, 128, 21 ], "completed": false }, { "type": "text", "position": [ 283, 728, 136, 21 ], "completed": false }, { "type": "text", "position": [ 516, 728, 128, 21 ], "completed": false }, { "type": "text", "position": [ 749, 728, 128, 21 ], "completed": false }, { "type": "button", "position": [ 50, 768, 225, 47 ], "completed": false }, { "type": "button", "position": [ 283, 768, 225, 47 ], "completed": false }, { "type": "button", "position": [ 516, 768, 225, 47 ], "completed": false }, { "type": "button", "position": [ 749, 768, 225, 47 ], "completed": false } ] }, { "text": "#This page is mainly to guide users to follow Hloom. #This page has three links in addition to a \"Follow Hloom\" title: Facebook, LinkedIn, and Pinterest for users to follow Hloom.", "region_id": "3391", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Follow Hloom']] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Facebook,LinkedIn,Pinterest '] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 1 10 7 2 | link 0 5 7 2 | link 1 8 6 2 | complete logo 0 8 1 1 | complete logo 8 10 3 2 | complete logo 0 5 0 1 | complete logo 8 5 3 2 | complete logo 8 7 3 2 | complete logo 0 11 1 1 | title 0 0 120 2", "layout_seq_without_completion": "link 1 10 7 2 | link 0 5 7 2 | link 1 8 6 2 | logo 0 8 1 1 | logo 8 10 3 2 | logo 0 5 0 1 | logo 8 5 3 2 | logo 8 7 3 2 | logo 0 11 1 1 | title 0 0 120 2", "plain_layout_seq": "link 1 10 7 2 | link 0 5 7 2 | link 1 8 6 2 | logo 0 8 1 1 | logo 8 10 3 2 | logo 0 5 0 1 | logo 8 5 3 2 | logo 8 7 3 2 | logo 0 11 1 1 | title 0 0 120 2", "canvas_width": 940, "canvas_height": 105, "elements": [ { "type": "title", "position": [ 0, 0, 940, 23 ], "completed": false }, { "type": "logo", "position": [ 68, 40, 24, 21 ], "completed": true }, { "type": "link", "position": [ 7, 42, 61, 16 ], "completed": false }, { "type": "logo", "position": [ 0, 44, 7, 13 ], "completed": true }, { "type": "logo", "position": [ 64, 62, 24, 21 ], "completed": true }, { "type": "link", "position": [ 11, 63, 53, 16 ], "completed": false }, { "type": "logo", "position": [ 0, 67, 11, 11 ], "completed": true }, { "type": "logo", "position": [ 64, 84, 24, 21 ], "completed": true }, { "type": "link", "position": [ 9, 85, 55, 16 ], "completed": false }, { "type": "logo", "position": [ 0, 88, 9, 13 ], "completed": true } ] }, { "text": "# A page for presenting the sale and offer hub.# The page should have the title \"SALE AND OFFER HUB\", and four groups of information sets with each having an image and a button \"Shop Now\" for the user to purchase goods.", "region_id": "5016", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'sale and offer hub'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:button [attr:value 'shop now'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 98 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 79 7 34 17 | title 2 0 30 3 | \" [ image 42 7 34 17 ] | [ button 61 26 13 3 ] | [ image 42 32 34 17 ] | [ button 61 51 13 3 ] \"", "layout_seq_without_completion": "button 98 26 13 3 | button 24 26 13 3 | image 5 7 34 17 | image 79 7 34 17 | title 2 0 30 3 | \" [ image 42 7 34 17 ] | [ button 61 26 13 3 ] | [ image 42 32 34 17 ] | [ button 61 51 13 3 ] \"", "plain_layout_seq": "button 98 26 13 3 | button 24 26 13 3 | button 61 26 13 3 | button 61 51 13 3 | image 5 7 34 17 | image 79 7 34 17 | image 42 7 34 17 | image 42 32 34 17 | title 2 0 30 3", "canvas_width": 1024, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 25, 8, 264, 30 ], "completed": false }, { "type": "image", "position": [ 50, 66, 295, 153 ], "completed": false }, { "type": "image", "position": [ 365, 66, 295, 153 ], "completed": false }, { "type": "image", "position": [ 679, 66, 295, 153 ], "completed": false }, { "type": "button", "position": [ 209, 227, 116, 30 ], "completed": false }, { "type": "button", "position": [ 523, 227, 116, 30 ], "completed": false }, { "type": "button", "position": [ 838, 227, 116, 30 ], "completed": false }, { "type": "image", "position": [ 365, 277, 295, 153 ], "completed": false }, { "type": "button", "position": [ 523, 438, 116, 30 ], "completed": false } ] }, { "text": "#A page including different devices for users to choose from.# The page contains 3 information sets. Each group includes the logo and the name of a device, including Windows, Linux OS and Mac OS.", "region_id": "2955", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'windows, linux os, mac os'] [item [el:logo] [el:text] ] ] ]", "execution": "multiinfo : { [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] | [ logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 30 0 17 18 | logo 36 3 5 5 | text 34 11 9 2 ] | [ complete image 51 0 17 18 | logo 57 3 5 5 | text 55 11 9 2 ] | [ complete image 72 0 17 18 | logo 77 3 5 5 | text 76 11 9 2 ] \"", "layout_seq_without_completion": "\" [ image 30 0 17 18 | logo 36 3 5 5 | text 34 11 9 2 ] | [ image 51 0 17 18 | logo 57 3 5 5 | text 55 11 9 2 ] | [ image 72 0 17 18 | logo 77 3 5 5 | text 76 11 9 2 ] \"", "plain_layout_seq": "image 30 0 17 18 | image 51 0 17 18 | image 72 0 17 18 | logo 36 3 5 5 | logo 57 3 5 5 | logo 77 3 5 5 | text 34 11 9 2 | text 55 11 9 2 | text 76 11 9 2", "canvas_width": 976, "canvas_height": 147, "elements": [ { "type": "image", "position": [ 250, 0, 139, 147 ], "completed": true }, { "type": "image", "position": [ 418, 0, 139, 147 ], "completed": true }, { "type": "image", "position": [ 588, 0, 139, 147 ], "completed": true }, { "type": "logo", "position": [ 296, 32, 45, 45 ], "completed": false }, { "type": "logo", "position": [ 466, 32, 45, 45 ], "completed": false }, { "type": "logo", "position": [ 634, 32, 45, 45 ], "completed": false }, { "type": "text", "position": [ 282, 97, 75, 18 ], "completed": false }, { "type": "text", "position": [ 450, 97, 75, 18 ], "completed": false }, { "type": "text", "position": [ 620, 97, 75, 18 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # There should have a title \"Customers\" and two buttons \"Get Started\" and \"Request a Demo\". Then the page should include four groups of information sets: \"Secure IT Right\" \"5000+ Integration\" \"Competitive Pricing\" and \"24/7 Support\". In each group, there should have a small image, a title, and a further introduction.", "region_id": "4149", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'customers'] ] [el:button [attr:value 'get started'] ] [el:button [attr:value 'request a Demo'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'secure it right, 5000+ integration, competitive pricing, 24/7 support'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 55 23 19 12 | description 84 27 19 12 | description 6 63 19 12 | description 35 59 19 12 | image 60 8 7 7 | complete image 53 7 21 33 | complete image 82 7 21 33 | complete image 34 43 21 33 | complete image 5 43 21 33 | image 90 8 7 7 | image 12 44 7 7 | image 41 44 7 7 | title 55 18 19 4 | title 35 54 19 4 | title 84 18 19 8 | title 6 54 19 8", "layout_seq_without_completion": "description 55 23 19 12 | description 84 27 19 12 | description 6 63 19 12 | description 35 59 19 12 | image 60 8 7 7 | image 53 7 21 33 | image 82 7 21 33 | image 34 43 21 33 | image 5 43 21 33 | image 90 8 7 7 | image 12 44 7 7 | image 41 44 7 7 | title 55 18 19 4 | title 35 54 19 4 | title 84 18 19 8 | title 6 54 19 8", "plain_layout_seq": "description 55 23 19 12 | description 84 27 19 12 | description 6 63 19 12 | description 35 59 19 12 | image 60 8 7 7 | image 53 7 21 33 | image 82 7 21 33 | image 34 43 21 33 | image 5 43 21 33 | image 90 8 7 7 | image 12 44 7 7 | image 41 44 7 7 | title 55 18 19 4 | title 35 54 19 4 | title 84 18 19 8 | title 6 54 19 8", "canvas_width": 1179, "canvas_height": 790, "elements": [ { "type": "image", "position": [ 527, 70, 216, 325 ], "completed": true }, { "type": "image", "position": [ 815, 70, 216, 325 ], "completed": true }, { "type": "image", "position": [ 598, 84, 75, 75 ], "completed": false }, { "type": "image", "position": [ 885, 84, 75, 75 ], "completed": false }, { "type": "title", "position": [ 541, 179, 188, 46 ], "completed": false }, { "type": "title", "position": [ 829, 179, 188, 82 ], "completed": false }, { "type": "description", "position": [ 541, 235, 188, 122 ], "completed": false }, { "type": "description", "position": [ 829, 271, 188, 122 ], "completed": false }, { "type": "image", "position": [ 50, 423, 216, 325 ], "completed": true }, { "type": "image", "position": [ 338, 423, 216, 325 ], "completed": true }, { "type": "image", "position": [ 120, 437, 75, 75 ], "completed": false }, { "type": "image", "position": [ 408, 437, 75, 75 ], "completed": false }, { "type": "title", "position": [ 64, 532, 188, 82 ], "completed": false }, { "type": "title", "position": [ 352, 532, 188, 46 ], "completed": false }, { "type": "description", "position": [ 352, 588, 188, 122 ], "completed": false }, { "type": "description", "position": [ 64, 624, 188, 122 ], "completed": false } ] }, { "text": "# A page showing some game server hosting.# The page should have the title \"Game Server Hosting\" and seven groups of server hosting information. In each group, there should have an image, the name of the server hosting, and the phrase \"SERVER Hosting\".", "region_id": "6289", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Game server hosting'] ] [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] [el:text [attr:value 'server hosting'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 4 110 4 | \" [ image 4 14 9 9 | text 4 18 34 3 | title 4 15 34 3 ] | [ image 42 14 9 9 | text 42 18 34 3 | title 42 15 34 3 ] | [ image 80 14 9 9 | text 80 22 34 3 | title 80 15 34 7 ] | [ image 4 28 9 9 | text 4 33 34 3 | title 4 29 34 3 ] | [ image 42 28 9 9 | text 42 33 34 3 | title 42 29 34 3 ] | [ image 80 28 9 9 | text 80 33 34 3 | title 80 29 34 3 ] | [ image 4 40 9 9 | text 4 44 34 3 | title 4 40 34 3 ] \"", "layout_seq_without_completion": "title 4 4 110 4 | \" [ image 4 14 9 9 | text 4 18 34 3 | title 4 15 34 3 ] | [ image 42 14 9 9 | text 42 18 34 3 | title 42 15 34 3 ] | [ image 80 14 9 9 | text 80 22 34 3 | title 80 15 34 7 ] | [ image 4 28 9 9 | text 4 33 34 3 | title 4 29 34 3 ] | [ image 42 28 9 9 | text 42 33 34 3 | title 42 29 34 3 ] | [ image 80 28 9 9 | text 80 33 34 3 | title 80 29 34 3 ] | [ image 4 40 9 9 | text 4 44 34 3 | title 4 40 34 3 ] \"", "plain_layout_seq": "image 4 14 9 9 | image 42 14 9 9 | image 80 14 9 9 | image 4 28 9 9 | image 42 28 9 9 | image 80 28 9 9 | image 4 40 9 9 | text 4 18 34 3 | text 42 18 34 3 | text 80 22 34 3 | text 4 33 34 3 | text 42 33 34 3 | text 80 33 34 3 | text 4 44 34 3 | title 4 4 110 4 | title 4 15 34 3 | title 42 15 34 3 | title 80 15 34 7 | title 4 29 34 3 | title 42 29 34 3 | title 80 29 34 3 | title 4 40 34 3", "canvas_width": 1024, "canvas_height": 453, "elements": [ { "type": "title", "position": [ 42, 35, 940, 40 ], "completed": false }, { "type": "image", "position": [ 42, 123, 80, 80 ], "completed": false }, { "type": "image", "position": [ 365, 123, 80, 80 ], "completed": false }, { "type": "image", "position": [ 689, 123, 80, 80 ], "completed": false }, { "type": "title", "position": [ 42, 128, 293, 33 ], "completed": false }, { "type": "title", "position": [ 365, 128, 293, 33 ], "completed": false }, { "type": "title", "position": [ 689, 128, 293, 66 ], "completed": false }, { "type": "text", "position": [ 42, 161, 293, 33 ], "completed": false }, { "type": "text", "position": [ 365, 161, 293, 33 ], "completed": false }, { "type": "text", "position": [ 689, 194, 293, 33 ], "completed": false }, { "type": "image", "position": [ 42, 245, 80, 80 ], "completed": false }, { "type": "image", "position": [ 365, 245, 80, 80 ], "completed": false }, { "type": "image", "position": [ 689, 245, 80, 80 ], "completed": false }, { "type": "title", "position": [ 42, 250, 293, 33 ], "completed": false }, { "type": "title", "position": [ 365, 250, 293, 33 ], "completed": false }, { "type": "title", "position": [ 689, 250, 293, 33 ], "completed": false }, { "type": "text", "position": [ 42, 283, 293, 33 ], "completed": false }, { "type": "text", "position": [ 365, 283, 293, 33 ], "completed": false }, { "type": "text", "position": [ 689, 283, 293, 33 ], "completed": false }, { "type": "image", "position": [ 42, 343, 80, 80 ], "completed": false }, { "type": "title", "position": [ 42, 348, 293, 33 ], "completed": false }, { "type": "text", "position": [ 42, 381, 293, 33 ], "completed": false } ] }, { "text": "#A page for an introduction to an application.# The page has a label named \u201cCOMMUNITY\u201d, one title of the product, a description, and fifteen contents showing different characteristics of the product, with an icon beside each content.", "region_id": "6165", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text[attr:value'COMMUNITY']][el:title ][el:description] [gp:InfoGroup [gattr:repeat '15'] [item [el:icon][el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 0 27 58 10 | icon 61 4 3 3 | icon 92 4 3 3 | icon 92 11 3 3 | icon 61 37 3 3 | icon 92 29 3 3 | icon 92 35 3 3 | icon 61 21 3 3 | icon 61 27 3 3 | icon 61 43 3 3 | icon 61 14 3 3 | icon 61 49 3 3 | icon 92 17 3 3 | icon 92 23 3 3 | icon 92 42 3 3 | icon 92 48 3 3 | text 0 4 17 3 | text 67 49 10 2 | text 98 42 13 2 | text 98 48 14 2 | text 98 36 7 2 | text 67 37 20 2 | text 98 23 14 2 | text 67 5 13 6 | text 67 15 8 2 | text 67 43 18 2 | text 98 5 16 2 | text 98 11 15 2 | text 98 30 8 2 | text 67 21 6 2 | text 67 27 10 6 | text 98 17 13 2 | title 0 10 58 13", "layout_seq_without_completion": "description 0 27 58 10 | icon 61 4 3 3 | icon 92 4 3 3 | icon 92 11 3 3 | icon 61 37 3 3 | icon 92 29 3 3 | icon 92 35 3 3 | icon 61 21 3 3 | icon 61 27 3 3 | icon 61 43 3 3 | icon 61 14 3 3 | icon 61 49 3 3 | icon 92 17 3 3 | icon 92 23 3 3 | icon 92 42 3 3 | icon 92 48 3 3 | text 0 4 17 3 | text 67 49 10 2 | text 98 42 13 2 | text 98 48 14 2 | text 98 36 7 2 | text 67 37 20 2 | text 98 23 14 2 | text 67 5 13 6 | text 67 15 8 2 | text 67 43 18 2 | text 98 5 16 2 | text 98 11 15 2 | text 98 30 8 2 | text 67 21 6 2 | text 67 27 10 6 | text 98 17 13 2 | title 0 10 58 13", "plain_layout_seq": "description 0 27 58 10 | icon 61 4 3 3 | icon 92 4 3 3 | icon 92 11 3 3 | icon 61 37 3 3 | icon 92 29 3 3 | icon 92 35 3 3 | icon 61 21 3 3 | icon 61 27 3 3 | icon 61 43 3 3 | icon 61 14 3 3 | icon 61 49 3 3 | icon 92 17 3 3 | icon 92 23 3 3 | icon 92 42 3 3 | icon 92 48 3 3 | text 0 4 17 3 | text 67 49 10 2 | text 98 42 13 2 | text 98 48 14 2 | text 98 36 7 2 | text 67 37 20 2 | text 98 23 14 2 | text 67 5 13 6 | text 67 15 8 2 | text 67 43 18 2 | text 98 5 16 2 | text 98 11 15 2 | text 98 30 8 2 | text 67 21 6 2 | text 67 27 10 6 | text 98 17 13 2 | title 0 10 58 13", "canvas_width": 969, "canvas_height": 495, "elements": [ { "type": "text", "position": [ 0, 39, 139, 26 ], "completed": false }, { "type": "icon", "position": [ 500, 40, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 750, 40, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 43, 105, 53 ], "completed": false }, { "type": "text", "position": [ 795, 43, 134, 23 ], "completed": false }, { "type": "title", "position": [ 0, 84, 469, 110 ], "completed": false }, { "type": "icon", "position": [ 750, 90, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 93, 122, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 120, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 123, 70, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 140, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 143, 109, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 170, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 173, 50, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 190, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 193, 121, 23 ], "completed": false }, { "type": "description", "position": [ 0, 220, 469, 84 ], "completed": false }, { "type": "icon", "position": [ 500, 220, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 223, 87, 53 ], "completed": false }, { "type": "icon", "position": [ 750, 240, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 243, 67, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 290, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 293, 63, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 300, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 303, 167, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 340, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 343, 105, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 350, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 353, 152, 23 ], "completed": false }, { "type": "icon", "position": [ 750, 390, 30, 30 ], "completed": false }, { "type": "text", "position": [ 795, 393, 116, 23 ], "completed": false }, { "type": "icon", "position": [ 500, 400, 30, 30 ], "completed": false }, { "type": "text", "position": [ 546, 403, 84, 23 ], "completed": false } ] }, { "text": "#A page to offer solutions and tools for users.# There are two parts to the page. Each part has an icon. Besides the icon, there is a title and a short description.", "region_id": "3205", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined | title undefined undefined ] | [ description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 70 5 41 6 | description 17 5 41 6 | icon 8 0 5 5 | icon 61 0 5 5 | title 17 0 22 2 | title 70 0 26 2", "layout_seq_without_completion": "description 70 5 41 6 | description 17 5 41 6 | icon 8 0 5 5 | icon 61 0 5 5 | title 17 0 22 2 | title 70 0 26 2", "plain_layout_seq": "description 70 5 41 6 | description 17 5 41 6 | icon 8 0 5 5 | icon 61 0 5 5 | title 17 0 22 2 | title 70 0 26 2", "canvas_width": 888, "canvas_height": 152, "elements": [ { "type": "icon", "position": [ 61, 0, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 456, 0, 42, 40 ], "completed": false }, { "type": "title", "position": [ 126, 4, 170, 16 ], "completed": false }, { "type": "title", "position": [ 522, 4, 198, 16 ], "completed": false }, { "type": "description", "position": [ 126, 40, 306, 48 ], "completed": false }, { "type": "description", "position": [ 522, 40, 306, 48 ], "completed": false } ] }, { "text": "#A page for users to choose their shopping ways.# There should be one label and one title \"Shop the way you want\". Three icons show the shopping ways and each of them is followed by one vice title and one description, and one button for reading more.", "region_id": "724", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title [attr:value'shop the way you want'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 3 5 112 4 | title 3 1 112 2 | \" [ button 13 46 15 3 | description 3 30 34 8 | icon 18 18 5 5 | title 3 25 34 3 ] | [ button 52 46 15 3 | description 42 30 34 14 | icon 57 18 5 5 | title 42 25 34 3 ] | [ button 90 46 15 3 | description 81 30 34 2 | icon 95 18 5 5 | title 81 25 34 3 ] \"", "layout_seq_without_completion": "title 3 5 112 4 | title 3 1 112 2 | \" [ button 13 46 15 3 | description 3 30 34 8 | icon 18 18 5 5 | title 3 25 34 3 ] | [ button 52 46 15 3 | description 42 30 34 14 | icon 57 18 5 5 | title 42 25 34 3 ] | [ button 90 46 15 3 | description 81 30 34 2 | icon 95 18 5 5 | title 81 25 34 3 ] \"", "plain_layout_seq": "button 13 46 15 3 | button 52 46 15 3 | button 90 46 15 3 | description 3 30 34 8 | description 42 30 34 14 | description 81 30 34 2 | icon 18 18 5 5 | icon 57 18 5 5 | icon 95 18 5 5 | title 3 5 112 4 | title 3 1 112 2 | title 3 25 34 3 | title 42 25 34 3 | title 81 25 34 3", "canvas_width": 1003, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 32, 16, 939, 18 ], "completed": false }, { "type": "title", "position": [ 32, 50, 939, 41 ], "completed": false }, { "type": "icon", "position": [ 154, 155, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 477, 155, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 801, 155, 48, 48 ], "completed": false }, { "type": "title", "position": [ 32, 211, 292, 28 ], "completed": false }, { "type": "title", "position": [ 356, 211, 292, 28 ], "completed": false }, { "type": "title", "position": [ 679, 211, 292, 28 ], "completed": false }, { "type": "description", "position": [ 32, 255, 292, 72 ], "completed": false }, { "type": "description", "position": [ 356, 255, 292, 120 ], "completed": false }, { "type": "description", "position": [ 679, 255, 292, 24 ], "completed": false }, { "type": "button", "position": [ 112, 391, 132, 27 ], "completed": false }, { "type": "button", "position": [ 436, 391, 131, 27 ], "completed": false }, { "type": "button", "position": [ 760, 391, 131, 27 ], "completed": false } ] }, { "text": "#A page for users to choose their shopping ways.# There should be two text boxes, one for the slogan and the other for the title. Three images show the shopping ways and each of them is followed by two text boxes and one text button.", "region_id": "724_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat'2'] ] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 3 5 112 4 | title 3 1 112 2 | \" [ button 13 46 15 3 | image 18 18 5 5 | text 3 25 34 3 | text 3 30 34 8 ] | [ button 52 46 15 3 | image 57 18 5 5 | text 42 25 34 3 | text 42 30 34 14 ] | [ button 90 46 15 3 | image 95 18 5 5 | text 81 25 34 3 | text 81 30 34 2 ] \"", "layout_seq_without_completion": "title 3 5 112 4 | title 3 1 112 2 | \" [ button 13 46 15 3 | image 18 18 5 5 | text 3 25 34 3 | text 3 30 34 8 ] | [ button 52 46 15 3 | image 57 18 5 5 | text 42 25 34 3 | text 42 30 34 14 ] | [ button 90 46 15 3 | image 95 18 5 5 | text 81 25 34 3 | text 81 30 34 2 ] \"", "plain_layout_seq": "button 13 46 15 3 | button 52 46 15 3 | button 90 46 15 3 | image 18 18 5 5 | image 57 18 5 5 | image 95 18 5 5 | text 3 25 34 3 | text 3 30 34 8 | text 42 25 34 3 | text 42 30 34 14 | text 81 25 34 3 | text 81 30 34 2 | title 3 5 112 4 | title 3 1 112 2", "canvas_width": 1003, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 32, 16, 939, 18 ], "completed": false }, { "type": "title", "position": [ 32, 50, 939, 41 ], "completed": false }, { "type": "image", "position": [ 154, 155, 48, 48 ], "completed": false }, { "type": "image", "position": [ 477, 155, 48, 48 ], "completed": false }, { "type": "image", "position": [ 801, 155, 48, 48 ], "completed": false }, { "type": "text", "position": [ 32, 211, 292, 28 ], "completed": false }, { "type": "text", "position": [ 356, 211, 292, 28 ], "completed": false }, { "type": "text", "position": [ 679, 211, 292, 28 ], "completed": false }, { "type": "text", "position": [ 32, 255, 292, 72 ], "completed": false }, { "type": "text", "position": [ 356, 255, 292, 120 ], "completed": false }, { "type": "text", "position": [ 679, 255, 292, 24 ], "completed": false }, { "type": "button", "position": [ 112, 391, 132, 27 ], "completed": false }, { "type": "button", "position": [ 436, 391, 131, 27 ], "completed": false }, { "type": "button", "position": [ 760, 391, 131, 27 ], "completed": false } ] }, { "text": "#A page for introducing the User Requested Albums.#The page should have a title, and there are nine groups and each group has an image and a title. Also, there is a brief description in each group.", "region_id": "4135", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '9'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 49 0 21 2 | \" [ description 15 13 18 2 | complete image 0 5 37 15 | image 3 7 10 10 | title 15 10 18 2 ] | [ description 57 14 18 2 | complete image 41 5 37 15 | image 44 7 10 10 | title 57 9 18 4 ] | [ description 98 13 18 2 | complete image 82 5 37 15 | image 85 7 10 10 | title 98 10 18 2 ] | [ description 15 28 18 2 | complete image 0 20 37 15 | image 3 22 10 10 | title 15 25 18 2 ] | [ description 57 29 18 2 | complete image 41 20 37 15 | image 44 22 10 10 | title 57 24 18 4 ] | [ description 98 29 18 2 | complete image 82 20 37 15 | image 85 22 10 10 | title 98 24 18 4 ] | [ description 15 46 18 2 | complete image 0 36 37 15 | image 3 38 10 10 | title 15 38 18 6 ] | [ description 57 43 18 2 | complete image 41 36 37 15 | image 44 38 10 10 | title 57 41 18 2 ] | [ description 98 43 18 2 | complete image 82 36 37 15 | image 85 38 10 10 | title 98 41 18 2 ] \"", "layout_seq_without_completion": "title 49 0 21 2 | \" [ description 15 13 18 2 | image 0 5 37 15 | image 3 7 10 10 | title 15 10 18 2 ] | [ description 57 14 18 2 | image 41 5 37 15 | image 44 7 10 10 | title 57 9 18 4 ] | [ description 98 13 18 2 | image 82 5 37 15 | image 85 7 10 10 | title 98 10 18 2 ] | [ description 15 28 18 2 | image 0 20 37 15 | image 3 22 10 10 | title 15 25 18 2 ] | [ description 57 29 18 2 | image 41 20 37 15 | image 44 22 10 10 | title 57 24 18 4 ] | [ description 98 29 18 2 | image 82 20 37 15 | image 85 22 10 10 | title 98 24 18 4 ] | [ description 15 46 18 2 | image 0 36 37 15 | image 3 38 10 10 | title 15 38 18 6 ] | [ description 57 43 18 2 | image 41 36 37 15 | image 44 38 10 10 | title 57 41 18 2 ] | [ description 98 43 18 2 | image 82 36 37 15 | image 85 38 10 10 | title 98 41 18 2 ] \"", "plain_layout_seq": "description 15 13 18 2 | description 57 14 18 2 | description 98 13 18 2 | description 15 28 18 2 | description 57 29 18 2 | description 98 29 18 2 | description 15 46 18 2 | description 57 43 18 2 | description 98 43 18 2 | image 0 5 37 15 | image 3 7 10 10 | image 41 5 37 15 | image 44 7 10 10 | image 82 5 37 15 | image 85 7 10 10 | image 0 20 37 15 | image 3 22 10 10 | image 41 20 37 15 | image 44 22 10 10 | image 82 20 37 15 | image 85 22 10 10 | image 0 36 37 15 | image 3 38 10 10 | image 41 36 37 15 | image 44 38 10 10 | image 82 36 37 15 | image 85 38 10 10 | title 49 0 21 2 | title 15 10 18 2 | title 57 9 18 4 | title 98 10 18 2 | title 15 25 18 2 | title 57 24 18 4 | title 98 24 18 4 | title 15 38 18 6 | title 57 41 18 2 | title 98 41 18 2", "canvas_width": 1060, "canvas_height": 453, "elements": [ { "type": "title", "position": [ 433, 0, 194, 24 ], "completed": false }, { "type": "image", "position": [ 0, 48, 330, 135 ], "completed": true }, { "type": "image", "position": [ 365, 48, 330, 135 ], "completed": true }, { "type": "image", "position": [ 730, 48, 330, 135 ], "completed": true }, { "type": "image", "position": [ 29, 66, 93, 93 ], "completed": false }, { "type": "image", "position": [ 394, 66, 93, 93 ], "completed": false }, { "type": "image", "position": [ 759, 66, 93, 93 ], "completed": false }, { "type": "title", "position": [ 505, 83, 165, 40 ], "completed": false }, { "type": "title", "position": [ 140, 93, 165, 20 ], "completed": false }, { "type": "title", "position": [ 870, 93, 165, 20 ], "completed": false }, { "type": "description", "position": [ 140, 118, 165, 20 ], "completed": false }, { "type": "description", "position": [ 870, 118, 165, 20 ], "completed": false }, { "type": "description", "position": [ 505, 128, 165, 20 ], "completed": false }, { "type": "image", "position": [ 0, 183, 330, 135 ], "completed": true }, { "type": "image", "position": [ 365, 183, 330, 135 ], "completed": true }, { "type": "image", "position": [ 730, 183, 330, 135 ], "completed": true }, { "type": "image", "position": [ 29, 201, 93, 93 ], "completed": false }, { "type": "image", "position": [ 394, 201, 93, 93 ], "completed": false }, { "type": "image", "position": [ 759, 201, 93, 93 ], "completed": false }, { "type": "title", "position": [ 505, 218, 165, 40 ], "completed": false }, { "type": "title", "position": [ 870, 218, 165, 40 ], "completed": false }, { "type": "title", "position": [ 140, 228, 165, 20 ], "completed": false }, { "type": "description", "position": [ 140, 253, 165, 20 ], "completed": false }, { "type": "description", "position": [ 505, 263, 165, 20 ], "completed": false }, { "type": "description", "position": [ 870, 263, 165, 20 ], "completed": false }, { "type": "image", "position": [ 0, 318, 330, 135 ], "completed": true }, { "type": "image", "position": [ 365, 318, 330, 135 ], "completed": true }, { "type": "image", "position": [ 730, 318, 330, 135 ], "completed": true }, { "type": "image", "position": [ 29, 336, 93, 93 ], "completed": false }, { "type": "image", "position": [ 394, 336, 93, 93 ], "completed": false }, { "type": "image", "position": [ 759, 336, 93, 93 ], "completed": false }, { "type": "title", "position": [ 140, 343, 165, 60 ], "completed": false }, { "type": "title", "position": [ 505, 363, 165, 20 ], "completed": false }, { "type": "title", "position": [ 870, 363, 165, 20 ], "completed": false }, { "type": "description", "position": [ 505, 388, 165, 20 ], "completed": false }, { "type": "description", "position": [ 870, 388, 165, 20 ], "completed": false }, { "type": "description", "position": [ 140, 408, 165, 20 ], "completed": false } ] }, { "text": "# A page for introducing the advantage of the Bolt.# The page should be divided into three parts. In each part, there should a small image and two text boxes, one for a title, and another for a short description of the title.", "region_id": "40", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image [attr:size'small'] ] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 8 34 6 | image 2 0 2 2 | title 2 3 34 3 ] | [ description 42 12 34 6 | image 42 0 2 2 | title 42 3 34 7 ] | [ description 82 8 34 6 | image 82 0 2 2 | title 82 3 34 3 ] \"", "layout_seq_without_completion": "\" [ description 2 8 34 6 | image 2 0 2 2 | title 2 3 34 3 ] | [ description 42 12 34 6 | image 42 0 2 2 | title 42 3 34 7 ] | [ description 82 8 34 6 | image 82 0 2 2 | title 82 3 34 3 ] \"", "plain_layout_seq": "description 2 8 34 6 | description 42 12 34 6 | description 82 8 34 6 | image 2 0 2 2 | image 42 0 2 2 | image 82 0 2 2 | title 2 3 34 3 | title 42 3 34 7 | title 82 3 34 3", "canvas_width": 1003, "canvas_height": 156, "elements": [ { "type": "image", "position": [ 24, 0, 24, 24 ], "completed": false }, { "type": "image", "position": [ 356, 0, 24, 24 ], "completed": false }, { "type": "image", "position": [ 687, 0, 24, 24 ], "completed": false }, { "type": "title", "position": [ 24, 30, 292, 32 ], "completed": false }, { "type": "title", "position": [ 356, 30, 292, 64 ], "completed": false }, { "type": "title", "position": [ 687, 30, 292, 32 ], "completed": false }, { "type": "description", "position": [ 24, 70, 292, 54 ], "completed": false }, { "type": "description", "position": [ 687, 70, 292, 54 ], "completed": false }, { "type": "description", "position": [ 356, 102, 292, 54 ], "completed": false } ] }, { "text": "#A page for introducing the Face Masks, Skirts& Crops, Mugs and Throws#. There are four groups and each one includes one image, and one label for the name", "region_id": "6669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 3 8 26 26 | image 93 8 26 26 | image 33 8 26 26 | image 63 8 26 26 | title 63 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | title 93 36 26 2 | complete title 3 3 116 3", "layout_seq_without_completion": "image 3 8 26 26 | image 93 8 26 26 | image 33 8 26 26 | image 63 8 26 26 | title 63 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | title 93 36 26 2 | title 3 3 116 3", "plain_layout_seq": "image 3 8 26 26 | image 93 8 26 26 | image 33 8 26 26 | image 63 8 26 26 | title 63 36 26 2 | title 3 36 26 2 | title 33 36 26 2 | title 93 36 26 2 | title 3 3 116 3", "canvas_width": 979, "canvas_height": 376, "elements": [ { "type": "title", "position": [ 30, 28, 949, 29 ], "completed": true }, { "type": "image", "position": [ 30, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 275, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 520, 71, 215, 215 ], "completed": false }, { "type": "image", "position": [ 764, 71, 215, 215 ], "completed": false }, { "type": "title", "position": [ 30, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 275, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 520, 296, 215, 18 ], "completed": false }, { "type": "title", "position": [ 764, 296, 215, 18 ], "completed": false } ] }, { "text": "# A page for introducing the products of a company.# The page should have a slogan and four groups of introductions to the product. In each group, there should have a small image, a title, a further introduction, and a link \"See more\" for the user to learn more info.", "region_id": "3503", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] [el:link [attr:value 'see more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 38 40 17 14 | description 63 44 17 16 | description 13 40 17 14 | description 89 44 17 14 | image 13 30 4 3 | image 63 30 4 3 | image 38 30 4 3 | image 89 30 4 3 | link 38 56 17 2 | link 89 60 17 2 | link 13 56 17 2 | link 63 63 17 2 | title 13 9 93 11 | title 13 35 17 3 | title 38 35 17 3 | title 63 35 17 7 | title 89 35 17 7", "layout_seq_without_completion": "description 38 40 17 14 | description 63 44 17 16 | description 13 40 17 14 | description 89 44 17 14 | image 13 30 4 3 | image 63 30 4 3 | image 38 30 4 3 | image 89 30 4 3 | link 38 56 17 2 | link 89 60 17 2 | link 13 56 17 2 | link 63 63 17 2 | title 13 9 93 11 | title 13 35 17 3 | title 38 35 17 3 | title 63 35 17 7 | title 89 35 17 7", "plain_layout_seq": "description 38 40 17 14 | description 63 44 17 16 | description 13 40 17 14 | description 89 44 17 14 | image 13 30 4 3 | image 63 30 4 3 | image 38 30 4 3 | image 89 30 4 3 | link 38 56 17 2 | link 89 60 17 2 | link 13 56 17 2 | link 63 63 17 2 | title 13 9 93 11 | title 13 35 17 3 | title 38 35 17 3 | title 63 35 17 7 | title 89 35 17 7", "canvas_width": 1024, "canvas_height": 565, "elements": [ { "type": "title", "position": [ 112, 80, 800, 98 ], "completed": false }, { "type": "image", "position": [ 112, 258, 36, 28 ], "completed": false }, { "type": "image", "position": [ 328, 258, 36, 28 ], "completed": false }, { "type": "image", "position": [ 544, 258, 36, 28 ], "completed": false }, { "type": "image", "position": [ 760, 258, 36, 28 ], "completed": false }, { "type": "title", "position": [ 112, 302, 152, 31 ], "completed": false }, { "type": "title", "position": [ 328, 302, 152, 31 ], "completed": false }, { "type": "title", "position": [ 544, 302, 152, 63 ], "completed": false }, { "type": "title", "position": [ 760, 302, 152, 63 ], "completed": false }, { "type": "description", "position": [ 112, 349, 152, 120 ], "completed": false }, { "type": "description", "position": [ 328, 349, 152, 120 ], "completed": false }, { "type": "description", "position": [ 544, 380, 152, 144 ], "completed": false }, { "type": "description", "position": [ 760, 380, 152, 120 ], "completed": false }, { "type": "link", "position": [ 112, 485, 152, 24 ], "completed": false }, { "type": "link", "position": [ 328, 485, 152, 24 ], "completed": false }, { "type": "link", "position": [ 760, 516, 152, 24 ], "completed": false }, { "type": "link", "position": [ 544, 540, 152, 24 ], "completed": false } ] }, { "text": "#A page for users to get started and choose a design tool.# The page should have two titles, and 4 groups each group has an image, a title, and a short description of the tool, and a button is needed for users to learn more.", "region_id": "4069", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:repeat '2'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 5 5 108 7 | title 5 13 108 2 | \" [ button 5 67 22 6 | description 5 52 45 13 | image 5 17 45 29 | title 5 46 45 4 ] | [ button 85 34 19 4 | description 85 25 26 7 | image 59 17 22 22 | title 85 18 26 5 ] | [ button 85 62 19 4 | description 85 50 26 10 | image 59 43 22 23 | title 85 43 26 5 ] | [ button 85 88 19 4 | description 85 77 26 10 | image 59 70 22 23 | title 85 70 26 5 ] \"", "layout_seq_without_completion": "title 5 5 108 7 | title 5 13 108 2 | \" [ button 5 67 22 6 | description 5 52 45 13 | image 5 17 45 29 | title 5 46 45 4 ] | [ button 85 34 19 4 | description 85 25 26 7 | image 59 17 22 22 | title 85 18 26 5 ] | [ button 85 62 19 4 | description 85 50 26 10 | image 59 43 22 23 | title 85 43 26 5 ] | [ button 85 88 19 4 | description 85 77 26 10 | image 59 70 22 23 | title 85 70 26 5 ] \"", "plain_layout_seq": "button 5 67 22 6 | button 85 34 19 4 | button 85 62 19 4 | button 85 88 19 4 | description 5 52 45 13 | description 85 25 26 7 | description 85 50 26 10 | description 85 77 26 10 | image 5 17 45 29 | image 59 17 22 22 | image 59 43 22 23 | image 59 70 22 23 | title 5 5 108 7 | title 5 13 108 2 | title 5 46 45 4 | title 85 18 26 5 | title 85 43 26 5 | title 85 70 26 5", "canvas_width": 1009, "canvas_height": 815, "elements": [ { "type": "title", "position": [ 50, 48, 909, 63 ], "completed": false }, { "type": "title", "position": [ 50, 110, 909, 24 ], "completed": false }, { "type": "image", "position": [ 50, 144, 380, 246 ], "completed": false }, { "type": "image", "position": [ 504, 144, 191, 191 ], "completed": false }, { "type": "title", "position": [ 716, 154, 224, 49 ], "completed": false }, { "type": "description", "position": [ 716, 212, 224, 67 ], "completed": false }, { "type": "button", "position": [ 716, 289, 168, 37 ], "completed": false }, { "type": "image", "position": [ 504, 366, 191, 195 ], "completed": false }, { "type": "title", "position": [ 716, 366, 224, 48 ], "completed": false }, { "type": "title", "position": [ 50, 391, 380, 39 ], "completed": false }, { "type": "description", "position": [ 716, 424, 224, 90 ], "completed": false }, { "type": "description", "position": [ 50, 440, 380, 112 ], "completed": false }, { "type": "button", "position": [ 716, 523, 168, 37 ], "completed": false }, { "type": "button", "position": [ 50, 567, 190, 56 ], "completed": false }, { "type": "image", "position": [ 504, 590, 191, 195 ], "completed": false }, { "type": "title", "position": [ 716, 590, 224, 48 ], "completed": false }, { "type": "description", "position": [ 716, 648, 224, 90 ], "completed": false }, { "type": "button", "position": [ 716, 748, 168, 37 ], "completed": false } ] }, { "text": "#A page for introducing logistics service to users.# The page should include two text boxes with one logo and three parts of the content. Each part contains an image and one title such as \"Container Transport\", \"Dry Bulk Transportation\", and \"Overseas Warehousing\".", "region_id": "1907", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text [attr:repeat '2'] ] [el:logo] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'container transport, dry bulk transportation, overseas warehousing'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : logo undefined undefined | text undefined undefined | text undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 21 | \" [ complete image 0 0 28 21 | logo 17 11 10 10 | text 2 11 3 10 | text 0 2 17 8 ] | [ complete description 33 21 21 0 | image 28 0 29 20 | title 28 16 29 4 ] | [ complete description 63 21 21 0 | image 58 0 29 20 | title 58 16 29 4 ] | [ complete description 93 21 21 0 | image 89 0 29 20 | title 89 16 29 4 ] \"", "layout_seq_without_completion": "background 0 0 120 21 | \" [ image 0 0 28 21 | logo 17 11 10 10 | text 2 11 3 10 | text 0 2 17 8 ] | [ description 33 21 21 0 | image 28 0 29 20 | title 28 16 29 4 ] | [ description 63 21 21 0 | image 58 0 29 20 | title 58 16 29 4 ] | [ description 93 21 21 0 | image 89 0 29 20 | title 89 16 29 4 ] \"", "plain_layout_seq": "background 0 0 120 21 | description 33 21 21 0 | description 63 21 21 0 | description 93 21 21 0 | image 0 0 28 21 | image 28 0 29 20 | image 58 0 29 20 | image 89 0 29 20 | logo 17 11 10 10 | text 2 11 3 10 | text 0 2 17 8 | title 28 16 29 4 | title 58 16 29 4 | title 89 16 29 4", "canvas_width": 1180, "canvas_height": 215, "elements": [ { "type": "background", "position": [ 0, 0, 1180, 215 ], "completed": true }, { "type": "image", "position": [ 0, 0, 278, 215 ], "completed": true }, { "type": "image", "position": [ 284, 8, 290, 200 ], "completed": false }, { "type": "image", "position": [ 580, 8, 292, 202 ], "completed": false }, { "type": "image", "position": [ 878, 8, 292, 202 ], "completed": false }, { "type": "text", "position": [ 6, 28, 170, 80 ], "completed": false }, { "type": "text", "position": [ 26, 110, 34, 105 ], "completed": false }, { "type": "logo", "position": [ 173, 110, 100, 100 ], "completed": false }, { "type": "title", "position": [ 284, 162, 292, 46 ], "completed": false }, { "type": "title", "position": [ 580, 164, 292, 46 ], "completed": false }, { "type": "title", "position": [ 878, 164, 292, 46 ], "completed": false }, { "type": "description", "position": [ 325, 208, 210, 7 ], "completed": true }, { "type": "description", "position": [ 621, 210, 210, 5 ], "completed": true }, { "type": "description", "position": [ 919, 210, 210, 5 ], "completed": true } ] }, { "text": "#A page for introducing a financial app to users.# The page should include four parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "2398", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete description 63 21 50 11 | complete icon 79 28 1 1 | complete icon 77 62 1 1 | complete image 61 1 56 31 | image 85 3 7 7 | complete image 61 35 56 31 | image 95 46 19 11 | link 63 61 12 2 | link 63 27 14 2 | title 63 38 50 3 | title 63 12 50 7 | \" [ complete icon 17 28 1 1 | complete image 2 1 56 31 | image 26 3 7 7 | link 4 27 11 2 | title 4 12 50 3 ] | [ complete icon 17 62 1 1 | complete image 2 35 56 31 | image 26 37 7 7 | link 4 61 11 2 | title 4 46 50 3 ] \"", "layout_seq_without_completion": "description 63 21 50 11 | icon 79 28 1 1 | icon 77 62 1 1 | image 61 1 56 31 | image 85 3 7 7 | image 61 35 56 31 | image 95 46 19 11 | link 63 61 12 2 | link 63 27 14 2 | title 63 38 50 3 | title 63 12 50 7 | \" [ icon 17 28 1 1 | image 2 1 56 31 | image 26 3 7 7 | link 4 27 11 2 | title 4 12 50 3 ] | [ icon 17 62 1 1 | image 2 35 56 31 | image 26 37 7 7 | link 4 61 11 2 | title 4 46 50 3 ] \"", "plain_layout_seq": "description 63 21 50 11 | icon 79 28 1 1 | icon 77 62 1 1 | icon 17 28 1 1 | icon 17 62 1 1 | image 61 1 56 31 | image 85 3 7 7 | image 61 35 56 31 | image 95 46 19 11 | image 2 1 56 31 | image 26 3 7 7 | image 2 35 56 31 | image 26 37 7 7 | link 63 61 12 2 | link 63 27 14 2 | link 4 27 11 2 | link 4 61 11 2 | title 63 38 50 3 | title 63 12 50 7 | title 4 12 50 3 | title 4 46 50 3", "canvas_width": 1024, "canvas_height": 584, "elements": [ { "type": "image", "position": [ 18, 12, 480, 268 ], "completed": true }, { "type": "image", "position": [ 522, 12, 480, 268 ], "completed": true }, { "type": "image", "position": [ 226, 28, 64, 64 ], "completed": false }, { "type": "image", "position": [ 730, 28, 64, 64 ], "completed": false }, { "type": "title", "position": [ 42, 109, 432, 30 ], "completed": false }, { "type": "title", "position": [ 546, 109, 432, 60 ], "completed": false }, { "type": "description", "position": [ 546, 181, 432, 99 ], "completed": true }, { "type": "link", "position": [ 42, 237, 102, 25 ], "completed": false }, { "type": "link", "position": [ 546, 237, 126, 25 ], "completed": false }, { "type": "icon", "position": [ 152, 242, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 680, 242, 16, 16 ], "completed": true }, { "type": "image", "position": [ 18, 304, 480, 268 ], "completed": true }, { "type": "image", "position": [ 522, 304, 480, 268 ], "completed": true }, { "type": "image", "position": [ 226, 320, 64, 64 ], "completed": false }, { "type": "title", "position": [ 546, 328, 432, 32 ], "completed": false }, { "type": "image", "position": [ 814, 396, 164, 100 ], "completed": false }, { "type": "title", "position": [ 42, 401, 432, 30 ], "completed": false }, { "type": "link", "position": [ 42, 529, 102, 25 ], "completed": false }, { "type": "link", "position": [ 546, 529, 105, 25 ], "completed": false }, { "type": "icon", "position": [ 152, 534, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 659, 536, 12, 12 ], "completed": true } ] }, { "text": "#A page promoting BAE Systems where users can see the reports to evaluate the systems.# There are two groups of evaluation reports for the BAE system for 2021 and 2022. Under each group, there should be the logos of two agencies and a link button to view the specific report.", "region_id": "768", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:logo] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | logo undefined undefined ] | [ button undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "button 12 4 34 2 | button 69 4 41 2 | logo 13 10 32 14 | logo 78 10 23 13 | complete text 1 27 56 5", "layout_seq_without_completion": "button 12 4 34 2 | button 69 4 41 2 | logo 13 10 32 14 | logo 78 10 23 13 | text 1 27 56 5", "plain_layout_seq": "button 12 4 34 2 | button 69 4 41 2 | logo 13 10 32 14 | logo 78 10 23 13 | text 1 27 56 5", "canvas_width": 1024, "canvas_height": 326, "elements": [ { "type": "button", "position": [ 110, 41, 292, 21 ], "completed": false }, { "type": "button", "position": [ 592, 41, 353, 21 ], "completed": false }, { "type": "logo", "position": [ 111, 88, 275, 122 ], "completed": false }, { "type": "logo", "position": [ 668, 88, 200, 116 ], "completed": false }, { "type": "text", "position": [ 15, 234, 482, 48 ], "completed": true } ] }, { "text": "#A page showing the advantages of Authorize.Net.# The page contains 2 information sets. Each group includes an image and an introduction.", "region_id": "2500", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 2 0 55 9 | description 61 0 55 12 | image 39 0 18 15 | image 99 0 18 15", "layout_seq_without_completion": "description 2 0 55 9 | description 61 0 55 12 | image 39 0 18 15 | image 99 0 18 15", "plain_layout_seq": "description 2 0 55 9 | description 61 0 55 12 | image 39 0 18 15 | image 99 0 18 15", "canvas_width": 930, "canvas_height": 129, "elements": [ { "type": "description", "position": [ 19, 4, 431, 72 ], "completed": false }, { "type": "image", "position": [ 307, 4, 143, 117 ], "completed": false }, { "type": "description", "position": [ 480, 4, 431, 96 ], "completed": false }, { "type": "image", "position": [ 768, 4, 143, 117 ], "completed": false } ] }, { "text": "# A page for the user to explore online courses.# The page should have the title and 11 groups of information sets with each having an image, a title and the number of courses in the group.", "region_id": "4211", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '11'] [item [el:image][el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 2 0 115 5 | \" [ image 2 7 9 9 | complete image 2 7 36 9 | text 13 12 8 2 | title 13 9 24 2 ] | [ image 40 7 9 9 | complete image 40 7 36 9 | text 51 12 9 2 | title 51 9 24 2 ] | [ image 79 7 9 9 | complete image 79 7 36 9 | text 89 12 8 2 | title 89 9 24 2 ] | [ image 2 19 9 9 | complete image 2 19 36 9 | text 13 24 8 2 | title 13 21 24 2 ] | [ image 40 19 9 9 | complete image 40 19 36 9 | text 51 24 8 2 | title 51 21 24 2 ] | [ image 79 19 9 9 | complete image 79 19 36 9 | text 89 24 8 2 | title 89 21 24 2 ] | [ image 2 31 9 9 | complete image 2 31 36 9 | text 13 36 8 2 | title 13 33 24 2 ] | [ image 40 31 9 9 | complete image 40 31 36 9 | text 51 37 8 2 | title 51 32 24 4 ] | [ image 79 31 9 9 | complete image 79 31 36 9 | text 89 36 8 2 | title 89 33 24 2 ] | [ image 2 43 9 9 | complete image 2 43 36 9 | text 13 48 8 2 | title 13 45 24 2 ] | [ image 40 43 9 9 | complete image 40 43 36 9 | text 51 48 7 2 | title 51 45 24 2 ] \"", "layout_seq_without_completion": "title 2 0 115 5 | \" [ image 2 7 9 9 | image 2 7 36 9 | text 13 12 8 2 | title 13 9 24 2 ] | [ image 40 7 9 9 | image 40 7 36 9 | text 51 12 9 2 | title 51 9 24 2 ] | [ image 79 7 9 9 | image 79 7 36 9 | text 89 12 8 2 | title 89 9 24 2 ] | [ image 2 19 9 9 | image 2 19 36 9 | text 13 24 8 2 | title 13 21 24 2 ] | [ image 40 19 9 9 | image 40 19 36 9 | text 51 24 8 2 | title 51 21 24 2 ] | [ image 79 19 9 9 | image 79 19 36 9 | text 89 24 8 2 | title 89 21 24 2 ] | [ image 2 31 9 9 | image 2 31 36 9 | text 13 36 8 2 | title 13 33 24 2 ] | [ image 40 31 9 9 | image 40 31 36 9 | text 51 37 8 2 | title 51 32 24 4 ] | [ image 79 31 9 9 | image 79 31 36 9 | text 89 36 8 2 | title 89 33 24 2 ] | [ image 2 43 9 9 | image 2 43 36 9 | text 13 48 8 2 | title 13 45 24 2 ] | [ image 40 43 9 9 | image 40 43 36 9 | text 51 48 7 2 | title 51 45 24 2 ] \"", "plain_layout_seq": "image 2 7 9 9 | image 2 7 36 9 | image 40 7 9 9 | image 40 7 36 9 | image 79 7 9 9 | image 79 7 36 9 | image 2 19 9 9 | image 2 19 36 9 | image 40 19 9 9 | image 40 19 36 9 | image 79 19 9 9 | image 79 19 36 9 | image 2 31 9 9 | image 2 31 36 9 | image 40 31 9 9 | image 40 31 36 9 | image 79 31 9 9 | image 79 31 36 9 | image 2 43 9 9 | image 2 43 36 9 | image 40 43 9 9 | image 40 43 36 9 | text 13 12 8 2 | text 51 12 9 2 | text 89 12 8 2 | text 13 24 8 2 | text 51 24 8 2 | text 89 24 8 2 | text 13 36 8 2 | text 51 37 8 2 | text 89 36 8 2 | text 13 48 8 2 | text 51 48 7 2 | title 2 0 115 5 | title 13 9 24 2 | title 51 9 24 2 | title 89 9 24 2 | title 13 21 24 2 | title 51 21 24 2 | title 89 21 24 2 | title 13 33 24 2 | title 51 32 24 4 | title 89 33 24 2 | title 13 45 24 2 | title 51 45 24 2", "canvas_width": 1009, "canvas_height": 464, "elements": [ { "type": "title", "position": [ 20, 0, 969, 48 ], "completed": false }, { "type": "image", "position": [ 20, 64, 303, 80 ], "completed": true }, { "type": "image", "position": [ 20, 64, 80, 80 ], "completed": false }, { "type": "image", "position": [ 343, 64, 80, 80 ], "completed": false }, { "type": "image", "position": [ 343, 64, 303, 80 ], "completed": true }, { "type": "image", "position": [ 665, 64, 303, 80 ], "completed": true }, { "type": "image", "position": [ 665, 64, 80, 80 ], "completed": false }, { "type": "title", "position": [ 110, 82, 202, 20 ], "completed": false }, { "type": "title", "position": [ 433, 82, 202, 20 ], "completed": false }, { "type": "title", "position": [ 755, 82, 202, 20 ], "completed": false }, { "type": "text", "position": [ 110, 106, 72, 18 ], "completed": false }, { "type": "text", "position": [ 433, 106, 79, 18 ], "completed": false }, { "type": "text", "position": [ 755, 106, 72, 18 ], "completed": false }, { "type": "image", "position": [ 20, 164, 303, 80 ], "completed": true }, { "type": "image", "position": [ 20, 164, 80, 80 ], "completed": false }, { "type": "image", "position": [ 343, 164, 303, 80 ], "completed": true }, { "type": "image", "position": [ 343, 164, 80, 80 ], "completed": false }, { "type": "image", "position": [ 665, 164, 80, 80 ], "completed": false }, { "type": "image", "position": [ 665, 164, 303, 80 ], "completed": true }, { "type": "title", "position": [ 110, 182, 202, 20 ], "completed": false }, { "type": "title", "position": [ 433, 182, 202, 20 ], "completed": false }, { "type": "title", "position": [ 755, 182, 202, 20 ], "completed": false }, { "type": "text", "position": [ 110, 206, 72, 18 ], "completed": false }, { "type": "text", "position": [ 433, 206, 72, 18 ], "completed": false }, { "type": "text", "position": [ 755, 206, 72, 18 ], "completed": false }, { "type": "image", "position": [ 20, 264, 80, 80 ], "completed": false }, { "type": "image", "position": [ 20, 264, 303, 80 ], "completed": true }, { "type": "image", "position": [ 343, 264, 80, 80 ], "completed": false }, { "type": "image", "position": [ 343, 264, 303, 80 ], "completed": true }, { "type": "image", "position": [ 665, 264, 80, 80 ], "completed": false }, { "type": "image", "position": [ 665, 264, 303, 80 ], "completed": true }, { "type": "title", "position": [ 433, 272, 202, 40 ], "completed": false }, { "type": "title", "position": [ 110, 282, 202, 20 ], "completed": false }, { "type": "title", "position": [ 755, 282, 202, 20 ], "completed": false }, { "type": "text", "position": [ 110, 306, 72, 18 ], "completed": false }, { "type": "text", "position": [ 755, 306, 72, 18 ], "completed": false }, { "type": "text", "position": [ 433, 316, 72, 18 ], "completed": false }, { "type": "image", "position": [ 20, 364, 80, 80 ], "completed": false }, { "type": "image", "position": [ 20, 364, 303, 80 ], "completed": true }, { "type": "image", "position": [ 343, 364, 303, 80 ], "completed": true }, { "type": "image", "position": [ 343, 364, 80, 80 ], "completed": false }, { "type": "title", "position": [ 110, 382, 202, 20 ], "completed": false }, { "type": "title", "position": [ 433, 382, 202, 20 ], "completed": false }, { "type": "text", "position": [ 110, 406, 72, 18 ], "completed": false }, { "type": "text", "position": [ 433, 406, 65, 18 ], "completed": false } ] }, { "text": "# A page for presenting the statistics of a website.# The page should have the title \"Statistics\" and 3 groups with each having figures and a title to introduce the website's shortened links, daily clicks, and registered users.", "region_id": "2884", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'statistics'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'shortened links, daily clicks,registered users'] [item [el:text] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 41 16 36 3 | text 1 16 36 3 | text 81 16 36 3 | title 1 20 36 3 | title 41 20 36 3 | title 1 5 116 10 | title 81 20 36 3", "layout_seq_without_completion": "text 41 16 36 3 | text 1 16 36 3 | text 81 16 36 3 | title 1 20 36 3 | title 41 20 36 3 | title 1 5 116 10 | title 81 20 36 3", "plain_layout_seq": "text 41 16 36 3 | text 1 16 36 3 | text 81 16 36 3 | title 1 20 36 3 | title 41 20 36 3 | title 1 5 116 10 | title 81 20 36 3", "canvas_width": 1024, "canvas_height": 264, "elements": [ { "type": "title", "position": [ 15, 48, 994, 86 ], "completed": false }, { "type": "text", "position": [ 15, 142, 311, 30 ], "completed": false }, { "type": "text", "position": [ 356, 142, 311, 30 ], "completed": false }, { "type": "text", "position": [ 698, 142, 311, 30 ], "completed": false }, { "type": "title", "position": [ 15, 179, 311, 29 ], "completed": false }, { "type": "title", "position": [ 356, 179, 311, 29 ], "completed": false }, { "type": "title", "position": [ 698, 179, 311, 29 ], "completed": false } ] }, { "text": "#A page for introducing the advantages of a company.# It is divided into four sections, each with a small icon, a title, and an explanation.", "region_id": "977", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon [attr:size'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined small | title undefined undefined ] | [ description undefined undefined | icon undefined small | title undefined undefined ] | [ description undefined undefined | icon undefined small | title undefined undefined ] | [ description undefined undefined | icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 27 26 6 | icon 12 5 8 8 | title 3 18 26 6 ] | [ description 32 27 26 9 | icon 41 5 7 8 | title 32 18 26 6 ] | [ description 61 27 26 9 | icon 71 5 5 8 | title 61 18 26 6 ] | [ description 89 27 26 6 | icon 97 5 11 8 | title 89 18 26 6 ] \"", "layout_seq_without_completion": "\" [ description 3 27 26 6 | icon 12 5 8 8 | title 3 18 26 6 ] | [ description 32 27 26 9 | icon 41 5 7 8 | title 32 18 26 6 ] | [ description 61 27 26 9 | icon 71 5 5 8 | title 61 18 26 6 ] | [ description 89 27 26 6 | icon 97 5 11 8 | title 89 18 26 6 ] \"", "plain_layout_seq": "description 3 27 26 6 | description 32 27 26 9 | description 61 27 26 9 | description 89 27 26 6 | icon 12 5 8 8 | icon 41 5 7 8 | icon 71 5 5 8 | icon 97 5 11 8 | title 3 18 26 6 | title 32 18 26 6 | title 61 18 26 6 | title 89 18 26 6", "canvas_width": 1003, "canvas_height": 376, "elements": [ { "type": "icon", "position": [ 106, 50, 70, 75 ], "completed": false }, { "type": "icon", "position": [ 351, 50, 62, 75 ], "completed": false }, { "type": "icon", "position": [ 597, 50, 48, 75 ], "completed": false }, { "type": "icon", "position": [ 816, 50, 92, 75 ], "completed": false }, { "type": "title", "position": [ 32, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 272, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 512, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 752, 154, 220, 52 ], "completed": false }, { "type": "description", "position": [ 32, 226, 220, 53 ], "completed": false }, { "type": "description", "position": [ 272, 226, 220, 80 ], "completed": false }, { "type": "description", "position": [ 512, 226, 220, 80 ], "completed": false }, { "type": "description", "position": [ 752, 226, 220, 53 ], "completed": false } ] }, { "text": "#A page for introducing the advantages of a company.# There must be four images with two textboxes assigned for each image. Textboxes show the names and the introduction of those services.", "region_id": "977_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 27 26 6 | image 12 5 8 8 | title 3 18 26 6 ] | [ description 32 27 26 9 | image 41 5 7 8 | title 32 18 26 6 ] | [ description 61 27 26 9 | image 71 5 5 8 | title 61 18 26 6 ] | [ description 89 27 26 6 | image 97 5 11 8 | title 89 18 26 6 ] \"", "layout_seq_without_completion": "\" [ description 3 27 26 6 | image 12 5 8 8 | title 3 18 26 6 ] | [ description 32 27 26 9 | image 41 5 7 8 | title 32 18 26 6 ] | [ description 61 27 26 9 | image 71 5 5 8 | title 61 18 26 6 ] | [ description 89 27 26 6 | image 97 5 11 8 | title 89 18 26 6 ] \"", "plain_layout_seq": "description 3 27 26 6 | description 32 27 26 9 | description 61 27 26 9 | description 89 27 26 6 | image 12 5 8 8 | image 41 5 7 8 | image 71 5 5 8 | image 97 5 11 8 | title 3 18 26 6 | title 32 18 26 6 | title 61 18 26 6 | title 89 18 26 6", "canvas_width": 1003, "canvas_height": 376, "elements": [ { "type": "image", "position": [ 106, 50, 70, 75 ], "completed": false }, { "type": "image", "position": [ 351, 50, 62, 75 ], "completed": false }, { "type": "image", "position": [ 597, 50, 48, 75 ], "completed": false }, { "type": "image", "position": [ 816, 50, 92, 75 ], "completed": false }, { "type": "title", "position": [ 32, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 272, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 512, 154, 220, 52 ], "completed": false }, { "type": "title", "position": [ 752, 154, 220, 52 ], "completed": false }, { "type": "description", "position": [ 32, 226, 220, 53 ], "completed": false }, { "type": "description", "position": [ 272, 226, 220, 80 ], "completed": false }, { "type": "description", "position": [ 512, 226, 220, 80 ], "completed": false }, { "type": "description", "position": [ 752, 226, 220, 53 ], "completed": false } ] }, { "text": "# A page for introducing who uses FlexiQuiz.# There is one title \"Who uses FlexiQuiz\" and three parts. Each part includes one icon, one title, and one description.", "region_id": "5302", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'who uses flexiquiz'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 45 28 28 23 | description 7 28 28 19 | description 83 28 28 21 | title 83 25 28 2 | title 45 25 28 2 | title 7 25 28 2 | title 2 7 115 3", "layout_seq_without_completion": "description 45 28 28 23 | description 7 28 28 19 | description 83 28 28 21 | title 83 25 28 2 | title 45 25 28 2 | title 7 25 28 2 | title 2 7 115 3", "plain_layout_seq": "description 45 28 28 23 | description 7 28 28 19 | description 83 28 28 21 | title 83 25 28 2 | title 45 25 28 2 | title 7 25 28 2 | title 2 7 115 3", "canvas_width": 1009, "canvas_height": 453, "elements": [ { "type": "title", "position": [ 20, 60, 970, 33 ], "completed": false }, { "type": "title", "position": [ 60, 213, 243, 20 ], "completed": false }, { "type": "title", "position": [ 383, 213, 243, 20 ], "completed": false }, { "type": "title", "position": [ 706, 213, 243, 20 ], "completed": false }, { "type": "description", "position": [ 60, 243, 243, 160 ], "completed": false }, { "type": "description", "position": [ 383, 243, 243, 200 ], "completed": false }, { "type": "description", "position": [ 706, 243, 243, 180 ], "completed": false } ] }, { "text": "# A page for advertising the community platform BuddyBoss. # On the page, there should contain three groups \"WordPress-Powered\" \"Native apps\" and \"White label\". Each should have an image, a title, and a further description to introduce the advantage of BuddyBoss.", "region_id": "4718", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'WordPress-Powered, Native apps,White label'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 4 40 28 16 | complete image 0 0 37 61 | image 7 4 21 21 | title 4 29 28 9 ] | [ description 45 35 28 19 | complete image 41 0 37 61 | image 45 4 28 21 | title 45 29 28 4 ] | [ description 86 35 28 19 | complete image 82 0 37 61 | image 90 4 21 21 | title 86 29 28 4 ] \"", "layout_seq_without_completion": "\" [ description 4 40 28 16 | image 0 0 37 61 | image 7 4 21 21 | title 4 29 28 9 ] | [ description 45 35 28 19 | image 41 0 37 61 | image 45 4 28 21 | title 45 29 28 4 ] | [ description 86 35 28 19 | image 82 0 37 61 | image 90 4 21 21 | title 86 29 28 4 ] \"", "plain_layout_seq": "description 4 40 28 16 | description 45 35 28 19 | description 86 35 28 19 | image 0 0 37 61 | image 7 4 21 21 | image 41 0 37 61 | image 45 4 28 21 | image 82 0 37 61 | image 90 4 21 21 | title 4 29 28 9 | title 45 29 28 4 | title 86 29 28 4", "canvas_width": 969, "canvas_height": 495, "elements": [ { "type": "image", "position": [ 0, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 333, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 666, 0, 303, 495 ], "completed": true }, { "type": "image", "position": [ 64, 35, 175, 175 ], "completed": false }, { "type": "image", "position": [ 368, 35, 233, 175 ], "completed": false }, { "type": "image", "position": [ 730, 35, 175, 175 ], "completed": false }, { "type": "title", "position": [ 35, 235, 233, 80 ], "completed": false }, { "type": "title", "position": [ 368, 235, 233, 40 ], "completed": false }, { "type": "title", "position": [ 701, 235, 233, 40 ], "completed": false }, { "type": "description", "position": [ 368, 290, 233, 156 ], "completed": false }, { "type": "description", "position": [ 701, 290, 233, 156 ], "completed": false }, { "type": "description", "position": [ 35, 330, 233, 130 ], "completed": false } ] }, { "text": "#A page for introducing one business suite.# There should be one image and one title \"Our suite for a future-positive business\". Three icons are needed and each of them is followed by one label. Below, there should be four text boxes.", "region_id": "1993_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title [attr:value 'Our suite for a future-positive business'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text] ] ] [el:text [attr:repeat '4'] ] ]", "execution": "multiinfo : image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | title 5 5 71 9 | \" [ text 5 41 23 6 ] | [ text 5 49 23 4 ] | [ text 5 55 23 4 ] \"", "layout_seq_without_completion": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | title 5 5 71 9 | \" [ text 5 41 23 6 ] | [ text 5 49 23 4 ] | [ text 5 55 23 4 ] \"", "plain_layout_seq": "icon 29 20 7 7 | icon 5 20 7 7 | icon 52 20 7 7 | image 80 5 33 52 | text 52 29 17 5 | text 29 30 11 4 | text 5 30 8 4 | text 37 41 39 4 | text 5 41 23 6 | text 5 49 23 4 | text 5 55 23 4 | title 5 5 71 9", "canvas_width": 1024, "canvas_height": 563, "elements": [ { "type": "title", "position": [ 47, 47, 610, 85 ], "completed": false }, { "type": "image", "position": [ 687, 48, 290, 447 ], "completed": false }, { "type": "icon", "position": [ 47, 174, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 248, 174, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 450, 174, 64, 64 ], "completed": false }, { "type": "text", "position": [ 450, 249, 152, 51 ], "completed": false }, { "type": "text", "position": [ 47, 261, 76, 37 ], "completed": false }, { "type": "text", "position": [ 248, 261, 101, 38 ], "completed": false }, { "type": "text", "position": [ 47, 358, 203, 59 ], "completed": false }, { "type": "text", "position": [ 317, 358, 340, 40 ], "completed": false }, { "type": "text", "position": [ 47, 425, 203, 37 ], "completed": false }, { "type": "text", "position": [ 47, 470, 203, 37 ], "completed": false } ] }, { "text": "#A page for users to know the what the company do.#The page should have a title and a text to introduce the backgroud. There are three groups and each group have a image and a text in it.", "region_id": "4181", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : description undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 1 10 76 16 | complete icon 112 14 2 4 | complete icon 99 14 2 4 | image 41 33 37 44 | image 1 33 37 44 | complete image 13 33 37 44 | complete image 13 33 30 44 | text 13 66 17 8 | text 45 62 25 12 | text 5 66 25 8 | title 1 0 117 6", "layout_seq_without_completion": "description 1 10 76 16 | icon 112 14 2 4 | icon 99 14 2 4 | image 41 33 37 44 | image 1 33 37 44 | image 13 33 37 44 | image 13 33 30 44 | text 13 66 17 8 | text 45 62 25 12 | text 5 66 25 8 | title 1 0 117 6", "plain_layout_seq": "description 1 10 76 16 | icon 112 14 2 4 | icon 99 14 2 4 | image 41 33 37 44 | image 1 33 37 44 | image 13 33 37 44 | image 13 33 30 44 | text 13 66 17 8 | text 45 62 25 12 | text 5 66 25 8 | title 1 0 117 6", "canvas_width": 960, "canvas_height": 678, "elements": [ { "type": "title", "position": [ 12, 0, 936, 51 ], "completed": false }, { "type": "description", "position": [ 12, 87, 611, 129 ], "completed": false }, { "type": "icon", "position": [ 792, 119, 20, 34 ], "completed": true }, { "type": "icon", "position": [ 898, 119, 19, 34 ], "completed": true }, { "type": "image", "position": [ 12, 266, 298, 356 ], "completed": false }, { "type": "image", "position": [ 109, 266, 245, 356 ], "completed": true }, { "type": "image", "position": [ 109, 266, 299, 356 ], "completed": true }, { "type": "image", "position": [ 331, 266, 299, 356 ], "completed": false }, { "type": "text", "position": [ 361, 501, 203, 97 ], "completed": false }, { "type": "text", "position": [ 42, 533, 203, 65 ], "completed": false }, { "type": "text", "position": [ 109, 533, 141, 65 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 groups each group having an image, and a button for users to click to shop CBD oil or check different content in terms of FAQ and vlog.", "region_id": "7259", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:button ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 12 10 18 2 | button 56 10 6 2 | button 94 10 6 2 | image 3 0 35 23 | image 80 0 35 23 | image 42 0 35 23", "layout_seq_without_completion": "button 12 10 18 2 | button 56 10 6 2 | button 94 10 6 2 | image 3 0 35 23 | image 80 0 35 23 | image 42 0 35 23", "plain_layout_seq": "button 12 10 18 2 | button 56 10 6 2 | button 94 10 6 2 | image 3 0 35 23 | image 80 0 35 23 | image 42 0 35 23", "canvas_width": 1024, "canvas_height": 241, "elements": [ { "type": "image", "position": [ 32, 0, 307, 204 ], "completed": false }, { "type": "image", "position": [ 359, 0, 307, 204 ], "completed": false }, { "type": "image", "position": [ 685, 0, 307, 204 ], "completed": false }, { "type": "button", "position": [ 107, 89, 156, 24 ], "completed": false }, { "type": "button", "position": [ 483, 89, 57, 24 ], "completed": false }, { "type": "button", "position": [ 809, 89, 59, 24 ], "completed": false } ] }, { "text": "#A page showing some data.# The page contains 4 information sets. Each group includes a number and an explanation.", "region_id": "2552", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:text] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] | [ description undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 5 0 110 20 | description 34 10 24 5 | description 89 10 24 5 | description 7 10 24 5 | description 61 10 24 5 | text 98 4 6 6 | text 37 4 18 6 | text 65 4 18 6 | text 10 4 18 6", "layout_seq_without_completion": "background 5 0 110 20 | description 34 10 24 5 | description 89 10 24 5 | description 7 10 24 5 | description 61 10 24 5 | text 98 4 6 6 | text 37 4 18 6 | text 65 4 18 6 | text 10 4 18 6", "plain_layout_seq": "background 5 0 110 20 | description 34 10 24 5 | description 89 10 24 5 | description 7 10 24 5 | description 61 10 24 5 | text 98 4 6 6 | text 37 4 18 6 | text 65 4 18 6 | text 10 4 18 6", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "background", "position": [ 47, 0, 940, 178 ], "completed": true }, { "type": "text", "position": [ 90, 36, 157, 58 ], "completed": false }, { "type": "text", "position": [ 322, 36, 157, 58 ], "completed": false }, { "type": "text", "position": [ 555, 36, 157, 58 ], "completed": false }, { "type": "text", "position": [ 837, 36, 58, 58 ], "completed": false }, { "type": "description", "position": [ 62, 90, 213, 48 ], "completed": false }, { "type": "description", "position": [ 294, 90, 213, 48 ], "completed": false }, { "type": "description", "position": [ 527, 90, 213, 48 ], "completed": false }, { "type": "description", "position": [ 760, 90, 213, 48 ], "completed": false } ] }, { "text": "#A page for showing different types of products.# The page has a headline named \"FEATURED COLLECTION\" and three lists of information. Each list contains an image showing the product, a product name, one content showing the sales state, and two labels showing the original price and the present price of the product.", "region_id": "6508", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:text [attr:repeat '3'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | text 30 54 5 1 | text 6 54 10 1 | text 17 54 10 1 | title 6 48 33 4 ] | [ image 43 15 33 33 | text 65 52 7 1 | text 43 52 9 1 | text 53 52 9 1 | title 43 48 33 2 ] | [ image 80 15 33 33 | text 90 52 9 1 | text 101 52 7 1 | text 80 52 9 1 | title 80 48 33 2 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | text 30 54 5 1 | text 6 54 10 1 | text 17 54 10 1 | title 6 48 33 4 ] | [ image 43 15 33 33 | text 65 52 7 1 | text 43 52 9 1 | text 53 52 9 1 | title 43 48 33 2 ] | [ image 80 15 33 33 | text 90 52 9 1 | text 101 52 7 1 | text 80 52 9 1 | title 80 48 33 2 ] \"", "plain_layout_seq": "image 6 15 33 33 | image 43 15 33 33 | image 80 15 33 33 | text 30 54 5 1 | text 6 54 10 1 | text 17 54 10 1 | text 65 52 7 1 | text 43 52 9 1 | text 53 52 9 1 | text 90 52 9 1 | text 101 52 7 1 | text 80 52 9 1 | title 6 6 107 2 | title 6 48 33 4 | title 43 48 33 2 | title 80 48 33 2", "canvas_width": 1024, "canvas_height": 540, "elements": [ { "type": "title", "position": [ 55, 55, 914, 22 ], "completed": false }, { "type": "image", "position": [ 55, 132, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 132, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 132, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 416, 285, 38 ], "completed": false }, { "type": "title", "position": [ 370, 416, 285, 19 ], "completed": false }, { "type": "title", "position": [ 684, 416, 285, 19 ], "completed": false }, { "type": "text", "position": [ 370, 445, 80, 17 ], "completed": false }, { "type": "text", "position": [ 457, 445, 80, 17 ], "completed": false }, { "type": "text", "position": [ 684, 445, 80, 17 ], "completed": false }, { "type": "text", "position": [ 772, 445, 80, 17 ], "completed": false }, { "type": "text", "position": [ 555, 447, 67, 16 ], "completed": false }, { "type": "text", "position": [ 869, 447, 67, 16 ], "completed": false }, { "type": "text", "position": [ 55, 465, 88, 17 ], "completed": false }, { "type": "text", "position": [ 150, 465, 88, 17 ], "completed": false }, { "type": "text", "position": [ 256, 466, 43, 16 ], "completed": false } ] }, { "text": "#A page for users to shop by fragrance types.# \"Shop by fragrance type\" is a title on the page. There are six categories. Each includes an icon, and a title representing a fragrance type.", "region_id": "7392", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by fragrance type'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 0 110 4 | \" [ title 4 34 16 9 ] | [ title 23 34 16 9 ] | [ title 42 34 16 9 ] | [ title 61 34 16 9 ] | [ title 80 34 16 12 ] | [ title 98 34 16 9 ] \"", "layout_seq_without_completion": "title 4 0 110 4 | \" [ title 4 34 16 9 ] | [ title 23 34 16 9 ] | [ title 42 34 16 9 ] | [ title 61 34 16 9 ] | [ title 80 34 16 12 ] | [ title 98 34 16 9 ] \"", "plain_layout_seq": "title 4 0 110 4 | title 4 34 16 9 | title 23 34 16 9 | title 42 34 16 9 | title 61 34 16 9 | title 80 34 16 12 | title 98 34 16 9", "canvas_width": 1024, "canvas_height": 431, "elements": [ { "type": "title", "position": [ 40, 0, 944, 42 ], "completed": false }, { "type": "title", "position": [ 40, 297, 141, 81 ], "completed": false }, { "type": "title", "position": [ 201, 297, 141, 81 ], "completed": false }, { "type": "title", "position": [ 361, 297, 141, 81 ], "completed": false }, { "type": "title", "position": [ 522, 297, 141, 81 ], "completed": false }, { "type": "title", "position": [ 683, 297, 141, 108 ], "completed": false }, { "type": "title", "position": [ 843, 297, 141, 81 ], "completed": false } ] }, { "text": "# A page showing live TV. # There should have a title \"LIVE TV\", a link \"view all\" and six groups with each including an image and a TV show name. Besides, there should have the word \"FREE\" on the image in the second group.", "region_id": "4949", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'LIVE TV'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [item [el:image] [el:text] ][item [el:image] [el:text] [el:text[attr:value'FREE']]][item [el:image] [el:text] ][item [el:image] [el:text] ][item [el:image] [el:text] ][item [el:image] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 1 4 16 16 | image 41 4 16 16 | image 61 4 16 16 | image 81 4 16 16 | image 21 4 16 16 | image 101 4 16 16 | link 110 0 9 3 | text 31 4 7 6 | text 1 23 17 4 | text 101 23 17 4 | text 41 23 17 4 | text 61 23 17 4 | text 21 23 17 4 | text 81 23 17 4 | title 1 0 13 4", "layout_seq_without_completion": "image 1 4 16 16 | image 41 4 16 16 | image 61 4 16 16 | image 81 4 16 16 | image 21 4 16 16 | image 101 4 16 16 | link 110 0 9 3 | text 31 4 7 6 | text 1 23 17 4 | text 101 23 17 4 | text 41 23 17 4 | text 61 23 17 4 | text 21 23 17 4 | text 81 23 17 4 | title 1 0 13 4", "plain_layout_seq": "image 1 4 16 16 | image 41 4 16 16 | image 61 4 16 16 | image 81 4 16 16 | image 21 4 16 16 | image 101 4 16 16 | link 110 0 9 3 | text 31 4 7 6 | text 1 23 17 4 | text 101 23 17 4 | text 41 23 17 4 | text 61 23 17 4 | text 21 23 17 4 | text 81 23 17 4 | title 1 0 13 4", "canvas_width": 1024, "canvas_height": 270, "elements": [ { "type": "title", "position": [ 15, 1, 117, 37 ], "completed": false }, { "type": "link", "position": [ 944, 7, 80, 30 ], "completed": false }, { "type": "image", "position": [ 13, 41, 145, 145 ], "completed": false }, { "type": "image", "position": [ 184, 41, 145, 145 ], "completed": false }, { "type": "text", "position": [ 268, 41, 60, 58 ], "completed": false }, { "type": "image", "position": [ 354, 41, 145, 145 ], "completed": false }, { "type": "image", "position": [ 525, 41, 145, 145 ], "completed": false }, { "type": "image", "position": [ 696, 41, 145, 145 ], "completed": false }, { "type": "image", "position": [ 866, 41, 145, 145 ], "completed": false }, { "type": "text", "position": [ 12, 200, 147, 38 ], "completed": false }, { "type": "text", "position": [ 183, 200, 147, 38 ], "completed": false }, { "type": "text", "position": [ 353, 200, 147, 38 ], "completed": false }, { "type": "text", "position": [ 524, 200, 147, 38 ], "completed": false }, { "type": "text", "position": [ 695, 200, 147, 38 ], "completed": false }, { "type": "text", "position": [ 865, 200, 147, 38 ], "completed": false } ] }, { "text": "#A page showing categories for users to choose.#There are four categories, and each includes an icon and a title (\"CHECKING\", \"SAVINGS\", \"LOST/STOLEN CARD?\", or \"REFINANCE\"). Pagination are also on the page.", "region_id": "5944", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'checking, savings, lost/stolen card?, refinance'] [item [el:icon] [el:title] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 114 7 5 5 | complete button 0 7 5 5 | icon 96 4 8 8 | icon 14 4 8 8 | icon 41 4 8 8 | icon 69 2 8 8 | title 96 13 9 2 | title 14 13 8 2 | title 42 13 7 2 | title 66 12 15 5", "layout_seq_without_completion": "button 114 7 5 5 | button 0 7 5 5 | icon 96 4 8 8 | icon 14 4 8 8 | icon 41 4 8 8 | icon 69 2 8 8 | title 96 13 9 2 | title 14 13 8 2 | title 42 13 7 2 | title 66 12 15 5", "plain_layout_seq": "button 114 7 5 5 | button 0 7 5 5 | icon 96 4 8 8 | icon 14 4 8 8 | icon 41 4 8 8 | icon 69 2 8 8 | title 96 13 9 2 | title 14 13 8 2 | title 42 13 7 2 | title 66 12 15 5", "canvas_width": 1004, "canvas_height": 170, "elements": [ { "type": "icon", "position": [ 580, 23, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 118, 34, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 349, 34, 75, 75 ], "completed": false }, { "type": "icon", "position": [ 811, 34, 75, 75 ], "completed": false }, { "type": "button", "position": [ 0, 63, 44, 44 ], "completed": true }, { "type": "button", "position": [ 960, 63, 44, 44 ], "completed": true }, { "type": "title", "position": [ 553, 104, 130, 42 ], "completed": false }, { "type": "title", "position": [ 120, 115, 71, 21 ], "completed": false }, { "type": "title", "position": [ 357, 115, 59, 21 ], "completed": false }, { "type": "title", "position": [ 810, 115, 77, 21 ], "completed": false } ] }, { "text": "#A page for selling skin care products.# The page should have a title, and 4 groups while each group has an image, and 3 texts to show the title, price, and the discount. A button and an icon are needed for users to click to view all goods.", "region_id": "3193", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text[attr:repeat'3']] ] ] [el:button [attr:value 'view all'] ] [el:icon] ]", "execution": "multiinfo : button undefined undefined | icon undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 1 1 117 45 | button 107 3 6 2 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 31 36 28 3 | text 89 39 28 4 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 60 36 28 3 | text 82 9 5 3 | text 111 9 5 3 | text 2 36 28 3 | text 24 9 5 3 | text 89 36 28 3 | title 3 2 10 3", "layout_seq_without_completion": "background 1 1 117 45 | button 107 3 6 2 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 31 36 28 3 | text 89 39 28 4 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 60 36 28 3 | text 82 9 5 3 | text 111 9 5 3 | text 2 36 28 3 | text 24 9 5 3 | text 89 36 28 3 | title 3 2 10 3", "plain_layout_seq": "background 1 1 117 45 | button 107 3 6 2 | icon 113 2 3 3 | image 2 8 28 28 | image 31 8 28 28 | image 60 8 28 28 | image 89 8 28 28 | text 31 36 28 3 | text 89 39 28 4 | text 2 39 28 4 | text 60 39 28 4 | text 31 39 28 4 | text 60 36 28 3 | text 82 9 5 3 | text 111 9 5 3 | text 2 36 28 3 | text 24 9 5 3 | text 89 36 28 3 | title 3 2 10 3", "canvas_width": 950, "canvas_height": 374, "elements": [ { "type": "background", "position": [ 8, 8, 934, 358 ], "completed": true }, { "type": "title", "position": [ 24, 20, 85, 24 ], "completed": false }, { "type": "icon", "position": [ 902, 20, 24, 24 ], "completed": false }, { "type": "button", "position": [ 850, 24, 52, 16 ], "completed": false }, { "type": "image", "position": [ 16, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 247, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 479, 64, 224, 224 ], "completed": false }, { "type": "image", "position": [ 711, 64, 224, 224 ], "completed": false }, { "type": "text", "position": [ 191, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 655, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 886, 72, 40, 24 ], "completed": false }, { "type": "text", "position": [ 16, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 247, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 479, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 711, 287, 224, 26 ], "completed": false }, { "type": "text", "position": [ 16, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 247, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 479, 313, 224, 36 ], "completed": false }, { "type": "text", "position": [ 711, 313, 224, 36 ], "completed": false } ] }, { "text": "#A page for introducing the pros of a product.# The page should have 3 groups while each group has an icon, a title, a short description of the pros of the product, and a button for users to click to read more.", "region_id": "6045", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:description [attr:size 'small'] ] [el:button [attr:value 'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 0 50 19 4 | description 0 21 35 25 | icon 0 2 6 6 | title 0 12 35 8 ] | [ button 42 46 18 4 | description 42 17 35 25 | icon 42 2 6 6 | title 42 12 35 5 ] | [ button 84 46 18 4 | description 84 17 35 25 | icon 84 2 6 6 | title 84 12 35 5 ] \"", "layout_seq_without_completion": "\" [ button 0 50 19 4 | description 0 21 35 25 | icon 0 2 6 6 | title 0 12 35 8 ] | [ button 42 46 18 4 | description 42 17 35 25 | icon 42 2 6 6 | title 42 12 35 5 ] | [ button 84 46 18 4 | description 84 17 35 25 | icon 84 2 6 6 | title 84 12 35 5 ] \"", "plain_layout_seq": "button 0 50 19 4 | button 42 46 18 4 | button 84 46 18 4 | description 0 21 35 25 | description 42 17 35 25 | description 84 17 35 25 | icon 0 2 6 6 | icon 42 2 6 6 | icon 84 2 6 6 | title 0 12 35 8 | title 42 12 35 5 | title 84 12 35 5", "canvas_width": 820, "canvas_height": 397, "elements": [ { "type": "icon", "position": [ 0, 20, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 288, 20, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 577, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 0, 87, 243, 60 ], "completed": false }, { "type": "title", "position": [ 288, 87, 243, 35 ], "completed": false }, { "type": "title", "position": [ 577, 87, 243, 35 ], "completed": false }, { "type": "description", "position": [ 288, 122, 243, 176 ], "completed": false }, { "type": "description", "position": [ 577, 122, 243, 176 ], "completed": false }, { "type": "description", "position": [ 0, 147, 243, 176 ], "completed": false }, { "type": "button", "position": [ 288, 318, 127, 32 ], "completed": false }, { "type": "button", "position": [ 577, 318, 127, 32 ], "completed": false }, { "type": "button", "position": [ 0, 344, 135, 32 ], "completed": false } ] }, { "text": "#This page mainly introduces Estella's featured collection for users.#This has the main title and a subtitle, and then is divided into three groups: Mrie, Aiden, and Alisha, each group has a picture, name, and price, very clear.", "region_id": "6600", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:title] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Mrie,Aiden,Alisha'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 45 78 26 5 | complete icon 109 44 2 2 | text 86 67 10 2 | text 21 67 10 2 | text 53 67 10 2 | title 24 64 5 2 | title 56 64 6 2 | title 88 64 6 2 | title 5 9 106 2 | title 5 13 106 4", "layout_seq_without_completion": "button 45 78 26 5 | icon 109 44 2 2 | text 86 67 10 2 | text 21 67 10 2 | text 53 67 10 2 | title 24 64 5 2 | title 56 64 6 2 | title 88 64 6 2 | title 5 9 106 2 | title 5 13 106 4", "plain_layout_seq": "button 45 78 26 5 | icon 109 44 2 2 | text 86 67 10 2 | text 21 67 10 2 | text 53 67 10 2 | title 24 64 5 2 | title 56 64 6 2 | title 88 64 6 2 | title 5 9 106 2 | title 5 13 106 4", "canvas_width": 1024, "canvas_height": 804, "elements": [ { "type": "title", "position": [ 50, 77, 909, 21 ], "completed": false }, { "type": "title", "position": [ 50, 114, 909, 37 ], "completed": false }, { "type": "icon", "position": [ 937, 376, 18, 18 ], "completed": true }, { "type": "title", "position": [ 206, 548, 45, 19 ], "completed": false }, { "type": "title", "position": [ 478, 548, 52, 19 ], "completed": false }, { "type": "title", "position": [ 752, 548, 58, 19 ], "completed": false }, { "type": "text", "position": [ 182, 573, 92, 21 ], "completed": false }, { "type": "text", "position": [ 458, 573, 92, 21 ], "completed": false }, { "type": "text", "position": [ 735, 573, 92, 21 ], "completed": false }, { "type": "button", "position": [ 391, 674, 227, 49 ], "completed": true } ] }, { "text": "#A page introducing different blends.# The page contains three information sets. Each group includes an image and two titles.", "region_id": "8356", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 5 0 35 35 | title 5 38 33 2 | title 5 41 11 2 ] | [ image 42 0 35 35 | title 42 38 33 2 | title 42 41 11 2 ] | [ image 78 0 35 35 | title 78 38 33 2 | title 78 41 11 2 ] \"", "layout_seq_without_completion": "\" [ image 5 0 35 35 | title 5 38 33 2 | title 5 41 11 2 ] | [ image 42 0 35 35 | title 42 38 33 2 | title 42 41 11 2 ] | [ image 78 0 35 35 | title 78 38 33 2 | title 78 41 11 2 ] \"", "plain_layout_seq": "image 5 0 35 35 | image 42 0 35 35 | image 78 0 35 35 | title 5 38 33 2 | title 5 41 11 2 | title 42 38 33 2 | title 42 41 11 2 | title 78 38 33 2 | title 78 41 11 2", "canvas_width": 1024, "canvas_height": 445, "elements": [ { "type": "image", "position": [ 51, 1, 299, 299 ], "completed": false }, { "type": "image", "position": [ 362, 1, 299, 299 ], "completed": false }, { "type": "image", "position": [ 674, 1, 299, 299 ], "completed": false }, { "type": "title", "position": [ 50, 325, 289, 18 ], "completed": false }, { "type": "title", "position": [ 361, 325, 289, 18 ], "completed": false }, { "type": "title", "position": [ 673, 325, 289, 18 ], "completed": false }, { "type": "title", "position": [ 50, 352, 98, 21 ], "completed": false }, { "type": "title", "position": [ 361, 352, 98, 21 ], "completed": false }, { "type": "title", "position": [ 673, 352, 98, 21 ], "completed": false } ] }, { "text": "#A page showing the performance of a company. # The page uses specific and eye-catching figures to express the company's excellence in \"customer satisfaction\", \"suppliers\", \"customer retention\", and so on.", "region_id": "513", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'several'] [gattr:names'customer satisfaction, suppliers, customer retention'] [item [el:image] ] ] ]", "execution": "multiinfo : { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "image 5 11 29 8 | image 45 11 29 8 | image 45 33 29 8 | image 85 11 29 8 | image 5 33 29 8 | image 85 33 29 8 | complete text 5 41 29 3 | complete text 45 41 29 6 | complete text 85 20 29 3 | complete text 45 20 29 3 | complete text 5 20 29 6 | complete text 85 41 29 3", "layout_seq_without_completion": "image 5 11 29 8 | image 45 11 29 8 | image 45 33 29 8 | image 85 11 29 8 | image 5 33 29 8 | image 85 33 29 8 | text 5 41 29 3 | text 45 41 29 6 | text 85 20 29 3 | text 45 20 29 3 | text 5 20 29 6 | text 85 41 29 3", "plain_layout_seq": "image 5 11 29 8 | image 45 11 29 8 | image 45 33 29 8 | image 85 11 29 8 | image 5 33 29 8 | image 85 33 29 8 | text 5 41 29 3 | text 45 41 29 6 | text 85 20 29 3 | text 45 20 29 3 | text 5 20 29 6 | text 85 41 29 3", "canvas_width": 1039, "canvas_height": 446, "elements": [ { "type": "image", "position": [ 45, 99, 256, 76 ], "completed": false }, { "type": "image", "position": [ 391, 99, 256, 76 ], "completed": false }, { "type": "image", "position": [ 738, 99, 256, 76 ], "completed": false }, { "type": "text", "position": [ 45, 175, 256, 57 ], "completed": true }, { "type": "text", "position": [ 391, 175, 256, 28 ], "completed": true }, { "type": "text", "position": [ 738, 175, 256, 28 ], "completed": true }, { "type": "image", "position": [ 45, 286, 256, 76 ], "completed": false }, { "type": "image", "position": [ 391, 286, 256, 76 ], "completed": false }, { "type": "image", "position": [ 738, 286, 256, 76 ], "completed": false }, { "type": "text", "position": [ 45, 362, 256, 28 ], "completed": true }, { "type": "text", "position": [ 391, 362, 256, 57 ], "completed": true }, { "type": "text", "position": [ 738, 362, 256, 28 ], "completed": true } ] }, { "text": "# A page to introduce the advantage and service of a company to attract the user to join their event. # The page should have three groups of information sets: \"Support Ottawa Artists\" \"No extra fees\" and \"Audio Visual Experience\" with each containing an image, a title, and further information.", "region_id": "8142", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Support Ottawa Artists, No extra fees, Audio Visual Experience'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 8 26 29 10 | image 17 7 11 11 | title 8 21 29 3 ] | [ description 45 26 29 10 | image 54 7 11 11 | title 45 21 29 3 ] | [ description 81 26 29 13 | image 90 7 11 11 | title 81 21 29 3 ] \"", "layout_seq_without_completion": "\" [ description 8 26 29 10 | image 17 7 11 11 | title 8 21 29 3 ] | [ description 45 26 29 10 | image 54 7 11 11 | title 45 21 29 3 ] | [ description 81 26 29 13 | image 90 7 11 11 | title 81 21 29 3 ] \"", "plain_layout_seq": "description 8 26 29 10 | description 45 26 29 10 | description 81 26 29 13 | image 17 7 11 11 | image 54 7 11 11 | image 90 7 11 11 | title 8 21 29 3 | title 45 21 29 3 | title 81 21 29 3", "canvas_width": 1024, "canvas_height": 399, "elements": [ { "type": "image", "position": [ 151, 61, 100, 100 ], "completed": false }, { "type": "image", "position": [ 462, 61, 100, 100 ], "completed": false }, { "type": "image", "position": [ 773, 61, 100, 100 ], "completed": false }, { "type": "title", "position": [ 75, 186, 253, 27 ], "completed": false }, { "type": "title", "position": [ 386, 186, 253, 27 ], "completed": false }, { "type": "title", "position": [ 696, 186, 253, 27 ], "completed": false }, { "type": "description", "position": [ 75, 223, 253, 86 ], "completed": false }, { "type": "description", "position": [ 386, 223, 253, 86 ], "completed": false }, { "type": "description", "position": [ 696, 223, 253, 115 ], "completed": false } ] }, { "text": "#A page for introducing step 3 when publishing a paper.# The page should have a text, a title, a short description of the operation, 3 icons, and 3 texts to show the pros of step 3. An image as the extra layout.", "region_id": "5628", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:text] [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text] ] ] [el:image] ]", "execution": "multiinfo : description undefined small | image undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 71 27 47 17 | icon 71 48 2 2 | icon 71 53 2 2 | icon 71 58 2 2 | image 1 19 54 31 | image 2 21 52 29 | text 75 58 17 2 | text 75 48 36 2 | text 75 53 25 2 | text 71 9 47 2 | title 71 14 47 10", "layout_seq_without_completion": "description 71 27 47 17 | icon 71 48 2 2 | icon 71 53 2 2 | icon 71 58 2 2 | image 1 19 54 31 | image 2 21 52 29 | text 75 58 17 2 | text 75 48 36 2 | text 75 53 25 2 | text 71 9 47 2 | title 71 14 47 10", "plain_layout_seq": "description 71 27 47 17 | icon 71 48 2 2 | icon 71 53 2 2 | icon 71 58 2 2 | image 1 19 54 31 | image 2 21 52 29 | text 75 58 17 2 | text 75 48 36 2 | text 75 53 25 2 | text 71 9 47 2 | title 71 14 47 10", "canvas_width": 1000, "canvas_height": 517, "elements": [ { "type": "text", "position": [ 595, 80, 393, 21 ], "completed": false }, { "type": "title", "position": [ 595, 120, 393, 88 ], "completed": false }, { "type": "image", "position": [ 12, 166, 456, 264 ], "completed": false }, { "type": "image", "position": [ 21, 175, 438, 246 ], "completed": false }, { "type": "description", "position": [ 595, 228, 393, 146 ], "completed": false }, { "type": "icon", "position": [ 595, 403, 20, 20 ], "completed": false }, { "type": "text", "position": [ 627, 404, 308, 17 ], "completed": false }, { "type": "icon", "position": [ 595, 445, 20, 20 ], "completed": false }, { "type": "text", "position": [ 627, 446, 211, 17 ], "completed": false }, { "type": "icon", "position": [ 595, 487, 20, 20 ], "completed": false }, { "type": "text", "position": [ 627, 488, 144, 17 ], "completed": false } ] }, { "text": "#A page introducing one company's activities' info. # The page should have a big image to play a clip of news. There also should be 4 categories, each with one background image, one title, and one small introduction about the category respectively.", "region_id": "422", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'4'] [gattr:names'events, awards'] [item [el:background_image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : image undefined large | { [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 56 53 | \" [ background 61 0 26 26 | description 65 9 19 10 | title 65 5 19 3 ] | [ background 61 27 26 29 | description 65 35 19 17 | title 65 30 19 3 ] | [ background 92 0 26 26 | description 95 13 19 2 | title 95 9 19 3 ] | [ background 92 27 26 26 | description 95 41 19 5 | title 95 33 19 7 ] \"", "layout_seq_without_completion": "image 1 0 56 53 | \" [ background 61 0 26 26 | description 65 9 19 10 | title 65 5 19 3 ] | [ background 61 27 26 29 | description 65 35 19 17 | title 65 30 19 3 ] | [ background 92 0 26 26 | description 95 13 19 2 | title 95 9 19 3 ] | [ background 92 27 26 26 | description 95 41 19 5 | title 95 33 19 7 ] \"", "plain_layout_seq": "background 61 0 26 26 | background 61 27 26 29 | background 92 0 26 26 | background 92 27 26 26 | description 65 9 19 10 | description 65 35 19 17 | description 95 13 19 2 | description 95 41 19 5 | image 1 0 56 53 | title 65 5 19 3 | title 65 30 19 3 | title 95 9 19 3 | title 95 33 19 7", "canvas_width": 914, "canvas_height": 453, "elements": [ { "type": "image", "position": [ 15, 0, 427, 410 ], "completed": false }, { "type": "background", "position": [ 472, 0, 199, 200 ], "completed": false }, { "type": "background", "position": [ 701, 0, 199, 200 ], "completed": false }, { "type": "title", "position": [ 497, 40, 149, 27 ], "completed": false }, { "type": "title", "position": [ 725, 70, 149, 27 ], "completed": false }, { "type": "description", "position": [ 497, 72, 149, 78 ], "completed": false }, { "type": "description", "position": [ 725, 102, 149, 20 ], "completed": false }, { "type": "background", "position": [ 701, 210, 199, 200 ], "completed": false }, { "type": "background", "position": [ 472, 213, 199, 223 ], "completed": false }, { "type": "title", "position": [ 497, 235, 149, 27 ], "completed": false }, { "type": "title", "position": [ 725, 256, 149, 54 ], "completed": false }, { "type": "description", "position": [ 497, 267, 149, 137 ], "completed": false }, { "type": "description", "position": [ 725, 315, 149, 39 ], "completed": false } ] }, { "text": "#A page introducing one company's activities' info. # The page should have a big image to play a clip of news. There also should be 4 text groups with one small background image, one title such as events, awards, and so on, and one small introduction about the category respectively.", "region_id": "422_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:size'large'] ] [gp:InfoGroup [gattr:repeat'4'] [gattr:names'events, awards'] [item [el:background_image [attr:size'small'] ] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : image undefined large | { [ background undefined small | description undefined small | title undefined undefined ] | [ background undefined small | description undefined small | title undefined undefined ] | [ background undefined small | description undefined small | title undefined undefined ] | [ background undefined small | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "image 1 0 56 53 | \" [ background 61 0 26 26 | description 65 9 19 10 | title 65 5 19 3 ] | [ background 61 27 26 29 | description 65 35 19 17 | title 65 30 19 3 ] | [ background 92 0 26 26 | description 95 13 19 2 | title 95 9 19 3 ] | [ background 92 27 26 26 | description 95 41 19 5 | title 95 33 19 7 ] \"", "layout_seq_without_completion": "image 1 0 56 53 | \" [ background 61 0 26 26 | description 65 9 19 10 | title 65 5 19 3 ] | [ background 61 27 26 29 | description 65 35 19 17 | title 65 30 19 3 ] | [ background 92 0 26 26 | description 95 13 19 2 | title 95 9 19 3 ] | [ background 92 27 26 26 | description 95 41 19 5 | title 95 33 19 7 ] \"", "plain_layout_seq": "background 61 0 26 26 | background 61 27 26 29 | background 92 0 26 26 | background 92 27 26 26 | description 65 9 19 10 | description 65 35 19 17 | description 95 13 19 2 | description 95 41 19 5 | image 1 0 56 53 | title 65 5 19 3 | title 65 30 19 3 | title 95 9 19 3 | title 95 33 19 7", "canvas_width": 914, "canvas_height": 453, "elements": [ { "type": "image", "position": [ 15, 0, 427, 410 ], "completed": false }, { "type": "background", "position": [ 472, 0, 199, 200 ], "completed": false }, { "type": "background", "position": [ 701, 0, 199, 200 ], "completed": false }, { "type": "title", "position": [ 497, 40, 149, 27 ], "completed": false }, { "type": "title", "position": [ 725, 70, 149, 27 ], "completed": false }, { "type": "description", "position": [ 497, 72, 149, 78 ], "completed": false }, { "type": "description", "position": [ 725, 102, 149, 20 ], "completed": false }, { "type": "background", "position": [ 701, 210, 199, 200 ], "completed": false }, { "type": "background", "position": [ 472, 213, 199, 223 ], "completed": false }, { "type": "title", "position": [ 497, 235, 149, 27 ], "completed": false }, { "type": "title", "position": [ 725, 256, 149, 54 ], "completed": false }, { "type": "description", "position": [ 497, 267, 149, 137 ], "completed": false }, { "type": "description", "position": [ 725, 315, 149, 39 ], "completed": false } ] }, { "text": "# A page for marketing Korallikass.# The page should the title \"Why Korallikass\", a short answer \"for a constructive life\" and 4 groups of information sets with each having a small image, a title, and a further introduction. And it will be better to have four images on the page. On the last image, there should be a figure and a short description on it to introduce the user to Lorallikass.", "region_id": "8300", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'why korallikass'] ] [el:text [attr:value 'for a constructive life'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image [attr:size 'small'] ] [el:image[attr:repeat'4']] [el:text][el:description[attr:size'small']] ] ] ]", "execution": "multiinfo : text undefined undefined | title undefined undefined | { [ description undefined small | image undefined small | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined small | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined small | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined small | image undefined small | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 12 68 43 2 | description 12 29 42 2 | description 12 41 41 2 | description 12 53 44 4 | complete image 1 62 9 9 | image 61 47 22 21 | image 88 49 29 17 | image 3 25 4 4 | complete image 1 36 9 9 | image 3 51 4 4 | complete image 1 49 9 9 | image 61 15 31 29 | complete image 1 23 9 9 | image 3 38 4 4 | image 3 65 4 4 | image 96 15 21 35 | text 12 37 23 2 | text 12 24 35 2 | text 12 49 13 2 | text 12 63 19 2 | text 1 11 40 4 | complete text 89 54 12 3 | complete text 89 61 12 2 | title 1 8 9 1", "layout_seq_without_completion": "description 12 68 43 2 | description 12 29 42 2 | description 12 41 41 2 | description 12 53 44 4 | image 1 62 9 9 | image 61 47 22 21 | image 88 49 29 17 | image 3 25 4 4 | image 1 36 9 9 | image 3 51 4 4 | image 1 49 9 9 | image 61 15 31 29 | image 1 23 9 9 | image 3 38 4 4 | image 3 65 4 4 | image 96 15 21 35 | text 12 37 23 2 | text 12 24 35 2 | text 12 49 13 2 | text 12 63 19 2 | text 1 11 40 4 | text 89 54 12 3 | text 89 61 12 2 | title 1 8 9 1", "plain_layout_seq": "description 12 68 43 2 | description 12 29 42 2 | description 12 41 41 2 | description 12 53 44 4 | image 1 62 9 9 | image 61 47 22 21 | image 88 49 29 17 | image 3 25 4 4 | image 1 36 9 9 | image 3 51 4 4 | image 1 49 9 9 | image 61 15 31 29 | image 1 23 9 9 | image 3 38 4 4 | image 3 65 4 4 | image 96 15 21 35 | text 12 37 23 2 | text 12 24 35 2 | text 12 49 13 2 | text 12 63 19 2 | text 1 11 40 4 | text 89 54 12 3 | text 89 61 12 2 | title 1 8 9 1", "canvas_width": 1009, "canvas_height": 709, "elements": [ { "type": "title", "position": [ 15, 74, 83, 14 ], "completed": false }, { "type": "text", "position": [ 15, 99, 341, 42 ], "completed": false }, { "type": "image", "position": [ 520, 127, 264, 244 ], "completed": false }, { "type": "image", "position": [ 814, 127, 180, 296 ], "completed": false }, { "type": "image", "position": [ 15, 200, 76, 76 ], "completed": true }, { "type": "text", "position": [ 107, 209, 295, 24 ], "completed": false }, { "type": "image", "position": [ 33, 218, 40, 40 ], "completed": false }, { "type": "description", "position": [ 107, 245, 355, 17 ], "completed": false }, { "type": "image", "position": [ 15, 308, 76, 76 ], "completed": true }, { "type": "text", "position": [ 107, 317, 194, 24 ], "completed": false }, { "type": "image", "position": [ 33, 326, 40, 40 ], "completed": false }, { "type": "description", "position": [ 107, 353, 349, 17 ], "completed": false }, { "type": "image", "position": [ 520, 403, 191, 180 ], "completed": false }, { "type": "text", "position": [ 107, 416, 111, 24 ], "completed": false }, { "type": "image", "position": [ 15, 418, 76, 76 ], "completed": true }, { "type": "image", "position": [ 740, 420, 245, 146 ], "completed": false }, { "type": "image", "position": [ 33, 436, 40, 40 ], "completed": false }, { "type": "description", "position": [ 107, 452, 370, 41 ], "completed": false }, { "type": "text", "position": [ 756, 457, 102, 31 ], "completed": true }, { "type": "text", "position": [ 756, 513, 106, 17 ], "completed": true }, { "type": "image", "position": [ 15, 529, 76, 76 ], "completed": true }, { "type": "text", "position": [ 107, 538, 160, 24 ], "completed": false }, { "type": "image", "position": [ 33, 547, 40, 40 ], "completed": false }, { "type": "description", "position": [ 107, 575, 369, 17 ], "completed": false } ] }, { "text": "# A page for recommending the top destinations for the user.# The page should have the title \"Top destinations for your next vacation\", four groups of destination information. Each group should contain an image with a destination name on it. Besides, there should also be pagination for the user to switch to the next to view more destinations.", "region_id": "5794", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'top destinations for your next vacation'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 115 17 2 2 | image 2 5 26 26 | image 60 5 26 26 | image 118 5 1 26 | image 31 5 26 26 | image 89 5 26 26 | title 62 23 23 7 | title 91 23 23 7 | title 118 15 1 17 | title 4 23 23 7 | title 33 19 23 11 | title 2 0 112 3", "layout_seq_without_completion": "icon 115 17 2 2 | image 2 5 26 26 | image 60 5 26 26 | image 118 5 1 26 | image 31 5 26 26 | image 89 5 26 26 | title 62 23 23 7 | title 91 23 23 7 | title 118 15 1 17 | title 4 23 23 7 | title 33 19 23 11 | title 2 0 112 3", "plain_layout_seq": "icon 115 17 2 2 | image 2 5 26 26 | image 60 5 26 26 | image 118 5 1 26 | image 31 5 26 26 | image 89 5 26 26 | title 62 23 23 7 | title 91 23 23 7 | title 118 15 1 17 | title 4 23 23 7 | title 33 19 23 11 | title 2 0 112 3", "canvas_width": 1024, "canvas_height": 283, "elements": [ { "type": "title", "position": [ 24, 0, 960, 29 ], "completed": false }, { "type": "image", "position": [ 24, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 270, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 516, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 762, 49, 230, 230 ], "completed": false }, { "type": "image", "position": [ 1008, 49, 12, 230 ], "completed": false }, { "type": "title", "position": [ 1008, 132, 12, 147 ], "completed": false }, { "type": "icon", "position": [ 988, 153, 24, 24 ], "completed": true }, { "type": "title", "position": [ 286, 164, 198, 99 ], "completed": false }, { "type": "title", "position": [ 40, 197, 198, 66 ], "completed": false }, { "type": "title", "position": [ 532, 197, 198, 66 ], "completed": false }, { "type": "title", "position": [ 778, 197, 198, 66 ], "completed": false } ] }, { "text": "#A page to introduce API to customers.# There is a big image on the left. There is a title and two information groups under it. Each group has a text for numbers that says '1' and '2'. There is also a title and a description of the service in it. Finally, there is a button that says 'start building'.", "region_id": "4282", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:size'large'] [attr:position 'left'] ] [el:title] [gp:InfoGroup [gattr:repeat '2'] [gattr:names '1, 2'] [item [el:title] [el:description] ] ] [el:button [attr:value 'start building'] ] ]", "execution": "multiinfo : button undefined undefined | image left large | title undefined undefined | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 71 49 17 6 | complete icon 71 13 3 3 | image 5 0 52 60 | title 71 5 43 4 | \" [ description 76 17 36 8 | complete link 76 17 21 2 | title 76 13 38 2 ] | [ description 76 35 38 9 | complete icon 71 31 3 3 | title 76 31 38 2 ] \"", "layout_seq_without_completion": "button 71 49 17 6 | icon 71 13 3 3 | image 5 0 52 60 | title 71 5 43 4 | \" [ description 76 17 36 8 | link 76 17 21 2 | title 76 13 38 2 ] | [ description 76 35 38 9 | icon 71 31 3 3 | title 76 31 38 2 ] \"", "plain_layout_seq": "button 71 49 17 6 | description 76 17 36 8 | description 76 35 38 9 | icon 71 13 3 3 | icon 71 31 3 3 | image 5 0 52 60 | link 76 17 21 2 | title 71 5 43 4 | title 76 13 38 2 | title 76 31 38 2", "canvas_width": 1024, "canvas_height": 519, "elements": [ { "type": "image", "position": [ 47, 0, 450, 519 ], "completed": false }, { "type": "title", "position": [ 607, 44, 370, 40 ], "completed": false }, { "type": "icon", "position": [ 607, 116, 28, 28 ], "completed": true }, { "type": "title", "position": [ 651, 116, 326, 25 ], "completed": false }, { "type": "description", "position": [ 651, 150, 314, 73 ], "completed": false }, { "type": "link", "position": [ 651, 150, 180, 22 ], "completed": true }, { "type": "icon", "position": [ 607, 266, 28, 28 ], "completed": true }, { "type": "title", "position": [ 651, 266, 326, 25 ], "completed": false }, { "type": "description", "position": [ 651, 299, 326, 77 ], "completed": false }, { "type": "button", "position": [ 607, 424, 153, 52 ], "completed": false } ] }, { "text": "# A page for advertising the products in an online shop. # The page should have the title \"SEISMIC 4.0 MERCH\" and four groups of product information with each including an image, a product name, and a price. Besides, it is necessary to have a button \"VIEW ALL\" for the user to view all products by clicking it.", "region_id": "7623", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'seismic 4.0 merch'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 59 12 5 | image 6 15 24 19 | image 34 15 24 22 | image 61 15 24 13 | image 89 15 24 18 | text 6 40 6 2 | text 34 43 6 2 | text 61 36 6 2 | text 89 41 5 2 | title 89 35 24 4 | title 6 37 24 2 | title 34 40 24 2 | title 61 30 24 4 | title 6 6 107 2", "layout_seq_without_completion": "button 53 59 12 5 | image 6 15 24 19 | image 34 15 24 22 | image 61 15 24 13 | image 89 15 24 18 | text 6 40 6 2 | text 34 43 6 2 | text 61 36 6 2 | text 89 41 5 2 | title 89 35 24 4 | title 6 37 24 2 | title 34 40 24 2 | title 61 30 24 4 | title 6 6 107 2", "plain_layout_seq": "button 53 59 12 5 | image 6 15 24 19 | image 34 15 24 22 | image 61 15 24 13 | image 89 15 24 18 | text 6 40 6 2 | text 34 43 6 2 | text 61 36 6 2 | text 89 41 5 2 | title 89 35 24 4 | title 6 37 24 2 | title 34 40 24 2 | title 61 30 24 4 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 605, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 206, 170 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 195 ], "completed": false }, { "type": "image", "position": [ 527, 134, 206, 112 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 155 ], "completed": false }, { "type": "title", "position": [ 527, 261, 206, 41 ], "completed": false }, { "type": "title", "position": [ 763, 303, 206, 40 ], "completed": false }, { "type": "text", "position": [ 527, 310, 52, 24 ], "completed": false }, { "type": "title", "position": [ 55, 319, 206, 20 ], "completed": false }, { "type": "title", "position": [ 291, 344, 206, 21 ], "completed": false }, { "type": "text", "position": [ 55, 347, 58, 24 ], "completed": false }, { "type": "text", "position": [ 763, 352, 49, 24 ], "completed": false }, { "type": "text", "position": [ 291, 372, 53, 24 ], "completed": false }, { "type": "button", "position": [ 457, 506, 110, 43 ], "completed": false } ] }, { "text": "#A page introducing the services of a company. # The page should have 4 combinations of one image, one title, and one brief description to list the services, such as trust pay, help center, and so on.", "region_id": "2177", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [gattr:names'trust pay, help center'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 15 23 2 | image 13 4 7 5 | complete text 5 17 23 2 | title 5 11 23 2 ] | [ description 35 15 23 2 | image 44 4 5 5 | complete text 35 17 23 2 | title 35 11 23 2 ] | [ description 65 15 23 2 | image 74 4 6 5 | complete text 65 17 23 4 | title 65 11 23 2 ] | [ description 95 15 23 2 | image 105 4 4 5 | complete text 95 17 23 2 | title 95 11 23 2 ] \"", "layout_seq_without_completion": "\" [ description 5 15 23 2 | image 13 4 7 5 | text 5 17 23 2 | title 5 11 23 2 ] | [ description 35 15 23 2 | image 44 4 5 5 | text 35 17 23 2 | title 35 11 23 2 ] | [ description 65 15 23 2 | image 74 4 6 5 | text 65 17 23 4 | title 65 11 23 2 ] | [ description 95 15 23 2 | image 105 4 4 5 | text 95 17 23 2 | title 95 11 23 2 ] \"", "plain_layout_seq": "description 5 15 23 2 | description 35 15 23 2 | description 65 15 23 2 | description 95 15 23 2 | image 13 4 7 5 | image 44 4 5 5 | image 74 4 6 5 | image 105 4 4 5 | text 5 17 23 2 | text 35 17 23 2 | text 65 17 23 4 | text 95 17 23 2 | title 5 11 23 2 | title 35 11 23 2 | title 65 11 23 2 | title 95 11 23 2", "canvas_width": 1024, "canvas_height": 201, "elements": [ { "type": "image", "position": [ 118, 38, 60, 51 ], "completed": false }, { "type": "image", "position": [ 380, 38, 48, 51 ], "completed": false }, { "type": "image", "position": [ 633, 38, 54, 51 ], "completed": false }, { "type": "image", "position": [ 897, 38, 38, 51 ], "completed": false }, { "type": "title", "position": [ 46, 101, 204, 20 ], "completed": false }, { "type": "title", "position": [ 302, 101, 204, 20 ], "completed": false }, { "type": "title", "position": [ 558, 101, 204, 20 ], "completed": false }, { "type": "title", "position": [ 814, 101, 204, 20 ], "completed": false }, { "type": "description", "position": [ 46, 133, 204, 20 ], "completed": false }, { "type": "description", "position": [ 302, 133, 204, 20 ], "completed": false }, { "type": "description", "position": [ 558, 133, 204, 20 ], "completed": false }, { "type": "description", "position": [ 814, 133, 204, 20 ], "completed": false }, { "type": "text", "position": [ 46, 153, 204, 20 ], "completed": true }, { "type": "text", "position": [ 302, 153, 204, 20 ], "completed": true }, { "type": "text", "position": [ 558, 153, 204, 40 ], "completed": true }, { "type": "text", "position": [ 814, 153, 204, 20 ], "completed": true } ] }, { "text": "# A page for showing the featured collection in an online shop. # The page should have the title \"Featured collection\" and a link \"View all\" for the user to view all of the products in the collection. Then there should be four groups of information sets with each having a category name \"WINTERS INSTRUMENT\" and a product name.", "region_id": "6560", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collection'] ] [el:link [attr:value 'view all'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:text [attr:value 'WINTERS INSTRUMENT']] [el:text] ] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 110 0 8 3 | text 6 36 23 4 | text 34 36 23 4 | text 34 33 23 2 | text 6 33 23 2 | text 62 33 23 2 | text 62 36 23 9 | text 90 33 23 2 | text 90 36 23 7 | title 4 0 20 3", "layout_seq_without_completion": "link 110 0 8 3 | text 6 36 23 4 | text 34 36 23 4 | text 34 33 23 2 | text 6 33 23 2 | text 62 33 23 2 | text 62 36 23 9 | text 90 33 23 2 | text 90 36 23 7 | title 4 0 20 3", "plain_layout_seq": "link 110 0 8 3 | text 6 36 23 4 | text 34 36 23 4 | text 34 33 23 2 | text 6 33 23 2 | text 62 33 23 2 | text 62 36 23 9 | text 90 33 23 2 | text 90 36 23 7 | title 4 0 20 3", "canvas_width": 1096, "canvas_height": 463, "elements": [ { "type": "title", "position": [ 40, 0, 185, 32 ], "completed": false }, { "type": "link", "position": [ 1006, 4, 76, 28 ], "completed": false }, { "type": "text", "position": [ 60, 306, 214, 19 ], "completed": false }, { "type": "text", "position": [ 314, 306, 214, 19 ], "completed": false }, { "type": "text", "position": [ 568, 306, 214, 19 ], "completed": false }, { "type": "text", "position": [ 822, 306, 214, 19 ], "completed": false }, { "type": "text", "position": [ 60, 331, 214, 43 ], "completed": false }, { "type": "text", "position": [ 314, 331, 214, 43 ], "completed": false }, { "type": "text", "position": [ 568, 331, 214, 86 ], "completed": false }, { "type": "text", "position": [ 822, 331, 214, 65 ], "completed": false } ] }, { "text": "#A page for showing the food categories.# There are four info groups and each one includes one food image, and one label. Users can learn more by clicking one button.", "region_id": "3620", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] [el:pagination ] ]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 111 8 1 3 | image 11 0 20 20 | image 108 0 1 20 | image 35 0 20 20 | image 60 0 20 20 | image 84 0 20 20 | title 35 20 20 6 | title 84 20 20 6 | title 11 20 20 6 | title 60 20 20 6 | title 108 20 1 6", "layout_seq_without_completion": "icon 111 8 1 3 | image 11 0 20 20 | image 108 0 1 20 | image 35 0 20 20 | image 60 0 20 20 | image 84 0 20 20 | title 35 20 20 6 | title 84 20 20 6 | title 11 20 20 6 | title 60 20 20 6 | title 108 20 1 6", "plain_layout_seq": "icon 111 8 1 3 | image 11 0 20 20 | image 108 0 1 20 | image 35 0 20 20 | image 60 0 20 20 | image 84 0 20 20 | title 35 20 20 6 | title 84 20 20 6 | title 11 20 20 6 | title 60 20 20 6 | title 108 20 1 6", "canvas_width": 971, "canvas_height": 247, "elements": [ { "type": "image", "position": [ 96, 0, 165, 165 ], "completed": false }, { "type": "image", "position": [ 291, 0, 165, 165 ], "completed": false }, { "type": "image", "position": [ 486, 0, 165, 165 ], "completed": false }, { "type": "image", "position": [ 681, 0, 165, 165 ], "completed": false }, { "type": "image", "position": [ 875, 0, 14, 165 ], "completed": false }, { "type": "icon", "position": [ 905, 70, 16, 26 ], "completed": true }, { "type": "title", "position": [ 96, 165, 165, 50 ], "completed": false }, { "type": "title", "position": [ 291, 165, 165, 50 ], "completed": false }, { "type": "title", "position": [ 486, 165, 165, 50 ], "completed": false }, { "type": "title", "position": [ 681, 165, 165, 50 ], "completed": false }, { "type": "title", "position": [ 875, 165, 14, 50 ], "completed": false } ] }, { "text": "#A page for users to buy stores or sell products.# The page contains three links for users to click, including \"Start a store\", \"Find products to sell\", and \"Buy an existing online store\".", "region_id": "8053", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'start a store, find products to sell, buy an existing online store'] [item [el:link] ] ] ]", "execution": "multiinfo : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "# A page introducing the features of RunCloud.# The page should have the title \"Features that make life better\", a short description, and six groups of features introduction information. In each group, there should have a small image, a title, and a further introduction.", "region_id": "5268", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'features that make life better'] ] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '6'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 24 28 71 3 | complete icon 58 13 3 3 | complete image 55 11 8 8 | title 30 22 58 4 ] | [ description 13 48 23 17 | image 7 41 3 3 | title 13 41 23 5 ] | [ description 51 45 23 11 | image 45 41 3 3 | title 51 41 23 2 ] | [ description 88 48 23 8 | image 82 41 3 3 | title 88 41 23 5 ] | [ description 13 80 23 5 | image 7 73 3 3 | title 13 73 23 5 ] | [ description 51 80 23 11 | image 45 73 3 3 | title 51 73 23 5 ] | [ description 88 80 23 14 | image 82 73 3 3 | title 88 73 23 5 ] \"", "layout_seq_without_completion": "\" [ description 24 28 71 3 | icon 58 13 3 3 | image 55 11 8 8 | title 30 22 58 4 ] | [ description 13 48 23 17 | image 7 41 3 3 | title 13 41 23 5 ] | [ description 51 45 23 11 | image 45 41 3 3 | title 51 41 23 2 ] | [ description 88 48 23 8 | image 82 41 3 3 | title 88 41 23 5 ] | [ description 13 80 23 5 | image 7 73 3 3 | title 13 73 23 5 ] | [ description 51 80 23 11 | image 45 73 3 3 | title 51 73 23 5 ] | [ description 88 80 23 14 | image 82 73 3 3 | title 88 73 23 5 ] \"", "plain_layout_seq": "description 24 28 71 3 | description 13 48 23 17 | description 51 45 23 11 | description 88 48 23 8 | description 13 80 23 5 | description 51 80 23 11 | description 88 80 23 14 | icon 58 13 3 3 | image 55 11 8 8 | image 7 41 3 3 | image 45 41 3 3 | image 82 41 3 3 | image 7 73 3 3 | image 45 73 3 3 | image 82 73 3 3 | title 30 22 58 4 | title 13 41 23 5 | title 51 41 23 2 | title 88 41 23 5 | title 13 73 23 5 | title 51 73 23 5 | title 88 73 23 5", "canvas_width": 1024, "canvas_height": 946, "elements": [ { "type": "image", "position": [ 477, 96, 70, 70 ], "completed": true }, { "type": "icon", "position": [ 497, 114, 30, 34 ], "completed": true }, { "type": "title", "position": [ 260, 196, 503, 42 ], "completed": false }, { "type": "description", "position": [ 207, 245, 610, 32 ], "completed": false }, { "type": "image", "position": [ 64, 357, 30, 30 ], "completed": false }, { "type": "title", "position": [ 118, 357, 202, 48 ], "completed": false }, { "type": "image", "position": [ 384, 357, 30, 30 ], "completed": false }, { "type": "title", "position": [ 438, 357, 202, 24 ], "completed": false }, { "type": "image", "position": [ 704, 357, 30, 30 ], "completed": false }, { "type": "title", "position": [ 758, 357, 202, 48 ], "completed": false }, { "type": "description", "position": [ 438, 389, 202, 101 ], "completed": false }, { "type": "description", "position": [ 118, 413, 202, 151 ], "completed": false }, { "type": "description", "position": [ 758, 413, 202, 76 ], "completed": false }, { "type": "image", "position": [ 64, 628, 30, 30 ], "completed": false }, { "type": "title", "position": [ 118, 628, 202, 48 ], "completed": false }, { "type": "title", "position": [ 438, 628, 202, 48 ], "completed": false }, { "type": "image", "position": [ 704, 628, 30, 30 ], "completed": false }, { "type": "title", "position": [ 758, 628, 202, 48 ], "completed": false }, { "type": "image", "position": [ 384, 629, 30, 29 ], "completed": false }, { "type": "description", "position": [ 118, 684, 202, 50 ], "completed": false }, { "type": "description", "position": [ 438, 684, 202, 101 ], "completed": false }, { "type": "description", "position": [ 758, 684, 202, 126 ], "completed": false } ] }, { "text": "#A page for introducing one library.# There should be two labels, one for the eBooks and the other for the Webcasts. Each of them includes one text box showing the detail. And each of them is followed by one split line.", "region_id": "1448", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [gattr:names'ebooks, webcasts'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 6 52 5 | description 2 22 52 5 | complete text 0 20 52 0 | complete text 0 4 52 0 | title 2 0 8 2 | title 2 17 11 2", "layout_seq_without_completion": "description 2 6 52 5 | description 2 22 52 5 | text 0 20 52 0 | text 0 4 52 0 | title 2 0 8 2 | title 2 17 11 2", "plain_layout_seq": "description 2 6 52 5 | description 2 22 52 5 | text 0 20 52 0 | text 0 4 52 0 | title 2 0 8 2 | title 2 17 11 2", "canvas_width": 879, "canvas_height": 222, "elements": [ { "type": "title", "position": [ 17, 6, 65, 20 ], "completed": false }, { "type": "text", "position": [ 1, 31, 384, 3 ], "completed": true }, { "type": "description", "position": [ 17, 48, 384, 39 ], "completed": false }, { "type": "title", "position": [ 17, 126, 86, 20 ], "completed": false }, { "type": "text", "position": [ 1, 150, 384, 3 ], "completed": true }, { "type": "description", "position": [ 17, 167, 384, 39 ], "completed": false } ] }, { "text": "#A page for showing the wallpapers.# On the top, there is one label \"FEATURED USERS\". Below are 12 info groups and each of them includes one head portrait, one label showing the name, and one label showing their number.", "region_id": "4748", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'FEATURED USERS'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 52 0 14 2 | \" [ complete image 0 6 18 23 | image 3 8 10 10 | text 0 25 18 1 | title 1 22 15 2 ] | [ complete image 20 6 18 23 | image 24 8 10 10 | text 20 25 18 1 | title 21 22 15 2 ] | [ complete image 40 6 18 23 | image 44 8 10 10 | text 40 25 18 1 | title 41 22 15 2 ] | [ complete image 61 6 18 23 | image 64 8 10 10 | text 61 25 18 1 | title 62 22 15 2 ] | [ complete image 81 6 18 23 | image 85 8 10 10 | text 81 25 18 1 | title 82 22 15 2 ] | [ complete image 101 6 18 23 | image 105 8 10 10 | text 101 25 18 1 | title 103 22 15 2 ] | [ complete image 0 32 18 23 | image 3 34 10 10 | text 0 51 18 1 | title 1 48 15 2 ] | [ complete image 20 32 18 23 | image 24 34 10 10 | text 20 51 18 1 | title 21 48 15 2 ] | [ complete image 40 32 18 23 | image 44 34 10 10 | text 40 51 18 1 | title 41 48 15 2 ] | [ complete image 61 32 18 23 | image 64 34 10 10 | text 61 51 18 1 | title 62 48 15 2 ] | [ complete image 81 32 18 23 | image 85 34 10 10 | text 81 51 18 1 | title 82 48 15 2 ] | [ complete image 101 32 18 23 | image 105 34 10 10 | text 101 51 18 1 | title 103 48 15 2 ] \"", "layout_seq_without_completion": "title 52 0 14 2 | \" [ image 0 6 18 23 | image 3 8 10 10 | text 0 25 18 1 | title 1 22 15 2 ] | [ image 20 6 18 23 | image 24 8 10 10 | text 20 25 18 1 | title 21 22 15 2 ] | [ image 40 6 18 23 | image 44 8 10 10 | text 40 25 18 1 | title 41 22 15 2 ] | [ image 61 6 18 23 | image 64 8 10 10 | text 61 25 18 1 | title 62 22 15 2 ] | [ image 81 6 18 23 | image 85 8 10 10 | text 81 25 18 1 | title 82 22 15 2 ] | [ image 101 6 18 23 | image 105 8 10 10 | text 101 25 18 1 | title 103 22 15 2 ] | [ image 0 32 18 23 | image 3 34 10 10 | text 0 51 18 1 | title 1 48 15 2 ] | [ image 20 32 18 23 | image 24 34 10 10 | text 20 51 18 1 | title 21 48 15 2 ] | [ image 40 32 18 23 | image 44 34 10 10 | text 40 51 18 1 | title 41 48 15 2 ] | [ image 61 32 18 23 | image 64 34 10 10 | text 61 51 18 1 | title 62 48 15 2 ] | [ image 81 32 18 23 | image 85 34 10 10 | text 81 51 18 1 | title 82 48 15 2 ] | [ image 101 32 18 23 | image 105 34 10 10 | text 101 51 18 1 | title 103 48 15 2 ] \"", "plain_layout_seq": "image 0 6 18 23 | image 3 8 10 10 | image 20 6 18 23 | image 24 8 10 10 | image 40 6 18 23 | image 44 8 10 10 | image 61 6 18 23 | image 64 8 10 10 | image 81 6 18 23 | image 85 8 10 10 | image 101 6 18 23 | image 105 8 10 10 | image 0 32 18 23 | image 3 34 10 10 | image 20 32 18 23 | image 24 34 10 10 | image 40 32 18 23 | image 44 34 10 10 | image 61 32 18 23 | image 64 34 10 10 | image 81 32 18 23 | image 85 34 10 10 | image 101 32 18 23 | image 105 34 10 10 | text 0 25 18 1 | text 20 25 18 1 | text 40 25 18 1 | text 61 25 18 1 | text 81 25 18 1 | text 101 25 18 1 | text 0 51 18 1 | text 20 51 18 1 | text 40 51 18 1 | text 61 51 18 1 | text 81 51 18 1 | text 101 51 18 1 | title 52 0 14 2 | title 1 22 15 2 | title 21 22 15 2 | title 41 22 15 2 | title 62 22 15 2 | title 82 22 15 2 | title 103 22 15 2 | title 1 48 15 2 | title 21 48 15 2 | title 41 48 15 2 | title 62 48 15 2 | title 82 48 15 2 | title 103 48 15 2", "canvas_width": 1060, "canvas_height": 498, "elements": [ { "type": "title", "position": [ 466, 0, 129, 24 ], "completed": false }, { "type": "image", "position": [ 0, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 180, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 360, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 540, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 720, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 900, 58, 160, 210 ], "completed": true }, { "type": "image", "position": [ 34, 76, 93, 93 ], "completed": false }, { "type": "image", "position": [ 214, 76, 93, 93 ], "completed": false }, { "type": "image", "position": [ 394, 76, 93, 93 ], "completed": false }, { "type": "image", "position": [ 574, 76, 93, 93 ], "completed": false }, { "type": "image", "position": [ 754, 76, 93, 93 ], "completed": false }, { "type": "image", "position": [ 934, 76, 93, 93 ], "completed": false }, { "type": "title", "position": [ 10, 198, 140, 18 ], "completed": false }, { "type": "title", "position": [ 190, 198, 140, 18 ], "completed": false }, { "type": "title", "position": [ 370, 198, 140, 18 ], "completed": false }, { "type": "title", "position": [ 550, 198, 140, 18 ], "completed": false }, { "type": "title", "position": [ 730, 198, 140, 18 ], "completed": false }, { "type": "title", "position": [ 910, 198, 140, 18 ], "completed": false }, { "type": "text", "position": [ 0, 227, 160, 16 ], "completed": false }, { "type": "text", "position": [ 180, 227, 160, 16 ], "completed": false }, { "type": "text", "position": [ 360, 227, 160, 16 ], "completed": false }, { "type": "text", "position": [ 540, 227, 160, 16 ], "completed": false }, { "type": "text", "position": [ 720, 227, 160, 16 ], "completed": false }, { "type": "text", "position": [ 900, 227, 160, 16 ], "completed": false }, { "type": "image", "position": [ 0, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 180, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 360, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 540, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 720, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 900, 288, 160, 210 ], "completed": true }, { "type": "image", "position": [ 34, 306, 93, 93 ], "completed": false }, { "type": "image", "position": [ 214, 306, 93, 93 ], "completed": false }, { "type": "image", "position": [ 394, 306, 93, 93 ], "completed": false }, { "type": "image", "position": [ 574, 306, 93, 93 ], "completed": false }, { "type": "image", "position": [ 754, 306, 93, 93 ], "completed": false }, { "type": "image", "position": [ 934, 306, 93, 93 ], "completed": false }, { "type": "title", "position": [ 10, 428, 140, 18 ], "completed": false }, { "type": "title", "position": [ 190, 428, 140, 18 ], "completed": false }, { "type": "title", "position": [ 370, 428, 140, 18 ], "completed": false }, { "type": "title", "position": [ 550, 428, 140, 18 ], "completed": false }, { "type": "title", "position": [ 730, 428, 140, 18 ], "completed": false }, { "type": "title", "position": [ 910, 428, 140, 18 ], "completed": false }, { "type": "text", "position": [ 0, 457, 160, 16 ], "completed": false }, { "type": "text", "position": [ 180, 457, 160, 16 ], "completed": false }, { "type": "text", "position": [ 360, 457, 160, 16 ], "completed": false }, { "type": "text", "position": [ 540, 457, 160, 16 ], "completed": false }, { "type": "text", "position": [ 720, 457, 160, 16 ], "completed": false }, { "type": "text", "position": [ 900, 457, 160, 16 ], "completed": false } ] }, { "text": "#A page for showing the images about discounts.# The page should have 3 images to show the info about discounts, and two buttons for users to click to turn the page.", "region_id": "5559", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] ] ] [el:pagination] ]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "complete button 115 9 3 3 | complete button 1 9 3 3 | \" [ image 0 0 39 19 ] | [ image 40 0 39 19 ] | [ image 80 0 39 19 ] \"", "layout_seq_without_completion": "button 115 9 3 3 | button 1 9 3 3 | \" [ image 0 0 39 19 ] | [ image 40 0 39 19 ] | [ image 80 0 39 19 ] \"", "plain_layout_seq": "button 115 9 3 3 | button 1 9 3 3 | image 0 0 39 19 | image 40 0 39 19 | image 80 0 39 19", "canvas_width": 1014, "canvas_height": 210, "elements": [ { "type": "image", "position": [ 0, 0, 331, 166 ], "completed": false }, { "type": "image", "position": [ 341, 0, 331, 166 ], "completed": false }, { "type": "image", "position": [ 683, 0, 331, 166 ], "completed": false }, { "type": "button", "position": [ 10, 83, 30, 30 ], "completed": true }, { "type": "button", "position": [ 974, 83, 30, 30 ], "completed": true } ] }, { "text": "# A page to introduce the advantage of a website. # There should have three groups of information sets \"Stronger data protection\" \"Internet without border\", and \"Lightning-fast connectivity\" with each including an image, a title, and a further introduction. Also, a link \"see more advantages\" is needed for the user to view more advantages by clicking it.", "region_id": "2848", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'stronger data protection, internet without border, lightning-fast connectivity'] [item [el:image] [el:title] [el:description] ] ] [el:link [attr:value 'see more advantages'] ] ]", "execution": "multiinfo : link undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 7 33 30 9 | description 44 33 30 9 | description 82 33 30 9 | image 7 3 30 15 | image 44 3 30 15 | image 82 3 30 15 | link 49 51 21 2 | title 7 21 30 9 | title 44 21 30 9 | title 82 21 30 9", "layout_seq_without_completion": "description 7 33 30 9 | description 44 33 30 9 | description 82 33 30 9 | image 7 3 30 15 | image 44 3 30 15 | image 82 3 30 15 | link 49 51 21 2 | title 7 21 30 9 | title 44 21 30 9 | title 82 21 30 9", "plain_layout_seq": "description 7 33 30 9 | description 44 33 30 9 | description 82 33 30 9 | image 7 3 30 15 | image 44 3 30 15 | image 82 3 30 15 | link 49 51 21 2 | title 7 21 30 9 | title 44 21 30 9 | title 82 21 30 9", "canvas_width": 1024, "canvas_height": 507, "elements": [ { "type": "image", "position": [ 62, 30, 260, 132 ], "completed": false }, { "type": "image", "position": [ 382, 30, 260, 132 ], "completed": false }, { "type": "image", "position": [ 702, 30, 260, 132 ], "completed": false }, { "type": "title", "position": [ 62, 185, 260, 80 ], "completed": false }, { "type": "title", "position": [ 382, 185, 260, 80 ], "completed": false }, { "type": "title", "position": [ 702, 185, 260, 80 ], "completed": false }, { "type": "description", "position": [ 62, 285, 260, 84 ], "completed": false }, { "type": "description", "position": [ 382, 285, 260, 84 ], "completed": false }, { "type": "description", "position": [ 702, 285, 260, 84 ], "completed": false }, { "type": "link", "position": [ 422, 443, 181, 23 ], "completed": false } ] }, { "text": "# A page showing the product of an online shop. # The page should have four product information with each having an image and a name.", "region_id": "7086", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 0 28 28 | image 88 0 28 28 | image 58 0 28 28 | image 29 0 28 28 | title 1 30 25 4 | title 61 30 23 4 | title 30 30 27 1 | title 97 30 9 1", "layout_seq_without_completion": "image 0 0 28 28 | image 88 0 28 28 | image 58 0 28 28 | image 29 0 28 28 | title 1 30 25 4 | title 61 30 23 4 | title 30 30 27 1 | title 97 30 9 1", "plain_layout_seq": "image 0 0 28 28 | image 88 0 28 28 | image 58 0 28 28 | image 29 0 28 28 | title 1 30 25 4 | title 61 30 23 4 | title 30 30 27 1 | title 97 30 9 1", "canvas_width": 964, "canvas_height": 293, "elements": [ { "type": "image", "position": [ 2, 0, 231, 231 ], "completed": false }, { "type": "image", "position": [ 237, 0, 231, 231 ], "completed": false }, { "type": "image", "position": [ 473, 0, 231, 231 ], "completed": false }, { "type": "image", "position": [ 708, 0, 231, 231 ], "completed": false }, { "type": "title", "position": [ 16, 248, 203, 36 ], "completed": false }, { "type": "title", "position": [ 241, 248, 224, 16 ], "completed": false }, { "type": "title", "position": [ 493, 248, 191, 36 ], "completed": false }, { "type": "title", "position": [ 786, 248, 75, 16 ], "completed": false } ] }, { "text": "#A page showing commodities of the website.#The page should include eight groups of commodities. And each of them should have one picture and one text heading.", "region_id": "8309", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 5 2 25 25 | image 33 2 25 25 | image 88 2 25 25 | image 5 38 25 25 | image 61 38 25 25 | image 88 38 25 25 | image 61 2 25 25 | image 33 38 25 25 | title 61 66 25 4 | title 5 30 25 4 | title 88 30 25 4 | title 33 30 25 4 | title 61 30 25 4 | title 5 66 25 4 | title 33 66 25 4 | title 88 66 25 9", "layout_seq_without_completion": "image 5 2 25 25 | image 33 2 25 25 | image 88 2 25 25 | image 5 38 25 25 | image 61 38 25 25 | image 88 38 25 25 | image 61 2 25 25 | image 33 38 25 25 | title 61 66 25 4 | title 5 30 25 4 | title 88 30 25 4 | title 33 30 25 4 | title 61 30 25 4 | title 5 66 25 4 | title 33 66 25 4 | title 88 66 25 9", "plain_layout_seq": "image 5 2 25 25 | image 33 2 25 25 | image 88 2 25 25 | image 5 38 25 25 | image 61 38 25 25 | image 88 38 25 25 | image 61 2 25 25 | image 33 38 25 25 | title 61 66 25 4 | title 5 30 25 4 | title 88 30 25 4 | title 33 30 25 4 | title 61 30 25 4 | title 5 66 25 4 | title 33 66 25 4 | title 88 66 25 9", "canvas_width": 1024, "canvas_height": 698, "elements": [ { "type": "image", "position": [ 51, 20, 215, 215 ], "completed": false }, { "type": "image", "position": [ 287, 20, 215, 215 ], "completed": false }, { "type": "image", "position": [ 522, 20, 215, 215 ], "completed": false }, { "type": "image", "position": [ 757, 20, 215, 215 ], "completed": false }, { "type": "title", "position": [ 51, 258, 215, 41 ], "completed": false }, { "type": "title", "position": [ 287, 258, 215, 41 ], "completed": false }, { "type": "title", "position": [ 522, 258, 215, 41 ], "completed": false }, { "type": "title", "position": [ 757, 258, 215, 41 ], "completed": false }, { "type": "image", "position": [ 51, 328, 215, 215 ], "completed": false }, { "type": "image", "position": [ 287, 328, 215, 215 ], "completed": false }, { "type": "image", "position": [ 522, 328, 215, 215 ], "completed": false }, { "type": "image", "position": [ 757, 328, 215, 215 ], "completed": false }, { "type": "title", "position": [ 51, 566, 215, 41 ], "completed": false }, { "type": "title", "position": [ 287, 566, 215, 41 ], "completed": false }, { "type": "title", "position": [ 522, 566, 215, 41 ], "completed": false }, { "type": "title", "position": [ 757, 566, 215, 81 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # The page should include four groups of information sets: \"Buy Cheap\" \"Earn Bonus\" \"Referral Program\", and \"Anonymity\", with each having an image, a title, and a short description.", "region_id": "4711", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Buy Cheap, Earn Bonus, Referral Program, Anonymity'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 9 21 16 7 | complete image 4 2 24 29 | image 7 5 19 11 | title 12 18 8 2 ] | [ description 36 21 19 4 | complete image 33 2 24 26 | image 36 5 19 11 | title 41 18 9 2 ] | [ description 65 21 17 7 | complete image 61 2 24 29 | image 64 5 19 11 | title 67 18 14 2 ] | [ description 93 21 19 4 | complete image 90 2 24 26 | image 93 5 19 11 | title 98 18 9 2 ] \"", "layout_seq_without_completion": "\" [ description 9 21 16 7 | image 4 2 24 29 | image 7 5 19 11 | title 12 18 8 2 ] | [ description 36 21 19 4 | image 33 2 24 26 | image 36 5 19 11 | title 41 18 9 2 ] | [ description 65 21 17 7 | image 61 2 24 29 | image 64 5 19 11 | title 67 18 14 2 ] | [ description 93 21 19 4 | image 90 2 24 26 | image 93 5 19 11 | title 98 18 9 2 ] \"", "plain_layout_seq": "description 9 21 16 7 | description 36 21 19 4 | description 65 21 17 7 | description 93 21 19 4 | image 4 2 24 29 | image 7 5 19 11 | image 33 2 24 26 | image 36 5 19 11 | image 61 2 24 29 | image 64 5 19 11 | image 90 2 24 26 | image 93 5 19 11 | title 12 18 8 2 | title 41 18 9 2 | title 67 18 14 2 | title 98 18 9 2", "canvas_width": 1009, "canvas_height": 331, "elements": [ { "type": "image", "position": [ 40, 24, 210, 246 ], "completed": true }, { "type": "image", "position": [ 280, 24, 210, 225 ], "completed": true }, { "type": "image", "position": [ 520, 24, 210, 246 ], "completed": true }, { "type": "image", "position": [ 760, 24, 210, 225 ], "completed": true }, { "type": "image", "position": [ 64, 48, 162, 96 ], "completed": false }, { "type": "image", "position": [ 304, 48, 162, 96 ], "completed": false }, { "type": "image", "position": [ 544, 48, 162, 96 ], "completed": false }, { "type": "image", "position": [ 784, 48, 162, 96 ], "completed": false }, { "type": "title", "position": [ 108, 155, 73, 19 ], "completed": false }, { "type": "title", "position": [ 346, 155, 78, 19 ], "completed": false }, { "type": "title", "position": [ 566, 155, 118, 19 ], "completed": false }, { "type": "title", "position": [ 826, 155, 77, 19 ], "completed": false }, { "type": "description", "position": [ 76, 184, 137, 61 ], "completed": false }, { "type": "description", "position": [ 304, 184, 160, 40 ], "completed": false }, { "type": "description", "position": [ 553, 184, 143, 61 ], "completed": false }, { "type": "description", "position": [ 784, 184, 161, 40 ], "completed": false } ] }, { "text": "# A page for the user to find fore resume resources.# On the page, there should include the title \"Explore free resume resources\" and four groups of information sets: \"Resume Formats\" \"Resume Templates\" \"Resume Writing Guide\" and \"Resume Examples\", each containing an image and a title.", "region_id": "3938", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Explore free resume resources'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Resume Formats, Resume Templates, Resume Writing Guide, Resume Examples'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 14 18 6 6 | image 95 18 6 6 | complete image 87 14 22 23 | image 68 18 6 6 | complete image 60 14 22 23 | image 41 18 6 6 | complete image 6 14 22 23 | complete image 33 14 22 23 | title 36 26 15 4 | title 4 7 111 3 | title 9 26 15 2 | title 63 26 15 4 | title 90 26 15 2", "layout_seq_without_completion": "image 14 18 6 6 | image 95 18 6 6 | image 87 14 22 23 | image 68 18 6 6 | image 60 14 22 23 | image 41 18 6 6 | image 6 14 22 23 | image 33 14 22 23 | title 36 26 15 4 | title 4 7 111 3 | title 9 26 15 2 | title 63 26 15 4 | title 90 26 15 2", "plain_layout_seq": "image 14 18 6 6 | image 95 18 6 6 | image 87 14 22 23 | image 68 18 6 6 | image 60 14 22 23 | image 41 18 6 6 | image 6 14 22 23 | image 33 14 22 23 | title 36 26 15 4 | title 4 7 111 3 | title 9 26 15 2 | title 63 26 15 4 | title 90 26 15 2", "canvas_width": 1009, "canvas_height": 434, "elements": [ { "type": "title", "position": [ 34, 61, 940, 28 ], "completed": false }, { "type": "image", "position": [ 54, 119, 187, 195 ], "completed": true }, { "type": "image", "position": [ 281, 119, 187, 195 ], "completed": true }, { "type": "image", "position": [ 508, 119, 187, 195 ], "completed": true }, { "type": "image", "position": [ 735, 119, 187, 195 ], "completed": true }, { "type": "image", "position": [ 122, 157, 52, 52 ], "completed": false }, { "type": "image", "position": [ 349, 157, 52, 52 ], "completed": false }, { "type": "image", "position": [ 575, 157, 52, 52 ], "completed": false }, { "type": "image", "position": [ 802, 157, 52, 52 ], "completed": false }, { "type": "title", "position": [ 84, 225, 127, 18 ], "completed": false }, { "type": "title", "position": [ 311, 225, 127, 36 ], "completed": false }, { "type": "title", "position": [ 538, 225, 127, 36 ], "completed": false }, { "type": "title", "position": [ 765, 225, 127, 18 ], "completed": false } ] }, { "text": "#A page for the introduction of London lawn expressions support to the local school.# The page should have a title, 2 groups while each group has a background image, and two buttons for users to click to support a school or personalize lawn expressions.", "region_id": "8647", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'support a school,personalize lawn expressions'] [item [el:background_image] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | button undefined undefined ] | [ background undefined undefined | button undefined undefined ] }", "layout_seq_with_completion": "background 6 15 51 51 | background 61 15 51 51 | button 6 39 51 3 | button 61 39 51 3 | title 6 6 107 2", "layout_seq_without_completion": "background 6 15 51 51 | background 61 15 51 51 | button 6 39 51 3 | button 61 39 51 3 | title 6 6 107 2", "plain_layout_seq": "background 6 15 51 51 | background 61 15 51 51 | button 6 39 51 3 | button 61 39 51 3 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 606, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "background", "position": [ 57, 136, 438, 438 ], "completed": false }, { "type": "background", "position": [ 529, 136, 438, 438 ], "completed": false }, { "type": "button", "position": [ 57, 339, 438, 31 ], "completed": false }, { "type": "button", "position": [ 529, 339, 438, 31 ], "completed": false } ] }, { "text": "#A page introducing advantages of Ink Charming.# The page contains 3 information sets. Each group includes an icon, a title, and an explanation. The three titles are: \"Something for Everyone\", \"Satisfaction Guaranteed\", and \"Secure Shopping\".", "region_id": "7917", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'something for everyone, satisfaction guaranteed, secure shopping'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 2 13 36 9 | icon 15 0 9 7 | title 2 9 36 2 ] | [ description 41 13 36 9 | icon 56 0 7 7 | title 41 9 36 2 ] | [ description 81 13 36 9 | icon 95 0 9 7 | title 81 9 36 2 ] \"", "layout_seq_without_completion": "\" [ description 2 13 36 9 | icon 15 0 9 7 | title 2 9 36 2 ] | [ description 41 13 36 9 | icon 56 0 7 7 | title 41 9 36 2 ] | [ description 81 13 36 9 | icon 95 0 9 7 | title 81 9 36 2 ] \"", "plain_layout_seq": "description 2 13 36 9 | description 41 13 36 9 | description 81 13 36 9 | icon 15 0 9 7 | icon 56 0 7 7 | icon 95 0 9 7 | title 2 9 36 2 | title 41 9 36 2 | title 81 9 36 2", "canvas_width": 1009, "canvas_height": 198, "elements": [ { "type": "icon", "position": [ 133, 0, 76, 60 ], "completed": false }, { "type": "icon", "position": [ 473, 0, 62, 60 ], "completed": false }, { "type": "icon", "position": [ 800, 0, 76, 60 ], "completed": false }, { "type": "title", "position": [ 20, 80, 303, 24 ], "completed": false }, { "type": "title", "position": [ 353, 80, 303, 24 ], "completed": false }, { "type": "title", "position": [ 686, 80, 303, 24 ], "completed": false }, { "type": "description", "position": [ 20, 114, 303, 84 ], "completed": false }, { "type": "description", "position": [ 353, 114, 303, 84 ], "completed": false }, { "type": "description", "position": [ 686, 114, 303, 84 ], "completed": false } ] }, { "text": "#A page helping users to create their Android apps.# The page should include the title \"Follow steps below to create your own Android app in a few minutes:\" and 4 information sets. The first group includes a title and an introduction, including the words \"Create App\" with a link. The second and the third group also contains a title and a text. The last group includes a title and 3 texts.", "region_id": "4263", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'follow steps below to create your own android app in a few minutes:'] ] [el:title] [el:description] [el:link [attr:value 'Create App']] [gp:InfoGroup [gattr:repeat '2'] [item [el:title] [el:text] ] ] [el:title] [el:text [attr:repeat '3'] ] ]", "execution": "multiinfo : description undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 13 112 6 | text 3 43 112 9 | text 3 55 112 3 | text 3 60 112 6 | text 3 25 112 3 | text 3 34 112 3 | title 3 9 112 3 | title 3 21 112 3 | title 3 30 112 3 | title 3 40 112 3 | title 1 0 116 6", "layout_seq_without_completion": "description 3 13 112 6 | text 3 43 112 9 | text 3 55 112 3 | text 3 60 112 6 | text 3 25 112 3 | text 3 34 112 3 | title 3 9 112 3 | title 3 21 112 3 | title 3 30 112 3 | title 3 40 112 3 | title 1 0 116 6", "plain_layout_seq": "description 3 13 112 6 | text 3 43 112 9 | text 3 55 112 3 | text 3 60 112 6 | text 3 25 112 3 | text 3 34 112 3 | title 3 9 112 3 | title 3 21 112 3 | title 3 30 112 3 | title 3 40 112 3 | title 1 0 116 6", "canvas_width": 960, "canvas_height": 554, "elements": [ { "type": "title", "position": [ 15, 0, 930, 54 ], "completed": false }, { "type": "title", "position": [ 30, 74, 900, 30 ], "completed": false }, { "type": "description", "position": [ 30, 104, 900, 48 ], "completed": false }, { "type": "title", "position": [ 30, 172, 900, 30 ], "completed": false }, { "type": "text", "position": [ 30, 202, 900, 24 ], "completed": false }, { "type": "title", "position": [ 30, 246, 900, 30 ], "completed": false }, { "type": "text", "position": [ 30, 276, 900, 24 ], "completed": false }, { "type": "title", "position": [ 30, 320, 900, 30 ], "completed": false }, { "type": "text", "position": [ 30, 350, 900, 72 ], "completed": false }, { "type": "text", "position": [ 30, 442, 900, 24 ], "completed": false }, { "type": "text", "position": [ 30, 486, 900, 48 ], "completed": false } ] }, { "text": "# A page to read the top stories. # There should have a title \"Top Stories\" and six groups with each including an image and a title of the stories.", "region_id": "4048", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'top stories'] ] [gp:InfoGroup [gattr:repeat'6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 0 12 18 14 | image 20 12 18 14 | image 40 12 18 14 | image 60 12 18 14 | image 81 12 18 14 | image 101 12 18 14 | title 0 5 120 5 | title 101 27 18 4 | title 20 27 18 6 | title 40 27 18 6 | title 81 27 18 4 | title 60 27 18 4 | title 0 27 18 4", "layout_seq_without_completion": "image 0 12 18 14 | image 20 12 18 14 | image 40 12 18 14 | image 60 12 18 14 | image 81 12 18 14 | image 101 12 18 14 | title 0 5 120 5 | title 101 27 18 4 | title 20 27 18 6 | title 40 27 18 6 | title 81 27 18 4 | title 60 27 18 4 | title 0 27 18 4", "plain_layout_seq": "image 0 12 18 14 | image 20 12 18 14 | image 40 12 18 14 | image 60 12 18 14 | image 81 12 18 14 | image 101 12 18 14 | title 0 5 120 5 | title 101 27 18 4 | title 20 27 18 6 | title 40 27 18 6 | title 81 27 18 4 | title 60 27 18 4 | title 0 27 18 4", "canvas_width": 1024, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 0, 48, 1024, 44 ], "completed": false }, { "type": "image", "position": [ 0, 108, 157, 120 ], "completed": false }, { "type": "image", "position": [ 173, 108, 157, 120 ], "completed": false }, { "type": "image", "position": [ 347, 108, 157, 120 ], "completed": false }, { "type": "image", "position": [ 520, 108, 157, 120 ], "completed": false }, { "type": "image", "position": [ 693, 108, 157, 120 ], "completed": false }, { "type": "image", "position": [ 867, 108, 157, 120 ], "completed": false }, { "type": "title", "position": [ 0, 238, 157, 36 ], "completed": false }, { "type": "title", "position": [ 173, 238, 157, 54 ], "completed": false }, { "type": "title", "position": [ 347, 238, 157, 54 ], "completed": false }, { "type": "title", "position": [ 520, 238, 157, 36 ], "completed": false }, { "type": "title", "position": [ 693, 238, 157, 36 ], "completed": false }, { "type": "title", "position": [ 867, 238, 157, 36 ], "completed": false } ] }, { "text": "#A page for introducing one product.# There are four info groups, and each of them includes one icon with two text boxes, one for the pro and the other for the detailed description.", "region_id": "749", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:icon] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | icon 101 3 7 7 | icon 39 3 10 7 | icon 11 3 7 7 | icon 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "layout_seq_without_completion": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | icon 101 3 7 7 | icon 39 3 10 7 | icon 11 3 7 7 | icon 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "plain_layout_seq": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | icon 101 3 7 7 | icon 39 3 10 7 | icon 11 3 7 7 | icon 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "canvas_width": 1005, "canvas_height": 263, "elements": [ { "type": "icon", "position": [ 96, 30, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 333, 30, 87, 59 ], "completed": false }, { "type": "icon", "position": [ 598, 30, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 849, 30, 60, 60 ], "completed": false }, { "type": "title", "position": [ 281, 99, 191, 38 ], "completed": false }, { "type": "title", "position": [ 30, 100, 191, 19 ], "completed": false }, { "type": "title", "position": [ 533, 100, 191, 19 ], "completed": false }, { "type": "title", "position": [ 784, 100, 191, 19 ], "completed": false }, { "type": "description", "position": [ 30, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 533, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 784, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 281, 141, 191, 72 ], "completed": false } ] }, { "text": "#A page for introducing one product.# There should be four images and each of them is followed by two text boxes, one for the title and the other for the detailed description.", "region_id": "749_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | image 101 3 7 7 | image 39 3 10 7 | image 11 3 7 7 | image 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "layout_seq_without_completion": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | image 101 3 7 7 | image 39 3 10 7 | image 11 3 7 7 | image 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "plain_layout_seq": "description 3 14 22 8 | description 33 16 22 8 | description 63 14 22 8 | description 93 14 22 8 | image 101 3 7 7 | image 39 3 10 7 | image 11 3 7 7 | image 71 3 7 7 | title 3 11 22 2 | title 33 11 22 4 | title 63 11 22 2 | title 93 11 22 2", "canvas_width": 1005, "canvas_height": 263, "elements": [ { "type": "image", "position": [ 96, 30, 60, 60 ], "completed": false }, { "type": "image", "position": [ 333, 30, 87, 59 ], "completed": false }, { "type": "image", "position": [ 598, 30, 60, 60 ], "completed": false }, { "type": "image", "position": [ 849, 30, 60, 60 ], "completed": false }, { "type": "title", "position": [ 281, 99, 191, 38 ], "completed": false }, { "type": "title", "position": [ 30, 100, 191, 19 ], "completed": false }, { "type": "title", "position": [ 533, 100, 191, 19 ], "completed": false }, { "type": "title", "position": [ 784, 100, 191, 19 ], "completed": false }, { "type": "description", "position": [ 30, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 533, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 784, 122, 191, 72 ], "completed": false }, { "type": "description", "position": [ 281, 141, 191, 72 ], "completed": false } ] }, { "text": "#A page for showing four social media.#The page should have a background image and four groups. Each group has an image and a title to present the social media.", "region_id": "2658", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:background_image] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : background undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 23 11 12 11 | image 23 82 12 12 | image 23 35 12 9 | image 23 57 12 12 | complete link 19 6 81 19 | complete link 19 78 81 20 | complete link 19 30 81 17 | complete link 19 52 81 21 | title 38 85 57 4 | title 38 60 57 4 | title 38 13 57 4 | title 38 36 57 4", "layout_seq_without_completion": "image 23 11 12 11 | image 23 82 12 12 | image 23 35 12 9 | image 23 57 12 12 | link 19 6 81 19 | link 19 78 81 20 | link 19 30 81 17 | link 19 52 81 21 | title 38 85 57 4 | title 38 60 57 4 | title 38 13 57 4 | title 38 36 57 4", "plain_layout_seq": "image 23 11 12 11 | image 23 82 12 12 | image 23 35 12 9 | image 23 57 12 12 | link 19 6 81 19 | link 19 78 81 20 | link 19 30 81 17 | link 19 52 81 21 | title 38 85 57 4 | title 38 60 57 4 | title 38 13 57 4 | title 38 36 57 4", "canvas_width": 924, "canvas_height": 844, "elements": [ { "type": "link", "position": [ 147, 53, 630, 153 ], "completed": true }, { "type": "image", "position": [ 182, 86, 98, 87 ], "completed": false }, { "type": "title", "position": [ 299, 107, 443, 37 ], "completed": false }, { "type": "link", "position": [ 147, 238, 630, 136 ], "completed": true }, { "type": "image", "position": [ 182, 271, 98, 70 ], "completed": false }, { "type": "title", "position": [ 299, 283, 443, 37 ], "completed": false }, { "type": "link", "position": [ 147, 406, 630, 164 ], "completed": true }, { "type": "image", "position": [ 182, 439, 97, 98 ], "completed": false }, { "type": "title", "position": [ 299, 465, 443, 37 ], "completed": false }, { "type": "link", "position": [ 147, 602, 630, 160 ], "completed": true }, { "type": "image", "position": [ 182, 635, 98, 94 ], "completed": false }, { "type": "title", "position": [ 299, 659, 443, 38 ], "completed": false } ] }, { "text": "# A page to introduce the top organization that trusts the company Cohesity. # There should contain a title and some images showing the logo of the organization. What's more, there should be a text button for viewing all.", "region_id": "986", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:logo] ] ] [el:button [attr:value'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "button 52 62 14 4 | logo 28 32 17 8 | logo 74 16 17 8 | logo 28 48 17 8 | logo 74 48 17 8 | logo 97 48 17 8 | logo 5 32 17 8 | logo 5 16 17 8 | logo 28 16 17 8 | logo 51 16 17 8 | logo 97 16 17 8 | logo 51 32 17 8 | logo 74 32 17 8 | logo 97 32 17 8 | logo 5 48 17 8 | logo 51 48 17 8 | title 2 5 115 4", "layout_seq_without_completion": "button 52 62 14 4 | logo 28 32 17 8 | logo 74 16 17 8 | logo 28 48 17 8 | logo 74 48 17 8 | logo 97 48 17 8 | logo 5 32 17 8 | logo 5 16 17 8 | logo 28 16 17 8 | logo 51 16 17 8 | logo 97 16 17 8 | logo 51 32 17 8 | logo 74 32 17 8 | logo 97 32 17 8 | logo 5 48 17 8 | logo 51 48 17 8 | title 2 5 115 4", "plain_layout_seq": "button 52 62 14 4 | logo 28 32 17 8 | logo 74 16 17 8 | logo 28 48 17 8 | logo 74 48 17 8 | logo 97 48 17 8 | logo 5 32 17 8 | logo 5 16 17 8 | logo 28 16 17 8 | logo 51 16 17 8 | logo 97 16 17 8 | logo 51 32 17 8 | logo 74 32 17 8 | logo 97 32 17 8 | logo 5 48 17 8 | logo 51 48 17 8 | title 2 5 115 4", "canvas_width": 1024, "canvas_height": 575, "elements": [ { "type": "title", "position": [ 20, 50, 984, 38 ], "completed": false }, { "type": "logo", "position": [ 45, 139, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 242, 139, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 439, 139, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 635, 139, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 832, 139, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 45, 278, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 242, 278, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 439, 278, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 635, 278, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 832, 278, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 45, 417, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 242, 417, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 439, 417, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 635, 417, 147, 75 ], "completed": false }, { "type": "logo", "position": [ 832, 417, 147, 75 ], "completed": false }, { "type": "button", "position": [ 444, 534, 126, 39 ], "completed": false } ] }, { "text": "#A page showing the Necedidades of the website to users.#The page should have one text heading, a set of pagination, and one list of six items. And each item should have one icon and one title.", "region_id": "4376", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:pagination] [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : pagination undefined undefined | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 0 27 3 5 | complete button 116 27 3 5 | icon 10 26 7 7 | icon 33 26 7 7 | icon 55 26 7 7 | icon 78 26 7 7 | icon 101 26 7 7 | title 6 36 16 2 | title 96 36 17 5 | title 51 36 17 5 | title 75 36 13 5 | title 28 36 16 5 | title 3 15 112 8", "layout_seq_without_completion": "button 0 27 3 5 | button 116 27 3 5 | icon 10 26 7 7 | icon 33 26 7 7 | icon 55 26 7 7 | icon 78 26 7 7 | icon 101 26 7 7 | title 6 36 16 2 | title 96 36 17 5 | title 51 36 17 5 | title 75 36 13 5 | title 28 36 16 5 | title 3 15 112 8", "plain_layout_seq": "button 0 27 3 5 | button 116 27 3 5 | icon 10 26 7 7 | icon 33 26 7 7 | icon 55 26 7 7 | icon 78 26 7 7 | icon 101 26 7 7 | title 6 36 16 2 | title 96 36 17 5 | title 51 36 17 5 | title 75 36 13 5 | title 28 36 16 5 | title 3 15 112 8", "canvas_width": 956, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 28, 124, 900, 67 ], "completed": false }, { "type": "icon", "position": [ 87, 213, 62, 62 ], "completed": false }, { "type": "icon", "position": [ 266, 213, 62, 62 ], "completed": false }, { "type": "icon", "position": [ 446, 213, 62, 62 ], "completed": false }, { "type": "icon", "position": [ 626, 213, 62, 62 ], "completed": false }, { "type": "icon", "position": [ 805, 213, 62, 62 ], "completed": false }, { "type": "button", "position": [ 0, 223, 30, 40 ], "completed": true }, { "type": "button", "position": [ 926, 223, 30, 40 ], "completed": true }, { "type": "title", "position": [ 54, 290, 128, 23 ], "completed": false }, { "type": "title", "position": [ 231, 290, 132, 43 ], "completed": false }, { "type": "title", "position": [ 408, 290, 137, 43 ], "completed": false }, { "type": "title", "position": [ 604, 290, 105, 43 ], "completed": false }, { "type": "title", "position": [ 765, 290, 143, 43 ], "completed": false } ] }, { "text": "# A page for the user to contact a company.# The page should have the title \"Contact form\", four input boxes for the user to enter the name, email address, phone number, and comment, and a button for the user to click to send.", "region_id": "7389", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'contact form'] ] [gp:InfoGroup [gattr:repeat '4'][gattr:names 'name, email, phone number, comments'] [item [el:input] ] ] [el:button [attr:value 'seed'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ input undefined undefined ] | [ input undefined undefined ] | [ input undefined undefined ] | [ input undefined undefined ] }", "layout_seq_with_completion": "button 17 47 14 5 | input 17 23 84 5 | input 17 15 41 5 | input 61 15 41 5 | input 17 31 84 11 | complete text 19 32 9 2 | complete text 19 16 5 2 | complete text 63 16 6 2 | complete text 19 24 13 2 | title 17 4 85 7", "layout_seq_without_completion": "button 17 47 14 5 | input 17 23 84 5 | input 17 15 41 5 | input 61 15 41 5 | input 17 31 84 11 | text 19 32 9 2 | text 19 16 5 2 | text 63 16 6 2 | text 19 24 13 2 | title 17 4 85 7", "plain_layout_seq": "button 17 47 14 5 | input 17 23 84 5 | input 17 15 41 5 | input 61 15 41 5 | input 17 31 84 11 | text 19 32 9 2 | text 19 16 5 2 | text 63 16 6 2 | text 19 24 13 2 | title 17 4 85 7", "canvas_width": 1024, "canvas_height": 487, "elements": [ { "type": "title", "position": [ 149, 36, 726, 64 ], "completed": false }, { "type": "input", "position": [ 150, 131, 351, 45 ], "completed": false }, { "type": "input", "position": [ 523, 131, 351, 45 ], "completed": false }, { "type": "text", "position": [ 170, 141, 48, 24 ], "completed": true }, { "type": "text", "position": [ 543, 141, 55, 24 ], "completed": true }, { "type": "input", "position": [ 150, 198, 724, 45 ], "completed": false }, { "type": "text", "position": [ 170, 208, 117, 24 ], "completed": true }, { "type": "input", "position": [ 150, 265, 724, 100 ], "completed": false }, { "type": "text", "position": [ 170, 275, 79, 24 ], "completed": true }, { "type": "button", "position": [ 149, 406, 120, 45 ], "completed": false } ] }, { "text": "# A page showing the products under $150 in an online shop. # The page should have the title \"SIGNS UNDER $150\", and four groups of product information with each including an image, a product name, and a price. And then a button \"VIEW ALL\" is necessary for the user to view all products.", "region_id": "8136", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'SIGNS UNDER $150'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] [el:button [attr:value 'VIEW ALL'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 52 50 15 5 | title 5 5 108 6 | \" [ image 5 17 24 18 | text 14 41 6 2 | title 5 38 24 2 ] | [ image 33 17 24 18 | text 42 41 6 2 | title 33 38 24 2 ] | [ image 61 17 24 18 | text 70 41 6 2 | title 61 38 24 2 ] | [ image 89 17 24 18 | text 99 41 6 2 | title 89 38 24 2 ] \"", "layout_seq_without_completion": "button 52 50 15 5 | title 5 5 108 6 | \" [ image 5 17 24 18 | text 14 41 6 2 | title 5 38 24 2 ] | [ image 33 17 24 18 | text 42 41 6 2 | title 33 38 24 2 ] | [ image 61 17 24 18 | text 70 41 6 2 | title 61 38 24 2 ] | [ image 89 17 24 18 | text 99 41 6 2 | title 89 38 24 2 ] \"", "plain_layout_seq": "button 52 50 15 5 | image 5 17 24 18 | image 33 17 24 18 | image 61 17 24 18 | image 89 17 24 18 | text 14 41 6 2 | text 42 41 6 2 | text 70 41 6 2 | text 99 41 6 2 | title 5 5 108 6 | title 5 38 24 2 | title 33 38 24 2 | title 61 38 24 2 | title 89 38 24 2", "canvas_width": 1024, "canvas_height": 543, "elements": [ { "type": "title", "position": [ 47, 50, 930, 52 ], "completed": false }, { "type": "image", "position": [ 47, 152, 210, 157 ], "completed": false }, { "type": "image", "position": [ 287, 152, 210, 157 ], "completed": false }, { "type": "image", "position": [ 527, 152, 210, 157 ], "completed": false }, { "type": "image", "position": [ 767, 152, 210, 157 ], "completed": false }, { "type": "title", "position": [ 47, 329, 210, 20 ], "completed": false }, { "type": "title", "position": [ 287, 329, 210, 20 ], "completed": false }, { "type": "title", "position": [ 527, 329, 210, 20 ], "completed": false }, { "type": "title", "position": [ 767, 329, 210, 20 ], "completed": false }, { "type": "text", "position": [ 125, 352, 55, 18 ], "completed": false }, { "type": "text", "position": [ 365, 352, 55, 18 ], "completed": false }, { "type": "text", "position": [ 605, 352, 55, 18 ], "completed": false }, { "type": "text", "position": [ 845, 352, 55, 18 ], "completed": false }, { "type": "button", "position": [ 444, 428, 136, 45 ], "completed": false } ] }, { "text": "#This page introduces Shop by category for users. #This page has a title of \"Shop By Category\" with four groups below it: Tires, Wheels, Wheel&Tire Packages, and Accessories. Each group consists of a product image and a name.", "region_id": "4959", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop by category'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'tires, wheels, wheel&tires Packages, accessories'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 10 12 15 15 | image 38 12 15 15 | image 65 12 15 15 | image 90 12 21 15 | title 15 31 5 2 | title 41 31 8 2 | title 61 31 25 2 | title 94 31 13 2 | title 4 3 110 4", "layout_seq_without_completion": "image 10 12 15 15 | image 38 12 15 15 | image 65 12 15 15 | image 90 12 21 15 | title 15 31 5 2 | title 41 31 8 2 | title 61 31 25 2 | title 94 31 13 2 | title 4 3 110 4", "plain_layout_seq": "image 10 12 15 15 | image 38 12 15 15 | image 65 12 15 15 | image 90 12 21 15 | title 15 31 5 2 | title 41 31 8 2 | title 61 31 25 2 | title 94 31 13 2 | title 4 3 110 4", "canvas_width": 1024, "canvas_height": 344, "elements": [ { "type": "title", "position": [ 40, 34, 944, 40 ], "completed": false }, { "type": "image", "position": [ 91, 109, 134, 135 ], "completed": false }, { "type": "image", "position": [ 326, 109, 136, 135 ], "completed": false }, { "type": "image", "position": [ 563, 109, 134, 135 ], "completed": false }, { "type": "image", "position": [ 773, 109, 186, 135 ], "completed": false }, { "type": "title", "position": [ 134, 270, 48, 18 ], "completed": false }, { "type": "title", "position": [ 358, 270, 72, 18 ], "completed": false }, { "type": "title", "position": [ 522, 270, 216, 18 ], "completed": false }, { "type": "title", "position": [ 806, 270, 119, 18 ], "completed": false } ] }, { "text": "# A page for guiding the user to follow the company on social media platforms. # The page should have four logos with a platform name and the company's account name. So the user can follow the company on TikTok, Instagram, YouTube, and Twitter.", "region_id": "7683", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names'TikTok, Instagram, YouTube, Twitter'] [item [el:logo][el:title[attr:repeat'2']]] ] ]", "execution": "multiinfo : { [ logo undefined undefined | title undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined | title undefined undefined ] | [ logo undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 2 4 5 5 | title 10 4 6 2 | title 10 7 15 2 ] | [ logo 31 4 5 5 | title 39 4 10 2 | title 39 7 15 2 ] | [ logo 60 4 5 5 | title 67 4 8 2 | title 67 7 15 2 ] | [ logo 88 4 5 5 | title 96 4 6 2 | title 96 7 15 2 ] \"", "layout_seq_without_completion": "\" [ logo 2 4 5 5 | title 10 4 6 2 | title 10 7 15 2 ] | [ logo 31 4 5 5 | title 39 4 10 2 | title 39 7 15 2 ] | [ logo 60 4 5 5 | title 67 4 8 2 | title 67 7 15 2 ] | [ logo 88 4 5 5 | title 96 4 6 2 | title 96 7 15 2 ] \"", "plain_layout_seq": "logo 2 4 5 5 | logo 31 4 5 5 | logo 60 4 5 5 | logo 88 4 5 5 | title 10 4 6 2 | title 10 7 15 2 | title 39 4 10 2 | title 39 7 15 2 | title 67 4 8 2 | title 67 7 15 2 | title 96 4 6 2 | title 96 7 15 2", "canvas_width": 1024, "canvas_height": 124, "elements": [ { "type": "logo", "position": [ 25, 36, 46, 46 ], "completed": false }, { "type": "title", "position": [ 91, 36, 57, 25 ], "completed": false }, { "type": "logo", "position": [ 268, 36, 46, 46 ], "completed": false }, { "type": "title", "position": [ 334, 36, 86, 25 ], "completed": false }, { "type": "logo", "position": [ 512, 36, 46, 46 ], "completed": false }, { "type": "title", "position": [ 578, 36, 75, 25 ], "completed": false }, { "type": "logo", "position": [ 756, 36, 46, 46 ], "completed": false }, { "type": "title", "position": [ 822, 36, 58, 25 ], "completed": false }, { "type": "title", "position": [ 91, 65, 131, 23 ], "completed": false }, { "type": "title", "position": [ 334, 65, 128, 23 ], "completed": false }, { "type": "title", "position": [ 578, 65, 128, 23 ], "completed": false }, { "type": "title", "position": [ 822, 65, 128, 23 ], "completed": false } ] }, { "text": "#A page recommending the Forrester Study app.# It is divided into two parts, with a title and some links. There is also a picture with a caption and an explanation on the right side.", "region_id": "968", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] [el:image [attr:position 'right']] [el:text [attr:position 'right'] ] [el:description [attr:position 'right'] ] ]", "execution": "multiinfo : description right undefined | image right undefined | text right undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 81 49 26 22 | image 75 12 38 26 | complete image 75 39 38 37 | complete image 74 12 39 66 | text 81 45 27 3 | title 10 13 48 33 | title 10 57 48 19", "layout_seq_without_completion": "description 81 49 26 22 | image 75 12 38 26 | image 75 39 38 37 | image 74 12 39 66 | text 81 45 27 3 | title 10 13 48 33 | title 10 57 48 19", "plain_layout_seq": "description 81 49 26 22 | image 75 12 38 26 | image 75 39 38 37 | image 74 12 39 66 | text 81 45 27 3 | title 10 13 48 33 | title 10 57 48 19", "canvas_width": 994, "canvas_height": 748, "elements": [ { "type": "image", "position": [ 619, 100, 331, 548 ], "completed": true }, { "type": "image", "position": [ 626, 107, 317, 222 ], "completed": false }, { "type": "title", "position": [ 88, 110, 399, 280 ], "completed": false }, { "type": "image", "position": [ 626, 329, 317, 312 ], "completed": true }, { "type": "text", "position": [ 671, 374, 227, 25 ], "completed": false }, { "type": "description", "position": [ 671, 408, 222, 187 ], "completed": false }, { "type": "title", "position": [ 88, 478, 399, 160 ], "completed": false } ] }, { "text": "#A page introducing the products of the website to users.#The page should have one slogan, one brief description, and one list of four items. And each item should include one icon and one title.", "region_id": "6280", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:icon] [el:title] ] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 24 9 71 21 | icon 45 34 11 11 | icon 63 34 11 11 | icon 27 34 11 11 | icon 80 34 11 11 | title 66 47 4 2 | title 24 6 71 3 | title 31 47 3 2 | title 84 47 3 2 | title 48 47 7 2", "layout_seq_without_completion": "description 24 9 71 21 | icon 45 34 11 11 | icon 63 34 11 11 | icon 27 34 11 11 | icon 80 34 11 11 | title 66 47 4 2 | title 24 6 71 3 | title 31 47 3 2 | title 84 47 3 2 | title 48 47 7 2", "plain_layout_seq": "description 24 9 71 21 | icon 45 34 11 11 | icon 63 34 11 11 | icon 27 34 11 11 | icon 80 34 11 11 | title 66 47 4 2 | title 24 6 71 3 | title 31 47 3 2 | title 84 47 3 2 | title 48 47 7 2", "canvas_width": 1009, "canvas_height": 588, "elements": [ { "type": "title", "position": [ 202, 52, 605, 32 ], "completed": false }, { "type": "description", "position": [ 202, 77, 605, 181 ], "completed": false }, { "type": "icon", "position": [ 232, 288, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 386, 288, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 530, 288, 96, 96 ], "completed": false }, { "type": "icon", "position": [ 678, 288, 96, 96 ], "completed": false }, { "type": "title", "position": [ 264, 402, 30, 19 ], "completed": false }, { "type": "title", "position": [ 404, 402, 60, 19 ], "completed": false }, { "type": "title", "position": [ 560, 402, 37, 19 ], "completed": false }, { "type": "title", "position": [ 710, 402, 33, 19 ], "completed": false } ] }, { "text": "# A page for providing cases to inspire the user.# The page should have a title \"Use Cases\" and six groups of information sets: \"Journalists\" \"Copywriters\" \"Photographers\" \"Illustrators\" \"Artists\" and \"Designers\". Each group should include a related image and a theme name.", "region_id": "5213", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'use cases'] ] [gp:InfoGroup [gattr:repeat '6'] [gattr:names 'Journalists, Copywriters, Photographers, Illustrators, Artists, Designers'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 81 58 32 32 | image 43 21 32 32 | image 5 21 32 32 | image 81 21 32 32 | image 5 58 32 32 | image 43 58 32 32 | title 45 86 11 2 | title 83 86 14 2 | title 8 48 15 2 | title 45 48 17 2 | title 83 48 20 2 | title 8 86 15 2 | title 5 12 108 6", "layout_seq_without_completion": "image 81 58 32 32 | image 43 21 32 32 | image 5 21 32 32 | image 81 21 32 32 | image 5 58 32 32 | image 43 58 32 32 | title 45 86 11 2 | title 83 86 14 2 | title 8 48 15 2 | title 45 48 17 2 | title 83 48 20 2 | title 8 86 15 2 | title 5 12 108 6", "plain_layout_seq": "image 81 58 32 32 | image 43 21 32 32 | image 5 21 32 32 | image 81 21 32 32 | image 5 58 32 32 | image 43 58 32 32 | title 45 86 11 2 | title 83 86 14 2 | title 8 48 15 2 | title 45 48 17 2 | title 83 48 20 2 | title 8 86 15 2 | title 5 12 108 6", "canvas_width": 1024, "canvas_height": 855, "elements": [ { "type": "title", "position": [ 50, 104, 924, 53 ], "completed": false }, { "type": "image", "position": [ 50, 182, 281, 281 ], "completed": false }, { "type": "image", "position": [ 371, 182, 281, 281 ], "completed": false }, { "type": "image", "position": [ 693, 182, 281, 281 ], "completed": false }, { "type": "title", "position": [ 70, 416, 134, 25 ], "completed": false }, { "type": "title", "position": [ 391, 416, 151, 25 ], "completed": false }, { "type": "title", "position": [ 713, 416, 176, 25 ], "completed": false }, { "type": "image", "position": [ 50, 503, 281, 281 ], "completed": false }, { "type": "image", "position": [ 371, 503, 281, 281 ], "completed": false }, { "type": "image", "position": [ 693, 503, 281, 281 ], "completed": false }, { "type": "title", "position": [ 70, 738, 135, 25 ], "completed": false }, { "type": "title", "position": [ 391, 738, 94, 25 ], "completed": false }, { "type": "title", "position": [ 713, 738, 126, 25 ], "completed": false } ] }, { "text": "# A page for the user to choose a campus. # On the page, there should include a title \"CHOOSE YOUR CAMPUS\", and three groups: \"BROOKLYN\" \"POST\", and \"GLOBAL\", with each having an image and a button on it, so the user can click the button to enter into the page to choose.", "region_id": "3390", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'CHOOSE YOUR CAMPUS'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'BROOKLYN, POST, GLOBAL'] [item [el:image] [el:button ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 59 | button 93 30 13 4 | button 55 30 9 4 | button 11 30 17 4 | image 0 8 38 47 | image 40 8 38 47 | image 80 8 38 47 | title 0 2 120 4", "layout_seq_without_completion": "background 0 0 120 59 | button 93 30 13 4 | button 55 30 9 4 | button 11 30 17 4 | image 0 8 38 47 | image 40 8 38 47 | image 80 8 38 47 | title 0 2 120 4", "plain_layout_seq": "background 0 0 120 59 | button 93 30 13 4 | button 55 30 9 4 | button 11 30 17 4 | image 0 8 38 47 | image 40 8 38 47 | image 80 8 38 47 | title 0 2 120 4", "canvas_width": 1009, "canvas_height": 499, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 499 ], "completed": true }, { "type": "title", "position": [ 0, 18, 1009, 41 ], "completed": false }, { "type": "image", "position": [ 8, 74, 321, 400 ], "completed": false }, { "type": "image", "position": [ 344, 74, 321, 400 ], "completed": false }, { "type": "image", "position": [ 680, 74, 321, 400 ], "completed": false }, { "type": "button", "position": [ 95, 253, 147, 40 ], "completed": false }, { "type": "button", "position": [ 465, 253, 78, 40 ], "completed": false }, { "type": "button", "position": [ 785, 253, 111, 40 ], "completed": false } ] }, { "text": "#A page for an introduction of products.# The page includes three lists of information. Each list contains a picture, a title showing the characteristic of the product, a brief description, and a link for users to click to get further information.", "region_id": "5341", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description [attr:size 'small'] ] [el:link] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 3 25 36 8 | image 14 5 14 14 | link 11 37 20 2 | title 3 19 36 4 ] | [ description 41 25 36 5 | image 52 5 14 14 | link 51 34 17 2 | title 41 19 36 4 ] | [ description 80 25 36 5 | image 91 5 14 14 | link 86 34 23 2 | title 80 19 36 4 ] \"", "layout_seq_without_completion": "\" [ description 3 25 36 8 | image 14 5 14 14 | link 11 37 20 2 | title 3 19 36 4 ] | [ description 41 25 36 5 | image 52 5 14 14 | link 51 34 17 2 | title 41 19 36 4 ] | [ description 80 25 36 5 | image 91 5 14 14 | link 86 34 23 2 | title 80 19 36 4 ] \"", "plain_layout_seq": "description 3 25 36 8 | description 41 25 36 5 | description 80 25 36 5 | image 14 5 14 14 | image 52 5 14 14 | image 91 5 14 14 | link 11 37 20 2 | link 51 34 17 2 | link 86 34 23 2 | title 3 19 36 4 | title 41 19 36 4 | title 80 19 36 4", "canvas_width": 1024, "canvas_height": 436, "elements": [ { "type": "image", "position": [ 127, 48, 120, 120 ], "completed": false }, { "type": "image", "position": [ 452, 48, 120, 120 ], "completed": false }, { "type": "image", "position": [ 777, 48, 120, 120 ], "completed": false }, { "type": "title", "position": [ 32, 170, 309, 42 ], "completed": false }, { "type": "title", "position": [ 357, 170, 309, 42 ], "completed": false }, { "type": "title", "position": [ 683, 170, 309, 42 ], "completed": false }, { "type": "description", "position": [ 32, 220, 309, 72 ], "completed": false }, { "type": "description", "position": [ 357, 220, 309, 48 ], "completed": false }, { "type": "description", "position": [ 683, 220, 309, 48 ], "completed": false }, { "type": "link", "position": [ 438, 297, 147, 21 ], "completed": false }, { "type": "link", "position": [ 738, 297, 199, 21 ], "completed": false }, { "type": "link", "position": [ 97, 321, 179, 21 ], "completed": false } ] }, { "text": "#A page for showing all discs.# The page should have a title, and 4 groups while each group has an image, and some texts to show the title, type, price, and sale situation. A button is needed for users to click to view all discs.", "region_id": "7926", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text [attr:repeat '3'] ] ] ] [el:button [attr:value 'view all'] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 53 82 13 5 | image 89 16 24 49 | image 6 16 24 52 | image 33 16 24 38 | title 34 42 21 3 | title 6 42 21 17 | title 89 42 20 13 | title 6 6 107 3 | \" [ text 6 60 23 2 | text 6 63 6 2 | text 6 67 5 2 | text 13 63 7 1 | text 13 63 6 2 ] | [ text 34 46 23 2 | text 41 49 7 1 | text 41 49 6 2 | text 34 49 6 2 | text 34 53 5 2 ] | [ image 61 16 24 46 | text 61 56 23 2 | text 61 60 6 2 | text 61 59 7 1 | title 61 42 20 13 ] | [ text 96 59 7 1 | text 89 60 6 2 | text 96 60 6 2 | text 89 63 5 2 | text 89 56 23 2 ] \"", "layout_seq_without_completion": "button 53 82 13 5 | image 89 16 24 49 | image 6 16 24 52 | image 33 16 24 38 | title 34 42 21 3 | title 6 42 21 17 | title 89 42 20 13 | title 6 6 107 3 | \" [ text 6 60 23 2 | text 6 63 6 2 | text 6 67 5 2 | text 13 63 7 1 | text 13 63 6 2 ] | [ text 34 46 23 2 | text 41 49 7 1 | text 41 49 6 2 | text 34 49 6 2 | text 34 53 5 2 ] | [ image 61 16 24 46 | text 61 56 23 2 | text 61 60 6 2 | text 61 59 7 1 | title 61 42 20 13 ] | [ text 96 59 7 1 | text 89 60 6 2 | text 96 60 6 2 | text 89 63 5 2 | text 89 56 23 2 ] \"", "plain_layout_seq": "button 53 82 13 5 | image 89 16 24 49 | image 6 16 24 52 | image 33 16 24 38 | image 61 16 24 46 | text 6 60 23 2 | text 6 63 6 2 | text 6 67 5 2 | text 13 63 7 1 | text 13 63 6 2 | text 34 46 23 2 | text 41 49 7 1 | text 41 49 6 2 | text 34 49 6 2 | text 34 53 5 2 | text 61 56 23 2 | text 61 60 6 2 | text 61 59 7 1 | text 96 59 7 1 | text 89 60 6 2 | text 96 60 6 2 | text 89 63 5 2 | text 89 56 23 2 | title 34 42 21 3 | title 6 42 21 17 | title 89 42 20 13 | title 6 6 107 3 | title 61 42 20 13", "canvas_width": 1024, "canvas_height": 802, "elements": [ { "type": "title", "position": [ 55, 55, 914, 34 ], "completed": false }, { "type": "image", "position": [ 54, 144, 207, 449 ], "completed": false }, { "type": "image", "position": [ 290, 144, 207, 331 ], "completed": false }, { "type": "image", "position": [ 526, 144, 207, 399 ], "completed": false }, { "type": "image", "position": [ 762, 144, 207, 420 ], "completed": false }, { "type": "title", "position": [ 55, 365, 183, 147 ], "completed": false }, { "type": "title", "position": [ 291, 365, 181, 29 ], "completed": false }, { "type": "title", "position": [ 527, 365, 177, 118 ], "completed": false }, { "type": "title", "position": [ 763, 365, 172, 118 ], "completed": false }, { "type": "text", "position": [ 291, 394, 198, 23 ], "completed": false }, { "type": "text", "position": [ 353, 421, 62, 17 ], "completed": false }, { "type": "text", "position": [ 291, 423, 54, 20 ], "completed": false }, { "type": "text", "position": [ 353, 423, 54, 20 ], "completed": false }, { "type": "text", "position": [ 291, 455, 48, 20 ], "completed": false }, { "type": "text", "position": [ 527, 483, 198, 23 ], "completed": false }, { "type": "text", "position": [ 763, 483, 198, 23 ], "completed": false }, { "type": "text", "position": [ 527, 510, 62, 17 ], "completed": false }, { "type": "text", "position": [ 825, 510, 62, 17 ], "completed": false }, { "type": "text", "position": [ 55, 512, 198, 23 ], "completed": false }, { "type": "text", "position": [ 527, 512, 54, 20 ], "completed": false }, { "type": "text", "position": [ 763, 512, 54, 20 ], "completed": false }, { "type": "text", "position": [ 825, 512, 54, 20 ], "completed": false }, { "type": "text", "position": [ 117, 539, 62, 17 ], "completed": false }, { "type": "text", "position": [ 55, 541, 54, 20 ], "completed": false }, { "type": "text", "position": [ 117, 541, 54, 20 ], "completed": false }, { "type": "text", "position": [ 763, 543, 48, 20 ], "completed": false }, { "type": "text", "position": [ 55, 573, 48, 20 ], "completed": false }, { "type": "button", "position": [ 456, 703, 112, 45 ], "completed": false } ] }, { "text": "# A page to introduce how to rewrite an article.# The page should have the title \"How to Rewrite your Article?\" and four groups of introduction information. In each group, there should be an image, a title, and a further introduction.", "region_id": "5826", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'how to rewrite your article?'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 31 25 7 | description 61 31 25 7 | description 90 31 25 11 | description 32 31 25 7 | image 40 14 11 8 | image 12 14 8 8 | image 99 14 7 8 | image 71 14 5 8 | title 4 4 111 4 | title 4 27 25 2 | title 90 27 25 2 | title 32 27 25 2 | title 61 27 25 2", "layout_seq_without_completion": "description 4 31 25 7 | description 61 31 25 7 | description 90 31 25 11 | description 32 31 25 7 | image 40 14 11 8 | image 12 14 8 8 | image 99 14 7 8 | image 71 14 5 8 | title 4 4 111 4 | title 4 27 25 2 | title 90 27 25 2 | title 32 27 25 2 | title 61 27 25 2", "plain_layout_seq": "description 4 31 25 7 | description 61 31 25 7 | description 90 31 25 11 | description 32 31 25 7 | image 40 14 11 8 | image 12 14 8 8 | image 99 14 7 8 | image 71 14 5 8 | title 4 4 111 4 | title 4 27 25 2 | title 90 27 25 2 | title 32 27 25 2 | title 61 27 25 2", "canvas_width": 1009, "canvas_height": 628, "elements": [ { "type": "title", "position": [ 34, 40, 940, 41 ], "completed": false }, { "type": "image", "position": [ 104, 121, 73, 73 ], "completed": false }, { "type": "image", "position": [ 337, 121, 93, 72 ], "completed": false }, { "type": "image", "position": [ 603, 121, 46, 74 ], "completed": false }, { "type": "image", "position": [ 836, 121, 64, 75 ], "completed": false }, { "type": "title", "position": [ 277, 233, 213, 17 ], "completed": false }, { "type": "title", "position": [ 34, 234, 213, 17 ], "completed": false }, { "type": "title", "position": [ 520, 234, 213, 17 ], "completed": false }, { "type": "title", "position": [ 762, 235, 213, 17 ], "completed": false }, { "type": "description", "position": [ 277, 265, 213, 60 ], "completed": false }, { "type": "description", "position": [ 34, 266, 213, 60 ], "completed": false }, { "type": "description", "position": [ 520, 267, 213, 60 ], "completed": false }, { "type": "description", "position": [ 762, 268, 213, 100 ], "completed": false } ] }, { "text": "# A page to introduce the service of an online store.# There should have four groups of information sets with each having a small image, a title, and a short description to introduce the service: free shipping, support 24/7, 30 days return, and 100% payment security.", "region_id": "8615", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'free shipping, support 24/7, 30 day return, 100% payment security'] [item [el:image [attr:size 'small'] ] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] | [ description undefined small | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 1 10 57 2 | description 60 10 57 2 | description 1 25 57 2 | description 60 25 57 2 | title 22 7 16 2 | title 81 7 15 2 | title 77 22 24 2 | title 21 22 18 2", "layout_seq_without_completion": "description 1 10 57 2 | description 60 10 57 2 | description 1 25 57 2 | description 60 25 57 2 | title 22 7 16 2 | title 81 7 15 2 | title 77 22 24 2 | title 21 22 18 2", "plain_layout_seq": "description 1 10 57 2 | description 60 10 57 2 | description 1 25 57 2 | description 60 25 57 2 | title 22 7 16 2 | title 81 7 15 2 | title 77 22 24 2 | title 21 22 18 2", "canvas_width": 1024, "canvas_height": 265, "elements": [ { "type": "title", "position": [ 190, 68, 139, 18 ], "completed": false }, { "type": "title", "position": [ 699, 68, 131, 18 ], "completed": false }, { "type": "description", "position": [ 15, 93, 490, 24 ], "completed": false }, { "type": "description", "position": [ 520, 93, 490, 24 ], "completed": false }, { "type": "title", "position": [ 183, 190, 154, 18 ], "completed": false }, { "type": "title", "position": [ 659, 190, 211, 18 ], "completed": false }, { "type": "description", "position": [ 15, 215, 490, 24 ], "completed": false }, { "type": "description", "position": [ 520, 215, 490, 24 ], "completed": false } ] }, { "text": "#A page for showing one platform.# There should be one image, one label, and one title\"Build today, Win tomorrow\". There are two icons and each of them is on the left of two text boxes showing the pros of the platform. Users can click two buttons to progress their actions.", "region_id": "627", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title] [el:title [attr:value'build today, win tomorrow'] ] [gp:InfoGroup [gattr:repeat'2'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] [el:button [attr:repeat'2'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 74 56 11 3 | button 63 56 9 3 | image 0 0 63 81 | title 63 21 45 1 | title 63 25 45 4 | \" [ icon 63 32 3 3 | text 68 36 40 4 | text 68 33 40 1 ] | [ icon 63 44 3 3 | text 68 48 40 4 | text 68 45 40 1 ] \"", "layout_seq_without_completion": "button 74 56 11 3 | button 63 56 9 3 | image 0 0 63 81 | title 63 21 45 1 | title 63 25 45 4 | \" [ icon 63 32 3 3 | text 68 36 40 4 | text 68 33 40 1 ] | [ icon 63 44 3 3 | text 68 48 40 4 | text 68 45 40 1 ] \"", "plain_layout_seq": "button 74 56 11 3 | button 63 56 9 3 | icon 63 32 3 3 | icon 63 44 3 3 | image 0 0 63 81 | text 68 36 40 4 | text 68 33 40 1 | text 68 48 40 4 | text 68 45 40 1 | title 63 21 45 1 | title 63 25 45 4", "canvas_width": 1257, "canvas_height": 851, "elements": [ { "type": "image", "position": [ 0, 0, 664, 851 ], "completed": false }, { "type": "title", "position": [ 665, 220, 480, 18 ], "completed": false }, { "type": "title", "position": [ 665, 262, 480, 42 ], "completed": false }, { "type": "icon", "position": [ 665, 344, 36, 36 ], "completed": false }, { "type": "text", "position": [ 719, 352, 426, 20 ], "completed": false }, { "type": "text", "position": [ 719, 379, 426, 48 ], "completed": false }, { "type": "icon", "position": [ 665, 467, 36, 36 ], "completed": false }, { "type": "text", "position": [ 719, 475, 426, 20 ], "completed": false }, { "type": "text", "position": [ 719, 503, 426, 48 ], "completed": false }, { "type": "button", "position": [ 665, 591, 101, 40 ], "completed": false }, { "type": "button", "position": [ 781, 591, 125, 40 ], "completed": false } ] }, { "text": "#A page for showing one platform.# There should be one image, one label, and one text box showing the title. There are two icons and each of them is on the left of two text boxes. Users can click two text buttons to progress their actions.", "region_id": "627_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image] [el:title] [el:title] [gp:InfoGroup [gattr:repeat'2'] [item [el:icon] [el:text [attr:repeat '2'] ] ] ] [el:button [attr:repeat'2'] ] ]", "execution": "multiinfo : button undefined undefined | button undefined undefined | image undefined undefined | title undefined undefined | title undefined undefined | { [ icon undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 74 56 11 3 | button 63 56 9 3 | image 0 0 63 81 | title 63 21 45 1 | title 63 25 45 4 | \" [ icon 63 32 3 3 | text 68 36 40 4 | text 68 33 40 1 ] | [ icon 63 44 3 3 | text 68 48 40 4 | text 68 45 40 1 ] \"", "layout_seq_without_completion": "button 74 56 11 3 | button 63 56 9 3 | image 0 0 63 81 | title 63 21 45 1 | title 63 25 45 4 | \" [ icon 63 32 3 3 | text 68 36 40 4 | text 68 33 40 1 ] | [ icon 63 44 3 3 | text 68 48 40 4 | text 68 45 40 1 ] \"", "plain_layout_seq": "button 74 56 11 3 | button 63 56 9 3 | icon 63 32 3 3 | icon 63 44 3 3 | image 0 0 63 81 | text 68 36 40 4 | text 68 33 40 1 | text 68 48 40 4 | text 68 45 40 1 | title 63 21 45 1 | title 63 25 45 4", "canvas_width": 1257, "canvas_height": 851, "elements": [ { "type": "image", "position": [ 0, 0, 664, 851 ], "completed": false }, { "type": "title", "position": [ 665, 220, 480, 18 ], "completed": false }, { "type": "title", "position": [ 665, 262, 480, 42 ], "completed": false }, { "type": "icon", "position": [ 665, 344, 36, 36 ], "completed": false }, { "type": "text", "position": [ 719, 352, 426, 20 ], "completed": false }, { "type": "text", "position": [ 719, 379, 426, 48 ], "completed": false }, { "type": "icon", "position": [ 665, 467, 36, 36 ], "completed": false }, { "type": "text", "position": [ 719, 475, 426, 20 ], "completed": false }, { "type": "text", "position": [ 719, 503, 426, 48 ], "completed": false }, { "type": "button", "position": [ 665, 591, 101, 40 ], "completed": false }, { "type": "button", "position": [ 781, 591, 125, 40 ], "completed": false } ] }, { "text": "#A page for introducing the excellent performance of a company.# The page should have 2 groups while each group has an icon and a short introduction to the excellent performance in downloads, and projects.", "region_id": "5103", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:icon] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined undefined ] | [ description undefined small | icon undefined undefined ] }", "layout_seq_with_completion": "description 11 0 45 5 | description 72 0 43 5 | icon 4 0 5 5 | icon 64 0 5 6", "layout_seq_without_completion": "description 11 0 45 5 | description 72 0 43 5 | icon 4 0 5 5 | icon 64 0 5 6", "plain_layout_seq": "description 11 0 45 5 | description 72 0 43 5 | icon 4 0 5 5 | icon 64 0 5 6", "canvas_width": 1000, "canvas_height": 58, "elements": [ { "type": "icon", "position": [ 540, 0, 48, 58 ], "completed": false }, { "type": "icon", "position": [ 34, 5, 48, 48 ], "completed": false }, { "type": "description", "position": [ 96, 8, 376, 42 ], "completed": false }, { "type": "description", "position": [ 602, 8, 363, 42 ], "completed": false } ] }, { "text": "# A page for showing categories in an online shop for the user to shop by category. # The page should have the title \"SHOP\" and four categories: \"EASTER\" \"GIRL CLOTHING\" \"BOY CLOTHING\" and \"NURSERY\" with each category having the same background image with a category name on it.", "region_id": "8421", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'shop'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'easter, girl clothing, boy clothing, nursery'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 41 12 37 37 | background 82 12 37 37 | background 0 53 37 37 | background 0 12 37 37 | title 41 29 37 3 | title 0 29 37 3 | title 0 70 37 3 | title 82 29 37 3 | title 0 2 120 2", "layout_seq_without_completion": "background 41 12 37 37 | background 82 12 37 37 | background 0 53 37 37 | background 0 12 37 37 | title 41 29 37 3 | title 0 29 37 3 | title 0 70 37 3 | title 82 29 37 3 | title 0 2 120 2", "plain_layout_seq": "background 41 12 37 37 | background 82 12 37 37 | background 0 53 37 37 | background 0 12 37 37 | title 41 29 37 3 | title 0 29 37 3 | title 0 70 37 3 | title 82 29 37 3 | title 0 2 120 2", "canvas_width": 1024, "canvas_height": 811, "elements": [ { "type": "title", "position": [ 0, 25, 1024, 25 ], "completed": false }, { "type": "background", "position": [ 0, 105, 321, 321 ], "completed": false }, { "type": "background", "position": [ 351, 105, 321, 321 ], "completed": false }, { "type": "background", "position": [ 703, 105, 321, 321 ], "completed": false }, { "type": "title", "position": [ 0, 250, 321, 32 ], "completed": false }, { "type": "title", "position": [ 351, 250, 321, 32 ], "completed": false }, { "type": "title", "position": [ 703, 250, 321, 32 ], "completed": false }, { "type": "background", "position": [ 0, 457, 321, 321 ], "completed": false }, { "type": "title", "position": [ 0, 601, 321, 32 ], "completed": false } ] }, { "text": "#A page for showing some current success research.# There should be one title\" Customer Success with Cerebras\". Three text boxes are used to show the success research. One image is needed on the left.", "region_id": "61", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'Customer Success with Cerebras']] [gp:InfoGroup [gattr:repeat '3'] [item [el:text]]] [el:image [attr:position 'left']]]", "execution": "multiinfo : image left undefined | title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "image 2 40 32 32 | title 2 21 115 4 | \" [ text 42 34 65 8 ] | [ text 42 47 65 8 ] | [ text 42 59 65 8 ] \"", "layout_seq_without_completion": "image 2 40 32 32 | title 2 21 115 4 | \" [ text 42 34 65 8 ] | [ text 42 47 65 8 ] | [ text 42 59 65 8 ] \"", "plain_layout_seq": "image 2 40 32 32 | text 42 34 65 8 | text 42 47 65 8 | text 42 59 65 8 | title 2 21 115 4", "canvas_width": 1024, "canvas_height": 815, "elements": [ { "type": "title", "position": [ 20, 186, 984, 36 ], "completed": false }, { "type": "text", "position": [ 366, 296, 556, 76 ], "completed": false }, { "type": "image", "position": [ 20, 349, 278, 279 ], "completed": false }, { "type": "text", "position": [ 366, 403, 556, 76 ], "completed": false }, { "type": "text", "position": [ 366, 511, 556, 76 ], "completed": false } ] }, { "text": "#A page for showing some current success research.# There should be one text box showing the title\" Customer Success with Cerebras\". Three text boxes are used to show the success research. One image is needed.", "region_id": "61_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'Customer Success with Cerebras']] [gp:InfoGroup [gattr:repeat '3'] [item [el:text]]] [el:image]]", "execution": "multiinfo : image undefined undefined | title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "image 2 40 32 32 | title 2 21 115 4 | \" [ text 42 34 65 8 ] | [ text 42 47 65 8 ] | [ text 42 59 65 8 ] \"", "layout_seq_without_completion": "image 2 40 32 32 | title 2 21 115 4 | \" [ text 42 34 65 8 ] | [ text 42 47 65 8 ] | [ text 42 59 65 8 ] \"", "plain_layout_seq": "image 2 40 32 32 | text 42 34 65 8 | text 42 47 65 8 | text 42 59 65 8 | title 2 21 115 4", "canvas_width": 1024, "canvas_height": 815, "elements": [ { "type": "title", "position": [ 20, 186, 984, 36 ], "completed": false }, { "type": "text", "position": [ 366, 296, 556, 76 ], "completed": false }, { "type": "image", "position": [ 20, 349, 278, 279 ], "completed": false }, { "type": "text", "position": [ 366, 403, 556, 76 ], "completed": false }, { "type": "text", "position": [ 366, 511, 556, 76 ], "completed": false } ] }, { "text": "#A page for showing some products which are in discount.# There should be four groups. And each of them includes one image. In the one, there are three labels showing how much the products are in discount and the products' type, and these kinds of products are just sold online. The second one also includes two labels, which are just like the first one, but it is sold online and offline. The remaining texts include one label.", "region_id": "2284", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:image] [el:text [attr:repeat '3'] ] ] [item [el:image] [el:text [attr:repeat '2']] ] [item [el:image] [el:text] ] [item [el:image] [el:text] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 61 0 27 27 | image 90 0 27 27 | complete image 90 0 27 42 | complete image 61 0 27 42 | text 63 29 20 5 | text 92 29 19 5 | \" [ image 1 0 27 27 | complete image 1 0 27 42 | text 3 29 14 2 | text 3 38 7 1 | text 3 32 18 4 ] | [ image 31 0 27 27 | complete image 31 0 27 42 | text 33 29 15 2 | text 33 32 20 4 ] \"", "layout_seq_without_completion": "image 61 0 27 27 | image 90 0 27 27 | image 90 0 27 42 | image 61 0 27 42 | text 63 29 20 5 | text 92 29 19 5 | \" [ image 1 0 27 27 | image 1 0 27 42 | text 3 29 14 2 | text 3 38 7 1 | text 3 32 18 4 ] | [ image 31 0 27 27 | image 31 0 27 42 | text 33 29 15 2 | text 33 32 20 4 ] \"", "plain_layout_seq": "image 61 0 27 27 | image 90 0 27 27 | image 90 0 27 42 | image 61 0 27 42 | image 1 0 27 27 | image 1 0 27 42 | image 31 0 27 27 | image 31 0 27 42 | text 63 29 20 5 | text 92 29 19 5 | text 3 29 14 2 | text 3 38 7 1 | text 3 32 18 4 | text 33 29 15 2 | text 33 32 20 4", "canvas_width": 1003, "canvas_height": 354, "elements": [ { "type": "image", "position": [ 16, 0, 228, 354 ], "completed": true }, { "type": "image", "position": [ 16, 0, 228, 228 ], "completed": false }, { "type": "image", "position": [ 264, 0, 228, 228 ], "completed": false }, { "type": "image", "position": [ 264, 0, 228, 354 ], "completed": true }, { "type": "image", "position": [ 512, 0, 227, 354 ], "completed": true }, { "type": "image", "position": [ 512, 0, 227, 228 ], "completed": false }, { "type": "image", "position": [ 759, 0, 228, 228 ], "completed": false }, { "type": "image", "position": [ 759, 0, 228, 354 ], "completed": true }, { "type": "text", "position": [ 32, 243, 123, 23 ], "completed": false }, { "type": "text", "position": [ 280, 243, 131, 23 ], "completed": false }, { "type": "text", "position": [ 528, 243, 171, 46 ], "completed": false }, { "type": "text", "position": [ 775, 243, 167, 46 ], "completed": false }, { "type": "text", "position": [ 32, 271, 153, 40 ], "completed": false }, { "type": "text", "position": [ 280, 271, 169, 40 ], "completed": false }, { "type": "text", "position": [ 32, 323, 61, 15 ], "completed": false } ] }, { "text": "#This page is to attract users to the product.#This page has the slogan \"Don't let your dreams stay dreams!\" and the logos of 7 products. At the same time, apply the name and logo of ApplyBoard at the bottom.", "region_id": "3843", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'dont let your dreams stay dreams!'] ] [gp:InfoGroup [gattr:repeat '7'] [item [el:logo] ] ] [el:logo [attr:position 'bottom'] [attr:value 'ApplyBoard']] ]", "execution": "multiinfo : logo bottom undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "logo 43 43 32 5 | title 25 8 69 6 | \" [ logo 17 21 19 6 ] | [ logo 39 21 19 6 ] | [ logo 60 21 19 6 ] | [ logo 82 21 19 6 ] | [ logo 28 30 19 6 ] | [ logo 50 30 19 6 ] | [ logo 71 30 19 6 ] \"", "layout_seq_without_completion": "logo 43 43 32 5 | title 25 8 69 6 | \" [ logo 17 21 19 6 ] | [ logo 39 21 19 6 ] | [ logo 60 21 19 6 ] | [ logo 82 21 19 6 ] | [ logo 28 30 19 6 ] | [ logo 50 30 19 6 ] | [ logo 71 30 19 6 ] \"", "plain_layout_seq": "logo 43 43 32 5 | logo 17 21 19 6 | logo 39 21 19 6 | logo 60 21 19 6 | logo 82 21 19 6 | logo 28 30 19 6 | logo 50 30 19 6 | logo 71 30 19 6 | title 25 8 69 6", "canvas_width": 1024, "canvas_height": 480, "elements": [ { "type": "title", "position": [ 214, 72, 596, 56 ], "completed": false }, { "type": "logo", "position": [ 152, 184, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 336, 184, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 520, 184, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 704, 184, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 244, 256, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 428, 256, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 612, 256, 168, 56 ], "completed": false }, { "type": "logo", "position": [ 372, 368, 280, 48 ], "completed": false } ] }, { "text": "#A page for showing one website.# There should be one title\" Keep exploring TotalEnergies.com\". There should be three groups and each of them includes one small image and one label for showing the vice title and one link for learning more.", "region_id": "2312", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'keep exploring totalenergies.com'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:image [attr:size'small'] ] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | link undefined undefined | title undefined undefined ] | [ image undefined small | link undefined undefined | title undefined undefined ] | [ image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 5 52 4 | \" [ image 6 14 33 26 | complete image 6 14 32 41 | link 26 51 11 2 | title 8 37 28 2 ] | [ image 43 14 33 26 | complete image 43 14 32 41 | link 63 51 11 2 | title 45 37 28 2 ] | [ complete image 80 14 32 41 | image 79 14 33 26 | link 99 51 11 2 | title 82 37 28 2 ] \"", "layout_seq_without_completion": "title 6 5 52 4 | \" [ image 6 14 33 26 | image 6 14 32 41 | link 26 51 11 2 | title 8 37 28 2 ] | [ image 43 14 33 26 | image 43 14 32 41 | link 63 51 11 2 | title 45 37 28 2 ] | [ image 80 14 32 41 | image 79 14 33 26 | link 99 51 11 2 | title 82 37 28 2 ] \"", "plain_layout_seq": "image 6 14 33 26 | image 6 14 32 41 | image 43 14 33 26 | image 43 14 32 41 | image 80 14 32 41 | image 79 14 33 26 | link 26 51 11 2 | link 63 51 11 2 | link 99 51 11 2 | title 6 5 52 4 | title 8 37 28 2 | title 45 37 28 2 | title 82 37 28 2", "canvas_width": 1043, "canvas_height": 524, "elements": [ { "type": "title", "position": [ 56, 47, 456, 41 ], "completed": false }, { "type": "image", "position": [ 54, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 374, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 694, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 56, 128, 286, 360 ], "completed": true }, { "type": "image", "position": [ 376, 128, 286, 360 ], "completed": true }, { "type": "image", "position": [ 696, 128, 286, 360 ], "completed": true }, { "type": "title", "position": [ 76, 326, 246, 24 ], "completed": false }, { "type": "title", "position": [ 396, 326, 246, 24 ], "completed": false }, { "type": "title", "position": [ 716, 326, 246, 24 ], "completed": false }, { "type": "link", "position": [ 229, 444, 99, 24 ], "completed": false }, { "type": "link", "position": [ 549, 444, 99, 24 ], "completed": false }, { "type": "link", "position": [ 869, 444, 99, 24 ], "completed": false } ] }, { "text": "#A page for showing one website.# There should be one text showing the title. There should be three texts and each of them includes one small image and two text boxes, one for showing the vice title and the other for showing the link.", "region_id": "2312_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image [attr:size'small'] ] [el:title] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined small | link undefined undefined | title undefined undefined ] | [ image undefined small | link undefined undefined | title undefined undefined ] | [ image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 5 52 4 | \" [ image 6 14 33 26 | complete image 6 14 32 41 | link 26 51 11 2 | title 8 37 28 2 ] | [ image 43 14 33 26 | complete image 43 14 32 41 | link 63 51 11 2 | title 45 37 28 2 ] | [ complete image 80 14 32 41 | image 79 14 33 26 | link 99 51 11 2 | title 82 37 28 2 ] \"", "layout_seq_without_completion": "title 6 5 52 4 | \" [ image 6 14 33 26 | image 6 14 32 41 | link 26 51 11 2 | title 8 37 28 2 ] | [ image 43 14 33 26 | image 43 14 32 41 | link 63 51 11 2 | title 45 37 28 2 ] | [ image 80 14 32 41 | image 79 14 33 26 | link 99 51 11 2 | title 82 37 28 2 ] \"", "plain_layout_seq": "image 6 14 33 26 | image 6 14 32 41 | image 43 14 33 26 | image 43 14 32 41 | image 80 14 32 41 | image 79 14 33 26 | link 26 51 11 2 | link 63 51 11 2 | link 99 51 11 2 | title 6 5 52 4 | title 8 37 28 2 | title 45 37 28 2 | title 82 37 28 2", "canvas_width": 1043, "canvas_height": 524, "elements": [ { "type": "title", "position": [ 56, 47, 456, 41 ], "completed": false }, { "type": "image", "position": [ 54, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 374, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 694, 126, 290, 230 ], "completed": false }, { "type": "image", "position": [ 56, 128, 286, 360 ], "completed": true }, { "type": "image", "position": [ 376, 128, 286, 360 ], "completed": true }, { "type": "image", "position": [ 696, 128, 286, 360 ], "completed": true }, { "type": "title", "position": [ 76, 326, 246, 24 ], "completed": false }, { "type": "title", "position": [ 396, 326, 246, 24 ], "completed": false }, { "type": "title", "position": [ 716, 326, 246, 24 ], "completed": false }, { "type": "link", "position": [ 229, 444, 99, 24 ], "completed": false }, { "type": "link", "position": [ 549, 444, 99, 24 ], "completed": false }, { "type": "link", "position": [ 869, 444, 99, 24 ], "completed": false } ] }, { "text": "#A page for showing two articles.#There should be two text boxes showing the title and each of them is followed by one text box showing the detail and one text button for users to read more.", "region_id": "651", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:title] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 9 30 12 2 | description 5 16 48 8 | title 5 3 48 9 ] | [ button 69 33 12 2 | description 65 16 48 11 | title 65 3 48 9 ] \"", "layout_seq_without_completion": "\" [ button 9 30 12 2 | description 5 16 48 8 | title 5 3 48 9 ] | [ button 69 33 12 2 | description 65 16 48 11 | title 65 3 48 9 ] \"", "plain_layout_seq": "button 9 30 12 2 | button 69 33 12 2 | description 5 16 48 8 | description 65 16 48 11 | title 5 3 48 9 | title 65 3 48 9", "canvas_width": 962, "canvas_height": 320, "elements": [ { "type": "title", "position": [ 46, 30, 389, 76 ], "completed": false }, { "type": "title", "position": [ 527, 30, 389, 76 ], "completed": false }, { "type": "description", "position": [ 46, 131, 389, 72 ], "completed": false }, { "type": "description", "position": [ 527, 131, 389, 96 ], "completed": false }, { "type": "button", "position": [ 78, 242, 99, 24 ], "completed": false }, { "type": "button", "position": [ 559, 266, 99, 24 ], "completed": false } ] }, { "text": "# A page to introduce a company through figures. # The page should have four groups with each having a figure and a title to introduce the number of students, the years in business, cups of coffee, and ratings.", "region_id": "6080", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'the number of students, the years in business, cups of coffee, ratings'] [item [el:text][el:title] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 1 0 26 6 | text 31 0 26 6 | text 61 0 26 6 | text 91 0 26 6 | title 61 6 26 2 | title 91 6 26 2 | title 1 6 26 2 | title 31 6 26 2", "layout_seq_without_completion": "text 1 0 26 6 | text 31 0 26 6 | text 61 0 26 6 | text 91 0 26 6 | title 61 6 26 2 | title 91 6 26 2 | title 1 6 26 2 | title 31 6 26 2", "plain_layout_seq": "text 1 0 26 6 | text 31 0 26 6 | text 61 0 26 6 | text 91 0 26 6 | title 61 6 26 2 | title 91 6 26 2 | title 1 6 26 2 | title 31 6 26 2", "canvas_width": 970, "canvas_height": 75, "elements": [ { "type": "text", "position": [ 15, 0, 213, 50 ], "completed": false }, { "type": "text", "position": [ 257, 0, 213, 50 ], "completed": false }, { "type": "text", "position": [ 500, 0, 213, 50 ], "completed": false }, { "type": "text", "position": [ 743, 0, 213, 50 ], "completed": false }, { "type": "title", "position": [ 15, 50, 213, 20 ], "completed": false }, { "type": "title", "position": [ 257, 50, 213, 20 ], "completed": false }, { "type": "title", "position": [ 500, 50, 213, 20 ], "completed": false }, { "type": "title", "position": [ 743, 50, 213, 20 ], "completed": false } ] }, { "text": "# A page to advertise the best seller in an online store. # There should have a title \"OUR BEST SELLER\" and four groups of the best seller information with each having a product name and a price.", "region_id": "8672", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'our best seller'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 4 76 25 3 | text 33 76 25 3 | text 61 79 25 2 | text 89 83 25 2 | text 33 36 25 3 | text 4 43 25 2 | text 89 43 25 2 | text 33 41 25 2 | text 4 81 25 2 | text 33 81 25 2 | text 61 76 25 1 | text 4 36 25 5 | text 61 36 25 1 | text 61 39 25 2 | text 89 36 25 5 | text 89 76 25 5 | title 4 0 110 3", "layout_seq_without_completion": "text 4 76 25 3 | text 33 76 25 3 | text 61 79 25 2 | text 89 83 25 2 | text 33 36 25 3 | text 4 43 25 2 | text 89 43 25 2 | text 33 41 25 2 | text 4 81 25 2 | text 33 81 25 2 | text 61 76 25 1 | text 4 36 25 5 | text 61 36 25 1 | text 61 39 25 2 | text 89 36 25 5 | text 89 76 25 5 | title 4 0 110 3", "plain_layout_seq": "text 4 76 25 3 | text 33 76 25 3 | text 61 79 25 2 | text 89 83 25 2 | text 33 36 25 3 | text 4 43 25 2 | text 89 43 25 2 | text 33 41 25 2 | text 4 81 25 2 | text 33 81 25 2 | text 61 76 25 1 | text 4 36 25 5 | text 61 36 25 1 | text 61 39 25 2 | text 89 36 25 5 | text 89 76 25 5 | title 4 0 110 3", "canvas_width": 1024, "canvas_height": 774, "elements": [ { "type": "title", "position": [ 40, 0, 944, 34 ], "completed": false }, { "type": "text", "position": [ 40, 312, 220, 50 ], "completed": false }, { "type": "text", "position": [ 282, 312, 220, 34 ], "completed": false }, { "type": "text", "position": [ 523, 312, 220, 17 ], "completed": false }, { "type": "text", "position": [ 764, 312, 220, 50 ], "completed": false }, { "type": "text", "position": [ 523, 334, 220, 24 ], "completed": false }, { "type": "text", "position": [ 282, 350, 220, 24 ], "completed": false }, { "type": "text", "position": [ 40, 367, 220, 25 ], "completed": false }, { "type": "text", "position": [ 764, 367, 220, 25 ], "completed": false }, { "type": "text", "position": [ 40, 657, 220, 34 ], "completed": false }, { "type": "text", "position": [ 282, 657, 220, 34 ], "completed": false }, { "type": "text", "position": [ 523, 657, 220, 17 ], "completed": false }, { "type": "text", "position": [ 764, 657, 220, 50 ], "completed": false }, { "type": "text", "position": [ 523, 679, 220, 24 ], "completed": false }, { "type": "text", "position": [ 40, 696, 220, 24 ], "completed": false }, { "type": "text", "position": [ 282, 696, 220, 24 ], "completed": false }, { "type": "text", "position": [ 764, 713, 220, 25 ], "completed": false } ] }, { "text": "# A page to show 3 ticket options for customers.# On this page, the title \"3 ticket options\" is set on the top. Under this, three groups of options are involved. Each contains the words \"your product's name\" placed between a picture and the price of related options vertically.", "region_id": "7818", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value '3 ticket options'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:title [attr:value 'your products name'] ][el:image] [el:text] ] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | complete image 6 15 33 40 | text 6 53 6 1 | text 6 53 5 2 | title 6 50 33 2 ] | [ image 43 15 33 33 | complete image 43 15 33 40 | text 43 53 6 1 | text 43 53 5 2 | title 43 50 33 2 ] | [ image 80 15 33 33 | complete image 80 15 33 40 | text 80 53 6 1 | text 80 53 5 2 | title 80 50 33 2 ] \"", "layout_seq_without_completion": "title 6 6 107 2 | \" [ image 6 15 33 33 | image 6 15 33 40 | text 6 53 6 1 | text 6 53 5 2 | title 6 50 33 2 ] | [ image 43 15 33 33 | image 43 15 33 40 | text 43 53 6 1 | text 43 53 5 2 | title 43 50 33 2 ] | [ image 80 15 33 33 | image 80 15 33 40 | text 80 53 6 1 | text 80 53 5 2 | title 80 50 33 2 ] \"", "plain_layout_seq": "image 6 15 33 33 | image 6 15 33 40 | image 43 15 33 33 | image 43 15 33 40 | image 80 15 33 33 | image 80 15 33 40 | text 6 53 6 1 | text 6 53 5 2 | text 43 53 6 1 | text 43 53 5 2 | text 80 53 6 1 | text 80 53 5 2 | title 6 6 107 2 | title 6 50 33 2 | title 43 50 33 2 | title 80 50 33 2", "canvas_width": 1024, "canvas_height": 512, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 54, 134, 286, 343 ], "completed": true }, { "type": "image", "position": [ 55, 134, 285, 285 ], "completed": false }, { "type": "image", "position": [ 369, 134, 286, 343 ], "completed": true }, { "type": "image", "position": [ 370, 134, 285, 285 ], "completed": false }, { "type": "image", "position": [ 683, 134, 286, 343 ], "completed": true }, { "type": "image", "position": [ 684, 134, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 433, 285, 20 ], "completed": false }, { "type": "title", "position": [ 370, 433, 285, 20 ], "completed": false }, { "type": "title", "position": [ 684, 433, 285, 20 ], "completed": false }, { "type": "text", "position": [ 55, 454, 58, 15 ], "completed": false }, { "type": "text", "position": [ 370, 454, 58, 15 ], "completed": false }, { "type": "text", "position": [ 684, 454, 58, 15 ], "completed": false }, { "type": "text", "position": [ 55, 455, 50, 19 ], "completed": false }, { "type": "text", "position": [ 370, 455, 50, 19 ], "completed": false }, { "type": "text", "position": [ 684, 455, 50, 19 ], "completed": false } ] }, { "text": "# A page to introduce how to password protect a PDF.# The page should have the title \"How to password protect a PDF\" and five entries of step introduction. Besides, in the last of the first entry, there should be a link \"Encrypt and Protect PDF tool\" for the user to install the tool if they don't have it. Also, there should have a link for the user to protect PDF with passwords and restrictions.", "region_id": "5955", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'how to password protect a pdf'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:description] ] ] [el:link [attr:value 'encrypt and protect pdf tool'] ] [el:link [attr:value 'protect PDF with passwords and restrictions'] ] ]", "execution": "multiinfo : link undefined undefined | link undefined undefined | title undefined undefined | { [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] | [ description undefined undefined ] }", "layout_seq_with_completion": "description 18 19 10 2 | description 18 28 85 3 | description 18 23 85 3 | description 18 32 85 6 | description 18 40 85 3 | link 15 48 52 3 | link 29 19 30 2 | complete text 108 56 11 2 | title 15 11 89 3", "layout_seq_without_completion": "description 18 19 10 2 | description 18 28 85 3 | description 18 23 85 3 | description 18 32 85 6 | description 18 40 85 3 | link 15 48 52 3 | link 29 19 30 2 | text 108 56 11 2 | title 15 11 89 3", "plain_layout_seq": "description 18 19 10 2 | description 18 28 85 3 | description 18 23 85 3 | description 18 32 85 6 | description 18 40 85 3 | link 15 48 52 3 | link 29 19 30 2 | text 108 56 11 2 | title 15 11 89 3", "canvas_width": 1024, "canvas_height": 502, "elements": [ { "type": "title", "position": [ 132, 100, 760, 26 ], "completed": false }, { "type": "description", "position": [ 162, 169, 87, 21 ], "completed": false }, { "type": "link", "position": [ 249, 169, 264, 21 ], "completed": false }, { "type": "description", "position": [ 162, 204, 730, 28 ], "completed": false }, { "type": "description", "position": [ 162, 242, 730, 28 ], "completed": false }, { "type": "description", "position": [ 162, 280, 730, 56 ], "completed": false }, { "type": "description", "position": [ 162, 346, 730, 28 ], "completed": false }, { "type": "link", "position": [ 132, 414, 451, 28 ], "completed": false }, { "type": "text", "position": [ 925, 481, 99, 21 ], "completed": true } ] }, { "text": "#A page for showing some foods or drinks.# There are three groups and each one includes one image, one label, one description, one label showing the writer, and one date label.", "region_id": "3536", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:description] [el:text [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 26 33 4 | description 41 24 36 7 | description 83 26 34 4 | image 0 0 39 36 | image 40 0 39 36 | image 80 0 39 36 | title 14 23 9 2 | title 57 21 5 2 | title 97 23 6 2 | \" [ text 13 32 4 1 | text 18 32 7 1 | complete text 17 32 0 1 ] | [ text 52 32 6 1 | complete text 59 32 0 1 | text 60 32 7 1 ] | [ text 92 32 6 1 | complete text 99 32 0 1 | text 101 32 7 1 ] \"", "layout_seq_without_completion": "description 2 26 33 4 | description 41 24 36 7 | description 83 26 34 4 | image 0 0 39 36 | image 40 0 39 36 | image 80 0 39 36 | title 14 23 9 2 | title 57 21 5 2 | title 97 23 6 2 | \" [ text 13 32 4 1 | text 18 32 7 1 | text 17 32 0 1 ] | [ text 52 32 6 1 | text 59 32 0 1 | text 60 32 7 1 ] | [ text 92 32 6 1 | text 99 32 0 1 | text 101 32 7 1 ] \"", "plain_layout_seq": "description 2 26 33 4 | description 41 24 36 7 | description 83 26 34 4 | image 0 0 39 36 | image 40 0 39 36 | image 80 0 39 36 | text 13 32 4 1 | text 18 32 7 1 | text 17 32 0 1 | text 52 32 6 1 | text 59 32 0 1 | text 60 32 7 1 | text 92 32 6 1 | text 99 32 0 1 | text 101 32 7 1 | title 14 23 9 2 | title 57 21 5 2 | title 97 23 6 2", "canvas_width": 1024, "canvas_height": 311, "elements": [ { "type": "image", "position": [ 0, 0, 333, 311 ], "completed": false }, { "type": "image", "position": [ 345, 0, 333, 311 ], "completed": false }, { "type": "image", "position": [ 691, 0, 333, 311 ], "completed": false }, { "type": "title", "position": [ 487, 181, 49, 19 ], "completed": false }, { "type": "title", "position": [ 127, 203, 79, 19 ], "completed": false }, { "type": "title", "position": [ 829, 203, 57, 19 ], "completed": false }, { "type": "description", "position": [ 356, 206, 311, 64 ], "completed": false }, { "type": "description", "position": [ 25, 228, 284, 42 ], "completed": false }, { "type": "description", "position": [ 710, 228, 294, 42 ], "completed": false }, { "type": "text", "position": [ 111, 280, 35, 15 ], "completed": false }, { "type": "text", "position": [ 151, 280, 4, 15 ], "completed": true }, { "type": "text", "position": [ 160, 280, 62, 15 ], "completed": false }, { "type": "text", "position": [ 445, 280, 58, 15 ], "completed": false }, { "type": "text", "position": [ 508, 280, 4, 15 ], "completed": true }, { "type": "text", "position": [ 517, 280, 62, 15 ], "completed": false }, { "type": "text", "position": [ 791, 280, 57, 15 ], "completed": false }, { "type": "text", "position": [ 853, 280, 4, 15 ], "completed": true }, { "type": "text", "position": [ 862, 280, 62, 15 ], "completed": false } ] }, { "text": "# This page displays Collections for the user. #This page has the title \"Collections\" at the top and four groups at the bottom: golf accessories, golf bags, Golf balls, and Golf hats. Each group consists of a product background image and a title.", "region_id": "7676", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'golf accessories, golf bags, Golf balls, Golf hats'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title top undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 34 4 23 23 | background 89 4 23 23 | background 6 4 23 23 | background 61 4 23 23 | title 6 0 107 3 | title 6 14 23 2 | title 34 14 23 2 | title 89 14 23 2 | title 61 14 23 2", "layout_seq_without_completion": "background 34 4 23 23 | background 89 4 23 23 | background 6 4 23 23 | background 61 4 23 23 | title 6 0 107 3 | title 6 14 23 2 | title 34 14 23 2 | title 89 14 23 2 | title 61 14 23 2", "plain_layout_seq": "background 34 4 23 23 | background 89 4 23 23 | background 6 4 23 23 | background 61 4 23 23 | title 6 0 107 3 | title 6 14 23 2 | title 34 14 23 2 | title 89 14 23 2 | title 61 14 23 2", "canvas_width": 1024, "canvas_height": 272, "elements": [ { "type": "title", "position": [ 55, 0, 914, 28 ], "completed": false }, { "type": "background", "position": [ 57, 38, 202, 202 ], "completed": false }, { "type": "background", "position": [ 293, 38, 202, 202 ], "completed": false }, { "type": "background", "position": [ 529, 38, 202, 202 ], "completed": false }, { "type": "background", "position": [ 765, 38, 202, 202 ], "completed": false }, { "type": "title", "position": [ 57, 126, 202, 25 ], "completed": false }, { "type": "title", "position": [ 293, 126, 202, 25 ], "completed": false }, { "type": "title", "position": [ 529, 126, 202, 25 ], "completed": false }, { "type": "title", "position": [ 765, 126, 202, 25 ], "completed": false } ] }, { "text": "#A page introducing some contents of a company. # The page should have 3 groups. Each has an icon with a title for users to click to check the Citi for cities, careers, and environmental, social and governance.", "region_id": "957", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'citi for cities, careers, environmental,social and governance'] [item [el:icon] [el:link] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 11 5 5 5 | icon 88 5 5 5 | icon 50 5 5 5 | link 17 7 20 4 | link 57 7 12 2 | link 94 7 7 2", "layout_seq_without_completion": "icon 11 5 5 5 | icon 88 5 5 5 | icon 50 5 5 5 | link 17 7 20 4 | link 57 7 12 2 | link 94 7 7 2", "plain_layout_seq": "icon 11 5 5 5 | icon 88 5 5 5 | icon 50 5 5 5 | link 17 7 20 4 | link 57 7 12 2 | link 94 7 7 2", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "icon", "position": [ 94, 50, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 432, 50, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 754, 50, 50, 50 ], "completed": false }, { "type": "link", "position": [ 151, 65, 176, 42 ], "completed": false }, { "type": "link", "position": [ 487, 65, 105, 21 ], "completed": false }, { "type": "link", "position": [ 809, 65, 63, 21 ], "completed": false } ] }, { "text": "#A page introducing some contents of a company. # The page should have some corresponding images and 3 buttons for users to click to check the Citi, careers, and so on.", "region_id": "957_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'citi, careers'] [item [el:image] [el:button] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 17 7 20 4 | button 57 7 12 2 | button 94 7 7 2 | image 11 5 5 5 | image 88 5 5 5 | image 50 5 5 5", "layout_seq_without_completion": "button 17 7 20 4 | button 57 7 12 2 | button 94 7 7 2 | image 11 5 5 5 | image 88 5 5 5 | image 50 5 5 5", "plain_layout_seq": "button 17 7 20 4 | button 57 7 12 2 | button 94 7 7 2 | image 11 5 5 5 | image 88 5 5 5 | image 50 5 5 5", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "image", "position": [ 94, 50, 50, 50 ], "completed": false }, { "type": "image", "position": [ 432, 50, 50, 50 ], "completed": false }, { "type": "image", "position": [ 754, 50, 50, 50 ], "completed": false }, { "type": "button", "position": [ 151, 65, 176, 42 ], "completed": false }, { "type": "button", "position": [ 487, 65, 105, 21 ], "completed": false }, { "type": "button", "position": [ 809, 65, 63, 21 ], "completed": false } ] }, { "text": "#A page for introducing resources to users.# The page should include one title and six links such as \"Blog\", \"Case Studies\", and \"eBooks\" for users to click for further information.", "region_id": "1068", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'6'] [gattr:names'blog, case studies, ebooks'] [item [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 54 0 11 2 | \" [ link 0 5 120 2 ] | [ link 0 9 120 2 ] | [ link 0 13 120 2 ] | [ link 0 17 120 2 ] | [ link 0 21 120 2 ] | [ link 0 25 120 2 ] \"", "layout_seq_without_completion": "title 54 0 11 2 | \" [ link 0 5 120 2 ] | [ link 0 9 120 2 ] | [ link 0 13 120 2 ] | [ link 0 17 120 2 ] | [ link 0 21 120 2 ] | [ link 0 25 120 2 ] \"", "plain_layout_seq": "link 0 5 120 2 | link 0 9 120 2 | link 0 13 120 2 | link 0 17 120 2 | link 0 21 120 2 | link 0 25 120 2 | title 54 0 11 2", "canvas_width": 984, "canvas_height": 247, "elements": [ { "type": "title", "position": [ 445, 0, 94, 23 ], "completed": false }, { "type": "link", "position": [ 0, 48, 984, 18 ], "completed": false }, { "type": "link", "position": [ 0, 81, 984, 18 ], "completed": false }, { "type": "link", "position": [ 0, 114, 984, 18 ], "completed": false }, { "type": "link", "position": [ 0, 147, 984, 18 ], "completed": false }, { "type": "link", "position": [ 0, 180, 984, 18 ], "completed": false }, { "type": "link", "position": [ 0, 213, 984, 18 ], "completed": false } ] }, { "text": "# A page to advertise the new arrivals in an online shop. # There should have a title \"New Arrivals\" on the top, eight groups of product information. In each group, there should be an image with a phrase \"SOLD OUT\" on it, the product name, and price.", "region_id": "6709", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'new arrivals'] [attr:position 'top'] ] [gp:InfoGroup [gattr:repeat '8'] [item [el:image] [el:text [attr:value 'sold out']] [el:text [attr:repeat '2']]] ] ]", "execution": "multiinfo : title top undefined | { [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 61 8 16 21 | image 23 45 16 21 | image 4 8 16 21 | image 23 8 16 21 | image 42 8 16 20 | image 79 8 16 20 | image 98 8 16 20 | image 4 45 16 21 | text 41 8 9 3 | text 79 8 9 3 | text 4 8 9 3 | text 23 8 9 3 | text 4 37 16 2 | text 4 44 9 3 | text 23 44 9 3 | text 79 37 16 2 | text 42 37 16 2 | text 98 8 9 3 | text 4 74 16 2 | text 23 37 16 2 | text 60 8 9 3 | text 61 37 16 2 | text 98 36 16 2 | text 23 74 16 2 | text 23 69 16 4 | text 4 32 16 4 | text 61 32 16 4 | text 23 32 16 4 | text 42 32 16 4 | text 79 32 16 4 | text 98 32 16 4 | text 4 69 16 4 | title 4 0 110 5", "layout_seq_without_completion": "image 61 8 16 21 | image 23 45 16 21 | image 4 8 16 21 | image 23 8 16 21 | image 42 8 16 20 | image 79 8 16 20 | image 98 8 16 20 | image 4 45 16 21 | text 41 8 9 3 | text 79 8 9 3 | text 4 8 9 3 | text 23 8 9 3 | text 4 37 16 2 | text 4 44 9 3 | text 23 44 9 3 | text 79 37 16 2 | text 42 37 16 2 | text 98 8 9 3 | text 4 74 16 2 | text 23 37 16 2 | text 60 8 9 3 | text 61 37 16 2 | text 98 36 16 2 | text 23 74 16 2 | text 23 69 16 4 | text 4 32 16 4 | text 61 32 16 4 | text 23 32 16 4 | text 42 32 16 4 | text 79 32 16 4 | text 98 32 16 4 | text 4 69 16 4 | title 4 0 110 5", "plain_layout_seq": "image 61 8 16 21 | image 23 45 16 21 | image 4 8 16 21 | image 23 8 16 21 | image 42 8 16 20 | image 79 8 16 20 | image 98 8 16 20 | image 4 45 16 21 | text 41 8 9 3 | text 79 8 9 3 | text 4 8 9 3 | text 23 8 9 3 | text 4 37 16 2 | text 4 44 9 3 | text 23 44 9 3 | text 79 37 16 2 | text 42 37 16 2 | text 98 8 9 3 | text 4 74 16 2 | text 23 37 16 2 | text 60 8 9 3 | text 61 37 16 2 | text 98 36 16 2 | text 23 74 16 2 | text 23 69 16 4 | text 4 32 16 4 | text 61 32 16 4 | text 23 32 16 4 | text 42 32 16 4 | text 79 32 16 4 | text 98 32 16 4 | text 4 69 16 4 | title 4 0 110 5", "canvas_width": 1024, "canvas_height": 678, "elements": [ { "type": "title", "position": [ 42, 0, 940, 44 ], "completed": false }, { "type": "text", "position": [ 37, 69, 78, 30 ], "completed": false }, { "type": "text", "position": [ 197, 69, 78, 30 ], "completed": false }, { "type": "text", "position": [ 357, 69, 78, 30 ], "completed": false }, { "type": "text", "position": [ 517, 69, 78, 30 ], "completed": false }, { "type": "text", "position": [ 677, 69, 78, 30 ], "completed": false }, { "type": "text", "position": [ 837, 69, 78, 30 ], "completed": false }, { "type": "image", "position": [ 42, 74, 140, 180 ], "completed": false }, { "type": "image", "position": [ 202, 74, 140, 180 ], "completed": false }, { "type": "image", "position": [ 362, 74, 140, 177 ], "completed": false }, { "type": "image", "position": [ 522, 74, 140, 180 ], "completed": false }, { "type": "image", "position": [ 682, 74, 140, 176 ], "completed": false }, { "type": "image", "position": [ 842, 74, 140, 175 ], "completed": false }, { "type": "text", "position": [ 842, 275, 140, 40 ], "completed": false }, { "type": "text", "position": [ 682, 277, 140, 40 ], "completed": false }, { "type": "text", "position": [ 362, 278, 140, 40 ], "completed": false }, { "type": "text", "position": [ 42, 281, 140, 40 ], "completed": false }, { "type": "text", "position": [ 202, 281, 140, 40 ], "completed": false }, { "type": "text", "position": [ 522, 281, 140, 40 ], "completed": false }, { "type": "text", "position": [ 842, 315, 140, 24 ], "completed": false }, { "type": "text", "position": [ 682, 317, 140, 24 ], "completed": false }, { "type": "text", "position": [ 362, 318, 140, 24 ], "completed": false }, { "type": "text", "position": [ 42, 321, 140, 24 ], "completed": false }, { "type": "text", "position": [ 202, 321, 140, 24 ], "completed": false }, { "type": "text", "position": [ 522, 321, 140, 24 ], "completed": false }, { "type": "text", "position": [ 37, 380, 78, 30 ], "completed": false }, { "type": "text", "position": [ 197, 380, 78, 30 ], "completed": false }, { "type": "image", "position": [ 42, 385, 140, 181 ], "completed": false }, { "type": "image", "position": [ 202, 385, 140, 182 ], "completed": false }, { "type": "text", "position": [ 42, 593, 140, 40 ], "completed": false }, { "type": "text", "position": [ 202, 594, 140, 40 ], "completed": false }, { "type": "text", "position": [ 42, 633, 140, 24 ], "completed": false }, { "type": "text", "position": [ 202, 634, 140, 24 ], "completed": false } ] }, { "text": "#A page introducing a hiring company.# The page should include the title \"Opening opportunities for the global workforce, one applicant at a time\" and three pieces of data, including the number of applications, hires and related countries.", "region_id": "2434", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'opening opportunities for the global workforce, one applicant at a time'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'applications, hires, countries'] [item [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete background 7 4 105 61 | text 50 49 29 4 | text 50 38 29 12 | text 14 38 26 12 | text 14 49 26 4 | text 89 38 16 12 | text 89 49 16 4 | title 14 16 91 12", "layout_seq_without_completion": "background 7 4 105 61 | text 50 49 29 4 | text 50 38 29 12 | text 14 38 26 12 | text 14 49 26 4 | text 89 38 16 12 | text 89 49 16 4 | title 14 16 91 12", "plain_layout_seq": "background 7 4 105 61 | text 50 49 29 4 | text 50 38 29 12 | text 14 38 26 12 | text 14 49 26 4 | text 89 38 16 12 | text 89 49 16 4 | title 14 16 91 12", "canvas_width": 1024, "canvas_height": 602, "elements": [ { "type": "background", "position": [ 60, 40, 904, 522 ], "completed": true }, { "type": "title", "position": [ 120, 140, 784, 108 ], "completed": false }, { "type": "text", "position": [ 120, 326, 229, 110 ], "completed": false }, { "type": "text", "position": [ 431, 326, 253, 110 ], "completed": false }, { "type": "text", "position": [ 766, 328, 138, 108 ], "completed": false }, { "type": "text", "position": [ 120, 426, 229, 36 ], "completed": false }, { "type": "text", "position": [ 431, 426, 253, 36 ], "completed": false }, { "type": "text", "position": [ 766, 426, 138, 36 ], "completed": false } ] }, { "text": "#A page introducing a product.# A page should include one slogan of the product and three groups that contain one image, one title, one introduction to list the pro of the product, and one button to learn more respectively.", "region_id": "982", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 17 116 4 | \" [ button 12 62 11 2 | description 6 52 26 6 | complete icon 23 63 3 2 | image 14 34 10 8 | complete image 1 29 36 41 | title 6 46 26 3 ] | [ button 52 63 11 2 | description 46 53 26 6 | complete icon 63 64 3 2 | complete image 41 29 36 42 | image 54 34 10 9 | title 46 47 26 3 ] | [ button 92 63 11 2 | description 86 53 26 6 | complete icon 103 63 3 2 | image 94 34 10 9 | complete image 81 29 36 41 | title 86 47 26 3 ] \"", "layout_seq_without_completion": "title 1 17 116 4 | \" [ button 12 62 11 2 | description 6 52 26 6 | icon 23 63 3 2 | image 14 34 10 8 | image 1 29 36 41 | title 6 46 26 3 ] | [ button 52 63 11 2 | description 46 53 26 6 | icon 63 64 3 2 | image 41 29 36 42 | image 54 34 10 9 | title 46 47 26 3 ] | [ button 92 63 11 2 | description 86 53 26 6 | icon 103 63 3 2 | image 94 34 10 9 | image 81 29 36 41 | title 86 47 26 3 ] \"", "plain_layout_seq": "button 12 62 11 2 | button 52 63 11 2 | button 92 63 11 2 | description 6 52 26 6 | description 46 53 26 6 | description 86 53 26 6 | icon 23 63 3 2 | icon 63 64 3 2 | icon 103 63 3 2 | image 14 34 10 8 | image 1 29 36 41 | image 41 29 36 42 | image 54 34 10 9 | image 94 34 10 9 | image 81 29 36 41 | title 1 17 116 4 | title 6 46 26 3 | title 46 47 26 3 | title 86 47 26 3", "canvas_width": 936, "canvas_height": 688, "elements": [ { "type": "title", "position": [ 12, 134, 912, 37 ], "completed": false }, { "type": "image", "position": [ 12, 230, 288, 322 ], "completed": true }, { "type": "image", "position": [ 324, 230, 288, 330 ], "completed": true }, { "type": "image", "position": [ 636, 230, 288, 327 ], "completed": true }, { "type": "image", "position": [ 116, 270, 80, 66 ], "completed": false }, { "type": "image", "position": [ 428, 270, 80, 74 ], "completed": false }, { "type": "image", "position": [ 740, 270, 80, 71 ], "completed": false }, { "type": "title", "position": [ 52, 366, 208, 28 ], "completed": false }, { "type": "title", "position": [ 676, 371, 208, 28 ], "completed": false }, { "type": "title", "position": [ 364, 374, 208, 28 ], "completed": false }, { "type": "description", "position": [ 52, 410, 208, 48 ], "completed": false }, { "type": "description", "position": [ 676, 415, 208, 48 ], "completed": false }, { "type": "description", "position": [ 364, 418, 208, 48 ], "completed": false }, { "type": "button", "position": [ 94, 488, 86, 23 ], "completed": false }, { "type": "icon", "position": [ 187, 492, 31, 16 ], "completed": true }, { "type": "button", "position": [ 718, 493, 86, 23 ], "completed": false }, { "type": "button", "position": [ 406, 496, 86, 23 ], "completed": false }, { "type": "icon", "position": [ 811, 497, 31, 16 ], "completed": true }, { "type": "icon", "position": [ 499, 500, 31, 16 ], "completed": true } ] }, { "text": "#A page introducing a product.# A page should include one slogan of the product and three text groups that contain one image, one title, one introduction to list the pro of the product, one button, and one image to learn more respectively.", "region_id": "982_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description] [el:button] [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | image undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 17 116 4 | \" [ button 12 62 11 2 | description 6 52 26 6 | image 23 63 3 2 | image 14 34 10 8 | complete image 1 29 36 41 | title 6 46 26 3 ] | [ button 52 63 11 2 | description 46 53 26 6 | image 63 64 3 2 | complete image 41 29 36 42 | image 54 34 10 9 | title 46 47 26 3 ] | [ button 92 63 11 2 | description 86 53 26 6 | image 103 63 3 2 | image 94 34 10 9 | complete image 81 29 36 41 | title 86 47 26 3 ] \"", "layout_seq_without_completion": "title 1 17 116 4 | \" [ button 12 62 11 2 | description 6 52 26 6 | image 23 63 3 2 | image 14 34 10 8 | image 1 29 36 41 | title 6 46 26 3 ] | [ button 52 63 11 2 | description 46 53 26 6 | image 63 64 3 2 | image 41 29 36 42 | image 54 34 10 9 | title 46 47 26 3 ] | [ button 92 63 11 2 | description 86 53 26 6 | image 103 63 3 2 | image 94 34 10 9 | image 81 29 36 41 | title 86 47 26 3 ] \"", "plain_layout_seq": "button 12 62 11 2 | button 52 63 11 2 | button 92 63 11 2 | description 6 52 26 6 | description 46 53 26 6 | description 86 53 26 6 | image 23 63 3 2 | image 14 34 10 8 | image 1 29 36 41 | image 63 64 3 2 | image 41 29 36 42 | image 54 34 10 9 | image 103 63 3 2 | image 94 34 10 9 | image 81 29 36 41 | title 1 17 116 4 | title 6 46 26 3 | title 46 47 26 3 | title 86 47 26 3", "canvas_width": 936, "canvas_height": 688, "elements": [ { "type": "title", "position": [ 12, 134, 912, 37 ], "completed": false }, { "type": "image", "position": [ 12, 230, 288, 322 ], "completed": true }, { "type": "image", "position": [ 324, 230, 288, 330 ], "completed": true }, { "type": "image", "position": [ 636, 230, 288, 327 ], "completed": true }, { "type": "image", "position": [ 116, 270, 80, 66 ], "completed": false }, { "type": "image", "position": [ 428, 270, 80, 74 ], "completed": false }, { "type": "image", "position": [ 740, 270, 80, 71 ], "completed": false }, { "type": "title", "position": [ 52, 366, 208, 28 ], "completed": false }, { "type": "title", "position": [ 676, 371, 208, 28 ], "completed": false }, { "type": "title", "position": [ 364, 374, 208, 28 ], "completed": false }, { "type": "description", "position": [ 52, 410, 208, 48 ], "completed": false }, { "type": "description", "position": [ 676, 415, 208, 48 ], "completed": false }, { "type": "description", "position": [ 364, 418, 208, 48 ], "completed": false }, { "type": "button", "position": [ 94, 488, 86, 23 ], "completed": false }, { "type": "image", "position": [ 187, 492, 31, 16 ], "completed": false }, { "type": "button", "position": [ 718, 493, 86, 23 ], "completed": false }, { "type": "button", "position": [ 406, 496, 86, 23 ], "completed": false }, { "type": "image", "position": [ 811, 497, 31, 16 ], "completed": false }, { "type": "image", "position": [ 499, 500, 31, 16 ], "completed": false } ] }, { "text": "# A page showing the product categories in an online store.# The page should have five categories: pointe accessories, exercise equipment, hair accessories, skirts and rehearsal tutus, and Grishko clearance with each having an image and a category name.", "region_id": "6990", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [gattr:names 'pointe accessories, exercise equipment, hair accessories, skirts and rehearsal tutus, grishkao clearance'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 27 3 20 20 | image 75 3 20 20 | image 99 3 20 20 | image 51 3 20 20 | image 3 8 20 10 | title 3 24 20 2 | title 99 24 20 2 | title 27 24 20 2 | title 51 24 20 2 | title 75 24 20 5", "layout_seq_without_completion": "image 27 3 20 20 | image 75 3 20 20 | image 99 3 20 20 | image 51 3 20 20 | image 3 8 20 10 | title 3 24 20 2 | title 99 24 20 2 | title 27 24 20 2 | title 51 24 20 2 | title 75 24 20 5", "plain_layout_seq": "image 27 3 20 20 | image 75 3 20 20 | image 99 3 20 20 | image 51 3 20 20 | image 3 8 20 10 | title 3 24 20 2 | title 99 24 20 2 | title 27 24 20 2 | title 51 24 20 2 | title 75 24 20 5", "canvas_width": 994, "canvas_height": 312, "elements": [ { "type": "image", "position": [ 229, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 428, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 626, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 825, 28, 169, 169 ], "completed": false }, { "type": "image", "position": [ 30, 67, 169, 90 ], "completed": false }, { "type": "title", "position": [ 30, 207, 169, 21 ], "completed": false }, { "type": "title", "position": [ 229, 207, 169, 21 ], "completed": false }, { "type": "title", "position": [ 428, 207, 169, 21 ], "completed": false }, { "type": "title", "position": [ 626, 207, 169, 43 ], "completed": false }, { "type": "title", "position": [ 825, 207, 169, 22 ], "completed": false } ] }, { "text": "#A page for introducing the hair.# There is one label \"All about hair\". Below are three groups. Each group includes one image, one label showing the name, and one link for learning more info.", "region_id": "6449", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'all about hair'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:link] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 6 0 18 4 | \" [ complete image 6 8 34 43 | image 6 8 34 34 | link 29 46 2 1 | title 10 45 17 3 ] | [ complete image 42 8 34 43 | image 42 8 34 34 | link 62 46 2 1 | title 46 45 13 3 ] | [ complete image 78 8 34 43 | image 78 8 34 34 | link 103 46 2 1 | title 82 45 18 3 ] \"", "layout_seq_without_completion": "title 6 0 18 4 | \" [ image 6 8 34 43 | image 6 8 34 34 | link 29 46 2 1 | title 10 45 17 3 ] | [ image 42 8 34 43 | image 42 8 34 34 | link 62 46 2 1 | title 46 45 13 3 ] | [ image 78 8 34 43 | image 78 8 34 34 | link 103 46 2 1 | title 82 45 18 3 ] \"", "plain_layout_seq": "image 6 8 34 43 | image 6 8 34 34 | image 42 8 34 43 | image 42 8 34 34 | image 78 8 34 43 | image 78 8 34 34 | link 29 46 2 1 | link 62 46 2 1 | link 103 46 2 1 | title 6 0 18 4 | title 10 45 17 3 | title 46 45 13 3 | title 82 45 18 3", "canvas_width": 1024, "canvas_height": 454, "elements": [ { "type": "title", "position": [ 55, 0, 160, 39 ], "completed": false }, { "type": "image", "position": [ 55, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 363, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 672, 72, 297, 371 ], "completed": true }, { "type": "image", "position": [ 56, 73, 295, 295 ], "completed": false }, { "type": "image", "position": [ 364, 73, 295, 295 ], "completed": false }, { "type": "image", "position": [ 673, 73, 295, 295 ], "completed": false }, { "type": "title", "position": [ 89, 391, 148, 28 ], "completed": false }, { "type": "title", "position": [ 397, 391, 119, 28 ], "completed": false }, { "type": "title", "position": [ 706, 391, 158, 28 ], "completed": false }, { "type": "link", "position": [ 252, 400, 19, 14 ], "completed": false }, { "type": "link", "position": [ 531, 400, 20, 14 ], "completed": false }, { "type": "link", "position": [ 879, 400, 20, 14 ], "completed": false } ] }, { "text": "#A page for users to buy tea.# There are five info groups. Each group includes a image, one label for the name and one price label. Users can browse bore by clicking two pagination.", "region_id": "7694", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '5'] [item [el:image] [el:title] [el:text] ] ] [el:pagination]]", "execution": "multiinfo : pagination undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete button 1 25 5 5 | complete button 113 25 5 5 | \" [ image 51 9 17 22 | text 57 40 5 2 | title 51 33 16 5 ] | [ image 74 9 17 22 | text 79 40 5 2 | title 74 33 16 5 ] | [ image 97 9 17 22 | text 102 40 5 2 | title 97 33 16 5 ] | [ image 5 9 17 22 | text 11 43 5 2 | title 6 33 16 8 ] | [ image 28 9 17 22 | text 34 40 5 2 | title 28 33 16 5 ] \"", "layout_seq_without_completion": "button 1 25 5 5 | button 113 25 5 5 | \" [ image 51 9 17 22 | text 57 40 5 2 | title 51 33 16 5 ] | [ image 74 9 17 22 | text 79 40 5 2 | title 74 33 16 5 ] | [ image 97 9 17 22 | text 102 40 5 2 | title 97 33 16 5 ] | [ image 5 9 17 22 | text 11 43 5 2 | title 6 33 16 8 ] | [ image 28 9 17 22 | text 34 40 5 2 | title 28 33 16 5 ] \"", "plain_layout_seq": "button 1 25 5 5 | button 113 25 5 5 | image 51 9 17 22 | image 74 9 17 22 | image 97 9 17 22 | image 5 9 17 22 | image 28 9 17 22 | text 57 40 5 2 | text 79 40 5 2 | text 102 40 5 2 | text 11 43 5 2 | text 34 40 5 2 | title 51 33 16 5 | title 74 33 16 5 | title 97 33 16 5 | title 6 33 16 8 | title 28 33 16 5", "canvas_width": 1024, "canvas_height": 488, "elements": [ { "type": "image", "position": [ 50, 80, 147, 193 ], "completed": false }, { "type": "image", "position": [ 244, 80, 147, 193 ], "completed": false }, { "type": "image", "position": [ 439, 80, 147, 193 ], "completed": false }, { "type": "image", "position": [ 633, 80, 147, 193 ], "completed": false }, { "type": "image", "position": [ 828, 80, 147, 193 ], "completed": false }, { "type": "button", "position": [ 11, 219, 48, 48 ], "completed": true }, { "type": "button", "position": [ 965, 219, 48, 48 ], "completed": true }, { "type": "title", "position": [ 53, 288, 141, 72 ], "completed": false }, { "type": "title", "position": [ 247, 288, 141, 48 ], "completed": false }, { "type": "title", "position": [ 442, 288, 141, 48 ], "completed": false }, { "type": "title", "position": [ 636, 288, 141, 48 ], "completed": false }, { "type": "title", "position": [ 831, 288, 141, 48 ], "completed": false }, { "type": "text", "position": [ 293, 344, 49, 20 ], "completed": false }, { "type": "text", "position": [ 487, 344, 49, 20 ], "completed": false }, { "type": "text", "position": [ 682, 344, 49, 20 ], "completed": false }, { "type": "text", "position": [ 877, 344, 49, 20 ], "completed": false }, { "type": "text", "position": [ 98, 368, 49, 20 ], "completed": false } ] }, { "text": "# A page for presenting some posts. # The page should have four groups of information sets with each having an image, a theme \"TECH\", a publish date, and a title of the post.", "region_id": "4414", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:text [attr:value 'TECH'] ] [el:text] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ image 0 0 28 16 | text 4 18 7 1 | text 0 18 3 1 | title 0 20 28 10 ] | [ image 30 0 28 16 | text 35 18 7 1 | text 30 18 3 1 | title 30 20 28 7 ] | [ image 61 0 28 16 | text 61 18 3 1 | text 65 18 7 1 | title 61 20 28 10 ] | [ image 91 0 28 16 | text 91 18 3 1 | text 96 18 7 1 | title 91 20 28 7 ] \"", "layout_seq_without_completion": "\" [ image 0 0 28 16 | text 4 18 7 1 | text 0 18 3 1 | title 0 20 28 10 ] | [ image 30 0 28 16 | text 35 18 7 1 | text 30 18 3 1 | title 30 20 28 7 ] | [ image 61 0 28 16 | text 61 18 3 1 | text 65 18 7 1 | title 61 20 28 10 ] | [ image 91 0 28 16 | text 91 18 3 1 | text 96 18 7 1 | title 91 20 28 7 ] \"", "plain_layout_seq": "image 0 0 28 16 | image 30 0 28 16 | image 61 0 28 16 | image 91 0 28 16 | text 4 18 7 1 | text 0 18 3 1 | text 35 18 7 1 | text 30 18 3 1 | text 61 18 3 1 | text 65 18 7 1 | text 91 18 3 1 | text 96 18 7 1 | title 0 20 28 10 | title 30 20 28 7 | title 61 20 28 10 | title 91 20 28 7", "canvas_width": 983, "canvas_height": 257, "elements": [ { "type": "image", "position": [ 0, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 251, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 502, 0, 231, 139 ], "completed": false }, { "type": "image", "position": [ 752, 0, 231, 139 ], "completed": false }, { "type": "text", "position": [ 0, 154, 31, 11 ], "completed": false }, { "type": "text", "position": [ 36, 154, 58, 11 ], "completed": false }, { "type": "text", "position": [ 251, 154, 31, 11 ], "completed": false }, { "type": "text", "position": [ 287, 154, 58, 11 ], "completed": false }, { "type": "text", "position": [ 502, 154, 31, 11 ], "completed": false }, { "type": "text", "position": [ 538, 154, 58, 11 ], "completed": false }, { "type": "text", "position": [ 752, 154, 31, 11 ], "completed": false }, { "type": "text", "position": [ 788, 154, 58, 11 ], "completed": false }, { "type": "title", "position": [ 0, 172, 231, 85 ], "completed": false }, { "type": "title", "position": [ 251, 172, 231, 64 ], "completed": false }, { "type": "title", "position": [ 502, 172, 231, 85 ], "completed": false }, { "type": "title", "position": [ 752, 172, 231, 64 ], "completed": false } ] }, { "text": "#A page of information about automobile parts.# There are six groups of the info, each group has one image and one title.", "region_id": "4689", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 25 1 12 12 | complete image 21 0 19 17 | image 64 1 12 12 | complete image 60 0 19 17 | image 83 1 12 12 | image 44 1 12 12 | image 5 1 12 12 | complete image 2 0 19 17 | complete image 41 0 19 17 | complete image 79 0 19 17 | image 102 1 12 12 | complete image 99 0 19 17 | title 80 14 19 2 | title 99 14 19 2 | title 21 14 19 2 | title 41 14 19 2 | title 60 14 19 2 | title 2 14 19 2", "layout_seq_without_completion": "image 25 1 12 12 | image 21 0 19 17 | image 64 1 12 12 | image 60 0 19 17 | image 83 1 12 12 | image 44 1 12 12 | image 5 1 12 12 | image 2 0 19 17 | image 41 0 19 17 | image 79 0 19 17 | image 102 1 12 12 | image 99 0 19 17 | title 80 14 19 2 | title 99 14 19 2 | title 21 14 19 2 | title 41 14 19 2 | title 60 14 19 2 | title 2 14 19 2", "plain_layout_seq": "image 25 1 12 12 | image 21 0 19 17 | image 64 1 12 12 | image 60 0 19 17 | image 83 1 12 12 | image 44 1 12 12 | image 5 1 12 12 | image 2 0 19 17 | image 41 0 19 17 | image 79 0 19 17 | image 102 1 12 12 | image 99 0 19 17 | title 80 14 19 2 | title 99 14 19 2 | title 21 14 19 2 | title 41 14 19 2 | title 60 14 19 2 | title 2 14 19 2", "canvas_width": 1291, "canvas_height": 206, "elements": [ { "type": "image", "position": [ 24, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 233, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 442, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 651, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 860, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 1069, 10, 209, 185 ], "completed": true }, { "type": "image", "position": [ 63, 21, 130, 130 ], "completed": false }, { "type": "image", "position": [ 272, 21, 130, 130 ], "completed": false }, { "type": "image", "position": [ 481, 21, 130, 130 ], "completed": false }, { "type": "image", "position": [ 690, 21, 130, 130 ], "completed": false }, { "type": "image", "position": [ 899, 21, 130, 130 ], "completed": false }, { "type": "image", "position": [ 1108, 21, 130, 130 ], "completed": false }, { "type": "title", "position": [ 25, 154, 207, 30 ], "completed": false }, { "type": "title", "position": [ 234, 154, 207, 30 ], "completed": false }, { "type": "title", "position": [ 443, 154, 207, 30 ], "completed": false }, { "type": "title", "position": [ 652, 154, 207, 30 ], "completed": false }, { "type": "title", "position": [ 861, 154, 207, 30 ], "completed": false }, { "type": "title", "position": [ 1070, 154, 207, 30 ], "completed": false } ] }, { "text": "#A page for showing some sports news.# The page should have a title, and 3 groups while each group has an image and a button for users to click to check the corresponding news.", "region_id": "6175", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:button [attr:value 'check the corresponding news'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "title 2 5 117 4 | \" [ button 4 38 31 2 | image 2 12 36 34 | image 2 12 35 23 ] | [ button 44 38 31 2 | image 41 12 36 34 | image 42 12 35 23 ] | [ button 83 38 31 5 | image 80 12 36 34 | image 81 12 35 23 ] \"", "layout_seq_without_completion": "title 2 5 117 4 | \" [ button 4 38 31 2 | image 2 12 36 34 | image 2 12 35 23 ] | [ button 44 38 31 2 | image 41 12 36 34 | image 42 12 35 23 ] | [ button 83 38 31 5 | image 80 12 36 34 | image 81 12 35 23 ] \"", "plain_layout_seq": "button 4 38 31 2 | button 44 38 31 2 | button 83 38 31 5 | image 2 12 36 34 | image 2 12 35 23 | image 41 12 36 34 | image 42 12 35 23 | image 80 12 36 34 | image 81 12 35 23 | title 2 5 117 4", "canvas_width": 1024, "canvas_height": 464, "elements": [ { "type": "title", "position": [ 20, 51, 1004, 35 ], "completed": false }, { "type": "image", "position": [ 20, 103, 315, 292 ], "completed": false }, { "type": "image", "position": [ 355, 103, 315, 292 ], "completed": false }, { "type": "image", "position": [ 689, 103, 315, 292 ], "completed": false }, { "type": "image", "position": [ 25, 108, 305, 203 ], "completed": false }, { "type": "image", "position": [ 360, 108, 305, 203 ], "completed": false }, { "type": "image", "position": [ 694, 108, 305, 203 ], "completed": false }, { "type": "button", "position": [ 42, 325, 271, 24 ], "completed": false }, { "type": "button", "position": [ 377, 325, 271, 24 ], "completed": false }, { "type": "button", "position": [ 711, 325, 271, 48 ], "completed": false } ] }, { "text": "# A page showing the customer's comments for a company. # There should be a title \"Our Customers Love Us\" and three groups of comment information. Each group has a comment, a profile, and a name.", "region_id": "7956", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'Our Customers Love Us'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:description] [el:image] [el:title]] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 47 27 24 21 | description 7 31 24 12 | description 87 31 24 12 | complete image 1 26 36 43 | image 13 45 13 13 | image 93 45 13 13 | complete image 41 21 36 52 | complete image 81 26 36 43 | image 53 50 13 13 | title 17 59 5 1 | title 56 64 6 1 | title 35 11 48 4 | title 97 59 5 1", "layout_seq_without_completion": "description 47 27 24 21 | description 7 31 24 12 | description 87 31 24 12 | image 1 26 36 43 | image 13 45 13 13 | image 93 45 13 13 | image 41 21 36 52 | image 81 26 36 43 | image 53 50 13 13 | title 17 59 5 1 | title 56 64 6 1 | title 35 11 48 4 | title 97 59 5 1", "plain_layout_seq": "description 47 27 24 21 | description 7 31 24 12 | description 87 31 24 12 | image 1 26 36 43 | image 13 45 13 13 | image 93 45 13 13 | image 41 21 36 52 | image 81 26 36 43 | image 53 50 13 13 | title 17 59 5 1 | title 56 64 6 1 | title 35 11 48 4 | title 97 59 5 1", "canvas_width": 1039, "canvas_height": 736, "elements": [ { "type": "title", "position": [ 308, 97, 423, 41 ], "completed": false }, { "type": "image", "position": [ 361, 186, 316, 455 ], "completed": true }, { "type": "image", "position": [ 15, 226, 316, 374 ], "completed": true }, { "type": "image", "position": [ 708, 226, 316, 374 ], "completed": true }, { "type": "description", "position": [ 411, 236, 216, 190 ], "completed": false }, { "type": "description", "position": [ 65, 276, 216, 109 ], "completed": false }, { "type": "description", "position": [ 758, 276, 216, 109 ], "completed": false }, { "type": "image", "position": [ 113, 396, 120, 120 ], "completed": false }, { "type": "image", "position": [ 806, 396, 120, 120 ], "completed": false }, { "type": "image", "position": [ 459, 437, 120, 120 ], "completed": false }, { "type": "title", "position": [ 148, 518, 50, 17 ], "completed": false }, { "type": "title", "position": [ 842, 518, 47, 17 ], "completed": false }, { "type": "title", "position": [ 492, 559, 54, 17 ], "completed": false } ] }, { "text": "#A page for showing the four products which are on sale.#The page should have a title and four groups. In each group, there are an image and two descriptions of the price and the product. At the top, there is a link, named \"View all Beauty&Health\".", "region_id": "8442", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:repeat '2'] ] ] ] [el:link [attr:position 'top'] [attr:value 'view all beauty&health'] ] ]", "execution": "multiinfo : link top undefined | title undefined undefined | { [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] | [ description undefined undefined | description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "description 62 38 22 13 | description 7 38 22 8 | description 90 38 22 5 | description 34 38 22 10 | description 62 34 8 2 | description 89 34 8 2 | description 34 34 7 2 | description 6 34 7 2 | link 94 0 23 3 | title 4 0 39 3", "layout_seq_without_completion": "description 62 38 22 13 | description 7 38 22 8 | description 90 38 22 5 | description 34 38 22 10 | description 62 34 8 2 | description 89 34 8 2 | description 34 34 7 2 | description 6 34 7 2 | link 94 0 23 3 | title 4 0 39 3", "plain_layout_seq": "description 62 38 22 13 | description 7 38 22 8 | description 90 38 22 5 | description 34 38 22 10 | description 62 34 8 2 | description 89 34 8 2 | description 34 34 7 2 | description 6 34 7 2 | link 94 0 23 3 | title 4 0 39 3", "canvas_width": 1024, "canvas_height": 569, "elements": [ { "type": "title", "position": [ 40, 0, 341, 33 ], "completed": false }, { "type": "link", "position": [ 806, 4, 204, 30 ], "completed": false }, { "type": "description", "position": [ 59, 291, 61, 23 ], "completed": false }, { "type": "description", "position": [ 295, 291, 61, 23 ], "completed": false }, { "type": "description", "position": [ 531, 291, 72, 23 ], "completed": false }, { "type": "description", "position": [ 767, 291, 72, 23 ], "completed": false }, { "type": "description", "position": [ 60, 328, 196, 70 ], "completed": false }, { "type": "description", "position": [ 296, 328, 196, 93 ], "completed": false }, { "type": "description", "position": [ 532, 328, 196, 116 ], "completed": false }, { "type": "description", "position": [ 768, 328, 196, 47 ], "completed": false } ] }, { "text": "#A page showing different news items.# There is one image and a brief description on the left. There are also four groups on the right, each of which has a background image, a label \"news\" and an introduction.", "region_id": "5192", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:image [attr:position 'left'] ] [el:description [attr:position 'left'] [attr:size 'small'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title [attr:value 'news'] ] [el:description] ] ] ]", "execution": "multiinfo : description left small | image left undefined | { [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] | [ background undefined undefined | description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 0 24 59 11 | complete icon 1 16 4 4 | complete icon 53 16 4 4 | image 0 0 59 36 | \" [ background 60 0 29 17 | description 61 12 26 4 | title 61 8 5 2 ] | [ background 90 0 29 17 | description 91 12 26 3 | title 91 8 5 2 ] | [ background 60 18 29 17 | description 61 31 25 4 | title 61 27 5 2 ] | [ background 90 18 29 17 | description 91 31 24 3 | title 91 27 5 2 ] \"", "layout_seq_without_completion": "description 0 24 59 11 | icon 1 16 4 4 | icon 53 16 4 4 | image 0 0 59 36 | \" [ background 60 0 29 17 | description 61 12 26 4 | title 61 8 5 2 ] | [ background 90 0 29 17 | description 91 12 26 3 | title 91 8 5 2 ] | [ background 60 18 29 17 | description 61 31 25 4 | title 61 27 5 2 ] | [ background 90 18 29 17 | description 91 31 24 3 | title 91 27 5 2 ] \"", "plain_layout_seq": "background 60 0 29 17 | background 90 0 29 17 | background 60 18 29 17 | background 90 18 29 17 | description 0 24 59 11 | description 61 12 26 4 | description 91 12 26 3 | description 61 31 25 4 | description 91 31 24 3 | icon 1 16 4 4 | icon 53 16 4 4 | image 0 0 59 36 | title 61 8 5 2 | title 91 8 5 2 | title 61 27 5 2 | title 91 27 5 2", "canvas_width": 994, "canvas_height": 326, "elements": [ { "type": "image", "position": [ 4, 0, 489, 306 ], "completed": false }, { "type": "background", "position": [ 501, 0, 241, 149 ], "completed": false }, { "type": "background", "position": [ 749, 0, 241, 149 ], "completed": false }, { "type": "title", "position": [ 511, 73, 47, 19 ], "completed": false }, { "type": "title", "position": [ 759, 73, 47, 19 ], "completed": false }, { "type": "description", "position": [ 511, 104, 218, 35 ], "completed": false }, { "type": "description", "position": [ 759, 104, 220, 33 ], "completed": false }, { "type": "icon", "position": [ 12, 135, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 445, 135, 40, 40 ], "completed": true }, { "type": "background", "position": [ 501, 157, 241, 149 ], "completed": false }, { "type": "background", "position": [ 749, 157, 241, 149 ], "completed": false }, { "type": "description", "position": [ 4, 207, 489, 99 ], "completed": false }, { "type": "title", "position": [ 511, 230, 47, 19 ], "completed": false }, { "type": "title", "position": [ 759, 230, 47, 19 ], "completed": false }, { "type": "description", "position": [ 511, 261, 208, 35 ], "completed": false }, { "type": "description", "position": [ 759, 261, 202, 33 ], "completed": false } ] }, { "text": "#A page of CSN for users to buy products.# The page contains two information sets. Each group includes a background image, two titles, and a button for users to shop.", "region_id": "8290", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:background_image] [el:title [attr:repeat '2'] ] [el:button [attr:value 'shop'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | button undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 4 8 54 44 | button 20 32 22 4 | title 19 24 24 1 | title 19 27 24 3 ] | [ background 61 8 54 44 | button 74 32 28 4 | title 73 24 29 1 | title 73 27 29 3 ] \"", "layout_seq_without_completion": "\" [ background 4 8 54 44 | button 20 32 22 4 | title 19 24 24 1 | title 19 27 24 3 ] | [ background 61 8 54 44 | button 74 32 28 4 | title 73 24 29 1 | title 73 27 29 3 ] \"", "plain_layout_seq": "background 4 8 54 44 | background 61 8 54 44 | button 20 32 22 4 | button 74 32 28 4 | title 19 24 24 1 | title 19 27 24 3 | title 73 24 29 1 | title 73 27 29 3", "canvas_width": 1024, "canvas_height": 530, "elements": [ { "type": "background", "position": [ 40, 75, 462, 380 ], "completed": false }, { "type": "background", "position": [ 522, 75, 462, 380 ], "completed": false }, { "type": "title", "position": [ 168, 205, 206, 17 ], "completed": false }, { "type": "title", "position": [ 628, 205, 249, 17 ], "completed": false }, { "type": "title", "position": [ 168, 232, 206, 33 ], "completed": false }, { "type": "title", "position": [ 628, 232, 249, 33 ], "completed": false }, { "type": "button", "position": [ 173, 280, 196, 42 ], "completed": false }, { "type": "button", "position": [ 633, 280, 239, 42 ], "completed": false } ] }, { "text": "#A page selling skin care products.# The page should contain the title \"Skin Care Collection\" and 7 information sets. Each group includes an image, the name of the product, and the price of the product.", "region_id": "7658", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'skin care collection'] ] [gp:InfoGroup [gattr:repeat '7'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 27 65 20 2 | text 27 34 20 2 | text 51 34 20 2 | text 75 34 20 2 | text 99 34 20 2 | text 3 34 20 2 | text 3 65 20 2 | title 27 62 20 2 | title 51 31 20 2 | title 3 31 20 2 | title 75 31 20 2 | title 99 31 20 2 | title 27 31 20 2 | title 3 62 20 2 | title 3 3 116 4", "layout_seq_without_completion": "text 27 65 20 2 | text 27 34 20 2 | text 51 34 20 2 | text 75 34 20 2 | text 99 34 20 2 | text 3 34 20 2 | text 3 65 20 2 | title 27 62 20 2 | title 51 31 20 2 | title 3 31 20 2 | title 75 31 20 2 | title 99 31 20 2 | title 27 31 20 2 | title 3 62 20 2 | title 3 3 116 4", "plain_layout_seq": "text 27 65 20 2 | text 27 34 20 2 | text 51 34 20 2 | text 75 34 20 2 | text 99 34 20 2 | text 3 34 20 2 | text 3 65 20 2 | title 27 62 20 2 | title 51 31 20 2 | title 3 31 20 2 | title 75 31 20 2 | title 99 31 20 2 | title 27 31 20 2 | title 3 62 20 2 | title 3 3 116 4", "canvas_width": 994, "canvas_height": 625, "elements": [ { "type": "title", "position": [ 30, 27, 964, 36 ], "completed": false }, { "type": "title", "position": [ 30, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 229, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 428, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 626, 258, 169, 21 ], "completed": false }, { "type": "title", "position": [ 825, 258, 169, 21 ], "completed": false }, { "type": "text", "position": [ 30, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 229, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 428, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 626, 284, 169, 19 ], "completed": false }, { "type": "text", "position": [ 825, 284, 169, 19 ], "completed": false }, { "type": "title", "position": [ 30, 517, 169, 21 ], "completed": false }, { "type": "title", "position": [ 229, 517, 169, 21 ], "completed": false }, { "type": "text", "position": [ 30, 543, 169, 19 ], "completed": false }, { "type": "text", "position": [ 229, 543, 169, 19 ], "completed": false } ] }, { "text": "#A page for introducing the Yeezy 350 shoes to users.# This page should include one title \"Top Yeezy 350\". There should be four groups of Yeezy 350 shoes. Each group contains one picture, the name, and the price of the Yeezy 350 shoes.", "region_id": "7982", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'top yeezy 350'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:text] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] | [ image undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 24 0 70 3 | \" [ image 1 7 27 20 | complete image 1 7 27 31 | text 5 35 19 2 | title 4 29 21 4 ] | [ image 31 7 27 20 | complete image 31 7 27 31 | text 35 35 19 2 | title 33 29 24 4 ] | [ image 61 7 27 20 | complete image 61 7 27 31 | text 65 35 19 2 | title 62 29 25 4 ] | [ image 91 7 27 20 | complete image 91 7 27 31 | text 95 35 19 2 | title 92 29 25 4 ] \"", "layout_seq_without_completion": "title 24 0 70 3 | \" [ image 1 7 27 20 | image 1 7 27 31 | text 5 35 19 2 | title 4 29 21 4 ] | [ image 31 7 27 20 | image 31 7 27 31 | text 35 35 19 2 | title 33 29 24 4 ] | [ image 61 7 27 20 | image 61 7 27 31 | text 65 35 19 2 | title 62 29 25 4 ] | [ image 91 7 27 20 | image 91 7 27 31 | text 95 35 19 2 | title 92 29 25 4 ] \"", "plain_layout_seq": "image 1 7 27 20 | image 1 7 27 31 | image 31 7 27 20 | image 31 7 27 31 | image 61 7 27 20 | image 61 7 27 31 | image 91 7 27 20 | image 91 7 27 31 | text 5 35 19 2 | text 35 35 19 2 | text 65 35 19 2 | text 95 35 19 2 | title 24 0 70 3 | title 4 29 21 4 | title 33 29 24 4 | title 62 29 25 4 | title 92 29 25 4", "canvas_width": 1024, "canvas_height": 331, "elements": [ { "type": "title", "position": [ 212, 0, 600, 31 ], "completed": false }, { "type": "image", "position": [ 15, 66, 234, 265 ], "completed": true }, { "type": "image", "position": [ 269, 66, 234, 265 ], "completed": true }, { "type": "image", "position": [ 523, 66, 234, 265 ], "completed": true }, { "type": "image", "position": [ 777, 66, 234, 265 ], "completed": true }, { "type": "image", "position": [ 16, 67, 232, 174 ], "completed": false }, { "type": "image", "position": [ 270, 67, 232, 174 ], "completed": false }, { "type": "image", "position": [ 524, 67, 232, 174 ], "completed": false }, { "type": "image", "position": [ 778, 67, 232, 174 ], "completed": false }, { "type": "title", "position": [ 40, 255, 185, 40 ], "completed": false }, { "type": "title", "position": [ 282, 255, 207, 40 ], "completed": false }, { "type": "title", "position": [ 533, 255, 214, 40 ], "completed": false }, { "type": "title", "position": [ 787, 255, 214, 40 ], "completed": false }, { "type": "text", "position": [ 50, 299, 164, 21 ], "completed": false }, { "type": "text", "position": [ 303, 299, 166, 21 ], "completed": false }, { "type": "text", "position": [ 555, 299, 170, 21 ], "completed": false }, { "type": "text", "position": [ 811, 299, 166, 21 ], "completed": false } ] }, { "text": "#A page for introducing the real-time database for business-critical applications to users.# The page should include one title and a brief description. Under it, there should be a list with eleven items, each consists of an icon and a short name.", "region_id": "413", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] [attr:position 'top']] [gp:InfoGroup [gattr:repeat '11'] [item [el:icon] [el:text [attr:size 'small']] ] ] ]", "execution": "multiinfo : description top small | title top undefined | { [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] | [ icon undefined undefined | text undefined small ] }", "layout_seq_with_completion": "description 5 19 108 3 | title 5 4 108 12 | \" [ text 11 35 19 2 ] | [ text 38 35 19 2 ] | [ text 64 35 19 2 ] | [ text 90 35 19 2 ] | [ text 11 57 19 5 ] | [ text 38 57 19 2 ] | [ text 64 57 19 2 ] | [ text 90 57 19 2 ] | [ text 24 81 19 2 ] | [ text 51 81 19 2 ] | [ text 77 81 19 2 ] \"", "layout_seq_without_completion": "description 5 19 108 3 | title 5 4 108 12 | \" [ text 11 35 19 2 ] | [ text 38 35 19 2 ] | [ text 64 35 19 2 ] | [ text 90 35 19 2 ] | [ text 11 57 19 5 ] | [ text 38 57 19 2 ] | [ text 64 57 19 2 ] | [ text 90 57 19 2 ] | [ text 24 81 19 2 ] | [ text 51 81 19 2 ] | [ text 77 81 19 2 ] \"", "plain_layout_seq": "description 5 19 108 3 | text 11 35 19 2 | text 38 35 19 2 | text 64 35 19 2 | text 90 35 19 2 | text 11 57 19 5 | text 38 57 19 2 | text 64 57 19 2 | text 90 57 19 2 | text 24 81 19 2 | text 51 81 19 2 | text 77 81 19 2 | title 5 4 108 12", "canvas_width": 1024, "canvas_height": 951, "elements": [ { "type": "title", "position": [ 51, 37, 922, 106 ], "completed": false }, { "type": "description", "position": [ 51, 163, 922, 29 ], "completed": false }, { "type": "text", "position": [ 99, 301, 167, 22 ], "completed": false }, { "type": "text", "position": [ 325, 301, 167, 22 ], "completed": false }, { "type": "text", "position": [ 550, 301, 167, 22 ], "completed": false }, { "type": "text", "position": [ 776, 301, 167, 22 ], "completed": false }, { "type": "text", "position": [ 99, 487, 167, 45 ], "completed": false }, { "type": "text", "position": [ 325, 487, 167, 22 ], "completed": false }, { "type": "text", "position": [ 550, 487, 167, 22 ], "completed": false }, { "type": "text", "position": [ 776, 487, 167, 22 ], "completed": false }, { "type": "text", "position": [ 212, 696, 167, 22 ], "completed": false }, { "type": "text", "position": [ 438, 696, 167, 22 ], "completed": false }, { "type": "text", "position": [ 663, 696, 167, 22 ], "completed": false } ] }, { "text": "#A page for introducing the real-time database for business-critical applications to users.# The page should include one title and a brief description. Under it, there should be eleven links for users to click for further information about the database.", "region_id": "413_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:description [attr:size 'small']] [gp:InfoGroup [gattr:repeat '11'] [item [el:link]] ] ]", "execution": "multiinfo : description undefined small | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 5 19 108 3 | title 5 4 108 12 | \" [ link 11 35 19 2 ] | [ link 38 35 19 2 ] | [ link 64 35 19 2 ] | [ link 90 35 19 2 ] | [ link 11 57 19 5 ] | [ link 38 57 19 2 ] | [ link 64 57 19 2 ] | [ link 90 57 19 2 ] | [ link 24 81 19 2 ] | [ link 51 81 19 2 ] | [ link 77 81 19 2 ] \"", "layout_seq_without_completion": "description 5 19 108 3 | title 5 4 108 12 | \" [ link 11 35 19 2 ] | [ link 38 35 19 2 ] | [ link 64 35 19 2 ] | [ link 90 35 19 2 ] | [ link 11 57 19 5 ] | [ link 38 57 19 2 ] | [ link 64 57 19 2 ] | [ link 90 57 19 2 ] | [ link 24 81 19 2 ] | [ link 51 81 19 2 ] | [ link 77 81 19 2 ] \"", "plain_layout_seq": "description 5 19 108 3 | link 11 35 19 2 | link 38 35 19 2 | link 64 35 19 2 | link 90 35 19 2 | link 11 57 19 5 | link 38 57 19 2 | link 64 57 19 2 | link 90 57 19 2 | link 24 81 19 2 | link 51 81 19 2 | link 77 81 19 2 | title 5 4 108 12", "canvas_width": 1024, "canvas_height": 951, "elements": [ { "type": "title", "position": [ 51, 37, 922, 106 ], "completed": false }, { "type": "description", "position": [ 51, 163, 922, 29 ], "completed": false }, { "type": "link", "position": [ 99, 301, 167, 22 ], "completed": false }, { "type": "link", "position": [ 325, 301, 167, 22 ], "completed": false }, { "type": "link", "position": [ 550, 301, 167, 22 ], "completed": false }, { "type": "link", "position": [ 776, 301, 167, 22 ], "completed": false }, { "type": "link", "position": [ 99, 487, 167, 45 ], "completed": false }, { "type": "link", "position": [ 325, 487, 167, 22 ], "completed": false }, { "type": "link", "position": [ 550, 487, 167, 22 ], "completed": false }, { "type": "link", "position": [ 776, 487, 167, 22 ], "completed": false }, { "type": "link", "position": [ 212, 696, 167, 22 ], "completed": false }, { "type": "link", "position": [ 438, 696, 167, 22 ], "completed": false }, { "type": "link", "position": [ 663, 696, 167, 22 ], "completed": false } ] }, { "text": "# A page to introduce the service of a company. # On the page, there should be three categories of service information \"Free Shipping\" \"Top-Notch Warranty\" and \"Installation Ready Units\".In each one, there should include a small icon, a title, and a short description of the service.", "region_id": "7586", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'Free Shipping, Top-Notch Warranty, Installation Ready Units'] [item [el:icon [attr:size 'small'] ] [el:title] [el:description [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | icon undefined small | title undefined undefined ] | [ description undefined small | icon undefined small | title undefined undefined ] | [ description undefined small | icon undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 29 3 26 5 | icon 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 9 | icon 64 0 3 3 | title 70 0 26 3 ] | [ description 49 21 26 9 | icon 44 18 3 3 | title 49 17 26 3 ] \"", "layout_seq_without_completion": "\" [ description 29 3 26 5 | icon 23 0 3 3 | title 29 0 26 3 ] | [ description 70 3 26 9 | icon 64 0 3 3 | title 70 0 26 3 ] | [ description 49 21 26 9 | icon 44 18 3 3 | title 49 17 26 3 ] \"", "plain_layout_seq": "description 29 3 26 5 | description 70 3 26 9 | description 49 21 26 9 | icon 23 0 3 3 | icon 64 0 3 3 | icon 44 18 3 3 | title 29 0 26 3 | title 70 0 26 3 | title 49 17 26 3", "canvas_width": 1024, "canvas_height": 303, "elements": [ { "type": "title", "position": [ 248, 0, 224, 26 ], "completed": false }, { "type": "title", "position": [ 600, 0, 224, 26 ], "completed": false }, { "type": "icon", "position": [ 200, 8, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 552, 8, 30, 30 ], "completed": false }, { "type": "description", "position": [ 248, 29, 224, 51 ], "completed": false }, { "type": "description", "position": [ 600, 29, 224, 77 ], "completed": false }, { "type": "title", "position": [ 424, 151, 224, 26 ], "completed": false }, { "type": "icon", "position": [ 376, 159, 30, 30 ], "completed": false }, { "type": "description", "position": [ 424, 181, 224, 77 ], "completed": false } ] }, { "text": "# A page for introducing the trending stores and their extra cashback.# The page should have the title \"TRENDING STORE+EXTRA CASHBACK\" and 12 groups with each having a store logo and cashback introduction.", "region_id": "5940", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'trending store+extra cashback'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:logo] [el:description] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] | [ description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "title 20 2 78 2 | \" [ description 18 25 13 3 | complete icon 23 22 2 2 | logo 18 11 13 8 ] | [ description 32 25 13 6 | complete icon 37 22 2 2 | logo 32 11 13 8 ] | [ description 46 25 12 3 | complete icon 51 22 2 2 | logo 46 11 13 8 ] | [ description 60 25 13 6 | complete icon 65 22 2 2 | logo 60 11 13 8 ] | [ description 74 25 13 6 | complete icon 79 22 2 2 | logo 74 11 13 8 ] | [ description 88 25 13 3 | complete icon 93 22 2 2 | logo 88 11 13 8 ] | [ description 18 48 13 6 | complete icon 23 45 2 2 | logo 18 34 13 8 ] | [ description 32 48 13 6 | complete icon 37 45 2 2 | logo 32 34 13 8 ] | [ description 46 48 13 3 | complete icon 51 45 2 2 | logo 46 34 13 8 ] | [ description 61 48 11 3 | complete icon 65 45 2 2 | logo 60 34 13 8 ] | [ description 74 48 13 6 | complete icon 79 45 2 2 | logo 74 34 13 8 ] | [ description 88 48 13 6 | complete icon 93 45 2 2 | logo 88 34 13 8 ] \"", "layout_seq_without_completion": "title 20 2 78 2 | \" [ description 18 25 13 3 | icon 23 22 2 2 | logo 18 11 13 8 ] | [ description 32 25 13 6 | icon 37 22 2 2 | logo 32 11 13 8 ] | [ description 46 25 12 3 | icon 51 22 2 2 | logo 46 11 13 8 ] | [ description 60 25 13 6 | icon 65 22 2 2 | logo 60 11 13 8 ] | [ description 74 25 13 6 | icon 79 22 2 2 | logo 74 11 13 8 ] | [ description 88 25 13 3 | icon 93 22 2 2 | logo 88 11 13 8 ] | [ description 18 48 13 6 | icon 23 45 2 2 | logo 18 34 13 8 ] | [ description 32 48 13 6 | icon 37 45 2 2 | logo 32 34 13 8 ] | [ description 46 48 13 3 | icon 51 45 2 2 | logo 46 34 13 8 ] | [ description 61 48 11 3 | icon 65 45 2 2 | logo 60 34 13 8 ] | [ description 74 48 13 6 | icon 79 45 2 2 | logo 74 34 13 8 ] | [ description 88 48 13 6 | icon 93 45 2 2 | logo 88 34 13 8 ] \"", "plain_layout_seq": "description 18 25 13 3 | description 32 25 13 6 | description 46 25 12 3 | description 60 25 13 6 | description 74 25 13 6 | description 88 25 13 3 | description 18 48 13 6 | description 32 48 13 6 | description 46 48 13 3 | description 61 48 11 3 | description 74 48 13 6 | description 88 48 13 6 | icon 23 22 2 2 | icon 37 22 2 2 | icon 51 22 2 2 | icon 65 22 2 2 | icon 79 22 2 2 | icon 93 22 2 2 | icon 23 45 2 2 | icon 37 45 2 2 | icon 51 45 2 2 | icon 65 45 2 2 | icon 79 45 2 2 | icon 93 45 2 2 | logo 18 11 13 8 | logo 32 11 13 8 | logo 46 11 13 8 | logo 60 11 13 8 | logo 74 11 13 8 | logo 88 11 13 8 | logo 18 34 13 8 | logo 32 34 13 8 | logo 46 34 13 8 | logo 60 34 13 8 | logo 74 34 13 8 | logo 88 34 13 8 | title 20 2 78 2", "canvas_width": 1024, "canvas_height": 526, "elements": [ { "type": "title", "position": [ 177, 25, 669, 23 ], "completed": false }, { "type": "logo", "position": [ 157, 99, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 277, 99, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 396, 99, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 515, 99, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 634, 99, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 753, 99, 113, 74 ], "completed": false }, { "type": "icon", "position": [ 202, 188, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 321, 188, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 440, 188, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 560, 188, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 679, 188, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 798, 188, 24, 24 ], "completed": true }, { "type": "description", "position": [ 158, 214, 113, 31 ], "completed": false }, { "type": "description", "position": [ 277, 214, 113, 54 ], "completed": false }, { "type": "description", "position": [ 400, 214, 105, 31 ], "completed": false }, { "type": "description", "position": [ 515, 214, 113, 54 ], "completed": false }, { "type": "description", "position": [ 634, 214, 113, 54 ], "completed": false }, { "type": "description", "position": [ 754, 214, 113, 31 ], "completed": false }, { "type": "logo", "position": [ 157, 296, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 277, 296, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 396, 296, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 515, 296, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 634, 296, 113, 74 ], "completed": false }, { "type": "logo", "position": [ 753, 296, 113, 74 ], "completed": false }, { "type": "icon", "position": [ 202, 385, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 321, 385, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 440, 385, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 560, 385, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 679, 385, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 798, 385, 24, 24 ], "completed": true }, { "type": "description", "position": [ 157, 411, 113, 54 ], "completed": false }, { "type": "description", "position": [ 277, 411, 113, 54 ], "completed": false }, { "type": "description", "position": [ 396, 411, 113, 31 ], "completed": false }, { "type": "description", "position": [ 523, 411, 98, 31 ], "completed": false }, { "type": "description", "position": [ 634, 411, 113, 54 ], "completed": false }, { "type": "description", "position": [ 753, 411, 113, 54 ], "completed": false } ] }, { "text": "# A page for the user to shop by type. # The page should be a title \"SHOP BY TYPE\" and four groups of types: \"Distance Drivers\" \"FairwayDrivers\" \"Midranges\" and \"Putters\". Each group should have a background image and a title on the image.", "region_id": "7669", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'SHOP BY TYPE'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'Distance Drivers, FairwayDrivers, Midranges,Putters'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 34 16 24 24 | background 61 16 24 24 | background 6 16 24 24 | background 89 16 24 24 | title 6 23 24 10 | title 34 23 24 10 | title 89 26 24 5 | title 61 26 24 5 | title 6 6 107 3", "layout_seq_without_completion": "background 34 16 24 24 | background 61 16 24 24 | background 6 16 24 24 | background 89 16 24 24 | title 6 23 24 10 | title 34 23 24 10 | title 89 26 24 5 | title 61 26 24 5 | title 6 6 107 3", "plain_layout_seq": "background 34 16 24 24 | background 61 16 24 24 | background 6 16 24 24 | background 89 16 24 24 | title 6 23 24 10 | title 34 23 24 10 | title 89 26 24 5 | title 61 26 24 5 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 55, 55, 914, 34 ], "completed": false }, { "type": "background", "position": [ 55, 143, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 143, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 143, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 143, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 203, 206, 86 ], "completed": false }, { "type": "title", "position": [ 291, 203, 206, 86 ], "completed": false }, { "type": "title", "position": [ 527, 225, 206, 43 ], "completed": false }, { "type": "title", "position": [ 763, 225, 206, 43 ], "completed": false } ] }, { "text": "#A page for showing the categories of the goods.# The page should have some groups with one image and one button for users to click to check the goods in different categories such as beauty, sporting, and so on. A big image as the extra layout.", "region_id": "4612", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat 'several'] [item [el:image] [el:button] ] ] [el:image [attr:size 'large']] ]", "execution": "multiinfo : image undefined large | { [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] | [ button undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 5 1 21 1 | button 5 5 21 1 | button 5 33 21 1 | button 5 45 21 1 | button 5 21 21 1 | button 5 17 21 1 | button 5 25 21 1 | button 5 29 21 1 | button 5 9 21 1 | button 5 37 21 1 | button 5 41 21 1 | button 5 13 21 1 | image 29 0 89 48 | image 2 8 2 2 | image 2 0 2 2 | image 2 45 2 2 | image 2 33 2 2 | image 2 20 2 2 | image 2 25 2 2 | image 2 29 2 2 | image 2 4 2 2 | image 2 41 2 2 | image 2 12 2 2 | image 2 16 2 2 | image 2 37 2 2 | complete image 1 0 26 48", "layout_seq_without_completion": "button 5 1 21 1 | button 5 5 21 1 | button 5 33 21 1 | button 5 45 21 1 | button 5 21 21 1 | button 5 17 21 1 | button 5 25 21 1 | button 5 29 21 1 | button 5 9 21 1 | button 5 37 21 1 | button 5 41 21 1 | button 5 13 21 1 | image 29 0 89 48 | image 2 8 2 2 | image 2 0 2 2 | image 2 45 2 2 | image 2 33 2 2 | image 2 20 2 2 | image 2 25 2 2 | image 2 29 2 2 | image 2 4 2 2 | image 2 41 2 2 | image 2 12 2 2 | image 2 16 2 2 | image 2 37 2 2 | image 1 0 26 48", "plain_layout_seq": "button 5 1 21 1 | button 5 5 21 1 | button 5 33 21 1 | button 5 45 21 1 | button 5 21 21 1 | button 5 17 21 1 | button 5 25 21 1 | button 5 29 21 1 | button 5 9 21 1 | button 5 37 21 1 | button 5 41 21 1 | button 5 13 21 1 | image 29 0 89 48 | image 2 8 2 2 | image 2 0 2 2 | image 2 45 2 2 | image 2 33 2 2 | image 2 20 2 2 | image 2 25 2 2 | image 2 29 2 2 | image 2 4 2 2 | image 2 41 2 2 | image 2 12 2 2 | image 2 16 2 2 | image 2 37 2 2 | image 1 0 26 48", "canvas_width": 950, "canvas_height": 392, "elements": [ { "type": "image", "position": [ 8, 0, 206, 384 ], "completed": true }, { "type": "image", "position": [ 230, 0, 712, 384 ], "completed": false }, { "type": "image", "position": [ 16, 6, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 9, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 38, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 41, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 70, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 73, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 102, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 105, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 134, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 137, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 166, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 169, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 198, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 201, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 230, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 233, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 262, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 265, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 294, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 297, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 326, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 329, 174, 14 ], "completed": false }, { "type": "image", "position": [ 16, 358, 20, 20 ], "completed": false }, { "type": "button", "position": [ 40, 361, 174, 14 ], "completed": false } ] }, { "text": "#A page for introducing one app where users can earn cashback.# There should be two groups and each of them includes one image, two text boxes, and one button for users to start their shopping.", "region_id": "258", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:text [attr:repeat'2'] ] [el:button [attr:value'start shopping'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete image 2 0 55 46 | complete image 62 0 55 46 | \" [ button 6 39 47 2 | image 16 4 26 14 | text 6 28 46 7 | text 6 22 47 3 ] | [ button 66 39 47 2 | image 80 4 19 14 | text 66 28 46 7 | text 66 22 47 3 ] \"", "layout_seq_without_completion": "image 2 0 55 46 | image 62 0 55 46 | \" [ button 6 39 47 2 | image 16 4 26 14 | text 6 28 46 7 | text 6 22 47 3 ] | [ button 66 39 47 2 | image 80 4 19 14 | text 66 28 46 7 | text 66 22 47 3 ] \"", "plain_layout_seq": "button 6 39 47 2 | button 66 39 47 2 | image 2 0 55 46 | image 62 0 55 46 | image 16 4 26 14 | image 80 4 19 14 | text 6 28 46 7 | text 6 22 47 3 | text 66 28 46 7 | text 66 22 47 3", "canvas_width": 1024, "canvas_height": 432, "elements": [ { "type": "image", "position": [ 20, 0, 474, 396 ], "completed": true }, { "type": "image", "position": [ 530, 0, 474, 396 ], "completed": true }, { "type": "image", "position": [ 145, 36, 224, 120 ], "completed": false }, { "type": "image", "position": [ 684, 36, 165, 120 ], "completed": false }, { "type": "text", "position": [ 56, 192, 402, 34 ], "completed": false }, { "type": "text", "position": [ 566, 192, 402, 34 ], "completed": false }, { "type": "text", "position": [ 57, 246, 399, 67 ], "completed": false }, { "type": "text", "position": [ 570, 246, 394, 67 ], "completed": false }, { "type": "button", "position": [ 56, 336, 402, 24 ], "completed": false }, { "type": "button", "position": [ 566, 336, 402, 24 ], "completed": false } ] }, { "text": "# A page for introducing the service provided by an online shop.# The page should have three groups of introduction information: \"FREE deliver\" \"Secure online payments\", and \"Hassle-free refunds\" with each having a small image, a title, and a further introduction.", "region_id": "7114", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'free deliver, secure online payments, hassle-free refunds'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "description 1 23 34 9 | description 42 27 34 9 | description 84 23 34 9 | image 11 2 14 14 | image 93 2 14 14 | image 52 2 14 14 | title 1 18 34 4 | title 42 18 34 8 | title 84 18 34 4", "layout_seq_without_completion": "description 1 23 34 9 | description 42 27 34 9 | description 84 23 34 9 | image 11 2 14 14 | image 93 2 14 14 | image 52 2 14 14 | title 1 18 34 4 | title 42 18 34 8 | title 84 18 34 4", "plain_layout_seq": "description 1 23 34 9 | description 42 27 34 9 | description 84 23 34 9 | image 11 2 14 14 | image 93 2 14 14 | image 52 2 14 14 | title 1 18 34 4 | title 42 18 34 8 | title 84 18 34 4", "canvas_width": 1024, "canvas_height": 351, "elements": [ { "type": "image", "position": [ 98, 20, 125, 125 ], "completed": false }, { "type": "image", "position": [ 449, 20, 125, 125 ], "completed": false }, { "type": "image", "position": [ 801, 20, 125, 125 ], "completed": false }, { "type": "title", "position": [ 15, 159, 291, 36 ], "completed": false }, { "type": "title", "position": [ 366, 159, 291, 72 ], "completed": false }, { "type": "title", "position": [ 718, 159, 291, 36 ], "completed": false }, { "type": "description", "position": [ 15, 202, 291, 78 ], "completed": false }, { "type": "description", "position": [ 718, 202, 291, 78 ], "completed": false }, { "type": "description", "position": [ 366, 238, 291, 78 ], "completed": false } ] }, { "text": "# A page to view the top sights near Tokyo. # The page should include a title and three images. In each image, there should contain two textboxes telling the name of the sights and the number of activities. An icon for the user to view more is needed.", "region_id": "1284", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:text [attr:repeat '2'] ] [el:icon [attr:value 'read more']] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] | [ icon undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 117 19 1 1 | icon 116 18 3 3 | title 1 0 116 5 | \" [ image 1 8 37 24 | text 2 9 18 4 | text 2 14 10 3 ] | [ image 41 8 37 24 | text 42 14 10 3 | text 42 9 27 4 ] | [ image 81 8 37 24 | text 82 14 10 3 | text 82 9 26 4 ] \"", "layout_seq_without_completion": "icon 117 19 1 1 | icon 116 18 3 3 | title 1 0 116 5 | \" [ image 1 8 37 24 | text 2 9 18 4 | text 2 14 10 3 ] | [ image 41 8 37 24 | text 42 14 10 3 | text 42 9 27 4 ] | [ image 81 8 37 24 | text 82 14 10 3 | text 82 9 26 4 ] \"", "plain_layout_seq": "icon 117 19 1 1 | icon 116 18 3 3 | image 1 8 37 24 | image 41 8 37 24 | image 81 8 37 24 | text 2 9 18 4 | text 2 14 10 3 | text 42 14 10 3 | text 42 9 27 4 | text 82 14 10 3 | text 82 9 26 4 | title 1 0 116 5", "canvas_width": 986, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 13, 0, 960, 44 ], "completed": false }, { "type": "image", "position": [ 12, 68, 305, 200 ], "completed": false }, { "type": "image", "position": [ 341, 68, 305, 200 ], "completed": false }, { "type": "image", "position": [ 669, 68, 305, 200 ], "completed": false }, { "type": "text", "position": [ 24, 78, 153, 40 ], "completed": false }, { "type": "text", "position": [ 353, 78, 222, 40 ], "completed": false }, { "type": "text", "position": [ 681, 78, 215, 40 ], "completed": false }, { "type": "text", "position": [ 24, 116, 88, 26 ], "completed": false }, { "type": "text", "position": [ 353, 116, 89, 26 ], "completed": false }, { "type": "text", "position": [ 681, 116, 89, 26 ], "completed": false }, { "type": "icon", "position": [ 956, 156, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 963, 162, 16, 16 ], "completed": false } ] }, { "text": "#A page for users to choose from different shops.# The page contains 2 information sets. Each group includes a background image and a title. The two titles are \"Shop Women's\" and \"Shop Men's\".", "region_id": "7522", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'shop women s, shop men s'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 0 0 60 46 | background 60 0 60 46 | title 60 19 60 6 | title 0 19 60 6", "layout_seq_without_completion": "background 0 0 60 46 | background 60 0 60 46 | title 60 19 60 6 | title 0 19 60 6", "plain_layout_seq": "background 0 0 60 46 | background 60 0 60 46 | title 60 19 60 6 | title 0 19 60 6", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "background", "position": [ 0, 0, 512, 400 ], "completed": false }, { "type": "background", "position": [ 512, 0, 512, 400 ], "completed": false }, { "type": "title", "position": [ 0, 164, 512, 52 ], "completed": false }, { "type": "title", "position": [ 512, 164, 512, 52 ], "completed": false } ] }, { "text": "#A page to guide users to the PSEG website.# There are two guides on the page. Each contains a logo and a link. The first guide leads users to the 'PESG Corporate site'. The other leads users to 'PESG Power Site'.", "region_id": "4178", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:logo] [el:link [attr:value 'pesg Corporate site'] ] ] [item [el:logo] [el:link [attr:value 'pesg power site'] ] ] ] ]", "execution": "multiinfo : { [ link undefined undefined | logo undefined undefined ] | [ link undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "link 65 8 25 3 | link 31 8 25 3 | logo 38 2 11 4 | logo 72 2 11 4", "layout_seq_without_completion": "link 65 8 25 3 | link 31 8 25 3 | logo 38 2 11 4 | logo 72 2 11 4", "plain_layout_seq": "link 65 8 25 3 | link 31 8 25 3 | logo 38 2 11 4 | logo 72 2 11 4", "canvas_width": 898, "canvas_height": 118, "elements": [ { "type": "logo", "position": [ 291, 20, 87, 32 ], "completed": false }, { "type": "logo", "position": [ 539, 20, 87, 33 ], "completed": false }, { "type": "link", "position": [ 239, 65, 192, 24 ], "completed": false }, { "type": "link", "position": [ 487, 66, 192, 24 ], "completed": false } ] }, { "text": "#A page for introducing one software's advantages.# There should be one image showing the logo. Three labels are used to indicate the advantages and each of them is followed by one detailed description and one link.", "region_id": "2079", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:logo] [gp:InfoGroup [gattr:repeat'3'] [item [el:title] [el:description] [el:link] ] ] ]", "execution": "multiinfo : logo undefined undefined | { [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 61 7 53 3 | description 61 23 53 6 | description 61 42 53 5 | link 61 30 11 2 | link 61 12 10 2 | link 61 49 21 2 | title 61 4 53 2 | title 61 19 53 2 | title 61 38 53 2", "layout_seq_without_completion": "description 61 7 53 3 | description 61 23 53 6 | description 61 42 53 5 | link 61 30 11 2 | link 61 12 10 2 | link 61 49 21 2 | title 61 4 53 2 | title 61 19 53 2 | title 61 38 53 2", "plain_layout_seq": "description 61 7 53 3 | description 61 23 53 6 | description 61 42 53 5 | link 61 30 11 2 | link 61 12 10 2 | link 61 49 21 2 | title 61 4 53 2 | title 61 19 53 2 | title 61 38 53 2", "canvas_width": 1024, "canvas_height": 520, "elements": [ { "type": "title", "position": [ 525, 36, 456, 22 ], "completed": false }, { "type": "description", "position": [ 525, 68, 456, 26 ], "completed": false }, { "type": "link", "position": [ 525, 105, 86, 22 ], "completed": false }, { "type": "title", "position": [ 525, 169, 456, 22 ], "completed": false }, { "type": "description", "position": [ 525, 201, 456, 52 ], "completed": false }, { "type": "link", "position": [ 525, 264, 101, 22 ], "completed": false }, { "type": "title", "position": [ 525, 328, 456, 22 ], "completed": false }, { "type": "description", "position": [ 525, 360, 456, 51 ], "completed": false }, { "type": "link", "position": [ 525, 423, 186, 22 ], "completed": false } ] }, { "text": "#A page for posting ads or finding jobs.# There two groups. In the first group, there is one icon, one title \"Start making money!\", one description, and one button \"Post your ad for free\". In the second group, there is one logo, one description, and one button \"explore more\".", "region_id": "4694", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:icon] [el:title [attr:value 'Start making money!'] ] [el:description][el:button [attr:value 'Post your ad for free'] ]] [item [el:logo] [el:description] [el:button[attr:value 'Explore more']] ]] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | logo undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 26 | icon 3 3 14 15 | \" [ button 26 18 18 1 | description 22 8 33 6 | complete icon 24 18 1 1 | title 22 3 25 3 ] | [ button 69 16 12 1 | description 64 8 51 4 | complete icon 81 16 1 1 | logo 64 3 17 2 ] \"", "layout_seq_without_completion": "background 0 0 120 26 | icon 3 3 14 15 | \" [ button 26 18 18 1 | description 22 8 33 6 | icon 24 18 1 1 | title 22 3 25 3 ] | [ button 69 16 12 1 | description 64 8 51 4 | icon 81 16 1 1 | logo 64 3 17 2 ] \"", "plain_layout_seq": "background 0 0 120 26 | button 26 18 18 1 | button 69 16 12 1 | description 22 8 33 6 | description 64 8 51 4 | icon 3 3 14 15 | icon 24 18 1 1 | icon 81 16 1 1 | logo 64 3 17 2 | title 22 3 25 3", "canvas_width": 985, "canvas_height": 217, "elements": [ { "type": "background", "position": [ 0, 0, 985, 217 ], "completed": true }, { "type": "icon", "position": [ 32, 32, 118, 125 ], "completed": false }, { "type": "title", "position": [ 182, 32, 208, 28 ], "completed": false }, { "type": "logo", "position": [ 526, 32, 140, 20 ], "completed": false }, { "type": "description", "position": [ 526, 67, 425, 38 ], "completed": false }, { "type": "description", "position": [ 182, 68, 279, 57 ], "completed": false }, { "type": "button", "position": [ 567, 133, 101, 16 ], "completed": false }, { "type": "icon", "position": [ 668, 133, 16, 16 ], "completed": true }, { "type": "icon", "position": [ 198, 153, 16, 16 ], "completed": true }, { "type": "button", "position": [ 214, 153, 151, 16 ], "completed": false } ] }, { "text": "$multi-info$# A page for users to explore free resources.# There is one title \"Learn More About Marketing\", one button for users to explore all the free resources, and three info groups. Each group includes one \n image, and one description of the resources.", "region_id": "2694", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'learn more about marketing'] ] [el:button [attr:value 'explore all the free resources'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:description] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] | [ description undefined undefined | image undefined undefined ] }", "layout_seq_with_completion": "button 41 20 36 3 | description 45 60 29 9 | description 82 60 29 9 | description 7 60 29 9 | image 81 29 32 31 | image 5 29 32 31 | complete image 5 29 32 42 | image 43 29 32 31 | complete image 43 29 32 42 | complete image 81 29 32 42 | title 26 12 67 4", "layout_seq_without_completion": "button 41 20 36 3 | description 45 60 29 9 | description 82 60 29 9 | description 7 60 29 9 | image 81 29 32 31 | image 5 29 32 31 | image 5 29 32 42 | image 43 29 32 31 | image 43 29 32 42 | image 81 29 32 42 | title 26 12 67 4", "plain_layout_seq": "button 41 20 36 3 | description 45 60 29 9 | description 82 60 29 9 | description 7 60 29 9 | image 81 29 32 31 | image 5 29 32 31 | image 5 29 32 42 | image 43 29 32 31 | image 43 29 32 42 | image 81 29 32 42 | title 26 12 67 4", "canvas_width": 1024, "canvas_height": 730, "elements": [ { "type": "title", "position": [ 226, 105, 572, 40 ], "completed": false }, { "type": "button", "position": [ 357, 171, 310, 27 ], "completed": false }, { "type": "image", "position": [ 51, 250, 280, 360 ], "completed": true }, { "type": "image", "position": [ 51, 250, 280, 270 ], "completed": false }, { "type": "image", "position": [ 372, 250, 280, 270 ], "completed": false }, { "type": "image", "position": [ 372, 250, 280, 360 ], "completed": true }, { "type": "image", "position": [ 692, 250, 280, 360 ], "completed": true }, { "type": "image", "position": [ 692, 250, 280, 270 ], "completed": false }, { "type": "description", "position": [ 67, 514, 248, 78 ], "completed": false }, { "type": "description", "position": [ 388, 514, 248, 78 ], "completed": false }, { "type": "description", "position": [ 708, 514, 248, 78 ], "completed": false } ] }, { "text": "#A page for introducing Press to users.# The page should include one title \"Press\" and eight images of different presses such as \"USA TODAY\" for users to read.", "region_id": "1607", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'press'] ] [gp:InfoGroup [gattr:repeat'8'] [item [el:image] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] | [ image undefined undefined ] }", "layout_seq_with_completion": "title 5 16 109 4 | \" [ image 5 32 13 13 ] | [ image 19 32 13 13 ] | [ image 32 32 13 13 ] | [ image 46 32 13 13 ] | [ image 60 32 13 13 ] | [ image 73 32 13 13 ] | [ image 87 32 13 13 ] | [ image 100 32 13 13 ] \"", "layout_seq_without_completion": "title 5 16 109 4 | \" [ image 5 32 13 13 ] | [ image 19 32 13 13 ] | [ image 32 32 13 13 ] | [ image 46 32 13 13 ] | [ image 60 32 13 13 ] | [ image 73 32 13 13 ] | [ image 87 32 13 13 ] | [ image 100 32 13 13 ] \"", "plain_layout_seq": "image 5 32 13 13 | image 19 32 13 13 | image 32 32 13 13 | image 46 32 13 13 | image 60 32 13 13 | image 73 32 13 13 | image 87 32 13 13 | image 100 32 13 13 | title 5 16 109 4", "canvas_width": 1034, "canvas_height": 536, "elements": [ { "type": "title", "position": [ 47, 140, 940, 36 ], "completed": false }, { "type": "image", "position": [ 47, 276, 118, 120 ], "completed": false }, { "type": "image", "position": [ 164, 276, 117, 120 ], "completed": false }, { "type": "image", "position": [ 282, 276, 118, 120 ], "completed": false }, { "type": "image", "position": [ 400, 276, 117, 120 ], "completed": false }, { "type": "image", "position": [ 517, 276, 118, 120 ], "completed": false }, { "type": "image", "position": [ 634, 276, 117, 120 ], "completed": false }, { "type": "image", "position": [ 752, 276, 118, 120 ], "completed": false }, { "type": "image", "position": [ 870, 276, 117, 120 ], "completed": false } ] }, { "text": "#A page for advertising.# On the top, there should be one text which shows the title. Four groups of products are listed. Each of them contains one image, and two text boxes, one for the product's title and the other for the detail.", "region_id": "1425", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] [el:description] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] | [ description undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 47 5 | \" [ description 3 43 24 5 | image 3 12 24 24 | title 3 39 24 4 ] | [ description 32 47 24 5 | image 32 12 24 24 | title 32 39 24 8 ] | [ description 62 47 24 2 | image 62 12 24 24 | title 62 39 24 8 ] | [ description 91 43 24 2 | image 91 12 24 24 | title 91 39 24 4 ] \"", "layout_seq_without_completion": "title 1 4 47 5 | \" [ description 3 43 24 5 | image 3 12 24 24 | title 3 39 24 4 ] | [ description 32 47 24 5 | image 32 12 24 24 | title 32 39 24 8 ] | [ description 62 47 24 2 | image 62 12 24 24 | title 62 39 24 8 ] | [ description 91 43 24 2 | image 91 12 24 24 | title 91 39 24 4 ] \"", "plain_layout_seq": "description 3 43 24 5 | description 32 47 24 5 | description 62 47 24 2 | description 91 43 24 2 | image 3 12 24 24 | image 32 12 24 24 | image 62 12 24 24 | image 91 12 24 24 | title 1 4 47 5 | title 3 39 24 4 | title 32 39 24 8 | title 62 39 24 8 | title 91 39 24 4", "canvas_width": 1024, "canvas_height": 459, "elements": [ { "type": "title", "position": [ 10, 35, 407, 47 ], "completed": false }, { "type": "image", "position": [ 30, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 281, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 532, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 783, 109, 211, 211 ], "completed": false }, { "type": "title", "position": [ 30, 335, 211, 40 ], "completed": false }, { "type": "title", "position": [ 281, 335, 211, 70 ], "completed": false }, { "type": "title", "position": [ 532, 335, 211, 70 ], "completed": false }, { "type": "title", "position": [ 783, 335, 211, 40 ], "completed": false }, { "type": "description", "position": [ 30, 375, 211, 44 ], "completed": false }, { "type": "description", "position": [ 783, 375, 211, 22 ], "completed": false }, { "type": "description", "position": [ 281, 405, 211, 44 ], "completed": false }, { "type": "description", "position": [ 532, 405, 211, 22 ], "completed": false } ] }, { "text": "#A page for advertising.# On the top, there should be one text which shows the title. Four images are needed to show the products. Each of them contains two text boxes, one for the products' name and the other for the detail.", "region_id": "1425_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:text] [el:description] ] ] ]", "execution": "multiinfo : title top undefined | { [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] | [ description undefined undefined | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 1 4 47 5 | \" [ description 3 43 24 5 | image 3 12 24 24 | text 3 39 24 4 ] | [ description 32 47 24 5 | image 32 12 24 24 | text 32 39 24 8 ] | [ description 62 47 24 2 | image 62 12 24 24 | text 62 39 24 8 ] | [ description 91 43 24 2 | image 91 12 24 24 | text 91 39 24 4 ] \"", "layout_seq_without_completion": "title 1 4 47 5 | \" [ description 3 43 24 5 | image 3 12 24 24 | text 3 39 24 4 ] | [ description 32 47 24 5 | image 32 12 24 24 | text 32 39 24 8 ] | [ description 62 47 24 2 | image 62 12 24 24 | text 62 39 24 8 ] | [ description 91 43 24 2 | image 91 12 24 24 | text 91 39 24 4 ] \"", "plain_layout_seq": "description 3 43 24 5 | description 32 47 24 5 | description 62 47 24 2 | description 91 43 24 2 | image 3 12 24 24 | image 32 12 24 24 | image 62 12 24 24 | image 91 12 24 24 | text 3 39 24 4 | text 32 39 24 8 | text 62 39 24 8 | text 91 39 24 4 | title 1 4 47 5", "canvas_width": 1024, "canvas_height": 459, "elements": [ { "type": "title", "position": [ 10, 35, 407, 47 ], "completed": false }, { "type": "image", "position": [ 30, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 281, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 532, 109, 211, 211 ], "completed": false }, { "type": "image", "position": [ 783, 109, 211, 211 ], "completed": false }, { "type": "text", "position": [ 30, 335, 211, 40 ], "completed": false }, { "type": "text", "position": [ 281, 335, 211, 70 ], "completed": false }, { "type": "text", "position": [ 532, 335, 211, 70 ], "completed": false }, { "type": "text", "position": [ 783, 335, 211, 40 ], "completed": false }, { "type": "description", "position": [ 30, 375, 211, 44 ], "completed": false }, { "type": "description", "position": [ 783, 375, 211, 22 ], "completed": false }, { "type": "description", "position": [ 281, 405, 211, 44 ], "completed": false }, { "type": "description", "position": [ 532, 405, 211, 22 ], "completed": false } ] }, { "text": "#A page for the introduction of WordPress.#The page should have three groups and each one has a title. Above the title, there is a text to show the date when the event happened. There is an image in the middle of the page.", "region_id": "6331", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:title] [el:text] ] ] [el:image [attr:position 'middle'] ] ]", "execution": "multiinfo : image center undefined | { [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 42 0 35 18 | text 2 3 34 8 | text 82 3 28 5 | text 42 24 33 5 | title 2 0 10 1 | title 82 0 7 1 | title 42 20 7 1", "layout_seq_without_completion": "image 42 0 35 18 | text 2 3 34 8 | text 82 3 28 5 | text 42 24 33 5 | title 2 0 10 1 | title 82 0 7 1 | title 42 20 7 1", "plain_layout_seq": "image 42 0 35 18 | text 2 3 34 8 | text 82 3 28 5 | text 42 24 33 5 | title 2 0 10 1 | title 82 0 7 1 | title 42 20 7 1", "canvas_width": 980, "canvas_height": 279, "elements": [ { "type": "image", "position": [ 348, 0, 286, 149 ], "completed": false }, { "type": "title", "position": [ 20, 1, 86, 15 ], "completed": false }, { "type": "title", "position": [ 674, 1, 61, 15 ], "completed": false }, { "type": "text", "position": [ 20, 30, 278, 73 ], "completed": false }, { "type": "text", "position": [ 674, 30, 230, 48 ], "completed": false }, { "type": "title", "position": [ 348, 171, 61, 15 ], "completed": false }, { "type": "text", "position": [ 348, 199, 276, 48 ], "completed": false } ] }, { "text": "#A page to explain some information to users.# On the left of the page, a title of \"craft loyalty-driving experiences\" is placed above three short descriptions which are put on background pictures respectively, and under the descriptions, a button of \"Learn more\" is set. On the right side, a picture is involved.", "region_id": "4861", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'craft loyalty-driving experiences'] [attr:position 'left'] ] [gp:InfoGroup [gattr:repeat '3'] [item [el:background_image [attr:position 'left']] [el:description [attr:size 'small'] [attr:position 'left']] ] ] [el:button [attr:value 'learn more'] [attr:position 'left'] ] [el:image [attr:position 'right'] ] ]", "execution": "multiinfo : button left undefined | image right undefined | title left undefined | { [ background left undefined | description left small ] | [ background left undefined | description left small ] | [ background left undefined | description left small ] }", "layout_seq_with_completion": "background 5 33 51 3 | background 5 39 51 3 | background 5 45 51 7 | button 5 58 18 5 | description 12 46 34 6 | description 12 34 34 2 | description 12 40 39 2 | image 67 11 46 60 | title 5 18 51 11", "layout_seq_without_completion": "background 5 33 51 3 | background 5 39 51 3 | background 5 45 51 7 | button 5 58 18 5 | description 12 46 34 6 | description 12 34 34 2 | description 12 40 39 2 | image 67 11 46 60 | title 5 18 51 11", "plain_layout_seq": "background 5 33 51 3 | background 5 39 51 3 | background 5 45 51 7 | button 5 58 18 5 | description 12 46 34 6 | description 12 34 34 2 | description 12 40 39 2 | image 67 11 46 60 | title 5 18 51 11", "canvas_width": 1024, "canvas_height": 608, "elements": [ { "type": "image", "position": [ 579, 96, 394, 512 ], "completed": false }, { "type": "title", "position": [ 51, 157, 438, 100 ], "completed": false }, { "type": "background", "position": [ 51, 287, 438, 32 ], "completed": false }, { "type": "description", "position": [ 103, 291, 291, 24 ], "completed": false }, { "type": "background", "position": [ 51, 339, 438, 32 ], "completed": false }, { "type": "description", "position": [ 103, 343, 336, 24 ], "completed": false }, { "type": "background", "position": [ 51, 391, 438, 64 ], "completed": false }, { "type": "description", "position": [ 103, 395, 295, 56 ], "completed": false }, { "type": "button", "position": [ 51, 503, 154, 44 ], "completed": false } ] }, { "text": "#A page for showing the collections.# There is one label \"Collections\". Next, there are four parts, and each part includes one image, one label showing the collection's name, and one button for users to learn the detailed info. At the bottom, there is one button for viewing all.", "region_id": "8480", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collections'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:title] [el:button] ] ] [el:button [attr:position 'bottom'] [attr:value 'view all'] ] ]", "execution": "multiinfo : button bottom undefined | title undefined undefined | { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 52 44 14 5 | title 5 1 14 3 | \" [ button 12 37 1 1 | image 5 8 26 26 | title 5 37 5 2 ] | [ button 42 37 1 1 | image 33 8 26 26 | title 33 37 8 2 ] | [ button 70 37 1 1 | image 60 8 26 26 | title 60 37 9 2 ] | [ button 99 37 1 1 | image 87 8 26 26 | title 87 37 10 2 ] \"", "layout_seq_without_completion": "button 52 44 14 5 | title 5 1 14 3 | \" [ button 12 37 1 1 | image 5 8 26 26 | title 5 37 5 2 ] | [ button 42 37 1 1 | image 33 8 26 26 | title 33 37 8 2 ] | [ button 70 37 1 1 | image 60 8 26 26 | title 60 37 9 2 ] | [ button 99 37 1 1 | image 87 8 26 26 | title 87 37 10 2 ] \"", "plain_layout_seq": "button 52 44 14 5 | button 12 37 1 1 | button 42 37 1 1 | button 70 37 1 1 | button 99 37 1 1 | image 5 8 26 26 | image 33 8 26 26 | image 60 8 26 26 | image 87 8 26 26 | title 5 1 14 3 | title 5 37 5 2 | title 33 37 8 2 | title 60 37 9 2 | title 87 37 10 2", "canvas_width": 1024, "canvas_height": 435, "elements": [ { "type": "title", "position": [ 50, 12, 122, 31 ], "completed": false }, { "type": "image", "position": [ 50, 73, 225, 225 ], "completed": false }, { "type": "image", "position": [ 283, 73, 225, 225 ], "completed": false }, { "type": "image", "position": [ 516, 73, 225, 225 ], "completed": false }, { "type": "image", "position": [ 749, 73, 225, 225 ], "completed": false }, { "type": "title", "position": [ 50, 316, 49, 20 ], "completed": false }, { "type": "title", "position": [ 283, 316, 72, 20 ], "completed": false }, { "type": "title", "position": [ 516, 316, 80, 20 ], "completed": false }, { "type": "title", "position": [ 749, 316, 88, 20 ], "completed": false }, { "type": "button", "position": [ 107, 322, 15, 11 ], "completed": false }, { "type": "button", "position": [ 363, 322, 15, 11 ], "completed": false }, { "type": "button", "position": [ 604, 322, 15, 11 ], "completed": false }, { "type": "button", "position": [ 845, 322, 15, 11 ], "completed": false }, { "type": "button", "position": [ 451, 376, 122, 47 ], "completed": false } ] }, { "text": "# A page to introduce a product. # On the page, there should have two parts. There should be a text box and an image in each part. So the user can know the design and technology of the product.", "region_id": "1818", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'Design, Texhnology'] [item [el:text] [el:image]] ] ]", "execution": "multiinfo : { [ image undefined undefined | text undefined undefined ] | [ image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "image 0 0 60 33 | image 60 0 59 33 | text 4 3 12 3 | text 64 3 19 3", "layout_seq_without_completion": "image 0 0 60 33 | image 60 0 59 33 | text 4 3 12 3 | text 64 3 19 3", "plain_layout_seq": "image 0 0 60 33 | image 60 0 59 33 | text 4 3 12 3 | text 64 3 19 3", "canvas_width": 1003, "canvas_height": 279, "elements": [ { "type": "image", "position": [ 0, 0, 502, 279 ], "completed": false }, { "type": "image", "position": [ 502, 0, 501, 279 ], "completed": false }, { "type": "text", "position": [ 36, 26, 102, 31 ], "completed": false }, { "type": "text", "position": [ 537, 26, 167, 31 ], "completed": false } ] }, { "text": "#A page to show the guarantee information to users.# On this page, three groups of information are involved. Each contains an icon placed next to related words.", "region_id": "3705", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 51 3 5 6 | icon 96 4 4 5 | icon 3 4 13 5 | text 18 5 11 1 | text 58 5 15 1 | text 102 5 13 1", "layout_seq_without_completion": "icon 51 3 5 6 | icon 96 4 4 5 | icon 3 4 13 5 | text 18 5 11 1 | text 58 5 15 1 | text 102 5 13 1", "plain_layout_seq": "icon 51 3 5 6 | icon 96 4 4 5 | icon 3 4 13 5 | text 18 5 11 1 | text 58 5 15 1 | text 102 5 13 1", "canvas_width": 1024, "canvas_height": 117, "elements": [ { "type": "icon", "position": [ 441, 32, 45, 52 ], "completed": false }, { "type": "icon", "position": [ 32, 35, 111, 46 ], "completed": false }, { "type": "icon", "position": [ 825, 36, 40, 45 ], "completed": false }, { "type": "text", "position": [ 155, 49, 95, 17 ], "completed": false }, { "type": "text", "position": [ 498, 49, 135, 17 ], "completed": false }, { "type": "text", "position": [ 877, 49, 115, 17 ], "completed": false } ] }, { "text": "# A page to introduce an application TypeScript.# The page should have two groups \"Draw together with your friends\" and \"Written entirely in TypeScript\" and each group has a title and further introduction.", "region_id": "4314", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [gattr:names 'draw together with your friends, written entirely in typescript'] [item [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 1 5 56 9 | description 61 5 56 21 | title 1 0 56 4 | title 61 0 56 4", "layout_seq_without_completion": "description 1 5 56 9 | description 61 5 56 21 | title 1 0 56 4 | title 61 0 56 4", "plain_layout_seq": "description 1 5 56 9 | description 61 5 56 21 | title 1 0 56 4 | title 61 0 56 4", "canvas_width": 960, "canvas_height": 224, "elements": [ { "type": "title", "position": [ 15, 0, 450, 34 ], "completed": false }, { "type": "title", "position": [ 495, 0, 450, 34 ], "completed": false }, { "type": "description", "position": [ 15, 42, 450, 72 ], "completed": false }, { "type": "description", "position": [ 495, 42, 450, 168 ], "completed": false } ] }, { "text": "#A page for showing the business services.# There are three info groups and each one includes one icon, one title, and one label.", "region_id": "3384", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:icon] [el:title] [el:text] ] ] ]", "execution": "multiinfo : { [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 26 3 9 9 | icon 55 3 9 9 | icon 83 3 9 9 | complete image 18 1 26 19 | text 77 18 22 1 | text 19 17 22 1 | text 48 17 22 1 | title 77 15 22 3 | title 19 15 22 1 | title 48 15 22 1", "layout_seq_without_completion": "icon 26 3 9 9 | icon 55 3 9 9 | icon 83 3 9 9 | image 18 1 26 19 | text 77 18 22 1 | text 19 17 22 1 | text 48 17 22 1 | title 77 15 22 3 | title 19 15 22 1 | title 48 15 22 1", "plain_layout_seq": "icon 26 3 9 9 | icon 55 3 9 9 | icon 83 3 9 9 | image 18 1 26 19 | text 77 18 22 1 | text 19 17 22 1 | text 48 17 22 1 | title 77 15 22 3 | title 19 15 22 1 | title 48 15 22 1", "canvas_width": 1024, "canvas_height": 211, "elements": [ { "type": "image", "position": [ 154, 16, 228, 169 ], "completed": true }, { "type": "icon", "position": [ 228, 32, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 472, 32, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 716, 32, 81, 80 ], "completed": false }, { "type": "title", "position": [ 170, 128, 196, 13 ], "completed": false }, { "type": "title", "position": [ 414, 128, 196, 13 ], "completed": false }, { "type": "title", "position": [ 658, 128, 196, 26 ], "completed": false }, { "type": "text", "position": [ 170, 149, 196, 16 ], "completed": false }, { "type": "text", "position": [ 414, 149, 196, 16 ], "completed": false }, { "type": "text", "position": [ 658, 162, 196, 16 ], "completed": false } ] }, { "text": "# A page to introduce the payment solutions of a company. # The page should have a title named \"360-degree Payment Solutions\", and a background image. Then there should have three parts to introduce the payment solutions \"In-store\" \"Online\" and \"Omnichannel\". In each part, there should be a small image, a title, a text box with a short description, and a text link for the user to click for more info.", "region_id": "1994", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'360-degree payment solutions'] ][el:background_image] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'in-store, online, omnichannel'] [item [el:image [attr:size 'small'] ] [el:title] [el:description [attr:size 'small']] [el:link [attr:value'more info'] ] ] ] ]", "execution": "multiinfo : background undefined undefined | title undefined undefined | { [ description undefined small | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined small | link undefined undefined | title undefined undefined ] | [ description undefined small | image undefined small | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 5 11 108 54 | complete image 5 11 35 9 | title 5 11 22 5 | complete title 5 16 35 5 | \" [ description 8 47 21 9 | complete image 5 30 27 35 | image 8 34 7 7 | link 8 58 11 2 | title 8 42 21 4 ] | [ description 40 47 21 9 | complete image 36 30 27 35 | image 40 34 7 7 | link 40 58 11 2 | title 40 42 21 4 ] | [ description 71 47 21 7 | complete image 68 30 27 35 | image 71 34 7 7 | link 71 56 11 2 | title 71 42 21 4 ] \"", "layout_seq_without_completion": "background 5 11 108 54 | image 5 11 35 9 | title 5 11 22 5 | title 5 16 35 5 | \" [ description 8 47 21 9 | image 5 30 27 35 | image 8 34 7 7 | link 8 58 11 2 | title 8 42 21 4 ] | [ description 40 47 21 9 | image 36 30 27 35 | image 40 34 7 7 | link 40 58 11 2 | title 40 42 21 4 ] | [ description 71 47 21 7 | image 68 30 27 35 | image 71 34 7 7 | link 71 56 11 2 | title 71 42 21 4 ] \"", "plain_layout_seq": "background 5 11 108 54 | description 8 47 21 9 | description 40 47 21 9 | description 71 47 21 7 | image 5 11 35 9 | image 5 30 27 35 | image 8 34 7 7 | image 36 30 27 35 | image 40 34 7 7 | image 68 30 27 35 | image 71 34 7 7 | link 8 58 11 2 | link 40 58 11 2 | link 71 56 11 2 | title 5 11 22 5 | title 5 16 35 5 | title 8 42 21 4 | title 40 42 21 4 | title 71 42 21 4", "canvas_width": 1024, "canvas_height": 562, "elements": [ { "type": "title", "position": [ 47, 99, 192, 43 ], "completed": false }, { "type": "background", "position": [ 47, 100, 930, 462 ], "completed": false }, { "type": "image", "position": [ 47, 100, 307, 84 ], "completed": true }, { "type": "title", "position": [ 47, 141, 307, 43 ], "completed": true }, { "type": "image", "position": [ 47, 256, 238, 306 ], "completed": true }, { "type": "image", "position": [ 315, 256, 238, 306 ], "completed": true }, { "type": "image", "position": [ 584, 256, 238, 306 ], "completed": true }, { "type": "image", "position": [ 76, 295, 64, 64 ], "completed": false }, { "type": "image", "position": [ 344, 295, 64, 64 ], "completed": false }, { "type": "image", "position": [ 613, 295, 64, 64 ], "completed": false }, { "type": "title", "position": [ 76, 359, 180, 38 ], "completed": false }, { "type": "title", "position": [ 344, 359, 180, 38 ], "completed": false }, { "type": "title", "position": [ 613, 359, 180, 38 ], "completed": false }, { "type": "description", "position": [ 76, 407, 180, 80 ], "completed": false }, { "type": "description", "position": [ 344, 407, 180, 80 ], "completed": false }, { "type": "description", "position": [ 613, 407, 180, 60 ], "completed": false }, { "type": "link", "position": [ 613, 483, 95, 19 ], "completed": false }, { "type": "link", "position": [ 76, 503, 95, 19 ], "completed": false }, { "type": "link", "position": [ 344, 503, 95, 19 ], "completed": false } ] }, { "text": "#A page for introducing the 2022 Annual general meeting to users.# The page should include two parts of the content. Each part contains an image, one title, and a link for users to learn more information.", "region_id": "1441", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'2'] [item [el:image] [el:title] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : { [ image undefined undefined | link undefined undefined | title undefined undefined ] | [ image undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete description 12 67 37 18 | image 4 10 54 40 | complete image 4 10 54 90 | link 15 89 28 2 | title 12 58 37 4 ] | [ complete description 69 71 37 12 | image 61 10 54 40 | complete image 61 10 54 90 | link 73 88 11 2 | title 69 58 37 8 ] \"", "layout_seq_without_completion": "\" [ description 12 67 37 18 | image 4 10 54 40 | image 4 10 54 90 | link 15 89 28 2 | title 12 58 37 4 ] | [ description 69 71 37 12 | image 61 10 54 40 | image 61 10 54 90 | link 73 88 11 2 | title 69 58 37 8 ] \"", "plain_layout_seq": "description 12 67 37 18 | description 69 71 37 12 | image 4 10 54 40 | image 4 10 54 90 | image 61 10 54 40 | image 61 10 54 90 | link 15 89 28 2 | link 73 88 11 2 | title 12 58 37 4 | title 69 58 37 8", "canvas_width": 1024, "canvas_height": 950, "elements": [ { "type": "image", "position": [ 35, 90, 462, 347 ], "completed": false }, { "type": "image", "position": [ 35, 90, 462, 770 ], "completed": true }, { "type": "image", "position": [ 527, 90, 462, 347 ], "completed": false }, { "type": "image", "position": [ 527, 90, 462, 770 ], "completed": true }, { "type": "title", "position": [ 105, 500, 322, 38 ], "completed": false }, { "type": "title", "position": [ 597, 500, 322, 75 ], "completed": false }, { "type": "description", "position": [ 105, 574, 322, 154 ], "completed": true }, { "type": "description", "position": [ 597, 612, 322, 103 ], "completed": true }, { "type": "link", "position": [ 623, 754, 95, 22 ], "completed": false }, { "type": "link", "position": [ 131, 767, 246, 22 ], "completed": false } ] }, { "text": "#A page for introducing different customers to users.# The page should include one title and twelve logos of different companies such as \"Microsoft\", and \"VMware\". At the bottom, a button should be provided for users to click to see more customers.", "region_id": "459", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '12'] [gattr:names 'Microsoft, VMware'] [item [el:logo]] ] [el:button [attr:position'bottom'] [attr:value'see more customers'] ] ]", "execution": "multiinfo : button bottom undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 51 | button 48 39 22 4 | title 5 7 108 4 | \" [ logo 25 17 13 5 ] | [ logo 6 18 13 3 ] | [ logo 61 18 15 4 ] | [ logo 100 18 12 4 ] | [ logo 43 19 15 1 ] | [ logo 80 19 15 2 ] | [ logo 24 29 14 4 ] | [ logo 63 29 11 3 ] | [ logo 99 29 15 3 ] | [ logo 5 30 14 2 ] | [ logo 43 30 15 1 ] | [ logo 80 30 15 2 ] \"", "layout_seq_without_completion": "background 0 0 120 51 | button 48 39 22 4 | title 5 7 108 4 | \" [ logo 25 17 13 5 ] | [ logo 6 18 13 3 ] | [ logo 61 18 15 4 ] | [ logo 100 18 12 4 ] | [ logo 43 19 15 1 ] | [ logo 80 19 15 2 ] | [ logo 24 29 14 4 ] | [ logo 63 29 11 3 ] | [ logo 99 29 15 3 ] | [ logo 5 30 14 2 ] | [ logo 43 30 15 1 ] | [ logo 80 30 15 2 ] \"", "plain_layout_seq": "background 0 0 120 51 | button 48 39 22 4 | logo 25 17 13 5 | logo 6 18 13 3 | logo 61 18 15 4 | logo 100 18 12 4 | logo 43 19 15 1 | logo 80 19 15 2 | logo 24 29 14 4 | logo 63 29 11 3 | logo 99 29 15 3 | logo 5 30 14 2 | logo 43 30 15 1 | logo 80 30 15 2 | title 5 7 108 4", "canvas_width": 1024, "canvas_height": 440, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 440 ], "completed": true }, { "type": "title", "position": [ 48, 64, 928, 40 ], "completed": false }, { "type": "logo", "position": [ 214, 152, 115, 48 ], "completed": false }, { "type": "logo", "position": [ 528, 157, 128, 38 ], "completed": false }, { "type": "logo", "position": [ 859, 158, 107, 36 ], "completed": false }, { "type": "logo", "position": [ 53, 160, 118, 32 ], "completed": false }, { "type": "logo", "position": [ 688, 166, 128, 21 ], "completed": false }, { "type": "logo", "position": [ 368, 169, 128, 16 ], "completed": false }, { "type": "logo", "position": [ 211, 248, 121, 40 ], "completed": false }, { "type": "logo", "position": [ 543, 252, 98, 32 ], "completed": false }, { "type": "logo", "position": [ 848, 255, 128, 27 ], "completed": false }, { "type": "logo", "position": [ 50, 257, 123, 24 ], "completed": false }, { "type": "logo", "position": [ 688, 258, 128, 22 ], "completed": false }, { "type": "logo", "position": [ 368, 262, 128, 13 ], "completed": false }, { "type": "button", "position": [ 416, 336, 192, 40 ], "completed": false } ] }, { "text": "# A page for presenting the featured collections of an online store.# The page should have the title \"FEATURED COLLECTIONS\" and four groups of collections \"Latest Additions\" \"Shop Knitwear\" \"Shop Dresses\", and \"Shop Accessories\" with each having an image with a title on it.", "region_id": "8068", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'featured collections'] ] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'latest additions, shop knitwear, shop dresses, shop accessories'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 24 24 7 | title 34 24 24 7 | title 61 25 24 3 | title 89 24 24 7 | title 6 6 107 2", "layout_seq_without_completion": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 24 24 7 | title 34 24 24 7 | title 61 25 24 3 | title 89 24 24 7 | title 6 6 107 2", "plain_layout_seq": "image 6 15 24 24 | image 34 15 24 24 | image 61 15 24 24 | image 89 15 24 24 | title 6 24 24 7 | title 34 24 24 7 | title 61 25 24 3 | title 89 24 24 7 | title 6 6 107 2", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "title", "position": [ 55, 55, 914, 24 ], "completed": false }, { "type": "image", "position": [ 55, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 291, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 527, 134, 206, 206 ], "completed": false }, { "type": "image", "position": [ 763, 134, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 205, 206, 62 ], "completed": false }, { "type": "title", "position": [ 291, 205, 206, 62 ], "completed": false }, { "type": "title", "position": [ 763, 205, 206, 62 ], "completed": false }, { "type": "title", "position": [ 527, 221, 206, 31 ], "completed": false } ] }, { "text": "#A page marketing Airbus team.# There should be an attractive title named \"Join the Airbus team\". Also, there should be two information sets, with each set containing two text boxes, which are instructions, an image, and a link, which directs the user to detailed information.", "region_id": "619", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'join the airbus team'] ] [gp:InfoGroup [gattr:repeat '2'] [item [el:text [attr:repeat '2'] ] [el:image] [el:link [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined ] | [ image undefined undefined | link undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 2 0 116 5 | \" [ image 2 14 56 41 | link 3 38 10 5 | text 3 26 38 4 | text 3 33 38 3 ] | [ image 61 14 56 41 | link 62 42 12 5 | text 62 22 38 4 | text 62 29 38 10 ] \"", "layout_seq_without_completion": "title 2 0 116 5 | \" [ image 2 14 56 41 | link 3 38 10 5 | text 3 26 38 4 | text 3 33 38 3 ] | [ image 61 14 56 41 | link 62 42 12 5 | text 62 22 38 4 | text 62 29 38 10 ] \"", "plain_layout_seq": "image 2 14 56 41 | image 61 14 56 41 | link 3 38 10 5 | link 62 42 12 5 | text 3 26 38 4 | text 3 33 38 3 | text 62 22 38 4 | text 62 29 38 10 | title 2 0 116 5", "canvas_width": 960, "canvas_height": 493, "elements": [ { "type": "title", "position": [ 16, 0, 928, 45 ], "completed": false }, { "type": "image", "position": [ 16, 115, 452, 330 ], "completed": false }, { "type": "image", "position": [ 492, 115, 452, 330 ], "completed": false }, { "type": "text", "position": [ 502, 182, 308, 38 ], "completed": false }, { "type": "text", "position": [ 26, 210, 308, 38 ], "completed": false }, { "type": "text", "position": [ 502, 236, 308, 86 ], "completed": false }, { "type": "text", "position": [ 26, 264, 308, 29 ], "completed": false }, { "type": "link", "position": [ 26, 309, 80, 40 ], "completed": false }, { "type": "link", "position": [ 502, 338, 102, 40 ], "completed": false } ] }, { "text": "#A page for showing the story by four characters.#A page has four groups and each group has an image and a description. There is the same link in each group, \"read the story\".", "region_id": "2523", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description] [el:link [attr:value 'read the story'] ] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] | [ description undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 94 20 25 15 | description 0 36 25 19 | description 31 20 25 15 | description 63 36 25 15 | image 0 0 25 33 | image 31 0 25 16 | image 63 0 25 33 | image 94 0 25 16 | link 0 57 25 3 | link 94 37 25 3 | link 31 37 25 3 | link 63 54 25 3", "layout_seq_without_completion": "description 94 20 25 15 | description 0 36 25 19 | description 31 20 25 15 | description 63 36 25 15 | image 0 0 25 33 | image 31 0 25 16 | image 63 0 25 33 | image 94 0 25 16 | link 0 57 25 3 | link 94 37 25 3 | link 31 37 25 3 | link 63 54 25 3", "plain_layout_seq": "description 94 20 25 15 | description 0 36 25 19 | description 31 20 25 15 | description 63 36 25 15 | image 0 0 25 33 | image 31 0 25 16 | image 63 0 25 33 | image 94 0 25 16 | link 0 57 25 3 | link 94 37 25 3 | link 31 37 25 3 | link 63 54 25 3", "canvas_width": 880, "canvas_height": 449, "elements": [ { "type": "image", "position": [ 0, 0, 184, 245 ], "completed": false }, { "type": "image", "position": [ 232, 0, 184, 123 ], "completed": false }, { "type": "image", "position": [ 464, 0, 184, 245 ], "completed": false }, { "type": "image", "position": [ 696, 0, 184, 123 ], "completed": false }, { "type": "description", "position": [ 232, 147, 184, 112 ], "completed": false }, { "type": "description", "position": [ 696, 147, 184, 112 ], "completed": false }, { "type": "description", "position": [ 0, 269, 184, 140 ], "completed": false }, { "type": "description", "position": [ 464, 269, 184, 112 ], "completed": false }, { "type": "link", "position": [ 232, 275, 184, 24 ], "completed": false }, { "type": "link", "position": [ 696, 275, 184, 24 ], "completed": false }, { "type": "link", "position": [ 464, 397, 184, 24 ], "completed": false }, { "type": "link", "position": [ 0, 425, 184, 24 ], "completed": false } ] }, { "text": "#A page for introducing some leaders in sales.# There should be one title\"Leading by example\" and three icons, and each of them is followed by one description and one button for learning more.", "region_id": "430", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'leading by example'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:icon] [el:description] [el:button [attr:value'read more'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | description undefined undefined | icon undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "title 4 13 110 7 | \" [ button 16 57 9 2 | description 4 45 33 5 | icon 14 29 14 14 ] | [ button 54 57 11 2 | description 43 45 33 8 | icon 52 29 14 14 ] | [ button 93 57 9 2 | description 81 45 33 8 | icon 91 29 14 14 ] \"", "layout_seq_without_completion": "title 4 13 110 7 | \" [ button 16 57 9 2 | description 4 45 33 5 | icon 14 29 14 14 ] | [ button 54 57 11 2 | description 43 45 33 8 | icon 52 29 14 14 ] | [ button 93 57 9 2 | description 81 45 33 8 | icon 91 29 14 14 ] \"", "plain_layout_seq": "button 16 57 9 2 | button 54 57 11 2 | button 93 57 9 2 | description 4 45 33 5 | description 43 45 33 8 | description 81 45 33 8 | icon 14 29 14 14 | icon 52 29 14 14 | icon 91 29 14 14 | title 4 13 110 7", "canvas_width": 1024, "canvas_height": 696, "elements": [ { "type": "title", "position": [ 42, 112, 940, 64 ], "completed": false }, { "type": "icon", "position": [ 125, 248, 120, 120 ], "completed": false }, { "type": "icon", "position": [ 452, 248, 120, 120 ], "completed": false }, { "type": "icon", "position": [ 779, 248, 120, 120 ], "completed": false }, { "type": "description", "position": [ 42, 392, 287, 48 ], "completed": false }, { "type": "description", "position": [ 369, 392, 287, 72 ], "completed": false }, { "type": "description", "position": [ 695, 392, 287, 72 ], "completed": false }, { "type": "button", "position": [ 145, 489, 80, 21 ], "completed": false }, { "type": "button", "position": [ 464, 489, 97, 21 ], "completed": false }, { "type": "button", "position": [ 799, 489, 80, 21 ], "completed": false } ] }, { "text": "#A page for introducing some leaders in sales.# There should be one text box for the title and three images showing the logo, and each of them is followed by one text box and one text button.", "region_id": "430_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:logo] [el:text] [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] | [ button undefined undefined | logo undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "title 4 13 110 7 | \" [ button 16 57 9 2 | logo 14 29 14 14 | text 4 45 33 5 ] | [ button 54 57 11 2 | logo 52 29 14 14 | text 43 45 33 8 ] | [ button 93 57 9 2 | logo 91 29 14 14 | text 81 45 33 8 ] \"", "layout_seq_without_completion": "title 4 13 110 7 | \" [ button 16 57 9 2 | logo 14 29 14 14 | text 4 45 33 5 ] | [ button 54 57 11 2 | logo 52 29 14 14 | text 43 45 33 8 ] | [ button 93 57 9 2 | logo 91 29 14 14 | text 81 45 33 8 ] \"", "plain_layout_seq": "button 16 57 9 2 | button 54 57 11 2 | button 93 57 9 2 | logo 14 29 14 14 | logo 52 29 14 14 | logo 91 29 14 14 | text 4 45 33 5 | text 43 45 33 8 | text 81 45 33 8 | title 4 13 110 7", "canvas_width": 1024, "canvas_height": 696, "elements": [ { "type": "title", "position": [ 42, 112, 940, 64 ], "completed": false }, { "type": "logo", "position": [ 125, 248, 120, 120 ], "completed": false }, { "type": "logo", "position": [ 452, 248, 120, 120 ], "completed": false }, { "type": "logo", "position": [ 779, 248, 120, 120 ], "completed": false }, { "type": "text", "position": [ 42, 392, 287, 48 ], "completed": false }, { "type": "text", "position": [ 369, 392, 287, 72 ], "completed": false }, { "type": "text", "position": [ 695, 392, 287, 72 ], "completed": false }, { "type": "button", "position": [ 145, 489, 80, 21 ], "completed": false }, { "type": "button", "position": [ 464, 489, 97, 21 ], "completed": false }, { "type": "button", "position": [ 799, 489, 80, 21 ], "completed": false } ] }, { "text": "#A page for introducing a tool giving support when users need it.# The page should include one title on the left and three scenarios for users to click such as \"View our global\", \"Apply for a job\", and \"Access your account\". A button is also needed for users to find help.", "region_id": "1675", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'left'] ] [gp:InfoGroup [gattr:repeat'3'] [gattr:names'view our global, apply for a job, access your account'] [item [el:link] ] ] [el:button [attr:value'find help'] ] ]", "execution": "multiinfo : button undefined undefined | title left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 5 18 11 2 | link 33 7 25 14 | link 89 7 25 14 | link 61 7 25 14 | title 5 7 25 9", "layout_seq_without_completion": "button 5 18 11 2 | link 33 7 25 14 | link 89 7 25 14 | link 61 7 25 14 | title 5 7 25 9", "plain_layout_seq": "button 5 18 11 2 | link 33 7 25 14 | link 89 7 25 14 | link 61 7 25 14 | title 5 7 25 9", "canvas_width": 944, "canvas_height": 182, "elements": [ { "type": "title", "position": [ 40, 60, 201, 72 ], "completed": false }, { "type": "link", "position": [ 261, 60, 201, 112 ], "completed": false }, { "type": "link", "position": [ 482, 60, 201, 112 ], "completed": false }, { "type": "link", "position": [ 703, 60, 201, 112 ], "completed": false }, { "type": "button", "position": [ 40, 147, 90, 18 ], "completed": false } ] }, { "text": "#A page showing three videos.# There are three combinations: each combination is comprised of one image, one icon for playing the video, and a link of the video name .", "region_id": "824", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:icon [attr:value 'play video']] [el:link] ]] ]", "execution": "multiinfo : { [ icon undefined undefined | image undefined undefined | link undefined undefined ] | [ icon undefined undefined | image undefined undefined | link undefined undefined ] | [ icon undefined undefined | image undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 18 7 2 2 | image 0 0 37 20 | complete image 15 5 6 6 | link 1 24 27 5 ] | [ icon 59 7 2 2 | image 41 0 37 20 | complete image 57 5 6 6 | link 43 24 29 5 ] | [ icon 101 7 2 2 | complete image 98 5 6 6 | image 82 0 37 20 | link 84 24 17 2 ] \"", "layout_seq_without_completion": "\" [ icon 18 7 2 2 | image 0 0 37 20 | image 15 5 6 6 | link 1 24 27 5 ] | [ icon 59 7 2 2 | image 41 0 37 20 | image 57 5 6 6 | link 43 24 29 5 ] | [ icon 101 7 2 2 | image 98 5 6 6 | image 82 0 37 20 | link 84 24 17 2 ] \"", "plain_layout_seq": "icon 18 7 2 2 | icon 59 7 2 2 | icon 101 7 2 2 | image 0 0 37 20 | image 15 5 6 6 | image 41 0 37 20 | image 57 5 6 6 | image 98 5 6 6 | image 82 0 37 20 | link 1 24 27 5 | link 43 24 29 5 | link 84 24 17 2", "canvas_width": 913, "canvas_height": 269, "elements": [ { "type": "image", "position": [ 0, 0, 284, 159 ], "completed": false }, { "type": "image", "position": [ 314, 0, 284, 159 ], "completed": false }, { "type": "image", "position": [ 629, 0, 284, 159 ], "completed": false }, { "type": "image", "position": [ 121, 44, 50, 50 ], "completed": true }, { "type": "image", "position": [ 436, 44, 50, 50 ], "completed": true }, { "type": "image", "position": [ 750, 44, 50, 50 ], "completed": true }, { "type": "icon", "position": [ 141, 60, 16, 19 ], "completed": false }, { "type": "icon", "position": [ 455, 60, 16, 19 ], "completed": false }, { "type": "icon", "position": [ 769, 60, 16, 19 ], "completed": false }, { "type": "link", "position": [ 15, 183, 207, 39 ], "completed": false }, { "type": "link", "position": [ 329, 183, 226, 39 ], "completed": false }, { "type": "link", "position": [ 644, 183, 132, 19 ], "completed": false } ] }, { "text": "# A page for presenting the collections of an online shop. # The page should have one title \"COLLECTION\" and three categories: \"Apparel\" \"Accessories\", and \"Home & Living\". In each category, there should have an image with a title on it.", "region_id": "8263", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'collection'] ] [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'apparel, accessories, home & living'] [item [el:image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "image 80 15 33 33 | image 6 15 33 33 | image 43 15 33 33 | title 80 30 33 4 | title 43 30 33 4 | title 6 30 33 4 | title 6 6 107 3", "layout_seq_without_completion": "image 80 15 33 33 | image 6 15 33 33 | image 43 15 33 33 | title 80 30 33 4 | title 43 30 33 4 | title 6 30 33 4 | title 6 6 107 3", "plain_layout_seq": "image 80 15 33 33 | image 6 15 33 33 | image 43 15 33 33 | title 80 30 33 4 | title 43 30 33 4 | title 6 30 33 4 | title 6 6 107 3", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "title", "position": [ 55, 53, 914, 28 ], "completed": false }, { "type": "image", "position": [ 55, 134, 285, 285 ], "completed": false }, { "type": "image", "position": [ 370, 134, 285, 285 ], "completed": false }, { "type": "image", "position": [ 684, 134, 285, 285 ], "completed": false }, { "type": "title", "position": [ 55, 258, 285, 36 ], "completed": false }, { "type": "title", "position": [ 370, 258, 285, 36 ], "completed": false }, { "type": "title", "position": [ 684, 258, 285, 36 ], "completed": false } ] }, { "text": "#A page showing some plants.# The page should contain four information sets. Each group includes a background image and two titles.", "region_id": "4575", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '4'] [item [el:background_image] [el:title [attr:repeat '2'] ] ] ] ]", "execution": "multiinfo : { [ background undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ background 0 0 60 59 | title 1 49 26 6 | title 1 54 27 2 ] | [ background 60 0 60 59 | title 61 49 22 6 | title 61 54 25 2 ] | [ background 0 59 60 59 | title 1 113 23 2 | title 1 108 23 6 ] | [ background 60 59 60 59 | title 61 108 32 6 | title 61 113 32 2 ] \"", "layout_seq_without_completion": "\" [ background 0 0 60 59 | title 1 49 26 6 | title 1 54 27 2 ] | [ background 60 0 60 59 | title 61 49 22 6 | title 61 54 25 2 ] | [ background 0 59 60 59 | title 1 113 23 2 | title 1 108 23 6 ] | [ background 60 59 60 59 | title 61 108 32 6 | title 61 113 32 2 ] \"", "plain_layout_seq": "background 0 0 60 59 | background 60 0 60 59 | background 0 59 60 59 | background 60 59 60 59 | title 1 49 26 6 | title 1 54 27 2 | title 61 49 22 6 | title 61 54 25 2 | title 1 113 23 2 | title 1 108 23 6 | title 61 108 32 6 | title 61 113 32 2", "canvas_width": 922, "canvas_height": 910, "elements": [ { "type": "background", "position": [ 0, 0, 461, 455 ], "completed": false }, { "type": "background", "position": [ 461, 0, 461, 455 ], "completed": false }, { "type": "title", "position": [ 15, 381, 203, 51 ], "completed": false }, { "type": "title", "position": [ 476, 381, 172, 51 ], "completed": false }, { "type": "title", "position": [ 15, 418, 213, 22 ], "completed": false }, { "type": "title", "position": [ 476, 418, 193, 22 ], "completed": false }, { "type": "background", "position": [ 0, 455, 461, 455 ], "completed": false }, { "type": "background", "position": [ 461, 455, 461, 455 ], "completed": false }, { "type": "title", "position": [ 15, 836, 178, 51 ], "completed": false }, { "type": "title", "position": [ 476, 836, 247, 51 ], "completed": false }, { "type": "title", "position": [ 15, 873, 178, 22 ], "completed": false }, { "type": "title", "position": [ 476, 873, 247, 22 ], "completed": false } ] }, { "text": "#A page for introducing the projects to users.# The page should include one title and a brief description on the top. Under it, there should be three parts of the project. Each part contains a background image, one title, and a short introduction. At the bottom, there should be a button for users to click for the projects list.", "region_id": "2023", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [el:description [attr:size'small'] [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'3'] [item [el:background_image] [el:title] [el:description [attr:size'small'] ] ] ] [el:button [attr:value'projects list'] [attr:position'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | description top small | title top undefined | { [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] | [ background undefined undefined | description undefined small | title undefined undefined ] }", "layout_seq_with_completion": "background 43 33 32 20 | background 79 33 32 20 | background 8 33 32 20 | complete button 110 40 4 4 | complete button 5 40 4 4 | button 50 62 20 5 | description 6 16 106 11 | description 82 45 24 3 | description 11 43 29 5 | description 47 45 22 3 | complete text 51 55 17 1 | title 11 36 25 4 | title 47 36 25 4 | title 82 36 25 8 | title 6 6 106 4", "layout_seq_without_completion": "background 43 33 32 20 | background 79 33 32 20 | background 8 33 32 20 | button 110 40 4 4 | button 5 40 4 4 | button 50 62 20 5 | description 6 16 106 11 | description 82 45 24 3 | description 11 43 29 5 | description 47 45 22 3 | text 51 55 17 1 | title 11 36 25 4 | title 47 36 25 4 | title 82 36 25 8 | title 6 6 106 4", "plain_layout_seq": "background 43 33 32 20 | background 79 33 32 20 | background 8 33 32 20 | button 110 40 4 4 | button 5 40 4 4 | button 50 62 20 5 | description 6 16 106 11 | description 82 45 24 3 | description 11 43 29 5 | description 47 45 22 3 | text 51 55 17 1 | title 11 36 25 4 | title 47 36 25 4 | title 82 36 25 8 | title 6 6 106 4", "canvas_width": 1024, "canvas_height": 632, "elements": [ { "type": "title", "position": [ 57, 57, 910, 40 ], "completed": false }, { "type": "description", "position": [ 57, 139, 910, 101 ], "completed": false }, { "type": "background", "position": [ 71, 283, 276, 171 ], "completed": false }, { "type": "background", "position": [ 375, 283, 276, 171 ], "completed": false }, { "type": "background", "position": [ 679, 283, 276, 171 ], "completed": false }, { "type": "title", "position": [ 99, 311, 219, 35 ], "completed": false }, { "type": "title", "position": [ 403, 311, 219, 35 ], "completed": false }, { "type": "title", "position": [ 707, 311, 219, 69 ], "completed": false }, { "type": "button", "position": [ 43, 348, 40, 40 ], "completed": true }, { "type": "button", "position": [ 942, 348, 40, 40 ], "completed": true }, { "type": "description", "position": [ 99, 374, 248, 51 ], "completed": false }, { "type": "description", "position": [ 403, 391, 189, 34 ], "completed": false }, { "type": "description", "position": [ 707, 391, 207, 34 ], "completed": false }, { "type": "text", "position": [ 437, 473, 150, 16 ], "completed": true }, { "type": "button", "position": [ 427, 530, 171, 46 ], "completed": false } ] }, { "text": "#A page for showing the work content of one company.# The page has three parts, showing the identity, federation, and market solutions. Each of them includes one title, one logo, and one description.", "region_id": "494", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'identity, federation, market solutions'] [item [el:title] [el:logo] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] | [ description undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ description 5 18 30 8 | complete image 2 0 36 34 | logo 5 3 7 7 | title 5 12 30 3 ] | [ description 44 18 30 8 | complete image 41 0 36 34 | logo 44 3 7 7 | title 44 12 30 3 ] | [ description 84 18 30 8 | complete image 80 0 36 34 | logo 84 3 7 7 | title 84 12 30 3 ] \"", "layout_seq_without_completion": "\" [ description 5 18 30 8 | image 2 0 36 34 | logo 5 3 7 7 | title 5 12 30 3 ] | [ description 44 18 30 8 | image 41 0 36 34 | logo 44 3 7 7 | title 44 12 30 3 ] | [ description 84 18 30 8 | image 80 0 36 34 | logo 84 3 7 7 | title 84 12 30 3 ] \"", "plain_layout_seq": "description 5 18 30 8 | description 44 18 30 8 | description 84 18 30 8 | image 2 0 36 34 | image 41 0 36 34 | image 80 0 36 34 | logo 5 3 7 7 | logo 44 3 7 7 | logo 84 3 7 7 | title 5 12 30 3 | title 44 12 30 3 | title 84 12 30 3", "canvas_width": 1024, "canvas_height": 372, "elements": [ { "type": "image", "position": [ 24, 0, 309, 292 ], "completed": true }, { "type": "image", "position": [ 357, 0, 309, 292 ], "completed": true }, { "type": "image", "position": [ 691, 0, 309, 292 ], "completed": true }, { "type": "logo", "position": [ 50, 26, 62, 62 ], "completed": false }, { "type": "logo", "position": [ 383, 26, 62, 62 ], "completed": false }, { "type": "logo", "position": [ 717, 26, 62, 62 ], "completed": false }, { "type": "title", "position": [ 50, 108, 257, 26 ], "completed": false }, { "type": "title", "position": [ 383, 108, 257, 26 ], "completed": false }, { "type": "title", "position": [ 717, 108, 257, 26 ], "completed": false }, { "type": "description", "position": [ 50, 154, 257, 72 ], "completed": false }, { "type": "description", "position": [ 383, 154, 257, 72 ], "completed": false }, { "type": "description", "position": [ 717, 154, 257, 72 ], "completed": false } ] }, { "text": "#A page for showing the work content of one company.# Three texts divide the page into three parts, showing the identity, federation, and market solutions. Each of them includes one text box and two texts.", "region_id": "494_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'identity, federation, market solutions'] [item [el:text [attr:repeat'3'] ] ] ] ]", "execution": "multiinfo : { [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ complete image 2 0 36 34 | text 5 18 30 8 | text 5 3 7 7 | text 5 12 30 3 ] | [ complete image 41 0 36 34 | text 44 18 30 8 | text 44 3 7 7 | text 44 12 30 3 ] | [ complete image 80 0 36 34 | text 84 18 30 8 | text 84 3 7 7 | text 84 12 30 3 ] \"", "layout_seq_without_completion": "\" [ image 2 0 36 34 | text 5 18 30 8 | text 5 3 7 7 | text 5 12 30 3 ] | [ image 41 0 36 34 | text 44 18 30 8 | text 44 3 7 7 | text 44 12 30 3 ] | [ image 80 0 36 34 | text 84 18 30 8 | text 84 3 7 7 | text 84 12 30 3 ] \"", "plain_layout_seq": "image 2 0 36 34 | image 41 0 36 34 | image 80 0 36 34 | text 5 18 30 8 | text 5 3 7 7 | text 5 12 30 3 | text 44 18 30 8 | text 44 3 7 7 | text 44 12 30 3 | text 84 18 30 8 | text 84 3 7 7 | text 84 12 30 3", "canvas_width": 1024, "canvas_height": 372, "elements": [ { "type": "image", "position": [ 24, 0, 309, 292 ], "completed": true }, { "type": "image", "position": [ 357, 0, 309, 292 ], "completed": true }, { "type": "image", "position": [ 691, 0, 309, 292 ], "completed": true }, { "type": "text", "position": [ 50, 26, 62, 62 ], "completed": false }, { "type": "text", "position": [ 383, 26, 62, 62 ], "completed": false }, { "type": "text", "position": [ 717, 26, 62, 62 ], "completed": false }, { "type": "text", "position": [ 50, 108, 257, 26 ], "completed": false }, { "type": "text", "position": [ 383, 108, 257, 26 ], "completed": false }, { "type": "text", "position": [ 717, 108, 257, 26 ], "completed": false }, { "type": "text", "position": [ 50, 154, 257, 72 ], "completed": false }, { "type": "text", "position": [ 383, 154, 257, 72 ], "completed": false }, { "type": "text", "position": [ 717, 154, 257, 72 ], "completed": false } ] }, { "text": "#A page for introducing the featured news to users.# The page should include one title and three parts of the news. Each part contains a picture, one title, and a brief description. Besides, a website link is needed for users to click for further information.", "region_id": "1274", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'3'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] [el:link [attr:value'read more'] ] ]", "execution": "multiinfo : link undefined undefined | title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 5 41 35 22 | description 42 47 35 22 | description 79 44 35 11 | image 5 13 35 19 | image 42 13 35 19 | image 79 13 35 19 | link 91 7 23 2 | complete link 5 65 28 2 | complete link 42 70 26 5 | complete link 79 56 26 2 | title 5 34 31 5 | title 42 34 33 11 | title 79 34 32 8 | title 5 5 36 5", "layout_seq_without_completion": "description 5 41 35 22 | description 42 47 35 22 | description 79 44 35 11 | image 5 13 35 19 | image 42 13 35 19 | image 79 13 35 19 | link 91 7 23 2 | link 5 65 28 2 | link 42 70 26 5 | link 79 56 26 2 | title 5 34 31 5 | title 42 34 33 11 | title 79 34 32 8 | title 5 5 36 5", "plain_layout_seq": "description 5 41 35 22 | description 42 47 35 22 | description 79 44 35 11 | image 5 13 35 19 | image 42 13 35 19 | image 79 13 35 19 | link 91 7 23 2 | link 5 65 28 2 | link 42 70 26 5 | link 79 56 26 2 | title 5 34 31 5 | title 42 34 33 11 | title 79 34 32 8 | title 5 5 36 5", "canvas_width": 939, "canvas_height": 649, "elements": [ { "type": "title", "position": [ 40, 40, 284, 42 ], "completed": false }, { "type": "link", "position": [ 714, 59, 185, 22 ], "completed": false }, { "type": "image", "position": [ 40, 107, 276, 155 ], "completed": false }, { "type": "image", "position": [ 332, 107, 276, 155 ], "completed": false }, { "type": "image", "position": [ 623, 107, 276, 155 ], "completed": false }, { "type": "title", "position": [ 40, 271, 248, 46 ], "completed": false }, { "type": "title", "position": [ 332, 271, 260, 90 ], "completed": false }, { "type": "title", "position": [ 623, 271, 252, 68 ], "completed": false }, { "type": "description", "position": [ 40, 324, 276, 176 ], "completed": false }, { "type": "description", "position": [ 623, 346, 276, 88 ], "completed": false }, { "type": "description", "position": [ 332, 368, 276, 176 ], "completed": false }, { "type": "link", "position": [ 623, 443, 206, 20 ], "completed": true }, { "type": "link", "position": [ 40, 509, 222, 20 ], "completed": true }, { "type": "link", "position": [ 332, 553, 211, 42 ], "completed": true } ] }, { "text": "# A page showing three functions. # The page should have three groups: \"Safety Score Card\" \"Encryption Status\", and \"Website Location\". In each group, there should have a small image, a title, and a further introduction.", "region_id": "4775", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [gattr:names 'safety score card, encryption status, website location'] [item [el:image [attr:size 'small'] ] [el:title] [el:description] ] ] ]", "execution": "multiinfo : { [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] | [ description undefined undefined | image undefined small | title undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 0 3 38 33 | description 4 26 30 5 | image 15 7 7 7 | title 7 20 24 3 ] | [ complete background 40 3 38 33 | description 44 26 30 5 | image 56 7 7 7 | title 47 20 24 3 ] | [ complete background 81 3 38 33 | description 85 26 30 5 | image 96 7 7 7 | title 88 20 24 3 ] \"", "layout_seq_without_completion": "\" [ background 0 3 38 33 | description 4 26 30 5 | image 15 7 7 7 | title 7 20 24 3 ] | [ background 40 3 38 33 | description 44 26 30 5 | image 56 7 7 7 | title 47 20 24 3 ] | [ background 81 3 38 33 | description 85 26 30 5 | image 96 7 7 7 | title 88 20 24 3 ] \"", "plain_layout_seq": "background 0 3 38 33 | background 40 3 38 33 | background 81 3 38 33 | description 4 26 30 5 | description 44 26 30 5 | description 85 26 30 5 | image 15 7 7 7 | image 56 7 7 7 | image 96 7 7 7 | title 7 20 24 3 | title 47 20 24 3 | title 88 20 24 3", "canvas_width": 974, "canvas_height": 295, "elements": [ { "type": "background", "position": [ 0, 25, 315, 270 ], "completed": true }, { "type": "background", "position": [ 330, 25, 315, 270 ], "completed": true }, { "type": "background", "position": [ 659, 25, 315, 270 ], "completed": true }, { "type": "image", "position": [ 127, 60, 61, 61 ], "completed": false }, { "type": "image", "position": [ 456, 60, 61, 61 ], "completed": false }, { "type": "image", "position": [ 786, 60, 61, 61 ], "completed": false }, { "type": "title", "position": [ 57, 166, 201, 29 ], "completed": false }, { "type": "title", "position": [ 388, 166, 197, 29 ], "completed": false }, { "type": "title", "position": [ 719, 166, 195, 29 ], "completed": false }, { "type": "description", "position": [ 35, 212, 245, 42 ], "completed": false }, { "type": "description", "position": [ 365, 212, 245, 48 ], "completed": false }, { "type": "description", "position": [ 694, 212, 245, 48 ], "completed": false } ] }, { "text": "#A page for prompting the accepted payments.# There is one label\"Accepted Payments\". Below is a list of icons for twelve different payment methods.", "region_id": "6803", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value 'accepted payments'] ] [gp:InfoGroup [gattr:repeat '12'] [item [el:icon] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "title 0 2 120 2 | \" [ icon 28 6 4 3 ] | [ icon 34 6 4 3 ] | [ icon 40 6 4 3 ] | [ icon 46 6 4 3 ] | [ icon 51 6 4 3 ] | [ icon 57 6 4 3 ] | [ icon 63 6 4 3 ] | [ icon 69 6 4 3 ] | [ icon 74 6 4 3 ] | [ icon 80 6 4 3 ] | [ icon 86 6 4 3 ] \"", "layout_seq_without_completion": "title 0 2 120 2 | \" [ icon 28 6 4 3 ] | [ icon 34 6 4 3 ] | [ icon 40 6 4 3 ] | [ icon 46 6 4 3 ] | [ icon 51 6 4 3 ] | [ icon 57 6 4 3 ] | [ icon 63 6 4 3 ] | [ icon 69 6 4 3 ] | [ icon 74 6 4 3 ] | [ icon 80 6 4 3 ] | [ icon 86 6 4 3 ] \"", "plain_layout_seq": "icon 28 6 4 3 | icon 34 6 4 3 | icon 40 6 4 3 | icon 46 6 4 3 | icon 51 6 4 3 | icon 57 6 4 3 | icon 63 6 4 3 | icon 69 6 4 3 | icon 74 6 4 3 | icon 80 6 4 3 | icon 86 6 4 3 | title 0 2 120 2", "canvas_width": 944, "canvas_height": 81, "elements": [ { "type": "title", "position": [ 0, 20, 944, 22 ], "completed": false }, { "type": "icon", "position": [ 228, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 273, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 318, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 363, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 408, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 453, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 498, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 543, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 588, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 633, 48, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 678, 48, 38, 24 ], "completed": false } ] }, { "text": "#A page for introducing the stories of three persons to users.# This page should include three groups of information. Each group contains one image, one title, and a button. Users can click the buttons to read the stories.", "region_id": "2559", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '3'] [item [el:image] [el:title] [el:button [attr:value 'read the stories'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 7 42 28 5 | complete image 3 1 36 52 | image 3 1 35 27 | complete text 15 36 12 2 | title 6 33 29 2 ] | [ button 45 42 28 5 | image 41 1 35 27 | complete image 41 1 36 52 | complete text 53 36 13 2 | title 52 33 15 2 ] | [ button 83 42 28 5 | complete image 80 1 36 52 | image 80 1 35 27 | complete text 92 36 12 2 | title 87 33 21 2 ] \"", "layout_seq_without_completion": "\" [ button 7 42 28 5 | image 3 1 36 52 | image 3 1 35 27 | text 15 36 12 2 | title 6 33 29 2 ] | [ button 45 42 28 5 | image 41 1 35 27 | image 41 1 36 52 | text 53 36 13 2 | title 52 33 15 2 ] | [ button 83 42 28 5 | image 80 1 36 52 | image 80 1 35 27 | text 92 36 12 2 | title 87 33 21 2 ] \"", "plain_layout_seq": "button 7 42 28 5 | button 45 42 28 5 | button 83 42 28 5 | image 3 1 36 52 | image 3 1 35 27 | image 41 1 35 27 | image 41 1 36 52 | image 80 1 36 52 | image 80 1 35 27 | text 15 36 12 2 | text 53 36 13 2 | text 92 36 12 2 | title 6 33 29 2 | title 52 33 15 2 | title 87 33 21 2", "canvas_width": 1006, "canvas_height": 469, "elements": [ { "type": "image", "position": [ 30, 10, 302, 439 ], "completed": true }, { "type": "image", "position": [ 352, 10, 302, 439 ], "completed": true }, { "type": "image", "position": [ 674, 10, 302, 439 ], "completed": true }, { "type": "image", "position": [ 30, 11, 300, 230 ], "completed": false }, { "type": "image", "position": [ 352, 11, 300, 230 ], "completed": false }, { "type": "image", "position": [ 674, 11, 300, 230 ], "completed": false }, { "type": "title", "position": [ 57, 277, 247, 25 ], "completed": false }, { "type": "title", "position": [ 436, 277, 132, 25 ], "completed": false }, { "type": "title", "position": [ 736, 277, 178, 25 ], "completed": false }, { "type": "text", "position": [ 128, 302, 104, 25 ], "completed": true }, { "type": "text", "position": [ 446, 302, 113, 25 ], "completed": true }, { "type": "text", "position": [ 772, 302, 104, 25 ], "completed": true }, { "type": "button", "position": [ 60, 359, 240, 50 ], "completed": false }, { "type": "button", "position": [ 382, 359, 240, 50 ], "completed": false }, { "type": "button", "position": [ 704, 359, 240, 50 ], "completed": false } ] }, { "text": "#This page introduces how to earn on glow road for users? #This page has a How To Earn On Glowroad? with six link below, there is a Reading all FAQs. title and video.", "region_id": "4138", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'How To Earn On Glowroad?']] [gp:InfoGroup [gattr:repeat '6'] [item [el:link] ] ] [el:title[attr:value'Reading all FAQs']] [el:image] ]", "execution": "multiinfo : image undefined undefined | title undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 24 25 70 39 | complete text 3 9 1 2 | title 52 69 14 2 | title 3 1 113 7 | \" [ link 3 15 17 5 ] | [ link 22 15 17 5 ] | [ link 41 15 17 5 ] | [ link 60 15 17 5 ] | [ link 80 15 17 5 ] | [ link 99 15 17 5 ] \"", "layout_seq_without_completion": "image 24 25 70 39 | text 3 9 1 2 | title 52 69 14 2 | title 3 1 113 7 | \" [ link 3 15 17 5 ] | [ link 22 15 17 5 ] | [ link 41 15 17 5 ] | [ link 60 15 17 5 ] | [ link 80 15 17 5 ] | [ link 99 15 17 5 ] \"", "plain_layout_seq": "image 24 25 70 39 | link 3 15 17 5 | link 22 15 17 5 | link 41 15 17 5 | link 60 15 17 5 | link 80 15 17 5 | link 99 15 17 5 | text 3 9 1 2 | title 52 69 14 2 | title 3 1 113 7", "canvas_width": 1024, "canvas_height": 636, "elements": [ { "type": "title", "position": [ 26, 16, 972, 60 ], "completed": false }, { "type": "text", "position": [ 26, 79, 12, 19 ], "completed": true }, { "type": "link", "position": [ 26, 134, 150, 51 ], "completed": false }, { "type": "link", "position": [ 190, 134, 150, 51 ], "completed": false }, { "type": "link", "position": [ 355, 134, 150, 51 ], "completed": false }, { "type": "link", "position": [ 519, 134, 150, 51 ], "completed": false }, { "type": "link", "position": [ 684, 134, 150, 51 ], "completed": false }, { "type": "link", "position": [ 848, 134, 150, 51 ], "completed": false }, { "type": "image", "position": [ 212, 217, 601, 338 ], "completed": false }, { "type": "title", "position": [ 450, 591, 123, 24 ], "completed": false } ] }, { "text": "#A page to introduce Jabil.# The page should contain three groups. In each group, there should be two text boxes, one for the title, and another for a short description. In the first group, users can know the Jabil's commitment to sustainability. Besides, the users can click the video for more information. In the second group, users can know Jabil's global service commitment. In the third group, users can know Jabil payment solutions.", "region_id": "1522", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'jabils commitment to sustainability, jabils global service commitment, jabil payment solutions'] [item [el:title] [el:description [attr:size'small'] ] [el:image] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "layout_seq_without_completion": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "plain_layout_seq": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "canvas_width": 1795, "canvas_height": 324, "elements": [ { "type": "title", "position": [ 284, 24, 336, 19 ], "completed": false }, { "type": "title", "position": [ 729, 24, 336, 19 ], "completed": false }, { "type": "title", "position": [ 1175, 24, 336, 19 ], "completed": false }, { "type": "image", "position": [ 284, 55, 336, 189 ], "completed": false }, { "type": "image", "position": [ 729, 55, 336, 189 ], "completed": false }, { "type": "image", "position": [ 1175, 55, 336, 189 ], "completed": false }, { "type": "description", "position": [ 284, 256, 336, 39 ], "completed": false }, { "type": "description", "position": [ 729, 256, 336, 39 ], "completed": false }, { "type": "description", "position": [ 1175, 256, 336, 39 ], "completed": false } ] }, { "text": "#A page to introduce Jabil.# The page should contain six text boxes, one video, and two images divided into three groups. In each group, there should be two text boxes, one for the title, and another for a short description. In the first group, users can know the Jabil's commitment to sustainability. Besides, the users can click the video for more information. In the second group, users can know Jabil's global service commitment. In the third group, users can know Jabil payment solutions.", "region_id": "1522_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'3'] [gattr:names'jabils commitment to sustainability, jabils global service commitment, jabil payment solutions'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "layout_seq_without_completion": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "plain_layout_seq": "description 48 17 22 2 | description 18 17 22 2 | description 78 17 22 2 | image 48 3 22 12 | image 18 3 22 12 | image 78 3 22 12 | title 48 1 22 1 | title 18 1 22 1 | title 78 1 22 1", "canvas_width": 1795, "canvas_height": 324, "elements": [ { "type": "title", "position": [ 284, 24, 336, 19 ], "completed": false }, { "type": "title", "position": [ 729, 24, 336, 19 ], "completed": false }, { "type": "title", "position": [ 1175, 24, 336, 19 ], "completed": false }, { "type": "image", "position": [ 284, 55, 336, 189 ], "completed": false }, { "type": "image", "position": [ 729, 55, 336, 189 ], "completed": false }, { "type": "image", "position": [ 1175, 55, 336, 189 ], "completed": false }, { "type": "description", "position": [ 284, 256, 336, 39 ], "completed": false }, { "type": "description", "position": [ 729, 256, 336, 39 ], "completed": false }, { "type": "description", "position": [ 1175, 256, 336, 39 ], "completed": false } ] }, { "text": "#A page for users to browse by categories.# The page should have a title and 13 buttons for users o browse by categories such as star, music, and animals.", "region_id": "4635", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '13'] [gattr:names 'star, music, animals'] [item [el:button] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "title 0 3 120 6 | \" [ button 2 10 19 5 ] | [ button 23 10 19 5 ] | [ button 44 10 19 5 ] | [ button 65 10 19 5 ] | [ button 86 10 19 5 ] | [ button 2 17 19 5 ] | [ button 23 17 19 5 ] | [ button 44 17 19 5 ] | [ button 65 17 19 5 ] | [ button 86 17 19 5 ] | [ button 2 24 19 5 ] | [ button 23 24 19 5 ] | [ button 44 24 19 5 ] | [ button 65 24 19 5 ] | [ button 86 24 19 5 ] | [ button 2 31 19 5 ] | [ button 23 31 19 5 ] | [ button 44 31 19 5 ] | [ button 65 31 19 5 ] | [ button 86 31 19 5 ] | [ button 2 38 19 5 ] \"", "layout_seq_without_completion": "title 0 3 120 6 | \" [ button 2 10 19 5 ] | [ button 23 10 19 5 ] | [ button 44 10 19 5 ] | [ button 65 10 19 5 ] | [ button 86 10 19 5 ] | [ button 2 17 19 5 ] | [ button 23 17 19 5 ] | [ button 44 17 19 5 ] | [ button 65 17 19 5 ] | [ button 86 17 19 5 ] | [ button 2 24 19 5 ] | [ button 23 24 19 5 ] | [ button 44 24 19 5 ] | [ button 65 24 19 5 ] | [ button 86 24 19 5 ] | [ button 2 31 19 5 ] | [ button 23 31 19 5 ] | [ button 44 31 19 5 ] | [ button 65 31 19 5 ] | [ button 86 31 19 5 ] | [ button 2 38 19 5 ] \"", "plain_layout_seq": "button 2 10 19 5 | button 23 10 19 5 | button 44 10 19 5 | button 65 10 19 5 | button 86 10 19 5 | button 2 17 19 5 | button 23 17 19 5 | button 44 17 19 5 | button 65 17 19 5 | button 86 17 19 5 | button 2 24 19 5 | button 23 24 19 5 | button 44 24 19 5 | button 65 24 19 5 | button 86 24 19 5 | button 2 31 19 5 | button 23 31 19 5 | button 44 31 19 5 | button 65 31 19 5 | button 86 31 19 5 | button 2 38 19 5 | title 0 3 120 6", "canvas_width": 1009, "canvas_height": 378, "elements": [ { "type": "title", "position": [ 0, 26, 1009, 53 ], "completed": false }, { "type": "button", "position": [ 25, 88, 165, 48 ], "completed": false }, { "type": "button", "position": [ 200, 88, 165, 48 ], "completed": false }, { "type": "button", "position": [ 375, 88, 165, 48 ], "completed": false }, { "type": "button", "position": [ 550, 88, 165, 48 ], "completed": false }, { "type": "button", "position": [ 725, 88, 165, 48 ], "completed": false }, { "type": "button", "position": [ 25, 146, 165, 48 ], "completed": false }, { "type": "button", "position": [ 200, 146, 165, 48 ], "completed": false }, { "type": "button", "position": [ 375, 146, 165, 48 ], "completed": false }, { "type": "button", "position": [ 550, 146, 165, 48 ], "completed": false }, { "type": "button", "position": [ 725, 146, 165, 48 ], "completed": false }, { "type": "button", "position": [ 25, 204, 165, 48 ], "completed": false }, { "type": "button", "position": [ 200, 204, 165, 48 ], "completed": false }, { "type": "button", "position": [ 375, 204, 165, 48 ], "completed": false }, { "type": "button", "position": [ 550, 204, 165, 48 ], "completed": false }, { "type": "button", "position": [ 725, 204, 165, 48 ], "completed": false }, { "type": "button", "position": [ 25, 262, 165, 48 ], "completed": false }, { "type": "button", "position": [ 200, 262, 165, 48 ], "completed": false }, { "type": "button", "position": [ 375, 262, 165, 48 ], "completed": false }, { "type": "button", "position": [ 550, 262, 165, 48 ], "completed": false }, { "type": "button", "position": [ 725, 262, 165, 48 ], "completed": false }, { "type": "button", "position": [ 25, 320, 165, 48 ], "completed": false } ] }, { "text": "#A page showing the logos of several customers companies.# There is a title. There are five logos of famous media.", "region_id": "1706", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:size'large'] ] [gp:InfoGroup [gattr:repeat '5'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined large | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 2 | \" [ logo 1 4 22 7 ] | [ logo 33 4 22 7 ] | [ logo 64 4 22 7 ] | [ logo 96 4 22 7 ] | [ logo 1 14 22 7 ] \"", "layout_seq_without_completion": "title 0 0 120 2 | \" [ logo 1 4 22 7 ] | [ logo 33 4 22 7 ] | [ logo 64 4 22 7 ] | [ logo 96 4 22 7 ] | [ logo 1 14 22 7 ] \"", "plain_layout_seq": "logo 1 4 22 7 | logo 33 4 22 7 | logo 64 4 22 7 | logo 96 4 22 7 | logo 1 14 22 7 | title 0 0 120 2", "canvas_width": 1024, "canvas_height": 250, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 20 ], "completed": false }, { "type": "logo", "position": [ 12, 40, 190, 60 ], "completed": false }, { "type": "logo", "position": [ 282, 40, 191, 60 ], "completed": false }, { "type": "logo", "position": [ 552, 40, 190, 60 ], "completed": false }, { "type": "logo", "position": [ 821, 40, 191, 60 ], "completed": false }, { "type": "logo", "position": [ 12, 120, 190, 60 ], "completed": false } ] }, { "text": "# A page for an online shop, the user can browse a popular category. # On the page, there should be a title \"Browse a Popular Category\". Then it is needed a text button with a small icon used to start shopping. Then there should be 12 categories such as snacks, grocery, and so on. In each, there should be an image and a small text box.", "region_id": "197", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:value'Browse a Popular Category'] ] [el:button [attr:value'start shopping'] ] [el:icon [attr:size 'small'] [attr:value'start shopping'] ] [gp:InfoGroup [gattr:repeat '12'] [gattr:names 'Snacks, grocery'] [item [el:image] [el:text [attr:size 'small'] ] ] ] ]", "execution": "multiinfo : button undefined undefined | icon undefined small | title undefined undefined | { [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] | [ image undefined undefined | text undefined small ] }", "layout_seq_with_completion": "button 50 19 17 3 | icon 67 20 2 2 | image 18 90 18 18 | complete image 17 82 19 26 | image 39 93 18 17 | complete image 39 82 19 26 | complete image 60 82 19 26 | image 82 90 18 18 | complete image 82 82 19 26 | image 18 34 18 18 | complete image 17 26 19 26 | image 39 34 18 18 | complete image 39 26 19 26 | image 82 34 18 18 | complete image 82 26 19 26 | complete image 82 54 19 26 | image 39 62 18 18 | image 61 62 18 18 | complete image 60 54 19 26 | image 61 34 18 18 | complete image 60 26 19 26 | image 18 62 18 18 | complete image 17 54 19 26 | complete image 39 54 19 26 | image 82 65 18 18 | image 61 90 18 18 | text 65 30 10 2 | text 88 86 7 2 | text 41 58 14 2 | text 61 58 18 2 | text 22 30 10 2 | text 86 30 11 2 | text 21 58 13 2 | text 82 58 18 5 | text 22 86 10 2 | text 43 30 12 2 | text 39 86 18 5 | text 67 86 7 2 | title 16 2 86 15", "layout_seq_without_completion": "button 50 19 17 3 | icon 67 20 2 2 | image 18 90 18 18 | image 17 82 19 26 | image 39 93 18 17 | image 39 82 19 26 | image 60 82 19 26 | image 82 90 18 18 | image 82 82 19 26 | image 18 34 18 18 | image 17 26 19 26 | image 39 34 18 18 | image 39 26 19 26 | image 82 34 18 18 | image 82 26 19 26 | image 82 54 19 26 | image 39 62 18 18 | image 61 62 18 18 | image 60 54 19 26 | image 61 34 18 18 | image 60 26 19 26 | image 18 62 18 18 | image 17 54 19 26 | image 39 54 19 26 | image 82 65 18 18 | image 61 90 18 18 | text 65 30 10 2 | text 88 86 7 2 | text 41 58 14 2 | text 61 58 18 2 | text 22 30 10 2 | text 86 30 11 2 | text 21 58 13 2 | text 82 58 18 5 | text 22 86 10 2 | text 43 30 12 2 | text 39 86 18 5 | text 67 86 7 2 | title 16 2 86 15", "plain_layout_seq": "button 50 19 17 3 | icon 67 20 2 2 | image 18 90 18 18 | image 17 82 19 26 | image 39 93 18 17 | image 39 82 19 26 | image 60 82 19 26 | image 82 90 18 18 | image 82 82 19 26 | image 18 34 18 18 | image 17 26 19 26 | image 39 34 18 18 | image 39 26 19 26 | image 82 34 18 18 | image 82 26 19 26 | image 82 54 19 26 | image 39 62 18 18 | image 61 62 18 18 | image 60 54 19 26 | image 61 34 18 18 | image 60 26 19 26 | image 18 62 18 18 | image 17 54 19 26 | image 39 54 19 26 | image 82 65 18 18 | image 61 90 18 18 | text 65 30 10 2 | text 88 86 7 2 | text 41 58 14 2 | text 61 58 18 2 | text 22 30 10 2 | text 86 30 11 2 | text 21 58 13 2 | text 82 58 18 5 | text 22 86 10 2 | text 43 30 12 2 | text 39 86 18 5 | text 67 86 7 2 | title 16 2 86 15", "canvas_width": 1024, "canvas_height": 948, "elements": [ { "type": "title", "position": [ 144, 24, 736, 128 ], "completed": false }, { "type": "button", "position": [ 427, 168, 146, 26 ], "completed": false }, { "type": "icon", "position": [ 577, 171, 20, 20 ], "completed": false }, { "type": "image", "position": [ 152, 228, 168, 224 ], "completed": true }, { "type": "image", "position": [ 336, 228, 168, 224 ], "completed": true }, { "type": "image", "position": [ 520, 228, 168, 224 ], "completed": true }, { "type": "image", "position": [ 704, 228, 168, 224 ], "completed": true }, { "type": "text", "position": [ 190, 256, 92, 24 ], "completed": false }, { "type": "text", "position": [ 367, 256, 106, 24 ], "completed": false }, { "type": "text", "position": [ 561, 256, 86, 24 ], "completed": false }, { "type": "text", "position": [ 739, 256, 98, 24 ], "completed": false }, { "type": "image", "position": [ 156, 296, 160, 160 ], "completed": false }, { "type": "image", "position": [ 340, 296, 160, 160 ], "completed": false }, { "type": "image", "position": [ 524, 296, 160, 160 ], "completed": false }, { "type": "image", "position": [ 708, 296, 160, 160 ], "completed": false }, { "type": "image", "position": [ 152, 468, 168, 224 ], "completed": true }, { "type": "image", "position": [ 336, 468, 168, 224 ], "completed": true }, { "type": "image", "position": [ 520, 468, 168, 224 ], "completed": true }, { "type": "image", "position": [ 704, 468, 168, 224 ], "completed": true }, { "type": "text", "position": [ 180, 496, 113, 24 ], "completed": false }, { "type": "text", "position": [ 357, 496, 126, 24 ], "completed": false }, { "type": "text", "position": [ 526, 496, 156, 24 ], "completed": false }, { "type": "text", "position": [ 708, 496, 160, 48 ], "completed": false }, { "type": "image", "position": [ 156, 536, 160, 160 ], "completed": false }, { "type": "image", "position": [ 340, 536, 160, 160 ], "completed": false }, { "type": "image", "position": [ 524, 536, 160, 160 ], "completed": false }, { "type": "image", "position": [ 708, 560, 160, 160 ], "completed": false }, { "type": "image", "position": [ 152, 708, 168, 224 ], "completed": true }, { "type": "image", "position": [ 336, 708, 168, 224 ], "completed": true }, { "type": "image", "position": [ 520, 708, 168, 224 ], "completed": true }, { "type": "image", "position": [ 704, 708, 168, 224 ], "completed": true }, { "type": "text", "position": [ 192, 736, 88, 24 ], "completed": false }, { "type": "text", "position": [ 340, 736, 160, 48 ], "completed": false }, { "type": "text", "position": [ 574, 736, 60, 24 ], "completed": false }, { "type": "text", "position": [ 754, 736, 68, 24 ], "completed": false }, { "type": "image", "position": [ 156, 776, 160, 160 ], "completed": false }, { "type": "image", "position": [ 524, 776, 160, 160 ], "completed": false }, { "type": "image", "position": [ 708, 776, 160, 160 ], "completed": false }, { "type": "image", "position": [ 340, 800, 160, 148 ], "completed": false } ] }, { "text": "#A page for introducing some related posts that users may be interested in.# The page should have one title, some images, and text boxes to show the title and short introductions of the posts.", "region_id": "330", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'several'] [item [el:image] [el:title] [el:description [attr:size'small'] ] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] | [ description undefined small | image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete description 7 12 59 3 | description 43 49 33 10 | description 78 49 33 5 | description 7 49 33 10 | image 7 19 33 20 | image 78 19 33 20 | image 43 19 33 20 | title 43 41 33 5 | title 78 41 31 5 | title 7 41 23 5 | title 7 5 105 4", "layout_seq_without_completion": "description 7 12 59 3 | description 43 49 33 10 | description 78 49 33 5 | description 7 49 33 10 | image 7 19 33 20 | image 78 19 33 20 | image 43 19 33 20 | title 43 41 33 5 | title 78 41 31 5 | title 7 41 23 5 | title 7 5 105 4", "plain_layout_seq": "description 7 12 59 3 | description 43 49 33 10 | description 78 49 33 5 | description 7 49 33 10 | image 7 19 33 20 | image 78 19 33 20 | image 43 19 33 20 | title 43 41 33 5 | title 78 41 31 5 | title 7 41 23 5 | title 7 5 105 4", "canvas_width": 1024, "canvas_height": 571, "elements": [ { "type": "title", "position": [ 62, 49, 900, 42 ], "completed": false }, { "type": "description", "position": [ 62, 107, 504, 32 ], "completed": true }, { "type": "image", "position": [ 62, 169, 289, 174 ], "completed": false }, { "type": "image", "position": [ 367, 169, 289, 174 ], "completed": false }, { "type": "image", "position": [ 673, 169, 289, 174 ], "completed": false }, { "type": "title", "position": [ 62, 358, 201, 51 ], "completed": false }, { "type": "title", "position": [ 367, 358, 290, 51 ], "completed": false }, { "type": "title", "position": [ 673, 358, 270, 51 ], "completed": false }, { "type": "description", "position": [ 62, 421, 289, 90 ], "completed": false }, { "type": "description", "position": [ 367, 421, 289, 90 ], "completed": false }, { "type": "description", "position": [ 673, 421, 289, 45 ], "completed": false } ] }, { "text": "# A page to introduce the pioneering brands that rely on Attentive. # On the page, there should be one title on the top. Below, there should contain 8 images about the logo of the brands.", "region_id": "731", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title [attr:position'top'] ] [gp:InfoGroup [gattr:repeat'8'] [item [el:logo] ] ] ]", "execution": "multiinfo : title top undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 11 11 97 7 | \" [ logo 11 22 18 5 ] | [ logo 37 22 18 5 ] | [ logo 63 22 18 5 ] | [ logo 90 22 18 5 ] | [ logo 11 34 18 5 ] | [ logo 37 34 18 5 ] | [ logo 63 34 18 5 ] | [ logo 90 34 18 5 ] \"", "layout_seq_without_completion": "title 11 11 97 7 | \" [ logo 11 22 18 5 ] | [ logo 37 22 18 5 ] | [ logo 63 22 18 5 ] | [ logo 90 22 18 5 ] | [ logo 11 34 18 5 ] | [ logo 37 34 18 5 ] | [ logo 63 34 18 5 ] | [ logo 90 34 18 5 ] \"", "plain_layout_seq": "logo 11 22 18 5 | logo 37 22 18 5 | logo 63 22 18 5 | logo 90 22 18 5 | logo 11 34 18 5 | logo 37 34 18 5 | logo 63 34 18 5 | logo 90 34 18 5 | title 11 11 97 7", "canvas_width": 1024, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 96, 98, 832, 62 ], "completed": false }, { "type": "logo", "position": [ 96, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 320, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 544, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 768, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 96, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 320, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 544, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 768, 292, 160, 48 ], "completed": false } ] }, { "text": "# A page to introduce the pioneering brands that rely on Attentive. # On the page, there should be a text box as the title. Besides, there should contain 8 images about the logo of the brands.", "region_id": "731_1", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat'8'] [item [el:logo] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "title 11 11 97 7 | \" [ logo 11 22 18 5 ] | [ logo 37 22 18 5 ] | [ logo 63 22 18 5 ] | [ logo 90 22 18 5 ] | [ logo 11 34 18 5 ] | [ logo 37 34 18 5 ] | [ logo 63 34 18 5 ] | [ logo 90 34 18 5 ] \"", "layout_seq_without_completion": "title 11 11 97 7 | \" [ logo 11 22 18 5 ] | [ logo 37 22 18 5 ] | [ logo 63 22 18 5 ] | [ logo 90 22 18 5 ] | [ logo 11 34 18 5 ] | [ logo 37 34 18 5 ] | [ logo 63 34 18 5 ] | [ logo 90 34 18 5 ] \"", "plain_layout_seq": "logo 11 22 18 5 | logo 37 22 18 5 | logo 63 22 18 5 | logo 90 22 18 5 | logo 11 34 18 5 | logo 37 34 18 5 | logo 63 34 18 5 | logo 90 34 18 5 | title 11 11 97 7", "canvas_width": 1024, "canvas_height": 450, "elements": [ { "type": "title", "position": [ 96, 98, 832, 62 ], "completed": false }, { "type": "logo", "position": [ 96, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 320, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 544, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 768, 196, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 96, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 320, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 544, 292, 160, 48 ], "completed": false }, { "type": "logo", "position": [ 768, 292, 160, 48 ], "completed": false } ] }, { "text": "#A page showing new arrivals of the shop website to users and guiding users to buy them.#The page should have one text heading, one button for users to click to view all commodities, and four groups of detailed introductions of commodities. And each group of products should include one picture of the product, one brief description, one price, and one button to add to the cart or choose options.", "region_id": "8388", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [el:button [attr:value 'view all commodities'] ] [gp:InfoGroup [gattr:repeat '4'] [item [el:image] [el:description [attr:size 'small'] ] [el:text] [el:button] ] ] ]", "execution": "multiinfo : button undefined undefined | title undefined undefined | { [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | image undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 108 0 9 3 | title 4 0 16 3 | \" [ button 7 52 22 4 | description 7 34 22 8 | text 7 43 6 2 ] | [ button 34 52 22 4 | description 34 34 22 5 | text 34 40 6 2 ] | [ button 62 52 22 4 | description 62 34 22 11 | text 62 46 6 2 ] | [ button 90 52 22 4 | description 90 34 22 5 | text 89 40 8 2 ] \"", "layout_seq_without_completion": "button 108 0 9 3 | title 4 0 16 3 | \" [ button 7 52 22 4 | description 7 34 22 8 | text 7 43 6 2 ] | [ button 34 52 22 4 | description 34 34 22 5 | text 34 40 6 2 ] | [ button 62 52 22 4 | description 62 34 22 11 | text 62 46 6 2 ] | [ button 90 52 22 4 | description 90 34 22 5 | text 89 40 8 2 ] \"", "plain_layout_seq": "button 108 0 9 3 | button 7 52 22 4 | button 34 52 22 4 | button 62 52 22 4 | button 90 52 22 4 | description 7 34 22 8 | description 34 34 22 5 | description 62 34 22 11 | description 90 34 22 5 | text 7 43 6 2 | text 34 40 6 2 | text 62 46 6 2 | text 89 40 8 2 | title 4 0 16 3", "canvas_width": 1009, "canvas_height": 503, "elements": [ { "type": "title", "position": [ 40, 0, 137, 33 ], "completed": false }, { "type": "button", "position": [ 912, 4, 83, 30 ], "completed": false }, { "type": "description", "position": [ 60, 286, 192, 70 ], "completed": false }, { "type": "description", "position": [ 292, 286, 192, 47 ], "completed": false }, { "type": "description", "position": [ 524, 286, 192, 93 ], "completed": false }, { "type": "description", "position": [ 757, 286, 192, 47 ], "completed": false }, { "type": "text", "position": [ 291, 344, 58, 25 ], "completed": false }, { "type": "text", "position": [ 756, 344, 71, 25 ], "completed": false }, { "type": "text", "position": [ 59, 368, 58, 25 ], "completed": false }, { "type": "text", "position": [ 524, 391, 57, 25 ], "completed": false }, { "type": "button", "position": [ 60, 441, 192, 42 ], "completed": false }, { "type": "button", "position": [ 292, 441, 192, 42 ], "completed": false }, { "type": "button", "position": [ 524, 441, 192, 42 ], "completed": false }, { "type": "button", "position": [ 757, 441, 192, 42 ], "completed": false } ] }, { "text": "#A page for introducing the info of two products.# The page should have 2 groups while each group has an image and 4 texts to show the goods' photo, title, and info. A button is needed for users to click to view more info.", "region_id": "7983", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '2'] [item [el:image] [el:title] [el:text [attr:repeat '3'] ] [el:button [attr:value 'see more information'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | image undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 23 50 34 5 | image 4 2 15 24 | text 23 32 34 5 | text 23 38 34 5 | text 23 43 34 5 | title 23 5 34 26 ] | [ button 80 41 34 5 | image 61 2 15 29 | text 80 26 34 5 | text 80 31 34 2 | text 80 34 34 5 | title 80 5 34 19 ] \"", "layout_seq_without_completion": "\" [ button 23 50 34 5 | image 4 2 15 24 | text 23 32 34 5 | text 23 38 34 5 | text 23 43 34 5 | title 23 5 34 26 ] | [ button 80 41 34 5 | image 61 2 15 29 | text 80 26 34 5 | text 80 31 34 2 | text 80 34 34 5 | title 80 5 34 19 ] \"", "plain_layout_seq": "button 23 50 34 5 | button 80 41 34 5 | image 4 2 15 24 | image 61 2 15 29 | text 23 32 34 5 | text 23 38 34 5 | text 23 43 34 5 | text 80 26 34 5 | text 80 31 34 2 | text 80 34 34 5 | title 23 5 34 26 | title 80 5 34 19", "canvas_width": 1024, "canvas_height": 507, "elements": [ { "type": "image", "position": [ 42, 25, 132, 212 ], "completed": false }, { "type": "image", "position": [ 527, 25, 132, 253 ], "completed": false }, { "type": "title", "position": [ 204, 44, 293, 223 ], "completed": false }, { "type": "title", "position": [ 689, 44, 293, 168 ], "completed": false }, { "type": "text", "position": [ 689, 222, 293, 49 ], "completed": false }, { "type": "text", "position": [ 689, 270, 293, 24 ], "completed": false }, { "type": "text", "position": [ 204, 276, 293, 49 ], "completed": false }, { "type": "text", "position": [ 689, 295, 293, 49 ], "completed": false }, { "type": "text", "position": [ 204, 325, 293, 49 ], "completed": false }, { "type": "button", "position": [ 689, 354, 293, 48 ], "completed": false }, { "type": "text", "position": [ 204, 374, 293, 48 ], "completed": false }, { "type": "button", "position": [ 204, 433, 293, 49 ], "completed": false } ] }, { "text": "#A page for guiding users to choose.# There are two groups on the page. Each group has a title(\"IBAN Validation\" or \"SWIFT Code Checker\"), and a button (\"Validate\" or \"Check\").", "region_id": "2632", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [item [el:title [attr:value 'IBAN Validation'] ] [el:button [attr:value 'validate'] ] ] [item [el:title [attr:value 'SWIFT Code Checker'] ] [el:button [attr:value 'Check'] ] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | title undefined undefined ] | [ button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 21 12 16 6 | button 83 12 14 6 | complete image 61 2 58 20 | complete image 0 2 58 20 | title 63 4 54 5 | title 1 4 54 5", "layout_seq_without_completion": "button 21 12 16 6 | button 83 12 14 6 | image 61 2 58 20 | image 0 2 58 20 | title 63 4 54 5 | title 1 4 54 5", "plain_layout_seq": "button 21 12 16 6 | button 83 12 14 6 | image 61 2 58 20 | image 0 2 58 20 | title 63 4 54 5 | title 1 4 54 5", "canvas_width": 884, "canvas_height": 176, "elements": [ { "type": "image", "position": [ 0, 18, 433, 150 ], "completed": true }, { "type": "image", "position": [ 451, 18, 433, 150 ], "completed": true }, { "type": "title", "position": [ 14, 32, 405, 40 ], "completed": false }, { "type": "title", "position": [ 465, 32, 405, 40 ], "completed": false }, { "type": "button", "position": [ 156, 92, 121, 50 ], "completed": false }, { "type": "button", "position": [ 614, 92, 107, 50 ], "completed": false } ] }, { "text": "#A page for introducing the leading enterprises to users.# The page should include four parts of the enterprises. Each part contains an image and one title. At the bottom, there should be a button for users to learn more information.", "region_id": "995", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat'4'] [item [el:image] [el:title] ] ] [el:button [attr:value'read more'] [attr:position'bottom'] ] ]", "execution": "multiinfo : button bottom undefined | { [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] | [ image undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 51 47 15 4 | image 9 14 14 17 | image 93 20 18 6 | image 67 21 12 3 | image 39 21 11 2 | title 4 31 25 5 | title 90 31 25 8 | title 67 31 13 2 | title 32 31 25 11 | complete title 4 8 110 4", "layout_seq_without_completion": "button 51 47 15 4 | image 9 14 14 17 | image 93 20 18 6 | image 67 21 12 3 | image 39 21 11 2 | title 4 31 25 5 | title 90 31 25 8 | title 67 31 13 2 | title 32 31 25 11 | title 4 8 110 4", "plain_layout_seq": "button 51 47 15 4 | image 9 14 14 17 | image 93 20 18 6 | image 67 21 12 3 | image 39 21 11 2 | title 4 31 25 5 | title 90 31 25 8 | title 67 31 13 2 | title 32 31 25 11 | title 4 8 110 4", "canvas_width": 1024, "canvas_height": 489, "elements": [ { "type": "title", "position": [ 40, 70, 944, 38 ], "completed": true }, { "type": "image", "position": [ 80, 125, 127, 147 ], "completed": false }, { "type": "image", "position": [ 802, 172, 158, 52 ], "completed": false }, { "type": "image", "position": [ 580, 185, 110, 28 ], "completed": false }, { "type": "image", "position": [ 339, 187, 100, 23 ], "completed": false }, { "type": "title", "position": [ 35, 271, 216, 48 ], "completed": false }, { "type": "title", "position": [ 281, 271, 216, 96 ], "completed": false }, { "type": "title", "position": [ 579, 271, 112, 24 ], "completed": false }, { "type": "title", "position": [ 773, 271, 216, 72 ], "completed": false }, { "type": "button", "position": [ 442, 408, 130, 39 ], "completed": false } ] }, { "text": "#A web of introducing the current hot items&holidays.#The page should have a title and four groups and each group has a background image and a title, \"puzzles\", \"games\", \"toys\" and \"hand sanitizers\".", "region_id": "7106", "region_type": "MultiInfo", "ir": "[region:MultiInfo [el:title] [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'puzzles, games, toys, hand sanitizers'] [item [el:background_image] [el:title] ] ] ]", "execution": "multiinfo : title undefined undefined | { [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] | [ background undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "background 61 15 24 24 | background 6 15 24 24 | background 34 15 24 24 | background 89 15 24 24 | title 89 24 24 4 | title 61 24 24 4 | title 6 24 24 4 | title 34 24 24 4 | title 6 5 107 3", "layout_seq_without_completion": "background 61 15 24 24 | background 6 15 24 24 | background 34 15 24 24 | background 89 15 24 24 | title 89 24 24 4 | title 61 24 24 4 | title 6 24 24 4 | title 34 24 24 4 | title 6 5 107 3", "plain_layout_seq": "background 61 15 24 24 | background 6 15 24 24 | background 34 15 24 24 | background 89 15 24 24 | title 89 24 24 4 | title 61 24 24 4 | title 6 24 24 4 | title 34 24 24 4 | title 6 5 107 3", "canvas_width": 1024, "canvas_height": 399, "elements": [ { "type": "title", "position": [ 55, 50, 914, 30 ], "completed": false }, { "type": "background", "position": [ 55, 131, 206, 206 ], "completed": false }, { "type": "background", "position": [ 291, 131, 206, 206 ], "completed": false }, { "type": "background", "position": [ 527, 131, 206, 206 ], "completed": false }, { "type": "background", "position": [ 763, 131, 206, 206 ], "completed": false }, { "type": "title", "position": [ 55, 213, 206, 41 ], "completed": false }, { "type": "title", "position": [ 291, 213, 206, 41 ], "completed": false }, { "type": "title", "position": [ 527, 213, 206, 41 ], "completed": false }, { "type": "title", "position": [ 763, 213, 206, 41 ], "completed": false } ] }, { "text": "#This page describes the product in detail for the user.#This page is divided into six groups, each group is composed of icons, titles and introductions, and each group has a \"learn more\" button.", "region_id": "2560", "region_type": "MultiInfo", "ir": "[region:MultiInfo [gp:InfoGroup [gattr:repeat '6'] [item [el:icon] [el:title] [el:description] [el:button [attr:value 'learn more']] ] ] ]", "execution": "multiinfo : { [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 19 34 10 2 | description 3 19 33 17 | icon 3 3 7 7 | complete image 1 1 36 38 | title 3 12 33 4 ] | [ button 56 34 10 2 | description 43 19 33 17 | icon 43 3 7 7 | complete image 41 1 36 38 | title 43 12 33 4 ] | [ button 105 34 10 2 | description 83 19 32 17 | icon 83 3 7 7 | complete image 81 1 36 38 | title 83 12 33 4 ] | [ button 25 76 10 2 | description 3 61 32 17 | icon 3 45 7 7 | complete image 1 43 36 38 | title 3 54 33 4 ] | [ button 65 76 10 2 | description 43 61 31 17 | icon 43 45 7 7 | complete image 41 43 36 38 | title 43 54 33 4 ] | [ button 103 76 10 2 | description 83 61 33 17 | icon 83 45 7 7 | complete image 81 43 36 38 | title 83 54 33 4 ] \"", "layout_seq_without_completion": "\" [ button 19 34 10 2 | description 3 19 33 17 | icon 3 3 7 7 | image 1 1 36 38 | title 3 12 33 4 ] | [ button 56 34 10 2 | description 43 19 33 17 | icon 43 3 7 7 | image 41 1 36 38 | title 43 12 33 4 ] | [ button 105 34 10 2 | description 83 19 32 17 | icon 83 3 7 7 | image 81 1 36 38 | title 83 12 33 4 ] | [ button 25 76 10 2 | description 3 61 32 17 | icon 3 45 7 7 | image 1 43 36 38 | title 3 54 33 4 ] | [ button 65 76 10 2 | description 43 61 31 17 | icon 43 45 7 7 | image 41 43 36 38 | title 43 54 33 4 ] | [ button 103 76 10 2 | description 83 61 33 17 | icon 83 45 7 7 | image 81 43 36 38 | title 83 54 33 4 ] \"", "plain_layout_seq": "button 19 34 10 2 | button 56 34 10 2 | button 105 34 10 2 | button 25 76 10 2 | button 65 76 10 2 | button 103 76 10 2 | description 3 19 33 17 | description 43 19 33 17 | description 83 19 32 17 | description 3 61 32 17 | description 43 61 31 17 | description 83 61 33 17 | icon 3 3 7 7 | icon 43 3 7 7 | icon 83 3 7 7 | icon 3 45 7 7 | icon 43 45 7 7 | icon 83 45 7 7 | image 1 1 36 38 | image 41 1 36 38 | image 81 1 36 38 | image 1 43 36 38 | image 41 43 36 38 | image 81 43 36 38 | title 3 12 33 4 | title 43 12 33 4 | title 83 12 33 4 | title 3 54 33 4 | title 43 54 33 4 | title 83 54 33 4", "canvas_width": 982, "canvas_height": 686, "elements": [ { "type": "image", "position": [ 14, 14, 299, 315 ], "completed": true }, { "type": "image", "position": [ 341, 14, 299, 315 ], "completed": true }, { "type": "image", "position": [ 669, 14, 299, 315 ], "completed": true }, { "type": "icon", "position": [ 26, 30, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 353, 30, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 681, 30, 64, 64 ], "completed": false }, { "type": "title", "position": [ 26, 106, 275, 39 ], "completed": false }, { "type": "title", "position": [ 353, 106, 275, 39 ], "completed": false }, { "type": "title", "position": [ 681, 106, 275, 39 ], "completed": false }, { "type": "description", "position": [ 26, 159, 274, 140 ], "completed": false }, { "type": "description", "position": [ 353, 159, 274, 140 ], "completed": false }, { "type": "description", "position": [ 681, 159, 269, 140 ], "completed": false }, { "type": "button", "position": [ 161, 279, 86, 20 ], "completed": false }, { "type": "button", "position": [ 466, 279, 86, 20 ], "completed": false }, { "type": "button", "position": [ 866, 279, 86, 20 ], "completed": false }, { "type": "image", "position": [ 14, 357, 299, 315 ], "completed": true }, { "type": "image", "position": [ 341, 357, 299, 315 ], "completed": true }, { "type": "image", "position": [ 669, 357, 299, 315 ], "completed": true }, { "type": "icon", "position": [ 26, 373, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 353, 373, 64, 64 ], "completed": false }, { "type": "icon", "position": [ 681, 373, 64, 64 ], "completed": false }, { "type": "title", "position": [ 26, 449, 275, 39 ], "completed": false }, { "type": "title", "position": [ 353, 449, 275, 39 ], "completed": false }, { "type": "title", "position": [ 681, 449, 275, 39 ], "completed": false }, { "type": "description", "position": [ 26, 502, 267, 140 ], "completed": false }, { "type": "description", "position": [ 353, 502, 261, 140 ], "completed": false }, { "type": "description", "position": [ 681, 502, 274, 140 ], "completed": false }, { "type": "button", "position": [ 205, 622, 86, 20 ], "completed": false }, { "type": "button", "position": [ 533, 622, 86, 20 ], "completed": false }, { "type": "button", "position": [ 843, 622, 86, 20 ], "completed": false } ] }, { "text": "#A page for showing more related information.# The page includes one background, two lists of information showing the telephone number and the company address, and other nine links for users to click to get further information.", "region_id": "5484", "region_type": "Footer", "ir": "[region:Footer [el:background_image] [el:text [attr:value 'telephone number'] ] [el:text [attr:value 'company address'] ] [gp:NavGroup [gattr:total_link '9'] [item [el:link] ] ] ]", "execution": "footer : background undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 18 | text 2 4 55 3 | text 2 10 55 5 | complete title 2 2 57 1 | \" [ link 64 2 6 1 ] | [ link 72 2 10 1 ] | [ link 84 2 14 1 ] | [ link 100 2 16 1 ] | [ link 69 6 6 1 ] | [ link 77 6 8 1 ] | [ link 87 6 8 1 ] | [ link 97 6 11 1 ] | [ link 109 6 7 1 ] \"", "layout_seq_without_completion": "background 0 0 120 18 | text 2 4 55 3 | text 2 10 55 5 | title 2 2 57 1 | \" [ link 64 2 6 1 ] | [ link 72 2 10 1 ] | [ link 84 2 14 1 ] | [ link 100 2 16 1 ] | [ link 69 6 6 1 ] | [ link 77 6 8 1 ] | [ link 87 6 8 1 ] | [ link 97 6 11 1 ] | [ link 109 6 7 1 ] \"", "plain_layout_seq": "background 0 0 120 18 | link 64 2 6 1 | link 72 2 10 1 | link 84 2 14 1 | link 100 2 16 1 | link 69 6 6 1 | link 77 6 8 1 | link 87 6 8 1 | link 97 6 11 1 | link 109 6 7 1 | text 2 4 55 3 | text 2 10 55 5 | title 2 2 57 1", "canvas_width": 1024, "canvas_height": 157, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 157 ], "completed": false }, { "type": "title", "position": [ 20, 24, 487, 13 ], "completed": true }, { "type": "link", "position": [ 550, 24, 57, 13 ], "completed": false }, { "type": "link", "position": [ 620, 24, 93, 13 ], "completed": false }, { "type": "link", "position": [ 725, 24, 124, 13 ], "completed": false }, { "type": "link", "position": [ 861, 24, 143, 13 ], "completed": false }, { "type": "text", "position": [ 20, 38, 476, 31 ], "completed": false }, { "type": "link", "position": [ 590, 59, 59, 14 ], "completed": false }, { "type": "link", "position": [ 661, 59, 75, 14 ], "completed": false }, { "type": "link", "position": [ 749, 59, 69, 14 ], "completed": false }, { "type": "link", "position": [ 830, 59, 94, 14 ], "completed": false }, { "type": "link", "position": [ 936, 59, 68, 14 ], "completed": false }, { "type": "text", "position": [ 20, 90, 476, 47 ], "completed": false } ] }, { "text": "#A footer page of a company. # On the page, there should be two parts \"Contact\" and \"Follow us\". In the \"Contact\" part, there should be a title, a text box, and a text link for the user to the contact page. And in the \"Follow us\"part, there should be a title, and three image links showing the logo of the social app, so the user can click them to follow the company on social platforms.", "region_id": "2026", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'contact'] ] [el:text] [el:link [attr:value 'Contact page'] ] ] [item [el:title [attr:value 'follow us'] ] [el:logo [attr:repeat '3'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 36 19 20 5 | text 9 21 23 2 | title 83 15 26 3 | title 9 15 46 3 | \" [ logo 89 21 1 2 ] | [ logo 101 21 8 2 ] | [ logo 83 22 2 1 ] | [ logo 94 22 2 1 ] \"", "layout_seq_without_completion": "link 36 19 20 5 | text 9 21 23 2 | title 83 15 26 3 | title 9 15 46 3 | \" [ logo 89 21 1 2 ] | [ logo 101 21 8 2 ] | [ logo 83 22 2 1 ] | [ logo 94 22 2 1 ] \"", "plain_layout_seq": "link 36 19 20 5 | logo 89 21 1 2 | logo 101 21 8 2 | logo 83 22 2 1 | logo 94 22 2 1 | text 9 21 23 2 | title 83 15 26 3 | title 9 15 46 3", "canvas_width": 1024, "canvas_height": 341, "elements": [ { "type": "title", "position": [ 85, 131, 399, 29 ], "completed": false }, { "type": "title", "position": [ 711, 131, 228, 29 ], "completed": false }, { "type": "link", "position": [ 313, 165, 171, 46 ], "completed": false }, { "type": "text", "position": [ 85, 186, 200, 18 ], "completed": false }, { "type": "logo", "position": [ 764, 186, 12, 21 ], "completed": false }, { "type": "logo", "position": [ 864, 187, 74, 20 ], "completed": false }, { "type": "logo", "position": [ 711, 188, 21, 16 ], "completed": false }, { "type": "logo", "position": [ 809, 188, 23, 16 ], "completed": false } ] }, { "text": "#A page for introducing the info of Jumia.# There are four info groups \" Let us help you\", \"About JUMIA\", \"MAKE MONEY WITH JUMIA\", and \"JUMIA INTERNATIONAL\". Each group includes many links for more detailed info.", "region_id": "5045", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'let us help you, about jumia, make money with jumia, jumia international'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 89 1 30 3 | \" [ link 90 4 4 2 ] | [ link 100 4 5 2 ] | [ link 90 7 7 4 ] | [ link 100 7 4 2 ] | [ link 100 9 5 2 ] | [ link 90 11 3 2 ] | [ link 100 11 7 4 ] | [ link 90 13 4 2 ] | [ link 90 15 6 2 ] | [ link 100 15 4 2 ] | [ link 90 17 4 2 ] \" | \" [ link 1 9 15 2 | link 1 13 8 2 | link 1 16 17 2 | link 1 20 19 2 | link 1 22 14 2 | link 1 25 16 2 | link 1 27 11 2 | link 1 4 7 2 | link 1 7 7 2 | link 1 11 14 2 | link 1 18 19 2 | complete title 1 1 28 3 ] | [ link 30 4 6 2 | link 30 9 9 2 | link 30 11 14 2 | link 30 13 16 2 | link 30 7 9 2 | link 30 16 23 2 | complete title 30 1 28 3 ] | [ link 60 4 9 2 | link 60 7 18 2 | link 60 9 23 2 | link 60 11 18 2 | complete title 60 1 28 3 ] \"", "layout_seq_without_completion": "title 89 1 30 3 | \" [ link 90 4 4 2 ] | [ link 100 4 5 2 ] | [ link 90 7 7 4 ] | [ link 100 7 4 2 ] | [ link 100 9 5 2 ] | [ link 90 11 3 2 ] | [ link 100 11 7 4 ] | [ link 90 13 4 2 ] | [ link 90 15 6 2 ] | [ link 100 15 4 2 ] | [ link 90 17 4 2 ] \" | \" [ link 1 9 15 2 | link 1 13 8 2 | link 1 16 17 2 | link 1 20 19 2 | link 1 22 14 2 | link 1 25 16 2 | link 1 27 11 2 | link 1 4 7 2 | link 1 7 7 2 | link 1 11 14 2 | link 1 18 19 2 | title 1 1 28 3 ] | [ link 30 4 6 2 | link 30 9 9 2 | link 30 11 14 2 | link 30 13 16 2 | link 30 7 9 2 | link 30 16 23 2 | title 30 1 28 3 ] | [ link 60 4 9 2 | link 60 7 18 2 | link 60 9 23 2 | link 60 11 18 2 | title 60 1 28 3 ] \"", "plain_layout_seq": "link 90 4 4 2 | link 100 4 5 2 | link 90 7 7 4 | link 100 7 4 2 | link 100 9 5 2 | link 90 11 3 2 | link 100 11 7 4 | link 90 13 4 2 | link 90 15 6 2 | link 100 15 4 2 | link 90 17 4 2 | link 1 9 15 2 | link 1 13 8 2 | link 1 16 17 2 | link 1 20 19 2 | link 1 22 14 2 | link 1 25 16 2 | link 1 27 11 2 | link 1 4 7 2 | link 1 7 7 2 | link 1 11 14 2 | link 1 18 19 2 | link 30 4 6 2 | link 30 9 9 2 | link 30 11 14 2 | link 30 13 16 2 | link 30 7 9 2 | link 30 16 23 2 | link 60 4 9 2 | link 60 7 18 2 | link 60 9 23 2 | link 60 11 18 2 | title 89 1 30 3 | title 1 1 28 3 | title 30 1 28 3 | title 60 1 28 3", "canvas_width": 951, "canvas_height": 268, "elements": [ { "type": "title", "position": [ 8, 8, 222, 30 ], "completed": true }, { "type": "title", "position": [ 245, 8, 222, 30 ], "completed": true }, { "type": "title", "position": [ 483, 8, 222, 30 ], "completed": true }, { "type": "title", "position": [ 713, 8, 238, 30 ], "completed": true }, { "type": "link", "position": [ 8, 38, 63, 18 ], "completed": false }, { "type": "link", "position": [ 245, 38, 48, 18 ], "completed": false }, { "type": "link", "position": [ 483, 38, 72, 18 ], "completed": false }, { "type": "link", "position": [ 721, 38, 37, 18 ], "completed": false }, { "type": "link", "position": [ 795, 38, 43, 18 ], "completed": false }, { "type": "link", "position": [ 8, 56, 59, 18 ], "completed": false }, { "type": "link", "position": [ 245, 56, 77, 18 ], "completed": false }, { "type": "link", "position": [ 483, 56, 146, 18 ], "completed": false }, { "type": "link", "position": [ 721, 56, 58, 32 ], "completed": false }, { "type": "link", "position": [ 795, 56, 38, 18 ], "completed": false }, { "type": "link", "position": [ 8, 74, 126, 18 ], "completed": false }, { "type": "link", "position": [ 245, 74, 78, 18 ], "completed": false }, { "type": "link", "position": [ 483, 74, 189, 18 ], "completed": false }, { "type": "link", "position": [ 795, 74, 41, 18 ], "completed": false }, { "type": "link", "position": [ 721, 88, 30, 18 ], "completed": false }, { "type": "link", "position": [ 8, 92, 113, 18 ], "completed": false }, { "type": "link", "position": [ 245, 92, 117, 18 ], "completed": false }, { "type": "link", "position": [ 483, 92, 148, 18 ], "completed": false }, { "type": "link", "position": [ 795, 92, 58, 32 ], "completed": false }, { "type": "link", "position": [ 721, 106, 34, 18 ], "completed": false }, { "type": "link", "position": [ 8, 110, 70, 18 ], "completed": false }, { "type": "link", "position": [ 245, 110, 127, 18 ], "completed": false }, { "type": "link", "position": [ 721, 124, 48, 18 ], "completed": false }, { "type": "link", "position": [ 795, 124, 34, 18 ], "completed": false }, { "type": "link", "position": [ 8, 128, 135, 18 ], "completed": false }, { "type": "link", "position": [ 245, 128, 184, 18 ], "completed": false }, { "type": "link", "position": [ 721, 142, 38, 18 ], "completed": false }, { "type": "link", "position": [ 8, 146, 155, 18 ], "completed": false }, { "type": "link", "position": [ 8, 164, 153, 18 ], "completed": false }, { "type": "link", "position": [ 8, 182, 112, 18 ], "completed": false }, { "type": "link", "position": [ 8, 200, 133, 18 ], "completed": false }, { "type": "link", "position": [ 8, 218, 90, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have a logo and the slogan of the company, and 5 groups of links for users to click to know the different content of the web.", "region_id": "1566", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:title] [gp:NavGroup [gattr:repeat'5'] [item [el:link] ] ] ]", "execution": "footer : logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 5 0 10 6 | title 5 9 109 8 | \" [ link 5 34 4 2 | link 5 38 7 2 | link 5 30 3 2 | link 5 41 10 2 | link 5 45 7 2 | complete title 5 26 9 3 ] | [ link 33 34 9 2 | link 33 38 7 2 | link 33 45 4 2 | link 33 30 9 2 | link 33 41 13 2 | complete title 33 26 8 3 ] | [ link 61 30 5 2 | link 61 41 9 2 | link 61 34 9 2 | link 61 38 6 2 | link 61 45 7 2 | complete title 61 26 10 3 ] | [ link 5 63 10 2 | link 5 70 12 2 | link 5 74 10 2 | link 5 67 13 2 | complete title 5 59 7 3 ] | [ link 33 63 3 2 | link 33 67 15 2 | link 33 70 7 2 | link 33 74 10 2 | complete title 33 59 10 3 ] \"", "layout_seq_without_completion": "logo 5 0 10 6 | title 5 9 109 8 | \" [ link 5 34 4 2 | link 5 38 7 2 | link 5 30 3 2 | link 5 41 10 2 | link 5 45 7 2 | title 5 26 9 3 ] | [ link 33 34 9 2 | link 33 38 7 2 | link 33 45 4 2 | link 33 30 9 2 | link 33 41 13 2 | title 33 26 8 3 ] | [ link 61 30 5 2 | link 61 41 9 2 | link 61 34 9 2 | link 61 38 6 2 | link 61 45 7 2 | title 61 26 10 3 ] | [ link 5 63 10 2 | link 5 70 12 2 | link 5 74 10 2 | link 5 67 13 2 | title 5 59 7 3 ] | [ link 33 63 3 2 | link 33 67 15 2 | link 33 70 7 2 | link 33 74 10 2 | title 33 59 10 3 ] \"", "plain_layout_seq": "link 5 34 4 2 | link 5 38 7 2 | link 5 30 3 2 | link 5 41 10 2 | link 5 45 7 2 | link 33 34 9 2 | link 33 38 7 2 | link 33 45 4 2 | link 33 30 9 2 | link 33 41 13 2 | link 61 30 5 2 | link 61 41 9 2 | link 61 34 9 2 | link 61 38 6 2 | link 61 45 7 2 | link 5 63 10 2 | link 5 70 12 2 | link 5 74 10 2 | link 5 67 13 2 | link 33 63 3 2 | link 33 67 15 2 | link 33 70 7 2 | link 33 74 10 2 | logo 5 0 10 6 | title 5 9 109 8 | title 5 26 9 3 | title 33 26 8 3 | title 61 26 10 3 | title 5 59 7 3 | title 33 59 10 3", "canvas_width": 1024, "canvas_height": 664, "elements": [ { "type": "logo", "position": [ 44, 0, 86, 58 ], "completed": false }, { "type": "title", "position": [ 44, 81, 936, 72 ], "completed": false }, { "type": "title", "position": [ 44, 228, 83, 26 ], "completed": true }, { "type": "title", "position": [ 285, 228, 72, 26 ], "completed": true }, { "type": "title", "position": [ 525, 228, 86, 26 ], "completed": true }, { "type": "link", "position": [ 44, 262, 32, 21 ], "completed": false }, { "type": "link", "position": [ 285, 262, 83, 21 ], "completed": false }, { "type": "link", "position": [ 525, 262, 44, 21 ], "completed": false }, { "type": "link", "position": [ 44, 294, 39, 21 ], "completed": false }, { "type": "link", "position": [ 285, 294, 82, 21 ], "completed": false }, { "type": "link", "position": [ 525, 294, 77, 21 ], "completed": false }, { "type": "link", "position": [ 44, 326, 61, 21 ], "completed": false }, { "type": "link", "position": [ 285, 326, 67, 21 ], "completed": false }, { "type": "link", "position": [ 525, 326, 56, 21 ], "completed": false }, { "type": "link", "position": [ 44, 358, 86, 21 ], "completed": false }, { "type": "link", "position": [ 285, 358, 118, 21 ], "completed": false }, { "type": "link", "position": [ 525, 358, 77, 21 ], "completed": false }, { "type": "link", "position": [ 44, 390, 62, 21 ], "completed": false }, { "type": "link", "position": [ 285, 390, 39, 21 ], "completed": false }, { "type": "link", "position": [ 525, 390, 61, 21 ], "completed": false }, { "type": "title", "position": [ 44, 506, 68, 26 ], "completed": true }, { "type": "title", "position": [ 285, 506, 93, 26 ], "completed": true }, { "type": "link", "position": [ 44, 540, 89, 21 ], "completed": false }, { "type": "link", "position": [ 285, 540, 32, 21 ], "completed": false }, { "type": "link", "position": [ 44, 572, 111, 21 ], "completed": false }, { "type": "link", "position": [ 285, 572, 136, 21 ], "completed": false }, { "type": "link", "position": [ 44, 604, 107, 21 ], "completed": false }, { "type": "link", "position": [ 285, 604, 66, 21 ], "completed": false }, { "type": "link", "position": [ 44, 636, 89, 21 ], "completed": false }, { "type": "link", "position": [ 285, 636, 90, 21 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 4 groups of links for users to click to know the different content of the web fastly, namely, the Infos about the company, support, partners, and communities. And a button is needed for users to click to choose the language.", "region_id": "67", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'company, support, partners, communities'] [item [el:link] ] ] [el:button [attr:value'choose the language'] ] ]", "execution": "footer : button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 54 23 3 3 | link 33 23 21 3 | link 33 9 10 2 | link 33 13 11 2 | complete title 33 4 26 3 | complete title 33 18 26 3 | \" [ link 3 17 4 2 | link 3 26 5 2 | link 3 30 11 2 | link 3 38 5 2 | link 3 9 8 2 | link 3 13 16 2 | link 3 21 7 2 | link 3 34 22 2 | complete title 3 4 26 3 ] | [ link 63 9 16 2 | link 63 13 18 2 | link 63 17 14 2 | complete title 63 4 26 3 ] | [ link 93 17 10 2 | link 93 9 9 2 | link 93 13 4 2 | complete title 93 4 26 3 ] \"", "layout_seq_without_completion": "button 54 23 3 3 | link 33 23 21 3 | link 33 9 10 2 | link 33 13 11 2 | title 33 4 26 3 | title 33 18 26 3 | \" [ link 3 17 4 2 | link 3 26 5 2 | link 3 30 11 2 | link 3 38 5 2 | link 3 9 8 2 | link 3 13 16 2 | link 3 21 7 2 | link 3 34 22 2 | title 3 4 26 3 ] | [ link 63 9 16 2 | link 63 13 18 2 | link 63 17 14 2 | title 63 4 26 3 ] | [ link 93 17 10 2 | link 93 9 9 2 | link 93 13 4 2 | title 93 4 26 3 ] \"", "plain_layout_seq": "button 54 23 3 3 | link 33 23 21 3 | link 33 9 10 2 | link 33 13 11 2 | link 3 17 4 2 | link 3 26 5 2 | link 3 30 11 2 | link 3 38 5 2 | link 3 9 8 2 | link 3 13 16 2 | link 3 21 7 2 | link 3 34 22 2 | link 63 9 16 2 | link 63 13 18 2 | link 63 17 14 2 | link 93 17 10 2 | link 93 9 9 2 | link 93 13 4 2 | title 33 4 26 3 | title 33 18 26 3 | title 3 4 26 3 | title 63 4 26 3 | title 93 4 26 3", "canvas_width": 931, "canvas_height": 352, "elements": [ { "type": "title", "position": [ 24, 32, 209, 24 ], "completed": true }, { "type": "title", "position": [ 257, 32, 209, 24 ], "completed": true }, { "type": "title", "position": [ 490, 32, 209, 24 ], "completed": true }, { "type": "title", "position": [ 722, 32, 209, 24 ], "completed": true }, { "type": "link", "position": [ 24, 74, 64, 19 ], "completed": false }, { "type": "link", "position": [ 257, 74, 80, 19 ], "completed": false }, { "type": "link", "position": [ 490, 74, 127, 19 ], "completed": false }, { "type": "link", "position": [ 722, 74, 70, 19 ], "completed": false }, { "type": "link", "position": [ 24, 106, 131, 19 ], "completed": false }, { "type": "link", "position": [ 257, 106, 87, 19 ], "completed": false }, { "type": "link", "position": [ 490, 106, 147, 19 ], "completed": false }, { "type": "link", "position": [ 722, 106, 33, 19 ], "completed": false }, { "type": "link", "position": [ 24, 138, 34, 19 ], "completed": false }, { "type": "link", "position": [ 490, 138, 113, 19 ], "completed": false }, { "type": "link", "position": [ 722, 138, 82, 19 ], "completed": false }, { "type": "title", "position": [ 257, 144, 209, 24 ], "completed": true }, { "type": "link", "position": [ 24, 170, 56, 19 ], "completed": false }, { "type": "link", "position": [ 257, 184, 163, 24 ], "completed": false }, { "type": "button", "position": [ 419, 184, 24, 24 ], "completed": false }, { "type": "link", "position": [ 24, 202, 39, 19 ], "completed": false }, { "type": "link", "position": [ 24, 234, 90, 19 ], "completed": false }, { "type": "link", "position": [ 24, 266, 175, 19 ], "completed": false }, { "type": "link", "position": [ 24, 298, 39, 19 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have 4 lists of links: \"HELP & SUPPORT\" \"LEGAL\" \"COMPANY\", and \"RESOURCES\". And there should have 4, 6, 2, and 7 links in each list respectively.", "region_id": "3862", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'help & support'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'legal'] ] [el:link [attr:repeat '6'] ] ][item [el:title [attr:value 'company']] [el:link [attr:repeat '2'] ] ][item [el:title [attr:value 'resources'] ] [el:link [attr:repeat '7'] ] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 30 6 18 3 | link 0 6 16 3 | link 92 6 16 3 | link 61 6 9 3 | link 30 24 18 3 | link 92 28 16 3 | link 30 9 18 3 | link 0 17 16 3 | link 0 9 16 3 | link 0 13 16 3 | link 61 9 9 3 | link 92 9 16 3 | link 92 13 16 3 | link 30 17 18 3 | link 30 20 18 3 | link 92 24 16 3 | link 30 13 18 3 | link 92 17 16 3 | link 92 20 16 3 | title 30 1 18 3 | title 0 1 16 3 | title 61 1 9 3 | title 92 1 16 3", "layout_seq_without_completion": "link 30 6 18 3 | link 0 6 16 3 | link 92 6 16 3 | link 61 6 9 3 | link 30 24 18 3 | link 92 28 16 3 | link 30 9 18 3 | link 0 17 16 3 | link 0 9 16 3 | link 0 13 16 3 | link 61 9 9 3 | link 92 9 16 3 | link 92 13 16 3 | link 30 17 18 3 | link 30 20 18 3 | link 92 24 16 3 | link 30 13 18 3 | link 92 17 16 3 | link 92 20 16 3 | title 30 1 18 3 | title 0 1 16 3 | title 61 1 9 3 | title 92 1 16 3", "plain_layout_seq": "link 30 6 18 3 | link 0 6 16 3 | link 92 6 16 3 | link 61 6 9 3 | link 30 24 18 3 | link 92 28 16 3 | link 30 9 18 3 | link 0 17 16 3 | link 0 9 16 3 | link 0 13 16 3 | link 61 9 9 3 | link 92 9 16 3 | link 92 13 16 3 | link 30 17 18 3 | link 30 20 18 3 | link 92 24 16 3 | link 30 13 18 3 | link 92 17 16 3 | link 92 20 16 3 | title 30 1 18 3 | title 0 1 16 3 | title 61 1 9 3 | title 92 1 16 3", "canvas_width": 974, "canvas_height": 260, "elements": [ { "type": "title", "position": [ 0, 10, 131, 30 ], "completed": false }, { "type": "title", "position": [ 250, 10, 148, 30 ], "completed": false }, { "type": "title", "position": [ 499, 10, 77, 30 ], "completed": false }, { "type": "title", "position": [ 749, 10, 137, 30 ], "completed": false }, { "type": "link", "position": [ 0, 50, 131, 30 ], "completed": false }, { "type": "link", "position": [ 250, 50, 148, 30 ], "completed": false }, { "type": "link", "position": [ 499, 50, 77, 30 ], "completed": false }, { "type": "link", "position": [ 749, 50, 137, 30 ], "completed": false }, { "type": "link", "position": [ 0, 80, 131, 30 ], "completed": false }, { "type": "link", "position": [ 250, 80, 148, 30 ], "completed": false }, { "type": "link", "position": [ 499, 80, 77, 30 ], "completed": false }, { "type": "link", "position": [ 749, 80, 137, 30 ], "completed": false }, { "type": "link", "position": [ 0, 110, 131, 30 ], "completed": false }, { "type": "link", "position": [ 250, 110, 148, 30 ], "completed": false }, { "type": "link", "position": [ 749, 110, 137, 30 ], "completed": false }, { "type": "link", "position": [ 0, 140, 131, 30 ], "completed": false }, { "type": "link", "position": [ 250, 140, 148, 30 ], "completed": false }, { "type": "link", "position": [ 749, 140, 137, 30 ], "completed": false }, { "type": "link", "position": [ 250, 170, 148, 30 ], "completed": false }, { "type": "link", "position": [ 749, 170, 137, 30 ], "completed": false }, { "type": "link", "position": [ 250, 200, 148, 30 ], "completed": false }, { "type": "link", "position": [ 749, 200, 137, 30 ], "completed": false }, { "type": "link", "position": [ 749, 230, 137, 30 ], "completed": false } ] }, { "text": "#A page showing the information about Greenlight, a company that sponsors outstanding children. #The page is divided into two parts, the left side is the logo and slogan of the organization, and three download channels Apple store, Google Play, and Amazon Appstore. There are also Facebook, Youtube, Twitter, and ins icons. The right side has four groups, respectively, \"Features, options, learn, and who we are\". Each group has several different links for users to find information quickly.", "region_id": "210", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:position 'left'] ] [el:text [attr:value 'left'] ] [el:button [attr:value 'App Store'] [attr:value 'left'] ] [el:button [attr:value 'Google Play'] [attr:value 'left'] ] [el:button [attr:value 'Amazon Appstore'] [attr:value 'left'] ] [el:icon [attr:value 'facebook'] ] [el:icon [attr:value 'Youtube'] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'ins'] ] [gp:NavGroup [gattr:repeat'4'] [gattr:names 'Features, options, learn, who we are'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | logo left undefined | text undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 10 9 23 3 | text 10 15 26 2 | \" [ button 10 21 8 3 ] | [ button 19 21 8 3 ] | [ button 29 21 8 3 ] \" | \" [ icon 10 27 2 2 ] | [ icon 15 27 2 2 ] | [ icon 20 27 2 2 ] | [ icon 25 27 2 2 ] \" | \" [ link 44 37 9 4 | link 44 15 8 1 | link 44 19 6 1 | link 44 23 12 1 | link 44 27 11 1 | link 44 31 7 4 | link 44 43 7 4 | complete title 44 9 13 4 ] | [ link 61 15 11 1 | link 61 27 12 4 | link 61 19 11 1 | link 61 23 9 1 | link 61 33 11 1 | complete title 61 9 13 4 ] | [ link 79 15 3 1 | link 79 23 11 1 | link 79 27 3 1 | link 79 19 8 1 | link 79 31 5 1 | complete title 79 9 13 4 ] | [ link 96 23 8 1 | link 96 27 5 1 | link 96 31 3 1 | link 96 19 8 1 | link 96 35 6 1 | complete title 96 9 13 8 ] \"", "layout_seq_without_completion": "logo 10 9 23 3 | text 10 15 26 2 | \" [ button 10 21 8 3 ] | [ button 19 21 8 3 ] | [ button 29 21 8 3 ] \" | \" [ icon 10 27 2 2 ] | [ icon 15 27 2 2 ] | [ icon 20 27 2 2 ] | [ icon 25 27 2 2 ] \" | \" [ link 44 37 9 4 | link 44 15 8 1 | link 44 19 6 1 | link 44 23 12 1 | link 44 27 11 1 | link 44 31 7 4 | link 44 43 7 4 | title 44 9 13 4 ] | [ link 61 15 11 1 | link 61 27 12 4 | link 61 19 11 1 | link 61 23 9 1 | link 61 33 11 1 | title 61 9 13 4 ] | [ link 79 15 3 1 | link 79 23 11 1 | link 79 27 3 1 | link 79 19 8 1 | link 79 31 5 1 | title 79 9 13 4 ] | [ link 96 23 8 1 | link 96 27 5 1 | link 96 31 3 1 | link 96 19 8 1 | link 96 35 6 1 | title 96 9 13 8 ] \"", "plain_layout_seq": "button 10 21 8 3 | button 19 21 8 3 | button 29 21 8 3 | icon 10 27 2 2 | icon 15 27 2 2 | icon 20 27 2 2 | icon 25 27 2 2 | link 44 37 9 4 | link 44 15 8 1 | link 44 19 6 1 | link 44 23 12 1 | link 44 27 11 1 | link 44 31 7 4 | link 44 43 7 4 | link 61 15 11 1 | link 61 27 12 4 | link 61 19 11 1 | link 61 23 9 1 | link 61 33 11 1 | link 79 15 3 1 | link 79 23 11 1 | link 79 27 3 1 | link 79 19 8 1 | link 79 31 5 1 | link 96 23 8 1 | link 96 27 5 1 | link 96 31 3 1 | link 96 19 8 1 | link 96 35 6 1 | logo 10 9 23 3 | text 10 15 26 2 | title 44 9 13 4 | title 61 9 13 4 | title 79 9 13 4 | title 96 9 13 8", "canvas_width": 1003, "canvas_height": 496, "elements": [ { "type": "logo", "position": [ 84, 76, 194, 30 ], "completed": false }, { "type": "title", "position": [ 372, 76, 114, 34 ], "completed": true }, { "type": "title", "position": [ 517, 76, 114, 34 ], "completed": true }, { "type": "title", "position": [ 661, 76, 114, 34 ], "completed": true }, { "type": "title", "position": [ 805, 76, 114, 69 ], "completed": true }, { "type": "link", "position": [ 372, 126, 67, 16 ], "completed": false }, { "type": "link", "position": [ 517, 126, 94, 16 ], "completed": false }, { "type": "link", "position": [ 661, 126, 28, 16 ], "completed": false }, { "type": "text", "position": [ 84, 132, 220, 21 ], "completed": false }, { "type": "link", "position": [ 372, 160, 57, 16 ], "completed": false }, { "type": "link", "position": [ 517, 160, 95, 16 ], "completed": false }, { "type": "link", "position": [ 661, 160, 75, 16 ], "completed": false }, { "type": "link", "position": [ 805, 161, 74, 16 ], "completed": false }, { "type": "button", "position": [ 84, 176, 75, 28 ], "completed": false }, { "type": "button", "position": [ 166, 176, 75, 28 ], "completed": false }, { "type": "button", "position": [ 248, 176, 75, 28 ], "completed": false }, { "type": "link", "position": [ 372, 193, 108, 16 ], "completed": false }, { "type": "link", "position": [ 517, 193, 82, 16 ], "completed": false }, { "type": "link", "position": [ 661, 193, 96, 16 ], "completed": false }, { "type": "link", "position": [ 805, 194, 69, 16 ], "completed": false }, { "type": "link", "position": [ 372, 226, 99, 16 ], "completed": false }, { "type": "link", "position": [ 517, 226, 107, 34 ], "completed": false }, { "type": "link", "position": [ 661, 226, 26, 16 ], "completed": false }, { "type": "link", "position": [ 805, 227, 49, 16 ], "completed": false }, { "type": "icon", "position": [ 84, 230, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 127, 230, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 171, 230, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 215, 230, 25, 25 ], "completed": false }, { "type": "link", "position": [ 372, 260, 65, 34 ], "completed": false }, { "type": "link", "position": [ 661, 260, 48, 16 ], "completed": false }, { "type": "link", "position": [ 805, 260, 33, 16 ], "completed": false }, { "type": "link", "position": [ 517, 278, 92, 16 ], "completed": false }, { "type": "link", "position": [ 805, 294, 54, 16 ], "completed": false }, { "type": "link", "position": [ 372, 311, 78, 34 ], "completed": false }, { "type": "link", "position": [ 372, 362, 64, 34 ], "completed": false } ] }, { "text": "#A page showing the services on a company`s homepage.# There must be five information sets named \"why talk desk\", \"company\", \"solutions\", \"product\", \"resources\". There should be 36 small links in total to view these specific services.", "region_id": "2274", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:total_link'36'] [gattr:names'why talk desk, company, solutions, product, resources'] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 4 13 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 ] | [ link 21 4 9 2 | link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 ] | [ link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 4 10 2 | link 41 26 13 5 | link 41 34 15 5 ] | [ link 61 4 8 2 | link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 ] | [ link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 4 10 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5 ] \"", "layout_seq_without_completion": "\" [ link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 4 13 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 ] | [ link 21 4 9 2 | link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 ] | [ link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 4 10 2 | link 41 26 13 5 | link 41 34 15 5 ] | [ link 61 4 8 2 | link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 ] | [ link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 4 10 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5 ] \"", "plain_layout_seq": "link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 4 13 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 | link 21 4 9 2 | link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 | link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 4 10 2 | link 41 26 13 5 | link 41 34 15 5 | link 61 4 8 2 | link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 | link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 4 10 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5", "canvas_width": 849, "canvas_height": 439, "elements": [ { "type": "link", "position": [ 9, 33, 99, 15 ], "completed": false }, { "type": "link", "position": [ 150, 33, 64, 15 ], "completed": false }, { "type": "link", "position": [ 292, 33, 73, 15 ], "completed": false }, { "type": "link", "position": [ 433, 33, 62, 15 ], "completed": false }, { "type": "link", "position": [ 575, 33, 76, 15 ], "completed": false }, { "type": "link", "position": [ 9, 82, 115, 17 ], "completed": false }, { "type": "link", "position": [ 150, 82, 72, 17 ], "completed": false }, { "type": "link", "position": [ 292, 82, 112, 38 ], "completed": false }, { "type": "link", "position": [ 433, 82, 93, 17 ], "completed": false }, { "type": "link", "position": [ 575, 82, 29, 17 ], "completed": false }, { "type": "link", "position": [ 9, 115, 35, 17 ], "completed": false }, { "type": "link", "position": [ 150, 115, 55, 17 ], "completed": false }, { "type": "link", "position": [ 433, 115, 84, 38 ], "completed": false }, { "type": "link", "position": [ 575, 115, 109, 17 ], "completed": false }, { "type": "link", "position": [ 292, 136, 116, 38 ], "completed": false }, { "type": "link", "position": [ 9, 148, 44, 17 ], "completed": false }, { "type": "link", "position": [ 150, 148, 73, 17 ], "completed": false }, { "type": "link", "position": [ 575, 148, 86, 17 ], "completed": false }, { "type": "link", "position": [ 433, 169, 82, 38 ], "completed": false }, { "type": "link", "position": [ 9, 181, 77, 17 ], "completed": false }, { "type": "link", "position": [ 150, 181, 89, 17 ], "completed": false }, { "type": "link", "position": [ 575, 181, 119, 17 ], "completed": false }, { "type": "link", "position": [ 292, 190, 92, 38 ], "completed": false }, { "type": "link", "position": [ 9, 214, 81, 17 ], "completed": false }, { "type": "link", "position": [ 150, 214, 44, 17 ], "completed": false }, { "type": "link", "position": [ 575, 214, 108, 17 ], "completed": false }, { "type": "link", "position": [ 433, 223, 72, 59 ], "completed": false }, { "type": "link", "position": [ 292, 244, 110, 38 ], "completed": false }, { "type": "link", "position": [ 9, 247, 71, 17 ], "completed": false }, { "type": "link", "position": [ 150, 247, 51, 17 ], "completed": false }, { "type": "link", "position": [ 575, 247, 121, 17 ], "completed": false }, { "type": "link", "position": [ 150, 280, 103, 17 ], "completed": false }, { "type": "link", "position": [ 575, 280, 99, 38 ], "completed": false }, { "type": "link", "position": [ 292, 298, 118, 38 ], "completed": false }, { "type": "link", "position": [ 433, 298, 86, 38 ], "completed": false }, { "type": "link", "position": [ 292, 352, 108, 38 ], "completed": false } ] }, { "text": "#A page showing the services on a company`s homepage.# There must be five information sets each showing a distinct service such as \"COMPANY\". To be specific, there should be 36 small links in total to view these services.", "region_id": "2274_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:total_link'36'] [gattr:names'company'] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 | complete title 1 4 13 2 ] | [ link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 | complete title 21 4 9 2 ] | [ link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 26 13 5 | link 41 34 15 5 | complete title 41 4 10 2 ] | [ link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 | complete title 61 4 8 2 ] | [ link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5 | complete title 81 4 10 2 ] \"", "layout_seq_without_completion": "\" [ link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 | title 1 4 13 2 ] | [ link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 | title 21 4 9 2 ] | [ link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 26 13 5 | link 41 34 15 5 | title 41 4 10 2 ] | [ link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 | title 61 4 8 2 ] | [ link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5 | title 81 4 10 2 ] \"", "plain_layout_seq": "link 1 16 4 2 | link 1 25 10 2 | link 1 30 11 2 | link 1 11 16 2 | link 1 20 6 2 | link 1 34 10 2 | link 21 16 7 2 | link 21 20 10 2 | link 21 34 7 2 | link 21 11 10 2 | link 21 25 12 2 | link 21 30 6 2 | link 21 39 14 2 | link 41 11 15 5 | link 41 19 16 5 | link 41 42 16 5 | link 41 49 15 5 | link 41 26 13 5 | link 41 34 15 5 | link 61 11 13 2 | link 61 16 11 5 | link 61 31 10 8 | link 61 23 11 5 | link 61 42 12 5 | link 81 11 4 2 | link 81 20 12 2 | link 81 34 17 2 | link 81 16 15 2 | link 81 25 16 2 | link 81 30 15 2 | link 81 39 13 5 | title 1 4 13 2 | title 21 4 9 2 | title 41 4 10 2 | title 61 4 8 2 | title 81 4 10 2", "canvas_width": 849, "canvas_height": 439, "elements": [ { "type": "title", "position": [ 9, 33, 99, 15 ], "completed": true }, { "type": "title", "position": [ 150, 33, 64, 15 ], "completed": true }, { "type": "title", "position": [ 292, 33, 73, 15 ], "completed": true }, { "type": "title", "position": [ 433, 33, 62, 15 ], "completed": true }, { "type": "title", "position": [ 575, 33, 76, 15 ], "completed": true }, { "type": "link", "position": [ 9, 82, 115, 17 ], "completed": false }, { "type": "link", "position": [ 150, 82, 72, 17 ], "completed": false }, { "type": "link", "position": [ 292, 82, 112, 38 ], "completed": false }, { "type": "link", "position": [ 433, 82, 93, 17 ], "completed": false }, { "type": "link", "position": [ 575, 82, 29, 17 ], "completed": false }, { "type": "link", "position": [ 9, 115, 35, 17 ], "completed": false }, { "type": "link", "position": [ 150, 115, 55, 17 ], "completed": false }, { "type": "link", "position": [ 433, 115, 84, 38 ], "completed": false }, { "type": "link", "position": [ 575, 115, 109, 17 ], "completed": false }, { "type": "link", "position": [ 292, 136, 116, 38 ], "completed": false }, { "type": "link", "position": [ 9, 148, 44, 17 ], "completed": false }, { "type": "link", "position": [ 150, 148, 73, 17 ], "completed": false }, { "type": "link", "position": [ 575, 148, 86, 17 ], "completed": false }, { "type": "link", "position": [ 433, 169, 82, 38 ], "completed": false }, { "type": "link", "position": [ 9, 181, 77, 17 ], "completed": false }, { "type": "link", "position": [ 150, 181, 89, 17 ], "completed": false }, { "type": "link", "position": [ 575, 181, 119, 17 ], "completed": false }, { "type": "link", "position": [ 292, 190, 92, 38 ], "completed": false }, { "type": "link", "position": [ 9, 214, 81, 17 ], "completed": false }, { "type": "link", "position": [ 150, 214, 44, 17 ], "completed": false }, { "type": "link", "position": [ 575, 214, 108, 17 ], "completed": false }, { "type": "link", "position": [ 433, 223, 72, 59 ], "completed": false }, { "type": "link", "position": [ 292, 244, 110, 38 ], "completed": false }, { "type": "link", "position": [ 9, 247, 71, 17 ], "completed": false }, { "type": "link", "position": [ 150, 247, 51, 17 ], "completed": false }, { "type": "link", "position": [ 575, 247, 121, 17 ], "completed": false }, { "type": "link", "position": [ 150, 280, 103, 17 ], "completed": false }, { "type": "link", "position": [ 575, 280, 99, 38 ], "completed": false }, { "type": "link", "position": [ 292, 298, 118, 38 ], "completed": false }, { "type": "link", "position": [ 433, 298, 86, 38 ], "completed": false }, { "type": "link", "position": [ 292, 352, 108, 38 ], "completed": false } ] }, { "text": "# A page to guide the user to visit the company on social media platforms.# The page should have the title \"VISIT US\" and two icons for the user to visit the company on Facebook and Instagram.", "region_id": "7887", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'visit us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] ]", "execution": "footer : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 4 6 1 1 | icon 10 6 1 1 | title 4 0 110 2", "layout_seq_without_completion": "icon 4 6 1 1 | icon 10 6 1 1 | title 4 0 110 2", "plain_layout_seq": "icon 4 6 1 1 | icon 10 6 1 1 | title 4 0 110 2", "canvas_width": 1004, "canvas_height": 75, "elements": [ { "type": "title", "position": [ 40, 0, 924, 20 ], "completed": false }, { "type": "icon", "position": [ 40, 52, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 86, 52, 14, 14 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 5 groups while each group has a title and some links for users to click to quickly jump to the corresponding page in terms of product, the company, legal, support, and on the go.", "region_id": "2984", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [gattr:names 'products,get to know us, on the go, legal, support'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 5 7 13 2 | link 5 13 6 2 | link 5 23 15 2 | link 5 4 8 2 | link 5 10 3 2 | link 5 16 8 2 | link 5 20 7 2 | title 5 0 18 2 ] | [ link 28 4 4 2 | link 28 7 16 2 | link 28 10 7 2 | link 28 13 6 2 | link 28 26 5 2 | link 28 16 10 2 | link 28 20 14 2 | link 28 23 9 2 | link 28 29 1 2 | title 28 0 18 2 ] | [ link 50 4 12 2 | link 50 7 8 2 | link 50 13 6 2 | link 50 10 6 2 | title 50 0 18 2 ] | [ link 73 7 16 2 | link 73 10 17 2 | link 73 13 11 2 | link 73 4 4 2 | link 73 16 15 2 | title 73 0 18 2 ] | [ link 95 4 6 2 | link 95 7 13 2 | link 95 10 8 2 | link 95 16 15 2 | link 95 23 16 2 | link 95 13 9 2 | link 95 20 15 2 | link 95 26 7 2 | title 95 0 18 2 ] \"", "layout_seq_without_completion": "\" [ link 5 7 13 2 | link 5 13 6 2 | link 5 23 15 2 | link 5 4 8 2 | link 5 10 3 2 | link 5 16 8 2 | link 5 20 7 2 | title 5 0 18 2 ] | [ link 28 4 4 2 | link 28 7 16 2 | link 28 10 7 2 | link 28 13 6 2 | link 28 26 5 2 | link 28 16 10 2 | link 28 20 14 2 | link 28 23 9 2 | link 28 29 1 2 | title 28 0 18 2 ] | [ link 50 4 12 2 | link 50 7 8 2 | link 50 13 6 2 | link 50 10 6 2 | title 50 0 18 2 ] | [ link 73 7 16 2 | link 73 10 17 2 | link 73 13 11 2 | link 73 4 4 2 | link 73 16 15 2 | title 73 0 18 2 ] | [ link 95 4 6 2 | link 95 7 13 2 | link 95 10 8 2 | link 95 16 15 2 | link 95 23 16 2 | link 95 13 9 2 | link 95 20 15 2 | link 95 26 7 2 | title 95 0 18 2 ] \"", "plain_layout_seq": "link 5 7 13 2 | link 5 13 6 2 | link 5 23 15 2 | link 5 4 8 2 | link 5 10 3 2 | link 5 16 8 2 | link 5 20 7 2 | link 28 4 4 2 | link 28 7 16 2 | link 28 10 7 2 | link 28 13 6 2 | link 28 26 5 2 | link 28 16 10 2 | link 28 20 14 2 | link 28 23 9 2 | link 28 29 1 2 | link 50 4 12 2 | link 50 7 8 2 | link 50 13 6 2 | link 50 10 6 2 | link 73 7 16 2 | link 73 10 17 2 | link 73 13 11 2 | link 73 4 4 2 | link 73 16 15 2 | link 95 4 6 2 | link 95 7 13 2 | link 95 10 8 2 | link 95 16 15 2 | link 95 23 16 2 | link 95 13 9 2 | link 95 20 15 2 | link 95 26 7 2 | title 5 0 18 2 | title 28 0 18 2 | title 50 0 18 2 | title 73 0 18 2 | title 95 0 18 2", "canvas_width": 1024, "canvas_height": 307, "elements": [ { "type": "title", "position": [ 48, 0, 160, 21 ], "completed": false }, { "type": "title", "position": [ 240, 0, 160, 21 ], "completed": false }, { "type": "title", "position": [ 432, 0, 160, 21 ], "completed": false }, { "type": "title", "position": [ 624, 0, 160, 21 ], "completed": false }, { "type": "title", "position": [ 816, 0, 160, 21 ], "completed": false }, { "type": "link", "position": [ 48, 41, 74, 18 ], "completed": false }, { "type": "link", "position": [ 240, 41, 37, 18 ], "completed": false }, { "type": "link", "position": [ 432, 41, 107, 18 ], "completed": false }, { "type": "link", "position": [ 624, 41, 41, 18 ], "completed": false }, { "type": "link", "position": [ 816, 41, 57, 18 ], "completed": false }, { "type": "link", "position": [ 48, 67, 117, 18 ], "completed": false }, { "type": "link", "position": [ 240, 67, 137, 18 ], "completed": false }, { "type": "link", "position": [ 432, 67, 69, 18 ], "completed": false }, { "type": "link", "position": [ 624, 67, 141, 18 ], "completed": false }, { "type": "link", "position": [ 816, 67, 119, 18 ], "completed": false }, { "type": "link", "position": [ 48, 93, 29, 18 ], "completed": false }, { "type": "link", "position": [ 240, 93, 66, 18 ], "completed": false }, { "type": "link", "position": [ 432, 93, 58, 18 ], "completed": false }, { "type": "link", "position": [ 624, 93, 150, 18 ], "completed": false }, { "type": "link", "position": [ 816, 93, 72, 18 ], "completed": false }, { "type": "link", "position": [ 48, 119, 52, 18 ], "completed": false }, { "type": "link", "position": [ 240, 119, 55, 18 ], "completed": false }, { "type": "link", "position": [ 432, 119, 55, 18 ], "completed": false }, { "type": "link", "position": [ 624, 119, 100, 18 ], "completed": false }, { "type": "link", "position": [ 816, 119, 83, 18 ], "completed": false }, { "type": "link", "position": [ 48, 145, 71, 18 ], "completed": false }, { "type": "link", "position": [ 240, 145, 91, 18 ], "completed": false }, { "type": "link", "position": [ 624, 145, 132, 18 ], "completed": false }, { "type": "link", "position": [ 816, 145, 130, 18 ], "completed": false }, { "type": "link", "position": [ 48, 171, 68, 18 ], "completed": false }, { "type": "link", "position": [ 240, 171, 121, 18 ], "completed": false }, { "type": "link", "position": [ 816, 171, 136, 18 ], "completed": false }, { "type": "link", "position": [ 48, 197, 133, 18 ], "completed": false }, { "type": "link", "position": [ 240, 197, 80, 18 ], "completed": false }, { "type": "link", "position": [ 816, 197, 139, 18 ], "completed": false }, { "type": "link", "position": [ 240, 223, 45, 18 ], "completed": false }, { "type": "link", "position": [ 816, 223, 66, 18 ], "completed": false }, { "type": "link", "position": [ 240, 249, 17, 18 ], "completed": false } ] }, { "text": "# A footer page for subscribing to the newsletter and knowing customer care.# The page should have two groups: Newsletter and Customer Care. In the first group, there should have an input box and a button for the user to enter an email and click to subscribe. In the second group, there should have 5 links for the user to click to learn about legal notice, privacy policy, refund policy, shipping policy, and terms of service.", "region_id": "6785", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'newsletter'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] [item [el:title [attr:value 'customer care'] ] [el:link [attr:value 'legal notice'] ] [el:link [attr:value 'privacy policy'] ] [el:link [attr:value 'refund policy'] ] [el:link [attr:value 'shipping policy'] ] [el:link [attr:value 'terms of service'] ] ] ] ]", "execution": "footer : { [ button undefined undefined | input undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ button 47 7 8 1 | input 6 5 39 5 | title 6 0 51 2 ] | [ link 74 5 10 2 | link 61 8 11 2 | link 76 8 11 2 | link 61 5 9 2 | link 88 5 9 2 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ button 47 7 8 1 | input 6 5 39 5 | title 6 0 51 2 ] | [ link 74 5 10 2 | link 61 8 11 2 | link 76 8 11 2 | link 61 5 9 2 | link 88 5 9 2 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 47 7 8 1 | input 6 5 39 5 | link 74 5 10 2 | link 61 8 11 2 | link 76 8 11 2 | link 61 5 9 2 | link 88 5 9 2 | title 6 0 51 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 146, "elements": [ { "type": "title", "position": [ 55, 0, 442, 22 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 22 ], "completed": false }, { "type": "link", "position": [ 527, 47, 78, 19 ], "completed": false }, { "type": "link", "position": [ 635, 47, 87, 19 ], "completed": false }, { "type": "link", "position": [ 752, 47, 85, 19 ], "completed": false }, { "type": "input", "position": [ 55, 51, 333, 46 ], "completed": false }, { "type": "button", "position": [ 407, 66, 71, 17 ], "completed": false }, { "type": "link", "position": [ 527, 75, 97, 19 ], "completed": false }, { "type": "link", "position": [ 654, 75, 100, 19 ], "completed": false } ] }, { "text": "#A page for showing the quantity of sharing on social media.#There is a description of the quantity of sharing on the left side, there are five icons of social media.", "region_id": "5685", "region_type": "Footer", "ir": "[region:Footer [el:description [attr:position 'left'] ] [el:icon [attr:repeat '5'] ] ]", "execution": "footer : description left undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "description 0 0 7 2 | icon 19 1 2 2 | icon 63 1 2 2 | icon 85 1 2 2 | icon 107 1 2 2 | icon 41 1 2 2 | complete image 9 0 22 4 | complete image 53 0 22 4 | complete image 75 0 22 4 | complete image 31 0 22 4 | complete image 97 0 22 4 | complete text 0 2 7 1", "layout_seq_without_completion": "description 0 0 7 2 | icon 19 1 2 2 | icon 63 1 2 2 | icon 85 1 2 2 | icon 107 1 2 2 | icon 41 1 2 2 | image 9 0 22 4 | image 53 0 22 4 | image 75 0 22 4 | image 31 0 22 4 | image 97 0 22 4 | text 0 2 7 1", "plain_layout_seq": "description 0 0 7 2 | icon 19 1 2 2 | icon 63 1 2 2 | icon 85 1 2 2 | icon 107 1 2 2 | icon 41 1 2 2 | image 9 0 22 4 | image 53 0 22 4 | image 75 0 22 4 | image 31 0 22 4 | image 97 0 22 4 | text 0 2 7 1", "canvas_width": 1024, "canvas_height": 40, "elements": [ { "type": "image", "position": [ 80, 0, 189, 40 ], "completed": true }, { "type": "image", "position": [ 269, 0, 189, 40 ], "completed": true }, { "type": "image", "position": [ 458, 0, 188, 40 ], "completed": true }, { "type": "image", "position": [ 646, 0, 189, 40 ], "completed": true }, { "type": "image", "position": [ 835, 0, 189, 40 ], "completed": true }, { "type": "description", "position": [ 8, 6, 64, 18 ], "completed": false }, { "type": "icon", "position": [ 164, 10, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 353, 10, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 542, 10, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 731, 10, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 920, 10, 20, 20 ], "completed": false }, { "type": "text", "position": [ 8, 24, 64, 9 ], "completed": true } ] }, { "text": "# A footer page for the user to follow the company on social media platforms, links, and latest news.# The page should have three groups: \"Follow Us\" \"Links\", and \"Latest News\". In the first group, there should have three icons for the user to follow the company on Facebook, Pinterest, and Instagram. In the second group, there should have three links \"Search\" \"Terms of Service\", and \"Refund Policy\".", "region_id": "7547", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Pinterest'] ] [el:icon [attr:value 'Instagram'] ] ] [item [el:title [attr:value 'links'] ] [el:link [attr:value 'Search'] ] [el:link [attr:value 'Terms of Service'] ] [el:link [attr:value 'Refund Policy'] ] ] [item [el:title [attr:value 'latest news'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "title 83 0 10 2 | \" [ icon 7 4 2 3 | icon 11 4 2 3 | icon 3 4 2 3 | title 3 0 36 3 ] | [ link 43 5 4 2 | link 43 8 11 2 | link 43 11 10 2 | title 43 0 36 3 ] \"", "layout_seq_without_completion": "title 83 0 10 2 | \" [ icon 7 4 2 3 | icon 11 4 2 3 | icon 3 4 2 3 | title 3 0 36 3 ] | [ link 43 5 4 2 | link 43 8 11 2 | link 43 11 10 2 | title 43 0 36 3 ] \"", "plain_layout_seq": "icon 7 4 2 3 | icon 11 4 2 3 | icon 3 4 2 3 | link 43 5 4 2 | link 43 8 11 2 | link 43 11 10 2 | title 83 0 10 2 | title 3 0 36 3 | title 43 0 36 3", "canvas_width": 994, "canvas_height": 120, "elements": [ { "type": "title", "position": [ 30, 0, 301, 26 ], "completed": false }, { "type": "title", "position": [ 361, 0, 301, 26 ], "completed": false }, { "type": "title", "position": [ 693, 3, 86, 19 ], "completed": false }, { "type": "icon", "position": [ 30, 40, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 63, 40, 23, 25 ], "completed": false }, { "type": "icon", "position": [ 95, 40, 23, 25 ], "completed": false }, { "type": "link", "position": [ 361, 42, 40, 18 ], "completed": false }, { "type": "link", "position": [ 361, 69, 98, 18 ], "completed": false }, { "type": "link", "position": [ 361, 95, 83, 18 ], "completed": false } ] }, { "text": "# A footer page for navigation of a website. # The page should have three lists of links: \"DISCOVER\" \"TOPICS\", and \"MORE\". There should be 7 links in each list.", "region_id": "2688", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'discover, topics, more'] [item [el:link [attr:repeat '7'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 3 11 2 | link 0 7 7 2 | link 0 10 6 2 | link 0 13 6 2 | link 0 24 10 2 | link 0 17 7 2 | link 0 20 8 2 | complete title 0 0 23 1 ] | [ link 28 10 8 2 | link 28 13 7 2 | link 28 3 19 2 | link 28 7 10 2 | link 28 17 7 2 | link 28 20 4 2 | link 28 24 4 2 | complete title 28 0 23 1 ] | [ link 57 10 8 2 | link 57 24 11 2 | link 57 3 6 2 | link 57 7 7 2 | link 57 13 10 2 | link 57 17 11 2 | link 57 20 14 2 | complete title 57 0 23 1 ] \"", "layout_seq_without_completion": "\" [ link 0 3 11 2 | link 0 7 7 2 | link 0 10 6 2 | link 0 13 6 2 | link 0 24 10 2 | link 0 17 7 2 | link 0 20 8 2 | title 0 0 23 1 ] | [ link 28 10 8 2 | link 28 13 7 2 | link 28 3 19 2 | link 28 7 10 2 | link 28 17 7 2 | link 28 20 4 2 | link 28 24 4 2 | title 28 0 23 1 ] | [ link 57 10 8 2 | link 57 24 11 2 | link 57 3 6 2 | link 57 7 7 2 | link 57 13 10 2 | link 57 17 11 2 | link 57 20 14 2 | title 57 0 23 1 ] \"", "plain_layout_seq": "link 0 3 11 2 | link 0 7 7 2 | link 0 10 6 2 | link 0 13 6 2 | link 0 24 10 2 | link 0 17 7 2 | link 0 20 8 2 | link 28 10 8 2 | link 28 13 7 2 | link 28 3 19 2 | link 28 7 10 2 | link 28 17 7 2 | link 28 20 4 2 | link 28 24 4 2 | link 57 10 8 2 | link 57 24 11 2 | link 57 3 6 2 | link 57 7 7 2 | link 57 13 10 2 | link 57 17 11 2 | link 57 20 14 2 | title 0 0 23 1 | title 28 0 23 1 | title 57 0 23 1", "canvas_width": 929, "canvas_height": 253, "elements": [ { "type": "title", "position": [ 0, 0, 180, 14 ], "completed": true }, { "type": "title", "position": [ 221, 0, 180, 14 ], "completed": true }, { "type": "title", "position": [ 442, 0, 180, 14 ], "completed": true }, { "type": "link", "position": [ 0, 28, 90, 17 ], "completed": false }, { "type": "link", "position": [ 221, 28, 149, 17 ], "completed": false }, { "type": "link", "position": [ 442, 28, 51, 17 ], "completed": false }, { "type": "link", "position": [ 0, 55, 61, 17 ], "completed": false }, { "type": "link", "position": [ 221, 55, 80, 17 ], "completed": false }, { "type": "link", "position": [ 442, 55, 56, 17 ], "completed": false }, { "type": "link", "position": [ 0, 82, 47, 17 ], "completed": false }, { "type": "link", "position": [ 221, 82, 66, 17 ], "completed": false }, { "type": "link", "position": [ 442, 82, 66, 17 ], "completed": false }, { "type": "link", "position": [ 0, 108, 48, 17 ], "completed": false }, { "type": "link", "position": [ 221, 108, 55, 17 ], "completed": false }, { "type": "link", "position": [ 442, 108, 80, 17 ], "completed": false }, { "type": "link", "position": [ 0, 135, 56, 17 ], "completed": false }, { "type": "link", "position": [ 221, 135, 59, 17 ], "completed": false }, { "type": "link", "position": [ 442, 135, 87, 17 ], "completed": false }, { "type": "link", "position": [ 0, 162, 67, 17 ], "completed": false }, { "type": "link", "position": [ 221, 162, 35, 17 ], "completed": false }, { "type": "link", "position": [ 442, 162, 116, 17 ], "completed": false }, { "type": "link", "position": [ 0, 189, 84, 17 ], "completed": false }, { "type": "link", "position": [ 221, 189, 38, 17 ], "completed": false }, { "type": "link", "position": [ 442, 189, 92, 17 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company. # The page should have four lists of links \"Shopping\" \"Services\" \"Legal\", and \" Customer service\", and each list has 2-9 links for the user to learn more info about the company. Besides, there should also be four icons for the user to follow the company on social media platforms: Twitter, Facebook, Instagram, and YouTube.", "region_id": "3988", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'shopping, services, legal, customer service'] [item [el:link [attr:repeat '9'] ] ] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'YouTube'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 4 40 4 4 ] | [ icon 10 40 4 4 ] | [ icon 15 40 4 4 ] | [ icon 20 40 4 4 ] \" | \" [ link 4 13 11 1 | link 4 16 8 1 | link 4 19 7 1 | link 4 26 5 1 | link 4 29 2 1 | link 4 11 14 1 | link 4 21 11 1 | link 4 24 10 1 | link 4 31 4 1 | complete title 4 3 24 5 ] | [ link 33 13 13 1 | link 33 16 9 1 | link 33 11 9 1 | link 33 19 8 1 | link 33 21 10 1 | complete title 33 3 24 5 ] | [ link 61 11 9 1 | link 61 16 20 1 | link 61 13 13 1 | complete title 61 3 24 5 ] | [ link 90 11 12 1 | link 90 13 14 1 | complete title 90 3 24 5 ] \"", "layout_seq_without_completion": "\" [ icon 4 40 4 4 ] | [ icon 10 40 4 4 ] | [ icon 15 40 4 4 ] | [ icon 20 40 4 4 ] \" | \" [ link 4 13 11 1 | link 4 16 8 1 | link 4 19 7 1 | link 4 26 5 1 | link 4 29 2 1 | link 4 11 14 1 | link 4 21 11 1 | link 4 24 10 1 | link 4 31 4 1 | title 4 3 24 5 ] | [ link 33 13 13 1 | link 33 16 9 1 | link 33 11 9 1 | link 33 19 8 1 | link 33 21 10 1 | title 33 3 24 5 ] | [ link 61 11 9 1 | link 61 16 20 1 | link 61 13 13 1 | title 61 3 24 5 ] | [ link 90 11 12 1 | link 90 13 14 1 | title 90 3 24 5 ] \"", "plain_layout_seq": "icon 4 40 4 4 | icon 10 40 4 4 | icon 15 40 4 4 | icon 20 40 4 4 | link 4 13 11 1 | link 4 16 8 1 | link 4 19 7 1 | link 4 26 5 1 | link 4 29 2 1 | link 4 11 14 1 | link 4 21 11 1 | link 4 24 10 1 | link 4 31 4 1 | link 33 13 13 1 | link 33 16 9 1 | link 33 11 9 1 | link 33 19 8 1 | link 33 21 10 1 | link 61 11 9 1 | link 61 16 20 1 | link 61 13 13 1 | link 90 11 12 1 | link 90 13 14 1 | title 4 3 24 5 | title 33 3 24 5 | title 61 3 24 5 | title 90 3 24 5", "canvas_width": 1024, "canvas_height": 417, "elements": [ { "type": "title", "position": [ 42, 34, 213, 50 ], "completed": true }, { "type": "title", "position": [ 284, 34, 213, 50 ], "completed": true }, { "type": "title", "position": [ 527, 34, 213, 50 ], "completed": true }, { "type": "title", "position": [ 770, 34, 213, 50 ], "completed": true }, { "type": "link", "position": [ 42, 97, 127, 15 ], "completed": false }, { "type": "link", "position": [ 284, 97, 84, 15 ], "completed": false }, { "type": "link", "position": [ 527, 97, 81, 15 ], "completed": false }, { "type": "link", "position": [ 770, 97, 105, 15 ], "completed": false }, { "type": "link", "position": [ 42, 119, 98, 15 ], "completed": false }, { "type": "link", "position": [ 284, 119, 111, 15 ], "completed": false }, { "type": "link", "position": [ 527, 119, 113, 15 ], "completed": false }, { "type": "link", "position": [ 770, 119, 127, 15 ], "completed": false }, { "type": "link", "position": [ 42, 141, 69, 15 ], "completed": false }, { "type": "link", "position": [ 284, 141, 79, 15 ], "completed": false }, { "type": "link", "position": [ 527, 141, 171, 15 ], "completed": false }, { "type": "link", "position": [ 42, 163, 66, 15 ], "completed": false }, { "type": "link", "position": [ 284, 163, 76, 15 ], "completed": false }, { "type": "link", "position": [ 42, 185, 95, 15 ], "completed": false }, { "type": "link", "position": [ 284, 185, 90, 15 ], "completed": false }, { "type": "link", "position": [ 42, 207, 92, 15 ], "completed": false }, { "type": "link", "position": [ 42, 229, 48, 15 ], "completed": false }, { "type": "link", "position": [ 42, 251, 18, 15 ], "completed": false }, { "type": "link", "position": [ 42, 273, 38, 15 ], "completed": false }, { "type": "icon", "position": [ 42, 343, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 86, 343, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 129, 343, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 173, 343, 40, 40 ], "completed": false } ] }, { "text": "#A footer page of a company.# There should be four information groups, respectively introduced \"Solutions\", \"Company\", \"Resources\", and \"Integration\". Under each category, there are several sub-links to present more detailed information.", "region_id": "929", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'Solutions,Company,Resources,Integration'] [item [el:link [attr:repeat'Several'] ]]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 0 5 43 2 | complete title 50 5 26 2 | \" [ link 0 11 8 3 ] | [ link 0 16 7 3 ] | [ link 0 20 15 3 ] | [ link 0 25 11 3 ] | [ link 0 30 11 7 ] | [ link 0 40 16 3 ] \" | \" [ link 19 11 17 3 ] | [ link 19 16 16 7 ] | [ link 19 25 14 3 ] | [ link 19 30 6 3 ] | [ link 19 35 7 3 ] \" | \" [ link 50 11 19 3 | link 65 16 10 2 | link 50 30 15 3 | link 50 35 9 3 | link 50 40 9 3 | link 50 16 13 3 | link 50 20 18 3 | link 50 25 8 3 ] | [ link 83 11 4 3 | link 83 16 15 3 | complete title 83 5 15 2 ] | [ link 105 20 7 3 | link 105 11 14 3 | link 105 16 12 3 | complete title 105 5 14 2 ] \"", "layout_seq_without_completion": "title 0 5 43 2 | title 50 5 26 2 | \" [ link 0 11 8 3 ] | [ link 0 16 7 3 ] | [ link 0 20 15 3 ] | [ link 0 25 11 3 ] | [ link 0 30 11 7 ] | [ link 0 40 16 3 ] \" | \" [ link 19 11 17 3 ] | [ link 19 16 16 7 ] | [ link 19 25 14 3 ] | [ link 19 30 6 3 ] | [ link 19 35 7 3 ] \" | \" [ link 50 11 19 3 | link 65 16 10 2 | link 50 30 15 3 | link 50 35 9 3 | link 50 40 9 3 | link 50 16 13 3 | link 50 20 18 3 | link 50 25 8 3 ] | [ link 83 11 4 3 | link 83 16 15 3 | title 83 5 15 2 ] | [ link 105 20 7 3 | link 105 11 14 3 | link 105 16 12 3 | title 105 5 14 2 ] \"", "plain_layout_seq": "link 0 11 8 3 | link 0 16 7 3 | link 0 20 15 3 | link 0 25 11 3 | link 0 30 11 7 | link 0 40 16 3 | link 19 11 17 3 | link 19 16 16 7 | link 19 25 14 3 | link 19 30 6 3 | link 19 35 7 3 | link 50 11 19 3 | link 65 16 10 2 | link 50 30 15 3 | link 50 35 9 3 | link 50 40 9 3 | link 50 16 13 3 | link 50 20 18 3 | link 50 25 8 3 | link 83 11 4 3 | link 83 16 15 3 | link 105 20 7 3 | link 105 11 14 3 | link 105 16 12 3 | title 0 5 43 2 | title 50 5 26 2 | title 83 5 15 2 | title 105 5 14 2", "canvas_width": 875, "canvas_height": 324, "elements": [ { "type": "title", "position": [ 0, 40, 315, 16 ], "completed": true }, { "type": "title", "position": [ 366, 40, 190, 16 ], "completed": true }, { "type": "title", "position": [ 606, 40, 115, 16 ], "completed": true }, { "type": "title", "position": [ 771, 40, 104, 16 ], "completed": true }, { "type": "link", "position": [ 0, 81, 65, 22 ], "completed": false }, { "type": "link", "position": [ 145, 81, 126, 22 ], "completed": false }, { "type": "link", "position": [ 366, 81, 142, 22 ], "completed": false }, { "type": "link", "position": [ 606, 81, 30, 22 ], "completed": false }, { "type": "link", "position": [ 771, 81, 104, 22 ], "completed": false }, { "type": "link", "position": [ 0, 117, 52, 22 ], "completed": false }, { "type": "link", "position": [ 145, 117, 117, 58 ], "completed": false }, { "type": "link", "position": [ 366, 117, 102, 22 ], "completed": false }, { "type": "link", "position": [ 479, 117, 77, 20 ], "completed": false }, { "type": "link", "position": [ 606, 117, 115, 22 ], "completed": false }, { "type": "link", "position": [ 771, 117, 94, 22 ], "completed": false }, { "type": "link", "position": [ 0, 153, 112, 22 ], "completed": false }, { "type": "link", "position": [ 366, 153, 135, 22 ], "completed": false }, { "type": "link", "position": [ 771, 153, 55, 22 ], "completed": false }, { "type": "link", "position": [ 0, 189, 81, 22 ], "completed": false }, { "type": "link", "position": [ 145, 189, 108, 22 ], "completed": false }, { "type": "link", "position": [ 366, 189, 59, 22 ], "completed": false }, { "type": "link", "position": [ 0, 225, 85, 58 ], "completed": false }, { "type": "link", "position": [ 145, 225, 47, 22 ], "completed": false }, { "type": "link", "position": [ 366, 225, 111, 22 ], "completed": false }, { "type": "link", "position": [ 145, 261, 55, 22 ], "completed": false }, { "type": "link", "position": [ 366, 261, 71, 22 ], "completed": false }, { "type": "link", "position": [ 0, 297, 121, 22 ], "completed": false }, { "type": "link", "position": [ 366, 297, 72, 22 ], "completed": false } ] }, { "text": "#A page for navigation of the Evidation.# The page should have a logo of Evidation, and some links for users to click to know the different content of the web.", "region_id": "152", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:total_link'several'] [item [el:button] ] ] ]", "execution": "footer : logo undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 92 12 4 1 | button 92 17 5 1 | button 109 17 6 1 | button 109 12 5 1 | logo 0 9 27 5 | \" [ button 43 12 7 1 ] | [ button 43 17 9 1 ] | [ button 43 22 11 1 ] | [ button 43 27 7 1 ] \" | \" [ button 66 12 6 1 ] | [ button 66 17 6 1 ] | [ button 66 22 14 1 ] \"", "layout_seq_without_completion": "button 92 12 4 1 | button 92 17 5 1 | button 109 17 6 1 | button 109 12 5 1 | logo 0 9 27 5 | \" [ button 43 12 7 1 ] | [ button 43 17 9 1 ] | [ button 43 22 11 1 ] | [ button 43 27 7 1 ] \" | \" [ button 66 12 6 1 ] | [ button 66 17 6 1 ] | [ button 66 22 14 1 ] \"", "plain_layout_seq": "button 92 12 4 1 | button 92 17 5 1 | button 109 17 6 1 | button 109 12 5 1 | button 43 12 7 1 | button 43 17 9 1 | button 43 22 11 1 | button 43 27 7 1 | button 66 12 6 1 | button 66 17 6 1 | button 66 22 14 1 | logo 0 9 27 5", "canvas_width": 1024, "canvas_height": 329, "elements": [ { "type": "logo", "position": [ 1, 80, 238, 51 ], "completed": false }, { "type": "button", "position": [ 567, 105, 54, 16 ], "completed": false }, { "type": "button", "position": [ 788, 105, 42, 16 ], "completed": false }, { "type": "button", "position": [ 936, 105, 45, 16 ], "completed": false }, { "type": "button", "position": [ 367, 106, 61, 16 ], "completed": false }, { "type": "button", "position": [ 567, 147, 53, 16 ], "completed": false }, { "type": "button", "position": [ 788, 147, 50, 16 ], "completed": false }, { "type": "button", "position": [ 936, 147, 57, 16 ], "completed": false }, { "type": "button", "position": [ 367, 148, 82, 16 ], "completed": false }, { "type": "button", "position": [ 567, 189, 123, 16 ], "completed": false }, { "type": "button", "position": [ 367, 190, 101, 16 ], "completed": false }, { "type": "button", "position": [ 367, 232, 65, 16 ], "completed": false } ] }, { "text": "#A page for navigation of FlixBus.# The page should have 4 groups of links for users to click to know the different content of FlixBus fastly, such as route map, photo credit, help, service, and so on.", "region_id": "179", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names'route map, photo credit, help, service'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 22 9 2 | link 1 5 16 2 | link 1 10 9 2 | link 1 14 13 2 | link 1 18 13 2 | complete title 1 0 57 5 ] | [ link 60 10 9 2 | link 60 14 4 2 | link 60 5 11 2 | link 60 18 10 2 | link 60 22 37 2 | link 60 26 43 2 | link 60 31 19 2 | link 60 35 11 2 | complete title 60 0 57 5 ] | [ link 1 45 12 2 | link 1 49 9 2 | link 1 57 12 2 | link 1 62 13 2 | link 1 66 13 2 | link 1 53 13 2 | complete title 1 39 57 5 ] | [ link 60 49 7 2 | link 60 53 16 2 | link 60 57 7 2 | link 60 70 7 2 | link 60 45 3 2 | link 60 62 16 2 | link 60 66 15 2 | complete title 60 39 57 5 ] \"", "layout_seq_without_completion": "\" [ link 1 22 9 2 | link 1 5 16 2 | link 1 10 9 2 | link 1 14 13 2 | link 1 18 13 2 | title 1 0 57 5 ] | [ link 60 10 9 2 | link 60 14 4 2 | link 60 5 11 2 | link 60 18 10 2 | link 60 22 37 2 | link 60 26 43 2 | link 60 31 19 2 | link 60 35 11 2 | title 60 0 57 5 ] | [ link 1 45 12 2 | link 1 49 9 2 | link 1 57 12 2 | link 1 62 13 2 | link 1 66 13 2 | link 1 53 13 2 | title 1 39 57 5 ] | [ link 60 49 7 2 | link 60 53 16 2 | link 60 57 7 2 | link 60 70 7 2 | link 60 45 3 2 | link 60 62 16 2 | link 60 66 15 2 | title 60 39 57 5 ] \"", "plain_layout_seq": "link 1 22 9 2 | link 1 5 16 2 | link 1 10 9 2 | link 1 14 13 2 | link 1 18 13 2 | link 60 10 9 2 | link 60 14 4 2 | link 60 5 11 2 | link 60 18 10 2 | link 60 22 37 2 | link 60 26 43 2 | link 60 31 19 2 | link 60 35 11 2 | link 1 45 12 2 | link 1 49 9 2 | link 1 57 12 2 | link 1 62 13 2 | link 1 66 13 2 | link 1 53 13 2 | link 60 49 7 2 | link 60 53 16 2 | link 60 57 7 2 | link 60 70 7 2 | link 60 45 3 2 | link 60 62 16 2 | link 60 66 15 2 | title 1 0 57 5 | title 60 0 57 5 | title 1 39 57 5 | title 60 39 57 5", "canvas_width": 1024, "canvas_height": 636, "elements": [ { "type": "title", "position": [ 12, 0, 494, 48 ], "completed": true }, { "type": "title", "position": [ 518, 0, 494, 48 ], "completed": true }, { "type": "link", "position": [ 12, 50, 142, 19 ], "completed": false }, { "type": "link", "position": [ 518, 50, 98, 19 ], "completed": false }, { "type": "link", "position": [ 12, 86, 77, 19 ], "completed": false }, { "type": "link", "position": [ 518, 86, 77, 19 ], "completed": false }, { "type": "link", "position": [ 12, 122, 116, 19 ], "completed": false }, { "type": "link", "position": [ 518, 122, 35, 19 ], "completed": false }, { "type": "link", "position": [ 12, 158, 111, 19 ], "completed": false }, { "type": "link", "position": [ 518, 158, 86, 19 ], "completed": false }, { "type": "link", "position": [ 12, 194, 83, 19 ], "completed": false }, { "type": "link", "position": [ 518, 194, 320, 19 ], "completed": false }, { "type": "link", "position": [ 518, 230, 367, 19 ], "completed": false }, { "type": "link", "position": [ 518, 266, 166, 19 ], "completed": false }, { "type": "link", "position": [ 518, 302, 97, 19 ], "completed": false }, { "type": "title", "position": [ 12, 336, 494, 48 ], "completed": true }, { "type": "title", "position": [ 518, 336, 494, 48 ], "completed": true }, { "type": "link", "position": [ 12, 386, 105, 19 ], "completed": false }, { "type": "link", "position": [ 518, 386, 33, 19 ], "completed": false }, { "type": "link", "position": [ 12, 422, 79, 19 ], "completed": false }, { "type": "link", "position": [ 518, 422, 60, 19 ], "completed": false }, { "type": "link", "position": [ 12, 458, 113, 19 ], "completed": false }, { "type": "link", "position": [ 518, 458, 145, 19 ], "completed": false }, { "type": "link", "position": [ 12, 494, 105, 19 ], "completed": false }, { "type": "link", "position": [ 518, 494, 67, 19 ], "completed": false }, { "type": "link", "position": [ 12, 530, 113, 19 ], "completed": false }, { "type": "link", "position": [ 518, 530, 139, 19 ], "completed": false }, { "type": "link", "position": [ 12, 566, 115, 19 ], "completed": false }, { "type": "link", "position": [ 518, 566, 128, 19 ], "completed": false }, { "type": "link", "position": [ 518, 602, 63, 19 ], "completed": false } ] }, { "text": "#A page showing the contact information.# There is a title named \"CONTACT US\". There are nine small texts showing the specific locations.", "region_id": "340", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value'contact us'] ] [gp:NavGroup [gattr:total_link'9'] [item [el:text [attr:size 'small'] ] ] ] ]", "execution": "footer : title undefined undefined | { [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] | [ text undefined small ] }", "layout_seq_with_completion": "title 0 0 114 6 | \" [ text 0 8 20 2 ] | [ text 0 12 12 2 ] | [ text 0 17 9 2 ] | [ text 0 22 16 2 ] | [ text 0 26 17 2 ] | [ text 0 31 20 2 ] | [ text 0 35 13 2 ] | [ text 0 40 10 2 ] | [ text 0 45 17 2 ] \"", "layout_seq_without_completion": "title 0 0 114 6 | \" [ text 0 8 20 2 ] | [ text 0 12 12 2 ] | [ text 0 17 9 2 ] | [ text 0 22 16 2 ] | [ text 0 26 17 2 ] | [ text 0 31 20 2 ] | [ text 0 35 13 2 ] | [ text 0 40 10 2 ] | [ text 0 45 17 2 ] \"", "plain_layout_seq": "text 0 8 20 2 | text 0 12 12 2 | text 0 17 9 2 | text 0 22 16 2 | text 0 26 17 2 | text 0 31 20 2 | text 0 35 13 2 | text 0 40 10 2 | text 0 45 17 2 | title 0 0 114 6", "canvas_width": 960, "canvas_height": 398, "elements": [ { "type": "title", "position": [ 0, 0, 912, 48 ], "completed": false }, { "type": "text", "position": [ 0, 66, 166, 21 ], "completed": false }, { "type": "text", "position": [ 0, 103, 101, 21 ], "completed": false }, { "type": "text", "position": [ 0, 140, 77, 21 ], "completed": false }, { "type": "text", "position": [ 0, 177, 133, 21 ], "completed": false }, { "type": "text", "position": [ 0, 214, 138, 21 ], "completed": false }, { "type": "text", "position": [ 0, 250, 164, 21 ], "completed": false }, { "type": "text", "position": [ 0, 287, 109, 21 ], "completed": false }, { "type": "text", "position": [ 0, 324, 87, 21 ], "completed": false }, { "type": "text", "position": [ 0, 361, 143, 21 ], "completed": false } ] }, { "text": "#A page showing the contact information.# There is a long text box named \"CONTACT US\". There are nine small text boxes showing the specific locations.", "region_id": "340_1", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value'contact us'] ] [gp:NavGroup [gattr:total_link'9'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 114 6 | \" [ link 0 8 20 2 ] | [ link 0 12 12 2 ] | [ link 0 17 9 2 ] | [ link 0 22 16 2 ] | [ link 0 26 17 2 ] | [ link 0 31 20 2 ] | [ link 0 35 13 2 ] | [ link 0 40 10 2 ] | [ link 0 45 17 2 ] \"", "layout_seq_without_completion": "title 0 0 114 6 | \" [ link 0 8 20 2 ] | [ link 0 12 12 2 ] | [ link 0 17 9 2 ] | [ link 0 22 16 2 ] | [ link 0 26 17 2 ] | [ link 0 31 20 2 ] | [ link 0 35 13 2 ] | [ link 0 40 10 2 ] | [ link 0 45 17 2 ] \"", "plain_layout_seq": "link 0 8 20 2 | link 0 12 12 2 | link 0 17 9 2 | link 0 22 16 2 | link 0 26 17 2 | link 0 31 20 2 | link 0 35 13 2 | link 0 40 10 2 | link 0 45 17 2 | title 0 0 114 6", "canvas_width": 960, "canvas_height": 398, "elements": [ { "type": "title", "position": [ 0, 0, 912, 48 ], "completed": false }, { "type": "link", "position": [ 0, 66, 166, 21 ], "completed": false }, { "type": "link", "position": [ 0, 103, 101, 21 ], "completed": false }, { "type": "link", "position": [ 0, 140, 77, 21 ], "completed": false }, { "type": "link", "position": [ 0, 177, 133, 21 ], "completed": false }, { "type": "link", "position": [ 0, 214, 138, 21 ], "completed": false }, { "type": "link", "position": [ 0, 250, 164, 21 ], "completed": false }, { "type": "link", "position": [ 0, 287, 109, 21 ], "completed": false }, { "type": "link", "position": [ 0, 324, 87, 21 ], "completed": false }, { "type": "link", "position": [ 0, 361, 143, 21 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be five entries of text buttons. Users can get access to different info through these buttons such as invertor, and media.", "region_id": "2412", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'5'] [gattr:names'investor, media'] [item [el:button] ] ] ]", "execution": "footer : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 0 0 120 6 ] | [ button 0 6 120 6 ] | [ button 0 13 120 6 ] | [ button 0 20 120 6 ] | [ button 0 27 120 6 ] \"", "layout_seq_without_completion": "\" [ button 0 0 120 6 ] | [ button 0 6 120 6 ] | [ button 0 13 120 6 ] | [ button 0 20 120 6 ] | [ button 0 27 120 6 ] \"", "plain_layout_seq": "button 0 0 120 6 | button 0 6 120 6 | button 0 13 120 6 | button 0 20 120 6 | button 0 27 120 6", "canvas_width": 984, "canvas_height": 280, "elements": [ { "type": "button", "position": [ 0, 0, 984, 56 ], "completed": false }, { "type": "button", "position": [ 0, 56, 984, 56 ], "completed": false }, { "type": "button", "position": [ 0, 112, 984, 56 ], "completed": false }, { "type": "button", "position": [ 0, 168, 984, 56 ], "completed": false }, { "type": "button", "position": [ 0, 224, 984, 56 ], "completed": false } ] }, { "text": "#A page for navigation of Nohea.# The page should have an introduction to Nohea, and 2 groups the first group has a title and 7 links for users to click to learn some info about the company, and the second group has a title and 6 links for users to shop by category.", "region_id": "6837", "region_type": "Footer", "ir": "[region:Footer [el:description] [gp:NavGroup [item [el:title] [el:link [attr:repeat '7'] ] ] [item [el:title] [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : description undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 5 35 29 | title 4 0 35 2 | \" [ link 44 6 8 4 | link 44 10 10 4 | link 44 15 18 4 | link 44 19 13 4 | link 44 29 22 4 | link 44 34 16 4 | link 44 24 18 4 | title 44 0 35 2 ] | [ link 84 6 8 4 | link 84 10 10 4 | link 84 15 5 4 | link 84 19 15 4 | link 84 29 22 4 | link 84 24 14 4 | title 84 0 35 2 ] \"", "layout_seq_without_completion": "description 4 5 35 29 | title 4 0 35 2 | \" [ link 44 6 8 4 | link 44 10 10 4 | link 44 15 18 4 | link 44 19 13 4 | link 44 29 22 4 | link 44 34 16 4 | link 44 24 18 4 | title 44 0 35 2 ] | [ link 84 6 8 4 | link 84 10 10 4 | link 84 15 5 4 | link 84 19 15 4 | link 84 29 22 4 | link 84 24 14 4 | title 84 0 35 2 ] \"", "plain_layout_seq": "description 4 5 35 29 | link 44 6 8 4 | link 44 10 10 4 | link 44 15 18 4 | link 44 19 13 4 | link 44 29 22 4 | link 44 34 16 4 | link 44 24 18 4 | link 84 6 8 4 | link 84 10 10 4 | link 84 15 5 4 | link 84 19 15 4 | link 84 29 22 4 | link 84 24 14 4 | title 4 0 35 2 | title 44 0 35 2 | title 84 0 35 2", "canvas_width": 947, "canvas_height": 318, "elements": [ { "type": "title", "position": [ 33, 0, 283, 23 ], "completed": false }, { "type": "title", "position": [ 349, 0, 283, 23 ], "completed": false }, { "type": "title", "position": [ 664, 0, 283, 23 ], "completed": false }, { "type": "description", "position": [ 33, 46, 283, 231 ], "completed": false }, { "type": "link", "position": [ 349, 50, 67, 32 ], "completed": false }, { "type": "link", "position": [ 664, 50, 64, 32 ], "completed": false }, { "type": "link", "position": [ 349, 82, 82, 38 ], "completed": false }, { "type": "link", "position": [ 664, 82, 79, 38 ], "completed": false }, { "type": "link", "position": [ 349, 119, 146, 38 ], "completed": false }, { "type": "link", "position": [ 664, 119, 42, 38 ], "completed": false }, { "type": "link", "position": [ 349, 157, 107, 38 ], "completed": false }, { "type": "link", "position": [ 664, 157, 122, 38 ], "completed": false }, { "type": "link", "position": [ 349, 195, 146, 38 ], "completed": false }, { "type": "link", "position": [ 664, 195, 114, 38 ], "completed": false }, { "type": "link", "position": [ 349, 232, 175, 38 ], "completed": false }, { "type": "link", "position": [ 664, 232, 174, 38 ], "completed": false }, { "type": "link", "position": [ 349, 270, 129, 38 ], "completed": false } ] }, { "text": "#A page for introducing one company's info.# There should be four info groups and each of them includes one title showing the types, and some links.", "region_id": "1504", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | title 1 0 16 2 ] | [ link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | title 31 0 17 2 ] | [ link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | title 61 0 9 2 ] | [ link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | link 91 25 22 3 | title 91 0 8 2 ] \"", "layout_seq_without_completion": "\" [ link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | title 1 0 16 2 ] | [ link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | title 31 0 17 2 ] | [ link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | title 61 0 9 2 ] | [ link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | link 91 25 22 3 | title 91 0 8 2 ] \"", "plain_layout_seq": "link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | link 91 25 22 3 | title 1 0 16 2 | title 31 0 17 2 | title 61 0 9 2 | title 91 0 8 2", "canvas_width": 904, "canvas_height": 673, "elements": [ { "type": "title", "position": [ 15, 6, 122, 16 ], "completed": false }, { "type": "title", "position": [ 241, 6, 131, 16 ], "completed": false }, { "type": "title", "position": [ 467, 6, 72, 16 ], "completed": false }, { "type": "title", "position": [ 693, 6, 61, 16 ], "completed": false }, { "type": "link", "position": [ 15, 51, 131, 17 ], "completed": false }, { "type": "link", "position": [ 241, 51, 32, 17 ], "completed": false }, { "type": "link", "position": [ 467, 51, 104, 17 ], "completed": false }, { "type": "link", "position": [ 693, 51, 40, 17 ], "completed": false }, { "type": "link", "position": [ 15, 81, 85, 17 ], "completed": false }, { "type": "link", "position": [ 241, 81, 116, 17 ], "completed": false }, { "type": "link", "position": [ 467, 81, 70, 17 ], "completed": false }, { "type": "link", "position": [ 693, 81, 53, 17 ], "completed": false }, { "type": "link", "position": [ 15, 111, 80, 17 ], "completed": false }, { "type": "link", "position": [ 241, 111, 121, 37 ], "completed": false }, { "type": "link", "position": [ 467, 111, 37, 17 ], "completed": false }, { "type": "link", "position": [ 693, 111, 71, 17 ], "completed": false }, { "type": "link", "position": [ 15, 141, 145, 17 ], "completed": false }, { "type": "link", "position": [ 467, 141, 83, 17 ], "completed": false }, { "type": "link", "position": [ 693, 141, 114, 17 ], "completed": false }, { "type": "link", "position": [ 241, 161, 62, 17 ], "completed": false }, { "type": "link", "position": [ 15, 171, 164, 17 ], "completed": false }, { "type": "link", "position": [ 467, 171, 49, 17 ], "completed": false }, { "type": "link", "position": [ 693, 171, 82, 17 ], "completed": false }, { "type": "link", "position": [ 693, 190, 171, 30 ], "completed": false }, { "type": "link", "position": [ 15, 202, 62, 17 ], "completed": false }, { "type": "link", "position": [ 467, 202, 62, 17 ], "completed": false }, { "type": "link", "position": [ 15, 232, 109, 17 ], "completed": false }, { "type": "link", "position": [ 467, 232, 109, 17 ], "completed": false }, { "type": "link", "position": [ 693, 232, 91, 17 ], "completed": false }, { "type": "link", "position": [ 15, 262, 93, 17 ], "completed": false }, { "type": "link", "position": [ 467, 262, 146, 17 ], "completed": false }, { "type": "link", "position": [ 693, 262, 170, 17 ], "completed": false }, { "type": "link", "position": [ 15, 292, 74, 17 ], "completed": false }, { "type": "link", "position": [ 467, 292, 118, 17 ], "completed": false }, { "type": "link", "position": [ 693, 292, 70, 17 ], "completed": false }, { "type": "link", "position": [ 15, 322, 109, 17 ], "completed": false }, { "type": "link", "position": [ 467, 322, 127, 17 ], "completed": false }, { "type": "link", "position": [ 15, 352, 168, 17 ], "completed": false }, { "type": "link", "position": [ 467, 352, 59, 17 ], "completed": false }, { "type": "link", "position": [ 15, 382, 68, 17 ], "completed": false }, { "type": "link", "position": [ 467, 382, 83, 17 ], "completed": false }, { "type": "link", "position": [ 15, 413, 66, 17 ], "completed": false }, { "type": "link", "position": [ 15, 443, 67, 17 ], "completed": false }, { "type": "link", "position": [ 15, 473, 112, 17 ], "completed": false }, { "type": "link", "position": [ 15, 503, 140, 17 ], "completed": false }, { "type": "link", "position": [ 15, 533, 162, 17 ], "completed": false }, { "type": "link", "position": [ 15, 563, 147, 17 ], "completed": false }, { "type": "link", "position": [ 15, 594, 89, 17 ], "completed": false }, { "type": "link", "position": [ 15, 624, 84, 17 ], "completed": false }, { "type": "link", "position": [ 15, 654, 119, 17 ], "completed": false } ] }, { "text": "#A page for introducing one company's info.# There should be four text boxes showing the types and each of them is followed by some subtitles.", "region_id": "1504_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:title [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | text 1 0 16 2 ] | [ link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | text 31 0 17 2 ] | [ link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | text 61 0 9 2 ] | [ link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | text 91 0 8 2 | text 91 25 22 3 ] \"", "layout_seq_without_completion": "\" [ link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | text 1 0 16 2 ] | [ link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | text 31 0 17 2 ] | [ link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | text 61 0 9 2 ] | [ link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | text 91 0 8 2 | text 91 25 22 3 ] \"", "plain_layout_seq": "link 1 6 17 2 | link 1 10 11 2 | link 1 14 10 2 | link 1 18 19 2 | link 1 22 21 2 | link 1 26 8 2 | link 1 38 9 2 | link 1 46 22 2 | link 1 54 8 2 | link 1 62 14 2 | link 1 70 21 2 | link 1 74 19 2 | link 1 82 11 2 | link 1 30 14 2 | link 1 34 12 2 | link 1 42 14 2 | link 1 50 9 2 | link 1 58 8 2 | link 1 66 18 2 | link 1 78 11 2 | link 1 86 15 2 | link 31 6 4 2 | link 31 10 15 2 | link 31 14 16 4 | link 31 21 8 2 | link 61 10 9 2 | link 61 18 11 2 | link 61 26 8 2 | link 61 30 14 2 | link 61 38 15 2 | link 61 42 16 2 | link 61 6 13 2 | link 61 14 4 2 | link 61 22 6 2 | link 61 34 19 2 | link 61 46 7 2 | link 61 50 11 2 | link 91 14 9 2 | link 91 22 10 2 | link 91 38 9 2 | link 91 6 5 2 | link 91 10 7 2 | link 91 18 15 2 | link 91 30 12 2 | link 91 34 22 2 | text 1 0 16 2 | text 31 0 17 2 | text 61 0 9 2 | text 91 0 8 2 | text 91 25 22 3", "canvas_width": 904, "canvas_height": 673, "elements": [ { "type": "text", "position": [ 15, 6, 122, 16 ], "completed": false }, { "type": "text", "position": [ 241, 6, 131, 16 ], "completed": false }, { "type": "text", "position": [ 467, 6, 72, 16 ], "completed": false }, { "type": "text", "position": [ 693, 6, 61, 16 ], "completed": false }, { "type": "link", "position": [ 15, 51, 131, 17 ], "completed": false }, { "type": "link", "position": [ 241, 51, 32, 17 ], "completed": false }, { "type": "link", "position": [ 467, 51, 104, 17 ], "completed": false }, { "type": "link", "position": [ 693, 51, 40, 17 ], "completed": false }, { "type": "link", "position": [ 15, 81, 85, 17 ], "completed": false }, { "type": "link", "position": [ 241, 81, 116, 17 ], "completed": false }, { "type": "link", "position": [ 467, 81, 70, 17 ], "completed": false }, { "type": "link", "position": [ 693, 81, 53, 17 ], "completed": false }, { "type": "link", "position": [ 15, 111, 80, 17 ], "completed": false }, { "type": "link", "position": [ 241, 111, 121, 37 ], "completed": false }, { "type": "link", "position": [ 467, 111, 37, 17 ], "completed": false }, { "type": "link", "position": [ 693, 111, 71, 17 ], "completed": false }, { "type": "link", "position": [ 15, 141, 145, 17 ], "completed": false }, { "type": "link", "position": [ 467, 141, 83, 17 ], "completed": false }, { "type": "link", "position": [ 693, 141, 114, 17 ], "completed": false }, { "type": "link", "position": [ 241, 161, 62, 17 ], "completed": false }, { "type": "link", "position": [ 15, 171, 164, 17 ], "completed": false }, { "type": "link", "position": [ 467, 171, 49, 17 ], "completed": false }, { "type": "link", "position": [ 693, 171, 82, 17 ], "completed": false }, { "type": "text", "position": [ 693, 190, 171, 30 ], "completed": false }, { "type": "link", "position": [ 15, 202, 62, 17 ], "completed": false }, { "type": "link", "position": [ 467, 202, 62, 17 ], "completed": false }, { "type": "link", "position": [ 15, 232, 109, 17 ], "completed": false }, { "type": "link", "position": [ 467, 232, 109, 17 ], "completed": false }, { "type": "link", "position": [ 693, 232, 91, 17 ], "completed": false }, { "type": "link", "position": [ 15, 262, 93, 17 ], "completed": false }, { "type": "link", "position": [ 467, 262, 146, 17 ], "completed": false }, { "type": "link", "position": [ 693, 262, 170, 17 ], "completed": false }, { "type": "link", "position": [ 15, 292, 74, 17 ], "completed": false }, { "type": "link", "position": [ 467, 292, 118, 17 ], "completed": false }, { "type": "link", "position": [ 693, 292, 70, 17 ], "completed": false }, { "type": "link", "position": [ 15, 322, 109, 17 ], "completed": false }, { "type": "link", "position": [ 467, 322, 127, 17 ], "completed": false }, { "type": "link", "position": [ 15, 352, 168, 17 ], "completed": false }, { "type": "link", "position": [ 467, 352, 59, 17 ], "completed": false }, { "type": "link", "position": [ 15, 382, 68, 17 ], "completed": false }, { "type": "link", "position": [ 467, 382, 83, 17 ], "completed": false }, { "type": "link", "position": [ 15, 413, 66, 17 ], "completed": false }, { "type": "link", "position": [ 15, 443, 67, 17 ], "completed": false }, { "type": "link", "position": [ 15, 473, 112, 17 ], "completed": false }, { "type": "link", "position": [ 15, 503, 140, 17 ], "completed": false }, { "type": "link", "position": [ 15, 533, 162, 17 ], "completed": false }, { "type": "link", "position": [ 15, 563, 147, 17 ], "completed": false }, { "type": "link", "position": [ 15, 594, 89, 17 ], "completed": false }, { "type": "link", "position": [ 15, 624, 84, 17 ], "completed": false }, { "type": "link", "position": [ 15, 654, 119, 17 ], "completed": false } ] }, { "text": "#A page for showing users more information about the web.# The page has a sentence named \u201cThere\u2019s No Place Like Xome\u201d, a button, and four other lists of information. Each list includes six to eight links for users to click to get further information.", "region_id": "2878", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'There\u2019s No Place Like Xome'] ] [el:button] [gp:NavGroup [gattr:repeat '4'] [item [el:link [attr:repeat '8'] ] ] ] ]", "execution": "footer : button undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 109 37 4 4 | title 3 37 54 5 | \" [ link 4 10 24 2 | link 4 13 18 5 | link 4 19 22 2 | link 4 26 24 2 | link 4 23 21 2 | link 4 29 4 2 | complete title 4 4 25 4 ] | [ link 32 8 24 2 | link 32 11 17 5 | link 32 17 17 5 | link 32 23 25 2 | link 32 30 4 2 | link 32 27 22 2 | complete title 32 4 25 2 ] | [ link 60 8 15 2 | link 60 15 11 2 | link 60 18 13 2 | link 60 21 14 2 | link 60 25 8 2 | link 60 11 16 2 | link 60 28 23 2 | link 60 31 20 5 | complete title 60 4 25 2 ] | [ link 87 21 3 2 | link 87 8 10 2 | link 87 11 9 2 | link 87 15 22 2 | link 87 18 7 2 | link 87 25 21 5 | link 87 31 17 2 | complete title 87 4 25 2 ] \"", "layout_seq_without_completion": "button 109 37 4 4 | title 3 37 54 5 | \" [ link 4 10 24 2 | link 4 13 18 5 | link 4 19 22 2 | link 4 26 24 2 | link 4 23 21 2 | link 4 29 4 2 | title 4 4 25 4 ] | [ link 32 8 24 2 | link 32 11 17 5 | link 32 17 17 5 | link 32 23 25 2 | link 32 30 4 2 | link 32 27 22 2 | title 32 4 25 2 ] | [ link 60 8 15 2 | link 60 15 11 2 | link 60 18 13 2 | link 60 21 14 2 | link 60 25 8 2 | link 60 11 16 2 | link 60 28 23 2 | link 60 31 20 5 | title 60 4 25 2 ] | [ link 87 21 3 2 | link 87 8 10 2 | link 87 11 9 2 | link 87 15 22 2 | link 87 18 7 2 | link 87 25 21 5 | link 87 31 17 2 | title 87 4 25 2 ] \"", "plain_layout_seq": "button 109 37 4 4 | link 4 10 24 2 | link 4 13 18 5 | link 4 19 22 2 | link 4 26 24 2 | link 4 23 21 2 | link 4 29 4 2 | link 32 8 24 2 | link 32 11 17 5 | link 32 17 17 5 | link 32 23 25 2 | link 32 30 4 2 | link 32 27 22 2 | link 60 8 15 2 | link 60 15 11 2 | link 60 18 13 2 | link 60 21 14 2 | link 60 25 8 2 | link 60 11 16 2 | link 60 28 23 2 | link 60 31 20 5 | link 87 21 3 2 | link 87 8 10 2 | link 87 11 9 2 | link 87 15 22 2 | link 87 18 7 2 | link 87 25 21 5 | link 87 31 17 2 | title 3 37 54 5 | title 4 4 25 4 | title 32 4 25 2 | title 60 4 25 2 | title 87 4 25 2", "canvas_width": 976, "canvas_height": 367, "elements": [ { "type": "title", "position": [ 35, 40, 211, 34 ], "completed": true }, { "type": "title", "position": [ 262, 40, 211, 17 ], "completed": true }, { "type": "title", "position": [ 488, 40, 211, 17 ], "completed": true }, { "type": "title", "position": [ 714, 40, 211, 17 ], "completed": true }, { "type": "link", "position": [ 262, 68, 196, 20 ], "completed": false }, { "type": "link", "position": [ 488, 68, 130, 20 ], "completed": false }, { "type": "link", "position": [ 714, 68, 85, 20 ], "completed": false }, { "type": "link", "position": [ 35, 85, 202, 20 ], "completed": false }, { "type": "link", "position": [ 262, 96, 143, 42 ], "completed": false }, { "type": "link", "position": [ 488, 96, 132, 20 ], "completed": false }, { "type": "link", "position": [ 714, 96, 80, 20 ], "completed": false }, { "type": "link", "position": [ 35, 112, 152, 43 ], "completed": false }, { "type": "link", "position": [ 488, 123, 90, 20 ], "completed": false }, { "type": "link", "position": [ 714, 123, 179, 20 ], "completed": false }, { "type": "link", "position": [ 262, 145, 145, 43 ], "completed": false }, { "type": "link", "position": [ 488, 150, 108, 20 ], "completed": false }, { "type": "link", "position": [ 714, 150, 64, 20 ], "completed": false }, { "type": "link", "position": [ 35, 162, 182, 20 ], "completed": false }, { "type": "link", "position": [ 488, 178, 119, 20 ], "completed": false }, { "type": "link", "position": [ 714, 178, 32, 20 ], "completed": false }, { "type": "link", "position": [ 35, 190, 176, 20 ], "completed": false }, { "type": "link", "position": [ 262, 195, 208, 20 ], "completed": false }, { "type": "link", "position": [ 488, 205, 71, 20 ], "completed": false }, { "type": "link", "position": [ 714, 205, 172, 43 ], "completed": false }, { "type": "link", "position": [ 35, 217, 199, 20 ], "completed": false }, { "type": "link", "position": [ 262, 223, 186, 20 ], "completed": false }, { "type": "link", "position": [ 488, 233, 189, 20 ], "completed": false }, { "type": "link", "position": [ 35, 243, 36, 21 ], "completed": false }, { "type": "link", "position": [ 262, 249, 36, 21 ], "completed": false }, { "type": "link", "position": [ 714, 255, 144, 20 ], "completed": false }, { "type": "link", "position": [ 488, 260, 168, 42 ], "completed": false }, { "type": "title", "position": [ 32, 309, 444, 44 ], "completed": false }, { "type": "button", "position": [ 894, 309, 35, 35 ], "completed": false } ] }, { "text": "#A footer page about the InkTec.# There are three groups of information, each group has one title that is \"COMPANY INFORMATION\", \"CUSTOMER SERVICE\", \"ABOUT SUBLIMATION\", and 2-5 sub-links for the user to click to know more info. On the right side of the page, there are a logo and three lines of text about the location, phone number, and email adders. Then, there are three icons for social media.", "region_id": "7748", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'company information, customer service, about sublimation'] [item [el:title] [el:link [attr:repeat 'Several'] ] ] ] [el:logo][el:text [attr:position 'right'] [attr:repeat '3']] [el:icon [attr:repeat '3'] ] ]", "execution": "footer : logo undefined undefined | text right undefined | text right undefined | text right undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 91 0 12 3 | \" [ icon 91 24 4 4 ] | [ icon 97 24 4 4 ] | [ icon 102 24 4 4 ] \" | \" [ link 1 9 8 2 | link 1 13 9 2 | link 1 5 7 2 | link 1 18 14 2 | title 1 0 25 2 ] | [ link 31 5 19 2 | link 31 9 19 2 | link 31 13 5 2 | link 31 18 22 2 | link 31 22 13 2 | title 31 0 21 2 ] | [ link 61 5 26 2 | link 61 9 24 5 | title 61 0 22 2 ] | [ complete link 100 16 16 2 | text 95 8 17 2 | text 95 12 18 2 | text 95 16 5 2 ] \"", "layout_seq_without_completion": "logo 91 0 12 3 | \" [ icon 91 24 4 4 ] | [ icon 97 24 4 4 ] | [ icon 102 24 4 4 ] \" | \" [ link 1 9 8 2 | link 1 13 9 2 | link 1 5 7 2 | link 1 18 14 2 | title 1 0 25 2 ] | [ link 31 5 19 2 | link 31 9 19 2 | link 31 13 5 2 | link 31 18 22 2 | link 31 22 13 2 | title 31 0 21 2 ] | [ link 61 5 26 2 | link 61 9 24 5 | title 61 0 22 2 ] | [ link 100 16 16 2 | text 95 8 17 2 | text 95 12 18 2 | text 95 16 5 2 ] \"", "plain_layout_seq": "icon 91 24 4 4 | icon 97 24 4 4 | icon 102 24 4 4 | link 1 9 8 2 | link 1 13 9 2 | link 1 5 7 2 | link 1 18 14 2 | link 31 5 19 2 | link 31 9 19 2 | link 31 13 5 2 | link 31 18 22 2 | link 31 22 13 2 | link 61 5 26 2 | link 61 9 24 5 | link 100 16 16 2 | logo 91 0 12 3 | text 95 8 17 2 | text 95 12 18 2 | text 95 16 5 2 | title 1 0 25 2 | title 31 0 21 2 | title 61 0 22 2", "canvas_width": 970, "canvas_height": 282, "elements": [ { "type": "title", "position": [ 10, 0, 207, 19 ], "completed": false }, { "type": "title", "position": [ 253, 0, 174, 19 ], "completed": false }, { "type": "title", "position": [ 495, 0, 182, 19 ], "completed": false }, { "type": "logo", "position": [ 737, 2, 100, 28 ], "completed": false }, { "type": "link", "position": [ 10, 41, 59, 18 ], "completed": false }, { "type": "link", "position": [ 253, 41, 155, 18 ], "completed": false }, { "type": "link", "position": [ 495, 41, 217, 18 ], "completed": false }, { "type": "text", "position": [ 773, 67, 141, 18 ], "completed": false }, { "type": "link", "position": [ 10, 76, 72, 18 ], "completed": false }, { "type": "link", "position": [ 253, 76, 158, 18 ], "completed": false }, { "type": "link", "position": [ 495, 76, 198, 42 ], "completed": false }, { "type": "text", "position": [ 773, 103, 153, 18 ], "completed": false }, { "type": "link", "position": [ 10, 111, 78, 18 ], "completed": false }, { "type": "link", "position": [ 253, 111, 47, 18 ], "completed": false }, { "type": "text", "position": [ 773, 137, 42, 18 ], "completed": false }, { "type": "link", "position": [ 815, 137, 137, 18 ], "completed": true }, { "type": "link", "position": [ 10, 146, 120, 18 ], "completed": false }, { "type": "link", "position": [ 253, 146, 181, 18 ], "completed": false }, { "type": "link", "position": [ 253, 181, 109, 18 ], "completed": false }, { "type": "icon", "position": [ 737, 198, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 785, 198, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 831, 198, 40, 40 ], "completed": false } ] }, { "text": "#A Page for showing more information related to the company.# The page includes a brief description and eight logos of some brands related to the company.", "region_id": "7662", "region_type": "Footer", "ir": "[region:Footer [el:description [attr:size 'small'] ] [el:logo [attr:repeat '8'] ] ]", "execution": "footer : description undefined small | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 3 2 56 3 | \" [ logo 76 2 4 2 ] | [ logo 81 2 4 2 ] | [ logo 86 2 4 2 ] | [ logo 91 2 4 2 ] | [ logo 96 2 4 2 ] | [ logo 101 2 4 2 ] | [ logo 106 2 4 2 ] | [ logo 111 2 4 2 ] \"", "layout_seq_without_completion": "description 3 2 56 3 | \" [ logo 76 2 4 2 ] | [ logo 81 2 4 2 ] | [ logo 86 2 4 2 ] | [ logo 91 2 4 2 ] | [ logo 96 2 4 2 ] | [ logo 101 2 4 2 ] | [ logo 106 2 4 2 ] | [ logo 111 2 4 2 ] \"", "plain_layout_seq": "description 3 2 56 3 | logo 76 2 4 2 | logo 81 2 4 2 | logo 86 2 4 2 | logo 91 2 4 2 | logo 96 2 4 2 | logo 101 2 4 2 | logo 106 2 4 2 | logo 111 2 4 2", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "description", "position": [ 27, 21, 485, 31 ], "completed": false }, { "type": "logo", "position": [ 655, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 697, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 739, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 781, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 823, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 865, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 907, 21, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 949, 21, 38, 24 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include seven categories. Under each category, there should be several sublinks where users can click to get further information.", "region_id": "1800", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'7'][item [el:link [attr:repeat'several']]] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 81 64 26 1 | complete title 81 58 18 1 | \" [ link 2 14 7 1 | link 2 18 14 1 | link 2 27 6 1 | link 2 23 14 1 | link 2 32 8 1 | complete title 2 8 15 1 ] | [ link 21 21 16 1 | link 21 32 12 1 | link 21 17 12 1 | link 21 26 9 4 | complete title 21 8 15 4 ] | [ link 40 21 15 1 | link 40 35 13 1 | link 40 17 11 1 | link 40 26 13 1 | link 40 30 10 1 | complete title 40 8 10 4 ] | [ link 59 21 13 1 | link 59 17 15 1 | link 59 26 15 4 | complete title 59 8 11 4 ] | [ link 81 14 31 1 | link 81 27 19 1 | link 81 18 31 1 | link 81 23 17 1 | complete title 81 8 22 1 ] | [ link 81 52 13 1 | link 81 39 7 1 | link 81 43 22 1 | link 81 48 22 1 | complete title 81 33 22 1 ] \"", "layout_seq_without_completion": "link 81 64 26 1 | title 81 58 18 1 | \" [ link 2 14 7 1 | link 2 18 14 1 | link 2 27 6 1 | link 2 23 14 1 | link 2 32 8 1 | title 2 8 15 1 ] | [ link 21 21 16 1 | link 21 32 12 1 | link 21 17 12 1 | link 21 26 9 4 | title 21 8 15 4 ] | [ link 40 21 15 1 | link 40 35 13 1 | link 40 17 11 1 | link 40 26 13 1 | link 40 30 10 1 | title 40 8 10 4 ] | [ link 59 21 13 1 | link 59 17 15 1 | link 59 26 15 4 | title 59 8 11 4 ] | [ link 81 14 31 1 | link 81 27 19 1 | link 81 18 31 1 | link 81 23 17 1 | title 81 8 22 1 ] | [ link 81 52 13 1 | link 81 39 7 1 | link 81 43 22 1 | link 81 48 22 1 | title 81 33 22 1 ] \"", "plain_layout_seq": "link 81 64 26 1 | link 2 14 7 1 | link 2 18 14 1 | link 2 27 6 1 | link 2 23 14 1 | link 2 32 8 1 | link 21 21 16 1 | link 21 32 12 1 | link 21 17 12 1 | link 21 26 9 4 | link 40 21 15 1 | link 40 35 13 1 | link 40 17 11 1 | link 40 26 13 1 | link 40 30 10 1 | link 59 21 13 1 | link 59 17 15 1 | link 59 26 15 4 | link 81 14 31 1 | link 81 27 19 1 | link 81 18 31 1 | link 81 23 17 1 | link 81 52 13 1 | link 81 39 7 1 | link 81 43 22 1 | link 81 48 22 1 | title 81 58 18 1 | title 2 8 15 1 | title 21 8 15 4 | title 40 8 10 4 | title 59 8 11 4 | title 81 8 22 1 | title 81 33 22 1", "canvas_width": 1024, "canvas_height": 648, "elements": [ { "type": "title", "position": [ 25, 74, 128, 16 ], "completed": true }, { "type": "title", "position": [ 186, 74, 131, 40 ], "completed": true }, { "type": "title", "position": [ 346, 74, 93, 40 ], "completed": true }, { "type": "title", "position": [ 506, 74, 94, 40 ], "completed": true }, { "type": "title", "position": [ 698, 74, 189, 16 ], "completed": true }, { "type": "link", "position": [ 25, 122, 67, 16 ], "completed": false }, { "type": "link", "position": [ 698, 122, 270, 16 ], "completed": false }, { "type": "link", "position": [ 186, 146, 109, 16 ], "completed": false }, { "type": "link", "position": [ 346, 146, 96, 16 ], "completed": false }, { "type": "link", "position": [ 506, 146, 129, 16 ], "completed": false }, { "type": "link", "position": [ 25, 161, 124, 16 ], "completed": false }, { "type": "link", "position": [ 698, 161, 273, 16 ], "completed": false }, { "type": "link", "position": [ 186, 185, 139, 16 ], "completed": false }, { "type": "link", "position": [ 346, 185, 132, 16 ], "completed": false }, { "type": "link", "position": [ 506, 185, 112, 16 ], "completed": false }, { "type": "link", "position": [ 25, 199, 122, 16 ], "completed": false }, { "type": "link", "position": [ 698, 199, 152, 16 ], "completed": false }, { "type": "link", "position": [ 186, 223, 81, 36 ], "completed": false }, { "type": "link", "position": [ 346, 223, 111, 16 ], "completed": false }, { "type": "link", "position": [ 506, 223, 134, 36 ], "completed": false }, { "type": "link", "position": [ 25, 237, 54, 16 ], "completed": false }, { "type": "link", "position": [ 698, 237, 165, 16 ], "completed": false }, { "type": "link", "position": [ 346, 261, 87, 16 ], "completed": false }, { "type": "link", "position": [ 25, 275, 76, 16 ], "completed": false }, { "type": "link", "position": [ 186, 281, 103, 16 ], "completed": false }, { "type": "title", "position": [ 698, 288, 191, 16 ], "completed": true }, { "type": "link", "position": [ 346, 299, 116, 16 ], "completed": false }, { "type": "link", "position": [ 698, 336, 66, 16 ], "completed": false }, { "type": "link", "position": [ 698, 375, 190, 16 ], "completed": false }, { "type": "link", "position": [ 698, 413, 191, 16 ], "completed": false }, { "type": "link", "position": [ 698, 451, 112, 16 ], "completed": false }, { "type": "title", "position": [ 698, 502, 162, 16 ], "completed": true }, { "type": "link", "position": [ 698, 550, 228, 16 ], "completed": false } ] }, { "text": "# A footer page for quick links and sign up for the newsletter.# The page should have a company name and a short description. Also, there should have two groups \"Quick links\" and \"Newsletter\". In the first group, there should have seven links, and in the second group, there should be a description and an input box with a small icon where the user can enter the email address and click to sign up.", "region_id": "7624", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:description [attr:size 'small'] ] [gp:NavGroup [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '7'] ] ] [item [el:title [attr:value 'newsletter'] ] [el:description] [el:input [attr:value 'enter email']] [el:icon [attr:size 'small']]] ] ]", "execution": "footer : description undefined small | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | icon undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 9 16 41 2 | title 9 11 41 2 | \" [ link 55 23 10 2 | link 55 27 10 2 | link 55 16 5 2 | link 55 20 5 2 | link 55 30 14 2 | link 55 34 10 2 | link 55 37 6 2 | title 55 11 14 2 ] | [ description 74 16 36 5 | icon 108 26 2 2 | input 74 25 36 5 | title 74 11 36 2 ] \"", "layout_seq_without_completion": "description 9 16 41 2 | title 9 11 41 2 | \" [ link 55 23 10 2 | link 55 27 10 2 | link 55 16 5 2 | link 55 20 5 2 | link 55 30 14 2 | link 55 34 10 2 | link 55 37 6 2 | title 55 11 14 2 ] | [ description 74 16 36 5 | icon 108 26 2 2 | input 74 25 36 5 | title 74 11 36 2 ] \"", "plain_layout_seq": "description 9 16 41 2 | description 74 16 36 5 | icon 108 26 2 2 | input 74 25 36 5 | link 55 23 10 2 | link 55 27 10 2 | link 55 16 5 2 | link 55 20 5 2 | link 55 30 14 2 | link 55 34 10 2 | link 55 37 6 2 | title 9 11 41 2 | title 55 11 14 2 | title 74 11 36 2", "canvas_width": 1024, "canvas_height": 391, "elements": [ { "type": "title", "position": [ 80, 100, 354, 21 ], "completed": false }, { "type": "title", "position": [ 474, 100, 120, 21 ], "completed": false }, { "type": "title", "position": [ 634, 100, 310, 21 ], "completed": false }, { "type": "description", "position": [ 80, 141, 354, 23 ], "completed": false }, { "type": "description", "position": [ 634, 141, 310, 45 ], "completed": false }, { "type": "link", "position": [ 474, 143, 46, 18 ], "completed": false }, { "type": "link", "position": [ 474, 173, 48, 18 ], "completed": false }, { "type": "link", "position": [ 474, 203, 92, 18 ], "completed": false }, { "type": "input", "position": [ 634, 216, 310, 43 ], "completed": false }, { "type": "icon", "position": [ 924, 228, 20, 20 ], "completed": false }, { "type": "link", "position": [ 474, 233, 91, 18 ], "completed": false }, { "type": "link", "position": [ 474, 263, 120, 18 ], "completed": false }, { "type": "link", "position": [ 474, 293, 88, 18 ], "completed": false }, { "type": "link", "position": [ 474, 323, 53, 18 ], "completed": false } ] }, { "text": "#A page showing the navigation bar of a website.# There are five small, separate links showing the features of the website.", "region_id": "1471", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'5'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 3 13 2 ] | [ link 17 3 12 2 ] | [ link 34 3 13 2 ] | [ link 52 3 13 2 ] | [ link 70 3 9 2 ] \"", "layout_seq_without_completion": "\" [ link 0 3 13 2 ] | [ link 17 3 12 2 ] | [ link 34 3 13 2 ] | [ link 52 3 13 2 ] | [ link 70 3 9 2 ] \"", "plain_layout_seq": "link 0 3 13 2 | link 17 3 12 2 | link 34 3 13 2 | link 52 3 13 2 | link 70 3 9 2", "canvas_width": 940, "canvas_height": 156, "elements": [ { "type": "link", "position": [ 0, 28, 103, 17 ], "completed": false }, { "type": "link", "position": [ 138, 28, 100, 17 ], "completed": false }, { "type": "link", "position": [ 272, 28, 103, 17 ], "completed": false }, { "type": "link", "position": [ 411, 28, 107, 17 ], "completed": false }, { "type": "link", "position": [ 552, 28, 71, 17 ], "completed": false } ] }, { "text": "#A page showing the navigation bar of a website.# There are five small, separate text boxes showing the features of the website such as \"legal information\".", "region_id": "1471_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'5'] [gattr:names'legal information'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 3 13 2 ] | [ link 17 3 12 2 ] | [ link 34 3 13 2 ] | [ link 52 3 13 2 ] | [ link 70 3 9 2 ] \"", "layout_seq_without_completion": "\" [ link 0 3 13 2 ] | [ link 17 3 12 2 ] | [ link 34 3 13 2 ] | [ link 52 3 13 2 ] | [ link 70 3 9 2 ] \"", "plain_layout_seq": "link 0 3 13 2 | link 17 3 12 2 | link 34 3 13 2 | link 52 3 13 2 | link 70 3 9 2", "canvas_width": 940, "canvas_height": 156, "elements": [ { "type": "link", "position": [ 0, 28, 103, 17 ], "completed": false }, { "type": "link", "position": [ 138, 28, 100, 17 ], "completed": false }, { "type": "link", "position": [ 272, 28, 103, 17 ], "completed": false }, { "type": "link", "position": [ 411, 28, 107, 17 ], "completed": false }, { "type": "link", "position": [ 552, 28, 71, 17 ], "completed": false } ] }, { "text": "#A page for attracting users to download the app of Instacart and navigation of the web.# The page should have one small title with two icons for users to click to download the ios or Android app.\nThere should also be 4 groups of links for users to click to know the different content of the web fastly about Instacart programs, top deportment, and so on.", "region_id": "1484", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:size'small'] ] [el:icon [attr:repeat'2'] ] [gp:NavGroup [gattr:repeat'4'] [gattr:names'instacart programs, top deportment'] [item [el:link] ] ] ]", "execution": "footer : title undefined small | { [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 4 11 1 1 | complete icon 0 3 4 4 | icon 14 11 1 1 | complete link 8 11 3 2 | complete link 18 11 7 2 | title 4 0 24 10 | \" [ link 28 17 4 2 | link 28 26 7 2 | link 28 30 10 2 | link 28 39 18 2 | link 28 8 12 2 | link 28 12 12 2 | link 28 21 15 2 | link 28 35 12 2 | complete title 28 0 22 7 ] | [ link 51 30 18 2 | link 51 39 14 2 | link 51 8 6 2 | link 51 12 16 2 | link 51 17 10 2 | link 51 21 9 2 | link 51 26 14 2 | link 51 35 13 2 | complete title 51 0 22 7 ] | [ link 74 12 8 2 | link 74 17 17 2 | link 74 8 8 2 | link 74 21 11 2 | link 74 26 15 2 | link 74 30 6 2 | complete title 74 0 22 7 ] | [ link 97 8 4 2 | link 97 26 12 2 | link 97 30 15 2 | link 97 12 3 2 | link 97 17 13 2 | link 97 21 4 2 | complete title 97 0 22 7 ] \"", "layout_seq_without_completion": "icon 4 11 1 1 | icon 0 3 4 4 | icon 14 11 1 1 | link 8 11 3 2 | link 18 11 7 2 | title 4 0 24 10 | \" [ link 28 17 4 2 | link 28 26 7 2 | link 28 30 10 2 | link 28 39 18 2 | link 28 8 12 2 | link 28 12 12 2 | link 28 21 15 2 | link 28 35 12 2 | title 28 0 22 7 ] | [ link 51 30 18 2 | link 51 39 14 2 | link 51 8 6 2 | link 51 12 16 2 | link 51 17 10 2 | link 51 21 9 2 | link 51 26 14 2 | link 51 35 13 2 | title 51 0 22 7 ] | [ link 74 12 8 2 | link 74 17 17 2 | link 74 8 8 2 | link 74 21 11 2 | link 74 26 15 2 | link 74 30 6 2 | title 74 0 22 7 ] | [ link 97 8 4 2 | link 97 26 12 2 | link 97 30 15 2 | link 97 12 3 2 | link 97 17 13 2 | link 97 21 4 2 | title 97 0 22 7 ] \"", "plain_layout_seq": "icon 4 11 1 1 | icon 0 3 4 4 | icon 14 11 1 1 | link 8 11 3 2 | link 18 11 7 2 | link 28 17 4 2 | link 28 26 7 2 | link 28 30 10 2 | link 28 39 18 2 | link 28 8 12 2 | link 28 12 12 2 | link 28 21 15 2 | link 28 35 12 2 | link 51 30 18 2 | link 51 39 14 2 | link 51 8 6 2 | link 51 12 16 2 | link 51 17 10 2 | link 51 21 9 2 | link 51 26 14 2 | link 51 35 13 2 | link 74 12 8 2 | link 74 17 17 2 | link 74 8 8 2 | link 74 21 11 2 | link 74 26 15 2 | link 74 30 6 2 | link 97 8 4 2 | link 97 26 12 2 | link 97 30 15 2 | link 97 12 3 2 | link 97 17 13 2 | link 97 21 4 2 | title 4 0 24 10 | title 28 0 22 7 | title 51 0 22 7 | title 74 0 22 7 | title 97 0 22 7", "canvas_width": 964, "canvas_height": 388, "elements": [ { "type": "title", "position": [ 33, 1, 195, 85 ], "completed": false }, { "type": "title", "position": [ 228, 1, 184, 59 ], "completed": true }, { "type": "title", "position": [ 412, 1, 184, 59 ], "completed": true }, { "type": "title", "position": [ 596, 1, 184, 59 ], "completed": true }, { "type": "title", "position": [ 780, 1, 184, 59 ], "completed": true }, { "type": "icon", "position": [ 0, 27, 33, 33 ], "completed": true }, { "type": "link", "position": [ 228, 67, 102, 21 ], "completed": false }, { "type": "link", "position": [ 412, 67, 53, 21 ], "completed": false }, { "type": "link", "position": [ 596, 67, 72, 21 ], "completed": false }, { "type": "link", "position": [ 780, 67, 38, 21 ], "completed": false }, { "type": "link", "position": [ 67, 93, 26, 22 ], "completed": true }, { "type": "link", "position": [ 146, 93, 57, 22 ], "completed": true }, { "type": "icon", "position": [ 39, 96, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 118, 96, 15, 15 ], "completed": false }, { "type": "link", "position": [ 228, 103, 104, 21 ], "completed": false }, { "type": "link", "position": [ 412, 103, 135, 21 ], "completed": false }, { "type": "link", "position": [ 596, 103, 72, 21 ], "completed": false }, { "type": "link", "position": [ 780, 103, 32, 21 ], "completed": false }, { "type": "link", "position": [ 228, 139, 35, 21 ], "completed": false }, { "type": "link", "position": [ 412, 139, 88, 21 ], "completed": false }, { "type": "link", "position": [ 596, 139, 137, 21 ], "completed": false }, { "type": "link", "position": [ 780, 139, 107, 21 ], "completed": false }, { "type": "link", "position": [ 228, 175, 121, 21 ], "completed": false }, { "type": "link", "position": [ 412, 175, 75, 21 ], "completed": false }, { "type": "link", "position": [ 596, 175, 92, 21 ], "completed": false }, { "type": "link", "position": [ 780, 175, 33, 21 ], "completed": false }, { "type": "link", "position": [ 228, 211, 59, 21 ], "completed": false }, { "type": "link", "position": [ 412, 211, 118, 21 ], "completed": false }, { "type": "link", "position": [ 596, 211, 126, 21 ], "completed": false }, { "type": "link", "position": [ 780, 211, 98, 21 ], "completed": false }, { "type": "link", "position": [ 228, 247, 85, 21 ], "completed": false }, { "type": "link", "position": [ 412, 247, 152, 21 ], "completed": false }, { "type": "link", "position": [ 596, 247, 56, 21 ], "completed": false }, { "type": "link", "position": [ 780, 247, 124, 21 ], "completed": false }, { "type": "link", "position": [ 228, 283, 97, 21 ], "completed": false }, { "type": "link", "position": [ 412, 283, 108, 21 ], "completed": false }, { "type": "link", "position": [ 228, 319, 149, 21 ], "completed": false }, { "type": "link", "position": [ 412, 319, 116, 21 ], "completed": false } ] }, { "text": "# A footer page for a company's navigation links and information. # The page should have three groups of information sets: \"HELPFUL LINKS\" \"CONTACT US\", and \"GET EXCLUSIVE OFFERS & UPDATES\". In the first group, there should have four links \"Contact Us\" \"About Us\" \"Request A Quote\", and \"Quote History\" for the user to know more about the company. The second group should have three pieces of information: phone, website, and PO Box information. The third group should have a short description, an input, and a button for the user to input the email address and click to sign up.", "region_id": "8631", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:names 'helpful links, CONTACT US, GET EXCLUSIVE OFFERS & UPDATES'] [item [el:title [attr:value 'helpful links'] ] [el:link [attr:value 'Contact Us'] ] [el:link [attr:value 'About Us'] ] [el:link [attr:value 'Request A Quote'] ] [el:link [attr:value 'Quote History'] ] ] [item [el:title [attr:value 'CONTACT US'] ] [el:text [attr:repeat '3'] ] ] [item [el:title [attr:value 'GET EXCLUSIVE OFFERS & UPDATES'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'sign up'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 110 9 9 5 | description 63 4 56 3 | input 63 9 46 5 | title 63 0 56 3 | \" [ link 3 8 7 2 | link 3 12 14 2 | link 3 15 11 2 | link 3 5 9 2 | title 3 0 16 3 ] | [ text 23 8 28 2 | text 23 5 15 2 | text 23 12 36 3 | title 23 0 36 3 ] \"", "layout_seq_without_completion": "button 110 9 9 5 | description 63 4 56 3 | input 63 9 46 5 | title 63 0 56 3 | \" [ link 3 8 7 2 | link 3 12 14 2 | link 3 15 11 2 | link 3 5 9 2 | title 3 0 16 3 ] | [ text 23 8 28 2 | text 23 5 15 2 | text 23 12 36 3 | title 23 0 36 3 ] \"", "plain_layout_seq": "button 110 9 9 5 | description 63 4 56 3 | input 63 9 46 5 | link 3 8 7 2 | link 3 12 14 2 | link 3 15 11 2 | link 3 5 9 2 | text 23 8 28 2 | text 23 5 15 2 | text 23 12 36 3 | title 63 0 56 3 | title 3 0 16 3 | title 23 0 36 3", "canvas_width": 994, "canvas_height": 171, "elements": [ { "type": "title", "position": [ 30, 0, 136, 25 ], "completed": false }, { "type": "title", "position": [ 196, 0, 301, 25 ], "completed": false }, { "type": "title", "position": [ 527, 0, 467, 25 ], "completed": false }, { "type": "description", "position": [ 527, 40, 467, 26 ], "completed": false }, { "type": "link", "position": [ 30, 43, 77, 19 ], "completed": false }, { "type": "text", "position": [ 196, 43, 131, 19 ], "completed": false }, { "type": "text", "position": [ 196, 69, 232, 19 ], "completed": false }, { "type": "link", "position": [ 30, 73, 64, 19 ], "completed": false }, { "type": "input", "position": [ 527, 81, 387, 42 ], "completed": false }, { "type": "button", "position": [ 914, 81, 80, 42 ], "completed": false }, { "type": "link", "position": [ 30, 102, 117, 19 ], "completed": false }, { "type": "text", "position": [ 196, 106, 301, 25 ], "completed": false }, { "type": "link", "position": [ 30, 132, 96, 19 ], "completed": false } ] }, { "text": "#A page for introducing popular searches to users.# The page should include one title and several links for users to click for further information.", "region_id": "708", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link'several'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 1 3 116 4 | \" [ link 1 9 22 1 ] | [ link 26 9 20 1 ] | [ link 49 9 20 1 ] | [ link 72 9 20 1 ] | [ link 96 9 22 1 ] | [ link 1 12 22 1 ] | [ link 26 12 20 1 ] | [ link 49 12 20 1 ] | [ link 72 12 20 1 ] | [ link 96 12 22 1 ] | [ link 1 15 22 1 ] | [ link 26 15 20 1 ] | [ link 49 15 20 1 ] | [ link 72 15 20 1 ] | [ link 96 15 22 1 ] | [ link 1 18 22 1 ] | [ link 26 18 20 1 ] | [ link 49 18 20 1 ] | [ link 96 18 22 1 ] | [ link 1 21 22 3 ] | [ link 26 21 20 1 ] | [ link 49 21 20 1 ] | [ link 72 21 20 1 ] | [ link 96 21 22 1 ] | [ link 1 26 22 1 ] | [ link 26 26 20 1 ] | [ link 49 26 20 1 ] | [ link 72 26 20 1 ] | [ link 96 26 22 1 ] \"", "layout_seq_without_completion": "title 1 3 116 4 | \" [ link 1 9 22 1 ] | [ link 26 9 20 1 ] | [ link 49 9 20 1 ] | [ link 72 9 20 1 ] | [ link 96 9 22 1 ] | [ link 1 12 22 1 ] | [ link 26 12 20 1 ] | [ link 49 12 20 1 ] | [ link 72 12 20 1 ] | [ link 96 12 22 1 ] | [ link 1 15 22 1 ] | [ link 26 15 20 1 ] | [ link 49 15 20 1 ] | [ link 72 15 20 1 ] | [ link 96 15 22 1 ] | [ link 1 18 22 1 ] | [ link 26 18 20 1 ] | [ link 49 18 20 1 ] | [ link 96 18 22 1 ] | [ link 1 21 22 3 ] | [ link 26 21 20 1 ] | [ link 49 21 20 1 ] | [ link 72 21 20 1 ] | [ link 96 21 22 1 ] | [ link 1 26 22 1 ] | [ link 26 26 20 1 ] | [ link 49 26 20 1 ] | [ link 72 26 20 1 ] | [ link 96 26 22 1 ] \"", "plain_layout_seq": "link 1 9 22 1 | link 26 9 20 1 | link 49 9 20 1 | link 72 9 20 1 | link 96 9 22 1 | link 1 12 22 1 | link 26 12 20 1 | link 49 12 20 1 | link 72 12 20 1 | link 96 12 22 1 | link 1 15 22 1 | link 26 15 20 1 | link 49 15 20 1 | link 72 15 20 1 | link 96 15 22 1 | link 1 18 22 1 | link 26 18 20 1 | link 49 18 20 1 | link 96 18 22 1 | link 1 21 22 3 | link 26 21 20 1 | link 49 21 20 1 | link 72 21 20 1 | link 96 21 22 1 | link 1 26 22 1 | link 26 26 20 1 | link 49 26 20 1 | link 72 26 20 1 | link 96 26 22 1 | title 1 3 116 4", "canvas_width": 1024, "canvas_height": 250, "elements": [ { "type": "title", "position": [ 15, 30, 994, 40 ], "completed": false }, { "type": "link", "position": [ 15, 78, 189, 16 ], "completed": false }, { "type": "link", "position": [ 224, 78, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 78, 179, 16 ], "completed": false }, { "type": "link", "position": [ 621, 78, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 78, 189, 16 ], "completed": false }, { "type": "link", "position": [ 15, 104, 189, 16 ], "completed": false }, { "type": "link", "position": [ 224, 104, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 104, 179, 16 ], "completed": false }, { "type": "link", "position": [ 621, 104, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 104, 189, 16 ], "completed": false }, { "type": "link", "position": [ 15, 130, 189, 16 ], "completed": false }, { "type": "link", "position": [ 224, 130, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 130, 179, 16 ], "completed": false }, { "type": "link", "position": [ 621, 130, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 130, 189, 16 ], "completed": false }, { "type": "link", "position": [ 15, 156, 189, 16 ], "completed": false }, { "type": "link", "position": [ 224, 156, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 156, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 156, 189, 16 ], "completed": false }, { "type": "link", "position": [ 15, 182, 189, 32 ], "completed": false }, { "type": "link", "position": [ 224, 182, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 182, 179, 16 ], "completed": false }, { "type": "link", "position": [ 621, 182, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 182, 189, 16 ], "completed": false }, { "type": "link", "position": [ 15, 224, 189, 16 ], "completed": false }, { "type": "link", "position": [ 224, 224, 179, 16 ], "completed": false }, { "type": "link", "position": [ 423, 224, 179, 16 ], "completed": false }, { "type": "link", "position": [ 621, 224, 179, 16 ], "completed": false }, { "type": "link", "position": [ 820, 224, 189, 16 ], "completed": false } ] }, { "text": "# A footer page for a company's quick links, info, and subscription. # The page should have three groups \"Quick links\" \"Info\", and \"Subscribe to our email\". The first two groups should have two links \"Search\" and \"Contact Us\" for the user to search for things and contact the company. In the last group, there should have an input box with a small icon where the user can enter email address and click to subscribe.", "region_id": "7959", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick links'] ] [el:link [attr:value 'search'] ] [el:link [attr:value 'contact us'] ] ] [item [el:title [attr:value 'Info'] ] [el:link [attr:value 'search'] ] [el:link [attr:value 'contact us'] ] ] [item [el:title [attr:value 'Subscribe to our email'] ] [el:input \n [attr:value 'email']] [el:icon [attr:size 'small'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 5 5 5 3 | link 5 8 8 4 | title 5 0 53 2 ] | [ link 60 5 5 3 | link 60 8 8 4 | title 60 0 53 2 ] | [ icon 44 22 1 2 | input 5 21 41 5 | complete text 8 22 4 2 | title 5 16 108 2 ] \"", "layout_seq_without_completion": "\" [ link 5 5 5 3 | link 5 8 8 4 | title 5 0 53 2 ] | [ link 60 5 5 3 | link 60 8 8 4 | title 60 0 53 2 ] | [ icon 44 22 1 2 | input 5 21 41 5 | text 8 22 4 2 | title 5 16 108 2 ] \"", "plain_layout_seq": "icon 44 22 1 2 | input 5 21 41 5 | link 5 5 5 3 | link 5 8 8 4 | link 60 5 5 3 | link 60 8 8 4 | text 8 22 4 2 | title 5 0 53 2 | title 60 0 53 2 | title 5 16 108 2", "canvas_width": 1024, "canvas_height": 281, "elements": [ { "type": "title", "position": [ 50, 0, 458, 23 ], "completed": false }, { "type": "title", "position": [ 516, 0, 458, 23 ], "completed": false }, { "type": "link", "position": [ 50, 46, 44, 30 ], "completed": false }, { "type": "link", "position": [ 516, 46, 44, 30 ], "completed": false }, { "type": "link", "position": [ 50, 76, 71, 35 ], "completed": false }, { "type": "link", "position": [ 516, 76, 71, 35 ], "completed": false }, { "type": "title", "position": [ 50, 141, 924, 23 ], "completed": false }, { "type": "input", "position": [ 51, 186, 358, 45 ], "completed": false }, { "type": "text", "position": [ 71, 196, 42, 24 ], "completed": true }, { "type": "icon", "position": [ 380, 196, 15, 25 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have two groups. Each group has a title and the same three links, \"search\", \"terms of service\", and \"refund policy\".", "region_id": "8163", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:link [attr:value 'search'] ] [el:link [attr:value 'terms of service'] ] [el:link [attr:value 'refund policy'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 10 14 4 | link 0 6 5 4 | link 0 14 11 4 | title 0 0 59 3 ] | [ link 60 10 14 4 | link 60 6 5 4 | link 60 14 11 4 | title 60 0 59 3 ] \"", "layout_seq_without_completion": "\" [ link 0 10 14 4 | link 0 6 5 4 | link 0 14 11 4 | title 0 0 59 3 ] | [ link 60 10 14 4 | link 60 6 5 4 | link 60 14 11 4 | title 60 0 59 3 ] \"", "plain_layout_seq": "link 0 10 14 4 | link 0 6 5 4 | link 0 14 11 4 | link 60 10 14 4 | link 60 6 5 4 | link 60 14 11 4 | title 0 0 59 3 | title 60 0 59 3", "canvas_width": 900, "canvas_height": 147, "elements": [ { "type": "title", "position": [ 0, 0, 444, 23 ], "completed": false }, { "type": "title", "position": [ 456, 0, 444, 23 ], "completed": false }, { "type": "link", "position": [ 0, 46, 44, 30 ], "completed": false }, { "type": "link", "position": [ 456, 46, 44, 30 ], "completed": false }, { "type": "link", "position": [ 0, 76, 105, 35 ], "completed": false }, { "type": "link", "position": [ 456, 76, 105, 35 ], "completed": false }, { "type": "link", "position": [ 0, 111, 89, 35 ], "completed": false }, { "type": "link", "position": [ 456, 111, 89, 35 ], "completed": false } ] }, { "text": "#A footer page of CoreLogic for users to get more information and follow CoreLogic on other social media platforms.# There are 14 titles divided into two lines for users to choose different categories of information. There are also four titles on the right, including \"Software & solutions\", \"About us\", \"Careers\", and \"Support\". There is also a text \"Follow CoreLogic on other social media platforms:\" and five logos of social media platforms below it, including Facebook, Instagram, LinkedIn, Twitter and Youtube. There is also a link leading users to subscribe to the newsletter of CoreLogic.", "region_id": "5518", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '14'] [item [el:title] ] ] [el:title [attr:position 'right'] [attr:value 'Software & solutions']] [el:title [attr:position 'right'] [attr:value 'about us']] [el:title [attr:position 'right'] [attr:value 'Careers']] [el:title [attr:position 'right'] [attr:value 'Support']] [el:text [attr:value 'Follow CoreLogic on other social media platforms:'] ] [el:logo [attr:value 'Facebook'] ] [el:logo [attr:value 'Instagram'] ] [el:logo [attr:value 'LinkedIn'] ] [el:logo [attr:value 'Twitter '] ] [el:logo [attr:value 'Youtube'] ] [el:link [attr:value 'subscribe to our newslette']] ]", "execution": "footer : link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title right undefined | title right undefined | title right undefined | title right undefined | { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 79 0 39 4 ] | [ title 79 4 39 4 ] | [ title 79 9 39 4 ] | [ title 79 13 39 4 ] | [ title 79 18 39 4 ] \" | \" [ title 1 0 39 4 | title 1 9 39 4 | title 1 13 39 4 | title 1 25 39 4 | title 1 5 39 4 | title 1 17 39 4 | title 1 21 39 4 | title 1 29 39 4 ] | [ title 40 0 39 4 | title 40 5 39 4 | title 40 9 39 4 | title 40 13 39 4 | title 40 17 39 4 | title 40 21 39 4 | title 40 25 39 4 | title 40 29 39 4 ] | [ link 1 58 41 7 | logo 19 47 6 7 | logo 28 47 6 7 | logo 1 47 6 7 | logo 10 47 6 7 | logo 37 47 6 7 | text 1 37 41 5 ] \"", "layout_seq_without_completion": "\" [ title 79 0 39 4 ] | [ title 79 4 39 4 ] | [ title 79 9 39 4 ] | [ title 79 13 39 4 ] | [ title 79 18 39 4 ] \" | \" [ title 1 0 39 4 | title 1 9 39 4 | title 1 13 39 4 | title 1 25 39 4 | title 1 5 39 4 | title 1 17 39 4 | title 1 21 39 4 | title 1 29 39 4 ] | [ title 40 0 39 4 | title 40 5 39 4 | title 40 9 39 4 | title 40 13 39 4 | title 40 17 39 4 | title 40 21 39 4 | title 40 25 39 4 | title 40 29 39 4 ] | [ link 1 58 41 7 | logo 19 47 6 7 | logo 28 47 6 7 | logo 1 47 6 7 | logo 10 47 6 7 | logo 37 47 6 7 | text 1 37 41 5 ] \"", "plain_layout_seq": "link 1 58 41 7 | logo 19 47 6 7 | logo 28 47 6 7 | logo 1 47 6 7 | logo 10 47 6 7 | logo 37 47 6 7 | text 1 37 41 5 | title 79 0 39 4 | title 79 4 39 4 | title 79 9 39 4 | title 79 13 39 4 | title 79 18 39 4 | title 1 0 39 4 | title 1 9 39 4 | title 1 13 39 4 | title 1 25 39 4 | title 1 5 39 4 | title 1 17 39 4 | title 1 21 39 4 | title 1 29 39 4 | title 40 0 39 4 | title 40 5 39 4 | title 40 9 39 4 | title 40 13 39 4 | title 40 17 39 4 | title 40 21 39 4 | title 40 25 39 4 | title 40 29 39 4", "canvas_width": 960, "canvas_height": 587, "elements": [ { "type": "title", "position": [ 12, 0, 312, 37 ], "completed": false }, { "type": "title", "position": [ 324, 0, 312, 37 ], "completed": false }, { "type": "title", "position": [ 636, 0, 312, 36 ], "completed": false }, { "type": "title", "position": [ 636, 36, 312, 36 ], "completed": false }, { "type": "title", "position": [ 12, 47, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 47, 312, 32 ], "completed": false }, { "type": "title", "position": [ 636, 72, 312, 36 ], "completed": false }, { "type": "title", "position": [ 12, 79, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 79, 312, 32 ], "completed": false }, { "type": "title", "position": [ 636, 108, 312, 36 ], "completed": false }, { "type": "title", "position": [ 12, 111, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 111, 312, 32 ], "completed": false }, { "type": "title", "position": [ 12, 143, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 143, 312, 32 ], "completed": false }, { "type": "title", "position": [ 636, 144, 312, 36 ], "completed": false }, { "type": "title", "position": [ 12, 175, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 175, 312, 32 ], "completed": false }, { "type": "title", "position": [ 12, 207, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 207, 312, 32 ], "completed": false }, { "type": "title", "position": [ 12, 239, 312, 32 ], "completed": false }, { "type": "title", "position": [ 324, 239, 312, 32 ], "completed": false }, { "type": "text", "position": [ 12, 303, 335, 46 ], "completed": false }, { "type": "logo", "position": [ 12, 380, 51, 59 ], "completed": false }, { "type": "logo", "position": [ 82, 380, 53, 59 ], "completed": false }, { "type": "logo", "position": [ 154, 380, 51, 59 ], "completed": false }, { "type": "logo", "position": [ 224, 380, 53, 59 ], "completed": false }, { "type": "logo", "position": [ 296, 380, 51, 59 ], "completed": false }, { "type": "link", "position": [ 12, 471, 335, 58 ], "completed": false } ] }, { "text": "#A footer page for navigation links of a company.# There should be a title \"NAVIGATION\" and nine links \"About\" \"Shop\" \"Search\" \"News\" \"Contact\" \"Returns & Exchanges\" \"Shipping FAQ\" \"Privacy Policy\" and \"Site Use Terms & Conditions\" for users to click to learn more info.", "region_id": "7791", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'NAVIGATION'] ] [gp:NavGroup [gattr:total_link '9'] [gattr:names 'About, Shop, Search, News, Contact,Returns & Exchanges,Shipping FAQ,Privacy Policy,Site Use Terms & Conditions'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 6 0 113 2 | \" [ link 6 5 7 3 ] | [ link 17 5 24 3 ] | [ link 6 10 7 3 ] | [ link 17 10 24 3 ] | [ link 6 14 7 3 ] | [ link 17 14 24 3 ] | [ link 6 18 7 3 ] | [ link 17 18 24 3 ] | [ link 6 22 7 3 ] \"", "layout_seq_without_completion": "title 6 0 113 2 | \" [ link 6 5 7 3 ] | [ link 17 5 24 3 ] | [ link 6 10 7 3 ] | [ link 17 10 24 3 ] | [ link 6 14 7 3 ] | [ link 17 14 24 3 ] | [ link 6 18 7 3 ] | [ link 17 18 24 3 ] | [ link 6 22 7 3 ] \"", "plain_layout_seq": "link 6 5 7 3 | link 17 5 24 3 | link 6 10 7 3 | link 17 10 24 3 | link 6 14 7 3 | link 17 14 24 3 | link 6 18 7 3 | link 17 18 24 3 | link 6 22 7 3 | title 6 0 113 2", "canvas_width": 954, "canvas_height": 213, "elements": [ { "type": "title", "position": [ 50, 0, 904, 17 ], "completed": false }, { "type": "link", "position": [ 50, 47, 56, 29 ], "completed": false }, { "type": "link", "position": [ 136, 47, 195, 29 ], "completed": false }, { "type": "link", "position": [ 50, 81, 56, 29 ], "completed": false }, { "type": "link", "position": [ 136, 81, 195, 29 ], "completed": false }, { "type": "link", "position": [ 50, 114, 56, 29 ], "completed": false }, { "type": "link", "position": [ 136, 114, 195, 29 ], "completed": false }, { "type": "link", "position": [ 50, 147, 56, 29 ], "completed": false }, { "type": "link", "position": [ 136, 147, 195, 29 ], "completed": false }, { "type": "link", "position": [ 50, 180, 56, 29 ], "completed": false } ] }, { "text": "#A page for navigation of the web of L`OREAL.# The page should have a logo of L`OREAL, and some links for users to click to know the different content of L`OREAL.", "region_id": "1645", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:total_link'several'] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 4 3 13 3 | \" [ link 4 12 5 2 ] | [ link 4 17 12 2 ] | [ link 4 22 6 2 ] | [ link 4 27 13 2 ] | [ link 4 32 6 2 ] \" | \" [ link 4 41 9 2 ] | [ link 50 41 7 2 ] | [ link 94 41 20 2 ] \"", "layout_seq_without_completion": "logo 4 3 13 3 | \" [ link 4 12 5 2 ] | [ link 4 17 12 2 ] | [ link 4 22 6 2 ] | [ link 4 27 13 2 ] | [ link 4 32 6 2 ] \" | \" [ link 4 41 9 2 ] | [ link 50 41 7 2 ] | [ link 94 41 20 2 ] \"", "plain_layout_seq": "link 4 12 5 2 | link 4 17 12 2 | link 4 22 6 2 | link 4 27 13 2 | link 4 32 6 2 | link 4 41 9 2 | link 50 41 7 2 | link 94 41 20 2 | logo 4 3 13 3", "canvas_width": 1024, "canvas_height": 397, "elements": [ { "type": "logo", "position": [ 41, 33, 117, 31 ], "completed": false }, { "type": "link", "position": [ 41, 105, 47, 24 ], "completed": false }, { "type": "link", "position": [ 41, 149, 106, 24 ], "completed": false }, { "type": "link", "position": [ 41, 193, 53, 24 ], "completed": false }, { "type": "link", "position": [ 41, 237, 117, 24 ], "completed": false }, { "type": "link", "position": [ 41, 281, 59, 24 ], "completed": false }, { "type": "link", "position": [ 41, 354, 77, 21 ], "completed": false }, { "type": "link", "position": [ 430, 354, 66, 21 ], "completed": false }, { "type": "link", "position": [ 808, 354, 175, 21 ], "completed": false } ] }, { "text": "#This page is mainly to introduce the relevant information of the company to users.#This page is divided into four groups: our programs , information , customer service and keep in touch. Each group categorizes related information, and two icons are provided in the keep in touch group.", "region_id": "7077", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'products'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'information'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'customer service'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'keep in touch'] ] [el:icon [attr:repeat '2'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 89 8 26 5 | \" [ link 4 23 21 2 | link 4 27 16 2 | link 4 31 6 2 | link 4 14 16 2 | link 4 18 21 2 | title 4 8 19 3 ] | [ link 32 14 13 2 | link 32 18 11 2 | link 32 23 11 2 | link 32 27 14 2 | title 32 8 17 3 ] | [ link 61 14 17 2 | link 61 23 15 2 | link 61 27 13 2 | link 61 18 17 2 | title 61 8 23 3 ] \"", "layout_seq_without_completion": "title 89 8 26 5 | \" [ link 4 23 21 2 | link 4 27 16 2 | link 4 31 6 2 | link 4 14 16 2 | link 4 18 21 2 | title 4 8 19 3 ] | [ link 32 14 13 2 | link 32 18 11 2 | link 32 23 11 2 | link 32 27 14 2 | title 32 8 17 3 ] | [ link 61 14 17 2 | link 61 23 15 2 | link 61 27 13 2 | link 61 18 17 2 | title 61 8 23 3 ] \"", "plain_layout_seq": "link 4 23 21 2 | link 4 27 16 2 | link 4 31 6 2 | link 4 14 16 2 | link 4 18 21 2 | link 32 14 13 2 | link 32 18 11 2 | link 32 23 11 2 | link 32 27 14 2 | link 61 14 17 2 | link 61 23 15 2 | link 61 27 13 2 | link 61 18 17 2 | title 89 8 26 5 | title 4 8 19 3 | title 32 8 17 3 | title 61 8 23 3", "canvas_width": 1024, "canvas_height": 361, "elements": [ { "type": "title", "position": [ 37, 72, 169, 27 ], "completed": false }, { "type": "title", "position": [ 280, 72, 150, 27 ], "completed": false }, { "type": "title", "position": [ 522, 72, 198, 27 ], "completed": false }, { "type": "title", "position": [ 764, 72, 223, 46 ], "completed": false }, { "type": "link", "position": [ 37, 124, 138, 23 ], "completed": false }, { "type": "link", "position": [ 280, 124, 114, 23 ], "completed": false }, { "type": "link", "position": [ 522, 124, 152, 23 ], "completed": false }, { "type": "link", "position": [ 37, 161, 182, 23 ], "completed": false }, { "type": "link", "position": [ 280, 161, 99, 23 ], "completed": false }, { "type": "link", "position": [ 522, 161, 151, 23 ], "completed": false }, { "type": "link", "position": [ 37, 198, 185, 23 ], "completed": false }, { "type": "link", "position": [ 280, 198, 101, 23 ], "completed": false }, { "type": "link", "position": [ 522, 198, 132, 23 ], "completed": false }, { "type": "link", "position": [ 37, 235, 139, 23 ], "completed": false }, { "type": "link", "position": [ 280, 235, 127, 23 ], "completed": false }, { "type": "link", "position": [ 522, 235, 119, 23 ], "completed": false }, { "type": "link", "position": [ 37, 272, 53, 23 ], "completed": false } ] }, { "text": "#A page showing information about a company.# There should be five links, with each representing a specific information category. It has a little image.", "region_id": "2246", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'5'] ] [el:image [attr:size'small'] ] ]", "execution": "footer : image undefined small | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 41 8 19 10 | link 1 4 23 2 | link 41 4 37 2 | \" [ link 1 8 5 2 ] | [ link 1 12 5 2 ] | [ link 1 16 23 2 ] \"", "layout_seq_without_completion": "image 41 8 19 10 | link 1 4 23 2 | link 41 4 37 2 | \" [ link 1 8 5 2 ] | [ link 1 12 5 2 ] | [ link 1 16 23 2 ] \"", "plain_layout_seq": "image 41 8 19 10 | link 1 4 23 2 | link 41 4 37 2 | link 1 8 5 2 | link 1 12 5 2 | link 1 16 23 2", "canvas_width": 1024, "canvas_height": 207, "elements": [ { "type": "link", "position": [ 15, 42, 198, 23 ], "completed": false }, { "type": "link", "position": [ 351, 42, 321, 23 ], "completed": false }, { "type": "image", "position": [ 351, 73, 167, 88 ], "completed": false }, { "type": "link", "position": [ 15, 74, 49, 23 ], "completed": false }, { "type": "link", "position": [ 15, 108, 45, 23 ], "completed": false }, { "type": "link", "position": [ 15, 142, 198, 23 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include five categories. Under each category, there should be several sublinks where users can click to get further information.", "region_id": "989", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete title 95 1 5 2 ] | [ link 95 6 9 2 ] | [ link 95 10 16 2 ] \" | \" [ link 0 5 13 5 | link 0 12 13 2 | complete title 0 1 12 2 ] | [ link 24 23 11 2 | link 24 27 8 5 | link 24 34 12 2 | link 24 5 5 2 | link 24 10 10 2 | link 24 14 9 2 | link 24 19 12 2 | complete title 24 1 10 2 ] | [ link 48 37 15 2 | link 48 50 9 5 | link 48 5 8 5 | link 48 12 10 5 | link 48 19 15 5 | link 48 26 11 5 | link 48 33 13 2 | link 48 42 5 2 | link 48 46 7 2 | complete title 48 1 10 2 ] | [ link 71 14 5 2 | link 71 36 9 2 | link 71 5 5 2 | link 71 10 4 2 | link 71 19 8 2 | link 71 23 4 2 | link 71 27 9 2 | link 71 32 6 2 | complete title 71 1 9 2 ] \"", "layout_seq_without_completion": "\" [ title 95 1 5 2 ] | [ link 95 6 9 2 ] | [ link 95 10 16 2 ] \" | \" [ link 0 5 13 5 | link 0 12 13 2 | title 0 1 12 2 ] | [ link 24 23 11 2 | link 24 27 8 5 | link 24 34 12 2 | link 24 5 5 2 | link 24 10 10 2 | link 24 14 9 2 | link 24 19 12 2 | title 24 1 10 2 ] | [ link 48 37 15 2 | link 48 50 9 5 | link 48 5 8 5 | link 48 12 10 5 | link 48 19 15 5 | link 48 26 11 5 | link 48 33 13 2 | link 48 42 5 2 | link 48 46 7 2 | title 48 1 10 2 ] | [ link 71 14 5 2 | link 71 36 9 2 | link 71 5 5 2 | link 71 10 4 2 | link 71 19 8 2 | link 71 23 4 2 | link 71 27 9 2 | link 71 32 6 2 | title 71 1 9 2 ] \"", "plain_layout_seq": "link 95 6 9 2 | link 95 10 16 2 | link 0 5 13 5 | link 0 12 13 2 | link 24 23 11 2 | link 24 27 8 5 | link 24 34 12 2 | link 24 5 5 2 | link 24 10 10 2 | link 24 14 9 2 | link 24 19 12 2 | link 48 37 15 2 | link 48 50 9 5 | link 48 5 8 5 | link 48 12 10 5 | link 48 19 15 5 | link 48 26 11 5 | link 48 33 13 2 | link 48 42 5 2 | link 48 46 7 2 | link 71 14 5 2 | link 71 36 9 2 | link 71 5 5 2 | link 71 10 4 2 | link 71 19 8 2 | link 71 23 4 2 | link 71 27 9 2 | link 71 32 6 2 | title 95 1 5 2 | title 0 1 12 2 | title 24 1 10 2 | title 48 1 10 2 | title 71 1 9 2", "canvas_width": 984, "canvas_height": 474, "elements": [ { "type": "title", "position": [ 0, 14, 101, 22 ], "completed": true }, { "type": "title", "position": [ 197, 14, 83, 22 ], "completed": true }, { "type": "title", "position": [ 394, 14, 90, 22 ], "completed": true }, { "type": "title", "position": [ 590, 14, 79, 22 ], "completed": true }, { "type": "title", "position": [ 787, 14, 41, 22 ], "completed": true }, { "type": "link", "position": [ 0, 49, 108, 42 ], "completed": false }, { "type": "link", "position": [ 197, 49, 46, 22 ], "completed": false }, { "type": "link", "position": [ 394, 49, 69, 42 ], "completed": false }, { "type": "link", "position": [ 590, 49, 45, 22 ], "completed": false }, { "type": "link", "position": [ 787, 50, 75, 22 ], "completed": false }, { "type": "link", "position": [ 197, 85, 88, 22 ], "completed": false }, { "type": "link", "position": [ 590, 85, 40, 22 ], "completed": false }, { "type": "link", "position": [ 787, 86, 132, 22 ], "completed": false }, { "type": "link", "position": [ 0, 105, 113, 22 ], "completed": false }, { "type": "link", "position": [ 394, 105, 87, 42 ], "completed": false }, { "type": "link", "position": [ 197, 121, 77, 22 ], "completed": false }, { "type": "link", "position": [ 590, 121, 48, 22 ], "completed": false }, { "type": "link", "position": [ 197, 157, 103, 22 ], "completed": false }, { "type": "link", "position": [ 590, 157, 69, 22 ], "completed": false }, { "type": "link", "position": [ 394, 161, 130, 42 ], "completed": false }, { "type": "link", "position": [ 197, 193, 91, 22 ], "completed": false }, { "type": "link", "position": [ 590, 193, 40, 22 ], "completed": false }, { "type": "link", "position": [ 394, 217, 96, 42 ], "completed": false }, { "type": "link", "position": [ 197, 229, 72, 42 ], "completed": false }, { "type": "link", "position": [ 590, 229, 80, 22 ], "completed": false }, { "type": "link", "position": [ 590, 265, 57, 22 ], "completed": false }, { "type": "link", "position": [ 394, 273, 109, 22 ], "completed": false }, { "type": "link", "position": [ 197, 285, 99, 22 ], "completed": false }, { "type": "link", "position": [ 590, 301, 80, 22 ], "completed": false }, { "type": "link", "position": [ 394, 309, 131, 22 ], "completed": false }, { "type": "link", "position": [ 394, 345, 43, 22 ], "completed": false }, { "type": "link", "position": [ 394, 381, 63, 22 ], "completed": false }, { "type": "link", "position": [ 394, 417, 78, 42 ], "completed": false } ] }, { "text": "# A footer page for a company's quick links, info, and mission.# The page should have three groups: \"Quick links\" \"Info\", and \"Our mission\". The first two groups should have four links. The third group should have a description of the mission.", "region_id": "8189", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'Info'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'Our mission'] ] [el:description] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 83 5 36 11 | title 83 0 36 3 | \" [ link 0 6 4 3 | link 0 10 16 4 | link 0 14 13 4 | link 0 19 11 4 | title 0 0 36 3 ] | [ link 41 6 4 3 | link 41 10 16 4 | link 41 14 13 4 | link 41 19 11 4 | title 41 0 36 3 ] \"", "layout_seq_without_completion": "description 83 5 36 11 | title 83 0 36 3 | \" [ link 0 6 4 3 | link 0 10 16 4 | link 0 14 13 4 | link 0 19 11 4 | title 0 0 36 3 ] | [ link 41 6 4 3 | link 41 10 16 4 | link 41 14 13 4 | link 41 19 11 4 | title 41 0 36 3 ] \"", "plain_layout_seq": "description 83 5 36 11 | link 0 6 4 3 | link 0 10 16 4 | link 0 14 13 4 | link 0 19 11 4 | link 41 6 4 3 | link 41 10 16 4 | link 41 14 13 4 | link 41 19 11 4 | title 83 0 36 3 | title 0 0 36 3 | title 41 0 36 3", "canvas_width": 924, "canvas_height": 183, "elements": [ { "type": "title", "position": [ 0, 0, 284, 26 ], "completed": false }, { "type": "title", "position": [ 320, 0, 284, 26 ], "completed": false }, { "type": "title", "position": [ 640, 0, 284, 26 ], "completed": false }, { "type": "description", "position": [ 640, 45, 284, 86 ], "completed": false }, { "type": "link", "position": [ 0, 47, 31, 30 ], "completed": false }, { "type": "link", "position": [ 320, 47, 31, 30 ], "completed": false }, { "type": "link", "position": [ 0, 78, 124, 35 ], "completed": false }, { "type": "link", "position": [ 320, 78, 124, 35 ], "completed": false }, { "type": "link", "position": [ 0, 113, 105, 35 ], "completed": false }, { "type": "link", "position": [ 320, 113, 105, 35 ], "completed": false }, { "type": "link", "position": [ 0, 148, 89, 35 ], "completed": false }, { "type": "link", "position": [ 320, 148, 89, 35 ], "completed": false } ] }, { "text": "#A footer page for navigation links of John Deere.# There should be four lists of navigation links \"Products & Support\" \"Company Information\" \"News & Publications\" and \"Contact with John Deere\". So the user can click the links to know more information about John Deere.", "region_id": "1538", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'products & support, company information, news & publications, contact with john deere'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 10 9 2 | link 2 20 12 2 | link 2 13 11 2 | link 2 16 9 2 | complete title 2 5 24 2 ] | [ link 32 10 17 2 | link 32 13 16 2 | link 32 20 11 2 | link 32 30 10 2 | link 32 34 15 2 | link 32 16 9 2 | link 32 23 23 2 | link 32 27 6 2 | complete title 32 5 24 2 ] | [ link 62 13 9 2 | link 62 20 10 2 | link 62 23 14 2 | link 62 27 12 2 | link 62 10 14 2 | link 62 16 6 2 | complete title 62 5 24 2 ] | [ link 92 20 14 2 | link 92 30 13 2 | link 92 34 17 2 | link 92 10 11 2 | link 92 13 20 2 | link 92 16 16 2 | link 92 23 23 6 | complete title 92 5 24 2 ] \"", "layout_seq_without_completion": "\" [ link 2 10 9 2 | link 2 20 12 2 | link 2 13 11 2 | link 2 16 9 2 | title 2 5 24 2 ] | [ link 32 10 17 2 | link 32 13 16 2 | link 32 20 11 2 | link 32 30 10 2 | link 32 34 15 2 | link 32 16 9 2 | link 32 23 23 2 | link 32 27 6 2 | title 32 5 24 2 ] | [ link 62 13 9 2 | link 62 20 10 2 | link 62 23 14 2 | link 62 27 12 2 | link 62 10 14 2 | link 62 16 6 2 | title 62 5 24 2 ] | [ link 92 20 14 2 | link 92 30 13 2 | link 92 34 17 2 | link 92 10 11 2 | link 92 13 20 2 | link 92 16 16 2 | link 92 23 23 6 | title 92 5 24 2 ] \"", "plain_layout_seq": "link 2 10 9 2 | link 2 20 12 2 | link 2 13 11 2 | link 2 16 9 2 | link 32 10 17 2 | link 32 13 16 2 | link 32 20 11 2 | link 32 30 10 2 | link 32 34 15 2 | link 32 16 9 2 | link 32 23 23 2 | link 32 27 6 2 | link 62 13 9 2 | link 62 20 10 2 | link 62 23 14 2 | link 62 27 12 2 | link 62 10 14 2 | link 62 16 6 2 | link 92 20 14 2 | link 92 30 13 2 | link 92 34 17 2 | link 92 10 11 2 | link 92 13 20 2 | link 92 16 16 2 | link 92 23 23 6 | title 2 5 24 2 | title 32 5 24 2 | title 62 5 24 2 | title 92 5 24 2", "canvas_width": 944, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 20, 40, 196, 20 ], "completed": true }, { "type": "title", "position": [ 256, 40, 196, 20 ], "completed": true }, { "type": "title", "position": [ 492, 40, 196, 20 ], "completed": true }, { "type": "title", "position": [ 728, 40, 196, 20 ], "completed": true }, { "type": "link", "position": [ 20, 79, 72, 21 ], "completed": false }, { "type": "link", "position": [ 256, 79, 135, 21 ], "completed": false }, { "type": "link", "position": [ 492, 79, 115, 21 ], "completed": false }, { "type": "link", "position": [ 728, 79, 90, 21 ], "completed": false }, { "type": "link", "position": [ 20, 106, 87, 21 ], "completed": false }, { "type": "link", "position": [ 256, 106, 132, 21 ], "completed": false }, { "type": "link", "position": [ 492, 106, 75, 21 ], "completed": false }, { "type": "link", "position": [ 728, 106, 159, 21 ], "completed": false }, { "type": "link", "position": [ 20, 133, 72, 21 ], "completed": false }, { "type": "link", "position": [ 256, 133, 72, 21 ], "completed": false }, { "type": "link", "position": [ 492, 133, 54, 21 ], "completed": false }, { "type": "link", "position": [ 728, 133, 130, 21 ], "completed": false }, { "type": "link", "position": [ 20, 160, 102, 21 ], "completed": false }, { "type": "link", "position": [ 256, 160, 91, 21 ], "completed": false }, { "type": "link", "position": [ 492, 160, 82, 21 ], "completed": false }, { "type": "link", "position": [ 728, 160, 113, 21 ], "completed": false }, { "type": "link", "position": [ 256, 187, 183, 21 ], "completed": false }, { "type": "link", "position": [ 492, 187, 113, 21 ], "completed": false }, { "type": "link", "position": [ 728, 187, 188, 48 ], "completed": false }, { "type": "link", "position": [ 256, 214, 50, 21 ], "completed": false }, { "type": "link", "position": [ 492, 214, 102, 21 ], "completed": false }, { "type": "link", "position": [ 256, 241, 79, 21 ], "completed": false }, { "type": "link", "position": [ 728, 241, 106, 21 ], "completed": false }, { "type": "link", "position": [ 256, 268, 120, 21 ], "completed": false }, { "type": "link", "position": [ 728, 268, 134, 21 ], "completed": false } ] }, { "text": "#A page for showing the services of the industries served.#The page should have a title and 16 links for users to click fastly.", "region_id": "5285", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link'16'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 2 | \" [ link 0 3 34 3 ] | [ link 39 3 17 3 ] | [ link 0 7 5 3 ] | [ link 39 7 19 3 ] | [ link 0 11 18 3 ] | [ link 39 11 27 3 ] | [ link 0 14 22 3 ] | [ link 39 14 14 3 ] \" | \" [ link 78 3 14 3 ] | [ link 78 7 34 3 ] | [ link 78 11 23 3 ] | [ link 78 14 27 3 ] \" | \" [ link 0 18 20 3 ] | [ link 0 22 9 3 ] | [ link 0 26 11 3 ] | [ link 0 29 9 3 ] \"", "layout_seq_without_completion": "title 0 0 120 2 | \" [ link 0 3 34 3 ] | [ link 39 3 17 3 ] | [ link 0 7 5 3 ] | [ link 39 7 19 3 ] | [ link 0 11 18 3 ] | [ link 39 11 27 3 ] | [ link 0 14 22 3 ] | [ link 39 14 14 3 ] \" | \" [ link 78 3 14 3 ] | [ link 78 7 34 3 ] | [ link 78 11 23 3 ] | [ link 78 14 27 3 ] \" | \" [ link 0 18 20 3 ] | [ link 0 22 9 3 ] | [ link 0 26 11 3 ] | [ link 0 29 9 3 ] \"", "plain_layout_seq": "link 0 3 34 3 | link 39 3 17 3 | link 0 7 5 3 | link 39 7 19 3 | link 0 11 18 3 | link 39 11 27 3 | link 0 14 22 3 | link 39 14 14 3 | link 78 3 14 3 | link 78 7 34 3 | link 78 11 23 3 | link 78 14 27 3 | link 0 18 20 3 | link 0 22 9 3 | link 0 26 11 3 | link 0 29 9 3 | title 0 0 120 2", "canvas_width": 961, "canvas_height": 290, "elements": [ { "type": "title", "position": [ 0, 0, 961, 20 ], "completed": false }, { "type": "link", "position": [ 0, 29, 280, 30 ], "completed": false }, { "type": "link", "position": [ 315, 29, 141, 30 ], "completed": false }, { "type": "link", "position": [ 630, 29, 113, 30 ], "completed": false }, { "type": "link", "position": [ 0, 59, 42, 30 ], "completed": false }, { "type": "link", "position": [ 315, 59, 154, 30 ], "completed": false }, { "type": "link", "position": [ 630, 59, 278, 30 ], "completed": false }, { "type": "link", "position": [ 0, 89, 146, 30 ], "completed": false }, { "type": "link", "position": [ 315, 89, 219, 30 ], "completed": false }, { "type": "link", "position": [ 630, 89, 185, 30 ], "completed": false }, { "type": "link", "position": [ 0, 119, 179, 30 ], "completed": false }, { "type": "link", "position": [ 315, 119, 119, 30 ], "completed": false }, { "type": "link", "position": [ 630, 119, 223, 30 ], "completed": false }, { "type": "link", "position": [ 0, 149, 164, 30 ], "completed": false }, { "type": "link", "position": [ 0, 179, 73, 30 ], "completed": false }, { "type": "link", "position": [ 0, 209, 91, 30 ], "completed": false }, { "type": "link", "position": [ 0, 239, 76, 30 ], "completed": false } ] }, { "text": "#A page for introducing some info.# There is six labels \"Product\", \"Who Are You\", \"Industry Templates\", \"Community\", \"Education\", and \"About\". Each label follows 3-6 links.", "region_id": "3003", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '6'] [gattr:names 'product, who are you, industry templates, community, education, about'] [item [el:title] [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 4 33 12 1 | link 4 9 11 3 | link 4 15 11 3 | link 4 21 11 3 | link 4 27 12 3 | link 4 37 9 1 | title 4 4 15 4 ] | [ link 23 9 14 1 | link 23 13 15 1 | link 23 21 10 3 | link 23 27 7 1 | link 23 17 7 1 | title 23 4 15 4 ] | [ link 42 9 9 1 | link 42 17 8 1 | link 42 25 9 1 | link 42 29 6 1 | link 42 13 8 1 | link 42 21 7 1 | title 42 4 15 4 ] | [ link 61 13 13 1 | link 61 17 11 1 | link 61 9 3 1 | title 61 4 15 4 ] | [ link 80 13 10 1 | link 80 17 14 3 | link 80 23 8 1 | link 80 27 13 1 | link 80 9 3 1 | link 80 31 15 3 | title 80 4 15 4 ] | [ link 99 13 10 1 | link 99 9 6 1 | link 99 17 6 1 | title 99 4 15 4 ] \"", "layout_seq_without_completion": "\" [ link 4 33 12 1 | link 4 9 11 3 | link 4 15 11 3 | link 4 21 11 3 | link 4 27 12 3 | link 4 37 9 1 | title 4 4 15 4 ] | [ link 23 9 14 1 | link 23 13 15 1 | link 23 21 10 3 | link 23 27 7 1 | link 23 17 7 1 | title 23 4 15 4 ] | [ link 42 9 9 1 | link 42 17 8 1 | link 42 25 9 1 | link 42 29 6 1 | link 42 13 8 1 | link 42 21 7 1 | title 42 4 15 4 ] | [ link 61 13 13 1 | link 61 17 11 1 | link 61 9 3 1 | title 61 4 15 4 ] | [ link 80 13 10 1 | link 80 17 14 3 | link 80 23 8 1 | link 80 27 13 1 | link 80 9 3 1 | link 80 31 15 3 | title 80 4 15 4 ] | [ link 99 13 10 1 | link 99 9 6 1 | link 99 17 6 1 | title 99 4 15 4 ] \"", "plain_layout_seq": "link 4 33 12 1 | link 4 9 11 3 | link 4 15 11 3 | link 4 21 11 3 | link 4 27 12 3 | link 4 37 9 1 | link 23 9 14 1 | link 23 13 15 1 | link 23 21 10 3 | link 23 27 7 1 | link 23 17 7 1 | link 42 9 9 1 | link 42 17 8 1 | link 42 25 9 1 | link 42 29 6 1 | link 42 13 8 1 | link 42 21 7 1 | link 61 13 13 1 | link 61 17 11 1 | link 61 9 3 1 | link 80 13 10 1 | link 80 17 14 3 | link 80 23 8 1 | link 80 27 13 1 | link 80 9 3 1 | link 80 31 15 3 | link 99 13 10 1 | link 99 9 6 1 | link 99 17 6 1 | title 4 4 15 4 | title 23 4 15 4 | title 42 4 15 4 | title 61 4 15 4 | title 80 4 15 4 | title 99 4 15 4", "canvas_width": 1024, "canvas_height": 434, "elements": [ { "type": "title", "position": [ 40, 40, 136, 36 ], "completed": false }, { "type": "title", "position": [ 202, 40, 136, 36 ], "completed": false }, { "type": "title", "position": [ 363, 40, 136, 36 ], "completed": false }, { "type": "title", "position": [ 525, 40, 136, 36 ], "completed": false }, { "type": "title", "position": [ 687, 40, 136, 36 ], "completed": false }, { "type": "title", "position": [ 848, 40, 136, 36 ], "completed": false }, { "type": "link", "position": [ 40, 85, 96, 34 ], "completed": false }, { "type": "link", "position": [ 202, 85, 122, 17 ], "completed": false }, { "type": "link", "position": [ 363, 85, 81, 17 ], "completed": false }, { "type": "link", "position": [ 525, 85, 32, 17 ], "completed": false }, { "type": "link", "position": [ 687, 85, 31, 17 ], "completed": false }, { "type": "link", "position": [ 848, 85, 59, 17 ], "completed": false }, { "type": "link", "position": [ 202, 118, 129, 17 ], "completed": false }, { "type": "link", "position": [ 363, 118, 69, 17 ], "completed": false }, { "type": "link", "position": [ 525, 118, 115, 17 ], "completed": false }, { "type": "link", "position": [ 687, 118, 93, 17 ], "completed": false }, { "type": "link", "position": [ 848, 118, 87, 17 ], "completed": false }, { "type": "link", "position": [ 40, 135, 96, 34 ], "completed": false }, { "type": "link", "position": [ 202, 151, 65, 17 ], "completed": false }, { "type": "link", "position": [ 363, 151, 75, 17 ], "completed": false }, { "type": "link", "position": [ 525, 151, 102, 17 ], "completed": false }, { "type": "link", "position": [ 687, 151, 126, 34 ], "completed": false }, { "type": "link", "position": [ 848, 151, 55, 17 ], "completed": false }, { "type": "link", "position": [ 202, 184, 91, 33 ], "completed": false }, { "type": "link", "position": [ 363, 184, 63, 17 ], "completed": false }, { "type": "link", "position": [ 40, 185, 96, 34 ], "completed": false }, { "type": "link", "position": [ 687, 201, 76, 17 ], "completed": false }, { "type": "link", "position": [ 363, 217, 78, 17 ], "completed": false }, { "type": "link", "position": [ 202, 233, 62, 17 ], "completed": false }, { "type": "link", "position": [ 687, 233, 114, 17 ], "completed": false }, { "type": "link", "position": [ 40, 234, 104, 34 ], "completed": false }, { "type": "link", "position": [ 363, 249, 52, 17 ], "completed": false }, { "type": "link", "position": [ 687, 266, 129, 34 ], "completed": false }, { "type": "link", "position": [ 40, 284, 104, 17 ], "completed": false }, { "type": "link", "position": [ 40, 317, 82, 17 ], "completed": false } ] }, { "text": "# A footer page of a company for the user to know info about the company and follow the company on the social platform. # There should have two groups. In the first group, there should have one title \"MENU\" and three links: \"Search\" \"Free Shipping\" and \"Contact Us\". In the second, there should have a title \"FOLLOW US\" followed by a small icon showing the logo of Instagram. So the user can follow the company on it.", "region_id": "6631", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'menu'] ] [el:link [attr:value 'search'] ] [el:link [attr:value 'free shipping'] ] [el:link [attr:value 'contact us'] ] ] [item [el:title [attr:value 'follow us'] ] [el:logo [attr:size 'small'] [attr:value 'instagram'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ logo undefined small | title undefined undefined ] }", "layout_seq_with_completion": "logo 60 5 2 2 | title 2 0 55 3 | title 60 0 55 3 | \" [ link 2 5 5 2 ] | [ link 2 9 11 2 ] | [ link 2 13 9 2 ] \"", "layout_seq_without_completion": "logo 60 5 2 2 | title 2 0 55 3 | title 60 0 55 3 | \" [ link 2 5 5 2 ] | [ link 2 9 11 2 ] | [ link 2 13 9 2 ] \"", "plain_layout_seq": "link 2 5 5 2 | link 2 9 11 2 | link 2 13 9 2 | logo 60 5 2 2 | title 2 0 55 3 | title 60 0 55 3", "canvas_width": 1024, "canvas_height": 184, "elements": [ { "type": "title", "position": [ 20, 0, 472, 33 ], "completed": false }, { "type": "title", "position": [ 512, 0, 472, 33 ], "completed": false }, { "type": "link", "position": [ 20, 48, 51, 19 ], "completed": false }, { "type": "logo", "position": [ 512, 48, 24, 24 ], "completed": false }, { "type": "link", "position": [ 20, 80, 101, 19 ], "completed": false }, { "type": "link", "position": [ 20, 112, 80, 19 ], "completed": false } ] }, { "text": "# A footer page for navigation of an online shop.# The page should have a logo, and three lists of links: \"Our Policy\" \"Customer Info\", and \"Shop\" for the user to learn more info about the shop. Also, there should be 5 links in each list. The page should have three icons for the user to follow the shop on social media platforms: Facebook, Pinterest, and Instagram.", "region_id": "7559", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat '3'] [gattr:names 'our policy, customer info, shop'] [item [el:link [attr:repeat '5'] ] ] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Pinterest'] ] [el:icon [attr:value 'Instagram'] ] ]", "execution": "footer : logo undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 7 0 23 14 | \" [ icon 53 29 2 2 ] | [ icon 58 29 2 2 ] | [ icon 64 29 2 2 ] \" | \" [ link 33 21 20 4 | link 33 5 10 3 | link 33 8 10 4 | link 33 13 11 4 | link 33 17 12 4 | complete title 33 0 26 2 ] | [ link 60 5 3 3 | link 60 13 5 4 | link 60 17 6 4 | link 60 21 8 4 | link 60 8 6 4 | complete title 60 0 26 2 ] | [ link 87 5 7 3 | link 87 8 11 4 | link 87 13 12 4 | link 87 17 9 4 | link 87 21 10 4 | complete title 87 0 26 2 ] \"", "layout_seq_without_completion": "logo 7 0 23 14 | \" [ icon 53 29 2 2 ] | [ icon 58 29 2 2 ] | [ icon 64 29 2 2 ] \" | \" [ link 33 21 20 4 | link 33 5 10 3 | link 33 8 10 4 | link 33 13 11 4 | link 33 17 12 4 | title 33 0 26 2 ] | [ link 60 5 3 3 | link 60 13 5 4 | link 60 17 6 4 | link 60 21 8 4 | link 60 8 6 4 | title 60 0 26 2 ] | [ link 87 5 7 3 | link 87 8 11 4 | link 87 13 12 4 | link 87 17 9 4 | link 87 21 10 4 | title 87 0 26 2 ] \"", "plain_layout_seq": "icon 53 29 2 2 | icon 58 29 2 2 | icon 64 29 2 2 | link 33 21 20 4 | link 33 5 10 3 | link 33 8 10 4 | link 33 13 11 4 | link 33 17 12 4 | link 60 5 3 3 | link 60 13 5 4 | link 60 17 6 4 | link 60 21 8 4 | link 60 8 6 4 | link 87 5 7 3 | link 87 8 11 4 | link 87 13 12 4 | link 87 17 9 4 | link 87 21 10 4 | logo 7 0 23 14 | title 33 0 26 2 | title 60 0 26 2 | title 87 0 26 2", "canvas_width": 1024, "canvas_height": 330, "elements": [ { "type": "logo", "position": [ 62, 0, 200, 127 ], "completed": false }, { "type": "title", "position": [ 283, 0, 225, 23 ], "completed": true }, { "type": "title", "position": [ 516, 0, 225, 23 ], "completed": true }, { "type": "title", "position": [ 749, 0, 225, 23 ], "completed": true }, { "type": "link", "position": [ 283, 46, 89, 30 ], "completed": false }, { "type": "link", "position": [ 516, 46, 31, 30 ], "completed": false }, { "type": "link", "position": [ 749, 46, 65, 30 ], "completed": false }, { "type": "link", "position": [ 283, 76, 87, 35 ], "completed": false }, { "type": "link", "position": [ 516, 76, 55, 35 ], "completed": false }, { "type": "link", "position": [ 749, 76, 97, 35 ], "completed": false }, { "type": "link", "position": [ 283, 111, 99, 35 ], "completed": false }, { "type": "link", "position": [ 516, 111, 44, 35 ], "completed": false }, { "type": "link", "position": [ 749, 111, 109, 35 ], "completed": false }, { "type": "link", "position": [ 283, 146, 105, 35 ], "completed": false }, { "type": "link", "position": [ 516, 146, 59, 35 ], "completed": false }, { "type": "link", "position": [ 749, 146, 80, 35 ], "completed": false }, { "type": "link", "position": [ 283, 181, 171, 35 ], "completed": false }, { "type": "link", "position": [ 516, 181, 70, 35 ], "completed": false }, { "type": "link", "position": [ 749, 181, 93, 35 ], "completed": false }, { "type": "icon", "position": [ 459, 250, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 503, 250, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 547, 250, 18, 18 ], "completed": false } ] }, { "text": "#A footer page for navigation links of Heraeus.# There should be three lists of navigation links: \"About Heraeus\" \"Products\" and \"Contact\". So the user can click them to know more info such as products, solutions, partners, and so on. There should also be a part \"Follow Us\" that the user can follow the company on social platforms.", "region_id": "1397", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'about heraeus, products, contact'] [item [el:link] ] ] [el:text [attr:value'follow us'] ] ]", "execution": "footer : text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "text 90 31 19 4 | \" [ link 37 16 18 2 | link 37 20 16 2 | link 37 24 14 2 | complete title 37 8 19 4 ] | [ link 63 16 16 4 | link 63 27 18 4 | link 63 23 16 2 | complete title 63 8 19 4 ] | [ link 90 16 13 2 | link 90 20 13 2 | link 90 24 16 2 | complete title 90 8 19 4 ] \"", "layout_seq_without_completion": "text 90 31 19 4 | \" [ link 37 16 18 2 | link 37 20 16 2 | link 37 24 14 2 | title 37 8 19 4 ] | [ link 63 16 16 4 | link 63 27 18 4 | link 63 23 16 2 | title 63 8 19 4 ] | [ link 90 16 13 2 | link 90 20 13 2 | link 90 24 16 2 | title 90 8 19 4 ] \"", "plain_layout_seq": "link 37 16 18 2 | link 37 20 16 2 | link 37 24 14 2 | link 63 16 16 4 | link 63 27 18 4 | link 63 23 16 2 | link 90 16 13 2 | link 90 20 13 2 | link 90 24 16 2 | text 90 31 19 4 | title 37 8 19 4 | title 63 8 19 4 | title 90 8 19 4", "canvas_width": 1024, "canvas_height": 434, "elements": [ { "type": "title", "position": [ 316, 76, 169, 36 ], "completed": true }, { "type": "title", "position": [ 545, 76, 169, 36 ], "completed": true }, { "type": "title", "position": [ 775, 76, 169, 36 ], "completed": true }, { "type": "link", "position": [ 316, 142, 160, 18 ], "completed": false }, { "type": "link", "position": [ 545, 142, 137, 40 ], "completed": false }, { "type": "link", "position": [ 775, 142, 111, 18 ], "completed": false }, { "type": "link", "position": [ 316, 176, 140, 18 ], "completed": false }, { "type": "link", "position": [ 775, 176, 114, 18 ], "completed": false }, { "type": "link", "position": [ 545, 198, 144, 18 ], "completed": false }, { "type": "link", "position": [ 316, 210, 120, 18 ], "completed": false }, { "type": "link", "position": [ 775, 210, 144, 18 ], "completed": false }, { "type": "link", "position": [ 545, 232, 157, 40 ], "completed": false }, { "type": "text", "position": [ 775, 270, 169, 36 ], "completed": false } ] }, { "text": "#A page navigation of Verizon. # The page should have four categories like shop, top devices brands, support, and About Verizon with some links which are for users to click to learn more content on the web fastly.", "region_id": "2380", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'shop, top devices brands, support, about verizon'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | complete title 2 2 25 4 ] | [ link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | complete title 32 2 25 4 ] | [ link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | complete title 62 2 25 4 ] | [ link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | complete title 92 2 25 4 ] \"", "layout_seq_without_completion": "\" [ link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | title 2 2 25 4 ] | [ link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | title 32 2 25 4 ] | [ link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | title 62 2 25 4 ] | [ link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | title 92 2 25 4 ] \"", "plain_layout_seq": "link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | title 2 2 25 4 | title 32 2 25 4 | title 62 2 25 4 | title 92 2 25 4", "canvas_width": 1024, "canvas_height": 438, "elements": [ { "type": "title", "position": [ 20, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 276, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 532, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 788, 25, 216, 41 ], "completed": true }, { "type": "link", "position": [ 20, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 66, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 110, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 154, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 198, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 242, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 286, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 286, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 286, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 330, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 330, 216, 44 ], "completed": false } ] }, { "text": "#A page navigation of Verizon. # The page should have four categories like shop, top devices brands, support, and about Verizon with some buttons below respectively, which are for users to click to learn more content on the web fastly.", "region_id": "2380_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'shop, top devices brands, support, about verizon'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | complete title 2 2 25 4 ] | [ link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | complete title 32 2 25 4 ] | [ link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | complete title 62 2 25 4 ] | [ link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | complete title 92 2 25 4 ] \"", "layout_seq_without_completion": "\" [ link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | title 2 2 25 4 ] | [ link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | title 32 2 25 4 ] | [ link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | title 62 2 25 4 ] | [ link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | title 92 2 25 4 ] \"", "plain_layout_seq": "link 2 7 25 5 | link 2 23 25 5 | link 2 12 25 5 | link 2 18 25 5 | link 2 28 25 5 | link 2 33 25 5 | link 2 38 25 5 | link 32 23 25 5 | link 32 7 25 5 | link 32 12 25 5 | link 32 18 25 5 | link 32 28 25 5 | link 62 7 25 5 | link 62 23 25 5 | link 62 33 25 5 | link 62 12 25 5 | link 62 18 25 5 | link 62 28 25 5 | link 92 7 25 5 | link 92 12 25 5 | link 92 23 25 5 | link 92 28 25 5 | link 92 33 25 5 | link 92 18 25 5 | link 92 38 25 5 | title 2 2 25 4 | title 32 2 25 4 | title 62 2 25 4 | title 92 2 25 4", "canvas_width": 1024, "canvas_height": 438, "elements": [ { "type": "title", "position": [ 20, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 276, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 532, 25, 215, 41 ], "completed": true }, { "type": "title", "position": [ 788, 25, 216, 41 ], "completed": true }, { "type": "link", "position": [ 20, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 66, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 66, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 110, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 110, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 154, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 154, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 198, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 198, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 276, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 242, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 242, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 286, 215, 44 ], "completed": false }, { "type": "link", "position": [ 532, 286, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 286, 216, 44 ], "completed": false }, { "type": "link", "position": [ 20, 330, 215, 44 ], "completed": false }, { "type": "link", "position": [ 788, 330, 216, 44 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of popular outstation routes to users.# The page should include three categories. Under each category, there should be several sublinks where users can click to get further information. Besides, a button is needed for users to click to expand more routes.", "region_id": "1845", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [item [el:link [attr:repeat 'several'] ] ] ] [el:button [attr:value'expand more routes'] ] ]", "execution": "footer : button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 51 37 16 1 | link 31 28 20 1 | link 31 20 20 1 | link 90 26 24 1 | link 31 11 19 1 | link 31 15 20 1 | link 31 24 21 1 | link 60 7 26 1 | link 60 11 23 1 | link 60 15 22 1 | link 60 20 23 4 | link 60 26 26 1 | link 90 31 21 1 | link 31 7 23 1 | link 60 31 25 1 | link 90 7 21 1 | link 90 11 24 4 | link 90 18 23 1 | link 90 22 22 1 | complete title 60 3 27 3 | complete title 90 3 27 3 | complete title 31 3 27 3 | complete title 0 3 22 2", "layout_seq_without_completion": "button 51 37 16 1 | link 31 28 20 1 | link 31 20 20 1 | link 90 26 24 1 | link 31 11 19 1 | link 31 15 20 1 | link 31 24 21 1 | link 60 7 26 1 | link 60 11 23 1 | link 60 15 22 1 | link 60 20 23 4 | link 60 26 26 1 | link 90 31 21 1 | link 31 7 23 1 | link 60 31 25 1 | link 90 7 21 1 | link 90 11 24 4 | link 90 18 23 1 | link 90 22 22 1 | title 60 3 27 3 | title 90 3 27 3 | title 31 3 27 3 | title 0 3 22 2", "plain_layout_seq": "button 51 37 16 1 | link 31 28 20 1 | link 31 20 20 1 | link 90 26 24 1 | link 31 11 19 1 | link 31 15 20 1 | link 31 24 21 1 | link 60 7 26 1 | link 60 11 23 1 | link 60 15 22 1 | link 60 20 23 4 | link 60 26 26 1 | link 90 31 21 1 | link 31 7 23 1 | link 60 31 25 1 | link 90 7 21 1 | link 90 11 24 4 | link 90 18 23 1 | link 90 22 22 1 | title 60 3 27 3 | title 90 3 27 3 | title 31 3 27 3 | title 0 3 22 2", "canvas_width": 988, "canvas_height": 350, "elements": [ { "type": "title", "position": [ 0, 30, 188, 17 ], "completed": true }, { "type": "title", "position": [ 256, 30, 224, 29 ], "completed": true }, { "type": "title", "position": [ 500, 30, 224, 29 ], "completed": true }, { "type": "title", "position": [ 744, 30, 224, 29 ], "completed": true }, { "type": "link", "position": [ 256, 61, 196, 15 ], "completed": false }, { "type": "link", "position": [ 500, 61, 216, 15 ], "completed": false }, { "type": "link", "position": [ 744, 61, 177, 15 ], "completed": false }, { "type": "link", "position": [ 256, 96, 159, 15 ], "completed": false }, { "type": "link", "position": [ 500, 96, 191, 15 ], "completed": false }, { "type": "link", "position": [ 744, 96, 204, 35 ], "completed": false }, { "type": "link", "position": [ 256, 131, 168, 15 ], "completed": false }, { "type": "link", "position": [ 500, 131, 187, 15 ], "completed": false }, { "type": "link", "position": [ 744, 151, 197, 15 ], "completed": false }, { "type": "link", "position": [ 256, 166, 170, 15 ], "completed": false }, { "type": "link", "position": [ 500, 166, 196, 35 ], "completed": false }, { "type": "link", "position": [ 744, 186, 186, 15 ], "completed": false }, { "type": "link", "position": [ 256, 201, 175, 15 ], "completed": false }, { "type": "link", "position": [ 500, 221, 215, 15 ], "completed": false }, { "type": "link", "position": [ 744, 221, 202, 15 ], "completed": false }, { "type": "link", "position": [ 256, 236, 168, 15 ], "completed": false }, { "type": "link", "position": [ 500, 256, 206, 15 ], "completed": false }, { "type": "link", "position": [ 744, 256, 181, 15 ], "completed": false }, { "type": "button", "position": [ 426, 305, 137, 14 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 groups to divide some links by category, language, skill, and location while each group has some links for users to click to jump to the corresponding page and a link for users to view all.", "region_id": "2824", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'by category,by language, by skill, by location'] [item [el:link [attr:repeat 'several'] ] ] ] [el:link [attr:value 'view all'] ] ]", "execution": "footer : link undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 4 12 8 2 | link 4 17 14 2 | link 4 23 5 2 | link 4 28 9 2 | link 4 33 8 2 | complete title 4 3 24 7 ] | [ link 33 33 12 2 | link 33 49 8 2 | link 33 12 12 2 | link 33 17 17 2 | link 33 23 11 2 | link 33 28 20 2 | link 33 39 12 2 | link 33 44 11 2 | complete title 33 3 24 7 ] | [ link 61 17 9 2 | link 61 28 13 2 | link 61 44 16 2 | link 61 49 8 2 | link 61 12 12 2 | link 61 23 8 2 | link 61 33 13 2 | link 61 39 10 2 | complete title 61 3 24 7 ] | [ link 90 12 11 2 | link 90 28 6 2 | link 90 33 11 2 | link 90 39 5 2 | link 90 17 11 2 | link 90 23 10 2 | link 90 44 5 2 | link 90 49 8 2 | complete title 90 3 24 7 ] \"", "layout_seq_without_completion": "\" [ link 4 12 8 2 | link 4 17 14 2 | link 4 23 5 2 | link 4 28 9 2 | link 4 33 8 2 | title 4 3 24 7 ] | [ link 33 33 12 2 | link 33 49 8 2 | link 33 12 12 2 | link 33 17 17 2 | link 33 23 11 2 | link 33 28 20 2 | link 33 39 12 2 | link 33 44 11 2 | title 33 3 24 7 ] | [ link 61 17 9 2 | link 61 28 13 2 | link 61 44 16 2 | link 61 49 8 2 | link 61 12 12 2 | link 61 23 8 2 | link 61 33 13 2 | link 61 39 10 2 | title 61 3 24 7 ] | [ link 90 12 11 2 | link 90 28 6 2 | link 90 33 11 2 | link 90 39 5 2 | link 90 17 11 2 | link 90 23 10 2 | link 90 44 5 2 | link 90 49 8 2 | title 90 3 24 7 ] \"", "plain_layout_seq": "link 4 12 8 2 | link 4 17 14 2 | link 4 23 5 2 | link 4 28 9 2 | link 4 33 8 2 | link 33 33 12 2 | link 33 49 8 2 | link 33 12 12 2 | link 33 17 17 2 | link 33 23 11 2 | link 33 28 20 2 | link 33 39 12 2 | link 33 44 11 2 | link 61 17 9 2 | link 61 28 13 2 | link 61 44 16 2 | link 61 49 8 2 | link 61 12 12 2 | link 61 23 8 2 | link 61 33 13 2 | link 61 39 10 2 | link 90 12 11 2 | link 90 28 6 2 | link 90 33 11 2 | link 90 39 5 2 | link 90 17 11 2 | link 90 23 10 2 | link 90 44 5 2 | link 90 49 8 2 | title 4 3 24 7 | title 33 3 24 7 | title 61 3 24 7 | title 90 3 24 7", "canvas_width": 1024, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 42, 30, 213, 64 ], "completed": true }, { "type": "title", "position": [ 284, 30, 213, 64 ], "completed": true }, { "type": "title", "position": [ 527, 30, 213, 64 ], "completed": true }, { "type": "title", "position": [ 770, 30, 213, 64 ], "completed": true }, { "type": "link", "position": [ 42, 108, 75, 19 ], "completed": false }, { "type": "link", "position": [ 284, 108, 103, 19 ], "completed": false }, { "type": "link", "position": [ 527, 108, 110, 19 ], "completed": false }, { "type": "link", "position": [ 770, 108, 94, 19 ], "completed": false }, { "type": "link", "position": [ 42, 153, 122, 19 ], "completed": false }, { "type": "link", "position": [ 284, 153, 152, 19 ], "completed": false }, { "type": "link", "position": [ 527, 153, 84, 19 ], "completed": false }, { "type": "link", "position": [ 770, 153, 97, 19 ], "completed": false }, { "type": "link", "position": [ 42, 198, 43, 19 ], "completed": false }, { "type": "link", "position": [ 284, 198, 99, 19 ], "completed": false }, { "type": "link", "position": [ 527, 198, 73, 19 ], "completed": false }, { "type": "link", "position": [ 770, 198, 86, 19 ], "completed": false }, { "type": "link", "position": [ 42, 243, 80, 19 ], "completed": false }, { "type": "link", "position": [ 284, 243, 171, 19 ], "completed": false }, { "type": "link", "position": [ 527, 243, 111, 19 ], "completed": false }, { "type": "link", "position": [ 770, 243, 58, 19 ], "completed": false }, { "type": "link", "position": [ 42, 288, 74, 19 ], "completed": false }, { "type": "link", "position": [ 284, 288, 109, 19 ], "completed": false }, { "type": "link", "position": [ 527, 288, 113, 19 ], "completed": false }, { "type": "link", "position": [ 770, 288, 101, 19 ], "completed": false }, { "type": "link", "position": [ 284, 333, 107, 19 ], "completed": false }, { "type": "link", "position": [ 527, 333, 93, 19 ], "completed": false }, { "type": "link", "position": [ 770, 333, 49, 19 ], "completed": false }, { "type": "link", "position": [ 284, 378, 96, 19 ], "completed": false }, { "type": "link", "position": [ 527, 378, 137, 19 ], "completed": false }, { "type": "link", "position": [ 770, 378, 45, 19 ], "completed": false }, { "type": "link", "position": [ 284, 423, 74, 19 ], "completed": false }, { "type": "link", "position": [ 527, 423, 74, 19 ], "completed": false }, { "type": "link", "position": [ 770, 423, 74, 19 ], "completed": false } ] }, { "text": "#A page for users to browse courses.# The page should have a title and some links for users to click to browse courses in terms of business, education, and so on.", "region_id": "5244", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link 'several'] [gattr:names 'business, education'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 2 7 116 6 | \" [ link 7 16 11 2 ] | [ link 36 16 20 4 ] | [ link 64 16 11 4 ] | [ link 93 16 4 2 ] | [ link 7 20 18 4 ] | [ link 93 20 12 2 ] | [ link 36 22 21 4 ] | [ link 64 22 17 4 ] | [ link 93 23 9 2 ] | [ link 7 25 7 2 ] | [ link 93 26 19 4 ] | [ link 36 28 8 2 ] | [ link 64 28 9 2 ] | [ link 7 29 17 4 ] | [ link 36 31 14 2 ] | [ link 64 31 11 2 ] | [ link 7 35 10 2 ] | [ link 36 35 10 2 ] | [ link 64 35 8 2 ] | [ link 7 38 21 2 ] | [ link 64 38 13 2 ] \"", "layout_seq_without_completion": "title 2 7 116 6 | \" [ link 7 16 11 2 ] | [ link 36 16 20 4 ] | [ link 64 16 11 4 ] | [ link 93 16 4 2 ] | [ link 7 20 18 4 ] | [ link 93 20 12 2 ] | [ link 36 22 21 4 ] | [ link 64 22 17 4 ] | [ link 93 23 9 2 ] | [ link 7 25 7 2 ] | [ link 93 26 19 4 ] | [ link 36 28 8 2 ] | [ link 64 28 9 2 ] | [ link 7 29 17 4 ] | [ link 36 31 14 2 ] | [ link 64 31 11 2 ] | [ link 7 35 10 2 ] | [ link 36 35 10 2 ] | [ link 64 35 8 2 ] | [ link 7 38 21 2 ] | [ link 64 38 13 2 ] \"", "plain_layout_seq": "link 7 16 11 2 | link 36 16 20 4 | link 64 16 11 4 | link 93 16 4 2 | link 7 20 18 4 | link 93 20 12 2 | link 36 22 21 4 | link 64 22 17 4 | link 93 23 9 2 | link 7 25 7 2 | link 93 26 19 4 | link 36 28 8 2 | link 64 28 9 2 | link 7 29 17 4 | link 36 31 14 2 | link 64 31 11 2 | link 7 35 10 2 | link 36 35 10 2 | link 64 35 8 2 | link 7 38 21 2 | link 64 38 13 2 | title 2 7 116 6", "canvas_width": 960, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 16, 60, 930, 54 ], "completed": false }, { "type": "link", "position": [ 60, 134, 88, 18 ], "completed": false }, { "type": "link", "position": [ 289, 134, 167, 37 ], "completed": false }, { "type": "link", "position": [ 518, 134, 94, 37 ], "completed": false }, { "type": "link", "position": [ 747, 134, 36, 18 ], "completed": false }, { "type": "link", "position": [ 60, 161, 145, 37 ], "completed": false }, { "type": "link", "position": [ 747, 161, 100, 18 ], "completed": false }, { "type": "link", "position": [ 289, 180, 175, 38 ], "completed": false }, { "type": "link", "position": [ 518, 180, 136, 38 ], "completed": false }, { "type": "link", "position": [ 747, 188, 79, 18 ], "completed": false }, { "type": "link", "position": [ 60, 207, 62, 18 ], "completed": false }, { "type": "link", "position": [ 747, 215, 153, 37 ], "completed": false }, { "type": "link", "position": [ 289, 227, 68, 18 ], "completed": false }, { "type": "link", "position": [ 518, 227, 72, 18 ], "completed": false }, { "type": "link", "position": [ 60, 235, 141, 37 ], "completed": false }, { "type": "link", "position": [ 289, 254, 113, 18 ], "completed": false }, { "type": "link", "position": [ 518, 254, 90, 18 ], "completed": false }, { "type": "link", "position": [ 60, 281, 86, 18 ], "completed": false }, { "type": "link", "position": [ 289, 281, 84, 18 ], "completed": false }, { "type": "link", "position": [ 518, 281, 67, 18 ], "completed": false }, { "type": "link", "position": [ 60, 308, 171, 18 ], "completed": false }, { "type": "link", "position": [ 518, 308, 110, 18 ], "completed": false } ] }, { "text": "#A page introducing Kay Sutherland.# The page should include 3 titles, including \"Quick links\" followed by a link \"search\", \"Kay Sutherland\" followed by an introduction to Kay Sutherland and \"Newsletter\" followed by an input and a button \"SUBSCRIBE\" for users to enter their Email addresses.", "region_id": "7000", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup[item[el:title [attr:value 'quick links'] ] [el:link [attr:value 'search'] ]] [item[el:title [attr:value 'Kay Sutherland'] ][el:description]] [item[el:title [attr:value 'Newsletter'] ][el:input[attr:value 'email address']] [el:button [attr:value 'SUBSCRIBE']]]] ]", "execution": "footer : { [ link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 101 8 9 1 | description 34 5 23 56 | input 61 6 37 5 | link 6 6 6 2 | title 6 0 9 2 | title 34 0 23 2 | title 61 0 51 2", "layout_seq_without_completion": "button 101 8 9 1 | description 34 5 23 56 | input 61 6 37 5 | link 6 6 6 2 | title 6 0 9 2 | title 34 0 23 2 | title 61 0 51 2", "plain_layout_seq": "button 101 8 9 1 | description 34 5 23 56 | input 61 6 37 5 | link 6 6 6 2 | title 6 0 9 2 | title 34 0 23 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 575, "elements": [ { "type": "title", "position": [ 55, 0, 84, 25 ], "completed": false }, { "type": "title", "position": [ 298, 0, 199, 25 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 25 ], "completed": false }, { "type": "description", "position": [ 298, 50, 199, 480 ], "completed": false }, { "type": "link", "position": [ 55, 52, 54, 19 ], "completed": false }, { "type": "input", "position": [ 527, 55, 319, 46 ], "completed": false }, { "type": "button", "position": [ 865, 70, 85, 17 ], "completed": false } ] }, { "text": "#A footer page of navigation about a company to users.# This page should include 5 groups: \"Company\", \"Trending Brands\", \"Help\", \"Promos & Discounts\", and \"Contact us\". Each group contains several sublinks. There should be three icons of contacts: call, chat, and email.", "region_id": "4948", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [gattr:names 'company, trending brands, help, promos & discounts, contact us'] [item [el:link [attr:repeat 'several'] ] ] ] [el:icon [attr:value 'call'] ][el:icon [attr:value 'chat'] ][el:icon [attr:value 'email'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 91 29 15 2 | link 91 16 19 2 | link 91 20 19 2 | link 91 9 11 2 | link 91 13 19 2 | complete title 91 5 9 1 | \" [ link 91 26 3 1 ] | [ link 96 26 3 1 ] | [ link 101 26 4 1 ] \" | \" [ link 8 24 13 1 | link 8 10 14 1 | link 8 13 20 1 | link 8 17 15 1 | link 8 20 12 1 | complete title 8 5 20 1 ] | [ link 31 10 6 1 | link 31 13 7 1 | link 31 17 5 1 | link 31 31 15 1 | link 31 20 7 1 | link 31 24 4 1 | link 31 27 6 1 | complete title 31 5 16 1 ] | [ link 49 10 4 1 | link 49 17 7 1 | link 49 24 17 1 | link 49 13 8 1 | link 49 20 17 1 | complete title 49 5 17 1 ] | [ link 69 24 13 1 | link 69 27 19 1 | link 69 10 19 1 | link 69 13 10 1 | link 69 17 7 1 | link 69 20 12 1 | complete title 69 5 19 1 ] \"", "layout_seq_without_completion": "link 91 29 15 2 | link 91 16 19 2 | link 91 20 19 2 | link 91 9 11 2 | link 91 13 19 2 | title 91 5 9 1 | \" [ link 91 26 3 1 ] | [ link 96 26 3 1 ] | [ link 101 26 4 1 ] \" | \" [ link 8 24 13 1 | link 8 10 14 1 | link 8 13 20 1 | link 8 17 15 1 | link 8 20 12 1 | title 8 5 20 1 ] | [ link 31 10 6 1 | link 31 13 7 1 | link 31 17 5 1 | link 31 31 15 1 | link 31 20 7 1 | link 31 24 4 1 | link 31 27 6 1 | title 31 5 16 1 ] | [ link 49 10 4 1 | link 49 17 7 1 | link 49 24 17 1 | link 49 13 8 1 | link 49 20 17 1 | title 49 5 17 1 ] | [ link 69 24 13 1 | link 69 27 19 1 | link 69 10 19 1 | link 69 13 10 1 | link 69 17 7 1 | link 69 20 12 1 | title 69 5 19 1 ] \"", "plain_layout_seq": "link 91 29 15 2 | link 91 16 19 2 | link 91 20 19 2 | link 91 9 11 2 | link 91 13 19 2 | link 91 26 3 1 | link 96 26 3 1 | link 101 26 4 1 | link 8 24 13 1 | link 8 10 14 1 | link 8 13 20 1 | link 8 17 15 1 | link 8 20 12 1 | link 31 10 6 1 | link 31 13 7 1 | link 31 17 5 1 | link 31 31 15 1 | link 31 20 7 1 | link 31 24 4 1 | link 31 27 6 1 | link 49 10 4 1 | link 49 17 7 1 | link 49 24 17 1 | link 49 13 8 1 | link 49 20 17 1 | link 69 24 13 1 | link 69 27 19 1 | link 69 10 19 1 | link 69 13 10 1 | link 69 17 7 1 | link 69 20 12 1 | title 91 5 9 1 | title 8 5 20 1 | title 31 5 16 1 | title 49 5 17 1 | title 69 5 19 1", "canvas_width": 1024, "canvas_height": 345, "elements": [ { "type": "title", "position": [ 70, 50, 175, 15 ], "completed": true }, { "type": "title", "position": [ 266, 50, 140, 15 ], "completed": true }, { "type": "title", "position": [ 426, 50, 150, 15 ], "completed": true }, { "type": "title", "position": [ 596, 50, 168, 15 ], "completed": true }, { "type": "title", "position": [ 784, 50, 81, 15 ], "completed": true }, { "type": "link", "position": [ 784, 85, 99, 19 ], "completed": false }, { "type": "link", "position": [ 70, 88, 120, 15 ], "completed": false }, { "type": "link", "position": [ 266, 88, 57, 15 ], "completed": false }, { "type": "link", "position": [ 426, 88, 38, 15 ], "completed": false }, { "type": "link", "position": [ 596, 88, 168, 15 ], "completed": false }, { "type": "link", "position": [ 784, 115, 170, 20 ], "completed": false }, { "type": "link", "position": [ 70, 118, 175, 15 ], "completed": false }, { "type": "link", "position": [ 266, 118, 66, 15 ], "completed": false }, { "type": "link", "position": [ 426, 118, 70, 15 ], "completed": false }, { "type": "link", "position": [ 596, 118, 90, 15 ], "completed": false }, { "type": "link", "position": [ 784, 145, 170, 20 ], "completed": false }, { "type": "link", "position": [ 70, 148, 134, 15 ], "completed": false }, { "type": "link", "position": [ 266, 148, 47, 15 ], "completed": false }, { "type": "link", "position": [ 426, 148, 67, 15 ], "completed": false }, { "type": "link", "position": [ 596, 148, 60, 15 ], "completed": false }, { "type": "link", "position": [ 784, 175, 170, 20 ], "completed": false }, { "type": "link", "position": [ 70, 178, 104, 15 ], "completed": false }, { "type": "link", "position": [ 266, 178, 66, 15 ], "completed": false }, { "type": "link", "position": [ 426, 178, 149, 15 ], "completed": false }, { "type": "link", "position": [ 596, 178, 104, 15 ], "completed": false }, { "type": "link", "position": [ 70, 208, 114, 15 ], "completed": false }, { "type": "link", "position": [ 266, 208, 35, 15 ], "completed": false }, { "type": "link", "position": [ 426, 208, 150, 15 ], "completed": false }, { "type": "link", "position": [ 596, 208, 111, 15 ], "completed": false }, { "type": "link", "position": [ 784, 225, 30, 15 ], "completed": false }, { "type": "link", "position": [ 822, 225, 32, 15 ], "completed": false }, { "type": "link", "position": [ 862, 225, 38, 15 ], "completed": false }, { "type": "link", "position": [ 266, 238, 58, 15 ], "completed": false }, { "type": "link", "position": [ 596, 238, 168, 15 ], "completed": false }, { "type": "link", "position": [ 784, 250, 133, 19 ], "completed": false }, { "type": "link", "position": [ 266, 268, 131, 15 ], "completed": false } ] }, { "text": "#A page for showing the footer of the web.# The page should have one title, and three links for search, returns and about us.", "region_id": "7338", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link '3'] [gattr:names 'search, returns, about us'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 4 0 110 2 | \" [ link 4 5 110 2 ] | [ link 4 9 110 2 ] | [ link 4 13 110 2 ] \"", "layout_seq_without_completion": "title 4 0 110 2 | \" [ link 4 5 110 2 ] | [ link 4 9 110 2 ] | [ link 4 13 110 2 ] \"", "plain_layout_seq": "link 4 5 110 2 | link 4 9 110 2 | link 4 13 110 2 | title 4 0 110 2", "canvas_width": 1004, "canvas_height": 141, "elements": [ { "type": "title", "position": [ 40, 0, 924, 25 ], "completed": false }, { "type": "link", "position": [ 40, 44, 924, 24 ], "completed": false }, { "type": "link", "position": [ 40, 80, 924, 24 ], "completed": false }, { "type": "link", "position": [ 40, 116, 924, 24 ], "completed": false } ] }, { "text": "#A page for showing more information about the brand to users.# The page includes a logo of the brand, a logo of the social media, and other two lists of information. Each list contains a title of the category and five to eight links for users to click to get further information.", "region_id": "6995", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:logo] [gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:link [attr:repeat '8'] ] ] ] ]", "execution": "footer : logo undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 43 39 34 3 | complete background 43 15 34 3 | complete background 82 12 34 3 | complete background 82 16 34 3 | complete background 43 23 34 3 | complete background 43 12 34 3 | complete background 43 19 34 3 | complete background 43 27 34 3 | complete background 43 31 34 3 | complete background 43 35 34 3 | complete background 82 20 34 3 | complete background 82 24 34 3 | complete background 82 28 34 3 | link 45 35 11 2 | link 45 31 11 2 | link 45 39 14 2 | link 45 23 16 2 | link 84 24 17 2 | link 84 16 4 2 | link 45 19 11 2 | link 45 12 12 2 | link 45 15 8 2 | link 84 12 10 2 | link 84 20 11 2 | link 84 28 17 2 | link 45 27 9 2 | logo 3 21 4 6 | logo 3 7 26 8 | title 42 7 35 3 | title 81 7 35 3", "layout_seq_without_completion": "background 43 39 34 3 | background 43 15 34 3 | background 82 12 34 3 | background 82 16 34 3 | background 43 23 34 3 | background 43 12 34 3 | background 43 19 34 3 | background 43 27 34 3 | background 43 31 34 3 | background 43 35 34 3 | background 82 20 34 3 | background 82 24 34 3 | background 82 28 34 3 | link 45 35 11 2 | link 45 31 11 2 | link 45 39 14 2 | link 45 23 16 2 | link 84 24 17 2 | link 84 16 4 2 | link 45 19 11 2 | link 45 12 12 2 | link 45 15 8 2 | link 84 12 10 2 | link 84 20 11 2 | link 84 28 17 2 | link 45 27 9 2 | logo 3 21 4 6 | logo 3 7 26 8 | title 42 7 35 3 | title 81 7 35 3", "plain_layout_seq": "background 43 39 34 3 | background 43 15 34 3 | background 82 12 34 3 | background 82 16 34 3 | background 43 23 34 3 | background 43 12 34 3 | background 43 19 34 3 | background 43 27 34 3 | background 43 31 34 3 | background 43 35 34 3 | background 82 20 34 3 | background 82 24 34 3 | background 82 28 34 3 | link 45 35 11 2 | link 45 31 11 2 | link 45 39 14 2 | link 45 23 16 2 | link 84 24 17 2 | link 84 16 4 2 | link 45 19 11 2 | link 45 12 12 2 | link 45 15 8 2 | link 84 12 10 2 | link 84 20 11 2 | link 84 28 17 2 | link 45 27 9 2 | logo 3 21 4 6 | logo 3 7 26 8 | title 42 7 35 3 | title 81 7 35 3", "canvas_width": 1024, "canvas_height": 371, "elements": [ { "type": "logo", "position": [ 30, 60, 222, 70 ], "completed": false }, { "type": "title", "position": [ 361, 60, 301, 30 ], "completed": false }, { "type": "title", "position": [ 693, 66, 301, 30 ], "completed": false }, { "type": "background", "position": [ 371, 103, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 103, 109, 21 ], "completed": false }, { "type": "background", "position": [ 703, 109, 291, 33 ], "completed": true }, { "type": "link", "position": [ 718, 109, 86, 21 ], "completed": false }, { "type": "background", "position": [ 371, 136, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 136, 71, 21 ], "completed": false }, { "type": "background", "position": [ 703, 142, 291, 33 ], "completed": true }, { "type": "link", "position": [ 718, 142, 42, 21 ], "completed": false }, { "type": "background", "position": [ 371, 168, 291, 32 ], "completed": true }, { "type": "link", "position": [ 386, 168, 99, 21 ], "completed": false }, { "type": "background", "position": [ 703, 174, 291, 32 ], "completed": true }, { "type": "link", "position": [ 718, 174, 100, 21 ], "completed": false }, { "type": "logo", "position": [ 30, 180, 41, 55 ], "completed": false }, { "type": "background", "position": [ 371, 201, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 201, 140, 21 ], "completed": false }, { "type": "background", "position": [ 703, 207, 291, 33 ], "completed": true }, { "type": "link", "position": [ 718, 207, 146, 21 ], "completed": false }, { "type": "background", "position": [ 371, 234, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 234, 79, 22 ], "completed": false }, { "type": "background", "position": [ 703, 240, 291, 33 ], "completed": true }, { "type": "link", "position": [ 718, 240, 149, 21 ], "completed": false }, { "type": "background", "position": [ 371, 270, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 271, 100, 21 ], "completed": false }, { "type": "background", "position": [ 371, 306, 291, 33 ], "completed": true }, { "type": "link", "position": [ 386, 306, 101, 21 ], "completed": false }, { "type": "background", "position": [ 371, 338, 291, 32 ], "completed": true }, { "type": "link", "position": [ 386, 338, 122, 21 ], "completed": false } ] }, { "text": "# A footer page for navigation of a website.# The page should have 5 lists of links \"About Pages\" \"Follow us Stalk us We dont mind\" \"Communities\" \"Contact Pages\", and \"Policies\" for the user to learn more info. And there should be 3, 9, 5, 4, and 2 links in each list respectively.", "region_id": "3805", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'about pages'] ] [el:link [attr:repeat '3'] ] ] [item [el:title [attr:value 'Follow us Stalk us We dont mind'] ] [el:link [attr:repeat '9'] ] ] [item [el:title [attr:value 'communities'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'contact pages'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'policies'] ] [el:link [attr:repeat '2'] ] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 21 24 2 | link 3 12 13 2 | link 3 16 13 2 | title 3 7 33 2 ] | [ link 3 38 17 2 | link 3 34 9 2 | link 3 43 22 2 | link 3 48 15 2 | title 3 29 33 2 ] | [ link 43 12 19 2 | link 43 30 19 2 | link 43 39 19 2 | link 43 16 20 2 | link 43 21 16 2 | link 43 26 20 2 | link 43 35 17 2 | link 43 44 20 2 | link 43 48 26 2 | title 43 7 33 2 ] | [ link 83 12 24 2 | link 83 21 22 2 | link 83 16 13 2 | link 83 26 27 2 | link 83 30 24 2 | title 83 7 33 2 ] | [ link 83 43 12 2 | link 83 48 12 2 | title 83 38 33 2 ] \"", "layout_seq_without_completion": "\" [ link 3 21 24 2 | link 3 12 13 2 | link 3 16 13 2 | title 3 7 33 2 ] | [ link 3 38 17 2 | link 3 34 9 2 | link 3 43 22 2 | link 3 48 15 2 | title 3 29 33 2 ] | [ link 43 12 19 2 | link 43 30 19 2 | link 43 39 19 2 | link 43 16 20 2 | link 43 21 16 2 | link 43 26 20 2 | link 43 35 17 2 | link 43 44 20 2 | link 43 48 26 2 | title 43 7 33 2 ] | [ link 83 12 24 2 | link 83 21 22 2 | link 83 16 13 2 | link 83 26 27 2 | link 83 30 24 2 | title 83 7 33 2 ] | [ link 83 43 12 2 | link 83 48 12 2 | title 83 38 33 2 ] \"", "plain_layout_seq": "link 3 21 24 2 | link 3 12 13 2 | link 3 16 13 2 | link 3 38 17 2 | link 3 34 9 2 | link 3 43 22 2 | link 3 48 15 2 | link 43 12 19 2 | link 43 30 19 2 | link 43 39 19 2 | link 43 16 20 2 | link 43 21 16 2 | link 43 26 20 2 | link 43 35 17 2 | link 43 44 20 2 | link 43 48 26 2 | link 83 12 24 2 | link 83 21 22 2 | link 83 16 13 2 | link 83 26 27 2 | link 83 30 24 2 | link 83 43 12 2 | link 83 48 12 2 | title 3 7 33 2 | title 3 29 33 2 | title 43 7 33 2 | title 83 7 33 2 | title 83 38 33 2", "canvas_width": 1029, "canvas_height": 506, "elements": [ { "type": "title", "position": [ 30, 61, 283, 22 ], "completed": false }, { "type": "title", "position": [ 373, 61, 283, 22 ], "completed": false }, { "type": "title", "position": [ 716, 61, 283, 22 ], "completed": false }, { "type": "link", "position": [ 30, 106, 116, 23 ], "completed": false }, { "type": "link", "position": [ 373, 106, 170, 23 ], "completed": false }, { "type": "link", "position": [ 716, 106, 206, 23 ], "completed": false }, { "type": "link", "position": [ 30, 145, 112, 23 ], "completed": false }, { "type": "link", "position": [ 373, 145, 176, 23 ], "completed": false }, { "type": "link", "position": [ 716, 145, 120, 23 ], "completed": false }, { "type": "link", "position": [ 30, 184, 213, 23 ], "completed": false }, { "type": "link", "position": [ 373, 184, 138, 23 ], "completed": false }, { "type": "link", "position": [ 716, 184, 191, 23 ], "completed": false }, { "type": "link", "position": [ 373, 223, 175, 23 ], "completed": false }, { "type": "link", "position": [ 716, 223, 234, 23 ], "completed": false }, { "type": "title", "position": [ 30, 250, 283, 22 ], "completed": false }, { "type": "link", "position": [ 373, 263, 168, 23 ], "completed": false }, { "type": "link", "position": [ 716, 263, 213, 23 ], "completed": false }, { "type": "link", "position": [ 30, 295, 84, 23 ], "completed": false }, { "type": "link", "position": [ 373, 302, 154, 23 ], "completed": false }, { "type": "title", "position": [ 716, 329, 283, 22 ], "completed": false }, { "type": "link", "position": [ 30, 334, 146, 23 ], "completed": false }, { "type": "link", "position": [ 373, 341, 170, 23 ], "completed": false }, { "type": "link", "position": [ 30, 373, 193, 23 ], "completed": false }, { "type": "link", "position": [ 716, 373, 106, 23 ], "completed": false }, { "type": "link", "position": [ 373, 380, 180, 23 ], "completed": false }, { "type": "link", "position": [ 30, 413, 136, 23 ], "completed": false }, { "type": "link", "position": [ 716, 413, 103, 23 ], "completed": false }, { "type": "link", "position": [ 373, 420, 223, 23 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click for users to jump to Twitter, Facebook, Instagram, and Blog.", "region_id": "4970", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '4'] [gattr:names 'twitter, facebook, instagram, blog'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 32 0 13 4 ] | [ link 45 0 15 4 ] | [ link 60 0 15 4 ] | [ link 76 0 11 4 ] \"", "layout_seq_without_completion": "\" [ link 32 0 13 4 ] | [ link 45 0 15 4 ] | [ link 60 0 15 4 ] | [ link 76 0 11 4 ] \"", "plain_layout_seq": "link 32 0 13 4 | link 45 0 15 4 | link 60 0 15 4 | link 76 0 11 4", "canvas_width": 930, "canvas_height": 36, "elements": [ { "type": "link", "position": [ 248, 0, 102, 36 ], "completed": false }, { "type": "link", "position": [ 350, 0, 120, 36 ], "completed": false }, { "type": "link", "position": [ 470, 0, 121, 36 ], "completed": false }, { "type": "link", "position": [ 592, 0, 91, 36 ], "completed": false } ] }, { "text": "# This page shows some information to the user. #This page is divided into three groups: My Account, Information, and Newsletter. The first two groups are divided into 6 links, and the last group has an Email address input box and a subscribe button.", "region_id": "8223", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'My Account']] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value 'Information']] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value 'Newsletter']] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 16 18 2 | link 6 5 15 2 | link 6 9 11 2 | link 6 13 9 2 | link 6 20 16 2 | link 6 24 13 2 | title 6 0 22 2 ] | [ link 34 5 13 2 | link 34 9 7 2 | link 34 16 8 2 | link 34 13 5 2 | link 34 20 10 2 | link 34 24 10 2 | title 34 0 17 2 ] | [ button 99 7 11 2 | input 61 5 35 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 16 18 2 | link 6 5 15 2 | link 6 9 11 2 | link 6 13 9 2 | link 6 20 16 2 | link 6 24 13 2 | title 6 0 22 2 ] | [ link 34 5 13 2 | link 34 9 7 2 | link 34 16 8 2 | link 34 13 5 2 | link 34 20 10 2 | link 34 24 10 2 | title 34 0 17 2 ] | [ button 99 7 11 2 | input 61 5 35 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 99 7 11 2 | input 61 5 35 5 | link 6 16 18 2 | link 6 5 15 2 | link 6 9 11 2 | link 6 13 9 2 | link 6 20 16 2 | link 6 24 13 2 | link 34 5 13 2 | link 34 9 7 2 | link 34 16 8 2 | link 34 13 5 2 | link 34 20 10 2 | link 34 24 10 2 | title 6 0 22 2 | title 34 0 17 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 283, "elements": [ { "type": "title", "position": [ 55, 0, 192, 21 ], "completed": false }, { "type": "title", "position": [ 298, 0, 147, 21 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 21 ], "completed": false }, { "type": "link", "position": [ 55, 48, 131, 23 ], "completed": false }, { "type": "link", "position": [ 298, 48, 117, 23 ], "completed": false }, { "type": "input", "position": [ 527, 51, 303, 46 ], "completed": false }, { "type": "button", "position": [ 849, 64, 101, 20 ], "completed": false }, { "type": "link", "position": [ 55, 80, 97, 23 ], "completed": false }, { "type": "link", "position": [ 298, 80, 65, 23 ], "completed": false }, { "type": "link", "position": [ 55, 112, 82, 23 ], "completed": false }, { "type": "link", "position": [ 298, 112, 45, 23 ], "completed": false }, { "type": "link", "position": [ 55, 144, 162, 23 ], "completed": false }, { "type": "link", "position": [ 298, 144, 69, 23 ], "completed": false }, { "type": "link", "position": [ 55, 176, 140, 23 ], "completed": false }, { "type": "link", "position": [ 298, 176, 87, 23 ], "completed": false }, { "type": "link", "position": [ 55, 208, 113, 23 ], "completed": false }, { "type": "link", "position": [ 298, 208, 92, 23 ], "completed": false } ] }, { "text": "# A footer page of a company for introducing info and following the company on social media. # The page should have two groups: \"FOOTER MENU\" and \"FOLLOW US\". The first group, there should contain six links: \"Contact Us\" \"Privacy Policy\" \"Refund Policy\" \"Shipping Policy\" \"Terms of Service\" and \"Search\". In the second group, there should be an icon showing the logo of Facebook, so the user can follow the company on Facebook.", "region_id": "6900", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'footer menu'] ] [el:link [attr:value 'Contact Us'] ] [el:link [attr:value 'Privacy Policy'] ] [el:link [attr:value 'Refund Policy'] ] [el:link [attr:value 'Shipping Policy'] ] [el:link [attr:value 'Terms of Service'] ] [el:link [attr:value 'Search'] ] ] [item [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'facebook'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 60 5 2 2 | title 2 0 55 3 | title 60 0 55 3 | \" [ link 2 5 9 2 ] | [ link 2 9 11 2 ] | [ link 2 13 11 2 ] | [ link 2 16 13 2 ] | [ link 2 20 13 2 ] | [ link 2 24 5 2 ] \"", "layout_seq_without_completion": "icon 60 5 2 2 | title 2 0 55 3 | title 60 0 55 3 | \" [ link 2 5 9 2 ] | [ link 2 9 11 2 ] | [ link 2 13 11 2 ] | [ link 2 16 13 2 ] | [ link 2 20 13 2 ] | [ link 2 24 5 2 ] \"", "plain_layout_seq": "icon 60 5 2 2 | link 2 5 9 2 | link 2 9 11 2 | link 2 13 11 2 | link 2 16 13 2 | link 2 20 13 2 | link 2 24 5 2 | title 2 0 55 3 | title 60 0 55 3", "canvas_width": 1024, "canvas_height": 280, "elements": [ { "type": "title", "position": [ 20, 0, 472, 33 ], "completed": false }, { "type": "title", "position": [ 512, 0, 472, 33 ], "completed": false }, { "type": "icon", "position": [ 512, 48, 24, 24 ], "completed": false }, { "type": "link", "position": [ 20, 49, 82, 19 ], "completed": false }, { "type": "link", "position": [ 20, 81, 100, 19 ], "completed": false }, { "type": "link", "position": [ 20, 113, 100, 19 ], "completed": false }, { "type": "link", "position": [ 20, 145, 116, 19 ], "completed": false }, { "type": "link", "position": [ 20, 177, 119, 19 ], "completed": false }, { "type": "link", "position": [ 20, 209, 51, 19 ], "completed": false } ] }, { "text": "#A footer page for a company homepage. # There are six groups with links, each named'platform', 'solutions', 'customers', 'resources', 'partners' and 'company'.Each group contains a number of links.", "region_id": "729", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'platform, solutions, customers, resources, partners, company'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | complete title 0 8 11 2 ] | [ link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | complete title 17 8 18 2 ] | [ link 42 12 11 1 | link 42 17 8 1 | complete title 42 8 12 2 ] | [ link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | complete title 60 8 16 2 ] | [ link 83 17 14 1 | link 83 12 19 1 | complete title 83 8 19 2 ] | [ link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | complete title 109 8 11 2 ] \"", "layout_seq_without_completion": "\" [ link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | title 0 8 11 2 ] | [ link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | title 17 8 18 2 ] | [ link 42 12 11 1 | link 42 17 8 1 | title 42 8 12 2 ] | [ link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | title 60 8 16 2 ] | [ link 83 17 14 1 | link 83 12 19 1 | title 83 8 19 2 ] | [ link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | title 109 8 11 2 ] \"", "plain_layout_seq": "link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | link 42 12 11 1 | link 42 17 8 1 | link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | link 83 17 14 1 | link 83 12 19 1 | link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | title 0 8 11 2 | title 17 8 18 2 | title 42 8 12 2 | title 60 8 16 2 | title 83 8 19 2 | title 109 8 11 2", "canvas_width": 960, "canvas_height": 342, "elements": [ { "type": "title", "position": [ 0, 64, 88, 18 ], "completed": true }, { "type": "title", "position": [ 137, 64, 150, 18 ], "completed": true }, { "type": "title", "position": [ 336, 64, 102, 18 ], "completed": true }, { "type": "title", "position": [ 486, 64, 134, 18 ], "completed": true }, { "type": "title", "position": [ 669, 64, 154, 18 ], "completed": true }, { "type": "title", "position": [ 872, 64, 88, 18 ], "completed": true }, { "type": "link", "position": [ 0, 101, 67, 15 ], "completed": false }, { "type": "link", "position": [ 137, 101, 52, 15 ], "completed": false }, { "type": "link", "position": [ 336, 101, 94, 15 ], "completed": false }, { "type": "link", "position": [ 486, 101, 32, 15 ], "completed": false }, { "type": "link", "position": [ 669, 101, 154, 15 ], "completed": false }, { "type": "link", "position": [ 872, 101, 43, 15 ], "completed": false }, { "type": "link", "position": [ 0, 137, 85, 15 ], "completed": false }, { "type": "link", "position": [ 137, 137, 134, 15 ], "completed": false }, { "type": "link", "position": [ 336, 137, 70, 15 ], "completed": false }, { "type": "link", "position": [ 486, 137, 102, 15 ], "completed": false }, { "type": "link", "position": [ 669, 137, 118, 15 ], "completed": false }, { "type": "link", "position": [ 872, 137, 55, 15 ], "completed": false }, { "type": "link", "position": [ 0, 173, 84, 15 ], "completed": false }, { "type": "link", "position": [ 137, 173, 78, 15 ], "completed": false }, { "type": "link", "position": [ 486, 173, 134, 15 ], "completed": false }, { "type": "link", "position": [ 872, 173, 40, 15 ], "completed": false }, { "type": "link", "position": [ 0, 209, 88, 15 ], "completed": false }, { "type": "link", "position": [ 137, 209, 150, 15 ], "completed": false }, { "type": "link", "position": [ 486, 209, 133, 15 ], "completed": false }, { "type": "link", "position": [ 0, 245, 66, 15 ], "completed": false } ] }, { "text": "#A footer page for a company homepage. # There are six groups of links for \"platform\", \"solutions\", \"customers\", \"resources\", \"partners\" and \"company\".", "region_id": "729_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'platform, solutions, customers, resources, partners, company'] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | title 0 8 11 2 ] | [ link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | title 17 8 18 2 ] | [ link 42 12 11 1 | link 42 17 8 1 | title 42 8 12 2 ] | [ link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | title 60 8 16 2 ] | [ link 83 17 14 1 | link 83 12 19 1 | title 83 8 19 2 ] | [ link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | title 109 8 11 2 ] \"", "layout_seq_without_completion": "\" [ link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | title 0 8 11 2 ] | [ link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | title 17 8 18 2 ] | [ link 42 12 11 1 | link 42 17 8 1 | title 42 8 12 2 ] | [ link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | title 60 8 16 2 ] | [ link 83 17 14 1 | link 83 12 19 1 | title 83 8 19 2 ] | [ link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | title 109 8 11 2 ] \"", "plain_layout_seq": "link 0 12 8 1 | link 0 17 10 1 | link 0 30 8 1 | link 0 21 10 1 | link 0 26 11 1 | link 17 12 6 1 | link 17 21 9 1 | link 17 26 18 1 | link 17 17 16 1 | link 42 12 11 1 | link 42 17 8 1 | link 60 17 12 1 | link 60 21 16 1 | link 60 26 16 1 | link 60 12 4 1 | link 83 17 14 1 | link 83 12 19 1 | link 109 12 5 1 | link 109 17 6 1 | link 109 21 5 1 | title 0 8 11 2 | title 17 8 18 2 | title 42 8 12 2 | title 60 8 16 2 | title 83 8 19 2 | title 109 8 11 2", "canvas_width": 960, "canvas_height": 342, "elements": [ { "type": "title", "position": [ 0, 64, 88, 18 ], "completed": false }, { "type": "title", "position": [ 137, 64, 150, 18 ], "completed": false }, { "type": "title", "position": [ 336, 64, 102, 18 ], "completed": false }, { "type": "title", "position": [ 486, 64, 134, 18 ], "completed": false }, { "type": "title", "position": [ 669, 64, 154, 18 ], "completed": false }, { "type": "title", "position": [ 872, 64, 88, 18 ], "completed": false }, { "type": "link", "position": [ 0, 101, 67, 15 ], "completed": false }, { "type": "link", "position": [ 137, 101, 52, 15 ], "completed": false }, { "type": "link", "position": [ 336, 101, 94, 15 ], "completed": false }, { "type": "link", "position": [ 486, 101, 32, 15 ], "completed": false }, { "type": "link", "position": [ 669, 101, 154, 15 ], "completed": false }, { "type": "link", "position": [ 872, 101, 43, 15 ], "completed": false }, { "type": "link", "position": [ 0, 137, 85, 15 ], "completed": false }, { "type": "link", "position": [ 137, 137, 134, 15 ], "completed": false }, { "type": "link", "position": [ 336, 137, 70, 15 ], "completed": false }, { "type": "link", "position": [ 486, 137, 102, 15 ], "completed": false }, { "type": "link", "position": [ 669, 137, 118, 15 ], "completed": false }, { "type": "link", "position": [ 872, 137, 55, 15 ], "completed": false }, { "type": "link", "position": [ 0, 173, 84, 15 ], "completed": false }, { "type": "link", "position": [ 137, 173, 78, 15 ], "completed": false }, { "type": "link", "position": [ 486, 173, 134, 15 ], "completed": false }, { "type": "link", "position": [ 872, 173, 40, 15 ], "completed": false }, { "type": "link", "position": [ 0, 209, 88, 15 ], "completed": false }, { "type": "link", "position": [ 137, 209, 150, 15 ], "completed": false }, { "type": "link", "position": [ 486, 209, 133, 15 ], "completed": false }, { "type": "link", "position": [ 0, 245, 66, 15 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include three categories. Under each category, there should be several sublinks where users can click to get further information. Besides, four buttons are needed for users to click to subscribe.", "region_id": "1853", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [item [el:link [attr:repeat 'several'] ] ] ] [el:button [attr:repeat'4'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 39 4 2 2 | button 39 10 2 2 | button 39 21 2 2 | button 39 16 3 2 | complete description 80 4 39 8 | link 80 19 13 2 | link 43 16 8 2 | link 43 4 8 2 | link 43 10 7 2 | link 43 21 9 2 | complete title 80 0 39 3 | complete title 0 0 39 3 | complete title 39 0 39 3 | \" [ link 0 5 7 2 ] | [ link 0 9 15 2 ] | [ link 0 13 11 2 ] | [ link 0 18 7 2 ] | [ link 0 22 7 2 ] | [ link 0 27 11 2 ] | [ link 0 31 6 2 ] \"", "layout_seq_without_completion": "button 39 4 2 2 | button 39 10 2 2 | button 39 21 2 2 | button 39 16 3 2 | description 80 4 39 8 | link 80 19 13 2 | link 43 16 8 2 | link 43 4 8 2 | link 43 10 7 2 | link 43 21 9 2 | title 80 0 39 3 | title 0 0 39 3 | title 39 0 39 3 | \" [ link 0 5 7 2 ] | [ link 0 9 15 2 ] | [ link 0 13 11 2 ] | [ link 0 18 7 2 ] | [ link 0 22 7 2 ] | [ link 0 27 11 2 ] | [ link 0 31 6 2 ] \"", "plain_layout_seq": "button 39 4 2 2 | button 39 10 2 2 | button 39 21 2 2 | button 39 16 3 2 | description 80 4 39 8 | link 80 19 13 2 | link 43 16 8 2 | link 43 4 8 2 | link 43 10 7 2 | link 43 21 9 2 | link 0 5 7 2 | link 0 9 15 2 | link 0 13 11 2 | link 0 18 7 2 | link 0 22 7 2 | link 0 27 11 2 | link 0 31 6 2 | title 80 0 39 3 | title 0 0 39 3 | title 39 0 39 3", "canvas_width": 928, "canvas_height": 273, "elements": [ { "type": "title", "position": [ 0, 0, 309, 25 ], "completed": true }, { "type": "title", "position": [ 309, 0, 309, 25 ], "completed": true }, { "type": "title", "position": [ 619, 0, 309, 25 ], "completed": true }, { "type": "description", "position": [ 619, 35, 309, 63 ], "completed": true }, { "type": "button", "position": [ 309, 37, 22, 22 ], "completed": false }, { "type": "link", "position": [ 335, 37, 65, 21 ], "completed": false }, { "type": "link", "position": [ 0, 39, 56, 16 ], "completed": false }, { "type": "link", "position": [ 0, 73, 122, 16 ], "completed": false }, { "type": "link", "position": [ 335, 81, 56, 21 ], "completed": false }, { "type": "button", "position": [ 309, 84, 22, 18 ], "completed": false }, { "type": "link", "position": [ 0, 107, 86, 16 ], "completed": false }, { "type": "link", "position": [ 337, 125, 65, 21 ], "completed": false }, { "type": "button", "position": [ 309, 129, 24, 16 ], "completed": false }, { "type": "link", "position": [ 0, 141, 60, 16 ], "completed": false }, { "type": "link", "position": [ 619, 152, 104, 17 ], "completed": false }, { "type": "link", "position": [ 335, 169, 77, 21 ], "completed": false }, { "type": "button", "position": [ 309, 170, 22, 22 ], "completed": false }, { "type": "link", "position": [ 0, 175, 55, 16 ], "completed": false }, { "type": "link", "position": [ 0, 209, 89, 16 ], "completed": false }, { "type": "link", "position": [ 0, 243, 50, 16 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company called LegalZoom. # There should be three information sets, with each comprised of a title, and several links. Users can get access to different info through these links. Also, there should be an image showing the logo of the company and five icon links for user to follow the company on the social platforms.", "region_id": "1588", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [item [el:title] [el:link [attr:repeat 'several'] ] ]] [el:logo] [el:icon [attr:repeat '5'] ]]", "execution": "footer : logo undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 94 2 25 3 | \" [ icon 93 7 5 5 ] | [ icon 99 7 5 5 ] | [ icon 104 7 5 5 ] | [ icon 109 7 5 5 ] | [ icon 114 7 5 5 ] \" | \" [ link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | title 1 0 27 7 ] | [ link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | title 31 0 27 7 ] | [ link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | title 61 0 27 7 ] \"", "layout_seq_without_completion": "logo 94 2 25 3 | \" [ icon 93 7 5 5 ] | [ icon 99 7 5 5 ] | [ icon 104 7 5 5 ] | [ icon 109 7 5 5 ] | [ icon 114 7 5 5 ] \" | \" [ link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | title 1 0 27 7 ] | [ link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | title 31 0 27 7 ] | [ link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | title 61 0 27 7 ] \"", "plain_layout_seq": "icon 93 7 5 5 | icon 99 7 5 5 | icon 104 7 5 5 | icon 109 7 5 5 | icon 114 7 5 5 | link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | logo 94 2 25 3 | title 1 0 27 7 | title 31 0 27 7 | title 61 0 27 7", "canvas_width": 960, "canvas_height": 472, "elements": [ { "type": "title", "position": [ 12, 0, 216, 63 ], "completed": false }, { "type": "title", "position": [ 252, 0, 216, 63 ], "completed": false }, { "type": "title", "position": [ 492, 0, 216, 63 ], "completed": false }, { "type": "logo", "position": [ 756, 18, 204, 26 ], "completed": false }, { "type": "icon", "position": [ 750, 56, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 792, 56, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 834, 56, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 876, 56, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 918, 56, 42, 42 ], "completed": false }, { "type": "link", "position": [ 12, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 171, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 171, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 207, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 207, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 243, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 279, 216, 24 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company called LegalZoom. # There should be three information sets, with each comprised of a title, and several links. Users can get access to different info through these links. Also, there should be an image showing the logo of the company and five image links showing the logo of the social app such as Facebook. So the user can click them to follow the company on the social platforms.", "region_id": "1588_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [item [el:title] [el:link [attr:repeat 'several'] ] ]] [el:logo] [el:logo [attr:repeat '5'] ]]", "execution": "footer : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 94 2 25 3 | \" [ logo 93 7 5 5 ] | [ logo 99 7 5 5 ] | [ logo 104 7 5 5 ] | [ logo 109 7 5 5 ] | [ logo 114 7 5 5 ] \" | \" [ link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | title 1 0 27 7 ] | [ link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | title 31 0 27 7 ] | [ link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | title 61 0 27 7 ] \"", "layout_seq_without_completion": "logo 94 2 25 3 | \" [ logo 93 7 5 5 ] | [ logo 99 7 5 5 ] | [ logo 104 7 5 5 ] | [ logo 109 7 5 5 ] | [ logo 114 7 5 5 ] \" | \" [ link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | title 1 0 27 7 ] | [ link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | title 31 0 27 7 ] | [ link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | title 61 0 27 7 ] \"", "plain_layout_seq": "link 1 7 27 3 | link 1 34 27 3 | link 1 12 27 3 | link 1 16 27 3 | link 1 21 27 3 | link 1 25 27 3 | link 1 30 27 3 | link 31 7 27 3 | link 31 12 27 3 | link 31 16 27 3 | link 31 25 27 3 | link 31 21 27 3 | link 61 7 27 3 | link 61 12 27 3 | link 61 16 27 3 | logo 94 2 25 3 | logo 93 7 5 5 | logo 99 7 5 5 | logo 104 7 5 5 | logo 109 7 5 5 | logo 114 7 5 5 | title 1 0 27 7 | title 31 0 27 7 | title 61 0 27 7", "canvas_width": 960, "canvas_height": 472, "elements": [ { "type": "title", "position": [ 12, 0, 216, 63 ], "completed": false }, { "type": "title", "position": [ 252, 0, 216, 63 ], "completed": false }, { "type": "title", "position": [ 492, 0, 216, 63 ], "completed": false }, { "type": "logo", "position": [ 756, 18, 204, 26 ], "completed": false }, { "type": "logo", "position": [ 750, 56, 42, 42 ], "completed": false }, { "type": "logo", "position": [ 792, 56, 42, 42 ], "completed": false }, { "type": "logo", "position": [ 834, 56, 42, 42 ], "completed": false }, { "type": "logo", "position": [ 876, 56, 42, 42 ], "completed": false }, { "type": "logo", "position": [ 918, 56, 42, 42 ], "completed": false }, { "type": "link", "position": [ 12, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 63, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 99, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 492, 135, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 171, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 171, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 207, 216, 24 ], "completed": false }, { "type": "link", "position": [ 252, 207, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 243, 216, 24 ], "completed": false }, { "type": "link", "position": [ 12, 279, 216, 24 ], "completed": false } ] }, { "text": "# A footer page for quick links and subscription to the newsletter.# The page should have two groups \"Quick links\" and \"Newsletter\". In the first group. there should be a link \"Search\" for the user to click to search for things. In the second group, there should have an input box and a button where the user can input the email address and click to subscribe.", "region_id": "6539", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick links'] ] [el:link [attr:value 'search'] ] ] [item [el:title [attr:value 'Newsletter'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 98 7 13 2 | input 61 6 34 5 | link 6 6 7 2 | title 61 0 51 2 | title 6 0 13 2", "layout_seq_without_completion": "button 98 7 13 2 | input 61 6 34 5 | link 6 6 7 2 | title 61 0 51 2 | title 6 0 13 2", "plain_layout_seq": "button 98 7 13 2 | input 61 6 34 5 | link 6 6 7 2 | title 61 0 51 2 | title 6 0 13 2", "canvas_width": 1024, "canvas_height": 146, "elements": [ { "type": "title", "position": [ 55, 0, 111, 24 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 24 ], "completed": false }, { "type": "link", "position": [ 55, 52, 62, 22 ], "completed": false }, { "type": "input", "position": [ 527, 54, 293, 48 ], "completed": false }, { "type": "button", "position": [ 839, 66, 111, 22 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have some buttons for users to click to know the different content fastly, such as 5G, smart city, aviation, etc.", "region_id": "1774", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'several'] [gattr:names '5g, smart city, aviation'] [item [el:button] ] ] ]", "execution": "footer : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 8 2 24 3 ] | [ button 35 2 17 3 ] | [ button 55 2 7 3 ] | [ button 65 2 14 3 ] | [ button 82 2 15 3 ] | [ button 100 2 12 3 ] | [ button 12 8 18 3 ] | [ button 33 8 20 3 ] | [ button 56 8 11 3 ] | [ button 69 8 12 3 ] | [ button 84 8 24 3 ] | [ button 49 14 21 3 ] \"", "layout_seq_without_completion": "\" [ button 8 2 24 3 ] | [ button 35 2 17 3 ] | [ button 55 2 7 3 ] | [ button 65 2 14 3 ] | [ button 82 2 15 3 ] | [ button 100 2 12 3 ] | [ button 12 8 18 3 ] | [ button 33 8 20 3 ] | [ button 56 8 11 3 ] | [ button 69 8 12 3 ] | [ button 84 8 24 3 ] | [ button 49 14 21 3 ] \"", "plain_layout_seq": "button 8 2 24 3 | button 35 2 17 3 | button 55 2 7 3 | button 65 2 14 3 | button 82 2 15 3 | button 100 2 12 3 | button 12 8 18 3 | button 33 8 20 3 | button 56 8 11 3 | button 69 8 12 3 | button 84 8 24 3 | button 49 14 21 3", "canvas_width": 997, "canvas_height": 156, "elements": [ { "type": "button", "position": [ 68, 20, 205, 32 ], "completed": false }, { "type": "button", "position": [ 294, 20, 149, 32 ], "completed": false }, { "type": "button", "position": [ 463, 20, 60, 32 ], "completed": false }, { "type": "button", "position": [ 543, 20, 123, 32 ], "completed": false }, { "type": "button", "position": [ 685, 20, 126, 32 ], "completed": false }, { "type": "button", "position": [ 831, 20, 107, 32 ], "completed": false }, { "type": "button", "position": [ 101, 72, 156, 32 ], "completed": false }, { "type": "button", "position": [ 278, 72, 169, 32 ], "completed": false }, { "type": "button", "position": [ 466, 72, 95, 32 ], "completed": false }, { "type": "button", "position": [ 581, 72, 103, 32 ], "completed": false }, { "type": "button", "position": [ 705, 72, 201, 32 ], "completed": false }, { "type": "button", "position": [ 414, 124, 180, 32 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be six information sets, with each comprised of a title, and several links. Users can get access to different info through these links.", "region_id": "145", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [item [el:title] [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 62 4 17 3 | link 0 4 17 3 | link 20 21 17 3 | link 41 7 17 3 | link 0 7 17 3 | link 0 13 17 3 | link 20 12 17 5 | link 83 7 17 5 | link 104 7 15 3 | link 104 10 15 3 | link 62 10 17 3 | link 0 10 17 3 | link 20 4 17 3 | link 20 18 17 3 | link 41 10 17 3 | link 104 4 15 3 | link 20 7 17 5 | link 41 4 17 3 | link 41 13 17 3 | link 62 7 17 3 | link 83 4 17 3 | link 83 12 17 3 | title 20 1 17 2 | title 62 1 17 2 | title 83 1 17 2 | title 41 1 17 2 | title 104 1 15 2 | title 0 1 17 2", "layout_seq_without_completion": "link 62 4 17 3 | link 0 4 17 3 | link 20 21 17 3 | link 41 7 17 3 | link 0 7 17 3 | link 0 13 17 3 | link 20 12 17 5 | link 83 7 17 5 | link 104 7 15 3 | link 104 10 15 3 | link 62 10 17 3 | link 0 10 17 3 | link 20 4 17 3 | link 20 18 17 3 | link 41 10 17 3 | link 104 4 15 3 | link 20 7 17 5 | link 41 4 17 3 | link 41 13 17 3 | link 62 7 17 3 | link 83 4 17 3 | link 83 12 17 3 | title 20 1 17 2 | title 62 1 17 2 | title 83 1 17 2 | title 41 1 17 2 | title 104 1 15 2 | title 0 1 17 2", "plain_layout_seq": "link 62 4 17 3 | link 0 4 17 3 | link 20 21 17 3 | link 41 7 17 3 | link 0 7 17 3 | link 0 13 17 3 | link 20 12 17 5 | link 83 7 17 5 | link 104 7 15 3 | link 104 10 15 3 | link 62 10 17 3 | link 0 10 17 3 | link 20 4 17 3 | link 20 18 17 3 | link 41 10 17 3 | link 104 4 15 3 | link 20 7 17 5 | link 41 4 17 3 | link 41 13 17 3 | link 62 7 17 3 | link 83 4 17 3 | link 83 12 17 3 | title 20 1 17 2 | title 62 1 17 2 | title 83 1 17 2 | title 41 1 17 2 | title 104 1 15 2 | title 0 1 17 2", "canvas_width": 1179, "canvas_height": 249, "elements": [ { "type": "title", "position": [ 0, 17, 168, 20 ], "completed": false }, { "type": "title", "position": [ 206, 17, 168, 20 ], "completed": false }, { "type": "title", "position": [ 412, 17, 168, 20 ], "completed": false }, { "type": "title", "position": [ 618, 17, 168, 20 ], "completed": false }, { "type": "title", "position": [ 824, 17, 168, 20 ], "completed": false }, { "type": "title", "position": [ 1030, 17, 149, 20 ], "completed": false }, { "type": "link", "position": [ 0, 47, 168, 30 ], "completed": false }, { "type": "link", "position": [ 206, 47, 168, 30 ], "completed": false }, { "type": "link", "position": [ 412, 47, 168, 30 ], "completed": false }, { "type": "link", "position": [ 618, 47, 168, 30 ], "completed": false }, { "type": "link", "position": [ 824, 47, 168, 30 ], "completed": false }, { "type": "link", "position": [ 1030, 47, 149, 30 ], "completed": false }, { "type": "link", "position": [ 0, 77, 168, 30 ], "completed": false }, { "type": "link", "position": [ 206, 77, 168, 50 ], "completed": false }, { "type": "link", "position": [ 412, 77, 168, 30 ], "completed": false }, { "type": "link", "position": [ 618, 77, 168, 30 ], "completed": false }, { "type": "link", "position": [ 824, 77, 168, 50 ], "completed": false }, { "type": "link", "position": [ 1030, 77, 149, 30 ], "completed": false }, { "type": "link", "position": [ 0, 107, 168, 30 ], "completed": false }, { "type": "link", "position": [ 412, 107, 168, 30 ], "completed": false }, { "type": "link", "position": [ 618, 107, 168, 30 ], "completed": false }, { "type": "link", "position": [ 1030, 107, 149, 30 ], "completed": false }, { "type": "link", "position": [ 206, 127, 168, 50 ], "completed": false }, { "type": "link", "position": [ 824, 127, 168, 30 ], "completed": false }, { "type": "link", "position": [ 0, 137, 168, 30 ], "completed": false }, { "type": "link", "position": [ 412, 137, 168, 30 ], "completed": false }, { "type": "link", "position": [ 206, 177, 168, 30 ], "completed": false }, { "type": "link", "position": [ 206, 207, 168, 30 ], "completed": false } ] }, { "text": "#This page is the footer of the company. #This page is divided into four groups: Links, Latest News, Follow Us, and Newsletter. There are four links under the first group, and two icons under the third group: Facebook and Instagram. In addition to a sentence under the fourth group, there is an input box for Your email and a button for Subscribe.", "region_id": "7333", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Links'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'Latest News'] ] ] [item [el:title [attr:value 'Follow Us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] ] [item [el:title [attr:value 'Newsletter'] ] [el:text] [el:input [attr:value 'your email'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 93 17 13 5 | input 93 11 26 4 | text 93 4 26 5 | title 33 0 10 2 | title 93 0 26 3 | \" [ link 3 5 4 2 | link 3 8 10 2 | link 3 11 10 2 | link 3 14 11 2 | title 3 0 26 3 ] | [ icon 63 4 2 3 | icon 68 4 2 3 | title 63 0 26 3 ] \"", "layout_seq_without_completion": "button 93 17 13 5 | input 93 11 26 4 | text 93 4 26 5 | title 33 0 10 2 | title 93 0 26 3 | \" [ link 3 5 4 2 | link 3 8 10 2 | link 3 11 10 2 | link 3 14 11 2 | title 3 0 26 3 ] | [ icon 63 4 2 3 | icon 68 4 2 3 | title 63 0 26 3 ] \"", "plain_layout_seq": "button 93 17 13 5 | icon 63 4 2 3 | icon 68 4 2 3 | input 93 11 26 4 | link 3 5 4 2 | link 3 8 10 2 | link 3 11 10 2 | link 3 14 11 2 | text 93 4 26 5 | title 33 0 10 2 | title 93 0 26 3 | title 3 0 26 3 | title 63 0 26 3", "canvas_width": 995, "canvas_height": 192, "elements": [ { "type": "title", "position": [ 30, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 527, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 776, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 278, 3, 86, 19 ], "completed": false }, { "type": "icon", "position": [ 527, 40, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 564, 40, 23, 25 ], "completed": false }, { "type": "text", "position": [ 776, 40, 219, 46 ], "completed": false }, { "type": "link", "position": [ 30, 42, 40, 18 ], "completed": false }, { "type": "link", "position": [ 30, 69, 85, 18 ], "completed": false }, { "type": "link", "position": [ 30, 95, 83, 18 ], "completed": false }, { "type": "input", "position": [ 776, 97, 219, 37 ], "completed": false }, { "type": "link", "position": [ 30, 122, 98, 18 ], "completed": false }, { "type": "button", "position": [ 776, 147, 114, 44 ], "completed": false } ] }, { "text": "# A footer page of a company for the user to know the service, and info and write feedback for the company. # The page, should have three groups of information sets: \"Services\" \"Information\" and \"Feedback\". In the first two groups, there should have a title and four links. In the last group, there should be some sentences telling the user to give ideas or feedback, and there is a link \"Write to us\" in the sentence for the user to write feedback.", "region_id": "4092", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'services'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'information'] ] [el:link [attr:repeat'4'] ] ] [item [el:title [attr:value 'feedback'] ] [el:text] [el:link [attr:value 'write to us'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "text 81 5 36 8 | title 81 0 36 3 | \" [ link 1 6 12 2 | link 1 9 15 2 | link 1 13 11 2 | link 1 17 11 2 | title 1 0 36 3 ] | [ link 41 9 15 2 | link 41 13 19 2 | link 41 6 12 2 | link 41 17 10 2 | title 41 0 36 3 ] \"", "layout_seq_without_completion": "text 81 5 36 8 | title 81 0 36 3 | \" [ link 1 6 12 2 | link 1 9 15 2 | link 1 13 11 2 | link 1 17 11 2 | title 1 0 36 3 ] | [ link 41 9 15 2 | link 41 13 19 2 | link 41 6 12 2 | link 41 17 10 2 | title 41 0 36 3 ] \"", "plain_layout_seq": "link 1 6 12 2 | link 1 9 15 2 | link 1 13 11 2 | link 1 17 11 2 | link 41 9 15 2 | link 41 13 19 2 | link 41 6 12 2 | link 41 17 10 2 | text 81 5 36 8 | title 81 0 36 3 | title 1 0 36 3 | title 41 0 36 3", "canvas_width": 960, "canvas_height": 163, "elements": [ { "type": "title", "position": [ 15, 0, 290, 30 ], "completed": false }, { "type": "title", "position": [ 335, 0, 290, 30 ], "completed": false }, { "type": "title", "position": [ 655, 0, 290, 30 ], "completed": false }, { "type": "text", "position": [ 655, 46, 290, 68 ], "completed": false }, { "type": "link", "position": [ 15, 50, 98, 16 ], "completed": false }, { "type": "link", "position": [ 335, 50, 96, 16 ], "completed": false }, { "type": "link", "position": [ 15, 79, 120, 16 ], "completed": false }, { "type": "link", "position": [ 335, 79, 121, 16 ], "completed": false }, { "type": "link", "position": [ 15, 108, 94, 16 ], "completed": false }, { "type": "link", "position": [ 335, 108, 155, 16 ], "completed": false }, { "type": "link", "position": [ 15, 137, 94, 16 ], "completed": false }, { "type": "link", "position": [ 335, 137, 82, 16 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have an image on the left side. There are two groups, \"quick links\" and \"our office\". Also, there are six links in the \"Quick links\" group, and there is a description in the \"our office\" group.", "region_id": "7226", "region_type": "Footer", "ir": "[region:Footer [el:image [attr:position 'left'] ] [gp:NavGroup [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '6'] ] ] [item \n[el:title [attr:value 'our office'] ] [el:description] ] ] ]", "execution": "footer : image left undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 78 5 35 10 | image 11 0 23 23 | title 42 0 35 3 | title 78 0 35 3 | \" [ link 42 5 5 3 ] | [ link 42 9 13 4 ] | [ link 42 13 11 4 ] | [ link 42 17 12 4 ] | [ link 42 21 11 4 ] | [ link 42 25 8 4 ] \"", "layout_seq_without_completion": "description 78 5 35 10 | image 11 0 23 23 | title 42 0 35 3 | title 78 0 35 3 | \" [ link 42 5 5 3 ] | [ link 42 9 13 4 ] | [ link 42 13 11 4 ] | [ link 42 17 12 4 ] | [ link 42 21 11 4 ] | [ link 42 25 8 4 ] \"", "plain_layout_seq": "description 78 5 35 10 | image 11 0 23 23 | link 42 5 5 3 | link 42 9 13 4 | link 42 13 11 4 | link 42 17 12 4 | link 42 21 11 4 | link 42 25 8 4 | title 42 0 35 3 | title 78 0 35 3", "canvas_width": 1024, "canvas_height": 325, "elements": [ { "type": "image", "position": [ 100, 0, 200, 200 ], "completed": false }, { "type": "title", "position": [ 362, 0, 300, 27 ], "completed": false }, { "type": "title", "position": [ 674, 0, 300, 27 ], "completed": false }, { "type": "description", "position": [ 674, 47, 300, 86 ], "completed": false }, { "type": "link", "position": [ 362, 49, 49, 30 ], "completed": false }, { "type": "link", "position": [ 362, 80, 116, 35 ], "completed": false }, { "type": "link", "position": [ 362, 115, 94, 35 ], "completed": false }, { "type": "link", "position": [ 362, 150, 105, 35 ], "completed": false }, { "type": "link", "position": [ 362, 185, 100, 35 ], "completed": false }, { "type": "link", "position": [ 362, 220, 76, 35 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page has four groups and each group have sub-links to describe different services. There is an input box to import the email address in the rightmost group and a button to subscribe.", "region_id": "7082", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [item [el:link [attr:repeat 'several'] ] ] ] [el:input [attr:value ' email address'] [attr:position 'right'] ] [el:button [attr:value 'subscribe'] [attr:position 'right'] ] ]", "execution": "footer : button right undefined | input right undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 61 5 23 10 | complete title 61 0 23 2 | \" [ link 6 5 13 2 | link 6 15 16 2 | link 6 10 17 2 | complete title 6 0 17 2 ] | [ link 34 5 3 2 | link 34 8 9 2 | link 34 12 4 2 | link 34 19 10 2 | link 34 15 17 2 | complete title 34 0 20 2 ] | [ button 95 13 10 1 | input 88 5 25 5 | complete title 88 0 25 2 ] \"", "layout_seq_without_completion": "link 61 5 23 10 | title 61 0 23 2 | \" [ link 6 5 13 2 | link 6 15 16 2 | link 6 10 17 2 | title 6 0 17 2 ] | [ link 34 5 3 2 | link 34 8 9 2 | link 34 12 4 2 | link 34 19 10 2 | link 34 15 17 2 | title 34 0 20 2 ] | [ button 95 13 10 1 | input 88 5 25 5 | title 88 0 25 2 ] \"", "plain_layout_seq": "button 95 13 10 1 | input 88 5 25 5 | link 61 5 23 10 | link 6 5 13 2 | link 6 15 16 2 | link 6 10 17 2 | link 34 5 3 2 | link 34 8 9 2 | link 34 12 4 2 | link 34 19 10 2 | link 34 15 17 2 | title 61 0 23 2 | title 6 0 17 2 | title 34 0 20 2 | title 88 0 25 2", "canvas_width": 1024, "canvas_height": 235, "elements": [ { "type": "title", "position": [ 55, 0, 146, 20 ], "completed": true }, { "type": "title", "position": [ 298, 0, 179, 20 ], "completed": true }, { "type": "title", "position": [ 527, 0, 199, 20 ], "completed": true }, { "type": "title", "position": [ 756, 0, 214, 20 ], "completed": true }, { "type": "link", "position": [ 527, 45, 199, 92 ], "completed": false }, { "type": "link", "position": [ 55, 47, 112, 19 ], "completed": false }, { "type": "link", "position": [ 298, 47, 34, 19 ], "completed": false }, { "type": "input", "position": [ 756, 50, 214, 46 ], "completed": false }, { "type": "link", "position": [ 298, 76, 77, 19 ], "completed": false }, { "type": "link", "position": [ 55, 91, 146, 19 ], "completed": false }, { "type": "link", "position": [ 298, 105, 40, 19 ], "completed": false }, { "type": "button", "position": [ 818, 116, 89, 16 ], "completed": false }, { "type": "link", "position": [ 55, 134, 139, 19 ], "completed": false }, { "type": "link", "position": [ 298, 134, 149, 19 ], "completed": false }, { "type": "link", "position": [ 298, 163, 88, 19 ], "completed": false } ] }, { "text": "# A footer page for quick links and subscription to the newsletter. # The page should have two groups \"Quick Links\" and \"Join Our Mailing List\". There should have six links for the user to click for more info in the first group. In the second group, there should be an input box and a button \"SUBSCRIBE\" where the user can enter the email address and click to subscribe.", "region_id": "7952", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value 'join our mailing list'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 9 24 2 | link 34 9 17 2 | link 6 13 12 2 | link 6 5 6 2 | link 16 5 9 2 | link 29 5 5 2 | title 6 0 51 2 ] | [ button 99 7 11 1 | input 61 6 35 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 9 24 2 | link 34 9 17 2 | link 6 13 12 2 | link 6 5 6 2 | link 16 5 9 2 | link 29 5 5 2 | title 6 0 51 2 ] | [ button 99 7 11 1 | input 61 6 35 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 99 7 11 1 | input 61 6 35 5 | link 6 9 24 2 | link 34 9 17 2 | link 6 13 12 2 | link 6 5 6 2 | link 16 5 9 2 | link 29 5 5 2 | title 6 0 51 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 185, "elements": [ { "type": "title", "position": [ 55, 0, 442, 23 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 23 ], "completed": false }, { "type": "link", "position": [ 55, 51, 53, 20 ], "completed": false }, { "type": "link", "position": [ 138, 51, 84, 20 ], "completed": false }, { "type": "link", "position": [ 252, 51, 43, 20 ], "completed": false }, { "type": "input", "position": [ 527, 54, 304, 46 ], "completed": false }, { "type": "button", "position": [ 850, 68, 100, 17 ], "completed": false }, { "type": "link", "position": [ 55, 81, 209, 20 ], "completed": false }, { "type": "link", "position": [ 294, 81, 153, 20 ], "completed": false }, { "type": "link", "position": [ 55, 112, 108, 20 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have six groups and each group has a title. Also, there are 3-6 sub-links in each group for users to click fastly.", "region_id": "4029", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '6'] [item [el:title] [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 12 7 2 | link 1 25 14 2 | link 1 33 10 2 | link 1 16 10 2 | link 1 20 10 2 | link 1 29 14 2 | title 1 5 16 3 ] | [ link 21 16 14 2 | link 21 25 11 2 | link 21 12 6 2 | link 21 20 13 2 | title 21 5 16 3 ] | [ link 41 25 5 2 | link 41 12 5 2 | link 41 16 10 2 | link 41 20 14 2 | link 41 29 2 2 | link 41 33 13 2 | title 41 5 16 3 ] | [ link 61 12 6 2 | link 61 16 8 2 | link 61 20 7 2 | link 61 25 4 2 | link 61 29 15 2 | title 61 5 16 3 ] | [ link 81 19 11 2 | link 81 23 8 5 | link 81 12 11 5 | link 81 30 12 2 | link 81 35 8 5 | title 81 5 16 3 ] | [ link 101 12 5 2 | link 101 16 6 2 | link 101 20 7 2 | title 101 5 16 3 ] \"", "layout_seq_without_completion": "\" [ link 1 12 7 2 | link 1 25 14 2 | link 1 33 10 2 | link 1 16 10 2 | link 1 20 10 2 | link 1 29 14 2 | title 1 5 16 3 ] | [ link 21 16 14 2 | link 21 25 11 2 | link 21 12 6 2 | link 21 20 13 2 | title 21 5 16 3 ] | [ link 41 25 5 2 | link 41 12 5 2 | link 41 16 10 2 | link 41 20 14 2 | link 41 29 2 2 | link 41 33 13 2 | title 41 5 16 3 ] | [ link 61 12 6 2 | link 61 16 8 2 | link 61 20 7 2 | link 61 25 4 2 | link 61 29 15 2 | title 61 5 16 3 ] | [ link 81 19 11 2 | link 81 23 8 5 | link 81 12 11 5 | link 81 30 12 2 | link 81 35 8 5 | title 81 5 16 3 ] | [ link 101 12 5 2 | link 101 16 6 2 | link 101 20 7 2 | title 101 5 16 3 ] \"", "plain_layout_seq": "link 1 12 7 2 | link 1 25 14 2 | link 1 33 10 2 | link 1 16 10 2 | link 1 20 10 2 | link 1 29 14 2 | link 21 16 14 2 | link 21 25 11 2 | link 21 12 6 2 | link 21 20 13 2 | link 41 25 5 2 | link 41 12 5 2 | link 41 16 10 2 | link 41 20 14 2 | link 41 29 2 2 | link 41 33 13 2 | link 61 12 6 2 | link 61 16 8 2 | link 61 20 7 2 | link 61 25 4 2 | link 61 29 15 2 | link 81 19 11 2 | link 81 23 8 5 | link 81 12 11 5 | link 81 30 12 2 | link 81 35 8 5 | link 101 12 5 2 | link 101 16 6 2 | link 101 20 7 2 | title 1 5 16 3 | title 21 5 16 3 | title 41 5 16 3 | title 61 5 16 3 | title 81 5 16 3 | title 101 5 16 3", "canvas_width": 960, "canvas_height": 341, "elements": [ { "type": "title", "position": [ 15, 40, 130, 27 ], "completed": false }, { "type": "title", "position": [ 175, 40, 130, 27 ], "completed": false }, { "type": "title", "position": [ 335, 40, 130, 27 ], "completed": false }, { "type": "title", "position": [ 495, 40, 130, 27 ], "completed": false }, { "type": "title", "position": [ 655, 40, 130, 27 ], "completed": false }, { "type": "title", "position": [ 815, 40, 130, 27 ], "completed": false }, { "type": "link", "position": [ 15, 98, 59, 20 ], "completed": false }, { "type": "link", "position": [ 175, 98, 55, 20 ], "completed": false }, { "type": "link", "position": [ 335, 98, 40, 20 ], "completed": false }, { "type": "link", "position": [ 495, 98, 51, 20 ], "completed": false }, { "type": "link", "position": [ 655, 98, 91, 43 ], "completed": false }, { "type": "link", "position": [ 815, 98, 42, 20 ], "completed": false }, { "type": "link", "position": [ 15, 133, 82, 20 ], "completed": false }, { "type": "link", "position": [ 175, 133, 115, 20 ], "completed": false }, { "type": "link", "position": [ 335, 133, 86, 20 ], "completed": false }, { "type": "link", "position": [ 495, 133, 69, 20 ], "completed": false }, { "type": "link", "position": [ 815, 133, 51, 20 ], "completed": false }, { "type": "link", "position": [ 655, 155, 91, 20 ], "completed": false }, { "type": "link", "position": [ 15, 167, 86, 20 ], "completed": false }, { "type": "link", "position": [ 175, 167, 107, 20 ], "completed": false }, { "type": "link", "position": [ 335, 167, 116, 20 ], "completed": false }, { "type": "link", "position": [ 495, 167, 62, 20 ], "completed": false }, { "type": "link", "position": [ 815, 167, 56, 20 ], "completed": false }, { "type": "link", "position": [ 655, 190, 71, 42 ], "completed": false }, { "type": "link", "position": [ 15, 202, 113, 20 ], "completed": false }, { "type": "link", "position": [ 175, 202, 92, 20 ], "completed": false }, { "type": "link", "position": [ 335, 202, 43, 20 ], "completed": false }, { "type": "link", "position": [ 495, 202, 38, 20 ], "completed": false }, { "type": "link", "position": [ 15, 236, 117, 20 ], "completed": false }, { "type": "link", "position": [ 335, 236, 23, 20 ], "completed": false }, { "type": "link", "position": [ 495, 236, 122, 20 ], "completed": false }, { "type": "link", "position": [ 655, 247, 101, 20 ], "completed": false }, { "type": "link", "position": [ 15, 271, 84, 20 ], "completed": false }, { "type": "link", "position": [ 335, 271, 107, 20 ], "completed": false }, { "type": "link", "position": [ 655, 281, 71, 43 ], "completed": false } ] }, { "text": "# A footer page for a company Phoxy. # The page should have two lists of information. In the first list, there should be a link for the user to click to get in touch with the company, and two entries of email and phone information. In the second list, there should contain the title \"Links\" followed by 10 links for the user to know more info such as service, design, blog, and so on.", "region_id": "8296", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:link [attr:value 'click to get in touch'] ] [el:text [attr:value 'email'] ] [el:text [attr:value 'phone'] ] ] [item [el:title [attr:value 'links'] ] [el:link [attr:repeat '10'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 6 19 2 | text 3 11 56 3 | text 3 16 56 3 | complete title 3 0 56 3 ] | [ link 63 6 13 2 | link 63 9 11 2 | link 63 15 12 2 | link 63 28 13 2 | link 63 12 14 2 | link 63 18 9 2 | link 63 22 14 2 | link 63 25 12 2 | link 63 31 11 2 | link 63 34 31 2 | title 63 0 56 3 ] \"", "layout_seq_without_completion": "\" [ link 3 6 19 2 | text 3 11 56 3 | text 3 16 56 3 | title 3 0 56 3 ] | [ link 63 6 13 2 | link 63 9 11 2 | link 63 15 12 2 | link 63 28 13 2 | link 63 12 14 2 | link 63 18 9 2 | link 63 22 14 2 | link 63 25 12 2 | link 63 31 11 2 | link 63 34 31 2 | title 63 0 56 3 ] \"", "plain_layout_seq": "link 3 6 19 2 | link 63 6 13 2 | link 63 9 11 2 | link 63 15 12 2 | link 63 28 13 2 | link 63 12 14 2 | link 63 18 9 2 | link 63 22 14 2 | link 63 25 12 2 | link 63 31 11 2 | link 63 34 31 2 | text 3 11 56 3 | text 3 16 56 3 | title 3 0 56 3 | title 63 0 56 3", "canvas_width": 994, "canvas_height": 323, "elements": [ { "type": "title", "position": [ 30, 0, 467, 31 ], "completed": true }, { "type": "title", "position": [ 527, 0, 467, 31 ], "completed": false }, { "type": "link", "position": [ 30, 55, 160, 22 ], "completed": false }, { "type": "link", "position": [ 527, 55, 108, 19 ], "completed": false }, { "type": "link", "position": [ 527, 80, 99, 19 ], "completed": false }, { "type": "text", "position": [ 30, 92, 467, 25 ], "completed": false }, { "type": "link", "position": [ 527, 106, 124, 19 ], "completed": false }, { "type": "link", "position": [ 527, 131, 104, 19 ], "completed": false }, { "type": "text", "position": [ 30, 133, 467, 26 ], "completed": false }, { "type": "link", "position": [ 527, 157, 82, 19 ], "completed": false }, { "type": "link", "position": [ 527, 183, 121, 19 ], "completed": false }, { "type": "link", "position": [ 527, 208, 100, 19 ], "completed": false }, { "type": "link", "position": [ 527, 234, 112, 19 ], "completed": false }, { "type": "link", "position": [ 527, 259, 99, 19 ], "completed": false }, { "type": "link", "position": [ 527, 285, 261, 19 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 4 groups of links for users to click to know the different content of the web.", "region_id": "1085", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:link]] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 30 7 11 2 | link 0 18 7 2 | link 30 13 6 2 | link 30 24 12 2 | link 92 18 12 2 | link 92 24 7 2 | link 59 13 25 2 | link 59 24 5 2 | link 0 13 8 2 | link 30 29 5 2 | link 59 7 8 2 | link 59 18 10 2 | link 59 29 7 2 | link 92 7 16 2 | link 0 7 5 2 | link 0 24 4 2 | link 0 29 22 2 | link 0 35 4 2 | link 30 18 20 2 | link 30 35 8 2 | link 92 13 27 2 | complete title 30 0 20 3 | complete title 59 0 25 3 | complete title 92 0 27 3 | complete title 0 0 22 3", "layout_seq_without_completion": "link 30 7 11 2 | link 0 18 7 2 | link 30 13 6 2 | link 30 24 12 2 | link 92 18 12 2 | link 92 24 7 2 | link 59 13 25 2 | link 59 24 5 2 | link 0 13 8 2 | link 30 29 5 2 | link 59 7 8 2 | link 59 18 10 2 | link 59 29 7 2 | link 92 7 16 2 | link 0 7 5 2 | link 0 24 4 2 | link 0 29 22 2 | link 0 35 4 2 | link 30 18 20 2 | link 30 35 8 2 | link 92 13 27 2 | title 30 0 20 3 | title 59 0 25 3 | title 92 0 27 3 | title 0 0 22 3", "plain_layout_seq": "link 30 7 11 2 | link 0 18 7 2 | link 30 13 6 2 | link 30 24 12 2 | link 92 18 12 2 | link 92 24 7 2 | link 59 13 25 2 | link 59 24 5 2 | link 0 13 8 2 | link 30 29 5 2 | link 59 7 8 2 | link 59 18 10 2 | link 59 29 7 2 | link 92 7 16 2 | link 0 7 5 2 | link 0 24 4 2 | link 0 29 22 2 | link 0 35 4 2 | link 30 18 20 2 | link 30 35 8 2 | link 92 13 27 2 | title 30 0 20 3 | title 59 0 25 3 | title 92 0 27 3 | title 0 0 22 3", "canvas_width": 844, "canvas_height": 283, "elements": [ { "type": "title", "position": [ 0, 0, 155, 25 ], "completed": true }, { "type": "title", "position": [ 215, 0, 141, 25 ], "completed": true }, { "type": "title", "position": [ 417, 0, 176, 25 ], "completed": true }, { "type": "title", "position": [ 653, 0, 191, 25 ], "completed": true }, { "type": "link", "position": [ 0, 54, 37, 18 ], "completed": false }, { "type": "link", "position": [ 215, 54, 81, 18 ], "completed": false }, { "type": "link", "position": [ 417, 54, 60, 18 ], "completed": false }, { "type": "link", "position": [ 653, 54, 117, 18 ], "completed": false }, { "type": "link", "position": [ 0, 93, 58, 18 ], "completed": false }, { "type": "link", "position": [ 215, 93, 44, 18 ], "completed": false }, { "type": "link", "position": [ 417, 93, 176, 18 ], "completed": false }, { "type": "link", "position": [ 653, 93, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 132, 52, 18 ], "completed": false }, { "type": "link", "position": [ 215, 132, 141, 18 ], "completed": false }, { "type": "link", "position": [ 417, 132, 74, 18 ], "completed": false }, { "type": "link", "position": [ 653, 132, 91, 18 ], "completed": false }, { "type": "link", "position": [ 0, 171, 31, 18 ], "completed": false }, { "type": "link", "position": [ 215, 171, 90, 18 ], "completed": false }, { "type": "link", "position": [ 417, 171, 38, 18 ], "completed": false }, { "type": "link", "position": [ 653, 171, 54, 18 ], "completed": false }, { "type": "link", "position": [ 0, 210, 155, 18 ], "completed": false }, { "type": "link", "position": [ 215, 210, 38, 18 ], "completed": false }, { "type": "link", "position": [ 417, 210, 52, 18 ], "completed": false }, { "type": "link", "position": [ 0, 249, 30, 18 ], "completed": false }, { "type": "link", "position": [ 215, 249, 63, 18 ], "completed": false } ] }, { "text": "#A footer page of Very Nice for users to get information.# The page should include the logo of Very Nice and an introduction. There should also be three titles, including \"POLICY\" followed by seven links, \"CONNECT\" followed by a link, and \"SOCIAL\".", "region_id": "6483", "region_type": "Footer", "ir": "[region:Footer [el:logo[attr:value'very nice']] [el:description] [gp:NavGroup \n[item[el:title [attr:value 'policy'] ] [el:link[attr:repeat'7'] ]] \n[item [el:title [attr:value 'connect'] ] [el:link] ] \n[item [el:title [attr:value 'social'] ] ] ] ]", "execution": "footer : description undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "description 1 8 41 15 | link 91 12 8 5 | logo 1 6 7 2 | title 61 5 11 2 | title 91 5 11 2 | title 106 5 11 2 | \" [ link 61 12 7 5 ] | [ link 76 12 5 2 ] | [ link 76 16 6 5 ] | [ link 61 19 6 5 ] | [ link 76 23 7 2 ] | [ link 61 26 3 2 ] | [ link 61 29 7 5 ] \"", "layout_seq_without_completion": "description 1 8 41 15 | link 91 12 8 5 | logo 1 6 7 2 | title 61 5 11 2 | title 91 5 11 2 | title 106 5 11 2 | \" [ link 61 12 7 5 ] | [ link 76 12 5 2 ] | [ link 76 16 6 5 ] | [ link 61 19 6 5 ] | [ link 76 23 7 2 ] | [ link 61 26 3 2 ] | [ link 61 29 7 5 ] \"", "plain_layout_seq": "description 1 8 41 15 | link 91 12 8 5 | link 61 12 7 5 | link 76 12 5 2 | link 76 16 6 5 | link 61 19 6 5 | link 76 23 7 2 | link 61 26 3 2 | link 61 29 7 5 | logo 1 6 7 2 | title 61 5 11 2 | title 91 5 11 2 | title 106 5 11 2", "canvas_width": 1009, "canvas_height": 321, "elements": [ { "type": "title", "position": [ 519, 49, 96, 19 ], "completed": false }, { "type": "title", "position": [ 772, 49, 96, 19 ], "completed": false }, { "type": "title", "position": [ 898, 49, 96, 19 ], "completed": false }, { "type": "logo", "position": [ 15, 51, 62, 20 ], "completed": false }, { "type": "description", "position": [ 15, 73, 350, 128 ], "completed": false }, { "type": "link", "position": [ 519, 105, 64, 44 ], "completed": false }, { "type": "link", "position": [ 646, 105, 45, 20 ], "completed": false }, { "type": "link", "position": [ 772, 105, 69, 44 ], "completed": false }, { "type": "link", "position": [ 646, 138, 53, 44 ], "completed": false }, { "type": "link", "position": [ 519, 162, 53, 44 ], "completed": false }, { "type": "link", "position": [ 646, 195, 67, 20 ], "completed": false }, { "type": "link", "position": [ 519, 219, 30, 20 ], "completed": false }, { "type": "link", "position": [ 519, 252, 64, 44 ], "completed": false } ] }, { "text": "#A page including the open hours of a restaurant and some other information.# The page should contain the logo of the web and a paragraph including the restaurant Hours. There are also 4 links, including \"Home\", \"Catering\", \"Takeout\", and \"Delivery\". The page should also include a title \"About Us\" and an introduction text.", "region_id": "7821", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:text] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'home, catering, takeout, delivery'] [item [el:link] ] ] [el:title [attr:value 'about us'] ] [el:description] ]", "execution": "footer : description undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 93 4 23 24 | logo 2 0 9 3 | text 17 0 42 28 | title 93 0 7 2 | \" [ link 64 0 5 2 ] | [ link 64 4 7 2 ] | [ link 64 8 6 2 ] | [ link 64 12 6 2 ] \"", "layout_seq_without_completion": "description 93 4 23 24 | logo 2 0 9 3 | text 17 0 42 28 | title 93 0 7 2 | \" [ link 64 0 5 2 ] | [ link 64 4 7 2 ] | [ link 64 8 6 2 ] | [ link 64 12 6 2 ] \"", "plain_layout_seq": "description 93 4 23 24 | link 64 0 5 2 | link 64 4 7 2 | link 64 8 6 2 | link 64 12 6 2 | logo 2 0 9 3 | text 17 0 42 28 | title 93 0 7 2", "canvas_width": 923, "canvas_height": 268, "elements": [ { "type": "text", "position": [ 131, 0, 329, 221 ], "completed": false }, { "type": "link", "position": [ 499, 5, 39, 20 ], "completed": false }, { "type": "title", "position": [ 721, 5, 61, 20 ], "completed": false }, { "type": "logo", "position": [ 20, 7, 71, 30 ], "completed": false }, { "type": "link", "position": [ 499, 36, 54, 20 ], "completed": false }, { "type": "description", "position": [ 721, 36, 178, 186 ], "completed": false }, { "type": "link", "position": [ 499, 66, 52, 20 ], "completed": false }, { "type": "link", "position": [ 499, 96, 52, 20 ], "completed": false } ] }, { "text": "# A footer page for Appollo ProHealth for introducing its service info. # The page should have the title \"Service\" and 11 links for the user to click to know the service of the company.", "region_id": "4179", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'service'] ] [gp:NavGroup [gattr:total_link '11'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 118 3 | \" [ link 3 4 20 3 ] | [ link 27 4 19 3 ] | [ link 50 4 13 3 ] | [ link 67 4 11 3 ] | [ link 82 4 11 3 ] | [ link 97 4 16 3 ] | [ link 3 8 16 3 ] | [ link 23 8 20 3 ] | [ link 47 8 15 3 ] | [ link 66 8 11 3 ] | [ link 82 8 11 3 ] \"", "layout_seq_without_completion": "title 0 0 118 3 | \" [ link 3 4 20 3 ] | [ link 27 4 19 3 ] | [ link 50 4 13 3 ] | [ link 67 4 11 3 ] | [ link 82 4 11 3 ] | [ link 97 4 16 3 ] | [ link 3 8 16 3 ] | [ link 23 8 20 3 ] | [ link 47 8 15 3 ] | [ link 66 8 11 3 ] | [ link 82 8 11 3 ] \"", "plain_layout_seq": "link 3 4 20 3 | link 27 4 19 3 | link 50 4 13 3 | link 67 4 11 3 | link 82 4 11 3 | link 97 4 16 3 | link 3 8 16 3 | link 23 8 20 3 | link 47 8 15 3 | link 66 8 11 3 | link 82 8 11 3 | title 0 0 118 3", "canvas_width": 984, "canvas_height": 114, "elements": [ { "type": "title", "position": [ 8, 0, 968, 30 ], "completed": false }, { "type": "link", "position": [ 27, 40, 167, 27 ], "completed": false }, { "type": "link", "position": [ 224, 40, 160, 27 ], "completed": false }, { "type": "link", "position": [ 414, 40, 107, 27 ], "completed": false }, { "type": "link", "position": [ 551, 40, 94, 27 ], "completed": false }, { "type": "link", "position": [ 675, 40, 98, 27 ], "completed": false }, { "type": "link", "position": [ 803, 40, 139, 27 ], "completed": false }, { "type": "link", "position": [ 27, 67, 137, 27 ], "completed": false }, { "type": "link", "position": [ 194, 67, 167, 27 ], "completed": false }, { "type": "link", "position": [ 391, 67, 128, 27 ], "completed": false }, { "type": "link", "position": [ 549, 67, 95, 27 ], "completed": false }, { "type": "link", "position": [ 674, 67, 93, 27 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include nine categories. Under each category, there should be several sublinks where users can click to get further information.", "region_id": "1996", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'9'] [item [el:text] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 31 48 26 5 | \" [ link 1 8 16 2 | link 1 11 6 2 | link 1 13 9 2 | link 1 16 6 2 | link 1 19 8 2 | link 1 22 8 2 | text 1 0 26 5 ] | [ link 1 40 7 2 | link 1 46 3 2 | link 1 43 6 2 | link 1 49 6 2 | text 1 32 26 5 ] | [ link 31 8 10 2 | link 31 11 8 2 | link 31 16 4 2 | link 31 13 7 2 | text 31 0 26 5 ] | [ link 31 43 6 2 | link 31 40 7 2 | text 31 32 26 5 ] | [ link 61 8 7 2 | link 61 11 5 2 | link 61 16 18 2 | link 61 19 7 2 | link 61 22 12 2 | link 61 25 17 2 | link 61 13 14 2 | text 61 0 26 5 ] | [ link 61 43 8 2 | link 61 46 12 2 | link 61 40 11 2 | text 61 32 26 5 ] | [ link 91 13 15 2 | link 91 19 3 2 | link 91 8 7 2 | link 91 11 5 2 | link 91 16 5 2 | link 91 22 6 2 | text 91 0 26 5 ] | [ link 91 40 10 2 | link 91 46 13 2 | link 91 52 4 2 | link 91 43 6 2 | link 91 49 12 2 | text 91 32 26 5 ] \"", "layout_seq_without_completion": "text 31 48 26 5 | \" [ link 1 8 16 2 | link 1 11 6 2 | link 1 13 9 2 | link 1 16 6 2 | link 1 19 8 2 | link 1 22 8 2 | text 1 0 26 5 ] | [ link 1 40 7 2 | link 1 46 3 2 | link 1 43 6 2 | link 1 49 6 2 | text 1 32 26 5 ] | [ link 31 8 10 2 | link 31 11 8 2 | link 31 16 4 2 | link 31 13 7 2 | text 31 0 26 5 ] | [ link 31 43 6 2 | link 31 40 7 2 | text 31 32 26 5 ] | [ link 61 8 7 2 | link 61 11 5 2 | link 61 16 18 2 | link 61 19 7 2 | link 61 22 12 2 | link 61 25 17 2 | link 61 13 14 2 | text 61 0 26 5 ] | [ link 61 43 8 2 | link 61 46 12 2 | link 61 40 11 2 | text 61 32 26 5 ] | [ link 91 13 15 2 | link 91 19 3 2 | link 91 8 7 2 | link 91 11 5 2 | link 91 16 5 2 | link 91 22 6 2 | text 91 0 26 5 ] | [ link 91 40 10 2 | link 91 46 13 2 | link 91 52 4 2 | link 91 43 6 2 | link 91 49 12 2 | text 91 32 26 5 ] \"", "plain_layout_seq": "link 1 8 16 2 | link 1 11 6 2 | link 1 13 9 2 | link 1 16 6 2 | link 1 19 8 2 | link 1 22 8 2 | link 1 40 7 2 | link 1 46 3 2 | link 1 43 6 2 | link 1 49 6 2 | link 31 8 10 2 | link 31 11 8 2 | link 31 16 4 2 | link 31 13 7 2 | link 31 43 6 2 | link 31 40 7 2 | link 61 8 7 2 | link 61 11 5 2 | link 61 16 18 2 | link 61 19 7 2 | link 61 22 12 2 | link 61 25 17 2 | link 61 13 14 2 | link 61 43 8 2 | link 61 46 12 2 | link 61 40 11 2 | link 91 13 15 2 | link 91 19 3 2 | link 91 8 7 2 | link 91 11 5 2 | link 91 16 5 2 | link 91 22 6 2 | link 91 40 10 2 | link 91 46 13 2 | link 91 52 4 2 | link 91 43 6 2 | link 91 49 12 2 | text 31 48 26 5 | text 1 0 26 5 | text 1 32 26 5 | text 31 0 26 5 | text 31 32 26 5 | text 61 0 26 5 | text 61 32 26 5 | text 91 0 26 5 | text 91 32 26 5", "canvas_width": 960, "canvas_height": 476, "elements": [ { "type": "text", "position": [ 15, 0, 210, 42 ], "completed": false }, { "type": "text", "position": [ 255, 0, 210, 42 ], "completed": false }, { "type": "text", "position": [ 495, 0, 210, 42 ], "completed": false }, { "type": "text", "position": [ 735, 0, 210, 42 ], "completed": false }, { "type": "link", "position": [ 15, 65, 134, 17 ], "completed": false }, { "type": "link", "position": [ 255, 65, 81, 17 ], "completed": false }, { "type": "link", "position": [ 495, 65, 58, 17 ], "completed": false }, { "type": "link", "position": [ 735, 65, 57, 17 ], "completed": false }, { "type": "link", "position": [ 15, 88, 52, 17 ], "completed": false }, { "type": "link", "position": [ 255, 88, 68, 17 ], "completed": false }, { "type": "link", "position": [ 495, 88, 44, 17 ], "completed": false }, { "type": "link", "position": [ 735, 88, 47, 17 ], "completed": false }, { "type": "link", "position": [ 15, 111, 72, 17 ], "completed": false }, { "type": "link", "position": [ 255, 111, 61, 17 ], "completed": false }, { "type": "link", "position": [ 495, 111, 119, 17 ], "completed": false }, { "type": "link", "position": [ 735, 111, 122, 17 ], "completed": false }, { "type": "link", "position": [ 15, 134, 48, 17 ], "completed": false }, { "type": "link", "position": [ 255, 134, 39, 17 ], "completed": false }, { "type": "link", "position": [ 495, 134, 146, 17 ], "completed": false }, { "type": "link", "position": [ 735, 134, 41, 17 ], "completed": false }, { "type": "link", "position": [ 15, 157, 68, 17 ], "completed": false }, { "type": "link", "position": [ 495, 157, 57, 17 ], "completed": false }, { "type": "link", "position": [ 735, 157, 26, 17 ], "completed": false }, { "type": "link", "position": [ 15, 180, 67, 17 ], "completed": false }, { "type": "link", "position": [ 495, 180, 98, 17 ], "completed": false }, { "type": "link", "position": [ 735, 180, 48, 17 ], "completed": false }, { "type": "link", "position": [ 495, 203, 141, 17 ], "completed": false }, { "type": "text", "position": [ 15, 260, 210, 42 ], "completed": false }, { "type": "text", "position": [ 255, 260, 210, 42 ], "completed": false }, { "type": "text", "position": [ 495, 260, 210, 42 ], "completed": false }, { "type": "text", "position": [ 735, 260, 210, 42 ], "completed": false }, { "type": "link", "position": [ 15, 325, 62, 17 ], "completed": false }, { "type": "link", "position": [ 255, 325, 57, 17 ], "completed": false }, { "type": "link", "position": [ 495, 325, 91, 17 ], "completed": false }, { "type": "link", "position": [ 735, 325, 86, 17 ], "completed": false }, { "type": "link", "position": [ 15, 348, 54, 17 ], "completed": false }, { "type": "link", "position": [ 255, 348, 53, 17 ], "completed": false }, { "type": "link", "position": [ 495, 348, 66, 17 ], "completed": false }, { "type": "link", "position": [ 735, 348, 49, 17 ], "completed": false }, { "type": "link", "position": [ 15, 371, 29, 17 ], "completed": false }, { "type": "link", "position": [ 495, 371, 100, 17 ], "completed": false }, { "type": "link", "position": [ 735, 371, 106, 17 ], "completed": false }, { "type": "text", "position": [ 255, 390, 210, 42 ], "completed": false }, { "type": "link", "position": [ 15, 394, 49, 17 ], "completed": false }, { "type": "link", "position": [ 735, 394, 103, 17 ], "completed": false }, { "type": "link", "position": [ 735, 417, 32, 17 ], "completed": false } ] }, { "text": "#The page for showing the links and offering help to users.#The page should have four groups and each group has a title, named \"products\", \"support\", \"resources\", and \"need help?\". Each group has 1-9 links and there is a brief description in the \"need help?\" group.", "region_id": "7289", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:names 'products, support, resources,need help?'] \n[item [el:title [attr:value 'products'] ] [el:link [attr:repeat 'several'] ] ]\n[item [el:title [attr:value 'support'] ] [el:link [attr:repeat 'several'] ] ]\n[item [el:title [attr:value 'resources'] ] [el:link [attr:repeat 'several'] ] ]\n[item [el:title [attr:value 'need help?'] ] [el:link [attr:repeat 'several'] ] [el:description [attr:size 'small']] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 4 9 8 2 | link 4 12 20 2 | link 4 15 19 2 | link 4 18 18 2 | link 4 21 9 2 | link 4 24 10 2 | link 4 27 5 2 | link 4 30 6 2 | link 4 33 4 2 | title 4 5 25 3 ] | [ link 32 18 7 2 | link 32 21 8 2 | link 32 24 8 2 | link 32 30 18 2 | link 32 9 10 2 | link 32 12 12 2 | link 32 15 6 2 | link 32 27 13 2 | link 32 33 19 2 | title 32 5 25 3 ] | [ link 61 21 23 2 | link 61 24 15 4 | link 61 9 3 2 | link 61 12 7 2 | link 61 15 24 2 | link 61 18 17 2 | title 61 5 25 3 ] | [ description 90 9 25 5 | link 90 19 8 1 | link 90 15 20 1 | title 90 5 25 3 ] \"", "layout_seq_without_completion": "\" [ link 4 9 8 2 | link 4 12 20 2 | link 4 15 19 2 | link 4 18 18 2 | link 4 21 9 2 | link 4 24 10 2 | link 4 27 5 2 | link 4 30 6 2 | link 4 33 4 2 | title 4 5 25 3 ] | [ link 32 18 7 2 | link 32 21 8 2 | link 32 24 8 2 | link 32 30 18 2 | link 32 9 10 2 | link 32 12 12 2 | link 32 15 6 2 | link 32 27 13 2 | link 32 33 19 2 | title 32 5 25 3 ] | [ link 61 21 23 2 | link 61 24 15 4 | link 61 9 3 2 | link 61 12 7 2 | link 61 15 24 2 | link 61 18 17 2 | title 61 5 25 3 ] | [ description 90 9 25 5 | link 90 19 8 1 | link 90 15 20 1 | title 90 5 25 3 ] \"", "plain_layout_seq": "description 90 9 25 5 | link 4 9 8 2 | link 4 12 20 2 | link 4 15 19 2 | link 4 18 18 2 | link 4 21 9 2 | link 4 24 10 2 | link 4 27 5 2 | link 4 30 6 2 | link 4 33 4 2 | link 32 18 7 2 | link 32 21 8 2 | link 32 24 8 2 | link 32 30 18 2 | link 32 9 10 2 | link 32 12 12 2 | link 32 15 6 2 | link 32 27 13 2 | link 32 33 19 2 | link 61 21 23 2 | link 61 24 15 4 | link 61 9 3 2 | link 61 12 7 2 | link 61 15 24 2 | link 61 18 17 2 | link 90 19 8 1 | link 90 15 20 1 | title 4 5 25 3 | title 32 5 25 3 | title 61 5 25 3 | title 90 5 25 3", "canvas_width": 1024, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 35, 46, 216, 32 ], "completed": false }, { "type": "title", "position": [ 281, 46, 216, 32 ], "completed": false }, { "type": "title", "position": [ 527, 46, 216, 32 ], "completed": false }, { "type": "title", "position": [ 773, 46, 216, 32 ], "completed": false }, { "type": "description", "position": [ 773, 78, 216, 47 ], "completed": false }, { "type": "link", "position": [ 35, 79, 74, 19 ], "completed": false }, { "type": "link", "position": [ 281, 79, 88, 19 ], "completed": false }, { "type": "link", "position": [ 527, 79, 34, 19 ], "completed": false }, { "type": "link", "position": [ 35, 105, 173, 19 ], "completed": false }, { "type": "link", "position": [ 281, 105, 105, 19 ], "completed": false }, { "type": "link", "position": [ 527, 105, 61, 19 ], "completed": false }, { "type": "link", "position": [ 35, 132, 168, 19 ], "completed": false }, { "type": "link", "position": [ 281, 132, 59, 19 ], "completed": false }, { "type": "link", "position": [ 527, 132, 206, 19 ], "completed": false }, { "type": "link", "position": [ 773, 132, 176, 16 ], "completed": false }, { "type": "link", "position": [ 35, 158, 154, 19 ], "completed": false }, { "type": "link", "position": [ 281, 158, 67, 19 ], "completed": false }, { "type": "link", "position": [ 527, 158, 150, 19 ], "completed": false }, { "type": "link", "position": [ 773, 163, 70, 16 ], "completed": false }, { "type": "link", "position": [ 35, 184, 78, 19 ], "completed": false }, { "type": "link", "position": [ 281, 184, 69, 19 ], "completed": false }, { "type": "link", "position": [ 527, 184, 203, 19 ], "completed": false }, { "type": "link", "position": [ 35, 211, 91, 19 ], "completed": false }, { "type": "link", "position": [ 281, 211, 75, 19 ], "completed": false }, { "type": "link", "position": [ 527, 211, 128, 41 ], "completed": false }, { "type": "link", "position": [ 35, 237, 48, 19 ], "completed": false }, { "type": "link", "position": [ 281, 237, 116, 19 ], "completed": false }, { "type": "link", "position": [ 35, 264, 56, 19 ], "completed": false }, { "type": "link", "position": [ 281, 264, 154, 19 ], "completed": false }, { "type": "link", "position": [ 35, 290, 38, 19 ], "completed": false }, { "type": "link", "position": [ 281, 290, 167, 19 ], "completed": false } ] }, { "text": "# A footer page for the user to follow the company on social media company and download the app. # The page should have two groups \"Follow Us\" and \"News App\". The first group should have four icons for the user to follow the company on social media platforms: Facebook, Twitter, Instagram, and YouTube. The second group should include two icons for the user to download the app on App Store and Google Play.", "region_id": "3540", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'YouTube'] ] ] [item [el:title [attr:value 'news app'] ] [el:icon [attr:value 'download from App Store'] ] [el:icon [attr:value 'download from Google Play'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 0 5 3 3 | icon 6 5 3 3 | icon 12 5 3 3 | icon 19 5 3 3 | title 0 1 30 1 ] | [ icon 34 5 14 5 | icon 52 5 14 4 | title 34 1 28 1 ] \"", "layout_seq_without_completion": "\" [ icon 0 5 3 3 | icon 6 5 3 3 | icon 12 5 3 3 | icon 19 5 3 3 | title 0 1 30 1 ] | [ icon 34 5 14 5 | icon 52 5 14 4 | title 34 1 28 1 ] \"", "plain_layout_seq": "icon 0 5 3 3 | icon 6 5 3 3 | icon 12 5 3 3 | icon 19 5 3 3 | icon 34 5 14 5 | icon 52 5 14 4 | title 0 1 30 1 | title 34 1 28 1", "canvas_width": 976, "canvas_height": 92, "elements": [ { "type": "title", "position": [ 1, 16, 252, 15 ], "completed": false }, { "type": "title", "position": [ 284, 16, 232, 15 ], "completed": false }, { "type": "icon", "position": [ 0, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 52, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 104, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 156, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 283, 47, 120, 41 ], "completed": false }, { "type": "icon", "position": [ 423, 47, 120, 36 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"rubrik\".# There should be a logo of the company and four icons showing ways of signing up. The phone number and a button for users to contact the company should be attached. Besides, there should have 3 parts with other links about the company given for users to click for further information.", "region_id": "2114", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:icon [attr:repeat'4'] ] [el:text] [el:button [attr:value'contact the company'] ] [gp:NavGroup [gattr:repeat'3'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : button undefined undefined | logo undefined undefined | text undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 8 21 14 4 | logo 3 3 23 6 | text 1 17 26 3 | \" [ link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | complete title 31 3 28 2 ] | [ link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | complete title 60 3 28 2 ] | [ link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | complete title 89 3 28 2 ] \"", "layout_seq_without_completion": "button 8 21 14 4 | logo 3 3 23 6 | text 1 17 26 3 | \" [ link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | title 31 3 28 2 ] | [ link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | title 60 3 28 2 ] | [ link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | title 89 3 28 2 ] \"", "plain_layout_seq": "button 8 21 14 4 | link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | logo 3 3 23 6 | text 1 17 26 3 | title 31 3 28 2 | title 60 3 28 2 | title 89 3 28 2", "canvas_width": 1027, "canvas_height": 300, "elements": [ { "type": "logo", "position": [ 28, 30, 204, 58 ], "completed": false }, { "type": "title", "position": [ 268, 30, 248, 21 ], "completed": true }, { "type": "title", "position": [ 516, 30, 248, 21 ], "completed": true }, { "type": "title", "position": [ 764, 30, 248, 21 ], "completed": true }, { "type": "link", "position": [ 268, 69, 62, 17 ], "completed": false }, { "type": "link", "position": [ 516, 69, 161, 17 ], "completed": false }, { "type": "link", "position": [ 764, 69, 128, 17 ], "completed": false }, { "type": "link", "position": [ 268, 108, 73, 17 ], "completed": false }, { "type": "link", "position": [ 516, 108, 59, 17 ], "completed": false }, { "type": "link", "position": [ 764, 108, 151, 17 ], "completed": false }, { "type": "text", "position": [ 15, 146, 231, 27 ], "completed": false }, { "type": "link", "position": [ 268, 147, 71, 17 ], "completed": false }, { "type": "link", "position": [ 516, 147, 61, 17 ], "completed": false }, { "type": "link", "position": [ 764, 147, 219, 17 ], "completed": false }, { "type": "link", "position": [ 268, 186, 51, 17 ], "completed": false }, { "type": "link", "position": [ 516, 186, 56, 17 ], "completed": false }, { "type": "link", "position": [ 764, 186, 116, 17 ], "completed": false }, { "type": "button", "position": [ 70, 188, 121, 36 ], "completed": false }, { "type": "link", "position": [ 268, 225, 29, 17 ], "completed": false }, { "type": "link", "position": [ 516, 225, 72, 17 ], "completed": false }, { "type": "link", "position": [ 516, 264, 69, 17 ], "completed": false } ] }, { "text": "#A page for introducing a company named \"rubrik\".# There should be a logo of company and four ways of signing up. The phone number and a button for users to contact the company should be attached. Besides, other links about the company are given for users to click for further information.", "region_id": "2114_1", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:text] [el:button [attr:value'contact the company'] ] [gp:NavGroup [gattr:repeat'several'] [item [el:link] ] ] ]", "execution": "footer : button undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 8 21 14 4 | logo 3 3 23 6 | text 1 17 26 3 | \" [ link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | complete title 31 3 28 2 ] | [ link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | complete title 60 3 28 2 ] | [ link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | complete title 89 3 28 2 ] \"", "layout_seq_without_completion": "button 8 21 14 4 | logo 3 3 23 6 | text 1 17 26 3 | \" [ link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | title 31 3 28 2 ] | [ link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | title 60 3 28 2 ] | [ link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | title 89 3 28 2 ] \"", "plain_layout_seq": "button 8 21 14 4 | link 31 21 5 1 | link 31 26 3 1 | link 31 8 7 1 | link 31 12 8 1 | link 31 17 8 1 | link 60 8 18 1 | link 60 12 6 1 | link 60 21 6 1 | link 60 30 8 1 | link 60 17 7 1 | link 60 26 8 1 | link 89 12 17 1 | link 89 8 14 1 | link 89 17 25 1 | link 89 21 13 1 | logo 3 3 23 6 | text 1 17 26 3 | title 31 3 28 2 | title 60 3 28 2 | title 89 3 28 2", "canvas_width": 1027, "canvas_height": 300, "elements": [ { "type": "logo", "position": [ 28, 30, 204, 58 ], "completed": false }, { "type": "title", "position": [ 268, 30, 248, 21 ], "completed": true }, { "type": "title", "position": [ 516, 30, 248, 21 ], "completed": true }, { "type": "title", "position": [ 764, 30, 248, 21 ], "completed": true }, { "type": "link", "position": [ 268, 69, 62, 17 ], "completed": false }, { "type": "link", "position": [ 516, 69, 161, 17 ], "completed": false }, { "type": "link", "position": [ 764, 69, 128, 17 ], "completed": false }, { "type": "link", "position": [ 268, 108, 73, 17 ], "completed": false }, { "type": "link", "position": [ 516, 108, 59, 17 ], "completed": false }, { "type": "link", "position": [ 764, 108, 151, 17 ], "completed": false }, { "type": "text", "position": [ 15, 146, 231, 27 ], "completed": false }, { "type": "link", "position": [ 268, 147, 71, 17 ], "completed": false }, { "type": "link", "position": [ 516, 147, 61, 17 ], "completed": false }, { "type": "link", "position": [ 764, 147, 219, 17 ], "completed": false }, { "type": "link", "position": [ 268, 186, 51, 17 ], "completed": false }, { "type": "link", "position": [ 516, 186, 56, 17 ], "completed": false }, { "type": "link", "position": [ 764, 186, 116, 17 ], "completed": false }, { "type": "button", "position": [ 70, 188, 121, 36 ], "completed": false }, { "type": "link", "position": [ 268, 225, 29, 17 ], "completed": false }, { "type": "link", "position": [ 516, 225, 72, 17 ], "completed": false }, { "type": "link", "position": [ 516, 264, 69, 17 ], "completed": false } ] }, { "text": "#A footer page for introducing the company information to users.# This page should include three links on the left such as \"Shipping & Returns\", \"About Us\", and \"Search\". On the right side, there should be the contact such as e-mail address and phone number.", "region_id": "6998", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '3'] [gattr:names 'Shipping & Returns, About Us, Search'] [item [el:link [attr:position 'left'] ] ] ] [el:text [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "footer : text right undefined | text right undefined | { [ link left undefined ] | [ link left undefined ] | [ link left undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 14 2 | link 24 5 7 2 | link 35 5 5 2 | complete title 6 0 34 2 ] | [ text 61 8 12 2 | text 61 5 19 2 | complete title 61 0 19 2 ] \"", "layout_seq_without_completion": "\" [ link 6 5 14 2 | link 24 5 7 2 | link 35 5 5 2 | title 6 0 34 2 ] | [ text 61 8 12 2 | text 61 5 19 2 | title 61 0 19 2 ] \"", "plain_layout_seq": "link 6 5 14 2 | link 24 5 7 2 | link 35 5 5 2 | text 61 8 12 2 | text 61 5 19 2 | title 6 0 34 2 | title 61 0 19 2", "canvas_width": 1024, "canvas_height": 135, "elements": [ { "type": "title", "position": [ 55, 0, 294, 20 ], "completed": true }, { "type": "title", "position": [ 527, 0, 168, 20 ], "completed": true }, { "type": "link", "position": [ 55, 48, 126, 18 ], "completed": false }, { "type": "link", "position": [ 211, 48, 61, 18 ], "completed": false }, { "type": "link", "position": [ 302, 48, 47, 18 ], "completed": false }, { "type": "text", "position": [ 527, 48, 168, 19 ], "completed": false }, { "type": "text", "position": [ 527, 70, 103, 19 ], "completed": false } ] }, { "text": "#A foot page for introducing the company named \"Blockchain\" to users.# The page should include three categories such as \"Products\", \"Resources\", and \"Company\". Under each category, there should be several sublinks where users can click to get further information. Besides, three icons should be provided for users to log in.", "region_id": "813", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'products, resources, company'] \n[item [el:text] [el:link [attr:repeat 'several'] ] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 0 8 3 3 | icon 0 13 3 3 | icon 0 18 3 3 | complete logo 0 0 21 3 | complete text 6 7 6 5 | complete text 6 12 9 5 | complete text 6 17 7 5 | \" [ link 46 12 9 3 | link 46 17 8 3 | link 46 22 11 3 | link 46 7 5 3 | link 46 27 5 3 | link 46 32 5 3 | link 46 37 6 3 | link 46 42 4 3 | text 46 0 11 3 ] | [ link 72 7 4 3 | link 72 12 6 3 | link 72 17 12 3 | link 72 37 17 3 | link 72 47 8 3 | link 72 52 7 3 | link 72 22 9 3 | link 72 27 14 3 | link 72 32 14 3 | link 72 42 4 3 | text 72 0 17 3 ] | [ link 106 7 5 3 | link 106 17 12 3 | link 106 22 5 3 | link 106 27 8 3 | link 106 32 6 3 | link 106 11 13 3 | text 106 0 13 3 ] \"", "layout_seq_without_completion": "icon 0 8 3 3 | icon 0 13 3 3 | icon 0 18 3 3 | logo 0 0 21 3 | text 6 7 6 5 | text 6 12 9 5 | text 6 17 7 5 | \" [ link 46 12 9 3 | link 46 17 8 3 | link 46 22 11 3 | link 46 7 5 3 | link 46 27 5 3 | link 46 32 5 3 | link 46 37 6 3 | link 46 42 4 3 | text 46 0 11 3 ] | [ link 72 7 4 3 | link 72 12 6 3 | link 72 17 12 3 | link 72 37 17 3 | link 72 47 8 3 | link 72 52 7 3 | link 72 22 9 3 | link 72 27 14 3 | link 72 32 14 3 | link 72 42 4 3 | text 72 0 17 3 ] | [ link 106 7 5 3 | link 106 17 12 3 | link 106 22 5 3 | link 106 27 8 3 | link 106 32 6 3 | link 106 11 13 3 | text 106 0 13 3 ] \"", "plain_layout_seq": "icon 0 8 3 3 | icon 0 13 3 3 | icon 0 18 3 3 | link 46 12 9 3 | link 46 17 8 3 | link 46 22 11 3 | link 46 7 5 3 | link 46 27 5 3 | link 46 32 5 3 | link 46 37 6 3 | link 46 42 4 3 | link 72 7 4 3 | link 72 12 6 3 | link 72 17 12 3 | link 72 37 17 3 | link 72 47 8 3 | link 72 52 7 3 | link 72 22 9 3 | link 72 27 14 3 | link 72 32 14 3 | link 72 42 4 3 | link 106 7 5 3 | link 106 17 12 3 | link 106 22 5 3 | link 106 27 8 3 | link 106 32 6 3 | link 106 11 13 3 | logo 0 0 21 3 | text 6 7 6 5 | text 6 12 9 5 | text 6 17 7 5 | text 46 0 11 3 | text 72 0 17 3 | text 106 0 13 3", "canvas_width": 944, "canvas_height": 504, "elements": [ { "type": "text", "position": [ 363, 0, 90, 24 ], "completed": false }, { "type": "text", "position": [ 573, 0, 141, 24 ], "completed": false }, { "type": "text", "position": [ 834, 0, 110, 24 ], "completed": false }, { "type": "logo", "position": [ 0, 4, 168, 24 ], "completed": true }, { "type": "link", "position": [ 363, 56, 47, 24 ], "completed": false }, { "type": "link", "position": [ 573, 56, 34, 24 ], "completed": false }, { "type": "link", "position": [ 834, 56, 46, 24 ], "completed": false }, { "type": "text", "position": [ 48, 58, 54, 40 ], "completed": true }, { "type": "icon", "position": [ 0, 66, 24, 24 ], "completed": false }, { "type": "link", "position": [ 834, 88, 110, 31 ], "completed": false }, { "type": "link", "position": [ 363, 96, 75, 24 ], "completed": false }, { "type": "link", "position": [ 573, 96, 49, 24 ], "completed": false }, { "type": "text", "position": [ 48, 98, 77, 40 ], "completed": true }, { "type": "icon", "position": [ 0, 106, 24, 24 ], "completed": false }, { "type": "link", "position": [ 363, 136, 63, 24 ], "completed": false }, { "type": "link", "position": [ 573, 136, 99, 24 ], "completed": false }, { "type": "link", "position": [ 834, 136, 99, 24 ], "completed": false }, { "type": "text", "position": [ 48, 138, 61, 40 ], "completed": true }, { "type": "icon", "position": [ 0, 146, 24, 24 ], "completed": false }, { "type": "link", "position": [ 363, 176, 90, 24 ], "completed": false }, { "type": "link", "position": [ 573, 176, 71, 24 ], "completed": false }, { "type": "link", "position": [ 834, 176, 44, 24 ], "completed": false }, { "type": "link", "position": [ 363, 216, 43, 24 ], "completed": false }, { "type": "link", "position": [ 573, 216, 117, 24 ], "completed": false }, { "type": "link", "position": [ 834, 216, 69, 24 ], "completed": false }, { "type": "link", "position": [ 363, 256, 47, 24 ], "completed": false }, { "type": "link", "position": [ 573, 256, 113, 24 ], "completed": false }, { "type": "link", "position": [ 834, 256, 48, 24 ], "completed": false }, { "type": "link", "position": [ 363, 296, 52, 24 ], "completed": false }, { "type": "link", "position": [ 573, 296, 141, 24 ], "completed": false }, { "type": "link", "position": [ 363, 336, 32, 24 ], "completed": false }, { "type": "link", "position": [ 573, 336, 34, 24 ], "completed": false }, { "type": "link", "position": [ 573, 376, 63, 24 ], "completed": false }, { "type": "link", "position": [ 573, 416, 62, 24 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include three categories like \"Company\". Under each category, there should be several sublinks where users can click to get further information. Besides, users can download it on the App Store and Google Play.", "region_id": "202", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'company'] [item [el:text] [el:link [attr:repeat'several'] ] ] ] [el:button [attr:value'download on app store'] ] [el:button [attr:value'download on google play'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 83 12 15 4 | button 83 6 15 4 | link 64 9 7 2 | link 64 22 6 2 | link 64 12 5 2 | link 64 15 7 2 | link 64 19 6 2 | complete logo 61 9 1 1 | complete logo 61 12 1 1 | complete logo 61 22 1 1 | complete logo 61 16 1 1 | complete logo 61 19 1 1 | text 61 5 19 2 | \" [ link 16 9 10 2 | link 16 12 9 2 | link 16 15 7 2 | link 16 25 15 2 | link 16 40 5 2 | link 16 49 8 2 | link 16 52 17 4 | link 16 58 14 2 | link 16 19 13 4 | link 16 28 13 4 | link 16 34 15 4 | link 16 43 17 4 | text 16 5 19 2 ] | [ link 39 9 7 2 | link 39 15 4 2 | link 39 12 9 2 | link 39 19 6 2 | link 39 22 5 2 | text 39 5 19 2 ] \"", "layout_seq_without_completion": "button 83 12 15 4 | button 83 6 15 4 | link 64 9 7 2 | link 64 22 6 2 | link 64 12 5 2 | link 64 15 7 2 | link 64 19 6 2 | logo 61 9 1 1 | logo 61 12 1 1 | logo 61 22 1 1 | logo 61 16 1 1 | logo 61 19 1 1 | text 61 5 19 2 | \" [ link 16 9 10 2 | link 16 12 9 2 | link 16 15 7 2 | link 16 25 15 2 | link 16 40 5 2 | link 16 49 8 2 | link 16 52 17 4 | link 16 58 14 2 | link 16 19 13 4 | link 16 28 13 4 | link 16 34 15 4 | link 16 43 17 4 | text 16 5 19 2 ] | [ link 39 9 7 2 | link 39 15 4 2 | link 39 12 9 2 | link 39 19 6 2 | link 39 22 5 2 | text 39 5 19 2 ] \"", "plain_layout_seq": "button 83 12 15 4 | button 83 6 15 4 | link 64 9 7 2 | link 64 22 6 2 | link 64 12 5 2 | link 64 15 7 2 | link 64 19 6 2 | link 16 9 10 2 | link 16 12 9 2 | link 16 15 7 2 | link 16 25 15 2 | link 16 40 5 2 | link 16 49 8 2 | link 16 52 17 4 | link 16 58 14 2 | link 16 19 13 4 | link 16 28 13 4 | link 16 34 15 4 | link 16 43 17 4 | link 39 9 7 2 | link 39 15 4 2 | link 39 12 9 2 | link 39 19 6 2 | link 39 22 5 2 | logo 61 9 1 1 | logo 61 12 1 1 | logo 61 22 1 1 | logo 61 16 1 1 | logo 61 19 1 1 | text 61 5 19 2 | text 16 5 19 2 | text 39 5 19 2", "canvas_width": 1024, "canvas_height": 582, "elements": [ { "type": "text", "position": [ 144, 44, 166, 20 ], "completed": false }, { "type": "text", "position": [ 334, 44, 166, 20 ], "completed": false }, { "type": "text", "position": [ 524, 44, 166, 20 ], "completed": false }, { "type": "button", "position": [ 714, 52, 133, 40 ], "completed": false }, { "type": "link", "position": [ 144, 77, 87, 18 ], "completed": false }, { "type": "link", "position": [ 334, 77, 63, 18 ], "completed": false }, { "type": "link", "position": [ 554, 77, 63, 18 ], "completed": false }, { "type": "logo", "position": [ 524, 79, 16, 16 ], "completed": true }, { "type": "link", "position": [ 144, 106, 82, 18 ], "completed": false }, { "type": "link", "position": [ 334, 106, 83, 18 ], "completed": false }, { "type": "link", "position": [ 553, 106, 45, 18 ], "completed": false }, { "type": "button", "position": [ 714, 108, 133, 40 ], "completed": false }, { "type": "logo", "position": [ 524, 109, 16, 16 ], "completed": true }, { "type": "link", "position": [ 144, 135, 68, 18 ], "completed": false }, { "type": "link", "position": [ 334, 135, 35, 18 ], "completed": false }, { "type": "link", "position": [ 554, 135, 61, 18 ], "completed": false }, { "type": "logo", "position": [ 524, 137, 16, 16 ], "completed": true }, { "type": "link", "position": [ 144, 164, 117, 39 ], "completed": false }, { "type": "link", "position": [ 334, 164, 58, 18 ], "completed": false }, { "type": "link", "position": [ 553, 164, 54, 18 ], "completed": false }, { "type": "logo", "position": [ 524, 167, 16, 16 ], "completed": true }, { "type": "link", "position": [ 334, 193, 48, 18 ], "completed": false }, { "type": "link", "position": [ 554, 193, 54, 18 ], "completed": false }, { "type": "logo", "position": [ 524, 195, 16, 16 ], "completed": true }, { "type": "link", "position": [ 144, 214, 129, 18 ], "completed": false }, { "type": "link", "position": [ 144, 243, 112, 39 ], "completed": false }, { "type": "link", "position": [ 144, 293, 130, 39 ], "completed": false }, { "type": "link", "position": [ 144, 343, 49, 18 ], "completed": false }, { "type": "link", "position": [ 144, 372, 149, 39 ], "completed": false }, { "type": "link", "position": [ 144, 422, 70, 18 ], "completed": false }, { "type": "link", "position": [ 144, 451, 153, 39 ], "completed": false }, { "type": "link", "position": [ 144, 501, 120, 18 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There should be a title labeled \"About us\", followed by a short introduction. Also, six links should be included so that users can get access to a particular type of company info. It has a background image.", "region_id": "2339", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value'about us'] ] [el:description [attr:size'small'] ] [gp:NavGroup [gattr:total_link'6'] ] [el:background_image] ]", "execution": "footer : background undefined undefined | description undefined small | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 1 120 45 | description 4 10 55 9 | title 4 4 55 4 | \" [ link 4 25 25 5 ] | [ link 32 25 26 5 ] | [ link 4 30 25 5 ] | [ link 32 30 26 5 ] | [ link 4 35 25 5 ] | [ link 32 35 26 5 ] \"", "layout_seq_without_completion": "background 0 1 120 45 | description 4 10 55 9 | title 4 4 55 4 | \" [ link 4 25 25 5 ] | [ link 32 25 26 5 ] | [ link 4 30 25 5 ] | [ link 32 30 26 5 ] | [ link 4 35 25 5 ] | [ link 32 35 26 5 ] \"", "plain_layout_seq": "background 0 1 120 45 | description 4 10 55 9 | link 4 25 25 5 | link 32 25 26 5 | link 4 30 25 5 | link 32 30 26 5 | link 4 35 25 5 | link 32 35 26 5 | title 4 4 55 4", "canvas_width": 1024, "canvas_height": 402, "elements": [ { "type": "background", "position": [ 0, 13, 1024, 389 ], "completed": false }, { "type": "title", "position": [ 42, 42, 470, 41 ], "completed": false }, { "type": "description", "position": [ 42, 92, 470, 84 ], "completed": false }, { "type": "link", "position": [ 42, 217, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 217, 230, 45 ], "completed": false }, { "type": "link", "position": [ 42, 262, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 262, 230, 45 ], "completed": false }, { "type": "link", "position": [ 42, 307, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 307, 230, 45 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There should be a text box labeled \"About us\", followed by a short introduction. Also, six links should be included so that users can get access to a particular type of company info.", "region_id": "2339_1", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value'about us'] ] [el:description [attr:size'small'] ] [gp:NavGroup [gattr:total_link'6'] ] ]", "execution": "footer : description undefined small | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 1 120 45 | description 4 10 55 9 | title 4 4 55 4 | \" [ link 4 25 25 5 ] | [ link 32 25 26 5 ] | [ link 4 30 25 5 ] | [ link 32 30 26 5 ] | [ link 4 35 25 5 ] | [ link 32 35 26 5 ] \"", "layout_seq_without_completion": "background 0 1 120 45 | description 4 10 55 9 | title 4 4 55 4 | \" [ link 4 25 25 5 ] | [ link 32 25 26 5 ] | [ link 4 30 25 5 ] | [ link 32 30 26 5 ] | [ link 4 35 25 5 ] | [ link 32 35 26 5 ] \"", "plain_layout_seq": "background 0 1 120 45 | description 4 10 55 9 | link 4 25 25 5 | link 32 25 26 5 | link 4 30 25 5 | link 32 30 26 5 | link 4 35 25 5 | link 32 35 26 5 | title 4 4 55 4", "canvas_width": 1024, "canvas_height": 402, "elements": [ { "type": "background", "position": [ 0, 13, 1024, 389 ], "completed": true }, { "type": "title", "position": [ 42, 42, 470, 41 ], "completed": false }, { "type": "description", "position": [ 42, 92, 470, 84 ], "completed": false }, { "type": "link", "position": [ 42, 217, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 217, 230, 45 ], "completed": false }, { "type": "link", "position": [ 42, 262, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 262, 230, 45 ], "completed": false }, { "type": "link", "position": [ 42, 307, 215, 45 ], "completed": false }, { "type": "link", "position": [ 277, 307, 230, 45 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 4 groups of links for users to click to know the different content of the web, such as investors, suppliers, and so on.", "region_id": "2386", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'investors, suppliers'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 7 12 3 | link 0 12 14 3 | link 0 17 11 3 | complete title 0 0 10 3 ] | [ link 25 7 14 3 | link 25 17 11 3 | link 25 12 22 3 | link 25 22 22 3 | complete title 25 0 25 3 ] | [ link 62 7 5 3 | link 62 12 22 3 | link 62 22 25 3 | link 62 17 16 3 | complete title 62 0 10 3 ] | [ link 98 7 11 3 | link 98 12 11 3 | link 98 17 20 3 | link 98 22 11 3 | complete title 98 0 8 3 ] \"", "layout_seq_without_completion": "\" [ link 0 7 12 3 | link 0 12 14 3 | link 0 17 11 3 | title 0 0 10 3 ] | [ link 25 7 14 3 | link 25 17 11 3 | link 25 12 22 3 | link 25 22 22 3 | title 25 0 25 3 ] | [ link 62 7 5 3 | link 62 12 22 3 | link 62 22 25 3 | link 62 17 16 3 | title 62 0 10 3 ] | [ link 98 7 11 3 | link 98 12 11 3 | link 98 17 20 3 | link 98 22 11 3 | title 98 0 8 3 ] \"", "plain_layout_seq": "link 0 7 12 3 | link 0 12 14 3 | link 0 17 11 3 | link 25 7 14 3 | link 25 17 11 3 | link 25 12 22 3 | link 25 22 22 3 | link 62 7 5 3 | link 62 12 22 3 | link 62 22 25 3 | link 62 17 16 3 | link 98 7 11 3 | link 98 12 11 3 | link 98 17 20 3 | link 98 22 11 3 | title 0 0 10 3 | title 25 0 25 3 | title 62 0 10 3 | title 98 0 8 3", "canvas_width": 960, "canvas_height": 245, "elements": [ { "type": "title", "position": [ 0, 1, 85, 25 ], "completed": true }, { "type": "title", "position": [ 203, 1, 204, 25 ], "completed": true }, { "type": "title", "position": [ 498, 1, 87, 25 ], "completed": true }, { "type": "title", "position": [ 790, 1, 70, 25 ], "completed": true }, { "type": "link", "position": [ 0, 61, 96, 24 ], "completed": false }, { "type": "link", "position": [ 203, 61, 115, 24 ], "completed": false }, { "type": "link", "position": [ 498, 61, 42, 24 ], "completed": false }, { "type": "link", "position": [ 790, 61, 88, 24 ], "completed": false }, { "type": "link", "position": [ 0, 100, 112, 24 ], "completed": false }, { "type": "link", "position": [ 203, 100, 183, 24 ], "completed": false }, { "type": "link", "position": [ 498, 100, 181, 24 ], "completed": false }, { "type": "link", "position": [ 790, 100, 92, 24 ], "completed": false }, { "type": "link", "position": [ 0, 139, 92, 24 ], "completed": false }, { "type": "link", "position": [ 203, 139, 90, 24 ], "completed": false }, { "type": "link", "position": [ 498, 139, 128, 24 ], "completed": false }, { "type": "link", "position": [ 790, 139, 160, 24 ], "completed": false }, { "type": "link", "position": [ 203, 178, 181, 24 ], "completed": false }, { "type": "link", "position": [ 498, 178, 201, 24 ], "completed": false }, { "type": "link", "position": [ 790, 178, 93, 24 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 groups including weather forecast, weather alerts, and weather resources while each group has a title, and 6-10 links for users to click to check the corresponding content.", "region_id": "4209", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'weather forecast, weather alerts, weather resources'] [item [el:title] [el:link [attr:repeat '10'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 28 18 2 | link 6 32 16 2 | link 6 36 15 2 | link 6 8 16 2 | link 6 12 22 2 | link 6 16 15 2 | link 6 20 14 2 | link 6 24 9 2 | title 1 1 56 5 ] | [ link 66 8 19 2 | link 66 12 8 2 | link 66 24 17 2 | link 66 28 21 2 | link 66 16 8 2 | link 66 20 18 2 | title 61 1 56 5 ] | [ link 6 50 32 2 | link 6 71 22 2 | link 6 75 22 2 | link 6 79 25 2 | link 6 55 9 2 | link 6 59 19 2 | link 6 63 20 2 | link 6 67 7 2 | link 6 83 39 2 | link 6 87 31 2 | title 1 44 56 5 ] \"", "layout_seq_without_completion": "\" [ link 6 28 18 2 | link 6 32 16 2 | link 6 36 15 2 | link 6 8 16 2 | link 6 12 22 2 | link 6 16 15 2 | link 6 20 14 2 | link 6 24 9 2 | title 1 1 56 5 ] | [ link 66 8 19 2 | link 66 12 8 2 | link 66 24 17 2 | link 66 28 21 2 | link 66 16 8 2 | link 66 20 18 2 | title 61 1 56 5 ] | [ link 6 50 32 2 | link 6 71 22 2 | link 6 75 22 2 | link 6 79 25 2 | link 6 55 9 2 | link 6 59 19 2 | link 6 63 20 2 | link 6 67 7 2 | link 6 83 39 2 | link 6 87 31 2 | title 1 44 56 5 ] \"", "plain_layout_seq": "link 6 28 18 2 | link 6 32 16 2 | link 6 36 15 2 | link 6 8 16 2 | link 6 12 22 2 | link 6 16 15 2 | link 6 20 14 2 | link 6 24 9 2 | link 66 8 19 2 | link 66 12 8 2 | link 66 24 17 2 | link 66 28 21 2 | link 66 16 8 2 | link 66 20 18 2 | link 6 50 32 2 | link 6 71 22 2 | link 6 75 22 2 | link 6 79 25 2 | link 6 55 9 2 | link 6 59 19 2 | link 6 63 20 2 | link 6 67 7 2 | link 6 83 39 2 | link 6 87 31 2 | title 1 1 56 5 | title 61 1 56 5 | title 1 44 56 5", "canvas_width": 970, "canvas_height": 759, "elements": [ { "type": "title", "position": [ 15, 10, 455, 47 ], "completed": false }, { "type": "title", "position": [ 500, 10, 455, 47 ], "completed": false }, { "type": "link", "position": [ 55, 65, 133, 17 ], "completed": false }, { "type": "link", "position": [ 540, 65, 158, 17 ], "completed": false }, { "type": "link", "position": [ 55, 98, 178, 17 ], "completed": false }, { "type": "link", "position": [ 540, 98, 65, 17 ], "completed": false }, { "type": "link", "position": [ 55, 131, 127, 17 ], "completed": false }, { "type": "link", "position": [ 540, 131, 69, 17 ], "completed": false }, { "type": "link", "position": [ 55, 164, 119, 17 ], "completed": false }, { "type": "link", "position": [ 540, 164, 146, 17 ], "completed": false }, { "type": "link", "position": [ 55, 197, 74, 17 ], "completed": false }, { "type": "link", "position": [ 540, 197, 142, 17 ], "completed": false }, { "type": "link", "position": [ 55, 230, 152, 17 ], "completed": false }, { "type": "link", "position": [ 540, 230, 175, 17 ], "completed": false }, { "type": "link", "position": [ 55, 263, 136, 17 ], "completed": false }, { "type": "link", "position": [ 55, 296, 129, 17 ], "completed": false }, { "type": "title", "position": [ 15, 357, 455, 47 ], "completed": false }, { "type": "link", "position": [ 55, 412, 262, 17 ], "completed": false }, { "type": "link", "position": [ 55, 445, 76, 17 ], "completed": false }, { "type": "link", "position": [ 55, 478, 154, 17 ], "completed": false }, { "type": "link", "position": [ 55, 511, 163, 17 ], "completed": false }, { "type": "link", "position": [ 55, 544, 57, 17 ], "completed": false }, { "type": "link", "position": [ 55, 577, 178, 17 ], "completed": false }, { "type": "link", "position": [ 55, 610, 183, 17 ], "completed": false }, { "type": "link", "position": [ 55, 643, 207, 17 ], "completed": false }, { "type": "link", "position": [ 55, 676, 322, 17 ], "completed": false }, { "type": "link", "position": [ 55, 709, 255, 17 ], "completed": false } ] }, { "text": "#A footer page for navigation links of a company.# There should be a QR code with a description below, so the user can scan the QR code for customer service. Also, there should have four links: \"Contact us\" \"Privacy policy\" \"User agreement\", and \"QQ group\" for the user to click for more info.", "region_id": "2892", "region_type": "Footer", "ir": "[region:Footer [el:image] [el:description] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'Contact us, Privacy policy, User agreement, QQ group'] [item [el:link] ] ] ]", "execution": "footer : description undefined undefined | image undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 51 15 16 2 | image 52 0 15 15 | \" [ link 40 22 6 1 ] | [ link 49 22 8 1 ] | [ link 60 22 10 1 ] | [ link 73 22 6 1 ] \"", "layout_seq_without_completion": "description 51 15 16 2 | image 52 0 15 15 | \" [ link 40 22 6 1 ] | [ link 49 22 8 1 ] | [ link 60 22 10 1 ] | [ link 73 22 6 1 ] \"", "plain_layout_seq": "description 51 15 16 2 | image 52 0 15 15 | link 40 22 6 1 | link 49 22 8 1 | link 60 22 10 1 | link 73 22 6 1", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "image", "position": [ 446, 0, 132, 132 ], "completed": false }, { "type": "description", "position": [ 440, 132, 144, 24 ], "completed": false }, { "type": "link", "position": [ 343, 194, 57, 14 ], "completed": false }, { "type": "link", "position": [ 423, 194, 73, 14 ], "completed": false }, { "type": "link", "position": [ 519, 194, 86, 14 ], "completed": false }, { "type": "link", "position": [ 629, 194, 52, 14 ], "completed": false } ] }, { "text": "# A footer page showing the copyright of the website. # The page should have a logo and a description of the copyright.", "region_id": "5092", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:description] ]", "execution": "footer : description undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 22 | description 2 14 114 4 | logo 48 7 23 6", "layout_seq_without_completion": "background 0 0 120 22 | description 2 14 114 4 | logo 48 7 23 6", "plain_layout_seq": "background 0 0 120 22 | description 2 14 114 4 | logo 48 7 23 6", "canvas_width": 1024, "canvas_height": 193, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 193 ], "completed": true }, { "type": "logo", "position": [ 412, 64, 200, 53 ], "completed": false }, { "type": "description", "position": [ 24, 125, 976, 36 ], "completed": false } ] }, { "text": "#A footer page encouraging users to subscribe to their newsletter and get more information.# The page should include the title \"SUBSCRIBE TO OUR NEWSLETTER\", an introduction, an input for users to enter their email addresses, and a button. There should also be two information sets. Each group includes a title and 5-6 links. The page should also include two icons. One is followed by an address, and the other is followed by a link to an email address. The page also contains 6 logos of different social media platforms, such as Facebook and Twitter.", "region_id": "8106", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'subscribe to our newsletter'] ] [el:description] [el:input [attr:value 'email address'] ][el:button] \n[gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] [el:icon[attr:repeat'2']] [el:text] [el:link] [el:logo [attr:repeat'6']] ]", "execution": "footer : button undefined undefined | description undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 4 22 5 2 | title 42 22 13 2 | \" [ link 4 26 4 2 ] | [ link 4 30 11 2 ] | [ link 4 35 8 2 ] | [ link 4 39 10 2 ] | [ link 4 43 9 2 ] | [ link 4 47 13 2 ] \" | \" [ link 42 26 5 2 ] | [ link 42 30 12 2 ] | [ link 42 35 10 2 ] | [ link 42 39 10 2 ] | [ link 42 43 8 2 ] \" | \" [ logo 80 34 4 4 ] | [ logo 85 34 4 4 ] | [ logo 91 34 4 4 ] | [ logo 96 34 4 4 ] | [ logo 102 34 4 4 ] | [ logo 107 34 4 4 ] \" | \" [ button 76 9 21 5 | description 36 4 46 2 | input 22 9 51 5 | title 40 0 39 2 ] | [ link 89 27 15 2 | text 84 22 13 2 | text 84 27 4 2 ] \"", "layout_seq_without_completion": "title 4 22 5 2 | title 42 22 13 2 | \" [ link 4 26 4 2 ] | [ link 4 30 11 2 ] | [ link 4 35 8 2 ] | [ link 4 39 10 2 ] | [ link 4 43 9 2 ] | [ link 4 47 13 2 ] \" | \" [ link 42 26 5 2 ] | [ link 42 30 12 2 ] | [ link 42 35 10 2 ] | [ link 42 39 10 2 ] | [ link 42 43 8 2 ] \" | \" [ logo 80 34 4 4 ] | [ logo 85 34 4 4 ] | [ logo 91 34 4 4 ] | [ logo 96 34 4 4 ] | [ logo 102 34 4 4 ] | [ logo 107 34 4 4 ] \" | \" [ button 76 9 21 5 | description 36 4 46 2 | input 22 9 51 5 | title 40 0 39 2 ] | [ link 89 27 15 2 | text 84 22 13 2 | text 84 27 4 2 ] \"", "plain_layout_seq": "button 76 9 21 5 | description 36 4 46 2 | input 22 9 51 5 | link 4 26 4 2 | link 4 30 11 2 | link 4 35 8 2 | link 4 39 10 2 | link 4 43 9 2 | link 4 47 13 2 | link 42 26 5 2 | link 42 30 12 2 | link 42 35 10 2 | link 42 39 10 2 | link 42 43 8 2 | link 89 27 15 2 | logo 80 34 4 4 | logo 85 34 4 4 | logo 91 34 4 4 | logo 96 34 4 4 | logo 102 34 4 4 | logo 107 34 4 4 | text 84 22 13 2 | text 84 27 4 2 | title 4 22 5 2 | title 42 22 13 2 | title 40 0 39 2", "canvas_width": 1024, "canvas_height": 506, "elements": [ { "type": "title", "position": [ 346, 0, 333, 24 ], "completed": false }, { "type": "description", "position": [ 314, 37, 396, 18 ], "completed": false }, { "type": "input", "position": [ 194, 85, 440, 48 ], "completed": false }, { "type": "button", "position": [ 650, 85, 180, 48 ], "completed": false }, { "type": "title", "position": [ 37, 188, 48, 19 ], "completed": false }, { "type": "title", "position": [ 360, 188, 119, 19 ], "completed": false }, { "type": "text", "position": [ 719, 195, 112, 18 ], "completed": false }, { "type": "link", "position": [ 37, 229, 39, 18 ], "completed": false }, { "type": "link", "position": [ 360, 229, 45, 18 ], "completed": false }, { "type": "text", "position": [ 719, 231, 42, 18 ], "completed": false }, { "type": "link", "position": [ 761, 231, 130, 18 ], "completed": false }, { "type": "link", "position": [ 37, 264, 96, 18 ], "completed": false }, { "type": "link", "position": [ 360, 264, 108, 18 ], "completed": false }, { "type": "logo", "position": [ 684, 292, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 731, 292, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 778, 292, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 825, 292, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 872, 292, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 919, 292, 40, 40 ], "completed": false }, { "type": "link", "position": [ 37, 299, 74, 18 ], "completed": false }, { "type": "link", "position": [ 360, 299, 88, 18 ], "completed": false }, { "type": "link", "position": [ 37, 334, 86, 18 ], "completed": false }, { "type": "link", "position": [ 360, 334, 89, 18 ], "completed": false }, { "type": "link", "position": [ 37, 369, 84, 18 ], "completed": false }, { "type": "link", "position": [ 360, 369, 72, 18 ], "completed": false }, { "type": "link", "position": [ 37, 404, 118, 18 ], "completed": false } ] }, { "text": "#A footer page of My Gift Stop for users to get information.# The page should include the logo of My Gift Stop and an explanation text. There should also be two titles, \"ABOUT US\" and \"INFO\", followed by 5-8 links. The page should also include the title \"LET'S STAY IN TOUCH!\", a phone number, an image and four logos of social media platforms, including Facebook, Instagram, and Pinterest.", "region_id": "7633", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:description] [gp:NavGroup[gattr:repeat'2'] [gattr:names 'about us, info'] [item [el:link[attr:repeat'8']] ] ] [el:title [attr:value 'LETS STAY IN TOUCH!'] ] [el:text] [el:image] [el:logo [attr:repeat '4'] ] ]", "execution": "footer : description undefined undefined | image undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 6 16 35 15 | logo 6 3 22 13 | \" [ link 43 8 6 1 | link 43 11 13 1 | link 43 17 8 1 | link 43 14 8 1 | link 43 20 3 1 | complete title 43 3 14 4 ] | [ link 61 8 6 1 | link 61 11 4 1 | link 61 14 6 1 | link 61 17 6 1 | link 61 20 13 1 | link 61 23 10 1 | link 61 25 12 1 | link 61 28 14 1 | complete title 61 3 14 4 ] | [ image 81 16 12 11 | logo 81 8 2 2 | logo 84 8 2 2 | logo 88 8 2 2 | logo 92 8 2 2 | text 81 11 32 2 | title 81 3 32 4 ] \"", "layout_seq_without_completion": "description 6 16 35 15 | logo 6 3 22 13 | \" [ link 43 8 6 1 | link 43 11 13 1 | link 43 17 8 1 | link 43 14 8 1 | link 43 20 3 1 | title 43 3 14 4 ] | [ link 61 8 6 1 | link 61 11 4 1 | link 61 14 6 1 | link 61 17 6 1 | link 61 20 13 1 | link 61 23 10 1 | link 61 25 12 1 | link 61 28 14 1 | title 61 3 14 4 ] | [ image 81 16 12 11 | logo 81 8 2 2 | logo 84 8 2 2 | logo 88 8 2 2 | logo 92 8 2 2 | text 81 11 32 2 | title 81 3 32 4 ] \"", "plain_layout_seq": "description 6 16 35 15 | image 81 16 12 11 | link 43 8 6 1 | link 43 11 13 1 | link 43 17 8 1 | link 43 14 8 1 | link 43 20 3 1 | link 61 8 6 1 | link 61 11 4 1 | link 61 14 6 1 | link 61 17 6 1 | link 61 20 13 1 | link 61 23 10 1 | link 61 25 12 1 | link 61 28 14 1 | logo 6 3 22 13 | logo 81 8 2 2 | logo 84 8 2 2 | logo 88 8 2 2 | logo 92 8 2 2 | text 81 11 32 2 | title 43 3 14 4 | title 61 3 14 4 | title 81 3 32 4", "canvas_width": 1035, "canvas_height": 311, "elements": [ { "type": "logo", "position": [ 54, 28, 196, 115 ], "completed": false }, { "type": "title", "position": [ 378, 28, 124, 35 ], "completed": true }, { "type": "title", "position": [ 532, 28, 124, 35 ], "completed": true }, { "type": "title", "position": [ 700, 28, 281, 35 ], "completed": false }, { "type": "logo", "position": [ 700, 73, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 733, 73, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 766, 73, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 799, 73, 20, 20 ], "completed": false }, { "type": "link", "position": [ 378, 74, 58, 17 ], "completed": false }, { "type": "link", "position": [ 532, 74, 56, 17 ], "completed": false }, { "type": "link", "position": [ 378, 99, 119, 17 ], "completed": false }, { "type": "link", "position": [ 532, 99, 43, 17 ], "completed": false }, { "type": "text", "position": [ 700, 103, 281, 25 ], "completed": false }, { "type": "link", "position": [ 378, 124, 71, 17 ], "completed": false }, { "type": "link", "position": [ 532, 124, 58, 17 ], "completed": false }, { "type": "image", "position": [ 700, 142, 108, 100 ], "completed": false }, { "type": "description", "position": [ 54, 143, 309, 131 ], "completed": false }, { "type": "link", "position": [ 378, 149, 75, 17 ], "completed": false }, { "type": "link", "position": [ 532, 149, 58, 17 ], "completed": false }, { "type": "link", "position": [ 378, 174, 28, 17 ], "completed": false }, { "type": "link", "position": [ 532, 174, 114, 17 ], "completed": false }, { "type": "link", "position": [ 532, 199, 91, 17 ], "completed": false }, { "type": "link", "position": [ 532, 224, 106, 17 ], "completed": false }, { "type": "link", "position": [ 532, 249, 122, 17 ], "completed": false } ] }, { "text": "#A footer page for a shop website.# There are three titles\"Quick links\", \"Contact Us\", and\"Operating Hours\". Each title has 1-6 sub-links for the user to click to know more info. There is a title\"Subscribe to our emils\", an input, and an icon to keep the user in touch with the website.", "region_id": "6565", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'quick links, contact us, operating hours'] [item [el:title] [el:link [attr:repeat '6'] ] ] ] [el:title [attr:value 'subscribe to our emils'] ] [el:input] [el:icon] ]", "execution": "footer : input undefined undefined | title undefined undefined | { [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 78 5 35 3 | title 78 0 35 2 | \" [ link 5 17 13 4 | link 5 25 12 4 | link 5 5 6 3 | link 5 8 10 4 | link 5 12 12 4 | link 5 21 14 4 | title 5 0 35 2 ] | [ link 42 5 35 6 | link 42 13 12 3 | title 42 0 35 2 ] | [ icon 44 39 1 2 | input 5 38 41 5 | complete text 8 39 5 3 | title 5 32 108 2 ] \"", "layout_seq_without_completion": "link 78 5 35 3 | title 78 0 35 2 | \" [ link 5 17 13 4 | link 5 25 12 4 | link 5 5 6 3 | link 5 8 10 4 | link 5 12 12 4 | link 5 21 14 4 | title 5 0 35 2 ] | [ link 42 5 35 6 | link 42 13 12 3 | title 42 0 35 2 ] | [ icon 44 39 1 2 | input 5 38 41 5 | text 8 39 5 3 | title 5 32 108 2 ] \"", "plain_layout_seq": "icon 44 39 1 2 | input 5 38 41 5 | link 78 5 35 3 | link 5 17 13 4 | link 5 25 12 4 | link 5 5 6 3 | link 5 8 10 4 | link 5 12 12 4 | link 5 21 14 4 | link 42 5 35 6 | link 42 13 12 3 | text 8 39 5 3 | title 78 0 35 2 | title 5 0 35 2 | title 42 0 35 2 | title 5 32 108 2", "canvas_width": 1024, "canvas_height": 422, "elements": [ { "type": "title", "position": [ 50, 0, 303, 23 ], "completed": false }, { "type": "title", "position": [ 361, 0, 303, 23 ], "completed": false }, { "type": "title", "position": [ 671, 0, 303, 23 ], "completed": false }, { "type": "link", "position": [ 361, 43, 303, 58 ], "completed": false }, { "type": "link", "position": [ 671, 43, 303, 29 ], "completed": false }, { "type": "link", "position": [ 50, 45, 53, 30 ], "completed": false }, { "type": "link", "position": [ 50, 75, 88, 35 ], "completed": false }, { "type": "link", "position": [ 50, 110, 104, 35 ], "completed": false }, { "type": "link", "position": [ 361, 117, 103, 28 ], "completed": false }, { "type": "link", "position": [ 50, 146, 116, 35 ], "completed": false }, { "type": "link", "position": [ 50, 181, 126, 35 ], "completed": false }, { "type": "link", "position": [ 50, 216, 105, 35 ], "completed": false }, { "type": "title", "position": [ 50, 281, 924, 23 ], "completed": false }, { "type": "input", "position": [ 51, 326, 358, 45 ], "completed": false }, { "type": "text", "position": [ 71, 334, 51, 28 ], "completed": true }, { "type": "icon", "position": [ 380, 336, 15, 25 ], "completed": false } ] }, { "text": "#A page of information about an online articles website.# Inside this page are 3 main groups, each group has one title that is \"recent articles\", \"best options resources\", and \"content featured on\".There is 10 text at the bottom of the title \"recent articles\" and title \"best options resources\". Then, there are four logos at the bottom of the \"content featured on\"title.", "region_id": "2486", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'recent articles'] ] [el:text[attr:repeat'10']]] [item [el:title [attr:value 'best options resources'] ] [el:text[attr:repeat'10']]] [item [el:title [attr:value 'content featured on'] ] [el:logo[attr:repeat'4']]]] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 1 4 37 6 | title 81 4 37 6 | title 41 4 37 6 | \" [ text 10 13 20 2 ] | [ text 15 17 11 2 ] | [ text 3 21 36 2 ] | [ text 5 24 31 4 ] | [ text 5 31 32 2 ] | [ text 4 35 32 4 ] | [ text 3 41 35 4 ] | [ text 5 48 32 2 ] | [ text 6 52 30 4 ] | [ text 5 58 32 2 ] \" | \" [ text 58 13 5 2 ] | [ text 50 16 20 2 ] | [ text 52 20 16 2 ] | [ text 52 24 17 2 ] | [ text 53 28 16 2 ] \" | \" [ text 56 32 9 2 ] | [ text 57 36 7 2 ] | [ text 54 39 13 2 ] | [ text 54 43 12 2 ] | [ text 54 47 14 2 ] \" | \" [ logo 83 12 32 6 ] | [ logo 81 20 38 6 ] | [ logo 84 27 30 6 ] | [ logo 84 34 30 6 ] \"", "layout_seq_without_completion": "title 1 4 37 6 | title 81 4 37 6 | title 41 4 37 6 | \" [ text 10 13 20 2 ] | [ text 15 17 11 2 ] | [ text 3 21 36 2 ] | [ text 5 24 31 4 ] | [ text 5 31 32 2 ] | [ text 4 35 32 4 ] | [ text 3 41 35 4 ] | [ text 5 48 32 2 ] | [ text 6 52 30 4 ] | [ text 5 58 32 2 ] \" | \" [ text 58 13 5 2 ] | [ text 50 16 20 2 ] | [ text 52 20 16 2 ] | [ text 52 24 17 2 ] | [ text 53 28 16 2 ] \" | \" [ text 56 32 9 2 ] | [ text 57 36 7 2 ] | [ text 54 39 13 2 ] | [ text 54 43 12 2 ] | [ text 54 47 14 2 ] \" | \" [ logo 83 12 32 6 ] | [ logo 81 20 38 6 ] | [ logo 84 27 30 6 ] | [ logo 84 34 30 6 ] \"", "plain_layout_seq": "logo 83 12 32 6 | logo 81 20 38 6 | logo 84 27 30 6 | logo 84 34 30 6 | text 10 13 20 2 | text 15 17 11 2 | text 3 21 36 2 | text 5 24 31 4 | text 5 31 32 2 | text 4 35 32 4 | text 3 41 35 4 | text 5 48 32 2 | text 6 52 30 4 | text 5 58 32 2 | text 58 13 5 2 | text 50 16 20 2 | text 52 20 16 2 | text 52 24 17 2 | text 53 28 16 2 | text 56 32 9 2 | text 57 36 7 2 | text 54 39 13 2 | text 54 43 12 2 | text 54 47 14 2 | title 1 4 37 6 | title 81 4 37 6 | title 41 4 37 6", "canvas_width": 1000, "canvas_height": 561, "elements": [ { "type": "title", "position": [ 10, 40, 313, 52 ], "completed": false }, { "type": "title", "position": [ 343, 40, 313, 52 ], "completed": false }, { "type": "title", "position": [ 677, 40, 313, 52 ], "completed": false }, { "type": "logo", "position": [ 698, 107, 270, 50 ], "completed": false }, { "type": "text", "position": [ 91, 109, 171, 17 ], "completed": false }, { "type": "text", "position": [ 487, 109, 46, 17 ], "completed": false }, { "type": "text", "position": [ 423, 141, 174, 17 ], "completed": false }, { "type": "text", "position": [ 130, 142, 93, 17 ], "completed": false }, { "type": "logo", "position": [ 679, 167, 320, 50 ], "completed": false }, { "type": "text", "position": [ 440, 173, 139, 17 ], "completed": false }, { "type": "text", "position": [ 26, 175, 301, 17 ], "completed": false }, { "type": "text", "position": [ 437, 205, 146, 17 ], "completed": false }, { "type": "text", "position": [ 44, 208, 266, 38 ], "completed": false }, { "type": "logo", "position": [ 707, 227, 253, 50 ], "completed": false }, { "type": "text", "position": [ 442, 237, 136, 17 ], "completed": false }, { "type": "text", "position": [ 42, 262, 269, 17 ], "completed": false }, { "type": "text", "position": [ 469, 269, 81, 17 ], "completed": false }, { "type": "logo", "position": [ 708, 287, 250, 50 ], "completed": false }, { "type": "text", "position": [ 40, 295, 274, 38 ], "completed": false }, { "type": "text", "position": [ 478, 301, 64, 17 ], "completed": false }, { "type": "text", "position": [ 452, 333, 116, 17 ], "completed": false }, { "type": "text", "position": [ 29, 349, 296, 38 ], "completed": false }, { "type": "text", "position": [ 458, 365, 104, 17 ], "completed": false }, { "type": "text", "position": [ 450, 397, 120, 17 ], "completed": false }, { "type": "text", "position": [ 43, 403, 267, 17 ], "completed": false }, { "type": "text", "position": [ 50, 436, 252, 38 ], "completed": false }, { "type": "text", "position": [ 43, 490, 267, 17 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have two groups and each group has a title, \"legal menu\" and \"information\". Also, there are 5-6 links in each group.", "region_id": "6971", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [gattr:names 'legal menu, information'] [item [el:title] [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 7 3 | link 6 13 13 4 | link 6 22 16 4 | link 6 26 7 4 | link 6 9 14 4 | link 6 18 15 4 | title 6 0 52 3 ] | [ link 61 5 8 3 | link 61 13 9 4 | link 61 9 16 4 | link 61 18 19 4 | link 61 22 7 4 | title 61 0 52 3 ] \"", "layout_seq_without_completion": "\" [ link 6 5 7 3 | link 6 13 13 4 | link 6 22 16 4 | link 6 26 7 4 | link 6 9 14 4 | link 6 18 15 4 | title 6 0 52 3 ] | [ link 61 5 8 3 | link 61 13 9 4 | link 61 9 16 4 | link 61 18 19 4 | link 61 22 7 4 | title 61 0 52 3 ] \"", "plain_layout_seq": "link 6 5 7 3 | link 6 13 13 4 | link 6 22 16 4 | link 6 26 7 4 | link 6 9 14 4 | link 6 18 15 4 | link 61 5 8 3 | link 61 13 9 4 | link 61 9 16 4 | link 61 18 19 4 | link 61 22 7 4 | title 6 0 52 3 | title 61 0 52 3", "canvas_width": 1024, "canvas_height": 348, "elements": [ { "type": "title", "position": [ 52, 0, 448, 28 ], "completed": false }, { "type": "title", "position": [ 524, 0, 448, 28 ], "completed": false }, { "type": "link", "position": [ 52, 51, 60, 31 ], "completed": false }, { "type": "link", "position": [ 524, 51, 69, 31 ], "completed": false }, { "type": "link", "position": [ 52, 82, 121, 36 ], "completed": false }, { "type": "link", "position": [ 524, 82, 138, 36 ], "completed": false }, { "type": "link", "position": [ 52, 118, 112, 36 ], "completed": false }, { "type": "link", "position": [ 524, 118, 78, 36 ], "completed": false }, { "type": "link", "position": [ 52, 155, 129, 36 ], "completed": false }, { "type": "link", "position": [ 524, 155, 164, 36 ], "completed": false }, { "type": "link", "position": [ 52, 191, 138, 36 ], "completed": false }, { "type": "link", "position": [ 524, 191, 60, 36 ], "completed": false }, { "type": "link", "position": [ 52, 228, 60, 36 ], "completed": false } ] }, { "text": "#A page to show guidance for the users# On this page five groups of information are involved. Each group contains a title and several related links.", "region_id": "5732", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 10 4 17 3 | link 10 15 17 3 | link 10 7 17 3 | link 10 11 17 3 | link 10 19 17 3 | title 10 1 17 2 ] | [ link 30 4 17 3 | link 30 7 17 3 | link 30 11 17 3 | title 30 1 17 2 ] | [ link 51 4 17 3 | link 51 7 17 3 | link 51 11 17 3 | link 51 15 17 3 | link 51 19 17 3 | link 51 22 17 3 | link 51 26 17 3 | title 51 1 17 2 ] | [ link 71 7 17 3 | link 71 4 17 3 | title 71 1 17 2 ] | [ link 91 4 17 3 | link 91 7 17 3 | link 91 15 17 3 | link 91 19 17 3 | link 91 11 17 3 | title 91 1 17 2 ] \"", "layout_seq_without_completion": "\" [ link 10 4 17 3 | link 10 15 17 3 | link 10 7 17 3 | link 10 11 17 3 | link 10 19 17 3 | title 10 1 17 2 ] | [ link 30 4 17 3 | link 30 7 17 3 | link 30 11 17 3 | title 30 1 17 2 ] | [ link 51 4 17 3 | link 51 7 17 3 | link 51 11 17 3 | link 51 15 17 3 | link 51 19 17 3 | link 51 22 17 3 | link 51 26 17 3 | title 51 1 17 2 ] | [ link 71 7 17 3 | link 71 4 17 3 | title 71 1 17 2 ] | [ link 91 4 17 3 | link 91 7 17 3 | link 91 15 17 3 | link 91 19 17 3 | link 91 11 17 3 | title 91 1 17 2 ] \"", "plain_layout_seq": "link 10 4 17 3 | link 10 15 17 3 | link 10 7 17 3 | link 10 11 17 3 | link 10 19 17 3 | link 30 4 17 3 | link 30 7 17 3 | link 30 11 17 3 | link 51 4 17 3 | link 51 7 17 3 | link 51 11 17 3 | link 51 15 17 3 | link 51 19 17 3 | link 51 22 17 3 | link 51 26 17 3 | link 71 7 17 3 | link 71 4 17 3 | link 91 4 17 3 | link 91 7 17 3 | link 91 15 17 3 | link 91 19 17 3 | link 91 11 17 3 | title 10 1 17 2 | title 30 1 17 2 | title 51 1 17 2 | title 71 1 17 2 | title 91 1 17 2", "canvas_width": 1024, "canvas_height": 265, "elements": [ { "type": "title", "position": [ 90, 10, 149, 18 ], "completed": false }, { "type": "title", "position": [ 263, 10, 149, 18 ], "completed": false }, { "type": "title", "position": [ 436, 10, 149, 18 ], "completed": false }, { "type": "title", "position": [ 608, 10, 149, 18 ], "completed": false }, { "type": "title", "position": [ 781, 10, 149, 18 ], "completed": false }, { "type": "link", "position": [ 90, 35, 149, 27 ], "completed": false }, { "type": "link", "position": [ 263, 35, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 35, 149, 27 ], "completed": false }, { "type": "link", "position": [ 608, 35, 149, 27 ], "completed": false }, { "type": "link", "position": [ 781, 35, 149, 27 ], "completed": false }, { "type": "link", "position": [ 90, 68, 149, 27 ], "completed": false }, { "type": "link", "position": [ 263, 68, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 68, 149, 27 ], "completed": false }, { "type": "link", "position": [ 608, 68, 149, 27 ], "completed": false }, { "type": "link", "position": [ 781, 68, 149, 27 ], "completed": false }, { "type": "link", "position": [ 90, 100, 149, 27 ], "completed": false }, { "type": "link", "position": [ 263, 100, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 100, 149, 27 ], "completed": false }, { "type": "link", "position": [ 781, 100, 149, 27 ], "completed": false }, { "type": "link", "position": [ 90, 132, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 132, 149, 27 ], "completed": false }, { "type": "link", "position": [ 781, 132, 149, 27 ], "completed": false }, { "type": "link", "position": [ 90, 164, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 164, 149, 27 ], "completed": false }, { "type": "link", "position": [ 781, 164, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 196, 149, 27 ], "completed": false }, { "type": "link", "position": [ 436, 228, 149, 27 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have three groups, named \"Quick links\", \"about\", and \"newsletter\". There are seven links in the \"Quick links\" and a description of the \"about\" group. Also, there is an input box for users to import the email address, and there is a button next to it, named \"subscribe\".", "region_id": "8073", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '7'] ] ] [item [el:title [attr:value 'about'] ] [el:description] ] [item [el:title [attr:value 'newsletter'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 34 5 23 13 | title 34 0 23 2 | \" [ link 6 18 3 2 | link 6 5 12 2 | link 6 8 8 2 | link 6 11 4 2 | link 6 14 19 2 | link 6 21 8 2 | link 6 24 9 2 | title 6 0 23 2 ] | [ button 102 7 8 1 | input 61 5 38 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "description 34 5 23 13 | title 34 0 23 2 | \" [ link 6 18 3 2 | link 6 5 12 2 | link 6 8 8 2 | link 6 11 4 2 | link 6 14 19 2 | link 6 21 8 2 | link 6 24 9 2 | title 6 0 23 2 ] | [ button 102 7 8 1 | input 61 5 38 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 102 7 8 1 | description 34 5 23 13 | input 61 5 38 5 | link 6 18 3 2 | link 6 5 12 2 | link 6 8 8 2 | link 6 11 4 2 | link 6 14 19 2 | link 6 21 8 2 | link 6 24 9 2 | title 34 0 23 2 | title 6 0 23 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 281, "elements": [ { "type": "title", "position": [ 55, 0, 197, 18 ], "completed": false }, { "type": "title", "position": [ 298, 0, 199, 18 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 18 ], "completed": false }, { "type": "description", "position": [ 298, 43, 199, 113 ], "completed": false }, { "type": "link", "position": [ 55, 45, 103, 18 ], "completed": false }, { "type": "input", "position": [ 527, 48, 331, 46 ], "completed": false }, { "type": "button", "position": [ 877, 62, 73, 16 ], "completed": false }, { "type": "link", "position": [ 55, 72, 71, 18 ], "completed": false }, { "type": "link", "position": [ 55, 100, 42, 18 ], "completed": false }, { "type": "link", "position": [ 55, 127, 167, 18 ], "completed": false }, { "type": "link", "position": [ 55, 155, 31, 18 ], "completed": false }, { "type": "link", "position": [ 55, 182, 71, 18 ], "completed": false }, { "type": "link", "position": [ 55, 210, 85, 18 ], "completed": false } ] }, { "text": "# A footer page for a company's quick links and commitment. # The page should have two items \"Quick links\" and \"Our Commitment\". In the first item \"Quick links\", there should contain a title and five links \"Search\" \"Privacy Policy\" \"Refund Policy\" \"Terms of Service\" and \"Do not sell my personal information\", so the user can click them for more info. In the second item \"Our Commitment\", there should be a title and a further description.", "region_id": "6733", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick links'] ] [el:link [attr:value 'Search'] ] [el:link [attr:value 'Privacy Policy'] ] [el:link [attr:value 'Refund Policy'] ] [el:link [attr:value 'Terms of Service'] ] [el:link [attr:value 'Do not sell my personal information'] ] ] [item [el:title [attr:value 'Our Commitment'] ] [el:description] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 63 5 56 14 | title 3 0 56 2 | title 63 0 56 2 | \" [ link 3 5 5 3 ] | [ link 3 9 10 4 ] | [ link 3 13 11 4 ] | [ link 3 18 13 4 ] | [ link 3 22 29 4 ] \"", "layout_seq_without_completion": "description 63 5 56 14 | title 3 0 56 2 | title 63 0 56 2 | \" [ link 3 5 5 3 ] | [ link 3 9 10 4 ] | [ link 3 13 11 4 ] | [ link 3 18 13 4 ] | [ link 3 22 29 4 ] \"", "plain_layout_seq": "description 63 5 56 14 | link 3 5 5 3 | link 3 9 10 4 | link 3 13 11 4 | link 3 18 13 4 | link 3 22 29 4 | title 3 0 56 2 | title 63 0 56 2", "canvas_width": 954, "canvas_height": 226, "elements": [ { "type": "title", "position": [ 30, 0, 447, 23 ], "completed": false }, { "type": "title", "position": [ 507, 0, 447, 23 ], "completed": false }, { "type": "description", "position": [ 507, 43, 447, 115 ], "completed": false }, { "type": "link", "position": [ 30, 45, 44, 30 ], "completed": false }, { "type": "link", "position": [ 30, 75, 87, 35 ], "completed": false }, { "type": "link", "position": [ 30, 111, 89, 35 ], "completed": false }, { "type": "link", "position": [ 30, 146, 105, 35 ], "completed": false }, { "type": "link", "position": [ 30, 181, 237, 35 ], "completed": false } ] }, { "text": "$footer$ #A page for navigation of the web.#The page should have eight groups of navigational links for users to click to fastly know the different content of the web in the term of basic, party, and so on.\nAnd there are six links in each group.", "region_id": "3631", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '8'] [gattr:names 'basic, party'] [item [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete title 3 3 4 2 ] | [ link 3 6 8 2 ] | [ link 3 9 3 2 ] | [ link 3 12 8 2 ] | [ link 3 16 4 2 ] | [ link 3 19 8 2 ] | [ link 3 22 4 2 ] \" | \" [ complete title 17 3 4 2 ] | [ link 17 6 7 2 ] | [ link 17 9 5 2 ] | [ link 17 12 7 2 ] | [ link 17 16 11 2 ] | [ link 17 19 9 2 ] | [ link 17 22 8 2 ] \" | \" [ complete title 32 3 9 2 ] | [ complete title 46 3 4 2 ] | [ link 32 6 4 2 ] | [ link 46 6 2 2 ] | [ link 32 9 6 2 ] | [ link 46 9 6 2 ] | [ link 32 12 9 2 ] | [ link 46 12 5 2 ] | [ link 32 16 6 2 ] | [ link 46 16 9 2 ] | [ link 32 19 7 2 ] | [ link 46 19 4 2 ] | [ link 32 22 9 2 ] | [ link 46 22 4 2 ] \" | \" [ complete title 61 3 5 2 ] | [ complete title 75 3 7 2 ] | [ link 61 6 6 2 ] | [ link 75 6 6 2 ] | [ link 61 9 7 2 ] | [ link 75 9 7 2 ] | [ link 61 12 6 2 ] | [ link 75 12 12 4 ] | [ link 61 16 4 2 ] | [ link 75 18 5 2 ] | [ link 61 19 5 2 ] | [ link 75 21 2 2 ] | [ link 61 22 3 2 ] | [ link 75 24 5 2 ] \" | \" [ complete title 89 3 6 2 ] | [ complete title 104 3 8 2 ] | [ link 89 6 10 2 ] | [ link 104 6 3 2 ] | [ link 89 9 4 2 ] | [ link 104 9 5 2 ] | [ link 89 12 8 2 ] | [ link 104 12 5 2 ] | [ link 89 16 5 2 ] | [ link 104 16 5 2 ] | [ link 89 19 5 2 ] | [ link 104 19 5 2 ] | [ link 89 22 5 2 ] | [ link 104 22 4 2 ] \"", "layout_seq_without_completion": "\" [ title 3 3 4 2 ] | [ link 3 6 8 2 ] | [ link 3 9 3 2 ] | [ link 3 12 8 2 ] | [ link 3 16 4 2 ] | [ link 3 19 8 2 ] | [ link 3 22 4 2 ] \" | \" [ title 17 3 4 2 ] | [ link 17 6 7 2 ] | [ link 17 9 5 2 ] | [ link 17 12 7 2 ] | [ link 17 16 11 2 ] | [ link 17 19 9 2 ] | [ link 17 22 8 2 ] \" | \" [ title 32 3 9 2 ] | [ title 46 3 4 2 ] | [ link 32 6 4 2 ] | [ link 46 6 2 2 ] | [ link 32 9 6 2 ] | [ link 46 9 6 2 ] | [ link 32 12 9 2 ] | [ link 46 12 5 2 ] | [ link 32 16 6 2 ] | [ link 46 16 9 2 ] | [ link 32 19 7 2 ] | [ link 46 19 4 2 ] | [ link 32 22 9 2 ] | [ link 46 22 4 2 ] \" | \" [ title 61 3 5 2 ] | [ title 75 3 7 2 ] | [ link 61 6 6 2 ] | [ link 75 6 6 2 ] | [ link 61 9 7 2 ] | [ link 75 9 7 2 ] | [ link 61 12 6 2 ] | [ link 75 12 12 4 ] | [ link 61 16 4 2 ] | [ link 75 18 5 2 ] | [ link 61 19 5 2 ] | [ link 75 21 2 2 ] | [ link 61 22 3 2 ] | [ link 75 24 5 2 ] \" | \" [ title 89 3 6 2 ] | [ title 104 3 8 2 ] | [ link 89 6 10 2 ] | [ link 104 6 3 2 ] | [ link 89 9 4 2 ] | [ link 104 9 5 2 ] | [ link 89 12 8 2 ] | [ link 104 12 5 2 ] | [ link 89 16 5 2 ] | [ link 104 16 5 2 ] | [ link 89 19 5 2 ] | [ link 104 19 5 2 ] | [ link 89 22 5 2 ] | [ link 104 22 4 2 ] \"", "plain_layout_seq": "link 3 6 8 2 | link 3 9 3 2 | link 3 12 8 2 | link 3 16 4 2 | link 3 19 8 2 | link 3 22 4 2 | link 17 6 7 2 | link 17 9 5 2 | link 17 12 7 2 | link 17 16 11 2 | link 17 19 9 2 | link 17 22 8 2 | link 32 6 4 2 | link 46 6 2 2 | link 32 9 6 2 | link 46 9 6 2 | link 32 12 9 2 | link 46 12 5 2 | link 32 16 6 2 | link 46 16 9 2 | link 32 19 7 2 | link 46 19 4 2 | link 32 22 9 2 | link 46 22 4 2 | link 61 6 6 2 | link 75 6 6 2 | link 61 9 7 2 | link 75 9 7 2 | link 61 12 6 2 | link 75 12 12 4 | link 61 16 4 2 | link 75 18 5 2 | link 61 19 5 2 | link 75 21 2 2 | link 61 22 3 2 | link 75 24 5 2 | link 89 6 10 2 | link 104 6 3 2 | link 89 9 4 2 | link 104 9 5 2 | link 89 12 8 2 | link 104 12 5 2 | link 89 16 5 2 | link 104 16 5 2 | link 89 19 5 2 | link 104 19 5 2 | link 89 22 5 2 | link 104 22 4 2 | title 3 3 4 2 | title 17 3 4 2 | title 32 3 9 2 | title 46 3 4 2 | title 61 3 5 2 | title 75 3 7 2 | title 89 3 6 2 | title 104 3 8 2", "canvas_width": 955, "canvas_height": 240, "elements": [ { "type": "title", "position": [ 29, 24, 39, 18 ], "completed": true }, { "type": "title", "position": [ 143, 24, 39, 18 ], "completed": true }, { "type": "title", "position": [ 258, 24, 77, 18 ], "completed": true }, { "type": "title", "position": [ 372, 24, 36, 18 ], "completed": true }, { "type": "title", "position": [ 487, 24, 41, 18 ], "completed": true }, { "type": "title", "position": [ 601, 24, 56, 18 ], "completed": true }, { "type": "title", "position": [ 715, 24, 55, 18 ], "completed": true }, { "type": "title", "position": [ 830, 24, 65, 18 ], "completed": true }, { "type": "link", "position": [ 29, 50, 67, 18 ], "completed": false }, { "type": "link", "position": [ 143, 50, 62, 18 ], "completed": false }, { "type": "link", "position": [ 258, 50, 33, 18 ], "completed": false }, { "type": "link", "position": [ 372, 50, 19, 18 ], "completed": false }, { "type": "link", "position": [ 487, 50, 54, 18 ], "completed": false }, { "type": "link", "position": [ 601, 50, 49, 18 ], "completed": false }, { "type": "link", "position": [ 715, 50, 82, 18 ], "completed": false }, { "type": "link", "position": [ 830, 50, 30, 18 ], "completed": false }, { "type": "link", "position": [ 29, 76, 30, 18 ], "completed": false }, { "type": "link", "position": [ 143, 76, 41, 18 ], "completed": false }, { "type": "link", "position": [ 258, 76, 53, 18 ], "completed": false }, { "type": "link", "position": [ 372, 76, 52, 18 ], "completed": false }, { "type": "link", "position": [ 487, 76, 57, 18 ], "completed": false }, { "type": "link", "position": [ 601, 76, 63, 18 ], "completed": false }, { "type": "link", "position": [ 715, 76, 36, 18 ], "completed": false }, { "type": "link", "position": [ 830, 76, 46, 18 ], "completed": false }, { "type": "link", "position": [ 29, 102, 67, 18 ], "completed": false }, { "type": "link", "position": [ 143, 102, 59, 18 ], "completed": false }, { "type": "link", "position": [ 258, 102, 72, 18 ], "completed": false }, { "type": "link", "position": [ 372, 102, 42, 18 ], "completed": false }, { "type": "link", "position": [ 487, 102, 49, 18 ], "completed": false }, { "type": "link", "position": [ 601, 102, 96, 36 ], "completed": false }, { "type": "link", "position": [ 715, 102, 67, 18 ], "completed": false }, { "type": "link", "position": [ 830, 102, 41, 18 ], "completed": false }, { "type": "link", "position": [ 29, 128, 32, 18 ], "completed": false }, { "type": "link", "position": [ 143, 128, 91, 18 ], "completed": false }, { "type": "link", "position": [ 258, 128, 54, 18 ], "completed": false }, { "type": "link", "position": [ 372, 128, 77, 18 ], "completed": false }, { "type": "link", "position": [ 487, 128, 35, 18 ], "completed": false }, { "type": "link", "position": [ 715, 128, 42, 18 ], "completed": false }, { "type": "link", "position": [ 830, 128, 46, 18 ], "completed": false }, { "type": "link", "position": [ 601, 146, 43, 18 ], "completed": false }, { "type": "link", "position": [ 29, 154, 67, 18 ], "completed": false }, { "type": "link", "position": [ 143, 154, 72, 18 ], "completed": false }, { "type": "link", "position": [ 258, 154, 63, 18 ], "completed": false }, { "type": "link", "position": [ 372, 154, 32, 18 ], "completed": false }, { "type": "link", "position": [ 487, 154, 42, 18 ], "completed": false }, { "type": "link", "position": [ 715, 154, 42, 18 ], "completed": false }, { "type": "link", "position": [ 830, 154, 47, 18 ], "completed": false }, { "type": "link", "position": [ 601, 172, 21, 18 ], "completed": false }, { "type": "link", "position": [ 29, 180, 37, 18 ], "completed": false }, { "type": "link", "position": [ 143, 180, 69, 18 ], "completed": false }, { "type": "link", "position": [ 258, 180, 76, 18 ], "completed": false }, { "type": "link", "position": [ 372, 180, 33, 18 ], "completed": false }, { "type": "link", "position": [ 487, 180, 28, 18 ], "completed": false }, { "type": "link", "position": [ 715, 180, 43, 18 ], "completed": false }, { "type": "link", "position": [ 830, 180, 37, 18 ], "completed": false }, { "type": "link", "position": [ 601, 198, 45, 18 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be two information sets \"Quick links\" and \"Stores\", with each comprised of a title, and 5-11 links. Users can get access to different info through these links. Also, there should be another group \"Newsletter\" where there should be an input box and a button \"Subscribe\" for the user to enter an email address to subscribe to the newsletter of the company.", "region_id": "7347", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick Links'] ] [el:link [attr:repeat '11'] ] ] [item [el:title [attr:value 'Stores'] ] [el:link [attr:repeat '11'] ] ] [item [el:title [attr:value 'Newsletter'] ][el:input[attr:value'email address']] [el:button[attr:value'Subscribe'] ] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 4 1 | link 6 8 4 1 | link 6 21 4 1 | link 6 25 7 1 | link 6 28 7 1 | link 6 12 5 1 | link 6 15 6 1 | link 6 18 3 1 | link 6 31 3 1 | link 6 34 5 1 | link 6 37 5 1 | title 6 0 10 2 ] | [ link 34 12 5 1 | link 34 18 9 1 | link 34 5 4 1 | link 34 8 4 1 | link 34 15 9 1 | title 34 0 13 2 ] | [ button 101 7 9 1 | input 61 6 37 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 5 4 1 | link 6 8 4 1 | link 6 21 4 1 | link 6 25 7 1 | link 6 28 7 1 | link 6 12 5 1 | link 6 15 6 1 | link 6 18 3 1 | link 6 31 3 1 | link 6 34 5 1 | link 6 37 5 1 | title 6 0 10 2 ] | [ link 34 12 5 1 | link 34 18 9 1 | link 34 5 4 1 | link 34 8 4 1 | link 34 15 9 1 | title 34 0 13 2 ] | [ button 101 7 9 1 | input 61 6 37 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 101 7 9 1 | input 61 6 37 5 | link 6 5 4 1 | link 6 8 4 1 | link 6 21 4 1 | link 6 25 7 1 | link 6 28 7 1 | link 6 12 5 1 | link 6 15 6 1 | link 6 18 3 1 | link 6 31 3 1 | link 6 34 5 1 | link 6 37 5 1 | link 34 12 5 1 | link 34 18 9 1 | link 34 5 4 1 | link 34 8 4 1 | link 34 15 9 1 | title 6 0 10 2 | title 34 0 13 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 394, "elements": [ { "type": "title", "position": [ 55, 0, 90, 22 ], "completed": false }, { "type": "title", "position": [ 298, 0, 112, 22 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 22 ], "completed": false }, { "type": "link", "position": [ 55, 49, 42, 17 ], "completed": false }, { "type": "link", "position": [ 298, 49, 42, 17 ], "completed": false }, { "type": "input", "position": [ 527, 52, 319, 46 ], "completed": false }, { "type": "button", "position": [ 865, 66, 85, 16 ], "completed": false }, { "type": "link", "position": [ 55, 76, 35, 17 ], "completed": false }, { "type": "link", "position": [ 298, 76, 40, 17 ], "completed": false }, { "type": "link", "position": [ 55, 104, 45, 17 ], "completed": false }, { "type": "link", "position": [ 298, 104, 50, 17 ], "completed": false }, { "type": "link", "position": [ 55, 131, 55, 17 ], "completed": false }, { "type": "link", "position": [ 298, 131, 82, 17 ], "completed": false }, { "type": "link", "position": [ 55, 159, 30, 17 ], "completed": false }, { "type": "link", "position": [ 298, 159, 83, 17 ], "completed": false }, { "type": "link", "position": [ 55, 186, 38, 17 ], "completed": false }, { "type": "link", "position": [ 55, 214, 60, 17 ], "completed": false }, { "type": "link", "position": [ 55, 241, 60, 17 ], "completed": false }, { "type": "link", "position": [ 55, 269, 31, 17 ], "completed": false }, { "type": "link", "position": [ 55, 296, 51, 17 ], "completed": false }, { "type": "link", "position": [ 55, 324, 50, 17 ], "completed": false } ] }, { "text": "# A footer page for a company's info and navigation links. # The page should have three groups: \"Our Business\" \"Customer Service\", and \"Subscribe now for great offers\". The first group should have a description of the business Australian Building Supplies Group. The second group should have five links: \"Search\" \"About Us\" \"Returns-Refunds\" \"Shipping\" and \"Contact Us\" for the user to know more info. The last group should have an input box and a button for the user to input the email address and click to subscribe to offers.", "region_id": "8717", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'our business'] ] [el:description] ] [item [el:title [attr:value 'customer service'] ] [el:link[attr:value'Search']][el:link[attr:value'About Us']][el:link[attr:value'Returns-Refunds']][el:link[attr:value'Shipping']][el:link[attr:value'Contact Us']] ][item [el:title [attr:value 'subscribe now for great offers'] ] [el:input [attr:value 'email address'] ][el:button [attr:value 'subscribe'] ]]] ]", "execution": "footer : { [ description undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 6 5 25 28 | title 6 0 25 2 | \" [ link 34 5 7 2 | link 34 9 9 2 | link 34 17 9 2 | link 34 13 18 2 | link 34 22 11 2 | title 34 0 22 2 ] | [ button 98 7 13 2 | input 61 5 34 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "description 6 5 25 28 | title 6 0 25 2 | \" [ link 34 5 7 2 | link 34 9 9 2 | link 34 17 9 2 | link 34 13 18 2 | link 34 22 11 2 | title 34 0 22 2 ] | [ button 98 7 13 2 | input 61 5 34 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 98 7 13 2 | description 6 5 25 28 | input 61 5 34 5 | link 34 5 7 2 | link 34 9 9 2 | link 34 17 9 2 | link 34 13 18 2 | link 34 22 11 2 | title 6 0 25 2 | title 34 0 22 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 328, "elements": [ { "type": "title", "position": [ 55, 0, 214, 18 ], "completed": false }, { "type": "title", "position": [ 298, 0, 189, 18 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 18 ], "completed": false }, { "type": "description", "position": [ 55, 43, 214, 240 ], "completed": false }, { "type": "link", "position": [ 298, 48, 64, 20 ], "completed": false }, { "type": "input", "position": [ 527, 48, 293, 49 ], "completed": false }, { "type": "button", "position": [ 839, 63, 111, 19 ], "completed": false }, { "type": "link", "position": [ 298, 83, 82, 20 ], "completed": false }, { "type": "link", "position": [ 298, 118, 159, 20 ], "completed": false }, { "type": "link", "position": [ 298, 153, 78, 20 ], "completed": false }, { "type": "link", "position": [ 298, 188, 101, 20 ], "completed": false } ] }, { "text": "#A footer page for navigation links of a company.# There should be four lists of navigation links: \"Features\" \"Resources\" \"Company\", and \"Solutions\" to introduce the company's info. And there should have 5, 12, 11, and 8 links in the list respectively.", "region_id": "5688", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'features'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'resources'] ] [el:link [attr:repeat '12'] ] ] [item [el:title [attr:value 'company'] ] [el:link [attr:repeat '11'] ] ] [item [el:title [attr:value 'solutions'] ] [el:link [attr:repeat '8'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 11 15 2 | link 3 21 18 2 | link 3 13 17 2 | link 3 16 9 2 | link 3 18 13 2 | title 3 6 23 2 ] | [ link 33 36 7 2 | link 33 39 5 2 | link 33 41 10 2 | link 33 44 13 2 | link 33 11 20 4 | link 33 15 20 4 | link 33 20 21 2 | link 33 23 19 2 | link 33 26 23 2 | link 33 28 14 2 | link 33 31 3 2 | link 33 33 7 2 | title 33 6 23 2 ] | [ link 63 11 7 2 | link 63 13 9 2 | link 63 26 5 2 | link 63 29 11 2 | link 63 31 4 2 | link 63 34 11 2 | link 63 16 6 2 | link 63 18 15 2 | link 63 21 3 2 | link 63 24 5 2 | link 63 37 17 2 | title 63 6 23 2 ] | [ link 92 15 13 2 | link 92 18 15 2 | link 92 29 18 4 | link 92 11 16 4 | link 92 21 14 2 | link 92 23 20 2 | link 92 26 15 2 | link 92 33 19 2 | title 92 6 23 2 ] \"", "layout_seq_without_completion": "\" [ link 3 11 15 2 | link 3 21 18 2 | link 3 13 17 2 | link 3 16 9 2 | link 3 18 13 2 | title 3 6 23 2 ] | [ link 33 36 7 2 | link 33 39 5 2 | link 33 41 10 2 | link 33 44 13 2 | link 33 11 20 4 | link 33 15 20 4 | link 33 20 21 2 | link 33 23 19 2 | link 33 26 23 2 | link 33 28 14 2 | link 33 31 3 2 | link 33 33 7 2 | title 33 6 23 2 ] | [ link 63 11 7 2 | link 63 13 9 2 | link 63 26 5 2 | link 63 29 11 2 | link 63 31 4 2 | link 63 34 11 2 | link 63 16 6 2 | link 63 18 15 2 | link 63 21 3 2 | link 63 24 5 2 | link 63 37 17 2 | title 63 6 23 2 ] | [ link 92 15 13 2 | link 92 18 15 2 | link 92 29 18 4 | link 92 11 16 4 | link 92 21 14 2 | link 92 23 20 2 | link 92 26 15 2 | link 92 33 19 2 | title 92 6 23 2 ] \"", "plain_layout_seq": "link 3 11 15 2 | link 3 21 18 2 | link 3 13 17 2 | link 3 16 9 2 | link 3 18 13 2 | link 33 36 7 2 | link 33 39 5 2 | link 33 41 10 2 | link 33 44 13 2 | link 33 11 20 4 | link 33 15 20 4 | link 33 20 21 2 | link 33 23 19 2 | link 33 26 23 2 | link 33 28 14 2 | link 33 31 3 2 | link 33 33 7 2 | link 63 11 7 2 | link 63 13 9 2 | link 63 26 5 2 | link 63 29 11 2 | link 63 31 4 2 | link 63 34 11 2 | link 63 16 6 2 | link 63 18 15 2 | link 63 21 3 2 | link 63 24 5 2 | link 63 37 17 2 | link 92 15 13 2 | link 92 18 15 2 | link 92 29 18 4 | link 92 11 16 4 | link 92 21 14 2 | link 92 23 20 2 | link 92 26 15 2 | link 92 33 19 2 | title 3 6 23 2 | title 33 6 23 2 | title 63 6 23 2 | title 92 6 23 2", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "title", "position": [ 34, 55, 198, 19 ], "completed": false }, { "type": "title", "position": [ 287, 55, 198, 19 ], "completed": false }, { "type": "title", "position": [ 539, 55, 198, 19 ], "completed": false }, { "type": "title", "position": [ 792, 55, 198, 19 ], "completed": false }, { "type": "link", "position": [ 34, 94, 130, 19 ], "completed": false }, { "type": "link", "position": [ 287, 94, 171, 38 ], "completed": false }, { "type": "link", "position": [ 539, 94, 64, 19 ], "completed": false }, { "type": "link", "position": [ 792, 94, 142, 38 ], "completed": false }, { "type": "link", "position": [ 34, 117, 151, 19 ], "completed": false }, { "type": "link", "position": [ 539, 117, 79, 19 ], "completed": false }, { "type": "link", "position": [ 287, 136, 174, 38 ], "completed": false }, { "type": "link", "position": [ 792, 136, 114, 19 ], "completed": false }, { "type": "link", "position": [ 34, 139, 81, 19 ], "completed": false }, { "type": "link", "position": [ 539, 139, 57, 19 ], "completed": false }, { "type": "link", "position": [ 792, 158, 128, 19 ], "completed": false }, { "type": "link", "position": [ 34, 162, 112, 19 ], "completed": false }, { "type": "link", "position": [ 539, 162, 133, 19 ], "completed": false }, { "type": "link", "position": [ 287, 177, 183, 19 ], "completed": false }, { "type": "link", "position": [ 792, 181, 122, 19 ], "completed": false }, { "type": "link", "position": [ 34, 184, 155, 19 ], "completed": false }, { "type": "link", "position": [ 539, 184, 29, 19 ], "completed": false }, { "type": "link", "position": [ 287, 200, 166, 19 ], "completed": false }, { "type": "link", "position": [ 792, 203, 172, 19 ], "completed": false }, { "type": "link", "position": [ 539, 206, 49, 19 ], "completed": false }, { "type": "link", "position": [ 287, 222, 198, 19 ], "completed": false }, { "type": "link", "position": [ 792, 225, 133, 19 ], "completed": false }, { "type": "link", "position": [ 539, 229, 44, 19 ], "completed": false }, { "type": "link", "position": [ 287, 244, 126, 19 ], "completed": false }, { "type": "link", "position": [ 792, 248, 154, 38 ], "completed": false }, { "type": "link", "position": [ 539, 251, 96, 19 ], "completed": false }, { "type": "link", "position": [ 287, 267, 31, 19 ], "completed": false }, { "type": "link", "position": [ 539, 273, 38, 19 ], "completed": false }, { "type": "link", "position": [ 287, 289, 60, 19 ], "completed": false }, { "type": "link", "position": [ 792, 289, 165, 19 ], "completed": false }, { "type": "link", "position": [ 539, 296, 97, 19 ], "completed": false }, { "type": "link", "position": [ 287, 311, 65, 19 ], "completed": false }, { "type": "link", "position": [ 539, 318, 147, 19 ], "completed": false }, { "type": "link", "position": [ 287, 334, 48, 19 ], "completed": false }, { "type": "link", "position": [ 287, 356, 89, 19 ], "completed": false }, { "type": "link", "position": [ 287, 379, 118, 19 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have some links for users to click to know the different content of the web, such as FAQ, support, and so on.", "region_id": "601", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'several'] [gattr:names'faq, support'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 1 27 6 ] | [ link 31 1 27 6 ] | [ link 1 7 27 6 ] | [ link 31 7 27 6 ] | [ link 1 13 27 6 ] | [ link 31 13 27 6 ] | [ link 1 19 27 6 ] | [ link 1 26 27 6 ] | [ link 1 32 27 6 ] \" | \" [ link 61 1 27 6 ] | [ link 91 1 27 6 ] | [ link 61 7 27 6 ] | [ link 91 7 27 6 ] | [ link 61 13 27 6 ] | [ link 91 13 27 6 ] | [ link 61 19 27 6 ] | [ link 91 19 27 6 ] | [ link 61 26 27 6 ] \"", "layout_seq_without_completion": "\" [ link 1 1 27 6 ] | [ link 31 1 27 6 ] | [ link 1 7 27 6 ] | [ link 31 7 27 6 ] | [ link 1 13 27 6 ] | [ link 31 13 27 6 ] | [ link 1 19 27 6 ] | [ link 1 26 27 6 ] | [ link 1 32 27 6 ] \" | \" [ link 61 1 27 6 ] | [ link 91 1 27 6 ] | [ link 61 7 27 6 ] | [ link 91 7 27 6 ] | [ link 61 13 27 6 ] | [ link 91 13 27 6 ] | [ link 61 19 27 6 ] | [ link 91 19 27 6 ] | [ link 61 26 27 6 ] \"", "plain_layout_seq": "link 1 1 27 6 | link 31 1 27 6 | link 1 7 27 6 | link 31 7 27 6 | link 1 13 27 6 | link 31 13 27 6 | link 1 19 27 6 | link 1 26 27 6 | link 1 32 27 6 | link 61 1 27 6 | link 91 1 27 6 | link 61 7 27 6 | link 91 7 27 6 | link 61 13 27 6 | link 91 13 27 6 | link 61 19 27 6 | link 91 19 27 6 | link 61 26 27 6", "canvas_width": 1003, "canvas_height": 332, "elements": [ { "type": "link", "position": [ 10, 10, 231, 52 ], "completed": false }, { "type": "link", "position": [ 261, 10, 231, 52 ], "completed": false }, { "type": "link", "position": [ 512, 10, 231, 52 ], "completed": false }, { "type": "link", "position": [ 762, 10, 231, 52 ], "completed": false }, { "type": "link", "position": [ 10, 62, 231, 52 ], "completed": false }, { "type": "link", "position": [ 261, 62, 231, 52 ], "completed": false }, { "type": "link", "position": [ 512, 62, 231, 52 ], "completed": false }, { "type": "link", "position": [ 762, 62, 231, 52 ], "completed": false }, { "type": "link", "position": [ 10, 114, 231, 52 ], "completed": false }, { "type": "link", "position": [ 261, 114, 231, 52 ], "completed": false }, { "type": "link", "position": [ 512, 114, 231, 52 ], "completed": false }, { "type": "link", "position": [ 762, 114, 231, 52 ], "completed": false }, { "type": "link", "position": [ 10, 166, 231, 52 ], "completed": false }, { "type": "link", "position": [ 512, 166, 231, 52 ], "completed": false }, { "type": "link", "position": [ 762, 166, 231, 52 ], "completed": false }, { "type": "link", "position": [ 10, 218, 231, 52 ], "completed": false }, { "type": "link", "position": [ 512, 218, 231, 52 ], "completed": false }, { "type": "link", "position": [ 10, 270, 231, 52 ], "completed": false } ] }, { "text": "#A page for showing more information about the web to users.# The page includes a headline and other five lists of information. Each list contains a title of the category and two to four links or buttons for users to click to get further information. And then, in the list with the title named \u201cDOWNLOAD OUR LOYALTY APP HERE\u201d, there can be found two logos of applications.", "region_id": "7335", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup \n[item [el:title] [el:button [attr:repeat '4'] ] ] \n[item [el:title] [el:button [attr:repeat '4'] ] ] \n[item [el:title] [el:button [attr:repeat '4'] ] ]\n[item [el:title] [el:button [attr:repeat '4'] ] ]\n[item [el:title [attr:value 'download our loyalty app here'] ] [el:logo [attr:repeat '2']]]\n] ]", "execution": "footer : title undefined undefined | { [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 92 26 10 4 | logo 105 26 10 3 | title 92 18 24 4 | title 2 5 114 3 | \" [ button 2 24 12 3 | button 2 29 9 3 | button 16 24 8 3 | button 2 33 23 5 | title 2 18 24 2 ] | [ button 32 26 12 3 | button 32 31 7 3 | title 32 18 18 4 ] | [ button 56 24 7 3 | button 56 28 11 3 | button 56 32 12 6 | title 56 18 12 2 ] | [ button 74 24 8 3 | button 74 28 8 3 | button 74 32 7 3 | title 74 18 12 2 ] \"", "layout_seq_without_completion": "logo 92 26 10 4 | logo 105 26 10 3 | title 92 18 24 4 | title 2 5 114 3 | \" [ button 2 24 12 3 | button 2 29 9 3 | button 16 24 8 3 | button 2 33 23 5 | title 2 18 24 2 ] | [ button 32 26 12 3 | button 32 31 7 3 | title 32 18 18 4 ] | [ button 56 24 7 3 | button 56 28 11 3 | button 56 32 12 6 | title 56 18 12 2 ] | [ button 74 24 8 3 | button 74 28 8 3 | button 74 32 7 3 | title 74 18 12 2 ] \"", "plain_layout_seq": "button 2 24 12 3 | button 2 29 9 3 | button 16 24 8 3 | button 2 33 23 5 | button 32 26 12 3 | button 32 31 7 3 | button 56 24 7 3 | button 56 28 11 3 | button 56 32 12 6 | button 74 24 8 3 | button 74 28 8 3 | button 74 32 7 3 | logo 92 26 10 4 | logo 105 26 10 3 | title 92 18 24 4 | title 2 5 114 3 | title 2 18 24 2 | title 32 18 18 4 | title 56 18 12 2 | title 74 18 12 2", "canvas_width": 1024, "canvas_height": 408, "elements": [ { "type": "title", "position": [ 22, 48, 980, 26 ], "completed": false }, { "type": "title", "position": [ 22, 157, 212, 18 ], "completed": false }, { "type": "title", "position": [ 278, 157, 161, 35 ], "completed": false }, { "type": "title", "position": [ 483, 157, 110, 18 ], "completed": false }, { "type": "title", "position": [ 636, 157, 110, 18 ], "completed": false }, { "type": "title", "position": [ 790, 157, 212, 35 ], "completed": false }, { "type": "button", "position": [ 22, 209, 110, 32 ], "completed": false }, { "type": "button", "position": [ 144, 209, 73, 32 ], "completed": false }, { "type": "button", "position": [ 483, 209, 66, 28 ], "completed": false }, { "type": "button", "position": [ 636, 209, 70, 28 ], "completed": false }, { "type": "button", "position": [ 278, 226, 107, 32 ], "completed": false }, { "type": "logo", "position": [ 790, 226, 89, 35 ], "completed": false }, { "type": "logo", "position": [ 896, 226, 89, 30 ], "completed": false }, { "type": "button", "position": [ 483, 244, 100, 28 ], "completed": false }, { "type": "button", "position": [ 636, 244, 71, 28 ], "completed": false }, { "type": "button", "position": [ 22, 249, 80, 32 ], "completed": false }, { "type": "button", "position": [ 278, 266, 67, 32 ], "completed": false }, { "type": "button", "position": [ 483, 279, 110, 53 ], "completed": false }, { "type": "button", "position": [ 636, 279, 61, 28 ], "completed": false }, { "type": "button", "position": [ 22, 289, 204, 48 ], "completed": false } ] }, { "text": "#A footer page for users to discover the company on other social media platforms.# The page contains a title and five logos of social media platforms, including Twitter, Facebook, Pinterest, Instagram and Youtube. There should also be a text including the address and email address of the company.", "region_id": "7743", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link '5'][gattr:names 'twitter, facebook, Pinterest, Instagram, Youtube'] [item [el:logo] ] ] [el:text] ]", "execution": "footer : text undefined undefined | title undefined undefined | { [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] | [ logo undefined undefined ] }", "layout_seq_with_completion": "text 83 6 36 19 | title 0 6 36 6 | \" [ logo 41 6 2 2 ] | [ logo 46 6 1 2 ] | [ logo 50 6 2 2 ] | [ logo 55 6 2 2 ] | [ logo 60 6 2 2 ] \"", "layout_seq_without_completion": "text 83 6 36 19 | title 0 6 36 6 | \" [ logo 41 6 2 2 ] | [ logo 46 6 1 2 ] | [ logo 50 6 2 2 ] | [ logo 55 6 2 2 ] | [ logo 60 6 2 2 ] \"", "plain_layout_seq": "logo 41 6 2 2 | logo 46 6 1 2 | logo 50 6 2 2 | logo 55 6 2 2 | logo 60 6 2 2 | text 83 6 36 19 | title 0 6 36 6", "canvas_width": 912, "canvas_height": 199, "elements": [ { "type": "title", "position": [ 0, 48, 280, 50 ], "completed": false }, { "type": "logo", "position": [ 316, 49, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 354, 49, 9, 20 ], "completed": false }, { "type": "logo", "position": [ 381, 49, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 419, 49, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 457, 49, 21, 20 ], "completed": false }, { "type": "text", "position": [ 632, 49, 280, 150 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have a title and 12 links for users to click fastly. At the bottom of the page, there is a link, named \"More\".", "region_id": "5190", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link '12'] [item [el:link] ] ] [el:link [attr:position 'bottom'] [attr:value 'more'] ] ]", "execution": "footer : link bottom undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 0 15 3 3 | title 0 0 120 2 | \" [ link 0 4 5 1 ] | [ link 40 4 12 1 ] | [ link 80 4 16 1 ] | [ link 0 6 15 1 ] | [ link 40 6 12 1 ] | [ link 80 6 14 1 ] | [ link 0 9 13 1 ] | [ link 40 9 15 1 ] | [ link 80 9 16 1 ] | [ link 0 12 15 1 ] | [ link 40 12 25 1 ] | [ link 80 12 19 1 ] \"", "layout_seq_without_completion": "link 0 15 3 3 | title 0 0 120 2 | \" [ link 0 4 5 1 ] | [ link 40 4 12 1 ] | [ link 80 4 16 1 ] | [ link 0 6 15 1 ] | [ link 40 6 12 1 ] | [ link 80 6 14 1 ] | [ link 0 9 13 1 ] | [ link 40 9 15 1 ] | [ link 80 9 16 1 ] | [ link 0 12 15 1 ] | [ link 40 12 25 1 ] | [ link 80 12 19 1 ] \"", "plain_layout_seq": "link 0 15 3 3 | link 0 4 5 1 | link 40 4 12 1 | link 80 4 16 1 | link 0 6 15 1 | link 40 6 12 1 | link 80 6 14 1 | link 0 9 13 1 | link 40 9 15 1 | link 80 9 16 1 | link 0 12 15 1 | link 40 12 25 1 | link 80 12 19 1 | title 0 0 120 2", "canvas_width": 984, "canvas_height": 151, "elements": [ { "type": "title", "position": [ 0, 0, 984, 21 ], "completed": false }, { "type": "link", "position": [ 0, 33, 49, 14 ], "completed": false }, { "type": "link", "position": [ 328, 33, 101, 14 ], "completed": false }, { "type": "link", "position": [ 656, 33, 135, 14 ], "completed": false }, { "type": "link", "position": [ 0, 56, 131, 14 ], "completed": false }, { "type": "link", "position": [ 328, 56, 106, 14 ], "completed": false }, { "type": "link", "position": [ 656, 56, 118, 14 ], "completed": false }, { "type": "link", "position": [ 0, 79, 111, 14 ], "completed": false }, { "type": "link", "position": [ 328, 79, 126, 14 ], "completed": false }, { "type": "link", "position": [ 656, 79, 138, 14 ], "completed": false }, { "type": "link", "position": [ 0, 102, 125, 14 ], "completed": false }, { "type": "link", "position": [ 328, 102, 209, 14 ], "completed": false }, { "type": "link", "position": [ 656, 102, 156, 14 ], "completed": false }, { "type": "link", "position": [ 0, 123, 32, 28 ], "completed": false } ] }, { "text": "#A page for introducing the genres.# The page should have a title and many links to jump to other pages in terms of action, game, drama, and so on.", "region_id": "2514", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup[gattr:total_link'several'][gattr:names 'action,game,drama']] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 1 1 8 2 | \" [ link 0 6 8 4 ] | [ link 40 6 11 4 ] | [ link 79 6 9 4 ] | [ link 0 10 9 4 ] | [ link 40 10 8 4 ] | [ link 79 10 9 4 ] | [ link 0 14 7 4 ] | [ link 40 14 11 4 ] | [ link 79 14 8 4 ] | [ link 0 18 8 4 ] | [ link 40 18 12 4 ] | [ link 79 18 9 4 ] | [ link 0 22 12 4 ] | [ link 40 22 14 4 ] | [ link 79 22 10 4 ] | [ link 0 26 8 4 ] | [ link 40 26 7 4 ] | [ link 79 26 13 4 ] | [ link 0 30 6 4 ] \"", "layout_seq_without_completion": "title 1 1 8 2 | \" [ link 0 6 8 4 ] | [ link 40 6 11 4 ] | [ link 79 6 9 4 ] | [ link 0 10 9 4 ] | [ link 40 10 8 4 ] | [ link 79 10 9 4 ] | [ link 0 14 7 4 ] | [ link 40 14 11 4 ] | [ link 79 14 8 4 ] | [ link 0 18 8 4 ] | [ link 40 18 12 4 ] | [ link 79 18 9 4 ] | [ link 0 22 12 4 ] | [ link 40 22 14 4 ] | [ link 79 22 10 4 ] | [ link 0 26 8 4 ] | [ link 40 26 7 4 ] | [ link 79 26 13 4 ] | [ link 0 30 6 4 ] \"", "plain_layout_seq": "link 0 6 8 4 | link 40 6 11 4 | link 79 6 9 4 | link 0 10 9 4 | link 40 10 8 4 | link 79 10 9 4 | link 0 14 7 4 | link 40 14 11 4 | link 79 14 8 4 | link 0 18 8 4 | link 40 18 12 4 | link 79 18 9 4 | link 0 22 12 4 | link 40 22 14 4 | link 79 22 10 4 | link 0 26 8 4 | link 40 26 7 4 | link 79 26 13 4 | link 0 30 6 4 | title 1 1 8 2", "canvas_width": 950, "canvas_height": 288, "elements": [ { "type": "title", "position": [ 15, 15, 68, 20 ], "completed": false }, { "type": "link", "position": [ 0, 49, 68, 32 ], "completed": false }, { "type": "link", "position": [ 317, 49, 91, 32 ], "completed": false }, { "type": "link", "position": [ 633, 49, 77, 32 ], "completed": false }, { "type": "link", "position": [ 0, 81, 72, 32 ], "completed": false }, { "type": "link", "position": [ 317, 81, 68, 32 ], "completed": false }, { "type": "link", "position": [ 633, 81, 74, 32 ], "completed": false }, { "type": "link", "position": [ 0, 113, 63, 32 ], "completed": false }, { "type": "link", "position": [ 317, 113, 88, 32 ], "completed": false }, { "type": "link", "position": [ 633, 113, 65, 32 ], "completed": false }, { "type": "link", "position": [ 0, 145, 64, 32 ], "completed": false }, { "type": "link", "position": [ 317, 145, 98, 32 ], "completed": false }, { "type": "link", "position": [ 633, 145, 75, 32 ], "completed": false }, { "type": "link", "position": [ 0, 177, 97, 32 ], "completed": false }, { "type": "link", "position": [ 317, 177, 115, 32 ], "completed": false }, { "type": "link", "position": [ 633, 177, 85, 32 ], "completed": false }, { "type": "link", "position": [ 0, 209, 71, 32 ], "completed": false }, { "type": "link", "position": [ 317, 209, 59, 32 ], "completed": false }, { "type": "link", "position": [ 633, 209, 109, 32 ], "completed": false }, { "type": "link", "position": [ 0, 241, 53, 32 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include four categories. Under each category, there should be several sublinks where users can click to get further information. On the right side, there should be two inputs for users to enter their names and Email addresses and a button to subscribe.", "region_id": "20", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:link [attr:repeat 'several'] ] ] ] [el:input [attr:value'name'] [attr:position 'right'] ] [el:input [attr:value'email address'] [attr:position 'right'] ] [el:button [attr:value'subscribe'] ] ]", "execution": "footer : button undefined undefined | input right undefined | input right undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 83 0 33 3 | \" [ input 83 6 33 4 ] | [ input 83 12 33 4 ] | [ button 83 20 30 6 ] \" | \" [ link 3 7 13 13 | link 3 23 10 1 | link 3 27 12 1 | link 3 31 13 1 | complete title 3 0 13 3 ] | [ link 23 15 11 1 | link 23 7 11 1 | link 23 11 13 1 | complete title 23 0 13 3 ] | [ link 43 7 3 1 | link 43 15 7 1 | link 43 11 4 1 | link 43 19 5 1 | complete title 43 0 13 3 ] | [ link 63 7 7 1 | link 63 11 6 1 | link 63 15 13 1 | complete title 63 0 13 3 ] \"", "layout_seq_without_completion": "title 83 0 33 3 | \" [ input 83 6 33 4 ] | [ input 83 12 33 4 ] | [ button 83 20 30 6 ] \" | \" [ link 3 7 13 13 | link 3 23 10 1 | link 3 27 12 1 | link 3 31 13 1 | title 3 0 13 3 ] | [ link 23 15 11 1 | link 23 7 11 1 | link 23 11 13 1 | title 23 0 13 3 ] | [ link 43 7 3 1 | link 43 15 7 1 | link 43 11 4 1 | link 43 19 5 1 | title 43 0 13 3 ] | [ link 63 7 7 1 | link 63 11 6 1 | link 63 15 13 1 | title 63 0 13 3 ] \"", "plain_layout_seq": "button 83 20 30 6 | input 83 6 33 4 | input 83 12 33 4 | link 3 7 13 13 | link 3 23 10 1 | link 3 27 12 1 | link 3 31 13 1 | link 23 15 11 1 | link 23 7 11 1 | link 23 11 13 1 | link 43 7 3 1 | link 43 15 7 1 | link 43 11 4 1 | link 43 19 5 1 | link 63 7 7 1 | link 63 11 6 1 | link 63 15 13 1 | title 83 0 33 3 | title 3 0 13 3 | title 23 0 13 3 | title 43 0 13 3 | title 63 0 13 3", "canvas_width": 960, "canvas_height": 273, "elements": [ { "type": "title", "position": [ 25, 0, 110, 24 ], "completed": true }, { "type": "title", "position": [ 185, 0, 110, 24 ], "completed": true }, { "type": "title", "position": [ 345, 0, 110, 24 ], "completed": true }, { "type": "title", "position": [ 505, 0, 110, 24 ], "completed": true }, { "type": "title", "position": [ 665, 0, 270, 24 ], "completed": true }, { "type": "input", "position": [ 665, 49, 270, 32 ], "completed": false }, { "type": "link", "position": [ 25, 58, 105, 110 ], "completed": false }, { "type": "link", "position": [ 185, 58, 92, 14 ], "completed": false }, { "type": "link", "position": [ 345, 58, 29, 14 ], "completed": false }, { "type": "link", "position": [ 505, 58, 57, 14 ], "completed": false }, { "type": "link", "position": [ 185, 90, 106, 14 ], "completed": false }, { "type": "link", "position": [ 345, 90, 35, 14 ], "completed": false }, { "type": "link", "position": [ 505, 90, 49, 14 ], "completed": false }, { "type": "input", "position": [ 665, 103, 270, 32 ], "completed": false }, { "type": "link", "position": [ 185, 122, 94, 14 ], "completed": false }, { "type": "link", "position": [ 345, 122, 59, 14 ], "completed": false }, { "type": "link", "position": [ 505, 122, 107, 14 ], "completed": false }, { "type": "link", "position": [ 345, 154, 43, 14 ], "completed": false }, { "type": "button", "position": [ 665, 165, 240, 50 ], "completed": false }, { "type": "link", "position": [ 25, 186, 82, 14 ], "completed": false }, { "type": "link", "position": [ 25, 218, 100, 14 ], "completed": false }, { "type": "link", "position": [ 25, 250, 109, 14 ], "completed": false } ] }, { "text": "#A page for guiding users to get more information about the company.# The page includes two groups of information. The first group contains a title named \u201cQuick links\u201d and five links for users to click to get further information. The other group contains a title named \u201cNewsletter\u201d and one input for users to write an email address, with a button named \u201dSUBSCRIBE\u201d for users to click to follow the newsletter of the company.", "region_id": "7620", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick Links'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'Newsletter'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 15 5 11 1 | link 30 5 10 1 | link 44 5 4 1 | link 6 8 8 1 | link 6 5 5 1 | title 6 0 51 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 15 5 11 1 | link 30 5 10 1 | link 44 5 4 1 | link 6 8 8 1 | link 6 5 5 1 | title 6 0 51 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 101 7 9 1 | input 61 5 37 5 | link 15 5 11 1 | link 30 5 10 1 | link 44 5 4 1 | link 6 8 8 1 | link 6 5 5 1 | title 6 0 51 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 145, "elements": [ { "type": "title", "position": [ 55, 0, 442, 20 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 20 ], "completed": false }, { "type": "link", "position": [ 55, 48, 47, 17 ], "completed": false }, { "type": "link", "position": [ 132, 48, 100, 17 ], "completed": false }, { "type": "link", "position": [ 262, 48, 91, 17 ], "completed": false }, { "type": "link", "position": [ 383, 48, 39, 17 ], "completed": false }, { "type": "input", "position": [ 527, 51, 319, 46 ], "completed": false }, { "type": "button", "position": [ 865, 65, 85, 16 ], "completed": false }, { "type": "link", "position": [ 55, 75, 74, 17 ], "completed": false } ] }, { "text": "#A footer page of a jewellery company for users to get information and encouraging users to follow it on other social media platforms.# The page should include two titles, the logo of the web, an input with a button for users to enter their email addresses, 9 links for users to get information and 2 logos including Pinterest and Instagram.", "region_id": "7182", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:repeat '2'] ] [el:logo] [el:input [attr:value 'email address']] [el:button] [gp:NavGroup [gattr:total_link '9'] [item [el:link] ] ] [el:logo [attr:value 'Pinterest'] ] [el:logo [attr:value 'Instagram'] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 44 33 10 5 | input 9 33 33 5 | logo 10 50 2 2 | logo 5 50 2 2 | logo 28 20 6 8 | title 9 10 45 5 | title 9 5 45 2 | \" [ link 70 14 7 2 ] | [ link 71 17 4 2 ] | [ link 68 21 10 2 ] | [ link 70 24 6 2 ] | [ link 65 28 17 2 ] \" | \" [ link 97 14 8 2 ] | [ link 96 17 10 2 ] | [ link 94 21 13 2 ] | [ link 93 24 16 5 ] \"", "layout_seq_without_completion": "button 44 33 10 5 | input 9 33 33 5 | logo 10 50 2 2 | logo 5 50 2 2 | logo 28 20 6 8 | title 9 10 45 5 | title 9 5 45 2 | \" [ link 70 14 7 2 ] | [ link 71 17 4 2 ] | [ link 68 21 10 2 ] | [ link 70 24 6 2 ] | [ link 65 28 17 2 ] \" | \" [ link 97 14 8 2 ] | [ link 96 17 10 2 ] | [ link 94 21 13 2 ] | [ link 93 24 16 5 ] \"", "plain_layout_seq": "button 44 33 10 5 | input 9 33 33 5 | link 70 14 7 2 | link 71 17 4 2 | link 68 21 10 2 | link 70 24 6 2 | link 65 28 17 2 | link 97 14 8 2 | link 96 17 10 2 | link 94 21 13 2 | link 93 24 16 5 | logo 10 50 2 2 | logo 5 50 2 2 | logo 28 20 6 8 | title 9 10 45 5 | title 9 5 45 2", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 81, 51, 391, 22 ], "completed": false }, { "type": "title", "position": [ 81, 93, 391, 44 ], "completed": false }, { "type": "link", "position": [ 600, 122, 60, 20 ], "completed": false }, { "type": "link", "position": [ 830, 122, 72, 20 ], "completed": false }, { "type": "link", "position": [ 613, 152, 35, 20 ], "completed": false }, { "type": "link", "position": [ 820, 152, 93, 20 ], "completed": false }, { "type": "logo", "position": [ 247, 173, 59, 70 ], "completed": false }, { "type": "link", "position": [ 584, 182, 93, 20 ], "completed": false }, { "type": "link", "position": [ 810, 182, 113, 20 ], "completed": false }, { "type": "link", "position": [ 604, 212, 52, 20 ], "completed": false }, { "type": "link", "position": [ 795, 212, 142, 50 ], "completed": false }, { "type": "link", "position": [ 556, 242, 148, 20 ], "completed": false }, { "type": "input", "position": [ 81, 283, 288, 51 ], "completed": false }, { "type": "button", "position": [ 381, 283, 91, 51 ], "completed": false }, { "type": "logo", "position": [ 48, 430, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 89, 430, 24, 24 ], "completed": false } ] }, { "text": "# A page for a company Woolworths Group. # There should be four text links \"Careers\" \"Contact Us\" \"Privacy at Woolworths Group\" and \"Site Map\". The user can click the links to learn more information.", "region_id": "2413", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'4'] [gattr:names'careers, contact us, privacy at woolworths group, site map'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 120 5 ] | [ link 0 5 120 5 ] | [ link 0 10 120 5 ] | [ link 0 16 120 5 ] \"", "layout_seq_without_completion": "\" [ link 0 0 120 5 ] | [ link 0 5 120 5 ] | [ link 0 10 120 5 ] | [ link 0 16 120 5 ] \"", "plain_layout_seq": "link 0 0 120 5 | link 0 5 120 5 | link 0 10 120 5 | link 0 16 120 5", "canvas_width": 984, "canvas_height": 176, "elements": [ { "type": "link", "position": [ 0, 0, 984, 44 ], "completed": false }, { "type": "link", "position": [ 0, 44, 984, 44 ], "completed": false }, { "type": "link", "position": [ 0, 88, 984, 44 ], "completed": false }, { "type": "link", "position": [ 0, 132, 984, 44 ], "completed": false } ] }, { "text": "#A page showing the links on the PointClickCare`s homepage.# There must be 15 small links for users to get access to different info. about the company.", "region_id": "385", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'15'] [item [el:link [attr:size'small'] ] ] ] ]", "execution": "footer : { [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] | [ link undefined small ] }", "layout_seq_with_completion": "complete logo 5 5 15 3 | \" [ link 24 4 15 2 ] | [ link 43 4 15 2 ] | [ link 24 7 15 2 ] | [ link 43 7 15 2 ] | [ link 24 10 15 2 ] | [ link 43 10 15 2 ] \" | \" [ link 61 4 15 2 ] | [ link 80 4 15 2 ] | [ link 61 7 15 2 ] | [ link 80 7 15 2 ] | [ link 61 10 15 2 ] | [ link 80 10 15 4 ] \" | \" [ link 99 4 15 2 ] | [ link 99 7 15 2 ] | [ link 99 10 15 2 ] \"", "layout_seq_without_completion": "logo 5 5 15 3 | \" [ link 24 4 15 2 ] | [ link 43 4 15 2 ] | [ link 24 7 15 2 ] | [ link 43 7 15 2 ] | [ link 24 10 15 2 ] | [ link 43 10 15 2 ] \" | \" [ link 61 4 15 2 ] | [ link 80 4 15 2 ] | [ link 61 7 15 2 ] | [ link 80 7 15 2 ] | [ link 61 10 15 2 ] | [ link 80 10 15 4 ] \" | \" [ link 99 4 15 2 ] | [ link 99 7 15 2 ] | [ link 99 10 15 2 ] \"", "plain_layout_seq": "link 24 4 15 2 | link 43 4 15 2 | link 24 7 15 2 | link 43 7 15 2 | link 24 10 15 2 | link 43 10 15 2 | link 61 4 15 2 | link 80 4 15 2 | link 61 7 15 2 | link 80 7 15 2 | link 61 10 15 2 | link 80 10 15 4 | link 99 4 15 2 | link 99 7 15 2 | link 99 10 15 2 | logo 5 5 15 3", "canvas_width": 1024, "canvas_height": 175, "elements": [ { "type": "link", "position": [ 207, 40, 130, 21 ], "completed": false }, { "type": "link", "position": [ 367, 40, 130, 21 ], "completed": false }, { "type": "link", "position": [ 527, 40, 130, 21 ], "completed": false }, { "type": "link", "position": [ 687, 40, 130, 21 ], "completed": false }, { "type": "link", "position": [ 847, 40, 130, 21 ], "completed": false }, { "type": "logo", "position": [ 47, 44, 130, 32 ], "completed": true }, { "type": "link", "position": [ 207, 66, 130, 21 ], "completed": false }, { "type": "link", "position": [ 367, 66, 130, 21 ], "completed": false }, { "type": "link", "position": [ 527, 66, 130, 21 ], "completed": false }, { "type": "link", "position": [ 687, 66, 130, 21 ], "completed": false }, { "type": "link", "position": [ 847, 66, 130, 21 ], "completed": false }, { "type": "link", "position": [ 207, 93, 130, 21 ], "completed": false }, { "type": "link", "position": [ 367, 93, 130, 21 ], "completed": false }, { "type": "link", "position": [ 527, 93, 130, 21 ], "completed": false }, { "type": "link", "position": [ 687, 93, 130, 42 ], "completed": false }, { "type": "link", "position": [ 847, 93, 130, 21 ], "completed": false } ] }, { "text": "#A page for showing different information to users.# The page includes seven links for users to click to get further information.", "region_id": "2471", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '7'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 20 13 ] | [ link 20 0 15 13 ] | [ link 36 0 16 13 ] | [ link 53 0 17 13 ] | [ link 70 0 16 13 ] | [ link 86 0 16 13 ] | [ link 103 0 16 13 ] \"", "layout_seq_without_completion": "\" [ link 0 0 20 13 ] | [ link 20 0 15 13 ] | [ link 36 0 16 13 ] | [ link 53 0 17 13 ] | [ link 70 0 16 13 ] | [ link 86 0 16 13 ] | [ link 103 0 16 13 ] \"", "plain_layout_seq": "link 0 0 20 13 | link 20 0 15 13 | link 36 0 16 13 | link 53 0 17 13 | link 70 0 16 13 | link 86 0 16 13 | link 103 0 16 13", "canvas_width": 1142, "canvas_height": 130, "elements": [ { "type": "link", "position": [ 0, 0, 199, 130 ], "completed": false }, { "type": "link", "position": [ 199, 0, 152, 130 ], "completed": false }, { "type": "link", "position": [ 351, 0, 155, 130 ], "completed": false }, { "type": "link", "position": [ 506, 0, 162, 130 ], "completed": false }, { "type": "link", "position": [ 668, 0, 158, 130 ], "completed": false }, { "type": "link", "position": [ 826, 0, 156, 130 ], "completed": false }, { "type": "link", "position": [ 982, 0, 160, 130 ], "completed": false } ] }, { "text": "#A foot page for introducing some information to users.# The page should include six links for users to click for further information.", "region_id": "1822", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'6'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 111 0 5 5 | \" [ link 24 17 4 1 ] | [ link 35 17 5 1 ] | [ link 47 17 9 1 ] | [ link 62 17 10 1 ] | [ link 78 17 10 1 ] | [ link 95 17 7 1 ] \"", "layout_seq_without_completion": "icon 111 0 5 5 | \" [ link 24 17 4 1 ] | [ link 35 17 5 1 ] | [ link 47 17 9 1 ] | [ link 62 17 10 1 ] | [ link 78 17 10 1 ] | [ link 95 17 7 1 ] \"", "plain_layout_seq": "icon 111 0 5 5 | link 24 17 4 1 | link 35 17 5 1 | link 47 17 9 1 | link 62 17 10 1 | link 78 17 10 1 | link 95 17 7 1", "canvas_width": 1003, "canvas_height": 207, "elements": [ { "type": "icon", "position": [ 928, 0, 45, 45 ], "completed": true }, { "type": "link", "position": [ 207, 146, 35, 15 ], "completed": false }, { "type": "link", "position": [ 294, 146, 50, 15 ], "completed": false }, { "type": "link", "position": [ 394, 146, 78, 15 ], "completed": false }, { "type": "link", "position": [ 524, 146, 85, 15 ], "completed": false }, { "type": "link", "position": [ 660, 146, 85, 15 ], "completed": false }, { "type": "link", "position": [ 796, 146, 63, 15 ], "completed": false } ] }, { "text": "#A page for introducing the info.# There are five info groups \"Company\", \"Learn more\", \"Integrations\", \"Features\", and \"Help Center\". Each group includes many links for users to learn more info.", "region_id": "2815", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [gattr:names 'company, learn more, integrations, features, help center'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 50 10 19 2 | link 27 51 19 3 | link 72 48 19 2 | link 5 37 19 2 | link 94 41 19 3 | link 5 29 19 2 | link 5 33 19 3 | link 5 17 19 2 | link 5 21 19 3 | link 27 24 19 3 | link 27 32 19 5 | link 94 21 19 6 | link 50 33 19 3 | link 5 10 19 2 | link 5 41 19 3 | link 27 10 19 2 | link 27 17 19 5 | link 27 47 19 2 | link 50 13 19 3 | link 50 17 19 2 | link 72 10 19 2 | link 72 13 19 5 | link 72 36 19 2 | link 72 52 19 3 | link 94 10 19 2 | link 94 13 19 3 | link 94 17 19 2 | link 94 28 19 2 | link 5 13 19 3 | link 5 25 19 3 | link 5 45 19 5 | link 27 13 19 3 | link 27 28 19 2 | link 27 39 19 3 | link 27 43 19 3 | link 50 21 19 3 | link 50 25 19 3 | link 50 29 19 2 | link 72 20 19 3 | link 72 24 19 3 | link 72 28 19 2 | link 72 32 19 3 | link 72 40 19 3 | link 72 44 19 3 | link 94 37 19 2 | link 94 32 19 3 | complete title 50 5 19 3 | complete title 94 5 19 3 | complete title 27 5 19 3 | complete title 72 5 19 3 | complete title 5 5 19 3", "layout_seq_without_completion": "link 50 10 19 2 | link 27 51 19 3 | link 72 48 19 2 | link 5 37 19 2 | link 94 41 19 3 | link 5 29 19 2 | link 5 33 19 3 | link 5 17 19 2 | link 5 21 19 3 | link 27 24 19 3 | link 27 32 19 5 | link 94 21 19 6 | link 50 33 19 3 | link 5 10 19 2 | link 5 41 19 3 | link 27 10 19 2 | link 27 17 19 5 | link 27 47 19 2 | link 50 13 19 3 | link 50 17 19 2 | link 72 10 19 2 | link 72 13 19 5 | link 72 36 19 2 | link 72 52 19 3 | link 94 10 19 2 | link 94 13 19 3 | link 94 17 19 2 | link 94 28 19 2 | link 5 13 19 3 | link 5 25 19 3 | link 5 45 19 5 | link 27 13 19 3 | link 27 28 19 2 | link 27 39 19 3 | link 27 43 19 3 | link 50 21 19 3 | link 50 25 19 3 | link 50 29 19 2 | link 72 20 19 3 | link 72 24 19 3 | link 72 28 19 2 | link 72 32 19 3 | link 72 40 19 3 | link 72 44 19 3 | link 94 37 19 2 | link 94 32 19 3 | title 50 5 19 3 | title 94 5 19 3 | title 27 5 19 3 | title 72 5 19 3 | title 5 5 19 3", "plain_layout_seq": "link 50 10 19 2 | link 27 51 19 3 | link 72 48 19 2 | link 5 37 19 2 | link 94 41 19 3 | link 5 29 19 2 | link 5 33 19 3 | link 5 17 19 2 | link 5 21 19 3 | link 27 24 19 3 | link 27 32 19 5 | link 94 21 19 6 | link 50 33 19 3 | link 5 10 19 2 | link 5 41 19 3 | link 27 10 19 2 | link 27 17 19 5 | link 27 47 19 2 | link 50 13 19 3 | link 50 17 19 2 | link 72 10 19 2 | link 72 13 19 5 | link 72 36 19 2 | link 72 52 19 3 | link 94 10 19 2 | link 94 13 19 3 | link 94 17 19 2 | link 94 28 19 2 | link 5 13 19 3 | link 5 25 19 3 | link 5 45 19 5 | link 27 13 19 3 | link 27 28 19 2 | link 27 39 19 3 | link 27 43 19 3 | link 50 21 19 3 | link 50 25 19 3 | link 50 29 19 2 | link 72 20 19 3 | link 72 24 19 3 | link 72 28 19 2 | link 72 32 19 3 | link 72 40 19 3 | link 72 44 19 3 | link 94 37 19 2 | link 94 32 19 3 | title 50 5 19 3 | title 94 5 19 3 | title 27 5 19 3 | title 72 5 19 3 | title 5 5 19 3", "canvas_width": 1024, "canvas_height": 473, "elements": [ { "type": "title", "position": [ 48, 48, 166, 26 ], "completed": true }, { "type": "title", "position": [ 238, 48, 166, 26 ], "completed": true }, { "type": "title", "position": [ 429, 48, 166, 26 ], "completed": true }, { "type": "title", "position": [ 619, 48, 166, 26 ], "completed": true }, { "type": "title", "position": [ 810, 48, 166, 26 ], "completed": true }, { "type": "link", "position": [ 48, 86, 166, 25 ], "completed": false }, { "type": "link", "position": [ 238, 86, 166, 25 ], "completed": false }, { "type": "link", "position": [ 429, 86, 166, 25 ], "completed": false }, { "type": "link", "position": [ 619, 86, 166, 25 ], "completed": false }, { "type": "link", "position": [ 810, 86, 166, 25 ], "completed": false }, { "type": "link", "position": [ 48, 119, 166, 26 ], "completed": false }, { "type": "link", "position": [ 238, 119, 166, 26 ], "completed": false }, { "type": "link", "position": [ 429, 119, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 119, 166, 51 ], "completed": false }, { "type": "link", "position": [ 810, 119, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 153, 166, 25 ], "completed": false }, { "type": "link", "position": [ 238, 153, 166, 51 ], "completed": false }, { "type": "link", "position": [ 429, 153, 166, 25 ], "completed": false }, { "type": "link", "position": [ 810, 153, 166, 25 ], "completed": false }, { "type": "link", "position": [ 619, 179, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 187, 166, 26 ], "completed": false }, { "type": "link", "position": [ 429, 187, 166, 26 ], "completed": false }, { "type": "link", "position": [ 810, 187, 166, 52 ], "completed": false }, { "type": "link", "position": [ 238, 212, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 212, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 220, 166, 26 ], "completed": false }, { "type": "link", "position": [ 429, 220, 166, 26 ], "completed": false }, { "type": "link", "position": [ 238, 246, 166, 25 ], "completed": false }, { "type": "link", "position": [ 619, 246, 166, 25 ], "completed": false }, { "type": "link", "position": [ 810, 246, 166, 25 ], "completed": false }, { "type": "link", "position": [ 48, 254, 166, 25 ], "completed": false }, { "type": "link", "position": [ 429, 254, 166, 25 ], "completed": false }, { "type": "link", "position": [ 238, 279, 166, 51 ], "completed": false }, { "type": "link", "position": [ 619, 279, 166, 26 ], "completed": false }, { "type": "link", "position": [ 810, 281, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 287, 166, 26 ], "completed": false }, { "type": "link", "position": [ 429, 287, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 313, 166, 25 ], "completed": false }, { "type": "link", "position": [ 810, 319, 166, 25 ], "completed": false }, { "type": "link", "position": [ 48, 321, 166, 25 ], "completed": false }, { "type": "link", "position": [ 238, 339, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 347, 166, 26 ], "completed": false }, { "type": "link", "position": [ 810, 353, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 355, 166, 26 ], "completed": false }, { "type": "link", "position": [ 238, 372, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 380, 166, 26 ], "completed": false }, { "type": "link", "position": [ 48, 388, 166, 51 ], "completed": false }, { "type": "link", "position": [ 238, 406, 166, 25 ], "completed": false }, { "type": "link", "position": [ 619, 414, 166, 25 ], "completed": false }, { "type": "link", "position": [ 238, 439, 166, 26 ], "completed": false }, { "type": "link", "position": [ 619, 447, 166, 26 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have four info sets and each of them has many links for users to click to know the different content of the web fastly, such as related policies, news, important info, and other sites.", "region_id": "1422", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'policies, news, important info, other sites'] [item [el:text] [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 13 11 2 | link 2 18 17 2 | link 2 8 11 2 | link 2 23 11 2 | text 2 3 26 3 ] | [ link 32 23 14 2 | link 32 8 26 2 | link 32 13 13 2 | link 32 18 12 2 | text 32 3 26 3 ] | [ link 61 8 24 5 | link 61 16 19 2 | link 61 21 22 5 | text 61 3 26 3 ] | [ link 90 9 17 2 | link 90 18 18 2 | link 90 13 12 2 | link 90 23 13 2 | link 90 28 8 2 | text 90 3 26 3 ] \"", "layout_seq_without_completion": "\" [ link 2 13 11 2 | link 2 18 17 2 | link 2 8 11 2 | link 2 23 11 2 | text 2 3 26 3 ] | [ link 32 23 14 2 | link 32 8 26 2 | link 32 13 13 2 | link 32 18 12 2 | text 32 3 26 3 ] | [ link 61 8 24 5 | link 61 16 19 2 | link 61 21 22 5 | text 61 3 26 3 ] | [ link 90 9 17 2 | link 90 18 18 2 | link 90 13 12 2 | link 90 23 13 2 | link 90 28 8 2 | text 90 3 26 3 ] \"", "plain_layout_seq": "link 2 13 11 2 | link 2 18 17 2 | link 2 8 11 2 | link 2 23 11 2 | link 32 23 14 2 | link 32 8 26 2 | link 32 13 13 2 | link 32 18 12 2 | link 61 8 24 5 | link 61 16 19 2 | link 61 21 22 5 | link 90 9 17 2 | link 90 18 18 2 | link 90 13 12 2 | link 90 23 13 2 | link 90 28 8 2 | text 2 3 26 3 | text 32 3 26 3 | text 61 3 26 3 | text 90 3 26 3", "canvas_width": 1003, "canvas_height": 329, "elements": [ { "type": "text", "position": [ 24, 32, 224, 27 ], "completed": false }, { "type": "text", "position": [ 268, 32, 224, 27 ], "completed": false }, { "type": "text", "position": [ 512, 32, 224, 27 ], "completed": false }, { "type": "text", "position": [ 755, 32, 224, 27 ], "completed": false }, { "type": "link", "position": [ 24, 75, 97, 21 ], "completed": false }, { "type": "link", "position": [ 268, 75, 220, 21 ], "completed": false }, { "type": "link", "position": [ 512, 75, 204, 47 ], "completed": false }, { "type": "link", "position": [ 755, 76, 146, 21 ], "completed": false }, { "type": "link", "position": [ 24, 114, 95, 21 ], "completed": false }, { "type": "link", "position": [ 268, 114, 111, 21 ], "completed": false }, { "type": "link", "position": [ 755, 116, 107, 21 ], "completed": false }, { "type": "link", "position": [ 512, 141, 164, 21 ], "completed": false }, { "type": "link", "position": [ 24, 154, 150, 21 ], "completed": false }, { "type": "link", "position": [ 268, 154, 105, 21 ], "completed": false }, { "type": "link", "position": [ 755, 157, 158, 21 ], "completed": false }, { "type": "link", "position": [ 512, 180, 191, 48 ], "completed": false }, { "type": "link", "position": [ 24, 193, 95, 21 ], "completed": false }, { "type": "link", "position": [ 268, 193, 119, 21 ], "completed": false }, { "type": "link", "position": [ 755, 197, 113, 21 ], "completed": false }, { "type": "link", "position": [ 755, 238, 75, 21 ], "completed": false } ] }, { "text": "A footer page for navigation links of Sendbird.# There should be six lists of navigation links: \"Products\" \"Solutions\" \"Developer\" \"Resources\" \"Company\", and \"Support\". So the user can click the links to know more info about Sendbird. There should be also an image showing the logo of Sendbird.", "region_id": "449", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'products, solutions, developer, resources, company, support'] [item [el:link [attr:repeat'several'] ] ] ] [el:logo] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 1 0 5 5 | \" [ link 18 6 11 2 | link 18 11 10 2 | link 18 21 11 2 | link 18 16 11 2 | link 18 26 5 2 | complete title 18 0 12 3 ] | [ link 35 6 10 2 | link 35 11 11 2 | link 35 16 10 2 | link 35 21 10 5 | link 35 29 6 2 | link 35 34 9 2 | link 35 39 13 2 | complete title 35 0 12 3 ] | [ link 51 6 12 2 | link 51 11 11 2 | link 51 16 5 2 | link 51 31 3 2 | link 51 36 10 2 | link 51 21 6 2 | link 51 26 8 2 | complete title 51 0 12 3 ] | [ link 68 6 14 2 | link 68 11 8 2 | link 68 16 9 5 | complete title 68 0 12 3 ] | [ link 84 36 8 2 | link 84 6 4 2 | link 84 11 6 2 | link 84 16 3 2 | link 84 21 5 2 | link 84 26 4 2 | link 84 31 5 2 | complete title 84 0 12 3 ] | [ link 101 6 9 2 | link 101 11 11 2 | link 101 16 9 2 | complete title 101 0 12 3 ] \"", "layout_seq_without_completion": "logo 1 0 5 5 | \" [ link 18 6 11 2 | link 18 11 10 2 | link 18 21 11 2 | link 18 16 11 2 | link 18 26 5 2 | title 18 0 12 3 ] | [ link 35 6 10 2 | link 35 11 11 2 | link 35 16 10 2 | link 35 21 10 5 | link 35 29 6 2 | link 35 34 9 2 | link 35 39 13 2 | title 35 0 12 3 ] | [ link 51 6 12 2 | link 51 11 11 2 | link 51 16 5 2 | link 51 31 3 2 | link 51 36 10 2 | link 51 21 6 2 | link 51 26 8 2 | title 51 0 12 3 ] | [ link 68 6 14 2 | link 68 11 8 2 | link 68 16 9 5 | title 68 0 12 3 ] | [ link 84 36 8 2 | link 84 6 4 2 | link 84 11 6 2 | link 84 16 3 2 | link 84 21 5 2 | link 84 26 4 2 | link 84 31 5 2 | title 84 0 12 3 ] | [ link 101 6 9 2 | link 101 11 11 2 | link 101 16 9 2 | title 101 0 12 3 ] \"", "plain_layout_seq": "link 18 6 11 2 | link 18 11 10 2 | link 18 21 11 2 | link 18 16 11 2 | link 18 26 5 2 | link 35 6 10 2 | link 35 11 11 2 | link 35 16 10 2 | link 35 21 10 5 | link 35 29 6 2 | link 35 34 9 2 | link 35 39 13 2 | link 51 6 12 2 | link 51 11 11 2 | link 51 16 5 2 | link 51 31 3 2 | link 51 36 10 2 | link 51 21 6 2 | link 51 26 8 2 | link 68 6 14 2 | link 68 11 8 2 | link 68 16 9 5 | link 84 36 8 2 | link 84 6 4 2 | link 84 11 6 2 | link 84 16 3 2 | link 84 21 5 2 | link 84 26 4 2 | link 84 31 5 2 | link 101 6 9 2 | link 101 11 11 2 | link 101 16 9 2 | logo 1 0 5 5 | title 18 0 12 3 | title 35 0 12 3 | title 51 0 12 3 | title 68 0 12 3 | title 84 0 12 3 | title 101 0 12 3", "canvas_width": 1006, "canvas_height": 419, "elements": [ { "type": "logo", "position": [ 15, 0, 48, 48 ], "completed": false }, { "type": "title", "position": [ 154, 4, 105, 33 ], "completed": true }, { "type": "title", "position": [ 294, 4, 105, 33 ], "completed": true }, { "type": "title", "position": [ 433, 4, 105, 33 ], "completed": true }, { "type": "title", "position": [ 573, 4, 105, 33 ], "completed": true }, { "type": "title", "position": [ 712, 4, 105, 33 ], "completed": true }, { "type": "title", "position": [ 852, 4, 105, 33 ], "completed": true }, { "type": "link", "position": [ 154, 52, 93, 21 ], "completed": false }, { "type": "link", "position": [ 294, 52, 86, 21 ], "completed": false }, { "type": "link", "position": [ 433, 52, 107, 21 ], "completed": false }, { "type": "link", "position": [ 573, 52, 125, 21 ], "completed": false }, { "type": "link", "position": [ 712, 52, 40, 21 ], "completed": false }, { "type": "link", "position": [ 852, 52, 77, 21 ], "completed": false }, { "type": "link", "position": [ 154, 94, 87, 21 ], "completed": false }, { "type": "link", "position": [ 294, 94, 94, 21 ], "completed": false }, { "type": "link", "position": [ 433, 94, 99, 21 ], "completed": false }, { "type": "link", "position": [ 573, 94, 70, 21 ], "completed": false }, { "type": "link", "position": [ 712, 94, 51, 21 ], "completed": false }, { "type": "link", "position": [ 852, 94, 94, 21 ], "completed": false }, { "type": "link", "position": [ 154, 136, 94, 21 ], "completed": false }, { "type": "link", "position": [ 294, 136, 86, 21 ], "completed": false }, { "type": "link", "position": [ 433, 136, 45, 21 ], "completed": false }, { "type": "link", "position": [ 573, 136, 76, 47 ], "completed": false }, { "type": "link", "position": [ 712, 136, 30, 21 ], "completed": false }, { "type": "link", "position": [ 852, 136, 81, 21 ], "completed": false }, { "type": "link", "position": [ 154, 178, 94, 21 ], "completed": false }, { "type": "link", "position": [ 294, 178, 85, 48 ], "completed": false }, { "type": "link", "position": [ 433, 178, 55, 21 ], "completed": false }, { "type": "link", "position": [ 712, 178, 44, 21 ], "completed": false }, { "type": "link", "position": [ 154, 220, 45, 21 ], "completed": false }, { "type": "link", "position": [ 433, 220, 74, 21 ], "completed": false }, { "type": "link", "position": [ 712, 220, 36, 21 ], "completed": false }, { "type": "link", "position": [ 294, 246, 51, 21 ], "completed": false }, { "type": "link", "position": [ 433, 262, 28, 21 ], "completed": false }, { "type": "link", "position": [ 712, 262, 45, 21 ], "completed": false }, { "type": "link", "position": [ 294, 288, 76, 21 ], "completed": false }, { "type": "link", "position": [ 433, 304, 87, 21 ], "completed": false }, { "type": "link", "position": [ 712, 304, 72, 21 ], "completed": false }, { "type": "link", "position": [ 294, 330, 114, 21 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 4 groups of links for users to click to know the different content of the web fastly, such as products, resources, pricing, and so on. There should also be 5 icons to let users to follow them on Facebook, Instagram, etc.", "region_id": "244", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'products, resources, pricing'] [item [el:link] ] ] [el:icon [attr:repeat'5'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 100 58 3 3 | icon 105 58 3 3 | icon 116 58 3 3 | icon 110 58 3 3 | icon 94 58 3 3 | link 0 13 24 1 | link 60 13 14 1 | link 89 13 30 1 | link 89 17 30 1 | link 0 5 24 1 | link 30 5 22 1 | link 60 5 14 1 | link 89 9 30 1 | link 30 51 22 1 | link 30 30 22 1 | link 60 21 14 1 | link 89 25 30 1 | link 89 29 30 3 | link 60 25 14 1 | link 60 29 14 1 | link 60 33 14 1 | link 0 9 24 1 | link 0 25 24 3 | link 30 13 22 1 | link 30 17 22 1 | link 30 38 22 1 | link 0 17 24 1 | link 0 21 24 1 | link 0 31 24 3 | link 30 9 22 1 | link 30 34 22 1 | link 60 9 14 1 | link 60 17 14 1 | link 89 5 30 1 | link 89 21 30 1 | link 89 35 30 3 | link 30 42 15 2 | link 30 21 14 2 | link 44 21 1 2 | link 45 43 1 2 | link 39 26 1 2 | link 30 26 9 2 | link 50 47 1 2 | link 30 47 20 2 | complete text 83 60 9 2 | complete title 30 0 22 2 | complete title 0 0 24 2 | complete title 60 0 14 2 | complete title 89 0 30 2", "layout_seq_without_completion": "icon 100 58 3 3 | icon 105 58 3 3 | icon 116 58 3 3 | icon 110 58 3 3 | icon 94 58 3 3 | link 0 13 24 1 | link 60 13 14 1 | link 89 13 30 1 | link 89 17 30 1 | link 0 5 24 1 | link 30 5 22 1 | link 60 5 14 1 | link 89 9 30 1 | link 30 51 22 1 | link 30 30 22 1 | link 60 21 14 1 | link 89 25 30 1 | link 89 29 30 3 | link 60 25 14 1 | link 60 29 14 1 | link 60 33 14 1 | link 0 9 24 1 | link 0 25 24 3 | link 30 13 22 1 | link 30 17 22 1 | link 30 38 22 1 | link 0 17 24 1 | link 0 21 24 1 | link 0 31 24 3 | link 30 9 22 1 | link 30 34 22 1 | link 60 9 14 1 | link 60 17 14 1 | link 89 5 30 1 | link 89 21 30 1 | link 89 35 30 3 | link 30 42 15 2 | link 30 21 14 2 | link 44 21 1 2 | link 45 43 1 2 | link 39 26 1 2 | link 30 26 9 2 | link 50 47 1 2 | link 30 47 20 2 | text 83 60 9 2 | title 30 0 22 2 | title 0 0 24 2 | title 60 0 14 2 | title 89 0 30 2", "plain_layout_seq": "icon 100 58 3 3 | icon 105 58 3 3 | icon 116 58 3 3 | icon 110 58 3 3 | icon 94 58 3 3 | link 0 13 24 1 | link 60 13 14 1 | link 89 13 30 1 | link 89 17 30 1 | link 0 5 24 1 | link 30 5 22 1 | link 60 5 14 1 | link 89 9 30 1 | link 30 51 22 1 | link 30 30 22 1 | link 60 21 14 1 | link 89 25 30 1 | link 89 29 30 3 | link 60 25 14 1 | link 60 29 14 1 | link 60 33 14 1 | link 0 9 24 1 | link 0 25 24 3 | link 30 13 22 1 | link 30 17 22 1 | link 30 38 22 1 | link 0 17 24 1 | link 0 21 24 1 | link 0 31 24 3 | link 30 9 22 1 | link 30 34 22 1 | link 60 9 14 1 | link 60 17 14 1 | link 89 5 30 1 | link 89 21 30 1 | link 89 35 30 3 | link 30 42 15 2 | link 30 21 14 2 | link 44 21 1 2 | link 45 43 1 2 | link 39 26 1 2 | link 30 26 9 2 | link 50 47 1 2 | link 30 47 20 2 | text 83 60 9 2 | title 30 0 22 2 | title 0 0 24 2 | title 60 0 14 2 | title 89 0 30 2", "canvas_width": 976, "canvas_height": 526, "elements": [ { "type": "title", "position": [ 0, 0, 196, 23 ], "completed": true }, { "type": "title", "position": [ 244, 0, 183, 23 ], "completed": true }, { "type": "title", "position": [ 488, 0, 116, 23 ], "completed": true }, { "type": "title", "position": [ 731, 0, 245, 23 ], "completed": true }, { "type": "link", "position": [ 0, 41, 196, 15 ], "completed": false }, { "type": "link", "position": [ 244, 41, 183, 15 ], "completed": false }, { "type": "link", "position": [ 488, 41, 116, 15 ], "completed": false }, { "type": "link", "position": [ 731, 41, 245, 15 ], "completed": false }, { "type": "link", "position": [ 0, 74, 196, 16 ], "completed": false }, { "type": "link", "position": [ 244, 74, 183, 16 ], "completed": false }, { "type": "link", "position": [ 488, 74, 116, 16 ], "completed": false }, { "type": "link", "position": [ 731, 74, 245, 16 ], "completed": false }, { "type": "link", "position": [ 0, 108, 196, 15 ], "completed": false }, { "type": "link", "position": [ 244, 108, 183, 15 ], "completed": false }, { "type": "link", "position": [ 488, 108, 116, 15 ], "completed": false }, { "type": "link", "position": [ 731, 108, 245, 15 ], "completed": false }, { "type": "link", "position": [ 0, 141, 196, 16 ], "completed": false }, { "type": "link", "position": [ 244, 141, 183, 16 ], "completed": false }, { "type": "link", "position": [ 488, 141, 116, 16 ], "completed": false }, { "type": "link", "position": [ 731, 141, 245, 16 ], "completed": false }, { "type": "link", "position": [ 0, 174, 196, 15 ], "completed": false }, { "type": "link", "position": [ 488, 174, 116, 15 ], "completed": false }, { "type": "link", "position": [ 731, 174, 245, 15 ], "completed": false }, { "type": "link", "position": [ 244, 176, 117, 17 ], "completed": false }, { "type": "link", "position": [ 360, 178, 16, 18 ], "completed": false }, { "type": "link", "position": [ 0, 208, 196, 31 ], "completed": false }, { "type": "link", "position": [ 488, 208, 116, 15 ], "completed": false }, { "type": "link", "position": [ 731, 208, 245, 15 ], "completed": false }, { "type": "link", "position": [ 244, 213, 80, 17 ], "completed": false }, { "type": "link", "position": [ 324, 214, 16, 18 ], "completed": false }, { "type": "link", "position": [ 488, 241, 116, 16 ], "completed": false }, { "type": "link", "position": [ 731, 241, 245, 31 ], "completed": false }, { "type": "link", "position": [ 244, 247, 183, 16 ], "completed": false }, { "type": "link", "position": [ 0, 257, 196, 31 ], "completed": false }, { "type": "link", "position": [ 488, 275, 116, 15 ], "completed": false }, { "type": "link", "position": [ 244, 281, 183, 15 ], "completed": false }, { "type": "link", "position": [ 731, 290, 245, 31 ], "completed": false }, { "type": "link", "position": [ 244, 314, 183, 16 ], "completed": false }, { "type": "link", "position": [ 244, 349, 130, 17 ], "completed": false }, { "type": "link", "position": [ 374, 350, 16, 18 ], "completed": false }, { "type": "link", "position": [ 244, 386, 167, 17 ], "completed": false }, { "type": "link", "position": [ 411, 387, 16, 18 ], "completed": false }, { "type": "link", "position": [ 244, 420, 183, 16 ], "completed": false }, { "type": "icon", "position": [ 770, 478, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 814, 478, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 857, 478, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 901, 478, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 944, 478, 32, 32 ], "completed": false }, { "type": "text", "position": [ 683, 492, 76, 20 ], "completed": true } ] }, { "text": "#A footer page showing the homepage of a company. # The page should contain five entries of text links and these links should be unfolded. So the user can get access to different info through these links.", "region_id": "1027", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [item[el:link]]]]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 3 9 2 ] | [ link 1 12 11 2 ] | [ link 1 22 17 2 ] | [ link 1 31 11 2 ] | [ link 1 40 9 2 ] \"", "layout_seq_without_completion": "\" [ link 1 3 9 2 ] | [ link 1 12 11 2 ] | [ link 1 22 17 2 ] | [ link 1 31 11 2 ] | [ link 1 40 9 2 ] \"", "plain_layout_seq": "link 1 3 9 2 | link 1 12 11 2 | link 1 22 17 2 | link 1 31 11 2 | link 1 40 9 2", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "link", "position": [ 16, 28, 79, 24 ], "completed": false }, { "type": "link", "position": [ 16, 108, 102, 24 ], "completed": false }, { "type": "link", "position": [ 16, 188, 147, 24 ], "completed": false }, { "type": "link", "position": [ 16, 268, 96, 24 ], "completed": false }, { "type": "link", "position": [ 16, 348, 77, 24 ], "completed": false } ] }, { "text": "#A footer page from Metropolis Dermatology website.# There is a title \"Quick links\" and a text. Then, there is a title \"About Us\" and two paragraphs. Then, there is a title \"Newsletter\" and an input and a \"SUBSCRIBE\" button.", "region_id": "6864", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'quick links'] ] [el:text] [el:title [attr:value 'about us'] ] [el:description [attr:repeat '2'] ] [el:title [attr:value 'Newsletter']] [el:input] [el:button [attr:value 'subscribe'] ] ]", "execution": "footer : button undefined undefined | description undefined undefined | description undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 100 7 10 1 | description 34 5 23 41 | input 61 5 36 5 | text 6 5 6 2 | title 6 0 11 2 | title 61 0 51 2 | title 34 0 23 2", "layout_seq_without_completion": "button 100 7 10 1 | description 34 5 23 41 | input 61 5 36 5 | text 6 5 6 2 | title 6 0 11 2 | title 61 0 51 2 | title 34 0 23 2", "plain_layout_seq": "button 100 7 10 1 | description 34 5 23 41 | input 61 5 36 5 | text 6 5 6 2 | title 6 0 11 2 | title 61 0 51 2 | title 34 0 23 2", "canvas_width": 1024, "canvas_height": 446, "elements": [ { "type": "title", "position": [ 55, 0, 94, 20 ], "completed": false }, { "type": "title", "position": [ 298, 0, 199, 20 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 20 ], "completed": false }, { "type": "description", "position": [ 298, 46, 199, 356 ], "completed": false }, { "type": "text", "position": [ 55, 48, 54, 19 ], "completed": false }, { "type": "input", "position": [ 527, 51, 315, 46 ], "completed": false }, { "type": "button", "position": [ 861, 65, 89, 16 ], "completed": false } ] }, { "text": "#A page for showing some related info.# There is one title\"About Us\" and four links \"Privacy Policy\", \"Terms of Use\", \"DMCA Policy\", and \"Unsubscribing.\"", "region_id": "4306", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'about us'] ] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'privacy policy, terms of use, dmca policy, unsubscribing.'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 7 2 | \" [ link 4 2 11 2 ] | [ link 4 4 10 2 ] | [ link 4 6 10 2 ] | [ link 4 9 11 2 ] \"", "layout_seq_without_completion": "title 0 0 7 2 | \" [ link 4 2 11 2 ] | [ link 4 4 10 2 ] | [ link 4 6 10 2 ] | [ link 4 9 11 2 ] \"", "plain_layout_seq": "link 4 2 11 2 | link 4 4 10 2 | link 4 6 10 2 | link 4 9 11 2 | title 0 0 7 2", "canvas_width": 1029, "canvas_height": 100, "elements": [ { "type": "title", "position": [ 0, 0, 64, 20 ], "completed": false }, { "type": "link", "position": [ 40, 20, 97, 20 ], "completed": false }, { "type": "link", "position": [ 40, 40, 94, 20 ], "completed": false }, { "type": "link", "position": [ 40, 60, 92, 20 ], "completed": false }, { "type": "link", "position": [ 40, 80, 100, 20 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 12 links for users to click to quickly jump to the other pages in terms of the custom block, privacy policy, shipping policy, and so on.", "region_id": "2535", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '12'] [gattr:names 'custom block, privacy policy, shipping policy'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 14 7 2 | link 1 25 15 2 | link 1 29 13 2 | link 1 33 15 2 | link 1 17 11 2 | link 1 21 12 2 | complete title 1 3 17 7 ] | [ link 34 14 9 2 | link 34 21 6 2 | link 34 17 10 2 | link 34 25 8 2 | complete title 34 3 10 7 ] \"", "layout_seq_without_completion": "\" [ link 1 14 7 2 | link 1 25 15 2 | link 1 29 13 2 | link 1 33 15 2 | link 1 17 11 2 | link 1 21 12 2 | title 1 3 17 7 ] | [ link 34 14 9 2 | link 34 21 6 2 | link 34 17 10 2 | link 34 25 8 2 | title 34 3 10 7 ] \"", "plain_layout_seq": "link 1 14 7 2 | link 1 25 15 2 | link 1 29 13 2 | link 1 33 15 2 | link 1 17 11 2 | link 1 21 12 2 | link 34 14 9 2 | link 34 21 6 2 | link 34 17 10 2 | link 34 25 8 2 | title 1 3 17 7 | title 34 3 10 7", "canvas_width": 954, "canvas_height": 320, "elements": [ { "type": "title", "position": [ 15, 28, 140, 58 ], "completed": true }, { "type": "title", "position": [ 273, 28, 81, 58 ], "completed": true }, { "type": "link", "position": [ 15, 113, 57, 19 ], "completed": false }, { "type": "link", "position": [ 273, 113, 75, 19 ], "completed": false }, { "type": "link", "position": [ 15, 143, 88, 19 ], "completed": false }, { "type": "link", "position": [ 273, 143, 86, 19 ], "completed": false }, { "type": "link", "position": [ 15, 173, 98, 19 ], "completed": false }, { "type": "link", "position": [ 273, 173, 53, 19 ], "completed": false }, { "type": "link", "position": [ 15, 203, 127, 19 ], "completed": false }, { "type": "link", "position": [ 273, 203, 70, 19 ], "completed": false }, { "type": "link", "position": [ 15, 233, 106, 19 ], "completed": false }, { "type": "link", "position": [ 15, 263, 122, 19 ], "completed": false } ] }, { "text": "# A page navigation of a web. # There should contain four categories of links \"About Us\" \"Infrastructure\" \"Investor\" and \"News\". In each category, there should be 3-10 links. So the user can click them to know more information.", "region_id": "2068", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'about us, infrastructure, investor, news'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 9 4 1 | link 1 13 8 1 | link 1 17 5 1 | link 1 5 6 1 | link 1 21 4 1 | complete title 1 1 7 2 ] | [ link 31 17 6 1 | link 31 21 3 1 | link 31 5 12 1 | link 31 9 9 1 | link 31 13 4 1 | link 31 25 3 1 | complete title 31 1 10 2 ] | [ link 61 5 8 1 | link 61 9 11 1 | link 61 13 10 1 | link 61 17 15 1 | link 61 25 12 1 | link 61 29 11 1 | link 61 32 14 1 | link 61 40 16 1 | link 61 21 3 1 | link 61 36 13 1 | complete title 61 1 7 2 ] | [ link 91 13 13 1 | link 91 5 10 1 | link 91 9 11 1 | complete title 91 1 4 2 ] \"", "layout_seq_without_completion": "\" [ link 1 9 4 1 | link 1 13 8 1 | link 1 17 5 1 | link 1 5 6 1 | link 1 21 4 1 | title 1 1 7 2 ] | [ link 31 17 6 1 | link 31 21 3 1 | link 31 5 12 1 | link 31 9 9 1 | link 31 13 4 1 | link 31 25 3 1 | title 31 1 10 2 ] | [ link 61 5 8 1 | link 61 9 11 1 | link 61 13 10 1 | link 61 17 15 1 | link 61 25 12 1 | link 61 29 11 1 | link 61 32 14 1 | link 61 40 16 1 | link 61 21 3 1 | link 61 36 13 1 | title 61 1 7 2 ] | [ link 91 13 13 1 | link 91 5 10 1 | link 91 9 11 1 | title 91 1 4 2 ] \"", "plain_layout_seq": "link 1 9 4 1 | link 1 13 8 1 | link 1 17 5 1 | link 1 5 6 1 | link 1 21 4 1 | link 31 17 6 1 | link 31 21 3 1 | link 31 5 12 1 | link 31 9 9 1 | link 31 13 4 1 | link 31 25 3 1 | link 61 5 8 1 | link 61 9 11 1 | link 61 13 10 1 | link 61 17 15 1 | link 61 25 12 1 | link 61 29 11 1 | link 61 32 14 1 | link 61 40 16 1 | link 61 21 3 1 | link 61 36 13 1 | link 91 13 13 1 | link 91 5 10 1 | link 91 9 11 1 | title 1 1 7 2 | title 31 1 10 2 | title 61 1 7 2 | title 91 1 4 2", "canvas_width": 970, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 15, 12, 62, 17 ], "completed": true }, { "type": "title", "position": [ 257, 12, 88, 17 ], "completed": true }, { "type": "title", "position": [ 500, 12, 61, 17 ], "completed": true }, { "type": "title", "position": [ 743, 12, 38, 17 ], "completed": true }, { "type": "link", "position": [ 15, 46, 50, 14 ], "completed": false }, { "type": "link", "position": [ 257, 46, 100, 14 ], "completed": false }, { "type": "link", "position": [ 500, 46, 67, 14 ], "completed": false }, { "type": "link", "position": [ 743, 46, 84, 14 ], "completed": false }, { "type": "link", "position": [ 15, 78, 37, 14 ], "completed": false }, { "type": "link", "position": [ 257, 78, 76, 14 ], "completed": false }, { "type": "link", "position": [ 500, 78, 89, 14 ], "completed": false }, { "type": "link", "position": [ 743, 78, 90, 14 ], "completed": false }, { "type": "link", "position": [ 15, 109, 70, 14 ], "completed": false }, { "type": "link", "position": [ 257, 109, 35, 14 ], "completed": false }, { "type": "link", "position": [ 500, 109, 83, 14 ], "completed": false }, { "type": "link", "position": [ 743, 109, 109, 14 ], "completed": false }, { "type": "link", "position": [ 15, 140, 45, 14 ], "completed": false }, { "type": "link", "position": [ 257, 140, 56, 14 ], "completed": false }, { "type": "link", "position": [ 500, 140, 122, 14 ], "completed": false }, { "type": "link", "position": [ 15, 172, 40, 14 ], "completed": false }, { "type": "link", "position": [ 257, 172, 31, 14 ], "completed": false }, { "type": "link", "position": [ 500, 172, 25, 14 ], "completed": false }, { "type": "link", "position": [ 257, 203, 25, 14 ], "completed": false }, { "type": "link", "position": [ 500, 203, 97, 14 ], "completed": false }, { "type": "link", "position": [ 500, 235, 91, 14 ], "completed": false }, { "type": "link", "position": [ 500, 266, 118, 14 ], "completed": false }, { "type": "link", "position": [ 500, 297, 107, 14 ], "completed": false }, { "type": "link", "position": [ 500, 329, 135, 14 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company. # The page should have 5 lists of links \"Industry Solutions\" \"Helpful Guides\" \"Accept Payment\" \"Featured Integrations\", and \"Insightful Links\" There should have 3, 8, 9, 6, and 4 links in each list respectively.", "region_id": "5907", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'industry solutions'] ] [el:link [attr:repeat '3'] ] ] [item [el:title [attr:value 'helpful guides'] ] [el:link [attr:repeat '8'] ] ] [item [el:title [attr:value 'accept payment'] ] [el:link [attr:repeat '9'] ] ] [item [el:title [attr:value 'featured integrations'] ] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value 'insightful links'] ] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 8 21 3 | link 0 4 21 3 | link 0 12 21 3 | title 0 0 21 3 ] | [ link 23 4 21 3 | link 23 8 21 3 | link 23 24 21 3 | link 23 27 21 3 | link 23 31 21 6 | link 23 12 21 6 | link 23 18 21 6 | link 23 37 21 6 | title 23 0 21 3 ] | [ link 48 8 21 3 | link 48 12 21 3 | link 48 15 21 3 | link 48 19 21 3 | link 48 23 21 3 | link 48 26 21 3 | link 48 30 21 3 | link 48 33 21 3 | link 48 4 21 3 | title 48 0 21 3 ] | [ link 71 18 21 3 | link 71 22 21 3 | link 71 25 21 3 | link 71 7 21 3 | link 71 11 21 3 | link 71 14 21 3 | title 71 0 21 6 ] | [ link 96 4 21 3 | link 96 8 21 3 | link 96 15 21 3 | link 96 12 21 3 | title 96 0 21 3 ] \"", "layout_seq_without_completion": "\" [ link 0 8 21 3 | link 0 4 21 3 | link 0 12 21 3 | title 0 0 21 3 ] | [ link 23 4 21 3 | link 23 8 21 3 | link 23 24 21 3 | link 23 27 21 3 | link 23 31 21 6 | link 23 12 21 6 | link 23 18 21 6 | link 23 37 21 6 | title 23 0 21 3 ] | [ link 48 8 21 3 | link 48 12 21 3 | link 48 15 21 3 | link 48 19 21 3 | link 48 23 21 3 | link 48 26 21 3 | link 48 30 21 3 | link 48 33 21 3 | link 48 4 21 3 | title 48 0 21 3 ] | [ link 71 18 21 3 | link 71 22 21 3 | link 71 25 21 3 | link 71 7 21 3 | link 71 11 21 3 | link 71 14 21 3 | title 71 0 21 6 ] | [ link 96 4 21 3 | link 96 8 21 3 | link 96 15 21 3 | link 96 12 21 3 | title 96 0 21 3 ] \"", "plain_layout_seq": "link 0 8 21 3 | link 0 4 21 3 | link 0 12 21 3 | link 23 4 21 3 | link 23 8 21 3 | link 23 24 21 3 | link 23 27 21 3 | link 23 31 21 6 | link 23 12 21 6 | link 23 18 21 6 | link 23 37 21 6 | link 48 8 21 3 | link 48 12 21 3 | link 48 15 21 3 | link 48 19 21 3 | link 48 23 21 3 | link 48 26 21 3 | link 48 30 21 3 | link 48 33 21 3 | link 48 4 21 3 | link 71 18 21 3 | link 71 22 21 3 | link 71 25 21 3 | link 71 7 21 3 | link 71 11 21 3 | link 71 14 21 3 | link 96 4 21 3 | link 96 8 21 3 | link 96 15 21 3 | link 96 12 21 3 | title 0 0 21 3 | title 23 0 21 3 | title 48 0 21 3 | title 71 0 21 6 | title 96 0 21 3", "canvas_width": 992, "canvas_height": 361, "elements": [ { "type": "title", "position": [ 0, 0, 174, 31 ], "completed": false }, { "type": "title", "position": [ 198, 0, 174, 31 ], "completed": false }, { "type": "title", "position": [ 397, 0, 174, 31 ], "completed": false }, { "type": "title", "position": [ 595, 0, 174, 52 ], "completed": false }, { "type": "title", "position": [ 794, 0, 174, 31 ], "completed": false }, { "type": "link", "position": [ 0, 41, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 41, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 41, 174, 30 ], "completed": false }, { "type": "link", "position": [ 794, 41, 174, 30 ], "completed": false }, { "type": "link", "position": [ 595, 62, 174, 30 ], "completed": false }, { "type": "link", "position": [ 0, 71, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 71, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 71, 174, 30 ], "completed": false }, { "type": "link", "position": [ 794, 71, 174, 30 ], "completed": false }, { "type": "link", "position": [ 595, 92, 174, 30 ], "completed": false }, { "type": "link", "position": [ 0, 101, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 101, 174, 50 ], "completed": false }, { "type": "link", "position": [ 397, 101, 174, 30 ], "completed": false }, { "type": "link", "position": [ 794, 101, 174, 30 ], "completed": false }, { "type": "link", "position": [ 595, 122, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 131, 174, 30 ], "completed": false }, { "type": "link", "position": [ 794, 131, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 151, 174, 50 ], "completed": false }, { "type": "link", "position": [ 595, 152, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 161, 174, 30 ], "completed": false }, { "type": "link", "position": [ 595, 182, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 191, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 201, 174, 30 ], "completed": false }, { "type": "link", "position": [ 595, 212, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 221, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 231, 174, 30 ], "completed": false }, { "type": "link", "position": [ 397, 251, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 261, 174, 50 ], "completed": false }, { "type": "link", "position": [ 397, 281, 174, 30 ], "completed": false }, { "type": "link", "position": [ 198, 311, 174, 50 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 groups. The first one shows four icons and links to share on social platforms. The second and third groups have a title and three links for navigation.", "region_id": "4400", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:icon [attr:repeat '4'] ] [el:link [attr:repeat '4'] ] ] [item [el:title] [el:link [attr:repeat '3'] ] ] [item [el:title] [el:link [attr:repeat '3'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 0 0 2 2 | icon 0 15 2 2 | icon 0 9 2 2 | icon 0 4 2 2 | link 4 10 14 2 | link 4 5 10 2 | link 4 15 18 2 | link 4 0 8 2 | \" [ title 40 0 6 2 ] | [ link 40 4 40 2 ] | [ link 40 9 14 2 ] | [ link 40 14 21 2 ] \" | \" [ title 79 0 9 2 ] | [ link 79 4 7 2 ] | [ link 79 9 5 2 ] | [ link 79 14 23 2 ] \"", "layout_seq_without_completion": "icon 0 0 2 2 | icon 0 15 2 2 | icon 0 9 2 2 | icon 0 4 2 2 | link 4 10 14 2 | link 4 5 10 2 | link 4 15 18 2 | link 4 0 8 2 | \" [ title 40 0 6 2 ] | [ link 40 4 40 2 ] | [ link 40 9 14 2 ] | [ link 40 14 21 2 ] \" | \" [ title 79 0 9 2 ] | [ link 79 4 7 2 ] | [ link 79 9 5 2 ] | [ link 79 14 23 2 ] \"", "plain_layout_seq": "icon 0 0 2 2 | icon 0 15 2 2 | icon 0 9 2 2 | icon 0 4 2 2 | link 4 10 14 2 | link 4 5 10 2 | link 4 15 18 2 | link 4 0 8 2 | link 40 4 40 2 | link 40 9 14 2 | link 40 14 21 2 | link 79 4 7 2 | link 79 9 5 2 | link 79 14 23 2 | title 40 0 6 2 | title 79 0 9 2", "canvas_width": 974, "canvas_height": 162, "elements": [ { "type": "icon", "position": [ 0, 0, 21, 21 ], "completed": false }, { "type": "title", "position": [ 325, 0, 52, 21 ], "completed": false }, { "type": "title", "position": [ 649, 0, 75, 21 ], "completed": false }, { "type": "link", "position": [ 38, 1, 66, 18 ], "completed": false }, { "type": "icon", "position": [ 0, 40, 21, 21 ], "completed": false }, { "type": "link", "position": [ 325, 40, 325, 21 ], "completed": false }, { "type": "link", "position": [ 649, 40, 59, 21 ], "completed": false }, { "type": "link", "position": [ 38, 41, 87, 18 ], "completed": false }, { "type": "icon", "position": [ 0, 80, 21, 21 ], "completed": false }, { "type": "link", "position": [ 325, 80, 115, 21 ], "completed": false }, { "type": "link", "position": [ 649, 80, 48, 21 ], "completed": false }, { "type": "link", "position": [ 38, 82, 116, 18 ], "completed": false }, { "type": "link", "position": [ 325, 121, 174, 21 ], "completed": false }, { "type": "link", "position": [ 649, 121, 192, 21 ], "completed": false }, { "type": "icon", "position": [ 0, 122, 19, 19 ], "completed": false }, { "type": "link", "position": [ 36, 122, 153, 18 ], "completed": false } ] }, { "text": "#A page showing the contact information about a company. # There should be two information groups each with an attractive title and a description, instructing the user to connect with the company. There must be a link through which users can be able to reach the company. Also, four small icons should be added.", "region_id": "2350", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'2'] [item [el:title] [el:description] ] ] [el:link [attr:value'connect the company'] ] [el:icon [attr:repeat'4'] [attr:size'small'] ] ]", "execution": "footer : link undefined undefined | { [ icon undefined small ] | [ icon undefined small ] | [ icon undefined small ] | [ icon undefined small ] } | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 9 55 5 | description 61 9 55 5 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3 | \" [ icon 3 18 4 3 ] | [ icon 10 18 4 3 ] | [ icon 17 18 4 3 ] | [ icon 25 18 4 3 ] \"", "layout_seq_without_completion": "description 3 9 55 5 | description 61 9 55 5 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3 | \" [ icon 3 18 4 3 ] | [ icon 10 18 4 3 ] | [ icon 17 18 4 3 ] | [ icon 25 18 4 3 ] \"", "plain_layout_seq": "description 3 9 55 5 | description 61 9 55 5 | icon 3 18 4 3 | icon 10 18 4 3 | icon 17 18 4 3 | icon 25 18 4 3 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3", "canvas_width": 1024, "canvas_height": 237, "elements": [ { "type": "title", "position": [ 26, 27, 471, 32 ], "completed": false }, { "type": "title", "position": [ 527, 27, 471, 32 ], "completed": false }, { "type": "description", "position": [ 26, 79, 471, 48 ], "completed": false }, { "type": "description", "position": [ 527, 79, 471, 48 ], "completed": false }, { "type": "icon", "position": [ 26, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 89, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 152, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 215, 157, 38, 32 ], "completed": false }, { "type": "link", "position": [ 527, 157, 159, 49 ], "completed": false } ] }, { "text": "#A page showing the contact information about a company. # There should be two information groups each with an attractive title and a descriptive text, instructing the user to connect with the company. There must be a link through which users can be able to reach the company. Also, four small icons should be added.", "region_id": "2350_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'2'] [item [el:title] [el:description] ] ] [el:link [attr:value'reach the company'] ] [el:icon [attr:repeat'4'] [attr:size'small'] ] ]", "execution": "footer : link undefined undefined | { [ icon undefined small ] | [ icon undefined small ] | [ icon undefined small ] | [ icon undefined small ] } | { [ description undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 3 9 55 5 | description 61 9 55 5 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3 | \" [ icon 3 18 4 3 ] | [ icon 10 18 4 3 ] | [ icon 17 18 4 3 ] | [ icon 25 18 4 3 ] \"", "layout_seq_without_completion": "description 3 9 55 5 | description 61 9 55 5 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3 | \" [ icon 3 18 4 3 ] | [ icon 10 18 4 3 ] | [ icon 17 18 4 3 ] | [ icon 25 18 4 3 ] \"", "plain_layout_seq": "description 3 9 55 5 | description 61 9 55 5 | icon 3 18 4 3 | icon 10 18 4 3 | icon 17 18 4 3 | icon 25 18 4 3 | link 61 18 18 5 | title 61 3 55 3 | title 3 3 55 3", "canvas_width": 1024, "canvas_height": 237, "elements": [ { "type": "title", "position": [ 26, 27, 471, 32 ], "completed": false }, { "type": "title", "position": [ 527, 27, 471, 32 ], "completed": false }, { "type": "description", "position": [ 26, 79, 471, 48 ], "completed": false }, { "type": "description", "position": [ 527, 79, 471, 48 ], "completed": false }, { "type": "icon", "position": [ 26, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 89, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 152, 157, 38, 32 ], "completed": false }, { "type": "icon", "position": [ 215, 157, 38, 32 ], "completed": false }, { "type": "link", "position": [ 527, 157, 159, 49 ], "completed": false } ] }, { "text": "# A footer page for navigation of an online shop.# The page should have three lists of links \"Shop\" \"About\", and \"Help\" for the user to learn more info about the shop. And there should be 3, 4, and 4 links in each list respectively.", "region_id": "8424", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'shop'] ] [el:link [attr:repeat '3'] ] ] [item [el:title [attr:value 'about'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'help'] ] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 10 29 4 | link 11 15 29 4 | link 11 5 29 4 | title 11 1 29 2 ] | [ link 45 5 29 4 | link 45 10 29 4 | link 45 15 29 4 | link 45 20 29 4 | title 45 1 29 2 ] | [ link 78 10 29 4 | link 78 15 29 4 | link 78 5 29 4 | link 78 20 29 4 | title 78 1 29 2 ] \"", "layout_seq_without_completion": "\" [ link 11 10 29 4 | link 11 15 29 4 | link 11 5 29 4 | title 11 1 29 2 ] | [ link 45 5 29 4 | link 45 10 29 4 | link 45 15 29 4 | link 45 20 29 4 | title 45 1 29 2 ] | [ link 78 10 29 4 | link 78 15 29 4 | link 78 5 29 4 | link 78 20 29 4 | title 78 1 29 2 ] \"", "plain_layout_seq": "link 11 10 29 4 | link 11 15 29 4 | link 11 5 29 4 | link 45 5 29 4 | link 45 10 29 4 | link 45 15 29 4 | link 45 20 29 4 | link 78 10 29 4 | link 78 15 29 4 | link 78 5 29 4 | link 78 20 29 4 | title 11 1 29 2 | title 45 1 29 2 | title 78 1 29 2", "canvas_width": 970, "canvas_height": 207, "elements": [ { "type": "title", "position": [ 96, 9, 239, 24 ], "completed": false }, { "type": "title", "position": [ 365, 9, 239, 24 ], "completed": false }, { "type": "title", "position": [ 635, 9, 239, 24 ], "completed": false }, { "type": "link", "position": [ 96, 41, 239, 40 ], "completed": false }, { "type": "link", "position": [ 365, 41, 239, 40 ], "completed": false }, { "type": "link", "position": [ 635, 41, 239, 40 ], "completed": false }, { "type": "link", "position": [ 96, 83, 239, 40 ], "completed": false }, { "type": "link", "position": [ 365, 83, 239, 40 ], "completed": false }, { "type": "link", "position": [ 635, 83, 239, 40 ], "completed": false }, { "type": "link", "position": [ 96, 125, 239, 40 ], "completed": false }, { "type": "link", "position": [ 365, 125, 239, 40 ], "completed": false }, { "type": "link", "position": [ 635, 125, 239, 40 ], "completed": false }, { "type": "link", "position": [ 365, 167, 239, 40 ], "completed": false }, { "type": "link", "position": [ 635, 167, 239, 40 ], "completed": false } ] }, { "text": "#A page for users to subscribe.# The page should have a title, an input, and an icon for users to enter an email and subscribe. Four icons of Facebook, Pinterest, Instagram, and Tiktok are needed.", "region_id": "7019", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:input [attr:value 'email']] [el:icon [attr:value 'subscribe']] [el:icon [attr:repeat '4'] [attr:value 'Facebook, Pinterest, Instagram, Tiktok']] ]", "execution": "footer : input undefined undefined | title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 42 6 1 3 | input 0 5 46 5 | complete text 1 7 5 3 | title 0 0 60 2 | \" [ icon 98 7 2 2 ] | [ icon 104 7 2 2 ] | [ icon 110 7 2 2 ] | [ icon 115 7 2 2 ] \"", "layout_seq_without_completion": "icon 42 6 1 3 | input 0 5 46 5 | text 1 7 5 3 | title 0 0 60 2 | \" [ icon 98 7 2 2 ] | [ icon 104 7 2 2 ] | [ icon 110 7 2 2 ] | [ icon 115 7 2 2 ] \"", "plain_layout_seq": "icon 42 6 1 3 | icon 98 7 2 2 | icon 104 7 2 2 | icon 110 7 2 2 | icon 115 7 2 2 | input 0 5 46 5 | text 1 7 5 3 | title 0 0 60 2", "canvas_width": 924, "canvas_height": 89, "elements": [ { "type": "title", "position": [ 0, 0, 462, 23 ], "completed": false }, { "type": "input", "position": [ 0, 44, 360, 45 ], "completed": false }, { "type": "icon", "position": [ 330, 53, 15, 25 ], "completed": false }, { "type": "text", "position": [ 15, 54, 42, 24 ], "completed": true }, { "type": "icon", "position": [ 761, 58, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 805, 58, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 849, 58, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 893, 58, 18, 18 ], "completed": false } ] }, { "text": "#A footer page of Tamashii for users to get more information.# The page contains 6 information sets. Each group includes one title and some subtitles, including \"Search Products\" followed by 4 subtitles, \"About Products\" followed by 3 subtitles, \"News from Tamashii Web\" followed by 5 subtitles, \"For Customers\" followed by 2 subtitles, \"Contact Information\" followed by 1 subtitle, and\"Other\" followed by 5 subtitles.", "region_id": "5643", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:names 'search products, about products, news from tamashii web, for customers, contact information, other'] [item [el:title [attr:value 'search products'] ] [el:title [attr:repeat '4'] ] ] [item [el:title [attr:value 'about products'] ] [el:title [attr:repeat '3'] ] ] [item [el:title [attr:value 'news from tamashii web'] ] [el:title [attr:repeat '5'] ] ] [item [el:title [attr:value 'for customers'] ] [el:title [attr:repeat '2'] ] ] [item [el:title [attr:value 'contact information'] ] [el:title [attr:repeat '1'] ]] [item [el:title [attr:value 'other'] ] [el:title [attr:repeat '5'] ] ] ] ]", "execution": "footer : { [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 76 5 12 1 | title 99 5 13 1 | title 48 23 21 1 | title 76 18 14 1 | title 0 9 18 1 | title 48 9 6 1 | title 76 9 10 1 | title 0 5 11 1 | title 0 14 12 1 | title 0 18 12 1 | title 48 18 17 1 | title 99 9 6 1 | title 99 14 10 1 | title 99 23 11 1 | title 25 5 11 1 | title 25 9 8 1 | title 25 14 19 1 | title 48 5 13 1 | title 48 14 20 1 | title 99 18 16 1 | title 25 0 20 2 | title 48 0 26 2 | title 76 0 20 2 | title 99 0 20 2 | title 0 0 22 2 | title 76 13 20 2", "layout_seq_without_completion": "title 76 5 12 1 | title 99 5 13 1 | title 48 23 21 1 | title 76 18 14 1 | title 0 9 18 1 | title 48 9 6 1 | title 76 9 10 1 | title 0 5 11 1 | title 0 14 12 1 | title 0 18 12 1 | title 48 18 17 1 | title 99 9 6 1 | title 99 14 10 1 | title 99 23 11 1 | title 25 5 11 1 | title 25 9 8 1 | title 25 14 19 1 | title 48 5 13 1 | title 48 14 20 1 | title 99 18 16 1 | title 25 0 20 2 | title 48 0 26 2 | title 76 0 20 2 | title 99 0 20 2 | title 0 0 22 2 | title 76 13 20 2", "plain_layout_seq": "title 76 5 12 1 | title 99 5 13 1 | title 48 23 21 1 | title 76 18 14 1 | title 0 9 18 1 | title 48 9 6 1 | title 76 9 10 1 | title 0 5 11 1 | title 0 14 12 1 | title 0 18 12 1 | title 48 18 17 1 | title 99 9 6 1 | title 99 14 10 1 | title 99 23 11 1 | title 25 5 11 1 | title 25 9 8 1 | title 25 14 19 1 | title 48 5 13 1 | title 48 14 20 1 | title 99 18 16 1 | title 25 0 20 2 | title 48 0 26 2 | title 76 0 20 2 | title 99 0 20 2 | title 0 0 22 2 | title 76 13 20 2", "canvas_width": 1001, "canvas_height": 231, "elements": [ { "type": "title", "position": [ 0, 0, 190, 19 ], "completed": false }, { "type": "title", "position": [ 212, 0, 169, 19 ], "completed": false }, { "type": "title", "position": [ 402, 0, 219, 19 ], "completed": false }, { "type": "title", "position": [ 642, 0, 169, 19 ], "completed": false }, { "type": "title", "position": [ 832, 0, 169, 19 ], "completed": false }, { "type": "title", "position": [ 0, 42, 96, 16 ], "completed": false }, { "type": "title", "position": [ 212, 42, 94, 16 ], "completed": false }, { "type": "title", "position": [ 402, 42, 109, 16 ], "completed": false }, { "type": "title", "position": [ 642, 42, 102, 16 ], "completed": false }, { "type": "title", "position": [ 832, 42, 113, 16 ], "completed": false }, { "type": "title", "position": [ 0, 81, 154, 16 ], "completed": false }, { "type": "title", "position": [ 212, 81, 74, 16 ], "completed": false }, { "type": "title", "position": [ 402, 81, 52, 16 ], "completed": false }, { "type": "title", "position": [ 642, 81, 85, 16 ], "completed": false }, { "type": "title", "position": [ 832, 81, 55, 16 ], "completed": false }, { "type": "title", "position": [ 642, 116, 169, 19 ], "completed": false }, { "type": "title", "position": [ 0, 119, 104, 16 ], "completed": false }, { "type": "title", "position": [ 212, 119, 161, 16 ], "completed": false }, { "type": "title", "position": [ 402, 119, 168, 16 ], "completed": false }, { "type": "title", "position": [ 832, 119, 87, 16 ], "completed": false }, { "type": "title", "position": [ 0, 158, 106, 16 ], "completed": false }, { "type": "title", "position": [ 402, 158, 144, 16 ], "completed": false }, { "type": "title", "position": [ 642, 158, 122, 16 ], "completed": false }, { "type": "title", "position": [ 832, 158, 135, 16 ], "completed": false }, { "type": "title", "position": [ 402, 196, 182, 16 ], "completed": false }, { "type": "title", "position": [ 832, 196, 95, 16 ], "completed": false } ] }, { "text": "#A page showing some information from a website called Winaero.#The page should include five links for users to click to know the different content of the web fastly, such as Terms of use, Cookie Policy, and so on.", "region_id": "4506", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '5'] [gattr:names 'term of use, cookie policy'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 5 1 10 2 | link 17 1 10 2 | link 5 6 6 2 | link 27 6 11 2 | link 14 6 10 2", "layout_seq_without_completion": "link 5 1 10 2 | link 17 1 10 2 | link 5 6 6 2 | link 27 6 11 2 | link 14 6 10 2", "plain_layout_seq": "link 5 1 10 2 | link 17 1 10 2 | link 5 6 6 2 | link 27 6 11 2 | link 14 6 10 2", "canvas_width": 982, "canvas_height": 135, "elements": [ { "type": "link", "position": [ 45, 9, 83, 17 ], "completed": false }, { "type": "link", "position": [ 143, 9, 84, 17 ], "completed": false }, { "type": "link", "position": [ 45, 53, 54, 17 ], "completed": false }, { "type": "link", "position": [ 117, 53, 87, 17 ], "completed": false }, { "type": "link", "position": [ 222, 53, 95, 17 ], "completed": false } ] }, { "text": "# A footer page for navigation links, subscription to the newsletter, and contact information. # The page should have four groups: \"OUR POLICY\" \"QUICK LINKS\" \"CONTACT US\" and \"BE IN TOUCH WITH US\". In the first two groups, there should have 5, and 6 links respectively for the user to know some policy and info about the shop. In the third group, there should be four entries of information including support time, phone, email, and address. In the last group, there should have a short description, an input box, and a button for the user to enter the email address and click to subscribe.", "region_id": "6729", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'our policy'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value 'contact us'] ] [el:text [attr:repeat '4'] ] ] [item [el:title [attr:value 'be in touch with us'] ] [el:description [attr:size 'small'] ] [el:input [attr:value 'email'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 4 38 33 7 | text 73 6 42 14 | title 73 2 9 1 | title 4 34 33 2 | \" [ link 4 10 27 3 | link 4 14 27 3 | link 4 17 27 3 | link 4 21 27 3 | link 4 6 27 3 | title 4 2 8 1 ] | [ link 39 17 25 3 | link 39 6 25 3 | link 39 10 25 3 | link 39 14 25 3 | link 39 21 25 3 | link 39 25 25 3 | title 39 2 9 1 ] | [ button 4 54 15 5 | input 4 47 33 5 | complete text 5 47 8 5 ] \"", "layout_seq_without_completion": "description 4 38 33 7 | text 73 6 42 14 | title 73 2 9 1 | title 4 34 33 2 | \" [ link 4 10 27 3 | link 4 14 27 3 | link 4 17 27 3 | link 4 21 27 3 | link 4 6 27 3 | title 4 2 8 1 ] | [ link 39 17 25 3 | link 39 6 25 3 | link 39 10 25 3 | link 39 14 25 3 | link 39 21 25 3 | link 39 25 25 3 | title 39 2 9 1 ] | [ button 4 54 15 5 | input 4 47 33 5 | text 5 47 8 5 ] \"", "plain_layout_seq": "button 4 54 15 5 | description 4 38 33 7 | input 4 47 33 5 | link 4 10 27 3 | link 4 14 27 3 | link 4 17 27 3 | link 4 21 27 3 | link 4 6 27 3 | link 39 17 25 3 | link 39 6 25 3 | link 39 10 25 3 | link 39 14 25 3 | link 39 21 25 3 | link 39 25 25 3 | text 73 6 42 14 | text 5 47 8 5 | title 73 2 9 1 | title 4 34 33 2 | title 4 2 8 1 | title 39 2 9 1", "canvas_width": 1014, "canvas_height": 532, "elements": [ { "type": "title", "position": [ 35, 23, 76, 16 ], "completed": false }, { "type": "title", "position": [ 335, 23, 80, 16 ], "completed": false }, { "type": "title", "position": [ 619, 23, 81, 16 ], "completed": false }, { "type": "link", "position": [ 35, 54, 230, 32 ], "completed": false }, { "type": "link", "position": [ 335, 54, 214, 32 ], "completed": false }, { "type": "text", "position": [ 619, 56, 360, 120 ], "completed": false }, { "type": "link", "position": [ 35, 86, 230, 32 ], "completed": false }, { "type": "link", "position": [ 335, 86, 214, 32 ], "completed": false }, { "type": "link", "position": [ 35, 119, 230, 32 ], "completed": false }, { "type": "link", "position": [ 335, 119, 214, 32 ], "completed": false }, { "type": "link", "position": [ 35, 151, 230, 32 ], "completed": false }, { "type": "link", "position": [ 335, 151, 214, 32 ], "completed": false }, { "type": "link", "position": [ 35, 183, 230, 32 ], "completed": false }, { "type": "link", "position": [ 335, 183, 214, 32 ], "completed": false }, { "type": "link", "position": [ 335, 216, 214, 32 ], "completed": false }, { "type": "title", "position": [ 35, 288, 280, 24 ], "completed": false }, { "type": "description", "position": [ 35, 324, 280, 60 ], "completed": false }, { "type": "input", "position": [ 35, 404, 280, 48 ], "completed": false }, { "type": "text", "position": [ 48, 404, 75, 48 ], "completed": true }, { "type": "button", "position": [ 35, 464, 133, 48 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 5 groups of links for users to click to know the different content of the web fastly, such as products, industries, partners, and so on.", "region_id": "131", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:names'products, industries, partners'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete title 66 4 22 2 | \" [ link 66 9 14 1 ] | [ link 66 13 17 1 ] | [ link 66 17 13 1 ] | [ link 66 21 17 1 ] \" | \" [ link 3 9 16 1 | link 3 13 19 1 | link 3 17 20 1 | link 3 29 24 1 | link 3 33 15 1 | link 3 37 18 1 | link 3 21 17 1 | link 3 25 21 1 | link 3 41 15 1 | complete title 3 4 9 2 ] | [ link 41 9 5 1 | link 41 21 4 1 | link 41 25 5 1 | link 41 29 7 1 | link 41 33 10 1 | link 41 13 7 1 | link 41 17 7 1 | complete title 41 4 10 2 ] | [ link 66 33 13 1 | link 66 37 14 1 | complete title 66 28 8 2 ] | [ link 91 21 14 1 | link 91 32 8 1 | link 91 9 12 1 | link 91 13 8 1 | link 91 17 4 1 | link 91 25 13 4 | complete title 91 4 6 2 ] \"", "layout_seq_without_completion": "title 66 4 22 2 | \" [ link 66 9 14 1 ] | [ link 66 13 17 1 ] | [ link 66 17 13 1 ] | [ link 66 21 17 1 ] \" | \" [ link 3 9 16 1 | link 3 13 19 1 | link 3 17 20 1 | link 3 29 24 1 | link 3 33 15 1 | link 3 37 18 1 | link 3 21 17 1 | link 3 25 21 1 | link 3 41 15 1 | title 3 4 9 2 ] | [ link 41 9 5 1 | link 41 21 4 1 | link 41 25 5 1 | link 41 29 7 1 | link 41 33 10 1 | link 41 13 7 1 | link 41 17 7 1 | title 41 4 10 2 ] | [ link 66 33 13 1 | link 66 37 14 1 | title 66 28 8 2 ] | [ link 91 21 14 1 | link 91 32 8 1 | link 91 9 12 1 | link 91 13 8 1 | link 91 17 4 1 | link 91 25 13 4 | title 91 4 6 2 ] \"", "plain_layout_seq": "link 66 9 14 1 | link 66 13 17 1 | link 66 17 13 1 | link 66 21 17 1 | link 3 9 16 1 | link 3 13 19 1 | link 3 17 20 1 | link 3 29 24 1 | link 3 33 15 1 | link 3 37 18 1 | link 3 21 17 1 | link 3 25 21 1 | link 3 41 15 1 | link 41 9 5 1 | link 41 21 4 1 | link 41 25 5 1 | link 41 29 7 1 | link 41 33 10 1 | link 41 13 7 1 | link 41 17 7 1 | link 66 33 13 1 | link 66 37 14 1 | link 91 21 14 1 | link 91 32 8 1 | link 91 9 12 1 | link 91 13 8 1 | link 91 17 4 1 | link 91 25 13 4 | title 66 4 22 2 | title 3 4 9 2 | title 41 4 10 2 | title 66 28 8 2 | title 91 4 6 2", "canvas_width": 1024, "canvas_height": 413, "elements": [ { "type": "title", "position": [ 32, 40, 79, 22 ], "completed": true }, { "type": "title", "position": [ 358, 40, 87, 22 ], "completed": true }, { "type": "title", "position": [ 570, 40, 191, 22 ], "completed": true }, { "type": "title", "position": [ 781, 40, 52, 22 ], "completed": true }, { "type": "link", "position": [ 32, 81, 141, 16 ], "completed": false }, { "type": "link", "position": [ 358, 81, 51, 16 ], "completed": false }, { "type": "link", "position": [ 570, 81, 123, 16 ], "completed": false }, { "type": "link", "position": [ 781, 81, 103, 16 ], "completed": false }, { "type": "link", "position": [ 32, 115, 170, 16 ], "completed": false }, { "type": "link", "position": [ 358, 115, 62, 16 ], "completed": false }, { "type": "link", "position": [ 570, 115, 153, 16 ], "completed": false }, { "type": "link", "position": [ 781, 115, 69, 16 ], "completed": false }, { "type": "link", "position": [ 32, 149, 179, 16 ], "completed": false }, { "type": "link", "position": [ 358, 149, 62, 16 ], "completed": false }, { "type": "link", "position": [ 570, 149, 119, 16 ], "completed": false }, { "type": "link", "position": [ 781, 149, 35, 16 ], "completed": false }, { "type": "link", "position": [ 32, 183, 148, 16 ], "completed": false }, { "type": "link", "position": [ 358, 183, 36, 16 ], "completed": false }, { "type": "link", "position": [ 570, 183, 147, 16 ], "completed": false }, { "type": "link", "position": [ 781, 183, 122, 16 ], "completed": false }, { "type": "link", "position": [ 32, 217, 181, 16 ], "completed": false }, { "type": "link", "position": [ 358, 217, 45, 16 ], "completed": false }, { "type": "link", "position": [ 781, 217, 112, 40 ], "completed": false }, { "type": "title", "position": [ 570, 242, 75, 22 ], "completed": true }, { "type": "link", "position": [ 32, 251, 213, 16 ], "completed": false }, { "type": "link", "position": [ 358, 251, 68, 16 ], "completed": false }, { "type": "link", "position": [ 781, 275, 69, 16 ], "completed": false }, { "type": "link", "position": [ 570, 283, 112, 16 ], "completed": false }, { "type": "link", "position": [ 32, 285, 133, 16 ], "completed": false }, { "type": "link", "position": [ 358, 285, 89, 16 ], "completed": false }, { "type": "link", "position": [ 570, 317, 124, 16 ], "completed": false }, { "type": "link", "position": [ 32, 319, 159, 16 ], "completed": false }, { "type": "link", "position": [ 32, 353, 131, 16 ], "completed": false } ] }, { "text": "# A footer page for Nike's products links.# The page should include four groups of links with four categories, and under each one, there should be 4 sublinks where users can click the get more info. about the products they like.", "region_id": "1816", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:text] [el:link [attr:repeat '4']] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "text 8 0 4 1 | text 35 0 5 1 | text 90 0 3 1 | text 62 0 6 1 | \" [ link 8 5 21 2 ] | [ link 35 5 21 2 ] | [ link 8 9 21 2 ] | [ link 35 9 21 2 ] | [ link 8 14 21 2 ] | [ link 35 14 21 2 ] | [ link 8 18 21 2 ] | [ link 35 18 21 2 ] \" | \" [ link 62 5 21 2 ] | [ link 90 5 21 2 ] | [ link 62 9 21 2 ] | [ link 90 9 21 2 ] | [ link 62 14 21 2 ] | [ link 90 14 21 2 ] | [ link 62 18 21 2 ] | [ link 90 18 21 2 ] \"", "layout_seq_without_completion": "text 8 0 4 1 | text 35 0 5 1 | text 90 0 3 1 | text 62 0 6 1 | \" [ link 8 5 21 2 ] | [ link 35 5 21 2 ] | [ link 8 9 21 2 ] | [ link 35 9 21 2 ] | [ link 8 14 21 2 ] | [ link 35 14 21 2 ] | [ link 8 18 21 2 ] | [ link 35 18 21 2 ] \" | \" [ link 62 5 21 2 ] | [ link 90 5 21 2 ] | [ link 62 9 21 2 ] | [ link 90 9 21 2 ] | [ link 62 14 21 2 ] | [ link 90 14 21 2 ] | [ link 62 18 21 2 ] | [ link 90 18 21 2 ] \"", "plain_layout_seq": "link 8 5 21 2 | link 35 5 21 2 | link 8 9 21 2 | link 35 9 21 2 | link 8 14 21 2 | link 35 14 21 2 | link 8 18 21 2 | link 35 18 21 2 | link 62 5 21 2 | link 90 5 21 2 | link 62 9 21 2 | link 90 9 21 2 | link 62 14 21 2 | link 90 14 21 2 | link 62 18 21 2 | link 90 18 21 2 | text 8 0 4 1 | text 35 0 5 1 | text 90 0 3 1 | text 62 0 6 1", "canvas_width": 1024, "canvas_height": 192, "elements": [ { "type": "text", "position": [ 72, 3, 38, 17 ], "completed": false }, { "type": "text", "position": [ 304, 3, 45, 17 ], "completed": false }, { "type": "text", "position": [ 536, 3, 59, 17 ], "completed": false }, { "type": "text", "position": [ 768, 3, 34, 17 ], "completed": false }, { "type": "link", "position": [ 72, 48, 184, 24 ], "completed": false }, { "type": "link", "position": [ 304, 48, 184, 24 ], "completed": false }, { "type": "link", "position": [ 536, 48, 184, 24 ], "completed": false }, { "type": "link", "position": [ 768, 48, 184, 24 ], "completed": false }, { "type": "link", "position": [ 72, 84, 184, 24 ], "completed": false }, { "type": "link", "position": [ 304, 84, 184, 24 ], "completed": false }, { "type": "link", "position": [ 536, 84, 184, 24 ], "completed": false }, { "type": "link", "position": [ 768, 84, 184, 24 ], "completed": false }, { "type": "link", "position": [ 72, 120, 184, 24 ], "completed": false }, { "type": "link", "position": [ 304, 120, 184, 24 ], "completed": false }, { "type": "link", "position": [ 536, 120, 184, 24 ], "completed": false }, { "type": "link", "position": [ 768, 120, 184, 24 ], "completed": false }, { "type": "link", "position": [ 72, 156, 184, 24 ], "completed": false }, { "type": "link", "position": [ 304, 156, 184, 24 ], "completed": false }, { "type": "link", "position": [ 536, 156, 184, 24 ], "completed": false }, { "type": "link", "position": [ 768, 156, 184, 24 ], "completed": false } ] }, { "text": "#A page for users to get more information and check out its Amazon reviews.# The page should include the title \"TANKBARN\" followed by 3 links. There should also be a text \"Check out our Amazon Reviews\" and three logos of social media platforms. including Facebook and Instagram.", "region_id": "8529", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'tankbarn'] ] [el:link [attr:repeat '3'] ] [el:title [attr:value 'Check out our Amazon Reviews'] ] [el:logo [attr:value 'Facebook'] ] [el:logo [attr:value 'Instagram'] ] [el:logo] ]", "execution": "footer : link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "title 72 0 28 2 | title 2 0 21 3 | \" [ logo 72 2 2 2 ] | [ logo 77 2 2 2 ] | [ logo 81 2 4 2 ] \" | \" [ link 2 5 6 2 ] | [ link 2 9 7 2 ] | [ link 2 13 5 2 ] \"", "layout_seq_without_completion": "title 72 0 28 2 | title 2 0 21 3 | \" [ logo 72 2 2 2 ] | [ logo 77 2 2 2 ] | [ logo 81 2 4 2 ] \" | \" [ link 2 5 6 2 ] | [ link 2 9 7 2 ] | [ link 2 13 5 2 ] \"", "plain_layout_seq": "link 2 5 6 2 | link 2 9 7 2 | link 2 13 5 2 | logo 72 2 2 2 | logo 77 2 2 2 | logo 81 2 4 2 | title 72 0 28 2 | title 2 0 21 3", "canvas_width": 1024, "canvas_height": 187, "elements": [ { "type": "title", "position": [ 20, 0, 181, 33 ], "completed": false }, { "type": "title", "position": [ 622, 1, 244, 20 ], "completed": false }, { "type": "logo", "position": [ 622, 24, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 660, 24, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 698, 24, 38, 24 ], "completed": false }, { "type": "link", "position": [ 20, 48, 53, 20 ], "completed": false }, { "type": "link", "position": [ 20, 82, 68, 20 ], "completed": false }, { "type": "link", "position": [ 20, 115, 45, 20 ], "completed": false } ] }, { "text": "# A footer page for navigation of an online shop. # The page should have two lists of links \"Terms and Conditions:\" and \"See more\" for the user to learn more info about the shop. And there should be 4-5 links in each list.", "region_id": "7451", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [gattr:names 'terms and conditions:, see more'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 7 10 1 | link 3 4 10 1 | link 3 11 12 1 | link 3 14 9 1 | link 3 17 11 1 | complete title 3 0 56 2 ] | [ link 63 7 13 1 | link 63 4 4 1 | link 63 11 14 1 | link 63 14 13 1 | complete title 63 0 16 2 ] \"", "layout_seq_without_completion": "\" [ link 3 7 10 1 | link 3 4 10 1 | link 3 11 12 1 | link 3 14 9 1 | link 3 17 11 1 | title 3 0 56 2 ] | [ link 63 7 13 1 | link 63 4 4 1 | link 63 11 14 1 | link 63 14 13 1 | title 63 0 16 2 ] \"", "plain_layout_seq": "link 3 7 10 1 | link 3 4 10 1 | link 3 11 12 1 | link 3 14 9 1 | link 3 17 11 1 | link 63 7 13 1 | link 63 4 4 1 | link 63 11 14 1 | link 63 14 13 1 | title 3 0 56 2 | title 63 0 16 2", "canvas_width": 994, "canvas_height": 177, "elements": [ { "type": "title", "position": [ 30, 0, 467, 22 ], "completed": true }, { "type": "title", "position": [ 527, 0, 136, 22 ], "completed": true }, { "type": "link", "position": [ 30, 40, 86, 16 ], "completed": false }, { "type": "link", "position": [ 527, 40, 37, 16 ], "completed": false }, { "type": "link", "position": [ 30, 66, 85, 16 ], "completed": false }, { "type": "link", "position": [ 527, 66, 108, 16 ], "completed": false }, { "type": "link", "position": [ 30, 92, 101, 16 ], "completed": false }, { "type": "link", "position": [ 527, 92, 116, 16 ], "completed": false }, { "type": "link", "position": [ 30, 118, 77, 16 ], "completed": false }, { "type": "link", "position": [ 527, 118, 112, 16 ], "completed": false }, { "type": "link", "position": [ 30, 144, 94, 16 ], "completed": false } ] }, { "text": "#A page to show guidance to website users.# The company's logo is involved on the top left-hand of the page. Under this four groups of information are set. Each contains a title under which several links are paced.", "region_id": "4370", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:position 'top'] ] [gp:NavGroup [gattr:repeat '4'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : logo top undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 11 14 27 3 | \" [ link 11 30 14 1 | link 11 33 8 1 | link 11 35 12 1 | link 11 41 7 1 | link 11 27 6 1 | link 11 38 11 1 | title 11 22 16 2 ] | [ link 46 27 7 4 | link 53 27 7 4 | link 39 33 6 4 | link 31 38 7 4 | link 46 38 6 4 | link 31 27 5 1 | link 39 27 6 4 | link 31 30 4 7 | link 46 33 7 4 | link 53 33 4 4 | link 39 38 6 1 | link 53 38 7 4 | link 39 41 4 4 | link 53 44 4 1 | title 31 22 36 2 ] | [ link 71 27 7 1 | link 71 35 10 1 | link 71 38 3 1 | link 71 30 10 1 | link 71 33 11 1 | title 71 22 16 2 ] | [ link 91 33 4 1 | link 91 38 4 1 | link 91 41 3 1 | link 91 27 5 1 | link 91 30 5 1 | link 91 35 6 1 | link 91 44 4 1 | title 91 22 16 2 ] \"", "layout_seq_without_completion": "logo 11 14 27 3 | \" [ link 11 30 14 1 | link 11 33 8 1 | link 11 35 12 1 | link 11 41 7 1 | link 11 27 6 1 | link 11 38 11 1 | title 11 22 16 2 ] | [ link 46 27 7 4 | link 53 27 7 4 | link 39 33 6 4 | link 31 38 7 4 | link 46 38 6 4 | link 31 27 5 1 | link 39 27 6 4 | link 31 30 4 7 | link 46 33 7 4 | link 53 33 4 4 | link 39 38 6 1 | link 53 38 7 4 | link 39 41 4 4 | link 53 44 4 1 | title 31 22 36 2 ] | [ link 71 27 7 1 | link 71 35 10 1 | link 71 38 3 1 | link 71 30 10 1 | link 71 33 11 1 | title 71 22 16 2 ] | [ link 91 33 4 1 | link 91 38 4 1 | link 91 41 3 1 | link 91 27 5 1 | link 91 30 5 1 | link 91 35 6 1 | link 91 44 4 1 | title 91 22 16 2 ] \"", "plain_layout_seq": "link 11 30 14 1 | link 11 33 8 1 | link 11 35 12 1 | link 11 41 7 1 | link 11 27 6 1 | link 11 38 11 1 | link 46 27 7 4 | link 53 27 7 4 | link 39 33 6 4 | link 31 38 7 4 | link 46 38 6 4 | link 31 27 5 1 | link 39 27 6 4 | link 31 30 4 7 | link 46 33 7 4 | link 53 33 4 4 | link 39 38 6 1 | link 53 38 7 4 | link 39 41 4 4 | link 53 44 4 1 | link 71 27 7 1 | link 71 35 10 1 | link 71 38 3 1 | link 71 30 10 1 | link 71 33 11 1 | link 91 33 4 1 | link 91 38 4 1 | link 91 41 3 1 | link 91 27 5 1 | link 91 30 5 1 | link 91 35 6 1 | link 91 44 4 1 | logo 11 14 27 3 | title 11 22 16 2 | title 31 22 36 2 | title 71 22 16 2 | title 91 22 16 2", "canvas_width": 1009, "canvas_height": 487, "elements": [ { "type": "logo", "position": [ 100, 120, 230, 32 ], "completed": false }, { "type": "title", "position": [ 100, 192, 138, 24 ], "completed": false }, { "type": "title", "position": [ 268, 192, 306, 24 ], "completed": false }, { "type": "title", "position": [ 603, 192, 138, 24 ], "completed": false }, { "type": "title", "position": [ 771, 192, 138, 24 ], "completed": false }, { "type": "link", "position": [ 100, 230, 52, 13 ], "completed": false }, { "type": "link", "position": [ 268, 230, 49, 13 ], "completed": false }, { "type": "link", "position": [ 328, 230, 55, 37 ], "completed": false }, { "type": "link", "position": [ 389, 230, 67, 37 ], "completed": false }, { "type": "link", "position": [ 449, 230, 59, 37 ], "completed": false }, { "type": "link", "position": [ 603, 230, 62, 13 ], "completed": false }, { "type": "link", "position": [ 771, 230, 43, 13 ], "completed": false }, { "type": "link", "position": [ 100, 254, 121, 13 ], "completed": false }, { "type": "link", "position": [ 268, 254, 42, 61 ], "completed": false }, { "type": "link", "position": [ 603, 254, 85, 13 ], "completed": false }, { "type": "link", "position": [ 771, 254, 48, 13 ], "completed": false }, { "type": "link", "position": [ 100, 278, 68, 13 ], "completed": false }, { "type": "link", "position": [ 328, 278, 52, 37 ], "completed": false }, { "type": "link", "position": [ 389, 278, 63, 37 ], "completed": false }, { "type": "link", "position": [ 449, 278, 41, 37 ], "completed": false }, { "type": "link", "position": [ 603, 278, 99, 13 ], "completed": false }, { "type": "link", "position": [ 771, 278, 39, 13 ], "completed": false }, { "type": "link", "position": [ 100, 302, 103, 13 ], "completed": false }, { "type": "link", "position": [ 603, 302, 86, 13 ], "completed": false }, { "type": "link", "position": [ 771, 302, 51, 13 ], "completed": false }, { "type": "link", "position": [ 100, 326, 99, 13 ], "completed": false }, { "type": "link", "position": [ 268, 326, 60, 37 ], "completed": false }, { "type": "link", "position": [ 328, 326, 58, 13 ], "completed": false }, { "type": "link", "position": [ 389, 326, 58, 37 ], "completed": false }, { "type": "link", "position": [ 449, 326, 62, 37 ], "completed": false }, { "type": "link", "position": [ 603, 326, 32, 13 ], "completed": false }, { "type": "link", "position": [ 771, 326, 42, 13 ], "completed": false }, { "type": "link", "position": [ 100, 350, 62, 13 ], "completed": false }, { "type": "link", "position": [ 328, 350, 38, 37 ], "completed": false }, { "type": "link", "position": [ 771, 350, 28, 13 ], "completed": false }, { "type": "link", "position": [ 449, 374, 37, 13 ], "completed": false }, { "type": "link", "position": [ 771, 374, 42, 13 ], "completed": false } ] }, { "text": "# A footer page for a company's info.# The page should have a link \"About\" for the user to click to know more info about the company, and a title \"Follow us on Social\" with 5 icons for the user to follow the company on social media platforms Blogger, Facebook, Twitter, Instagram, and Pinterest. Also, there should have an input box with a search icon where the user can input and click to search the site.", "region_id": "4547", "region_type": "Footer", "ir": "[region:Footer [el:link [attr:value 'about'] ] [el:title [attr:value 'follow us on social'] ] [el:icon [attr:value 'Blogger'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'Pinterest'] ] [el:input [attr:value 'search the site'] ] [el:icon [attr:value 'search ']] ]", "execution": "footer : input undefined undefined | link undefined undefined | title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 115 2 1 1 | input 87 0 30 5 | link 1 1 4 1 | title 7 1 14 4 | \" [ icon 23 1 1 1 ] | [ icon 26 1 1 1 ] | [ icon 29 1 1 1 ] | [ icon 32 1 1 1 ] | [ icon 35 1 1 1 ] \"", "layout_seq_without_completion": "icon 115 2 1 1 | input 87 0 30 5 | link 1 1 4 1 | title 7 1 14 4 | \" [ icon 23 1 1 1 ] | [ icon 26 1 1 1 ] | [ icon 29 1 1 1 ] | [ icon 32 1 1 1 ] | [ icon 35 1 1 1 ] \"", "plain_layout_seq": "icon 115 2 1 1 | icon 23 1 1 1 | icon 26 1 1 1 | icon 29 1 1 1 | icon 32 1 1 1 | icon 35 1 1 1 | input 87 0 30 5 | link 1 1 4 1 | title 7 1 14 4", "canvas_width": 1035, "canvas_height": 62, "elements": [ { "type": "input", "position": [ 752, 8, 266, 46 ], "completed": false }, { "type": "title", "position": [ 66, 12, 124, 38 ], "completed": false }, { "type": "link", "position": [ 16, 15, 37, 16 ], "completed": false }, { "type": "icon", "position": [ 202, 16, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 228, 16, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 254, 16, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 280, 16, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 306, 16, 14, 14 ], "completed": false }, { "type": "icon", "position": [ 995, 22, 14, 14 ], "completed": false } ] }, { "text": "#A page for showing more information about the web to users.# The page has a logo of the brand, five links for users to click to get further information, a sentence reminding users of the way to get the App, an icon named \u201cGoogle Play\u201d for users to click to download the App, and three logos of social media.", "region_id": "4283", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:total_link '5'] [item [el:link] ] ] [el:text] [el:icon [attr:value 'Google Play'] ] [el:logo [attr:repeat '3'] ] ]", "execution": "footer : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | { [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 92 0 11 3 | link 24 1 4 2 | link 13 1 7 2 | link 40 1 10 2 | link 32 1 4 2 | link 3 1 7 2 | logo 104 0 3 3 | logo 110 0 3 3 | logo 115 0 3 3 | logo 0 1 2 2 | text 54 1 35 2", "layout_seq_without_completion": "icon 92 0 11 3 | link 24 1 4 2 | link 13 1 7 2 | link 40 1 10 2 | link 32 1 4 2 | link 3 1 7 2 | logo 104 0 3 3 | logo 110 0 3 3 | logo 115 0 3 3 | logo 0 1 2 2 | text 54 1 35 2", "plain_layout_seq": "icon 92 0 11 3 | link 24 1 4 2 | link 13 1 7 2 | link 40 1 10 2 | link 32 1 4 2 | link 3 1 7 2 | logo 104 0 3 3 | logo 110 0 3 3 | logo 115 0 3 3 | logo 0 1 2 2 | text 54 1 35 2", "canvas_width": 972, "canvas_height": 44, "elements": [ { "type": "icon", "position": [ 746, 8, 95, 28 ], "completed": false }, { "type": "logo", "position": [ 848, 8, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 892, 8, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 936, 8, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 0, 10, 24, 24 ], "completed": false }, { "type": "link", "position": [ 112, 10, 58, 22 ], "completed": false }, { "type": "link", "position": [ 202, 10, 33, 22 ], "completed": false }, { "type": "link", "position": [ 267, 10, 33, 22 ], "completed": false }, { "type": "link", "position": [ 332, 10, 84, 22 ], "completed": false }, { "type": "text", "position": [ 440, 11, 290, 17 ], "completed": false }, { "type": "link", "position": [ 32, 12, 64, 17 ], "completed": false } ] }, { "text": "#A footer with some information for users to learn more about the company.# There are three groups named 'MENU', 'MANUFACTURED BY...', and 'CONTACT US'. The first group contains some links. The second group has a description. The third group has two texts for a phone number and email address.", "region_id": "6526", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'meanu'] ] [el:link [attr:repeat 'several'] ] ] [item \n [el:title [attr:value 'manufactured by...'] ] [el:description] ] [item [el:title [attr:value 'contact us'] ] [el:text [attr:value 'phone number'] ] [el:text [attr:value 'email address'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 43 3 36 9 | title 43 0 36 2 | \" [ link 3 12 4 2 | link 3 20 29 2 | link 3 25 19 2 | link 3 29 12 2 | link 3 4 6 2 | link 3 8 14 2 | link 3 16 16 2 | link 3 33 9 2 | title 3 0 36 2 ] | [ text 83 4 22 2 | text 83 7 30 2 | title 83 0 36 2 ] \"", "layout_seq_without_completion": "description 43 3 36 9 | title 43 0 36 2 | \" [ link 3 12 4 2 | link 3 20 29 2 | link 3 25 19 2 | link 3 29 12 2 | link 3 4 6 2 | link 3 8 14 2 | link 3 16 16 2 | link 3 33 9 2 | title 3 0 36 2 ] | [ text 83 4 22 2 | text 83 7 30 2 | title 83 0 36 2 ] \"", "plain_layout_seq": "description 43 3 36 9 | link 3 12 4 2 | link 3 20 29 2 | link 3 25 19 2 | link 3 29 12 2 | link 3 4 6 2 | link 3 8 14 2 | link 3 16 16 2 | link 3 33 9 2 | text 83 4 22 2 | text 83 7 30 2 | title 43 0 36 2 | title 3 0 36 2 | title 83 0 36 2", "canvas_width": 999, "canvas_height": 355, "elements": [ { "type": "title", "position": [ 25, 0, 303, 21 ], "completed": false }, { "type": "title", "position": [ 360, 0, 303, 21 ], "completed": false }, { "type": "title", "position": [ 696, 0, 303, 21 ], "completed": false }, { "type": "description", "position": [ 360, 32, 303, 81 ], "completed": false }, { "type": "link", "position": [ 25, 34, 52, 23 ], "completed": false }, { "type": "text", "position": [ 696, 34, 186, 23 ], "completed": false }, { "type": "text", "position": [ 696, 62, 251, 23 ], "completed": false }, { "type": "link", "position": [ 25, 70, 123, 23 ], "completed": false }, { "type": "link", "position": [ 25, 104, 38, 23 ], "completed": false }, { "type": "link", "position": [ 25, 140, 138, 23 ], "completed": false }, { "type": "link", "position": [ 25, 174, 245, 23 ], "completed": false }, { "type": "link", "position": [ 25, 210, 163, 23 ], "completed": false }, { "type": "link", "position": [ 25, 244, 102, 23 ], "completed": false }, { "type": "link", "position": [ 25, 280, 83, 23 ], "completed": false } ] }, { "text": "#A page to provide more information about \"us\" to the users.# On this page, four groups of information are involved. Each contains a title placed under several related links. And at the bottom of the page, a link \" G-six Boxing Central Coast\" is set.", "region_id": "8700", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] [el:link [attr:value 'g-six boxing central coast'] [attr:position 'bottom'] ] ]", "execution": "footer : link bottom undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 52 16 15 2 | link 23 16 11 2 | link 2 53 28 2 | title 52 11 25 2 | title 23 11 25 2 | \" [ link 4 27 7 2 | link 4 37 10 2 | link 4 16 5 2 | link 4 22 8 2 | link 4 32 7 2 | title 4 11 15 2 ] | [ link 80 16 6 2 | link 80 22 5 2 | link 80 27 5 2 | title 80 11 25 2 ] \"", "layout_seq_without_completion": "link 52 16 15 2 | link 23 16 11 2 | link 2 53 28 2 | title 52 11 25 2 | title 23 11 25 2 | \" [ link 4 27 7 2 | link 4 37 10 2 | link 4 16 5 2 | link 4 22 8 2 | link 4 32 7 2 | title 4 11 15 2 ] | [ link 80 16 6 2 | link 80 22 5 2 | link 80 27 5 2 | title 80 11 25 2 ] \"", "plain_layout_seq": "link 52 16 15 2 | link 23 16 11 2 | link 2 53 28 2 | link 4 27 7 2 | link 4 37 10 2 | link 4 16 5 2 | link 4 22 8 2 | link 4 32 7 2 | link 80 16 6 2 | link 80 22 5 2 | link 80 27 5 2 | title 52 11 25 2 | title 23 11 25 2 | title 4 11 15 2 | title 80 11 25 2", "canvas_width": 1024, "canvas_height": 499, "elements": [ { "type": "title", "position": [ 40, 95, 132, 24 ], "completed": false }, { "type": "title", "position": [ 202, 95, 214, 24 ], "completed": false }, { "type": "title", "position": [ 446, 95, 214, 24 ], "completed": false }, { "type": "title", "position": [ 689, 95, 214, 24 ], "completed": false }, { "type": "link", "position": [ 40, 145, 45, 21 ], "completed": false }, { "type": "link", "position": [ 202, 145, 95, 21 ], "completed": false }, { "type": "link", "position": [ 446, 145, 131, 21 ], "completed": false }, { "type": "link", "position": [ 689, 145, 53, 21 ], "completed": false }, { "type": "link", "position": [ 40, 189, 70, 21 ], "completed": false }, { "type": "link", "position": [ 689, 189, 47, 21 ], "completed": false }, { "type": "link", "position": [ 40, 233, 64, 21 ], "completed": false }, { "type": "link", "position": [ 689, 233, 51, 21 ], "completed": false }, { "type": "link", "position": [ 40, 276, 66, 21 ], "completed": false }, { "type": "link", "position": [ 40, 320, 91, 21 ], "completed": false }, { "type": "link", "position": [ 25, 459, 244, 20 ], "completed": false } ] }, { "text": "# A page for a set of links of the company HCA Healthcare, the user can click the links to know more about the company. # There should be an image of the logo of the company. Two text boxes about location and contact information are needed. There should be three groups of links \"Main Navigation\" \"Helpful Links\" and \"Follow Us\". In the first two groups, there should be 6-7 links for the user to click to know more information. In the final group, there should be 6 images of the app logo. So the user can follow the company on Facebook, Twitter, and so on.", "region_id": "1380", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:text [attr:repeat '2']] [gp:NavGroup [item [el:title [attr:value'Main navigation']] [el:link [attr:repeat '6'] ] ] [item [el:title [attr:value'Helpful links']] [el:link [attr:repeat '7'] ] ] [item [el:title [attr:value'Follow us']] [el:logo [attr:repeat '6'] ] ] ] ]", "execution": "footer : logo undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 98 9 4 4 | logo 109 9 4 4 | logo 93 9 4 4 | logo 103 9 4 4 | logo 93 14 4 4 | logo 98 14 4 4 | title 92 5 21 2 | \" [ complete link 13 22 11 2 | logo 5 3 16 6 | text 5 12 24 8 | text 5 22 8 1 ] | [ link 42 9 4 2 | link 42 12 9 2 | link 42 15 5 2 | link 42 22 5 2 | link 42 25 6 2 | link 42 19 7 2 | title 42 5 21 2 ] | [ link 68 15 16 2 | link 68 19 9 2 | link 68 9 9 2 | link 68 12 8 2 | link 68 22 9 2 | link 68 25 6 2 | link 68 29 5 2 | title 68 5 21 2 ] \"", "layout_seq_without_completion": "logo 98 9 4 4 | logo 109 9 4 4 | logo 93 9 4 4 | logo 103 9 4 4 | logo 93 14 4 4 | logo 98 14 4 4 | title 92 5 21 2 | \" [ link 13 22 11 2 | logo 5 3 16 6 | text 5 12 24 8 | text 5 22 8 1 ] | [ link 42 9 4 2 | link 42 12 9 2 | link 42 15 5 2 | link 42 22 5 2 | link 42 25 6 2 | link 42 19 7 2 | title 42 5 21 2 ] | [ link 68 15 16 2 | link 68 19 9 2 | link 68 9 9 2 | link 68 12 8 2 | link 68 22 9 2 | link 68 25 6 2 | link 68 29 5 2 | title 68 5 21 2 ] \"", "plain_layout_seq": "link 13 22 11 2 | link 42 9 4 2 | link 42 12 9 2 | link 42 15 5 2 | link 42 22 5 2 | link 42 25 6 2 | link 42 19 7 2 | link 68 15 16 2 | link 68 19 9 2 | link 68 9 9 2 | link 68 12 8 2 | link 68 22 9 2 | link 68 25 6 2 | link 68 29 5 2 | logo 98 9 4 4 | logo 109 9 4 4 | logo 93 9 4 4 | logo 103 9 4 4 | logo 93 14 4 4 | logo 98 14 4 4 | logo 5 3 16 6 | text 5 12 24 8 | text 5 22 8 1 | title 92 5 21 2 | title 42 5 21 2 | title 68 5 21 2", "canvas_width": 1034, "canvas_height": 306, "elements": [ { "type": "logo", "position": [ 47, 30, 140, 60 ], "completed": false }, { "type": "title", "position": [ 370, 45, 185, 18 ], "completed": false }, { "type": "title", "position": [ 586, 45, 185, 18 ], "completed": false }, { "type": "title", "position": [ 801, 45, 185, 18 ], "completed": false }, { "type": "link", "position": [ 370, 78, 37, 24 ], "completed": false }, { "type": "link", "position": [ 586, 78, 81, 24 ], "completed": false }, { "type": "logo", "position": [ 804, 81, 35, 35 ], "completed": false }, { "type": "logo", "position": [ 850, 81, 35, 35 ], "completed": false }, { "type": "logo", "position": [ 896, 81, 35, 35 ], "completed": false }, { "type": "logo", "position": [ 942, 81, 35, 35 ], "completed": false }, { "type": "link", "position": [ 370, 107, 78, 24 ], "completed": false }, { "type": "link", "position": [ 586, 107, 69, 24 ], "completed": false }, { "type": "text", "position": [ 47, 110, 213, 72 ], "completed": false }, { "type": "logo", "position": [ 804, 123, 35, 35 ], "completed": false }, { "type": "logo", "position": [ 850, 123, 35, 35 ], "completed": false }, { "type": "link", "position": [ 370, 136, 51, 24 ], "completed": false }, { "type": "link", "position": [ 586, 136, 139, 24 ], "completed": false }, { "type": "link", "position": [ 370, 165, 67, 24 ], "completed": false }, { "type": "link", "position": [ 586, 165, 78, 24 ], "completed": false }, { "type": "link", "position": [ 119, 192, 96, 24 ], "completed": true }, { "type": "link", "position": [ 370, 194, 44, 24 ], "completed": false }, { "type": "link", "position": [ 586, 194, 83, 24 ], "completed": false }, { "type": "text", "position": [ 47, 196, 72, 16 ], "completed": false }, { "type": "link", "position": [ 370, 223, 57, 24 ], "completed": false }, { "type": "link", "position": [ 586, 223, 56, 24 ], "completed": false }, { "type": "link", "position": [ 586, 252, 50, 24 ], "completed": false } ] }, { "text": "#A footer with some information for users to learn more about the company.# There are two groups on the page. One group contains three links for users to get more information. The other group has an input box for an email address and a button to subscribe.", "region_id": "7219", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:link [attr:repeat '3'] ] ] [item [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ button undefined undefined | input undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 23 2 | link 33 5 9 2 | link 46 5 9 2 | complete title 6 0 49 2 ] | [ button 101 7 9 1 | input 61 6 37 5 | complete title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 5 23 2 | link 33 5 9 2 | link 46 5 9 2 | title 6 0 49 2 ] | [ button 101 7 9 1 | input 61 6 37 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 101 7 9 1 | input 61 6 37 5 | link 6 5 23 2 | link 33 5 9 2 | link 46 5 9 2 | title 6 0 49 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 144, "elements": [ { "type": "title", "position": [ 55, 0, 420, 23 ], "completed": true }, { "type": "title", "position": [ 527, 0, 442, 23 ], "completed": true }, { "type": "link", "position": [ 55, 48, 198, 19 ], "completed": false }, { "type": "link", "position": [ 283, 48, 83, 19 ], "completed": false }, { "type": "link", "position": [ 396, 48, 79, 19 ], "completed": false }, { "type": "input", "position": [ 527, 52, 324, 46 ], "completed": false }, { "type": "button", "position": [ 870, 67, 80, 17 ], "completed": false } ] }, { "text": "# A page for a company. # There should be six groups of text boxes on the page: \"Contact us\" \"Suppliers & Vendors\" \"Startups & Innovation\" \"Nutrition Community\" and \"Consumers\". In each part, there should contain 2-3 links. The user can click the links to know more information of the company such as investor, media, and so on.", "region_id": "1745", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'contact us, suppliers & vendors, startups & innovation, nutrition community, consumers'] [item [el:link [attr:repeat '3'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 13 10 2 | link 1 17 8 2 | link 1 21 6 2 | complete title 1 0 18 7 ] | [ link 25 13 20 6 | link 25 21 13 2 | complete title 25 0 18 7 ] | [ link 49 13 12 2 | link 49 17 16 6 | complete title 49 0 18 7 ] | [ link 73 21 17 6 | link 73 13 16 6 | complete title 73 0 18 7 ] | [ link 97 13 16 2 | link 97 17 11 2 | complete title 97 0 18 7 ] \"", "layout_seq_without_completion": "\" [ link 1 13 10 2 | link 1 17 8 2 | link 1 21 6 2 | title 1 0 18 7 ] | [ link 25 13 20 6 | link 25 21 13 2 | title 25 0 18 7 ] | [ link 49 13 12 2 | link 49 17 16 6 | title 49 0 18 7 ] | [ link 73 21 17 6 | link 73 13 16 6 | title 73 0 18 7 ] | [ link 97 13 16 2 | link 97 17 11 2 | title 97 0 18 7 ] \"", "plain_layout_seq": "link 1 13 10 2 | link 1 17 8 2 | link 1 21 6 2 | link 25 13 20 6 | link 25 21 13 2 | link 49 13 12 2 | link 49 17 16 6 | link 73 21 17 6 | link 73 13 16 6 | link 97 13 16 2 | link 97 17 11 2 | title 1 0 18 7 | title 25 0 18 7 | title 49 0 18 7 | title 73 0 18 7 | title 97 0 18 7", "canvas_width": 960, "canvas_height": 226, "elements": [ { "type": "title", "position": [ 15, 0, 150, 60 ], "completed": true }, { "type": "title", "position": [ 207, 0, 150, 60 ], "completed": true }, { "type": "title", "position": [ 399, 0, 150, 60 ], "completed": true }, { "type": "title", "position": [ 591, 0, 150, 60 ], "completed": true }, { "type": "title", "position": [ 783, 0, 150, 60 ], "completed": true }, { "type": "link", "position": [ 15, 105, 85, 22 ], "completed": false }, { "type": "link", "position": [ 207, 105, 160, 54 ], "completed": false }, { "type": "link", "position": [ 399, 105, 103, 22 ], "completed": false }, { "type": "link", "position": [ 591, 105, 133, 54 ], "completed": false }, { "type": "link", "position": [ 783, 105, 133, 22 ], "completed": false }, { "type": "link", "position": [ 15, 137, 70, 22 ], "completed": false }, { "type": "link", "position": [ 399, 137, 129, 53 ], "completed": false }, { "type": "link", "position": [ 783, 137, 90, 22 ], "completed": false }, { "type": "link", "position": [ 15, 168, 49, 22 ], "completed": false }, { "type": "link", "position": [ 207, 168, 106, 22 ], "completed": false }, { "type": "link", "position": [ 591, 168, 136, 54 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a title, and 4 groups including real estate market, popular search, property for sale, and property for rent while each group has some links for users to click to jump to the corresponding page.", "region_id": "4177", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:repeat '4'] [gattr:names 'real estate market, popular search, property for sale, property for rent'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 32 7 27 3 | link 32 10 27 3 | link 60 7 27 3 | link 4 27 27 3 | link 32 27 27 3 | link 60 27 27 3 | link 4 13 27 3 | link 4 17 27 3 | link 4 20 27 3 | link 4 24 27 3 | link 32 24 27 3 | link 87 13 27 3 | link 60 24 27 3 | link 87 17 27 5 | link 87 22 27 3 | link 32 20 27 3 | link 60 10 27 3 | link 60 13 27 3 | link 60 17 27 3 | link 60 20 27 3 | link 87 7 27 3 | link 87 10 27 3 | link 4 7 27 3 | link 4 10 27 3 | link 32 13 27 3 | link 32 17 27 3 | link 87 25 27 3 | link 87 29 27 3 | link 4 30 27 2 | link 32 30 27 2 | link 87 32 27 2 | link 60 30 27 2 | title 87 4 27 3 | title 4 4 27 3 | title 32 4 27 3 | title 60 4 27 3", "layout_seq_without_completion": "link 32 7 27 3 | link 32 10 27 3 | link 60 7 27 3 | link 4 27 27 3 | link 32 27 27 3 | link 60 27 27 3 | link 4 13 27 3 | link 4 17 27 3 | link 4 20 27 3 | link 4 24 27 3 | link 32 24 27 3 | link 87 13 27 3 | link 60 24 27 3 | link 87 17 27 5 | link 87 22 27 3 | link 32 20 27 3 | link 60 10 27 3 | link 60 13 27 3 | link 60 17 27 3 | link 60 20 27 3 | link 87 7 27 3 | link 87 10 27 3 | link 4 7 27 3 | link 4 10 27 3 | link 32 13 27 3 | link 32 17 27 3 | link 87 25 27 3 | link 87 29 27 3 | link 4 30 27 2 | link 32 30 27 2 | link 87 32 27 2 | link 60 30 27 2 | title 87 4 27 3 | title 4 4 27 3 | title 32 4 27 3 | title 60 4 27 3", "plain_layout_seq": "link 32 7 27 3 | link 32 10 27 3 | link 60 7 27 3 | link 4 27 27 3 | link 32 27 27 3 | link 60 27 27 3 | link 4 13 27 3 | link 4 17 27 3 | link 4 20 27 3 | link 4 24 27 3 | link 32 24 27 3 | link 87 13 27 3 | link 60 24 27 3 | link 87 17 27 5 | link 87 22 27 3 | link 32 20 27 3 | link 60 10 27 3 | link 60 13 27 3 | link 60 17 27 3 | link 60 20 27 3 | link 87 7 27 3 | link 87 10 27 3 | link 4 7 27 3 | link 4 10 27 3 | link 32 13 27 3 | link 32 17 27 3 | link 87 25 27 3 | link 87 29 27 3 | link 4 30 27 2 | link 32 30 27 2 | link 87 32 27 2 | link 60 30 27 2 | title 87 4 27 3 | title 4 4 27 3 | title 32 4 27 3 | title 60 4 27 3", "canvas_width": 1024, "canvas_height": 338, "elements": [ { "type": "title", "position": [ 35, 35, 234, 26 ], "completed": false }, { "type": "title", "position": [ 274, 35, 234, 26 ], "completed": false }, { "type": "title", "position": [ 512, 35, 234, 26 ], "completed": false }, { "type": "title", "position": [ 750, 35, 234, 26 ], "completed": false }, { "type": "link", "position": [ 35, 61, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 61, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 61, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 61, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 90, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 90, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 90, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 90, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 119, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 119, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 119, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 119, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 148, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 148, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 148, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 148, 234, 43 ], "completed": false }, { "type": "link", "position": [ 35, 177, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 177, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 177, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 191, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 206, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 206, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 206, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 220, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 235, 234, 29 ], "completed": false }, { "type": "link", "position": [ 274, 235, 234, 29 ], "completed": false }, { "type": "link", "position": [ 512, 235, 234, 29 ], "completed": false }, { "type": "link", "position": [ 750, 249, 234, 29 ], "completed": false }, { "type": "link", "position": [ 35, 264, 234, 25 ], "completed": false }, { "type": "link", "position": [ 274, 264, 234, 25 ], "completed": false }, { "type": "link", "position": [ 512, 264, 234, 25 ], "completed": false }, { "type": "link", "position": [ 750, 278, 234, 25 ], "completed": false } ] }, { "text": "#A page introducing more detailed information on Raizi Online Store# Three groups' information is involved on this page. The first one contains the title of \"Raizi Online Store\" placed above the description of this store. And the second group includes the title of \"footer Menu\" under which the different aspects included in the menu is involved. And in the third group, there is the title \"Newsletter\", a short description, an input with the words \"your email\" inside and a bottom of \"Subscribe\" from the top to the bottom.", "region_id": "6948", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'raizi online store'] ] [el:description] ] [item [el:title [attr:value 'footer Menu'] ] [el:text[attr:repeat'several']] ] [item [el:title [attr:value 'Newsletter'] ] [el:description [attr:size 'small'] ] [el:input[attr:value'your email']] [el:button[attr:value'Subscribe'] [attr:position 'bottom'] ] ] ] ]", "execution": "footer : { [ description undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ button bottom undefined | description undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 82 6 33 7 | description 4 6 37 23 | title 82 2 33 2 | title 4 2 15 1 | \" [ text 49 6 24 3 | text 49 10 24 3 | text 49 25 24 3 | text 49 14 24 3 | text 49 17 24 3 | text 49 21 24 3 | text 49 29 24 3 | text 49 33 24 3 | title 49 2 10 1 ] | [ button 82 23 15 5 | input 82 16 33 5 | complete text 84 16 8 5 ] \"", "layout_seq_without_completion": "description 82 6 33 7 | description 4 6 37 23 | title 82 2 33 2 | title 4 2 15 1 | \" [ text 49 6 24 3 | text 49 10 24 3 | text 49 25 24 3 | text 49 14 24 3 | text 49 17 24 3 | text 49 21 24 3 | text 49 29 24 3 | text 49 33 24 3 | title 49 2 10 1 ] | [ button 82 23 15 5 | input 82 16 33 5 | text 84 16 8 5 ] \"", "plain_layout_seq": "button 82 23 15 5 | description 82 6 33 7 | description 4 6 37 23 | input 82 16 33 5 | text 49 6 24 3 | text 49 10 24 3 | text 49 25 24 3 | text 49 14 24 3 | text 49 17 24 3 | text 49 21 24 3 | text 49 29 24 3 | text 49 33 24 3 | text 84 16 8 5 | title 82 2 33 2 | title 4 2 15 1 | title 49 2 10 1", "canvas_width": 1014, "canvas_height": 333, "elements": [ { "type": "title", "position": [ 699, 20, 280, 24 ], "completed": false }, { "type": "title", "position": [ 35, 23, 130, 16 ], "completed": false }, { "type": "title", "position": [ 422, 23, 92, 16 ], "completed": false }, { "type": "text", "position": [ 422, 54, 207, 32 ], "completed": false }, { "type": "description", "position": [ 35, 56, 317, 202 ], "completed": false }, { "type": "description", "position": [ 699, 56, 280, 60 ], "completed": false }, { "type": "text", "position": [ 422, 86, 207, 32 ], "completed": false }, { "type": "text", "position": [ 422, 119, 207, 32 ], "completed": false }, { "type": "input", "position": [ 699, 136, 280, 48 ], "completed": false }, { "type": "text", "position": [ 712, 136, 75, 48 ], "completed": true }, { "type": "text", "position": [ 422, 151, 207, 32 ], "completed": false }, { "type": "text", "position": [ 422, 183, 207, 32 ], "completed": false }, { "type": "button", "position": [ 699, 196, 133, 48 ], "completed": false }, { "type": "text", "position": [ 422, 216, 207, 32 ], "completed": false }, { "type": "text", "position": [ 422, 248, 207, 32 ], "completed": false }, { "type": "text", "position": [ 422, 281, 207, 32 ], "completed": false } ] }, { "text": "# A footer page for a company to know more info. # There should have two lists of links: \"Tell Me More\" and \"Information\" and an image. There should have 4 and 6 links respectively in the first and second list. So the user can click the links for more info.", "region_id": "6399", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'tell me more'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'information'] ] [el:link [attr:repeat '6'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete logo 94 0 25 25 | \" [ link 0 5 7 3 | link 0 18 9 4 | link 0 9 9 4 | link 0 14 6 4 | title 0 0 39 2 ] | [ link 40 5 3 3 | link 40 9 7 4 | link 40 14 12 4 | link 40 23 14 4 | link 40 18 12 4 | link 40 28 31 4 | title 40 0 39 2 ] \"", "layout_seq_without_completion": "logo 94 0 25 25 | \" [ link 0 5 7 3 | link 0 18 9 4 | link 0 9 9 4 | link 0 14 6 4 | title 0 0 39 2 ] | [ link 40 5 3 3 | link 40 9 7 4 | link 40 14 12 4 | link 40 23 14 4 | link 40 18 12 4 | link 40 28 31 4 | title 40 0 39 2 ] \"", "plain_layout_seq": "link 0 5 7 3 | link 0 18 9 4 | link 0 9 9 4 | link 0 14 6 4 | link 40 5 3 3 | link 40 9 7 4 | link 40 14 12 4 | link 40 23 14 4 | link 40 18 12 4 | link 40 28 31 4 | logo 94 0 25 25 | title 0 0 39 2 | title 40 0 39 2", "canvas_width": 924, "canvas_height": 252, "elements": [ { "type": "title", "position": [ 0, 0, 303, 23 ], "completed": false }, { "type": "title", "position": [ 311, 0, 303, 23 ], "completed": false }, { "type": "logo", "position": [ 724, 0, 200, 200 ], "completed": true }, { "type": "link", "position": [ 0, 45, 61, 30 ], "completed": false }, { "type": "link", "position": [ 311, 45, 27, 30 ], "completed": false }, { "type": "link", "position": [ 0, 75, 76, 35 ], "completed": false }, { "type": "link", "position": [ 311, 75, 59, 35 ], "completed": false }, { "type": "link", "position": [ 0, 111, 53, 35 ], "completed": false }, { "type": "link", "position": [ 311, 111, 93, 35 ], "completed": false }, { "type": "link", "position": [ 0, 146, 70, 35 ], "completed": false }, { "type": "link", "position": [ 311, 146, 95, 35 ], "completed": false }, { "type": "link", "position": [ 311, 181, 114, 35 ], "completed": false }, { "type": "link", "position": [ 311, 216, 243, 35 ], "completed": false } ] }, { "text": "# A page to show guidance for users.# On this page, first the logo of the company is involved on the left side, and then three groups of information are set next to the logo, of which each contains a title. Except for the third group, the other two contain several links under their title. And in the third group, a short description is placed between the title and an input vertically, and in the input, the words \"Enter your email\" are put on the left, with an icon of \"envelope\" on the right.", "region_id": "7774", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:position 'left'] ] [gp:NavGroup [item [el:title] [el:link [attr:repeat 'several'] ] ] [item [el:title] [el:link [attr:repeat 'several'] ] ] [item [el:title] [el:description [attr:size'small']] [el:input [attr:value 'Enter your email'] ] [el:icon [attr:position 'right'] ] ] ] ]", "execution": "footer : logo left undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined small | icon right undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 2 0 12 10 | title 79 0 29 2 | \" [ link 24 7 5 3 | link 24 11 8 3 | link 24 15 7 3 | link 24 19 8 3 | title 24 0 22 4 ] | [ link 49 4 11 3 | link 49 8 12 3 | link 49 13 14 3 | title 49 0 27 2 ] | [ description 79 4 29 8 | icon 105 16 3 2 | input 79 14 29 5 ] \"", "layout_seq_without_completion": "logo 2 0 12 10 | title 79 0 29 2 | \" [ link 24 7 5 3 | link 24 11 8 3 | link 24 15 7 3 | link 24 19 8 3 | title 24 0 22 4 ] | [ link 49 4 11 3 | link 49 8 12 3 | link 49 13 14 3 | title 49 0 27 2 ] | [ description 79 4 29 8 | icon 105 16 3 2 | input 79 14 29 5 ] \"", "plain_layout_seq": "description 79 4 29 8 | icon 105 16 3 2 | input 79 14 29 5 | link 24 7 5 3 | link 24 11 8 3 | link 24 15 7 3 | link 24 19 8 3 | link 49 4 11 3 | link 49 8 12 3 | link 49 13 14 3 | logo 2 0 12 10 | title 79 0 29 2 | title 24 0 22 4 | title 49 0 27 2", "canvas_width": 966, "canvas_height": 193, "elements": [ { "type": "logo", "position": [ 22, 0, 104, 86 ], "completed": false }, { "type": "title", "position": [ 196, 0, 181, 38 ], "completed": false }, { "type": "title", "position": [ 399, 0, 220, 19 ], "completed": false }, { "type": "title", "position": [ 640, 0, 237, 19 ], "completed": false }, { "type": "link", "position": [ 399, 39, 90, 30 ], "completed": false }, { "type": "description", "position": [ 640, 39, 237, 65 ], "completed": false }, { "type": "link", "position": [ 196, 58, 44, 30 ], "completed": false }, { "type": "link", "position": [ 399, 72, 100, 30 ], "completed": false }, { "type": "link", "position": [ 196, 92, 69, 30 ], "completed": false }, { "type": "link", "position": [ 399, 105, 115, 30 ], "completed": false }, { "type": "input", "position": [ 640, 119, 237, 44 ], "completed": false }, { "type": "link", "position": [ 196, 125, 59, 30 ], "completed": false }, { "type": "icon", "position": [ 851, 130, 26, 24 ], "completed": false }, { "type": "link", "position": [ 196, 158, 70, 30 ], "completed": false } ] }, { "text": "#A footer page from SHRM.# There are four groups of information, each group has a title that is \"SHRM\", \"WORK AT SHRM\", \"ELEVATE HR\", and \"WORK WITH SHRM\". Then, each group has 1-8 links to let the user click to get more information. There is a \"DONATE\" button.", "region_id": "6366", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'SHRM, WORK AT SHRM, ELEVATE HR, WORK WITH SHRM'] [item [el:title] [el:link [attr:repeat 'Several']]]] [el:button [attr:value 'DONATE']]]", "execution": "footer : button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 41 5 16 3 | title 41 2 36 2 | \" [ link 1 28 8 3 | link 1 31 12 3 | link 1 5 9 3 | link 1 9 9 3 | link 1 13 18 3 | link 1 17 9 3 | link 1 20 8 3 | link 1 24 19 3 | title 0 2 39 2 ] | [ button 41 19 12 4 | link 41 15 13 3 | title 41 12 36 2 ] | [ link 82 9 18 3 | link 82 13 13 3 | link 82 5 13 3 | link 82 17 11 3 | link 82 20 8 3 | link 82 24 11 3 | title 80 2 39 2 ] \"", "layout_seq_without_completion": "link 41 5 16 3 | title 41 2 36 2 | \" [ link 1 28 8 3 | link 1 31 12 3 | link 1 5 9 3 | link 1 9 9 3 | link 1 13 18 3 | link 1 17 9 3 | link 1 20 8 3 | link 1 24 19 3 | title 0 2 39 2 ] | [ button 41 19 12 4 | link 41 15 13 3 | title 41 12 36 2 ] | [ link 82 9 18 3 | link 82 13 13 3 | link 82 5 13 3 | link 82 17 11 3 | link 82 20 8 3 | link 82 24 11 3 | title 80 2 39 2 ] \"", "plain_layout_seq": "button 41 19 12 4 | link 41 5 16 3 | link 1 28 8 3 | link 1 31 12 3 | link 1 5 9 3 | link 1 9 9 3 | link 1 13 18 3 | link 1 17 9 3 | link 1 20 8 3 | link 1 24 19 3 | link 41 15 13 3 | link 82 9 18 3 | link 82 13 13 3 | link 82 5 13 3 | link 82 17 11 3 | link 82 20 8 3 | link 82 24 11 3 | title 41 2 36 2 | title 0 2 39 2 | title 41 12 36 2 | title 80 2 39 2", "canvas_width": 970, "canvas_height": 288, "elements": [ { "type": "title", "position": [ 1, 20, 322, 18 ], "completed": false }, { "type": "title", "position": [ 339, 20, 292, 18 ], "completed": false }, { "type": "title", "position": [ 648, 20, 322, 18 ], "completed": false }, { "type": "link", "position": [ 16, 48, 79, 30 ], "completed": false }, { "type": "link", "position": [ 339, 48, 131, 30 ], "completed": false }, { "type": "link", "position": [ 663, 48, 107, 30 ], "completed": false }, { "type": "link", "position": [ 16, 78, 77, 30 ], "completed": false }, { "type": "link", "position": [ 663, 78, 152, 30 ], "completed": false }, { "type": "title", "position": [ 339, 98, 292, 18 ], "completed": false }, { "type": "link", "position": [ 16, 108, 150, 30 ], "completed": false }, { "type": "link", "position": [ 663, 108, 109, 30 ], "completed": false }, { "type": "link", "position": [ 339, 126, 112, 30 ], "completed": false }, { "type": "link", "position": [ 16, 138, 75, 30 ], "completed": false }, { "type": "link", "position": [ 663, 138, 95, 30 ], "completed": false }, { "type": "button", "position": [ 339, 156, 102, 34 ], "completed": false }, { "type": "link", "position": [ 16, 168, 71, 30 ], "completed": false }, { "type": "link", "position": [ 663, 168, 65, 30 ], "completed": false }, { "type": "link", "position": [ 16, 198, 158, 30 ], "completed": false }, { "type": "link", "position": [ 663, 198, 96, 30 ], "completed": false }, { "type": "link", "position": [ 16, 228, 67, 30 ], "completed": false }, { "type": "link", "position": [ 16, 258, 98, 30 ], "completed": false } ] }, { "text": "#A page for showing more information related to the web.# The page includes three groups of information. Each group contains a title of the category and three to ten links for users to click to get further information.", "region_id": "5075", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [item [el:title] [el:link [attr:repeat '10'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 0 0 39 2 | title 79 0 39 2 | title 39 0 39 2 | \" [ link 4 4 7 2 ] | [ link 4 8 4 2 ] | [ link 4 11 7 2 ] | [ link 4 15 9 2 ] \" | \" [ link 22 4 7 2 ] | [ link 22 8 8 2 ] | [ link 22 11 15 2 ] | [ link 22 15 10 2 ] \" | \" [ link 44 4 9 2 ] | [ link 62 4 4 2 ] | [ link 44 8 8 2 ] | [ link 62 8 9 2 ] | [ link 44 11 13 2 ] | [ link 62 11 7 2 ] | [ link 44 15 9 2 ] | [ link 62 15 5 2 ] | [ link 44 18 10 2 ] | [ link 62 18 4 2 ] \" | \" [ link 84 4 14 2 ] | [ link 84 8 21 2 ] | [ link 84 11 18 2 ] \"", "layout_seq_without_completion": "title 0 0 39 2 | title 79 0 39 2 | title 39 0 39 2 | \" [ link 4 4 7 2 ] | [ link 4 8 4 2 ] | [ link 4 11 7 2 ] | [ link 4 15 9 2 ] \" | \" [ link 22 4 7 2 ] | [ link 22 8 8 2 ] | [ link 22 11 15 2 ] | [ link 22 15 10 2 ] \" | \" [ link 44 4 9 2 ] | [ link 62 4 4 2 ] | [ link 44 8 8 2 ] | [ link 62 8 9 2 ] | [ link 44 11 13 2 ] | [ link 62 11 7 2 ] | [ link 44 15 9 2 ] | [ link 62 15 5 2 ] | [ link 44 18 10 2 ] | [ link 62 18 4 2 ] \" | \" [ link 84 4 14 2 ] | [ link 84 8 21 2 ] | [ link 84 11 18 2 ] \"", "plain_layout_seq": "link 4 4 7 2 | link 4 8 4 2 | link 4 11 7 2 | link 4 15 9 2 | link 22 4 7 2 | link 22 8 8 2 | link 22 11 15 2 | link 22 15 10 2 | link 44 4 9 2 | link 62 4 4 2 | link 44 8 8 2 | link 62 8 9 2 | link 44 11 13 2 | link 62 11 7 2 | link 44 15 9 2 | link 62 15 5 2 | link 44 18 10 2 | link 62 18 4 2 | link 84 4 14 2 | link 84 8 21 2 | link 84 11 18 2 | title 0 0 39 2 | title 79 0 39 2 | title 39 0 39 2", "canvas_width": 970, "canvas_height": 175, "elements": [ { "type": "title", "position": [ 0, 0, 320, 18 ], "completed": false }, { "type": "title", "position": [ 320, 0, 321, 18 ], "completed": false }, { "type": "title", "position": [ 641, 0, 320, 18 ], "completed": false }, { "type": "link", "position": [ 40, 40, 61, 18 ], "completed": false }, { "type": "link", "position": [ 185, 40, 62, 18 ], "completed": false }, { "type": "link", "position": [ 361, 40, 78, 18 ], "completed": false }, { "type": "link", "position": [ 506, 40, 35, 18 ], "completed": false }, { "type": "link", "position": [ 683, 40, 121, 18 ], "completed": false }, { "type": "link", "position": [ 40, 68, 35, 18 ], "completed": false }, { "type": "link", "position": [ 185, 68, 72, 18 ], "completed": false }, { "type": "link", "position": [ 361, 68, 72, 18 ], "completed": false }, { "type": "link", "position": [ 506, 68, 80, 18 ], "completed": false }, { "type": "link", "position": [ 683, 68, 175, 18 ], "completed": false }, { "type": "link", "position": [ 40, 96, 62, 18 ], "completed": false }, { "type": "link", "position": [ 185, 96, 124, 18 ], "completed": false }, { "type": "link", "position": [ 361, 96, 110, 18 ], "completed": false }, { "type": "link", "position": [ 506, 96, 64, 18 ], "completed": false }, { "type": "link", "position": [ 683, 96, 147, 18 ], "completed": false }, { "type": "link", "position": [ 40, 124, 79, 18 ], "completed": false }, { "type": "link", "position": [ 185, 124, 82, 18 ], "completed": false }, { "type": "link", "position": [ 361, 124, 76, 18 ], "completed": false }, { "type": "link", "position": [ 506, 124, 46, 18 ], "completed": false }, { "type": "link", "position": [ 361, 152, 86, 18 ], "completed": false }, { "type": "link", "position": [ 506, 152, 37, 18 ], "completed": false } ] }, { "text": "# A footer page of a company for introducing the company and letting the user follow the company on social platforms. # On the page, there should have one logo and two lists of items. The first one \"ABOUT US\" should have a title, a description, and contact information with a website address. The second one \"FOLLOW US\" should contain five icons of social apps such as Facebook, Instagram, Twitter, and so on.", "region_id": "6267", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [item [el:title [attr:value 'about us'] ] [el:description] [el:text] [el:link] ] [item [el:title [attr:value 'follow us'] ] [el:icon [attr:repeat '5'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ description undefined undefined | link undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 32 12 40 4 | link 41 20 25 2 | logo 2 9 8 8 | text 32 20 9 2 | title 32 6 9 3 | \" [ title 82 6 11 3 ] | [ icon 82 13 4 4 ] | [ icon 88 13 4 4 ] | [ icon 94 13 4 4 ] | [ icon 101 13 4 4 ] | [ icon 107 13 4 4 ] \"", "layout_seq_without_completion": "description 32 12 40 4 | link 41 20 25 2 | logo 2 9 8 8 | text 32 20 9 2 | title 32 6 9 3 | \" [ title 82 6 11 3 ] | [ icon 82 13 4 4 ] | [ icon 88 13 4 4 ] | [ icon 94 13 4 4 ] | [ icon 101 13 4 4 ] | [ icon 107 13 4 4 ] \"", "plain_layout_seq": "description 32 12 40 4 | icon 82 13 4 4 | icon 88 13 4 4 | icon 94 13 4 4 | icon 101 13 4 4 | icon 107 13 4 4 | link 41 20 25 2 | logo 2 9 8 8 | text 32 20 9 2 | title 32 6 9 3 | title 82 6 11 3", "canvas_width": 1024, "canvas_height": 221, "elements": [ { "type": "title", "position": [ 276, 52, 84, 29 ], "completed": false }, { "type": "title", "position": [ 703, 52, 96, 29 ], "completed": false }, { "type": "logo", "position": [ 20, 85, 76, 76 ], "completed": false }, { "type": "description", "position": [ 276, 108, 349, 40 ], "completed": false }, { "type": "icon", "position": [ 703, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 756, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 809, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 862, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 915, 112, 40, 40 ], "completed": false }, { "type": "text", "position": [ 276, 171, 79, 19 ], "completed": false }, { "type": "link", "position": [ 355, 171, 214, 19 ], "completed": false } ] }, { "text": "#A page for introducing GFILE.# There is one logo and one description of GBFILE. Two groups show two types of info \"Features\" and \"About\". Each group includes many links for more info.", "region_id": "6351", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:description] [gp:NavGroup [gattr:repeat '2'] [gattr:names 'features, about'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : description undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "description 5 13 52 11 | logo 5 7 18 4 | \" [ link 66 18 19 3 | link 66 11 19 3 | link 66 14 19 3 | complete title 61 7 24 2 ] | [ link 94 14 19 3 | link 94 21 19 3 | link 94 25 19 3 | link 94 11 19 3 | link 94 18 19 3 | complete title 89 7 24 2 ] \"", "layout_seq_without_completion": "description 5 13 52 11 | logo 5 7 18 4 | \" [ link 66 18 19 3 | link 66 11 19 3 | link 66 14 19 3 | title 61 7 24 2 ] | [ link 94 14 19 3 | link 94 21 19 3 | link 94 25 19 3 | link 94 11 19 3 | link 94 18 19 3 | title 89 7 24 2 ] \"", "plain_layout_seq": "description 5 13 52 11 | link 66 18 19 3 | link 66 11 19 3 | link 66 14 19 3 | link 94 14 19 3 | link 94 21 19 3 | link 94 25 19 3 | link 94 11 19 3 | link 94 18 19 3 | logo 5 7 18 4 | title 61 7 24 2 | title 89 7 24 2", "canvas_width": 1024, "canvas_height": 305, "elements": [ { "type": "title", "position": [ 527, 60, 210, 20 ], "completed": true }, { "type": "title", "position": [ 767, 60, 210, 20 ], "completed": true }, { "type": "logo", "position": [ 47, 65, 158, 37 ], "completed": false }, { "type": "link", "position": [ 567, 95, 170, 30 ], "completed": false }, { "type": "link", "position": [ 807, 95, 170, 30 ], "completed": false }, { "type": "description", "position": [ 47, 115, 450, 98 ], "completed": false }, { "type": "link", "position": [ 567, 125, 170, 30 ], "completed": false }, { "type": "link", "position": [ 807, 125, 170, 30 ], "completed": false }, { "type": "link", "position": [ 567, 155, 170, 30 ], "completed": false }, { "type": "link", "position": [ 807, 155, 170, 30 ], "completed": false }, { "type": "link", "position": [ 807, 185, 170, 30 ], "completed": false }, { "type": "link", "position": [ 807, 215, 170, 30 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 5 groups: use cases, about, explore, support, and legal, while each group has some links for users to click to jump to the page.", "region_id": "4153", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [gattr:names 'use cases,about, explore,support, legal'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 48 10 22 3 | link 0 28 22 3 | link 24 28 22 3 | link 0 17 22 3 | link 0 25 22 3 | link 0 13 22 3 | link 0 21 22 3 | link 24 25 22 3 | link 48 13 22 3 | link 95 13 22 3 | link 95 24 22 3 | link 71 21 22 3 | link 95 17 22 6 | link 0 10 22 3 | link 24 10 22 3 | link 24 13 22 3 | link 24 17 22 3 | link 24 21 22 3 | link 48 17 22 3 | link 71 10 22 3 | link 71 25 22 3 | link 95 10 22 3 | link 95 28 22 3 | link 0 32 22 3 | link 48 21 22 3 | link 48 25 22 3 | link 71 13 22 3 | link 71 17 22 3 | complete title 95 6 22 2 | complete title 0 6 22 2 | complete title 24 6 22 2 | complete title 48 6 22 2 | complete title 71 6 22 2", "layout_seq_without_completion": "link 48 10 22 3 | link 0 28 22 3 | link 24 28 22 3 | link 0 17 22 3 | link 0 25 22 3 | link 0 13 22 3 | link 0 21 22 3 | link 24 25 22 3 | link 48 13 22 3 | link 95 13 22 3 | link 95 24 22 3 | link 71 21 22 3 | link 95 17 22 6 | link 0 10 22 3 | link 24 10 22 3 | link 24 13 22 3 | link 24 17 22 3 | link 24 21 22 3 | link 48 17 22 3 | link 71 10 22 3 | link 71 25 22 3 | link 95 10 22 3 | link 95 28 22 3 | link 0 32 22 3 | link 48 21 22 3 | link 48 25 22 3 | link 71 13 22 3 | link 71 17 22 3 | title 95 6 22 2 | title 0 6 22 2 | title 24 6 22 2 | title 48 6 22 2 | title 71 6 22 2", "plain_layout_seq": "link 48 10 22 3 | link 0 28 22 3 | link 24 28 22 3 | link 0 17 22 3 | link 0 25 22 3 | link 0 13 22 3 | link 0 21 22 3 | link 24 25 22 3 | link 48 13 22 3 | link 95 13 22 3 | link 95 24 22 3 | link 71 21 22 3 | link 95 17 22 6 | link 0 10 22 3 | link 24 10 22 3 | link 24 13 22 3 | link 24 17 22 3 | link 24 21 22 3 | link 48 17 22 3 | link 71 10 22 3 | link 71 25 22 3 | link 95 10 22 3 | link 95 28 22 3 | link 0 32 22 3 | link 48 21 22 3 | link 48 25 22 3 | link 71 13 22 3 | link 71 17 22 3 | title 95 6 22 2 | title 0 6 22 2 | title 24 6 22 2 | title 48 6 22 2 | title 71 6 22 2", "canvas_width": 924, "canvas_height": 330, "elements": [ { "type": "title", "position": [ 0, 52, 175, 16 ], "completed": true }, { "type": "title", "position": [ 185, 52, 175, 16 ], "completed": true }, { "type": "title", "position": [ 370, 52, 175, 16 ], "completed": true }, { "type": "title", "position": [ 554, 52, 175, 16 ], "completed": true }, { "type": "title", "position": [ 739, 52, 175, 16 ], "completed": true }, { "type": "link", "position": [ 0, 78, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 78, 175, 24 ], "completed": false }, { "type": "link", "position": [ 370, 78, 175, 24 ], "completed": false }, { "type": "link", "position": [ 554, 78, 175, 24 ], "completed": false }, { "type": "link", "position": [ 739, 78, 175, 24 ], "completed": false }, { "type": "link", "position": [ 0, 106, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 106, 175, 24 ], "completed": false }, { "type": "link", "position": [ 370, 106, 175, 24 ], "completed": false }, { "type": "link", "position": [ 554, 106, 175, 24 ], "completed": false }, { "type": "link", "position": [ 739, 106, 175, 24 ], "completed": false }, { "type": "link", "position": [ 0, 135, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 135, 175, 24 ], "completed": false }, { "type": "link", "position": [ 370, 135, 175, 24 ], "completed": false }, { "type": "link", "position": [ 554, 135, 175, 24 ], "completed": false }, { "type": "link", "position": [ 739, 135, 175, 48 ], "completed": false }, { "type": "link", "position": [ 0, 164, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 164, 175, 24 ], "completed": false }, { "type": "link", "position": [ 370, 164, 175, 24 ], "completed": false }, { "type": "link", "position": [ 554, 164, 175, 24 ], "completed": false }, { "type": "link", "position": [ 739, 188, 175, 24 ], "completed": false }, { "type": "link", "position": [ 0, 193, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 193, 175, 24 ], "completed": false }, { "type": "link", "position": [ 370, 193, 175, 24 ], "completed": false }, { "type": "link", "position": [ 554, 193, 175, 24 ], "completed": false }, { "type": "link", "position": [ 739, 217, 175, 24 ], "completed": false }, { "type": "link", "position": [ 0, 222, 175, 24 ], "completed": false }, { "type": "link", "position": [ 185, 222, 175, 24 ], "completed": false }, { "type": "link", "position": [ 0, 250, 175, 24 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 icons for users to click to jump to Ig, Facebook, and Pinterest, 5 buttons for users to quickly contact the company and learn different content about the company, and a text to show the power company.", "region_id": "7461", "region_type": "Footer", "ir": "[region:Footer [el:icon [attr:value 'Ig'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Pinterest'] ] [gp:NavGroup [gattr:total_link '5'] [item [el:button] ] ] [el:text] ]", "execution": "footer : text undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "text 54 16 11 1 | \" [ icon 48 0 6 6 ] | [ icon 56 0 6 6 ] | [ icon 64 0 6 6 ] \" | \" [ link 29 9 6 4 ] | [ link 36 9 11 4 ] | [ link 47 9 13 4 ] | [ link 60 9 13 4 ] | [ link 74 9 15 4 ] \"", "layout_seq_without_completion": "text 54 16 11 1 | \" [ icon 48 0 6 6 ] | [ icon 56 0 6 6 ] | [ icon 64 0 6 6 ] \" | \" [ link 29 9 6 4 ] | [ link 36 9 11 4 ] | [ link 47 9 13 4 ] | [ link 60 9 13 4 ] | [ link 74 9 15 4 ] \"", "plain_layout_seq": "icon 48 0 6 6 | icon 56 0 6 6 | icon 64 0 6 6 | link 29 9 6 4 | link 36 9 11 4 | link 47 9 13 4 | link 60 9 13 4 | link 74 9 15 4 | text 54 16 11 1", "canvas_width": 1024, "canvas_height": 155, "elements": [ { "type": "icon", "position": [ 418, 5, 56, 56 ], "completed": false }, { "type": "icon", "position": [ 484, 5, 56, 56 ], "completed": false }, { "type": "icon", "position": [ 550, 5, 56, 56 ], "completed": false }, { "type": "link", "position": [ 255, 81, 55, 36 ], "completed": false }, { "type": "link", "position": [ 309, 81, 95, 36 ], "completed": false }, { "type": "link", "position": [ 404, 81, 116, 36 ], "completed": false }, { "type": "link", "position": [ 520, 81, 115, 36 ], "completed": false }, { "type": "link", "position": [ 635, 81, 134, 36 ], "completed": false }, { "type": "text", "position": [ 465, 139, 94, 13 ], "completed": false } ] }, { "text": "#A page for showing more information about the company to users.# The page has three labels showing the telephone number, the company address, and the email address, and there is an icon beside each label.", "region_id": "7772", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '3'] [gattr:names 'telephone number, company address, email address'] [item [el:text] [el:icon] ] ] ]", "execution": "footer : { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 3 3 2 2 | icon 24 3 2 2 | icon 96 3 2 2 | text 5 3 16 2 | text 98 3 17 2 | text 26 3 68 2", "layout_seq_without_completion": "icon 3 3 2 2 | icon 24 3 2 2 | icon 96 3 2 2 | text 5 3 16 2 | text 98 3 17 2 | text 26 3 68 2", "plain_layout_seq": "icon 3 3 2 2 | icon 24 3 2 2 | icon 96 3 2 2 | text 5 3 16 2 | text 98 3 17 2 | text 26 3 68 2", "canvas_width": 1009, "canvas_height": 75, "elements": [ { "type": "text", "position": [ 44, 27, 139, 21 ], "completed": false }, { "type": "text", "position": [ 220, 27, 573, 21 ], "completed": false }, { "type": "text", "position": [ 831, 27, 151, 21 ], "completed": false }, { "type": "icon", "position": [ 27, 29, 17, 17 ], "completed": false }, { "type": "icon", "position": [ 204, 29, 17, 17 ], "completed": false }, { "type": "icon", "position": [ 814, 29, 17, 17 ], "completed": false } ] }, { "text": "#A page for introducing more information about the web.# There should be five parts. The part of \"Our Company\" should have the company's address, phone number, and e-mail address. The part of \"Quick Links\" should have four links. The part of \"Legal\" has four links down below. The part of \"Follow Us\" should have four icons from different social media platforms. And on the right bottom should have the \"Mobile Apps\" part, which should have two icons for users to download the App.", "region_id": "4943", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Our Company'] ] [el:text [attr:repeat '3'] ] ] [item [el:title [attr:value 'Quick Links'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'Legal'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'Follow Us'] ] [el:icon [attr:repeat '4'] ] ] [item [el:title [attr:value 'Mobile Apps'] ] [el:icon [attr:repeat '2'] [attr:position 'right'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon right undefined | icon right undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 88 29 18 7 | icon 89 24 15 5 | text 5 11 24 5 | text 7 19 11 2 | text 5 16 24 2 | title 5 5 24 3 | title 89 5 24 3 | title 89 18 24 2 | \" [ icon 89 11 4 3 ] | [ icon 95 11 4 3 ] | [ icon 101 11 4 3 ] | [ icon 106 11 4 3 ] \" | \" [ link 33 11 4 2 | link 33 14 6 2 | link 33 16 8 2 | link 33 19 6 2 | title 33 5 24 3 ] | [ link 61 11 13 2 | link 61 19 8 2 | link 61 14 10 2 | link 61 16 10 2 | title 61 5 24 3 ] \"", "layout_seq_without_completion": "icon 88 29 18 7 | icon 89 24 15 5 | text 5 11 24 5 | text 7 19 11 2 | text 5 16 24 2 | title 5 5 24 3 | title 89 5 24 3 | title 89 18 24 2 | \" [ icon 89 11 4 3 ] | [ icon 95 11 4 3 ] | [ icon 101 11 4 3 ] | [ icon 106 11 4 3 ] \" | \" [ link 33 11 4 2 | link 33 14 6 2 | link 33 16 8 2 | link 33 19 6 2 | title 33 5 24 3 ] | [ link 61 11 13 2 | link 61 19 8 2 | link 61 14 10 2 | link 61 16 10 2 | title 61 5 24 3 ] \"", "plain_layout_seq": "icon 88 29 18 7 | icon 89 24 15 5 | icon 89 11 4 3 | icon 95 11 4 3 | icon 101 11 4 3 | icon 106 11 4 3 | link 33 11 4 2 | link 33 14 6 2 | link 33 16 8 2 | link 33 19 6 2 | link 61 11 13 2 | link 61 19 8 2 | link 61 14 10 2 | link 61 16 10 2 | text 5 11 24 5 | text 7 19 11 2 | text 5 16 24 2 | title 5 5 24 3 | title 89 5 24 3 | title 89 18 24 2 | title 33 5 24 3 | title 61 5 24 3", "canvas_width": 1024, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 47, 48, 210, 26 ], "completed": false }, { "type": "title", "position": [ 287, 48, 210, 26 ], "completed": false }, { "type": "title", "position": [ 527, 48, 210, 26 ], "completed": false }, { "type": "title", "position": [ 767, 48, 210, 26 ], "completed": false }, { "type": "text", "position": [ 47, 98, 210, 45 ], "completed": false }, { "type": "icon", "position": [ 767, 98, 36, 34 ], "completed": false }, { "type": "icon", "position": [ 815, 98, 36, 34 ], "completed": false }, { "type": "icon", "position": [ 862, 98, 36, 34 ], "completed": false }, { "type": "icon", "position": [ 910, 98, 36, 34 ], "completed": false }, { "type": "link", "position": [ 287, 100, 40, 18 ], "completed": false }, { "type": "link", "position": [ 527, 100, 111, 18 ], "completed": false }, { "type": "link", "position": [ 287, 122, 52, 18 ], "completed": false }, { "type": "link", "position": [ 527, 122, 92, 18 ], "completed": false }, { "type": "text", "position": [ 47, 143, 210, 22 ], "completed": false }, { "type": "link", "position": [ 287, 145, 71, 18 ], "completed": false }, { "type": "link", "position": [ 527, 145, 89, 18 ], "completed": false }, { "type": "title", "position": [ 767, 158, 210, 25 ], "completed": false }, { "type": "text", "position": [ 66, 167, 96, 18 ], "completed": false }, { "type": "link", "position": [ 287, 167, 55, 18 ], "completed": false }, { "type": "link", "position": [ 527, 167, 70, 18 ], "completed": false }, { "type": "icon", "position": [ 767, 208, 135, 45 ], "completed": false }, { "type": "icon", "position": [ 757, 253, 155, 60 ], "completed": false } ] }, { "text": "# A footer page of a company for navigation links. # The page should have two groups \"Help\" and \"Contact Us\". The first group has four links \"Support\" \"Knowledge Base\" \"Open a Ticket\" and sales@walkme.com for the user to click for more help. The second group has two contact information and a website link.", "region_id": "2899", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Help'] ] [el:link [attr:value 'Support']] [el:link [attr:value 'Knowledge Base']] [el:link [attr:value 'Open a Ticket']] [el:link [attr:value 'sales@walkme.com'] ] ] [item [el:title [attr:value 'Contact Us'] ] [el:text [attr:repeat '2']] [el:link]] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 8 7 1 | link 1 25 13 1 | link 1 34 21 1 | link 1 17 15 1 | title 1 0 68 2 ] | [ link 72 25 19 1 | text 72 17 13 1 | text 72 8 25 1 | title 72 0 27 2 ] \"", "layout_seq_without_completion": "\" [ link 1 8 7 1 | link 1 25 13 1 | link 1 34 21 1 | link 1 17 15 1 | title 1 0 68 2 ] | [ link 72 25 19 1 | text 72 17 13 1 | text 72 8 25 1 | title 72 0 27 2 ] \"", "plain_layout_seq": "link 1 8 7 1 | link 1 25 13 1 | link 1 34 21 1 | link 1 17 15 1 | link 72 25 19 1 | text 72 17 13 1 | text 72 8 25 1 | title 1 0 68 2 | title 72 0 27 2", "canvas_width": 935, "canvas_height": 292, "elements": [ { "type": "title", "position": [ 8, 0, 530, 18 ], "completed": false }, { "type": "title", "position": [ 561, 0, 211, 18 ], "completed": false }, { "type": "link", "position": [ 8, 64, 60, 15 ], "completed": false }, { "type": "text", "position": [ 561, 64, 195, 15 ], "completed": false }, { "type": "link", "position": [ 8, 133, 123, 15 ], "completed": false }, { "type": "text", "position": [ 561, 133, 103, 15 ], "completed": false }, { "type": "link", "position": [ 8, 201, 102, 15 ], "completed": false }, { "type": "link", "position": [ 561, 201, 149, 15 ], "completed": false }, { "type": "link", "position": [ 8, 270, 169, 15 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have four lists of links: \"Learn\" \"Best Ecommerce Solution\" \"Reviews\", and \"About\" for the user to learn more info about the company. And there should be 3, 4, 4, and 4 links in each list respectively.", "region_id": "4089", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'learn'] ] [el:link [attr:repeat '3'] ] ] [item [el:title [attr:value 'best ecommerce solution'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'reviews'] ] [el:link [attr:repeat '4'] ] ][item [el:title [attr:value 'about'] ] [el:link [attr:repeat '4'] ] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 93 20 7 2 | link 3 11 13 2 | link 33 15 24 2 | link 63 11 21 2 | link 93 15 11 2 | link 63 15 10 2 | link 3 15 19 2 | link 3 6 14 2 | link 33 10 24 2 | link 33 19 19 6 | link 33 28 21 2 | link 63 6 14 2 | link 63 20 23 2 | link 93 6 5 2 | link 93 11 16 2 | title 3 0 26 4 | title 63 0 26 4 | title 93 0 26 4 | title 33 0 26 8", "layout_seq_without_completion": "link 93 20 7 2 | link 3 11 13 2 | link 33 15 24 2 | link 63 11 21 2 | link 93 15 11 2 | link 63 15 10 2 | link 3 15 19 2 | link 3 6 14 2 | link 33 10 24 2 | link 33 19 19 6 | link 33 28 21 2 | link 63 6 14 2 | link 63 20 23 2 | link 93 6 5 2 | link 93 11 16 2 | title 3 0 26 4 | title 63 0 26 4 | title 93 0 26 4 | title 33 0 26 8", "plain_layout_seq": "link 93 20 7 2 | link 3 11 13 2 | link 33 15 24 2 | link 63 11 21 2 | link 93 15 11 2 | link 63 15 10 2 | link 3 15 19 2 | link 3 6 14 2 | link 33 10 24 2 | link 33 19 19 6 | link 33 28 21 2 | link 63 6 14 2 | link 63 20 23 2 | link 93 6 5 2 | link 93 11 16 2 | title 3 0 26 4 | title 63 0 26 4 | title 93 0 26 4 | title 33 0 26 8", "canvas_width": 974, "canvas_height": 256, "elements": [ { "type": "title", "position": [ 30, 0, 214, 34 ], "completed": false }, { "type": "title", "position": [ 274, 0, 214, 68 ], "completed": false }, { "type": "title", "position": [ 517, 0, 214, 34 ], "completed": false }, { "type": "title", "position": [ 760, 0, 214, 34 ], "completed": false }, { "type": "link", "position": [ 30, 52, 118, 21 ], "completed": false }, { "type": "link", "position": [ 517, 52, 118, 21 ], "completed": false }, { "type": "link", "position": [ 760, 52, 45, 21 ], "completed": false }, { "type": "link", "position": [ 274, 86, 201, 21 ], "completed": false }, { "type": "link", "position": [ 30, 90, 111, 21 ], "completed": false }, { "type": "link", "position": [ 517, 90, 172, 21 ], "completed": false }, { "type": "link", "position": [ 760, 90, 135, 21 ], "completed": false }, { "type": "link", "position": [ 274, 124, 198, 21 ], "completed": false }, { "type": "link", "position": [ 30, 128, 158, 21 ], "completed": false }, { "type": "link", "position": [ 517, 128, 88, 21 ], "completed": false }, { "type": "link", "position": [ 760, 128, 96, 21 ], "completed": false }, { "type": "link", "position": [ 274, 162, 162, 51 ], "completed": false }, { "type": "link", "position": [ 517, 166, 188, 21 ], "completed": false }, { "type": "link", "position": [ 760, 166, 62, 21 ], "completed": false }, { "type": "link", "position": [ 274, 230, 176, 21 ], "completed": false } ] }, { "text": "# A footer page for a company. # On the page, there should be 9 links divided into two lists \"Home\" \"Shop Apparel\" \"Shop Drinkware\" \"New products\" \"On sales\" \"Search\" \"About Us\" \"Contact Us\" and \"Return\". Also, there should have a slogan \"Join our mailing list\" followed by an input where the user can enter an email address and a button on the right of the input for the user to subscribe to the newsletter.", "region_id": "7013", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '9'] [gattr:names 'Home, Shop Apparel, Shop Drinkware, New products, On sales, Search,About Us,Contact Us,Return'] [item [el:link] ] ] [el:text [attr:value 'Join our mailing list'] ] [el:input [attr:value ' email address'] ] [el:button [attr:value 'subscribe '] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 105 14 11 2 | input 60 12 43 6 | text 60 7 60 2 | \" [ link 0 7 6 2 ] | [ link 0 11 13 2 ] | [ link 0 15 16 2 ] | [ link 0 19 14 2 ] | [ link 0 23 7 2 ] \" | \" [ link 30 7 7 2 ] | [ link 30 11 9 2 ] | [ link 30 15 11 2 ] | [ link 30 19 8 2 ] \"", "layout_seq_without_completion": "button 105 14 11 2 | input 60 12 43 6 | text 60 7 60 2 | \" [ link 0 7 6 2 ] | [ link 0 11 13 2 ] | [ link 0 15 16 2 ] | [ link 0 19 14 2 ] | [ link 0 23 7 2 ] \" | \" [ link 30 7 7 2 ] | [ link 30 11 9 2 ] | [ link 30 15 11 2 ] | [ link 30 19 8 2 ] \"", "plain_layout_seq": "button 105 14 11 2 | input 60 12 43 6 | link 0 7 6 2 | link 0 11 13 2 | link 0 15 16 2 | link 0 19 14 2 | link 0 23 7 2 | link 30 7 7 2 | link 30 11 9 2 | link 30 15 11 2 | link 30 19 8 2 | text 60 7 60 2", "canvas_width": 914, "canvas_height": 205, "elements": [ { "type": "text", "position": [ 457, 55, 457, 20 ], "completed": false }, { "type": "link", "position": [ 0, 57, 46, 19 ], "completed": false }, { "type": "link", "position": [ 229, 57, 54, 19 ], "completed": false }, { "type": "link", "position": [ 0, 87, 105, 19 ], "completed": false }, { "type": "link", "position": [ 229, 87, 72, 19 ], "completed": false }, { "type": "input", "position": [ 457, 93, 330, 46 ], "completed": false }, { "type": "button", "position": [ 806, 108, 89, 16 ], "completed": false }, { "type": "link", "position": [ 0, 117, 125, 19 ], "completed": false }, { "type": "link", "position": [ 229, 117, 87, 19 ], "completed": false }, { "type": "link", "position": [ 0, 147, 110, 19 ], "completed": false }, { "type": "link", "position": [ 229, 147, 62, 19 ], "completed": false }, { "type": "link", "position": [ 0, 177, 60, 19 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There should be four combinations of items, with each having a title and 2-4 links, which will direct users to different information upon clicking.", "region_id": "698", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:title] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | title 0 0 38 3 | title 40 17 38 3 | title 0 20 38 3 | title 40 0 38 3", "layout_seq_without_completion": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | title 0 0 38 3 | title 40 17 38 3 | title 0 20 38 3 | title 40 0 38 3", "plain_layout_seq": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | title 0 0 38 3 | title 40 17 38 3 | title 0 20 38 3 | title 40 0 38 3", "canvas_width": 960, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 0, 0, 307, 28 ], "completed": false }, { "type": "title", "position": [ 326, 0, 307, 28 ], "completed": false }, { "type": "link", "position": [ 0, 38, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 38, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 65, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 65, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 92, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 92, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 119, 246, 27 ], "completed": false }, { "type": "title", "position": [ 326, 137, 307, 28 ], "completed": false }, { "type": "title", "position": [ 0, 164, 307, 28 ], "completed": false }, { "type": "link", "position": [ 326, 175, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 202, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 202, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 229, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 229, 246, 27 ], "completed": false } ] }, { "text": "#A page giving information about a company.# There should be four combinations of items, with each having 2-4 links, which will direct users to different information upon clicking.", "region_id": "698_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | complete title 0 0 38 3 | complete title 40 17 38 3 | complete title 0 20 38 3 | complete title 40 0 38 3", "layout_seq_without_completion": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | title 0 0 38 3 | title 40 17 38 3 | title 0 20 38 3 | title 40 0 38 3", "plain_layout_seq": "link 40 25 30 3 | link 40 21 30 3 | link 0 11 30 3 | link 0 14 30 3 | link 40 11 30 3 | link 0 8 30 3 | link 0 4 30 3 | link 0 25 30 3 | link 0 28 30 3 | link 40 4 30 3 | link 40 8 30 3 | link 40 28 30 3 | title 0 0 38 3 | title 40 17 38 3 | title 0 20 38 3 | title 40 0 38 3", "canvas_width": 960, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 0, 0, 307, 28 ], "completed": true }, { "type": "title", "position": [ 326, 0, 307, 28 ], "completed": true }, { "type": "link", "position": [ 0, 38, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 38, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 65, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 65, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 92, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 92, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 119, 246, 27 ], "completed": false }, { "type": "title", "position": [ 326, 137, 307, 28 ], "completed": true }, { "type": "title", "position": [ 0, 164, 307, 28 ], "completed": true }, { "type": "link", "position": [ 326, 175, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 202, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 202, 246, 27 ], "completed": false }, { "type": "link", "position": [ 0, 229, 246, 27 ], "completed": false }, { "type": "link", "position": [ 326, 229, 246, 27 ], "completed": false } ] }, { "text": "#A footer page for introducing a website.# The page should contain different information links for users to click to browse such as \"Financial education\", \"Security\", \"Careers\", etc. At the bottom, there are 3 icons where users can log on to Facebook and other approaches.", "region_id": "2363", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'several'] [gattr:names'financial education, security, careers'] ] [el:icon [attr:position'bottom'] [attr:repeat '3'] ] ]", "execution": "footer : { [ icon bottom undefined ] | [ icon bottom undefined ] | [ icon bottom undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 5 4 16 1 ] | [ link 26 4 6 1 ] | [ link 37 4 6 1 ] | [ link 48 4 3 1 ] | [ link 56 4 6 1 ] | [ link 67 4 25 1 ] | [ link 97 4 7 1 ] | [ link 5 8 10 1 ] | [ link 20 8 8 1 ] \" | \" [ icon 5 18 4 4 ] | [ icon 15 18 4 4 ] | [ icon 24 18 4 4 ] \"", "layout_seq_without_completion": "\" [ link 5 4 16 1 ] | [ link 26 4 6 1 ] | [ link 37 4 6 1 ] | [ link 48 4 3 1 ] | [ link 56 4 6 1 ] | [ link 67 4 25 1 ] | [ link 97 4 7 1 ] | [ link 5 8 10 1 ] | [ link 20 8 8 1 ] \" | \" [ icon 5 18 4 4 ] | [ icon 15 18 4 4 ] | [ icon 24 18 4 4 ] \"", "plain_layout_seq": "icon 5 18 4 4 | icon 15 18 4 4 | icon 24 18 4 4 | link 5 4 16 1 | link 26 4 6 1 | link 37 4 6 1 | link 48 4 3 1 | link 56 4 6 1 | link 67 4 25 1 | link 97 4 7 1 | link 5 8 10 1 | link 20 8 8 1", "canvas_width": 1024, "canvas_height": 264, "elements": [ { "type": "link", "position": [ 51, 41, 138, 17 ], "completed": false }, { "type": "link", "position": [ 226, 41, 58, 17 ], "completed": false }, { "type": "link", "position": [ 321, 41, 57, 17 ], "completed": false }, { "type": "link", "position": [ 415, 41, 32, 17 ], "completed": false }, { "type": "link", "position": [ 484, 41, 52, 17 ], "completed": false }, { "type": "link", "position": [ 573, 41, 220, 17 ], "completed": false }, { "type": "link", "position": [ 830, 41, 63, 17 ], "completed": false }, { "type": "link", "position": [ 51, 76, 87, 17 ], "completed": false }, { "type": "link", "position": [ 175, 76, 72, 17 ], "completed": false }, { "type": "icon", "position": [ 51, 155, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 131, 155, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 211, 155, 40, 40 ], "completed": false } ] }, { "text": "#A footer page for introducing a website.# The page should contain different information links for users to click to browse such as \"Financial education\", \"Security\", \"Careers\", etc. At the bottom, users can log on in Facebook and other approaches.", "region_id": "2363_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'several'] [gattr:names'financial education, security, careers'] [item [el:link] ] ] [el:logo [attr:position'bottom'] [attr:repeat 'several'] ] ]", "execution": "footer : logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 5 4 16 1 ] | [ link 26 4 6 1 ] | [ link 37 4 6 1 ] | [ link 48 4 3 1 ] | [ link 56 4 6 1 ] | [ link 67 4 25 1 ] | [ link 97 4 7 1 ] | [ link 5 8 10 1 ] | [ link 20 8 8 1 ] \" | \" [ logo 5 18 4 4 ] | [ logo 15 18 4 4 ] | [ logo 24 18 4 4 ] \"", "layout_seq_without_completion": "\" [ link 5 4 16 1 ] | [ link 26 4 6 1 ] | [ link 37 4 6 1 ] | [ link 48 4 3 1 ] | [ link 56 4 6 1 ] | [ link 67 4 25 1 ] | [ link 97 4 7 1 ] | [ link 5 8 10 1 ] | [ link 20 8 8 1 ] \" | \" [ logo 5 18 4 4 ] | [ logo 15 18 4 4 ] | [ logo 24 18 4 4 ] \"", "plain_layout_seq": "link 5 4 16 1 | link 26 4 6 1 | link 37 4 6 1 | link 48 4 3 1 | link 56 4 6 1 | link 67 4 25 1 | link 97 4 7 1 | link 5 8 10 1 | link 20 8 8 1 | logo 5 18 4 4 | logo 15 18 4 4 | logo 24 18 4 4", "canvas_width": 1024, "canvas_height": 264, "elements": [ { "type": "link", "position": [ 51, 41, 138, 17 ], "completed": false }, { "type": "link", "position": [ 226, 41, 58, 17 ], "completed": false }, { "type": "link", "position": [ 321, 41, 57, 17 ], "completed": false }, { "type": "link", "position": [ 415, 41, 32, 17 ], "completed": false }, { "type": "link", "position": [ 484, 41, 52, 17 ], "completed": false }, { "type": "link", "position": [ 573, 41, 220, 17 ], "completed": false }, { "type": "link", "position": [ 830, 41, 63, 17 ], "completed": false }, { "type": "link", "position": [ 51, 76, 87, 17 ], "completed": false }, { "type": "link", "position": [ 175, 76, 72, 17 ], "completed": false }, { "type": "logo", "position": [ 51, 155, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 131, 155, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 211, 155, 40, 40 ], "completed": false } ] }, { "text": "# A footer page for following the company on social media platforms and downloading app.# There should have three groups \"Follow Us\" \"News App\", and \"Weather App\". In the first group, there should have 5 icons for the user to follow the company on Facebook, Twitter, Instagram, YouTube, and Email. In the second and third groups, there should have two icons for the user to download the app from APP Store and Google Play.", "region_id": "3102", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'YouTube'] ] [el:icon [attr:value 'Email'] ] ]\n[item [el:title [attr:value 'news app'] ] [el:icon [attr:value 'download from app store'] ] [el:icon [attr:value 'download from google play'] ] ]\n[item [el:title [attr:value 'weather app'] ] [el:icon [attr:value 'download from app store'] ] [el:icon [attr:value 'download from google play'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 12 5 3 3 | icon 25 5 3 3 | icon 0 5 3 3 | icon 6 5 3 3 | icon 19 5 3 3 | title 0 1 30 1 ] | [ icon 34 5 14 5 | icon 52 5 14 4 | title 34 1 28 1 ] | [ icon 91 5 14 4 | icon 73 5 14 5 | title 74 1 29 1 ] \"", "layout_seq_without_completion": "\" [ icon 12 5 3 3 | icon 25 5 3 3 | icon 0 5 3 3 | icon 6 5 3 3 | icon 19 5 3 3 | title 0 1 30 1 ] | [ icon 34 5 14 5 | icon 52 5 14 4 | title 34 1 28 1 ] | [ icon 91 5 14 4 | icon 73 5 14 5 | title 74 1 29 1 ] \"", "plain_layout_seq": "icon 12 5 3 3 | icon 25 5 3 3 | icon 0 5 3 3 | icon 6 5 3 3 | icon 19 5 3 3 | icon 34 5 14 5 | icon 52 5 14 4 | icon 91 5 14 4 | icon 73 5 14 5 | title 0 1 30 1 | title 34 1 28 1 | title 74 1 29 1", "canvas_width": 976, "canvas_height": 92, "elements": [ { "type": "title", "position": [ 1, 16, 252, 15 ], "completed": false }, { "type": "title", "position": [ 284, 16, 232, 15 ], "completed": false }, { "type": "title", "position": [ 602, 16, 243, 15 ], "completed": false }, { "type": "icon", "position": [ 0, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 52, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 104, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 156, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 208, 47, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 283, 47, 120, 41 ], "completed": false }, { "type": "icon", "position": [ 423, 47, 120, 36 ], "completed": false }, { "type": "icon", "position": [ 601, 47, 120, 41 ], "completed": false }, { "type": "icon", "position": [ 741, 47, 120, 36 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a title, and 20 links for users to click quickly to get resources such as medical coding, medical billing, and so on.", "region_id": "4078", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link '20'] [gattr:names 'medical coding, medical billing'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 1 5 16 2 | \" [ link 1 9 14 1 ] | [ link 1 12 17 1 ] | [ link 1 14 16 1 ] | [ link 1 16 18 1 ] | [ link 1 19 18 1 ] \" | \" [ link 31 9 9 1 ] | [ link 31 12 18 1 ] | [ link 31 14 18 1 ] | [ link 31 16 16 1 ] | [ link 31 19 15 1 ] \" | \" [ link 61 9 8 1 ] | [ link 61 12 6 1 ] | [ link 61 14 21 1 ] | [ link 61 16 18 1 ] | [ link 61 19 3 1 ] \" | \" [ link 91 9 9 1 ] | [ link 91 12 4 1 ] | [ link 91 14 4 1 ] | [ link 91 16 11 1 ] | [ link 91 19 12 1 ] \"", "layout_seq_without_completion": "title 1 5 16 2 | \" [ link 1 9 14 1 ] | [ link 1 12 17 1 ] | [ link 1 14 16 1 ] | [ link 1 16 18 1 ] | [ link 1 19 18 1 ] \" | \" [ link 31 9 9 1 ] | [ link 31 12 18 1 ] | [ link 31 14 18 1 ] | [ link 31 16 16 1 ] | [ link 31 19 15 1 ] \" | \" [ link 61 9 8 1 ] | [ link 61 12 6 1 ] | [ link 61 14 21 1 ] | [ link 61 16 18 1 ] | [ link 61 19 3 1 ] \" | \" [ link 91 9 9 1 ] | [ link 91 12 4 1 ] | [ link 91 14 4 1 ] | [ link 91 16 11 1 ] | [ link 91 19 12 1 ] \"", "plain_layout_seq": "link 1 9 14 1 | link 1 12 17 1 | link 1 14 16 1 | link 1 16 18 1 | link 1 19 18 1 | link 31 9 9 1 | link 31 12 18 1 | link 31 14 18 1 | link 31 16 16 1 | link 31 19 15 1 | link 61 9 8 1 | link 61 12 6 1 | link 61 14 21 1 | link 61 16 18 1 | link 61 19 3 1 | link 91 9 9 1 | link 91 12 4 1 | link 91 14 4 1 | link 91 16 11 1 | link 91 19 12 1 | title 1 5 16 2", "canvas_width": 1024, "canvas_height": 232, "elements": [ { "type": "title", "position": [ 15, 48, 141, 21 ], "completed": false }, { "type": "link", "position": [ 15, 82, 125, 15 ], "completed": false }, { "type": "link", "position": [ 271, 82, 79, 15 ], "completed": false }, { "type": "link", "position": [ 527, 82, 70, 15 ], "completed": false }, { "type": "link", "position": [ 783, 82, 81, 15 ], "completed": false }, { "type": "link", "position": [ 15, 103, 148, 15 ], "completed": false }, { "type": "link", "position": [ 271, 103, 157, 15 ], "completed": false }, { "type": "link", "position": [ 527, 103, 55, 15 ], "completed": false }, { "type": "link", "position": [ 783, 103, 36, 15 ], "completed": false }, { "type": "link", "position": [ 15, 124, 141, 15 ], "completed": false }, { "type": "link", "position": [ 271, 124, 159, 15 ], "completed": false }, { "type": "link", "position": [ 527, 124, 185, 15 ], "completed": false }, { "type": "link", "position": [ 783, 124, 36, 15 ], "completed": false }, { "type": "link", "position": [ 15, 145, 156, 15 ], "completed": false }, { "type": "link", "position": [ 271, 145, 142, 15 ], "completed": false }, { "type": "link", "position": [ 527, 145, 159, 15 ], "completed": false }, { "type": "link", "position": [ 783, 145, 98, 15 ], "completed": false }, { "type": "link", "position": [ 15, 166, 154, 15 ], "completed": false }, { "type": "link", "position": [ 271, 166, 132, 15 ], "completed": false }, { "type": "link", "position": [ 527, 166, 31, 15 ], "completed": false }, { "type": "link", "position": [ 783, 166, 104, 15 ], "completed": false } ] }, { "text": "#A footer page for offerslook.#The page should include a logo and four icons. There are three groups on the page. Each has a title (Product, Support, or Company), and three or four links.", "region_id": "4483", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:icon [attr:repeat '4'] ] [gp:NavGroup [gattr:repeat '3'] [gattr:names 'products, support, company'] [item [el:title] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 105 25 8 2 | link 71 14 6 2 | link 105 14 3 2 | link 105 22 7 2 | link 71 18 5 2 | link 71 22 7 2 | link 71 25 6 5 | link 88 14 9 2 | link 88 25 2 2 | link 88 18 9 5 | link 105 18 4 2 | logo 1 6 12 10 | title 88 9 12 3 | title 71 9 12 3 | title 105 9 12 3 | \" [ icon 1 18 3 3 ] | [ icon 7 18 3 3 ] | [ icon 13 18 3 3 ] | [ icon 19 18 3 3 ] \"", "layout_seq_without_completion": "link 105 25 8 2 | link 71 14 6 2 | link 105 14 3 2 | link 105 22 7 2 | link 71 18 5 2 | link 71 22 7 2 | link 71 25 6 5 | link 88 14 9 2 | link 88 25 2 2 | link 88 18 9 5 | link 105 18 4 2 | logo 1 6 12 10 | title 88 9 12 3 | title 71 9 12 3 | title 105 9 12 3 | \" [ icon 1 18 3 3 ] | [ icon 7 18 3 3 ] | [ icon 13 18 3 3 ] | [ icon 19 18 3 3 ] \"", "plain_layout_seq": "icon 1 18 3 3 | icon 7 18 3 3 | icon 13 18 3 3 | icon 19 18 3 3 | link 105 25 8 2 | link 71 14 6 2 | link 105 14 3 2 | link 105 22 7 2 | link 71 18 5 2 | link 71 22 7 2 | link 71 25 6 5 | link 88 14 9 2 | link 88 25 2 2 | link 88 18 9 5 | link 105 18 4 2 | logo 1 6 12 10 | title 88 9 12 3 | title 71 9 12 3 | title 105 9 12 3", "canvas_width": 970, "canvas_height": 316, "elements": [ { "type": "logo", "position": [ 15, 50, 100, 86 ], "completed": false }, { "type": "title", "position": [ 581, 80, 105, 25 ], "completed": false }, { "type": "title", "position": [ 716, 80, 105, 25 ], "completed": false }, { "type": "title", "position": [ 850, 80, 105, 25 ], "completed": false }, { "type": "link", "position": [ 581, 120, 54, 17 ], "completed": false }, { "type": "link", "position": [ 716, 120, 75, 17 ], "completed": false }, { "type": "link", "position": [ 850, 120, 28, 17 ], "completed": false }, { "type": "link", "position": [ 581, 150, 41, 17 ], "completed": false }, { "type": "link", "position": [ 716, 150, 78, 43 ], "completed": false }, { "type": "link", "position": [ 850, 150, 36, 17 ], "completed": false }, { "type": "icon", "position": [ 16, 152, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 64, 152, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 112, 152, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 160, 152, 32, 32 ], "completed": false }, { "type": "link", "position": [ 581, 180, 61, 17 ], "completed": false }, { "type": "link", "position": [ 850, 180, 58, 17 ], "completed": false }, { "type": "link", "position": [ 716, 205, 21, 17 ], "completed": false }, { "type": "link", "position": [ 581, 210, 52, 42 ], "completed": false }, { "type": "link", "position": [ 850, 210, 70, 17 ], "completed": false } ] }, { "text": "# A footer page for introducing the company and guiding the user to follow the company on social media platforms. # The page should have a logo and two groups: \"ABOUT US\" and \"FOLLOW US\". In the first group, there should be a long introduction to the company. In the second group, there should be three icons for the user to follow the company on Facebook, Linkedin, and Twitter.", "region_id": "5009", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [item \n [el:title [attr:value 'about us'] ] [el:description [attr:size 'large'] ] ] [item \n [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Linkedin'] ] [el:icon [attr:value 'Twitter'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ description undefined large | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 32 12 45 32 | logo 1 10 15 2 | title 32 6 9 3 | \" [ title 82 6 11 3 ] | [ icon 82 13 4 4 ] | [ icon 88 13 4 4 ] | [ icon 95 13 4 4 ] \"", "layout_seq_without_completion": "description 32 12 45 32 | logo 1 10 15 2 | title 32 6 9 3 | \" [ title 82 6 11 3 ] | [ icon 82 13 4 4 ] | [ icon 88 13 4 4 ] | [ icon 95 13 4 4 ] \"", "plain_layout_seq": "description 32 12 45 32 | icon 82 13 4 4 | icon 88 13 4 4 | icon 95 13 4 4 | logo 1 10 15 2 | title 32 6 9 3 | title 82 6 11 3", "canvas_width": 1009, "canvas_height": 410, "elements": [ { "type": "title", "position": [ 270, 52, 84, 29 ], "completed": false }, { "type": "title", "position": [ 694, 52, 96, 29 ], "completed": false }, { "type": "logo", "position": [ 14, 85, 130, 21 ], "completed": false }, { "type": "description", "position": [ 270, 108, 383, 271 ], "completed": false }, { "type": "icon", "position": [ 694, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 748, 112, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 800, 112, 40, 40 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 6 links for users to click to search, contact, return policy, shipping policy, privacy policy, and terms of service. A text as the extra layout to show a tip.", "region_id": "7830", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '6'] [gattr:names 'search,contact, return policy, shipping policy, privacy policy, terms of service'] [item [el:link] ] ] [el:text] ]", "execution": "footer : text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "text 0 6 120 2 | \" [ link 22 0 5 2 ] | [ link 31 0 6 2 ] | [ link 40 0 10 2 ] | [ link 53 0 12 2 ] | [ link 69 0 10 2 ] | [ link 83 0 13 2 ] \"", "layout_seq_without_completion": "text 0 6 120 2 | \" [ link 22 0 5 2 ] | [ link 31 0 6 2 ] | [ link 40 0 10 2 ] | [ link 53 0 12 2 ] | [ link 69 0 10 2 ] | [ link 83 0 13 2 ] \"", "plain_layout_seq": "link 22 0 5 2 | link 31 0 6 2 | link 40 0 10 2 | link 53 0 12 2 | link 69 0 10 2 | link 83 0 13 2 | text 0 6 120 2", "canvas_width": 943, "canvas_height": 74, "elements": [ { "type": "link", "position": [ 178, 2, 43, 18 ], "completed": false }, { "type": "link", "position": [ 245, 2, 49, 18 ], "completed": false }, { "type": "link", "position": [ 318, 2, 82, 18 ], "completed": false }, { "type": "link", "position": [ 424, 2, 100, 18 ], "completed": false }, { "type": "link", "position": [ 548, 2, 86, 18 ], "completed": false }, { "type": "link", "position": [ 658, 2, 105, 18 ], "completed": false }, { "type": "text", "position": [ 0, 52, 943, 22 ], "completed": false } ] }, { "text": "#A page for users to learn about some brands related to the web.# The page has seven logos for showing different brands related to the web.", "region_id": "7757", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:repeat '7']] ]", "execution": "footer : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined", "layout_seq_with_completion": "\" [ logo 35 0 3 3 ] | [ logo 41 0 5 3 ] | [ logo 49 0 3 3 ] | [ logo 55 0 9 3 ] | [ logo 67 0 4 3 ] | [ logo 74 0 6 3 ] | [ logo 82 0 5 3 ] \"", "layout_seq_without_completion": "\" [ logo 35 0 3 3 ] | [ logo 41 0 5 3 ] | [ logo 49 0 3 3 ] | [ logo 55 0 9 3 ] | [ logo 67 0 4 3 ] | [ logo 74 0 6 3 ] | [ logo 82 0 5 3 ] \"", "plain_layout_seq": "logo 35 0 3 3 | logo 41 0 5 3 | logo 49 0 3 3 | logo 55 0 9 3 | logo 67 0 4 3 | logo 74 0 6 3 | logo 82 0 5 3", "canvas_width": 979, "canvas_height": 42, "elements": [ { "type": "logo", "position": [ 291, 0, 31, 31 ], "completed": false }, { "type": "logo", "position": [ 340, 0, 48, 31 ], "completed": false }, { "type": "logo", "position": [ 406, 0, 27, 31 ], "completed": false }, { "type": "logo", "position": [ 451, 0, 80, 31 ], "completed": false }, { "type": "logo", "position": [ 549, 0, 37, 31 ], "completed": false }, { "type": "logo", "position": [ 604, 0, 55, 31 ], "completed": false }, { "type": "logo", "position": [ 677, 0, 42, 31 ], "completed": false } ] }, { "text": "#A footer page of the Tri-City Dust Devils for users to get more information.# The page should include a logo of the Tri-City Dust Devils. There is also a title written \u201cAbout Us\u201d with a paragraph below it. There is also a sentence leading users to visit the official website of the Tri-City Dust Devils. At the bottom of the page, there is a sentence expressing gratitude to the users for supporting the Tri-City Dust Devils.", "region_id": "8248", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:value 'Dust Devils']] [el:title [attr:value 'About Us'] ] [el:description] [el:text] [el:text [attr:position 'bottom'] [attr:value 'thank you for supporting the Tri-City Dust Devils'] ] ]", "execution": "footer : description undefined undefined | logo undefined undefined | text bottom undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 0 24 120 5 | logo 40 0 38 18 | text 0 48 120 2 | text 0 39 120 2 | title 0 19 120 3", "layout_seq_without_completion": "description 0 24 120 5 | logo 40 0 38 18 | text 0 48 120 2 | text 0 39 120 2 | title 0 19 120 3", "plain_layout_seq": "description 0 24 120 5 | logo 40 0 38 18 | text 0 48 120 2 | text 0 39 120 2 | title 0 19 120 3", "canvas_width": 944, "canvas_height": 403, "elements": [ { "type": "logo", "position": [ 322, 0, 300, 147 ], "completed": false }, { "type": "title", "position": [ 0, 156, 944, 28 ], "completed": false }, { "type": "description", "position": [ 0, 194, 944, 45 ], "completed": false }, { "type": "text", "position": [ 0, 309, 944, 22 ], "completed": false }, { "type": "text", "position": [ 0, 380, 944, 22 ], "completed": false } ] }, { "text": "#A page for introducing the academics at Brown University, and navigation of the web.# The left part of the page should have a background image, a title, a short description of the academics, and 2 buttons for users to click to browse undergraduate programs and graduate programs. The right part of the page should have a background image, and 6 links with 6 icons for users to learn about the college, school of engineering, school of public health, and so on.", "region_id": "2780", "region_type": "Footer", "ir": "[region:Footer [el:background_image [attr:position 'left'] ] [el:title [attr:position 'left'] ] [el:description [attr:size 'small'] [attr:position 'left'] ] [el:button [attr:value 'browse undergraduate programs'] [attr:position 'left'] ] [el:button [attr:value 'browse graduate programs'] [attr:position 'left'] ][el:background_image [attr:position 'right'] ] [gp:NavGroup [gattr:total_link '6'][gattr:names 'college, school of engineering, school of public health'] [item [el:link [attr:position 'right'] ] [el:icon [attr:position 'right'] ] ] ] ]", "execution": "footer : background left undefined | background right undefined | button left undefined | button left undefined | description left small | title left undefined | { [ icon right undefined | link right undefined ] | [ icon right undefined | link right undefined ] | [ icon right undefined | link right undefined ] | [ icon right undefined | link right undefined ] | [ icon right undefined | link right undefined ] | [ icon right undefined | link right undefined ] }", "layout_seq_with_completion": "background 0 0 120 70 | background 59 0 59 70 | button 4 42 41 7 | button 4 52 35 7 | description 4 24 47 12 | icon 77 17 1 1 | icon 98 52 1 1 | icon 83 24 1 1 | icon 90 45 1 1 | icon 97 31 1 1 | icon 88 38 1 1 | link 63 37 23 1 | link 63 16 12 1 | link 63 23 17 1 | link 63 30 31 1 | link 63 44 25 1 | link 63 52 32 1 | title 4 9 47 12", "layout_seq_without_completion": "background 0 0 120 70 | background 59 0 59 70 | button 4 42 41 7 | button 4 52 35 7 | description 4 24 47 12 | icon 77 17 1 1 | icon 98 52 1 1 | icon 83 24 1 1 | icon 90 45 1 1 | icon 97 31 1 1 | icon 88 38 1 1 | link 63 37 23 1 | link 63 16 12 1 | link 63 23 17 1 | link 63 30 31 1 | link 63 44 25 1 | link 63 52 32 1 | title 4 9 47 12", "plain_layout_seq": "background 0 0 120 70 | background 59 0 59 70 | button 4 42 41 7 | button 4 52 35 7 | description 4 24 47 12 | icon 77 17 1 1 | icon 98 52 1 1 | icon 83 24 1 1 | icon 90 45 1 1 | icon 97 31 1 1 | icon 88 38 1 1 | link 63 37 23 1 | link 63 16 12 1 | link 63 23 17 1 | link 63 30 31 1 | link 63 44 25 1 | link 63 52 32 1 | title 4 9 47 12", "canvas_width": 1009, "canvas_height": 591, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 590 ], "completed": false }, { "type": "background", "position": [ 504, 0, 504, 590 ], "completed": false }, { "type": "title", "position": [ 35, 81, 400, 104 ], "completed": false }, { "type": "link", "position": [ 534, 141, 104, 13 ], "completed": false }, { "type": "icon", "position": [ 654, 143, 14, 9 ], "completed": false }, { "type": "link", "position": [ 534, 200, 150, 13 ], "completed": false }, { "type": "icon", "position": [ 700, 202, 14, 9 ], "completed": false }, { "type": "description", "position": [ 35, 209, 400, 108 ], "completed": false }, { "type": "link", "position": [ 534, 260, 265, 13 ], "completed": false }, { "type": "icon", "position": [ 816, 262, 14, 9 ], "completed": false }, { "type": "link", "position": [ 534, 319, 194, 13 ], "completed": false }, { "type": "icon", "position": [ 744, 321, 14, 9 ], "completed": false }, { "type": "button", "position": [ 35, 360, 348, 65 ], "completed": false }, { "type": "link", "position": [ 534, 378, 211, 13 ], "completed": false }, { "type": "icon", "position": [ 761, 380, 14, 9 ], "completed": false }, { "type": "link", "position": [ 534, 438, 276, 13 ], "completed": false }, { "type": "icon", "position": [ 826, 440, 14, 9 ], "completed": false }, { "type": "button", "position": [ 35, 445, 299, 65 ], "completed": false } ] }, { "text": "# A footer page for an online shop. # The page should have four groups: \"Links\" \"Latest News\" \"Follow Us\", and \"Newsletter\". There should include 7 links in the first group. In the third group, there should be three icons for the user to follow the shop on social media platforms: Facebook, Instagram, and YouTube. In the last group, there should contain a short description, an input box, and a button. So the user can enter an email address and click the button to subscribe.", "region_id": "8249", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:names 'Links, Follow Us, Newsletter'] [item [el:title] [el:link [attr:repeat '7'] ] ] [item [el:title] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'YouTube'] ] ] [item [el:title] [el:description [attr:size 'small'] ] [el:input [attr:value 'your email'] ] [el:button [attr:value 'subscribe'] ] ] ]\n[el:title [attr:value 'Latest News'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 93 17 13 5 | description 93 4 26 5 | input 93 11 26 4 | title 33 0 9 2 | title 93 0 26 3 | \" [ link 3 11 9 2 | link 3 14 9 2 | link 3 17 11 2 | link 3 24 25 2 | link 3 5 3 2 | link 3 8 4 2 | link 3 21 10 2 | title 3 0 26 3 ] | [ icon 63 4 2 3 | icon 67 4 2 3 | icon 71 4 2 3 | title 63 0 26 3 ] \"", "layout_seq_without_completion": "button 93 17 13 5 | description 93 4 26 5 | input 93 11 26 4 | title 33 0 9 2 | title 93 0 26 3 | \" [ link 3 11 9 2 | link 3 14 9 2 | link 3 17 11 2 | link 3 24 25 2 | link 3 5 3 2 | link 3 8 4 2 | link 3 21 10 2 | title 3 0 26 3 ] | [ icon 63 4 2 3 | icon 67 4 2 3 | icon 71 4 2 3 | title 63 0 26 3 ] \"", "plain_layout_seq": "button 93 17 13 5 | description 93 4 26 5 | icon 63 4 2 3 | icon 67 4 2 3 | icon 71 4 2 3 | input 93 11 26 4 | link 3 11 9 2 | link 3 14 9 2 | link 3 17 11 2 | link 3 24 25 2 | link 3 5 3 2 | link 3 8 4 2 | link 3 21 10 2 | title 33 0 9 2 | title 93 0 26 3 | title 3 0 26 3 | title 63 0 26 3", "canvas_width": 995, "canvas_height": 226, "elements": [ { "type": "title", "position": [ 30, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 527, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 776, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 278, 2, 80, 21 ], "completed": false }, { "type": "icon", "position": [ 527, 40, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 560, 40, 23, 25 ], "completed": false }, { "type": "icon", "position": [ 592, 40, 24, 25 ], "completed": false }, { "type": "description", "position": [ 776, 40, 219, 46 ], "completed": false }, { "type": "link", "position": [ 30, 42, 31, 18 ], "completed": false }, { "type": "link", "position": [ 30, 69, 41, 18 ], "completed": false }, { "type": "link", "position": [ 30, 95, 80, 18 ], "completed": false }, { "type": "input", "position": [ 776, 96, 219, 37 ], "completed": false }, { "type": "link", "position": [ 30, 122, 78, 18 ], "completed": false }, { "type": "button", "position": [ 776, 147, 114, 44 ], "completed": false }, { "type": "link", "position": [ 30, 148, 96, 18 ], "completed": false }, { "type": "link", "position": [ 30, 175, 89, 18 ], "completed": false }, { "type": "link", "position": [ 30, 201, 211, 18 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The page should have four links, \"contacts\", \"privacy\", \"accessibility\", and \"modern slavery statement\". There is a link and an icon on the right for users to back to the top.", "region_id": "4552", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '4'] [gattr:names 'contacts, privacy, accessibility, modern slavery statement'] [item [el:link] ] ] [el:link [attr:position 'right'] [attr:value'top']] [el:icon [attr:position 'right'] ] ]", "execution": "footer : link right undefined | { [ icon right undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 117 0 2 2 | link 112 0 4 3 | \" [ link 0 0 12 3 ] | [ link 12 0 11 3 ] | [ link 24 0 17 3 ] | [ link 41 0 29 3 ] \"", "layout_seq_without_completion": "icon 117 0 2 2 | link 112 0 4 3 | \" [ link 0 0 12 3 ] | [ link 12 0 11 3 ] | [ link 24 0 17 3 ] | [ link 41 0 29 3 ] \"", "plain_layout_seq": "icon 117 0 2 2 | link 112 0 4 3 | link 0 0 12 3 | link 12 0 11 3 | link 24 0 17 3 | link 41 0 29 3", "canvas_width": 889, "canvas_height": 24, "elements": [ { "type": "link", "position": [ 0, 0, 96, 24 ], "completed": false }, { "type": "link", "position": [ 96, 0, 82, 24 ], "completed": false }, { "type": "link", "position": [ 178, 0, 126, 24 ], "completed": false }, { "type": "link", "position": [ 304, 0, 222, 24 ], "completed": false }, { "type": "link", "position": [ 833, 0, 32, 24 ], "completed": false }, { "type": "icon", "position": [ 869, 2, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 6 links for users to click to know the different content of the web fastly and contact the related department.", "region_id": "1173", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'6'] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 18 1 39 4 ] | [ link 61 1 39 4 ] | [ link 18 8 39 4 ] | [ link 61 8 39 4 ] | [ link 18 16 39 4 ] | [ link 61 16 39 4 ] \"", "layout_seq_without_completion": "\" [ link 18 1 39 4 ] | [ link 61 1 39 4 ] | [ link 18 8 39 4 ] | [ link 61 8 39 4 ] | [ link 18 16 39 4 ] | [ link 61 16 39 4 ] \"", "plain_layout_seq": "link 18 1 39 4 | link 61 1 39 4 | link 18 8 39 4 | link 61 8 39 4 | link 18 16 39 4 | link 61 16 39 4", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "link", "position": [ 162, 10, 338, 40 ], "completed": false }, { "type": "link", "position": [ 524, 10, 338, 40 ], "completed": false }, { "type": "link", "position": [ 162, 75, 338, 40 ], "completed": false }, { "type": "link", "position": [ 524, 75, 338, 40 ], "completed": false }, { "type": "link", "position": [ 162, 140, 338, 40 ], "completed": false }, { "type": "link", "position": [ 524, 140, 338, 40 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#There are two groups on this page and each group has a title and 4-5 links, which are for users to click fastly.", "region_id": "6413", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:link [attr:repeat '5'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 5 5 3 | link 0 9 10 4 | link 0 14 3 4 | link 0 18 9 4 | link 0 23 7 4 | title 0 0 59 2 ] | [ link 60 9 11 4 | link 60 18 11 4 | link 60 5 13 3 | link 60 14 12 4 | title 60 0 59 2 ] \"", "layout_seq_without_completion": "\" [ link 0 5 5 3 | link 0 9 10 4 | link 0 14 3 4 | link 0 18 9 4 | link 0 23 7 4 | title 0 0 59 2 ] | [ link 60 9 11 4 | link 60 18 11 4 | link 60 5 13 3 | link 60 14 12 4 | title 60 0 59 2 ] \"", "plain_layout_seq": "link 0 5 5 3 | link 0 9 10 4 | link 0 14 3 4 | link 0 18 9 4 | link 0 23 7 4 | link 60 9 11 4 | link 60 18 11 4 | link 60 5 13 3 | link 60 14 12 4 | title 0 0 59 2 | title 60 0 59 2", "canvas_width": 924, "canvas_height": 216, "elements": [ { "type": "title", "position": [ 0, 0, 458, 23 ], "completed": false }, { "type": "title", "position": [ 466, 0, 458, 23 ], "completed": false }, { "type": "link", "position": [ 0, 45, 44, 30 ], "completed": false }, { "type": "link", "position": [ 466, 45, 105, 30 ], "completed": false }, { "type": "link", "position": [ 0, 75, 80, 35 ], "completed": false }, { "type": "link", "position": [ 466, 75, 87, 35 ], "completed": false }, { "type": "link", "position": [ 0, 111, 29, 35 ], "completed": false }, { "type": "link", "position": [ 466, 111, 99, 35 ], "completed": false }, { "type": "link", "position": [ 0, 146, 71, 35 ], "completed": false }, { "type": "link", "position": [ 466, 146, 89, 35 ], "completed": false }, { "type": "link", "position": [ 0, 181, 60, 35 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company named \"Sumitomo Electric\" to users.# The page should include a logo of the company on the left. There should be three categories such as \"Products\", \"Industries\", and \"Company\". Under each category, there should be several sublinks where users can click to get further information.", "region_id": "1295", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:position'left'] ] [gp:NavGroup [gattr:repeat'3'] [gattr:names'products, industries, company'] [item [el:text] [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : logo left undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 37 | logo 5 5 16 5 | \" [ link 33 11 10 1 | link 33 26 6 1 | link 33 15 9 1 | link 33 19 6 1 | link 33 22 9 1 | text 33 5 10 3 ] | [ link 62 11 8 1 | link 62 26 1 1 | link 62 30 13 1 | link 62 15 16 1 | link 62 19 8 1 | link 62 22 16 1 | text 62 5 11 3 ] | [ link 90 11 10 1 | link 90 15 16 1 | link 90 19 16 1 | link 90 22 9 1 | text 90 5 11 3 ] \"", "layout_seq_without_completion": "background 0 0 120 37 | logo 5 5 16 5 | \" [ link 33 11 10 1 | link 33 26 6 1 | link 33 15 9 1 | link 33 19 6 1 | link 33 22 9 1 | text 33 5 10 3 ] | [ link 62 11 8 1 | link 62 26 1 1 | link 62 30 13 1 | link 62 15 16 1 | link 62 19 8 1 | link 62 22 16 1 | text 62 5 11 3 ] | [ link 90 11 10 1 | link 90 15 16 1 | link 90 19 16 1 | link 90 22 9 1 | text 90 5 11 3 ] \"", "plain_layout_seq": "background 0 0 120 37 | link 33 11 10 1 | link 33 26 6 1 | link 33 15 9 1 | link 33 19 6 1 | link 33 22 9 1 | link 62 11 8 1 | link 62 26 1 1 | link 62 30 13 1 | link 62 15 16 1 | link 62 19 8 1 | link 62 22 16 1 | link 90 11 10 1 | link 90 15 16 1 | link 90 19 16 1 | link 90 22 9 1 | logo 5 5 16 5 | text 33 5 10 3 | text 62 5 11 3 | text 90 5 11 3", "canvas_width": 1032, "canvas_height": 324, "elements": [ { "type": "background", "position": [ 0, 0, 1032, 324 ], "completed": true }, { "type": "logo", "position": [ 48, 48, 141, 47 ], "completed": false }, { "type": "text", "position": [ 292, 48, 94, 28 ], "completed": false }, { "type": "text", "position": [ 536, 48, 103, 28 ], "completed": false }, { "type": "text", "position": [ 780, 48, 100, 28 ], "completed": false }, { "type": "link", "position": [ 292, 100, 87, 16 ], "completed": false }, { "type": "link", "position": [ 536, 100, 74, 16 ], "completed": false }, { "type": "link", "position": [ 780, 100, 87, 16 ], "completed": false }, { "type": "link", "position": [ 292, 132, 81, 16 ], "completed": false }, { "type": "link", "position": [ 536, 132, 141, 16 ], "completed": false }, { "type": "link", "position": [ 780, 132, 145, 16 ], "completed": false }, { "type": "link", "position": [ 292, 164, 53, 16 ], "completed": false }, { "type": "link", "position": [ 536, 164, 70, 16 ], "completed": false }, { "type": "link", "position": [ 780, 164, 145, 16 ], "completed": false }, { "type": "link", "position": [ 292, 196, 85, 16 ], "completed": false }, { "type": "link", "position": [ 536, 196, 141, 16 ], "completed": false }, { "type": "link", "position": [ 780, 196, 79, 16 ], "completed": false }, { "type": "link", "position": [ 292, 228, 52, 16 ], "completed": false }, { "type": "link", "position": [ 536, 228, 12, 16 ], "completed": false }, { "type": "link", "position": [ 536, 260, 119, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 5 groups of links for users to click to know the different content of the web.", "region_id": "958", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 8 7 2 | link 1 12 13 6 | link 1 20 14 2 | link 1 24 6 2 | link 1 28 8 4 | link 1 34 12 4 | complete title 1 2 12 4 ] | [ link 21 13 7 2 | link 21 23 11 4 | link 21 17 10 4 | complete title 21 2 12 9 ] | [ link 41 6 12 2 | link 41 23 7 2 | link 41 10 3 2 | link 41 14 10 2 | link 41 17 10 4 | link 41 27 12 4 | complete title 41 2 5 2 ] | [ link 61 12 14 4 | link 61 30 10 4 | link 61 36 13 4 | link 61 48 3 2 | link 61 6 9 4 | link 61 18 14 4 | link 61 24 10 4 | link 61 42 10 4 | complete title 61 2 9 2 ] | [ link 81 6 11 2 | link 81 10 9 2 | link 81 25 9 2 | link 81 29 10 4 | link 81 41 11 2 | link 81 45 6 2 | link 81 48 8 4 | link 81 14 12 6 | link 81 22 7 2 | link 81 35 10 4 | complete title 81 2 9 2 ] \"", "layout_seq_without_completion": "\" [ link 1 8 7 2 | link 1 12 13 6 | link 1 20 14 2 | link 1 24 6 2 | link 1 28 8 4 | link 1 34 12 4 | title 1 2 12 4 ] | [ link 21 13 7 2 | link 21 23 11 4 | link 21 17 10 4 | title 21 2 12 9 ] | [ link 41 6 12 2 | link 41 23 7 2 | link 41 10 3 2 | link 41 14 10 2 | link 41 17 10 4 | link 41 27 12 4 | title 41 2 5 2 ] | [ link 61 12 14 4 | link 61 30 10 4 | link 61 36 13 4 | link 61 48 3 2 | link 61 6 9 4 | link 61 18 14 4 | link 61 24 10 4 | link 61 42 10 4 | title 61 2 9 2 ] | [ link 81 6 11 2 | link 81 10 9 2 | link 81 25 9 2 | link 81 29 10 4 | link 81 41 11 2 | link 81 45 6 2 | link 81 48 8 4 | link 81 14 12 6 | link 81 22 7 2 | link 81 35 10 4 | title 81 2 9 2 ] \"", "plain_layout_seq": "link 1 8 7 2 | link 1 12 13 6 | link 1 20 14 2 | link 1 24 6 2 | link 1 28 8 4 | link 1 34 12 4 | link 21 13 7 2 | link 21 23 11 4 | link 21 17 10 4 | link 41 6 12 2 | link 41 23 7 2 | link 41 10 3 2 | link 41 14 10 2 | link 41 17 10 4 | link 41 27 12 4 | link 61 12 14 4 | link 61 30 10 4 | link 61 36 13 4 | link 61 48 3 2 | link 61 6 9 4 | link 61 18 14 4 | link 61 24 10 4 | link 61 42 10 4 | link 81 6 11 2 | link 81 10 9 2 | link 81 25 9 2 | link 81 29 10 4 | link 81 41 11 2 | link 81 45 6 2 | link 81 48 8 4 | link 81 14 12 6 | link 81 22 7 2 | link 81 35 10 4 | title 1 2 12 4 | title 21 2 12 9 | title 41 2 5 2 | title 61 2 9 2 | title 81 2 9 2", "canvas_width": 970, "canvas_height": 448, "elements": [ { "type": "title", "position": [ 15, 19, 105, 38 ], "completed": true }, { "type": "title", "position": [ 177, 19, 100, 74 ], "completed": true }, { "type": "title", "position": [ 338, 19, 46, 20 ], "completed": true }, { "type": "title", "position": [ 500, 19, 73, 20 ], "completed": true }, { "type": "title", "position": [ 662, 19, 73, 20 ], "completed": true }, { "type": "link", "position": [ 338, 54, 100, 18 ], "completed": false }, { "type": "link", "position": [ 500, 54, 79, 36 ], "completed": false }, { "type": "link", "position": [ 662, 54, 92, 18 ], "completed": false }, { "type": "link", "position": [ 15, 72, 63, 18 ], "completed": false }, { "type": "link", "position": [ 338, 84, 30, 18 ], "completed": false }, { "type": "link", "position": [ 662, 84, 80, 18 ], "completed": false }, { "type": "link", "position": [ 15, 102, 110, 54 ], "completed": false }, { "type": "link", "position": [ 500, 102, 120, 36 ], "completed": false }, { "type": "link", "position": [ 177, 108, 63, 18 ], "completed": false }, { "type": "link", "position": [ 338, 114, 85, 18 ], "completed": false }, { "type": "link", "position": [ 662, 114, 103, 54 ], "completed": false }, { "type": "link", "position": [ 177, 138, 82, 36 ], "completed": false }, { "type": "link", "position": [ 338, 144, 87, 36 ], "completed": false }, { "type": "link", "position": [ 500, 150, 121, 36 ], "completed": false }, { "type": "link", "position": [ 15, 168, 118, 18 ], "completed": false }, { "type": "link", "position": [ 662, 180, 59, 18 ], "completed": false }, { "type": "link", "position": [ 177, 186, 93, 36 ], "completed": false }, { "type": "link", "position": [ 338, 192, 58, 18 ], "completed": false }, { "type": "link", "position": [ 15, 198, 54, 18 ], "completed": false }, { "type": "link", "position": [ 500, 198, 81, 36 ], "completed": false }, { "type": "link", "position": [ 662, 210, 75, 18 ], "completed": false }, { "type": "link", "position": [ 338, 222, 102, 36 ], "completed": false }, { "type": "link", "position": [ 15, 228, 67, 36 ], "completed": false }, { "type": "link", "position": [ 662, 240, 87, 36 ], "completed": false }, { "type": "link", "position": [ 500, 246, 81, 36 ], "completed": false }, { "type": "link", "position": [ 15, 276, 105, 36 ], "completed": false }, { "type": "link", "position": [ 662, 288, 81, 36 ], "completed": false }, { "type": "link", "position": [ 500, 294, 109, 36 ], "completed": false }, { "type": "link", "position": [ 662, 336, 90, 18 ], "completed": false }, { "type": "link", "position": [ 500, 342, 84, 36 ], "completed": false }, { "type": "link", "position": [ 662, 366, 49, 18 ], "completed": false }, { "type": "link", "position": [ 500, 390, 27, 18 ], "completed": false }, { "type": "link", "position": [ 662, 396, 65, 36 ], "completed": false } ] }, { "text": "#This page provides users with some information.#This page is divided into four groups: Our site, Links, Contact, and Our teas. Each group has a title and 4-9 related links, in addition, there are two icons above: Instagram and TikTok.", "region_id": "8692", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'our site, links,contact, our teas'] [item [el:title] [el:link [attr:repeat '9'] ] ] ] [el:icon [attr:position 'top'] [attr:value 'Instagram'] ] [el:icon [attr:position 'top'] [attr:value 'Tiktok'] ] ]", "execution": "footer : { [ icon top undefined ] | [ icon top undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 13 5 3 3 | icon 8 5 3 3 | \" [ link 8 35 9 2 | link 8 22 5 2 | link 8 25 8 2 | link 8 28 13 2 | link 8 31 5 2 | title 8 15 21 3 ] | [ link 35 22 7 2 | link 35 25 15 2 | link 35 31 18 2 | link 35 35 4 2 | link 35 41 17 2 | link 35 48 14 2 | link 35 28 12 2 | link 35 38 14 2 | link 35 45 17 2 | title 35 15 21 3 ] | [ link 62 22 20 2 | link 62 31 11 2 | link 62 25 11 2 | link 62 28 13 2 | title 62 15 21 3 ] | [ link 90 54 17 5 | link 90 64 20 5 | link 90 22 16 2 | link 90 25 15 2 | link 90 28 18 5 | link 90 35 17 5 | link 90 41 18 5 | link 90 48 16 5 | link 90 61 17 2 | title 90 15 21 3 ] \"", "layout_seq_without_completion": "icon 13 5 3 3 | icon 8 5 3 3 | \" [ link 8 35 9 2 | link 8 22 5 2 | link 8 25 8 2 | link 8 28 13 2 | link 8 31 5 2 | title 8 15 21 3 ] | [ link 35 22 7 2 | link 35 25 15 2 | link 35 31 18 2 | link 35 35 4 2 | link 35 41 17 2 | link 35 48 14 2 | link 35 28 12 2 | link 35 38 14 2 | link 35 45 17 2 | title 35 15 21 3 ] | [ link 62 22 20 2 | link 62 31 11 2 | link 62 25 11 2 | link 62 28 13 2 | title 62 15 21 3 ] | [ link 90 54 17 5 | link 90 64 20 5 | link 90 22 16 2 | link 90 25 15 2 | link 90 28 18 5 | link 90 35 17 5 | link 90 41 18 5 | link 90 48 16 5 | link 90 61 17 2 | title 90 15 21 3 ] \"", "plain_layout_seq": "icon 13 5 3 3 | icon 8 5 3 3 | link 8 35 9 2 | link 8 22 5 2 | link 8 25 8 2 | link 8 28 13 2 | link 8 31 5 2 | link 35 22 7 2 | link 35 25 15 2 | link 35 31 18 2 | link 35 35 4 2 | link 35 41 17 2 | link 35 48 14 2 | link 35 28 12 2 | link 35 38 14 2 | link 35 45 17 2 | link 62 22 20 2 | link 62 31 11 2 | link 62 25 11 2 | link 62 28 13 2 | link 90 54 17 5 | link 90 64 20 5 | link 90 22 16 2 | link 90 25 15 2 | link 90 28 18 5 | link 90 35 17 5 | link 90 41 18 5 | link 90 48 16 5 | link 90 61 17 2 | title 8 15 21 3 | title 35 15 21 3 | title 62 15 21 3 | title 90 15 21 3", "canvas_width": 1024, "canvas_height": 651, "elements": [ { "type": "icon", "position": [ 72, 48, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 119, 48, 32, 32 ], "completed": false }, { "type": "title", "position": [ 72, 133, 184, 34 ], "completed": false }, { "type": "title", "position": [ 304, 133, 184, 34 ], "completed": false }, { "type": "title", "position": [ 536, 133, 184, 34 ], "completed": false }, { "type": "title", "position": [ 768, 133, 184, 34 ], "completed": false }, { "type": "link", "position": [ 72, 188, 49, 18 ], "completed": false }, { "type": "link", "position": [ 304, 188, 63, 18 ], "completed": false }, { "type": "link", "position": [ 536, 188, 176, 18 ], "completed": false }, { "type": "link", "position": [ 768, 188, 139, 18 ], "completed": false }, { "type": "link", "position": [ 72, 216, 76, 18 ], "completed": false }, { "type": "link", "position": [ 304, 216, 135, 18 ], "completed": false }, { "type": "link", "position": [ 536, 216, 94, 18 ], "completed": false }, { "type": "link", "position": [ 768, 216, 133, 18 ], "completed": false }, { "type": "link", "position": [ 72, 244, 117, 18 ], "completed": false }, { "type": "link", "position": [ 304, 244, 109, 18 ], "completed": false }, { "type": "link", "position": [ 536, 244, 111, 18 ], "completed": false }, { "type": "link", "position": [ 768, 244, 162, 46 ], "completed": false }, { "type": "link", "position": [ 72, 272, 46, 18 ], "completed": false }, { "type": "link", "position": [ 304, 272, 154, 18 ], "completed": false }, { "type": "link", "position": [ 536, 272, 102, 18 ], "completed": false }, { "type": "link", "position": [ 72, 300, 78, 18 ], "completed": false }, { "type": "link", "position": [ 304, 300, 42, 18 ], "completed": false }, { "type": "link", "position": [ 768, 300, 151, 46 ], "completed": false }, { "type": "link", "position": [ 304, 328, 123, 18 ], "completed": false }, { "type": "link", "position": [ 304, 356, 146, 18 ], "completed": false }, { "type": "link", "position": [ 768, 356, 157, 46 ], "completed": false }, { "type": "link", "position": [ 304, 384, 146, 18 ], "completed": false }, { "type": "link", "position": [ 304, 412, 126, 18 ], "completed": false }, { "type": "link", "position": [ 768, 412, 137, 46 ], "completed": false }, { "type": "link", "position": [ 768, 468, 146, 46 ], "completed": false }, { "type": "link", "position": [ 768, 524, 152, 18 ], "completed": false }, { "type": "link", "position": [ 768, 552, 171, 46 ], "completed": false } ] }, { "text": "#A page to show guidance for the website users# On this page four groups of information are involved. In each group the titles of \"latest news\", \"Links\", \"Follow us\" and \"Newsletter\" are all contained. In the first group, it includes a picture of \"Grishko Clearance\" placed under her name and a short description of the latest news. In the second group, below the title of \"links\", eight links are set. And in the third group, four buttons are involved. And in the last group, Under the title of \"newsletter\", the input with the words \"you email\" being inside placed between a short description and a button.", "region_id": "6541", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'latest news'] ] [el:text] [el:description [attr:size 'small'] ] [el:image] ] [item [el:title [attr:value 'links'] ] [el:link [attr:repeat '8'] ] ] [item [el:title [attr:value 'follow us'] ] [el:button [attr:repeat '4'] ] ] [item [el:title [attr:value 'newsletter'] ] [el:input [attr:value 'you email']] [el:description [attr:size 'small'] ] [el:button] ] ] ]", "execution": "footer : { [ description undefined small | image undefined undefined | text undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined small | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 93 18 11 5 | description 93 4 26 5 | description 3 47 26 11 | image 3 8 26 37 | input 93 12 26 4 | text 3 5 13 2 | title 3 0 10 2 | title 93 0 26 3 | \" [ link 33 11 15 2 | link 33 18 15 2 | link 33 28 7 2 | link 33 5 4 2 | link 33 8 6 2 | link 33 15 9 2 | link 33 22 10 2 | link 33 25 7 2 | title 33 0 26 3 ] | [ button 67 4 2 3 | button 72 4 2 3 | button 76 4 2 3 | button 63 4 2 3 | title 63 0 26 3 ] \"", "layout_seq_without_completion": "button 93 18 11 5 | description 93 4 26 5 | description 3 47 26 11 | image 3 8 26 37 | input 93 12 26 4 | text 3 5 13 2 | title 3 0 10 2 | title 93 0 26 3 | \" [ link 33 11 15 2 | link 33 18 15 2 | link 33 28 7 2 | link 33 5 4 2 | link 33 8 6 2 | link 33 15 9 2 | link 33 22 10 2 | link 33 25 7 2 | title 33 0 26 3 ] | [ button 67 4 2 3 | button 72 4 2 3 | button 76 4 2 3 | button 63 4 2 3 | title 63 0 26 3 ] \"", "plain_layout_seq": "button 93 18 11 5 | button 67 4 2 3 | button 72 4 2 3 | button 76 4 2 3 | button 63 4 2 3 | description 93 4 26 5 | description 3 47 26 11 | image 3 8 26 37 | input 93 12 26 4 | link 33 11 15 2 | link 33 18 15 2 | link 33 28 7 2 | link 33 5 4 2 | link 33 8 6 2 | link 33 15 9 2 | link 33 22 10 2 | link 33 25 7 2 | text 3 5 13 2 | title 3 0 10 2 | title 93 0 26 3 | title 33 0 26 3 | title 63 0 26 3", "canvas_width": 995, "canvas_height": 501, "elements": [ { "type": "title", "position": [ 278, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 527, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 776, 0, 219, 26 ], "completed": false }, { "type": "title", "position": [ 30, 1, 88, 22 ], "completed": false }, { "type": "button", "position": [ 527, 41, 23, 25 ], "completed": false }, { "type": "button", "position": [ 562, 41, 24, 25 ], "completed": false }, { "type": "button", "position": [ 598, 41, 23, 25 ], "completed": false }, { "type": "button", "position": [ 633, 41, 24, 25 ], "completed": false }, { "type": "description", "position": [ 776, 41, 219, 49 ], "completed": false }, { "type": "text", "position": [ 30, 43, 113, 19 ], "completed": false }, { "type": "link", "position": [ 278, 43, 41, 19 ], "completed": false }, { "type": "link", "position": [ 278, 71, 54, 19 ], "completed": false }, { "type": "image", "position": [ 30, 74, 219, 309 ], "completed": false }, { "type": "link", "position": [ 278, 99, 132, 19 ], "completed": false }, { "type": "input", "position": [ 776, 100, 219, 39 ], "completed": false }, { "type": "link", "position": [ 278, 127, 82, 19 ], "completed": false }, { "type": "button", "position": [ 776, 153, 94, 44 ], "completed": false }, { "type": "link", "position": [ 278, 155, 132, 19 ], "completed": false }, { "type": "link", "position": [ 278, 184, 87, 19 ], "completed": false }, { "type": "link", "position": [ 278, 212, 64, 19 ], "completed": false }, { "type": "link", "position": [ 278, 240, 64, 19 ], "completed": false }, { "type": "description", "position": [ 30, 393, 219, 98 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have five lists of links \"VERTICALS\" \"INTEGRATIONS\" \"HELP\" \"PARTNERS\", and \"COMPANY\" for the user to click for more info about the company. Also, there should be 6, 5, 5, 2, and 10 links in each list respectively.", "region_id": "2587", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'verticals'] ] [el:link [attr:repeat '6'] ]] [item [el:title [attr:value 'integrations'] ] [el:link [attr:repeat '5'] ]] [item [el:title [attr:value 'help'] ] [el:link [attr:repeat '5'] ]] [item [el:title [attr:value 'partners'] ] [el:link [attr:repeat '2'] ]] [item [el:title [attr:value 'company'] ] [el:link [attr:repeat '10']] ]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 26 5 5 2 | link 103 8 13 2 | link 77 5 6 2 | link 103 5 6 2 | link 103 29 15 2 | link 103 32 14 2 | link 103 36 15 2 | link 0 19 11 2 | link 0 22 13 2 | link 26 15 6 2 | link 0 12 8 2 | link 51 19 8 2 | link 103 22 8 2 | link 51 12 14 2 | link 51 15 11 2 | link 0 15 8 2 | link 26 12 8 2 | link 26 19 7 2 | link 51 5 11 2 | link 51 8 3 2 | link 77 8 6 2 | link 103 12 5 2 | link 0 5 6 2 | link 0 8 8 2 | link 26 8 8 2 | link 103 15 8 2 | link 103 19 3 2 | link 103 26 15 2 | title 26 0 16 2 | title 77 0 16 2 | title 51 0 16 2 | title 0 0 16 2 | title 103 0 16 2", "layout_seq_without_completion": "link 26 5 5 2 | link 103 8 13 2 | link 77 5 6 2 | link 103 5 6 2 | link 103 29 15 2 | link 103 32 14 2 | link 103 36 15 2 | link 0 19 11 2 | link 0 22 13 2 | link 26 15 6 2 | link 0 12 8 2 | link 51 19 8 2 | link 103 22 8 2 | link 51 12 14 2 | link 51 15 11 2 | link 0 15 8 2 | link 26 12 8 2 | link 26 19 7 2 | link 51 5 11 2 | link 51 8 3 2 | link 77 8 6 2 | link 103 12 5 2 | link 0 5 6 2 | link 0 8 8 2 | link 26 8 8 2 | link 103 15 8 2 | link 103 19 3 2 | link 103 26 15 2 | title 26 0 16 2 | title 77 0 16 2 | title 51 0 16 2 | title 0 0 16 2 | title 103 0 16 2", "plain_layout_seq": "link 26 5 5 2 | link 103 8 13 2 | link 77 5 6 2 | link 103 5 6 2 | link 103 29 15 2 | link 103 32 14 2 | link 103 36 15 2 | link 0 19 11 2 | link 0 22 13 2 | link 26 15 6 2 | link 0 12 8 2 | link 51 19 8 2 | link 103 22 8 2 | link 51 12 14 2 | link 51 15 11 2 | link 0 15 8 2 | link 26 12 8 2 | link 26 19 7 2 | link 51 5 11 2 | link 51 8 3 2 | link 77 8 6 2 | link 103 12 5 2 | link 0 5 6 2 | link 0 8 8 2 | link 26 8 8 2 | link 103 15 8 2 | link 103 19 3 2 | link 103 26 15 2 | title 26 0 16 2 | title 77 0 16 2 | title 51 0 16 2 | title 0 0 16 2 | title 103 0 16 2", "canvas_width": 976, "canvas_height": 316, "elements": [ { "type": "title", "position": [ 4, 0, 132, 24 ], "completed": false }, { "type": "title", "position": [ 213, 0, 132, 24 ], "completed": false }, { "type": "title", "position": [ 422, 0, 132, 24 ], "completed": false }, { "type": "title", "position": [ 631, 0, 132, 24 ], "completed": false }, { "type": "title", "position": [ 840, 0, 132, 24 ], "completed": false }, { "type": "link", "position": [ 4, 44, 56, 17 ], "completed": false }, { "type": "link", "position": [ 213, 44, 44, 17 ], "completed": false }, { "type": "link", "position": [ 422, 44, 96, 17 ], "completed": false }, { "type": "link", "position": [ 631, 44, 55, 17 ], "completed": false }, { "type": "link", "position": [ 840, 44, 56, 17 ], "completed": false }, { "type": "link", "position": [ 4, 72, 71, 17 ], "completed": false }, { "type": "link", "position": [ 213, 72, 67, 17 ], "completed": false }, { "type": "link", "position": [ 422, 72, 26, 17 ], "completed": false }, { "type": "link", "position": [ 631, 72, 56, 17 ], "completed": false }, { "type": "link", "position": [ 840, 72, 111, 17 ], "completed": false }, { "type": "link", "position": [ 4, 100, 68, 17 ], "completed": false }, { "type": "link", "position": [ 213, 100, 72, 17 ], "completed": false }, { "type": "link", "position": [ 422, 100, 121, 17 ], "completed": false }, { "type": "link", "position": [ 840, 100, 48, 17 ], "completed": false }, { "type": "link", "position": [ 4, 128, 70, 17 ], "completed": false }, { "type": "link", "position": [ 213, 128, 56, 17 ], "completed": false }, { "type": "link", "position": [ 422, 128, 97, 17 ], "completed": false }, { "type": "link", "position": [ 840, 128, 73, 17 ], "completed": false }, { "type": "link", "position": [ 4, 156, 93, 17 ], "completed": false }, { "type": "link", "position": [ 213, 156, 59, 17 ], "completed": false }, { "type": "link", "position": [ 422, 156, 72, 17 ], "completed": false }, { "type": "link", "position": [ 840, 156, 28, 17 ], "completed": false }, { "type": "link", "position": [ 4, 184, 106, 17 ], "completed": false }, { "type": "link", "position": [ 840, 184, 68, 17 ], "completed": false }, { "type": "link", "position": [ 840, 212, 129, 17 ], "completed": false }, { "type": "link", "position": [ 840, 240, 125, 17 ], "completed": false }, { "type": "link", "position": [ 840, 268, 116, 17 ], "completed": false }, { "type": "link", "position": [ 840, 296, 126, 17 ], "completed": false } ] }, { "text": "# A page for the user to subscribe to the newsletter, and follow the company on social media platforms.# There should have a title \"Subscribe\" and an input box with a small icon where the user can enter the email address and click to subscribe. Also, five icons should be provided for the user to follow the company on Twitter, Facebook, Instagram, TikTok, and YouTube.", "region_id": "7215", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'subscribe'] ] [el:input [attr:value 'email']] [el:icon [attr:size 'small'] [attr:value 'subscribe'] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'TikTok'] ] [el:icon [attr:value 'YouTube'] ] ]", "execution": "footer : input undefined undefined | title undefined undefined | { [ icon undefined small ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "icon 45 7 2 3 | input 0 6 49 6 | complete text 2 7 4 3 | title 0 0 60 3 | \" [ icon 91 8 2 2 ] | [ icon 97 8 2 2 ] | [ icon 103 8 2 2 ] | [ icon 109 8 2 2 ] | [ icon 115 8 2 2 ] \"", "layout_seq_without_completion": "icon 45 7 2 3 | input 0 6 49 6 | text 2 7 4 3 | title 0 0 60 3 | \" [ icon 91 8 2 2 ] | [ icon 97 8 2 2 ] | [ icon 103 8 2 2 ] | [ icon 109 8 2 2 ] | [ icon 115 8 2 2 ] \"", "plain_layout_seq": "icon 45 7 2 3 | icon 91 8 2 2 | icon 97 8 2 2 | icon 103 8 2 2 | icon 109 8 2 2 | icon 115 8 2 2 | input 0 6 49 6 | text 2 7 4 3 | title 0 0 60 3", "canvas_width": 920, "canvas_height": 97, "elements": [ { "type": "title", "position": [ 0, 0, 460, 26 ], "completed": false }, { "type": "input", "position": [ 2, 48, 376, 47 ], "completed": false }, { "type": "text", "position": [ 22, 59, 38, 25 ], "completed": true }, { "type": "icon", "position": [ 347, 59, 16, 26 ], "completed": false }, { "type": "icon", "position": [ 702, 64, 19, 19 ], "completed": false }, { "type": "icon", "position": [ 748, 64, 19, 19 ], "completed": false }, { "type": "icon", "position": [ 795, 64, 19, 19 ], "completed": false }, { "type": "icon", "position": [ 841, 64, 19, 19 ], "completed": false }, { "type": "icon", "position": [ 887, 64, 19, 19 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be four information sets, with each comprised of a title, and several links. Users can get access to different info through these links and follow the company on social platforms such as Facebook. Also, it is better to include a title and a text button for the user to download the app from Google Play.", "region_id": "94", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:title] [el:link [attr:repeat'several'] ] ] ] [el:title] [el:button [attr:value'download the app from google play'] ] ]", "execution": "footer : button undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 98 10 21 2 | \" [ link 0 22 6 1 | link 0 26 7 1 | link 0 29 9 1 | link 0 15 4 1 | link 0 19 3 1 | title 0 10 9 2 ] | [ link 22 15 8 1 | link 22 19 9 1 | title 22 10 9 2 ] | [ link 44 15 17 1 | link 44 19 15 1 | link 44 22 14 1 | link 44 26 12 1 | title 44 10 17 2 ] | [ link 74 15 7 1 | link 74 19 5 1 | link 74 22 7 1 | title 74 10 10 2 ] | [ button 98 16 21 7 | complete logo 100 18 3 4 | complete text 104 18 13 1 | complete text 104 20 13 2 ] \"", "layout_seq_without_completion": "title 98 10 21 2 | \" [ link 0 22 6 1 | link 0 26 7 1 | link 0 29 9 1 | link 0 15 4 1 | link 0 19 3 1 | title 0 10 9 2 ] | [ link 22 15 8 1 | link 22 19 9 1 | title 22 10 9 2 ] | [ link 44 15 17 1 | link 44 19 15 1 | link 44 22 14 1 | link 44 26 12 1 | title 44 10 17 2 ] | [ link 74 15 7 1 | link 74 19 5 1 | link 74 22 7 1 | title 74 10 10 2 ] | [ button 98 16 21 7 | logo 100 18 3 4 | text 104 18 13 1 | text 104 20 13 2 ] \"", "plain_layout_seq": "button 98 16 21 7 | link 0 22 6 1 | link 0 26 7 1 | link 0 29 9 1 | link 0 15 4 1 | link 0 19 3 1 | link 22 15 8 1 | link 22 19 9 1 | link 44 15 17 1 | link 44 19 15 1 | link 44 22 14 1 | link 44 26 12 1 | link 74 15 7 1 | link 74 19 5 1 | link 74 22 7 1 | logo 100 18 3 4 | text 104 18 13 1 | text 104 20 13 2 | title 98 10 21 2 | title 0 10 9 2 | title 22 10 9 2 | title 44 10 17 2 | title 74 10 10 2", "canvas_width": 924, "canvas_height": 299, "elements": [ { "type": "title", "position": [ 0, 81, 71, 17 ], "completed": false }, { "type": "title", "position": [ 172, 81, 71, 17 ], "completed": false }, { "type": "title", "position": [ 344, 81, 131, 17 ], "completed": false }, { "type": "title", "position": [ 576, 81, 81, 17 ], "completed": false }, { "type": "title", "position": [ 758, 81, 166, 17 ], "completed": false }, { "type": "link", "position": [ 0, 121, 37, 15 ], "completed": false }, { "type": "link", "position": [ 172, 121, 69, 15 ], "completed": false }, { "type": "link", "position": [ 344, 121, 131, 15 ], "completed": false }, { "type": "link", "position": [ 576, 121, 60, 15 ], "completed": false }, { "type": "button", "position": [ 758, 130, 166, 59 ], "completed": false }, { "type": "logo", "position": [ 771, 143, 28, 33 ], "completed": true }, { "type": "text", "position": [ 807, 144, 104, 10 ], "completed": true }, { "type": "link", "position": [ 0, 148, 28, 15 ], "completed": false }, { "type": "link", "position": [ 172, 148, 71, 15 ], "completed": false }, { "type": "link", "position": [ 344, 148, 118, 15 ], "completed": false }, { "type": "link", "position": [ 576, 148, 40, 15 ], "completed": false }, { "type": "text", "position": [ 807, 156, 104, 20 ], "completed": true }, { "type": "link", "position": [ 0, 175, 47, 15 ], "completed": false }, { "type": "link", "position": [ 344, 175, 111, 15 ], "completed": false }, { "type": "link", "position": [ 576, 175, 59, 15 ], "completed": false }, { "type": "link", "position": [ 0, 202, 55, 15 ], "completed": false }, { "type": "link", "position": [ 344, 202, 98, 15 ], "completed": false }, { "type": "link", "position": [ 0, 229, 71, 15 ], "completed": false } ] }, { "text": "#A page for navigation of a web and joining the club.# The page should have a title, an input, and an icon for users to enter an email to join the club. There also should be 4 links for users to click to contact the company and learn about the refund policy, terms of services, and privacy policy.", "region_id": "7303", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:input [attr:value 'enter your email']] [el:icon ] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'contact ,refund policy,terms of services,privacy policy'] [item [el:link] ] ] ]", "execution": "footer : input undefined undefined | title undefined undefined | { [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 80 18 3 2 | input 36 17 46 5 | title 28 9 62 5 | \" [ link 34 41 8 4 ] | [ link 42 41 13 4 ] | [ link 56 41 15 4 ] | [ link 72 41 13 4 ] \"", "layout_seq_without_completion": "icon 80 18 3 2 | input 36 17 46 5 | title 28 9 62 5 | \" [ link 34 41 8 4 ] | [ link 42 41 13 4 ] | [ link 56 41 15 4 ] | [ link 72 41 13 4 ] \"", "plain_layout_seq": "icon 80 18 3 2 | input 36 17 46 5 | link 34 41 8 4 | link 42 41 13 4 | link 56 41 15 4 | link 72 41 13 4 | title 28 9 62 5", "canvas_width": 1024, "canvas_height": 429, "elements": [ { "type": "title", "position": [ 245, 80, 534, 49 ], "completed": false }, { "type": "input", "position": [ 312, 148, 400, 47 ], "completed": false }, { "type": "icon", "position": [ 686, 161, 26, 24 ], "completed": false }, { "type": "link", "position": [ 293, 355, 73, 36 ], "completed": false }, { "type": "link", "position": [ 366, 355, 115, 36 ], "completed": false }, { "type": "link", "position": [ 481, 355, 134, 36 ], "completed": false }, { "type": "link", "position": [ 615, 355, 116, 36 ], "completed": false } ] }, { "text": "#A page for showing different brands related to the web.# The page has a description and seven logos of different brands.", "region_id": "6459", "region_type": "Footer", "ir": "[region:Footer [el:description] [el:logo [attr:repeat '7']] ]", "execution": "footer : description undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 7 11 104 9 | \" [ logo 7 23 4 2 ] | [ logo 13 23 4 2 ] | [ logo 19 23 4 2 ] | [ logo 25 23 4 2 ] | [ logo 31 23 4 2 ] | [ logo 37 23 4 2 ] | [ logo 43 23 4 2 ] \"", "layout_seq_without_completion": "description 7 11 104 9 | \" [ logo 7 23 4 2 ] | [ logo 13 23 4 2 ] | [ logo 19 23 4 2 ] | [ logo 25 23 4 2 ] | [ logo 31 23 4 2 ] | [ logo 37 23 4 2 ] | [ logo 43 23 4 2 ] \"", "plain_layout_seq": "description 7 11 104 9 | logo 7 23 4 2 | logo 13 23 4 2 | logo 19 23 4 2 | logo 25 23 4 2 | logo 31 23 4 2 | logo 37 23 4 2 | logo 43 23 4 2", "canvas_width": 1092, "canvas_height": 302, "elements": [ { "type": "description", "position": [ 71, 105, 950, 84 ], "completed": false }, { "type": "logo", "position": [ 71, 211, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 124, 211, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 178, 211, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 231, 211, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 284, 211, 40, 24 ], "completed": false }, { "type": "logo", "position": [ 339, 211, 42, 24 ], "completed": false }, { "type": "logo", "position": [ 396, 211, 44, 24 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have three lists of links\"HOW CAN WE HELP?\" \"INFORMATION\", and \"ABOUT US\" for the user to seek help and know more info. And there should be 8, 14, and 7 links in each list respectively.", "region_id": "4934", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'how can we help?'] ] [el:link [attr:repeat '8'] ] ] [item [el:title [attr:value 'information'] ] [el:link [attr:repeat '14'] ] ] [item [el:title [attr:value 'about us'] ] [el:link [attr:repeat '7'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 11 15 2 | link 2 14 13 2 | link 2 17 14 2 | link 2 23 9 2 | link 2 26 21 2 | link 2 29 25 2 | link 2 32 27 2 | link 2 20 6 2 | title 2 6 34 1 ] | [ link 42 14 9 2 | link 42 17 5 2 | link 42 20 7 2 | link 42 26 2 2 | link 42 29 34 2 | link 42 32 12 2 | link 42 45 17 2 | link 42 48 12 2 | link 42 51 14 2 | link 42 11 5 2 | link 42 23 6 2 | link 42 35 15 2 | link 42 39 15 2 | link 42 42 14 2 | title 42 6 35 1 ] | [ link 82 14 16 2 | link 82 17 32 2 | link 82 29 7 2 | link 82 11 16 2 | link 82 20 23 2 | link 82 23 6 2 | link 82 26 17 2 | title 82 6 35 1 ] \"", "layout_seq_without_completion": "\" [ link 2 11 15 2 | link 2 14 13 2 | link 2 17 14 2 | link 2 23 9 2 | link 2 26 21 2 | link 2 29 25 2 | link 2 32 27 2 | link 2 20 6 2 | title 2 6 34 1 ] | [ link 42 14 9 2 | link 42 17 5 2 | link 42 20 7 2 | link 42 26 2 2 | link 42 29 34 2 | link 42 32 12 2 | link 42 45 17 2 | link 42 48 12 2 | link 42 51 14 2 | link 42 11 5 2 | link 42 23 6 2 | link 42 35 15 2 | link 42 39 15 2 | link 42 42 14 2 | title 42 6 35 1 ] | [ link 82 14 16 2 | link 82 17 32 2 | link 82 29 7 2 | link 82 11 16 2 | link 82 20 23 2 | link 82 23 6 2 | link 82 26 17 2 | title 82 6 35 1 ] \"", "plain_layout_seq": "link 2 11 15 2 | link 2 14 13 2 | link 2 17 14 2 | link 2 23 9 2 | link 2 26 21 2 | link 2 29 25 2 | link 2 32 27 2 | link 2 20 6 2 | link 42 14 9 2 | link 42 17 5 2 | link 42 20 7 2 | link 42 26 2 2 | link 42 29 34 2 | link 42 32 12 2 | link 42 45 17 2 | link 42 48 12 2 | link 42 51 14 2 | link 42 11 5 2 | link 42 23 6 2 | link 42 35 15 2 | link 42 39 15 2 | link 42 42 14 2 | link 82 14 16 2 | link 82 17 32 2 | link 82 29 7 2 | link 82 11 16 2 | link 82 20 23 2 | link 82 23 6 2 | link 82 26 17 2 | title 2 6 34 1 | title 42 6 35 1 | title 82 6 35 1", "canvas_width": 984, "canvas_height": 469, "elements": [ { "type": "title", "position": [ 21, 50, 286, 14 ], "completed": false }, { "type": "title", "position": [ 348, 50, 287, 14 ], "completed": false }, { "type": "title", "position": [ 676, 50, 287, 14 ], "completed": false }, { "type": "link", "position": [ 21, 95, 127, 18 ], "completed": false }, { "type": "link", "position": [ 348, 95, 41, 18 ], "completed": false }, { "type": "link", "position": [ 676, 95, 134, 18 ], "completed": false }, { "type": "link", "position": [ 21, 120, 111, 18 ], "completed": false }, { "type": "link", "position": [ 348, 120, 74, 18 ], "completed": false }, { "type": "link", "position": [ 676, 120, 132, 18 ], "completed": false }, { "type": "link", "position": [ 21, 145, 118, 18 ], "completed": false }, { "type": "link", "position": [ 348, 145, 47, 18 ], "completed": false }, { "type": "link", "position": [ 676, 145, 266, 18 ], "completed": false }, { "type": "link", "position": [ 21, 170, 56, 18 ], "completed": false }, { "type": "link", "position": [ 348, 170, 63, 18 ], "completed": false }, { "type": "link", "position": [ 676, 170, 193, 18 ], "completed": false }, { "type": "link", "position": [ 21, 195, 78, 18 ], "completed": false }, { "type": "link", "position": [ 348, 195, 50, 18 ], "completed": false }, { "type": "link", "position": [ 676, 195, 54, 18 ], "completed": false }, { "type": "link", "position": [ 21, 220, 178, 18 ], "completed": false }, { "type": "link", "position": [ 348, 220, 24, 18 ], "completed": false }, { "type": "link", "position": [ 676, 220, 145, 18 ], "completed": false }, { "type": "link", "position": [ 21, 245, 211, 18 ], "completed": false }, { "type": "link", "position": [ 348, 245, 284, 18 ], "completed": false }, { "type": "link", "position": [ 676, 245, 60, 18 ], "completed": false }, { "type": "link", "position": [ 21, 270, 227, 18 ], "completed": false }, { "type": "link", "position": [ 348, 270, 104, 18 ], "completed": false }, { "type": "link", "position": [ 348, 295, 130, 18 ], "completed": false }, { "type": "link", "position": [ 348, 320, 127, 18 ], "completed": false }, { "type": "link", "position": [ 348, 345, 120, 18 ], "completed": false }, { "type": "link", "position": [ 348, 370, 146, 18 ], "completed": false }, { "type": "link", "position": [ 348, 395, 102, 18 ], "completed": false }, { "type": "link", "position": [ 348, 420, 121, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have two icons for users to download its app version. There also should be four groups. Each one should include one title and some links for users to click to check the top cities, get help and make money with the web.", "region_id": "1485", "region_type": "Footer", "ir": "[region:Footer [el:icon [attr:repeat'2'] ] [gp:NavGroup [gattr:repeat'4'] [gattr:names'top cities, get help, make money with the web'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete icon 0 1 4 4 | icon 4 8 1 1 | icon 14 8 1 1 | complete link 18 8 7 2 | complete link 8 8 3 2 | complete title 4 0 21 7 | \" [ link 28 12 17 2 | link 28 24 7 2 | link 28 8 20 2 | link 28 17 19 5 | title 28 0 22 7 ] | [ link 51 17 7 2 | link 51 8 10 2 | link 51 12 12 2 | link 51 21 14 2 | link 51 26 12 2 | title 51 0 22 7 ] | [ link 74 12 8 2 | link 74 21 5 2 | link 74 26 19 2 | link 74 8 5 2 | link 74 17 6 2 | title 74 0 22 7 ] | [ link 97 8 4 2 | link 97 17 5 2 | link 97 12 7 2 | title 97 0 22 7 ] \"", "layout_seq_without_completion": "icon 0 1 4 4 | icon 4 8 1 1 | icon 14 8 1 1 | link 18 8 7 2 | link 8 8 3 2 | title 4 0 21 7 | \" [ link 28 12 17 2 | link 28 24 7 2 | link 28 8 20 2 | link 28 17 19 5 | title 28 0 22 7 ] | [ link 51 17 7 2 | link 51 8 10 2 | link 51 12 12 2 | link 51 21 14 2 | link 51 26 12 2 | title 51 0 22 7 ] | [ link 74 12 8 2 | link 74 21 5 2 | link 74 26 19 2 | link 74 8 5 2 | link 74 17 6 2 | title 74 0 22 7 ] | [ link 97 8 4 2 | link 97 17 5 2 | link 97 12 7 2 | title 97 0 22 7 ] \"", "plain_layout_seq": "icon 0 1 4 4 | icon 4 8 1 1 | icon 14 8 1 1 | link 18 8 7 2 | link 8 8 3 2 | link 28 12 17 2 | link 28 24 7 2 | link 28 8 20 2 | link 28 17 19 5 | link 51 17 7 2 | link 51 8 10 2 | link 51 12 12 2 | link 51 21 14 2 | link 51 26 12 2 | link 74 12 8 2 | link 74 21 5 2 | link 74 26 19 2 | link 74 8 5 2 | link 74 17 6 2 | link 97 8 4 2 | link 97 17 5 2 | link 97 12 7 2 | title 4 0 21 7 | title 28 0 22 7 | title 51 0 22 7 | title 74 0 22 7 | title 97 0 22 7", "canvas_width": 964, "canvas_height": 280, "elements": [ { "type": "title", "position": [ 33, 1, 170, 59 ], "completed": true }, { "type": "title", "position": [ 228, 1, 184, 59 ], "completed": false }, { "type": "title", "position": [ 412, 1, 184, 59 ], "completed": false }, { "type": "title", "position": [ 596, 1, 184, 59 ], "completed": false }, { "type": "title", "position": [ 780, 1, 184, 59 ], "completed": false }, { "type": "icon", "position": [ 0, 14, 33, 33 ], "completed": true }, { "type": "link", "position": [ 67, 67, 26, 22 ], "completed": true }, { "type": "link", "position": [ 146, 67, 57, 22 ], "completed": true }, { "type": "link", "position": [ 228, 67, 162, 21 ], "completed": false }, { "type": "link", "position": [ 412, 67, 85, 21 ], "completed": false }, { "type": "link", "position": [ 596, 67, 42, 21 ], "completed": false }, { "type": "link", "position": [ 780, 67, 33, 21 ], "completed": false }, { "type": "icon", "position": [ 39, 70, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 118, 70, 15, 15 ], "completed": false }, { "type": "link", "position": [ 228, 103, 137, 21 ], "completed": false }, { "type": "link", "position": [ 412, 103, 99, 21 ], "completed": false }, { "type": "link", "position": [ 596, 103, 71, 21 ], "completed": false }, { "type": "link", "position": [ 780, 103, 57, 21 ], "completed": false }, { "type": "link", "position": [ 228, 139, 158, 43 ], "completed": false }, { "type": "link", "position": [ 412, 139, 60, 21 ], "completed": false }, { "type": "link", "position": [ 596, 139, 49, 21 ], "completed": false }, { "type": "link", "position": [ 780, 139, 44, 21 ], "completed": false }, { "type": "link", "position": [ 412, 175, 118, 21 ], "completed": false }, { "type": "link", "position": [ 596, 175, 43, 21 ], "completed": false }, { "type": "link", "position": [ 228, 197, 62, 21 ], "completed": false }, { "type": "link", "position": [ 412, 211, 100, 21 ], "completed": false }, { "type": "link", "position": [ 596, 211, 158, 21 ], "completed": false } ] }, { "text": "#A footer page for introducing one company's info.#There are four info groups \"Product\", \"Data\", \"Resources\", and \"Company\". Each group should have 4-5 links, so the user can click these links to know more info.", "region_id": "5530", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'Product, Data, Resources, Company'] [item [el:link [attr:repeat '5'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 6 15 2 | link 0 9 12 2 | link 24 12 7 2 | link 0 16 18 2 | link 0 19 19 2 | link 24 19 17 2 | link 24 6 11 2 | link 24 9 16 2 | link 0 12 16 2 | link 24 16 17 2 | complete title 0 0 48 5 ] | [ link 48 9 11 2 | link 48 19 21 2 | link 48 6 18 2 | link 48 12 10 2 | link 48 16 8 2 | complete title 48 0 24 5 ] | [ link 71 9 7 2 | link 71 12 10 2 | link 71 16 3 2 | link 71 6 13 2 | link 71 19 6 2 | complete title 71 0 24 5 ] | [ link 95 9 6 2 | link 95 6 5 2 | link 95 12 4 2 | link 95 16 9 2 | complete title 95 0 24 5 ] \"", "layout_seq_without_completion": "\" [ link 0 6 15 2 | link 0 9 12 2 | link 24 12 7 2 | link 0 16 18 2 | link 0 19 19 2 | link 24 19 17 2 | link 24 6 11 2 | link 24 9 16 2 | link 0 12 16 2 | link 24 16 17 2 | title 0 0 48 5 ] | [ link 48 9 11 2 | link 48 19 21 2 | link 48 6 18 2 | link 48 12 10 2 | link 48 16 8 2 | title 48 0 24 5 ] | [ link 71 9 7 2 | link 71 12 10 2 | link 71 16 3 2 | link 71 6 13 2 | link 71 19 6 2 | title 71 0 24 5 ] | [ link 95 9 6 2 | link 95 6 5 2 | link 95 12 4 2 | link 95 16 9 2 | title 95 0 24 5 ] \"", "plain_layout_seq": "link 0 6 15 2 | link 0 9 12 2 | link 24 12 7 2 | link 0 16 18 2 | link 0 19 19 2 | link 24 19 17 2 | link 24 6 11 2 | link 24 9 16 2 | link 0 12 16 2 | link 24 16 17 2 | link 48 9 11 2 | link 48 19 21 2 | link 48 6 18 2 | link 48 12 10 2 | link 48 16 8 2 | link 71 9 7 2 | link 71 12 10 2 | link 71 16 3 2 | link 71 6 13 2 | link 71 19 6 2 | link 95 9 6 2 | link 95 6 5 2 | link 95 12 4 2 | link 95 16 9 2 | title 0 0 48 5 | title 48 0 24 5 | title 71 0 24 5 | title 95 0 24 5", "canvas_width": 984, "canvas_height": 248, "elements": [ { "type": "title", "position": [ 0, 0, 394, 48 ], "completed": true }, { "type": "title", "position": [ 394, 0, 197, 48 ], "completed": true }, { "type": "title", "position": [ 590, 0, 197, 48 ], "completed": true }, { "type": "title", "position": [ 787, 0, 197, 48 ], "completed": true }, { "type": "link", "position": [ 0, 50, 130, 20 ], "completed": false }, { "type": "link", "position": [ 197, 50, 97, 20 ], "completed": false }, { "type": "link", "position": [ 394, 50, 155, 20 ], "completed": false }, { "type": "link", "position": [ 590, 50, 108, 20 ], "completed": false }, { "type": "link", "position": [ 787, 50, 43, 20 ], "completed": false }, { "type": "link", "position": [ 0, 78, 102, 20 ], "completed": false }, { "type": "link", "position": [ 197, 78, 134, 20 ], "completed": false }, { "type": "link", "position": [ 394, 78, 96, 20 ], "completed": false }, { "type": "link", "position": [ 590, 78, 59, 20 ], "completed": false }, { "type": "link", "position": [ 787, 78, 54, 20 ], "completed": false }, { "type": "link", "position": [ 0, 106, 132, 20 ], "completed": false }, { "type": "link", "position": [ 197, 106, 59, 20 ], "completed": false }, { "type": "link", "position": [ 394, 106, 87, 20 ], "completed": false }, { "type": "link", "position": [ 590, 106, 82, 20 ], "completed": false }, { "type": "link", "position": [ 787, 106, 37, 20 ], "completed": false }, { "type": "link", "position": [ 0, 134, 151, 20 ], "completed": false }, { "type": "link", "position": [ 197, 134, 143, 20 ], "completed": false }, { "type": "link", "position": [ 394, 134, 69, 20 ], "completed": false }, { "type": "link", "position": [ 590, 134, 32, 20 ], "completed": false }, { "type": "link", "position": [ 787, 134, 75, 20 ], "completed": false }, { "type": "link", "position": [ 0, 162, 157, 20 ], "completed": false }, { "type": "link", "position": [ 197, 162, 142, 20 ], "completed": false }, { "type": "link", "position": [ 394, 162, 178, 20 ], "completed": false }, { "type": "link", "position": [ 590, 162, 56, 20 ], "completed": false } ] }, { "text": "#A page for showing more information about the web.# The page includes two lists. Each group has a title and three to ten logos of brands related to the web.", "region_id": "7058", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:logo [attr:repeat '10'] ] ] ] ]", "execution": "footer : { [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "title 43 0 33 2 | title 4 0 33 2 | \" [ logo 44 4 5 1 ] | [ logo 49 4 5 1 ] | [ logo 54 4 5 1 ] | [ logo 60 4 5 1 ] | [ logo 65 4 5 1 ] | [ logo 70 4 5 1 ] | [ logo 49 6 5 1 ] | [ logo 54 6 5 1 ] | [ logo 60 6 5 1 ] | [ logo 65 6 5 1 ] \"", "layout_seq_without_completion": "title 43 0 33 2 | title 4 0 33 2 | \" [ logo 44 4 5 1 ] | [ logo 49 4 5 1 ] | [ logo 54 4 5 1 ] | [ logo 60 4 5 1 ] | [ logo 65 4 5 1 ] | [ logo 70 4 5 1 ] | [ logo 49 6 5 1 ] | [ logo 54 6 5 1 ] | [ logo 60 6 5 1 ] | [ logo 65 6 5 1 ] \"", "plain_layout_seq": "logo 44 4 5 1 | logo 49 4 5 1 | logo 54 4 5 1 | logo 60 4 5 1 | logo 65 4 5 1 | logo 70 4 5 1 | logo 49 6 5 1 | logo 54 6 5 1 | logo 60 6 5 1 | logo 65 6 5 1 | title 43 0 33 2 | title 4 0 33 2", "canvas_width": 1024, "canvas_height": 68, "elements": [ { "type": "title", "position": [ 40, 0, 288, 21 ], "completed": false }, { "type": "title", "position": [ 368, 0, 288, 21 ], "completed": false }, { "type": "logo", "position": [ 381, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 424, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 468, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 512, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 556, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 600, 38, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 424, 53, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 468, 53, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 512, 53, 44, 14 ], "completed": false }, { "type": "logo", "position": [ 556, 53, 44, 14 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company named \"Calendly\" to users.# The page should include one title and six categories. Under each category, there should be several sublinks where users can click to get further information. Besides, several buttons are needed for users to click to sign in and download on the App Store or Google Play.", "region_id": "54", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:repeat'6'] [item [el:text] [el:link [attr:repeat'several'] ] ] ] [el:button [attr:repeat'several'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 4 55 14 4 | button 19 55 14 4 | complete description 4 26 37 5 | complete icon 38 45 1 0 | complete image 4 43 37 5 | link 74 19 13 1 | link 74 60 15 1 | link 52 60 10 1 | link 52 55 8 1 | link 74 30 7 1 | link 95 33 16 1 | link 95 55 11 1 | link 52 30 7 1 | link 52 36 5 1 | link 52 25 10 1 | link 74 25 4 1 | link 74 36 7 1 | link 95 22 12 1 | link 74 55 16 1 | link 52 19 11 1 | link 52 42 5 1 | link 74 42 7 1 | link 95 28 8 1 | link 95 39 16 1 | link 52 66 13 2 | complete text 6 45 6 2 | complete text 4 74 15 1 | complete text 94 73 20 3 | text 95 14 17 5 | text 52 49 17 2 | text 52 14 17 2 | text 74 49 17 2 | text 95 49 17 2 | text 74 14 17 2 | title 4 13 37 12 | \" [ complete icon 4 66 2 2 ] | [ complete icon 10 66 2 2 ] | [ complete icon 15 66 2 2 ] | [ complete icon 21 67 2 2 ] \"", "layout_seq_without_completion": "button 4 55 14 4 | button 19 55 14 4 | description 4 26 37 5 | icon 38 45 1 0 | image 4 43 37 5 | link 74 19 13 1 | link 74 60 15 1 | link 52 60 10 1 | link 52 55 8 1 | link 74 30 7 1 | link 95 33 16 1 | link 95 55 11 1 | link 52 30 7 1 | link 52 36 5 1 | link 52 25 10 1 | link 74 25 4 1 | link 74 36 7 1 | link 95 22 12 1 | link 74 55 16 1 | link 52 19 11 1 | link 52 42 5 1 | link 74 42 7 1 | link 95 28 8 1 | link 95 39 16 1 | link 52 66 13 2 | text 6 45 6 2 | text 4 74 15 1 | text 94 73 20 3 | text 95 14 17 5 | text 52 49 17 2 | text 52 14 17 2 | text 74 49 17 2 | text 95 49 17 2 | text 74 14 17 2 | title 4 13 37 12 | \" [ icon 4 66 2 2 ] | [ icon 10 66 2 2 ] | [ icon 15 66 2 2 ] | [ icon 21 67 2 2 ] \"", "plain_layout_seq": "button 4 55 14 4 | button 19 55 14 4 | description 4 26 37 5 | icon 38 45 1 0 | icon 4 66 2 2 | icon 10 66 2 2 | icon 15 66 2 2 | icon 21 67 2 2 | image 4 43 37 5 | link 74 19 13 1 | link 74 60 15 1 | link 52 60 10 1 | link 52 55 8 1 | link 74 30 7 1 | link 95 33 16 1 | link 95 55 11 1 | link 52 30 7 1 | link 52 36 5 1 | link 52 25 10 1 | link 74 25 4 1 | link 74 36 7 1 | link 95 22 12 1 | link 74 55 16 1 | link 52 19 11 1 | link 52 42 5 1 | link 74 42 7 1 | link 95 28 8 1 | link 95 39 16 1 | link 52 66 13 2 | text 6 45 6 2 | text 4 74 15 1 | text 94 73 20 3 | text 95 14 17 5 | text 52 49 17 2 | text 52 14 17 2 | text 74 49 17 2 | text 95 49 17 2 | text 74 14 17 2 | title 4 13 37 12", "canvas_width": 1024, "canvas_height": 740, "elements": [ { "type": "title", "position": [ 40, 119, 321, 108 ], "completed": false }, { "type": "text", "position": [ 449, 120, 152, 24 ], "completed": false }, { "type": "text", "position": [ 632, 120, 152, 24 ], "completed": false }, { "type": "text", "position": [ 816, 120, 152, 48 ], "completed": false }, { "type": "link", "position": [ 449, 168, 99, 16 ], "completed": false }, { "type": "link", "position": [ 632, 168, 117, 16 ], "completed": false }, { "type": "link", "position": [ 816, 192, 106, 16 ], "completed": false }, { "type": "link", "position": [ 449, 216, 91, 16 ], "completed": false }, { "type": "link", "position": [ 632, 216, 35, 16 ], "completed": false }, { "type": "description", "position": [ 40, 227, 321, 48 ], "completed": true }, { "type": "link", "position": [ 816, 240, 69, 16 ], "completed": false }, { "type": "link", "position": [ 449, 264, 67, 16 ], "completed": false }, { "type": "link", "position": [ 632, 264, 64, 16 ], "completed": false }, { "type": "link", "position": [ 816, 288, 137, 16 ], "completed": false }, { "type": "link", "position": [ 449, 312, 50, 16 ], "completed": false }, { "type": "link", "position": [ 632, 312, 65, 16 ], "completed": false }, { "type": "link", "position": [ 816, 336, 142, 16 ], "completed": false }, { "type": "link", "position": [ 449, 360, 51, 16 ], "completed": false }, { "type": "link", "position": [ 632, 360, 64, 16 ], "completed": false }, { "type": "image", "position": [ 40, 371, 321, 50 ], "completed": true }, { "type": "text", "position": [ 57, 386, 52, 19 ], "completed": true }, { "type": "icon", "position": [ 331, 392, 13, 7 ], "completed": true }, { "type": "text", "position": [ 449, 424, 152, 24 ], "completed": false }, { "type": "text", "position": [ 632, 424, 152, 24 ], "completed": false }, { "type": "text", "position": [ 816, 424, 152, 24 ], "completed": false }, { "type": "link", "position": [ 449, 472, 76, 16 ], "completed": false }, { "type": "link", "position": [ 632, 472, 141, 16 ], "completed": false }, { "type": "link", "position": [ 816, 472, 102, 16 ], "completed": false }, { "type": "button", "position": [ 40, 477, 126, 37 ], "completed": false }, { "type": "button", "position": [ 169, 477, 126, 37 ], "completed": false }, { "type": "link", "position": [ 449, 520, 93, 16 ], "completed": false }, { "type": "link", "position": [ 632, 520, 132, 16 ], "completed": false }, { "type": "link", "position": [ 449, 566, 115, 19 ], "completed": false }, { "type": "icon", "position": [ 40, 570, 23, 23 ], "completed": true }, { "type": "icon", "position": [ 87, 570, 23, 23 ], "completed": true }, { "type": "icon", "position": [ 133, 570, 23, 23 ], "completed": true }, { "type": "icon", "position": [ 180, 572, 20, 20 ], "completed": true }, { "type": "text", "position": [ 807, 631, 177, 29 ], "completed": true }, { "type": "text", "position": [ 40, 632, 136, 12 ], "completed": true } ] }, { "text": "#This footer is mainly to introduce the company to users. #This page has a company logo and is divided into three groups: Customer care, Main menu, and Our mission. The first two groups have 5-7 links to information, and the last group has a description.", "region_id": "7948", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:names 'customer care, main menu, our mission'] [item [el:title [attr:value 'customer care'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'main menu'] ] [el:link [attr:repeat '7'] ] ] [item [el:title [attr:value 'our mission'] ] [el:description] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 79 11 27 17 | logo 4 7 18 11 | title 79 7 27 2 | \" [ link 34 15 8 3 | link 34 19 4 3 | link 34 27 10 3 | link 34 31 11 3 | link 34 11 5 3 | link 34 23 10 3 | link 34 35 12 3 | link 34 38 13 3 | title 34 7 20 2 ] | [ link 56 15 5 3 | link 56 19 6 3 | link 56 27 10 3 | link 56 11 4 3 | link 56 23 8 3 | title 56 7 20 2 ] \"", "layout_seq_without_completion": "description 79 11 27 17 | logo 4 7 18 11 | title 79 7 27 2 | \" [ link 34 15 8 3 | link 34 19 4 3 | link 34 27 10 3 | link 34 31 11 3 | link 34 11 5 3 | link 34 23 10 3 | link 34 35 12 3 | link 34 38 13 3 | title 34 7 20 2 ] | [ link 56 15 5 3 | link 56 19 6 3 | link 56 27 10 3 | link 56 11 4 3 | link 56 23 8 3 | title 56 7 20 2 ] \"", "plain_layout_seq": "description 79 11 27 17 | link 34 15 8 3 | link 34 19 4 3 | link 34 27 10 3 | link 34 31 11 3 | link 34 11 5 3 | link 34 23 10 3 | link 34 35 12 3 | link 34 38 13 3 | link 56 15 5 3 | link 56 19 6 3 | link 56 27 10 3 | link 56 11 4 3 | link 56 23 8 3 | logo 4 7 18 11 | title 79 7 27 2 | title 34 7 20 2 | title 56 7 20 2", "canvas_width": 1024, "canvas_height": 366, "elements": [ { "type": "logo", "position": [ 40, 60, 157, 96 ], "completed": false }, { "type": "title", "position": [ 291, 60, 171, 20 ], "completed": false }, { "type": "title", "position": [ 484, 60, 171, 20 ], "completed": false }, { "type": "title", "position": [ 678, 60, 237, 20 ], "completed": false }, { "type": "link", "position": [ 291, 100, 44, 30 ], "completed": false }, { "type": "link", "position": [ 484, 100, 38, 30 ], "completed": false }, { "type": "description", "position": [ 678, 100, 237, 152 ], "completed": false }, { "type": "link", "position": [ 291, 134, 70, 30 ], "completed": false }, { "type": "link", "position": [ 484, 134, 49, 30 ], "completed": false }, { "type": "link", "position": [ 291, 167, 37, 30 ], "completed": false }, { "type": "link", "position": [ 484, 167, 56, 30 ], "completed": false }, { "type": "link", "position": [ 291, 200, 90, 30 ], "completed": false }, { "type": "link", "position": [ 484, 200, 73, 30 ], "completed": false }, { "type": "link", "position": [ 291, 233, 86, 30 ], "completed": false }, { "type": "link", "position": [ 484, 233, 90, 30 ], "completed": false }, { "type": "link", "position": [ 291, 266, 100, 30 ], "completed": false }, { "type": "link", "position": [ 291, 299, 106, 30 ], "completed": false }, { "type": "link", "position": [ 291, 332, 113, 30 ], "completed": false } ] }, { "text": "#A page for introducing how to follow us to users.# The page should include one title and seven methods for users to log in.", "region_id": "1022", "region_type": "Footer", "ir": "[region:Footer [el:title] [gp:NavGroup [gattr:total_link'7'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 26 14 1 1 | complete icon 40 14 1 1 | complete icon 103 14 1 1 | complete icon 10 14 1 1 | complete icon 71 14 1 1 | complete icon 86 14 1 1 | complete icon 55 14 1 1 | link 13 15 9 1 | link 29 15 6 1 | link 74 15 7 1 | link 105 15 3 1 | link 43 15 7 1 | link 57 15 9 1 | link 89 15 9 1 | title 10 6 11 2", "layout_seq_without_completion": "icon 26 14 1 1 | icon 40 14 1 1 | icon 103 14 1 1 | icon 10 14 1 1 | icon 71 14 1 1 | icon 86 14 1 1 | icon 55 14 1 1 | link 13 15 9 1 | link 29 15 6 1 | link 74 15 7 1 | link 105 15 3 1 | link 43 15 7 1 | link 57 15 9 1 | link 89 15 9 1 | title 10 6 11 2", "plain_layout_seq": "icon 26 14 1 1 | icon 40 14 1 1 | icon 103 14 1 1 | icon 10 14 1 1 | icon 71 14 1 1 | icon 86 14 1 1 | icon 55 14 1 1 | link 13 15 9 1 | link 29 15 6 1 | link 74 15 7 1 | link 105 15 3 1 | link 43 15 7 1 | link 57 15 9 1 | link 89 15 9 1 | title 10 6 11 2", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 92, 58, 101, 21 ], "completed": false }, { "type": "icon", "position": [ 92, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 229, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 345, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 471, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 612, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 740, 127, 17, 17 ], "completed": true }, { "type": "icon", "position": [ 879, 127, 17, 17 ], "completed": true }, { "type": "link", "position": [ 115, 130, 77, 14 ], "completed": false }, { "type": "link", "position": [ 252, 130, 56, 14 ], "completed": false }, { "type": "link", "position": [ 368, 130, 67, 14 ], "completed": false }, { "type": "link", "position": [ 494, 130, 81, 14 ], "completed": false }, { "type": "link", "position": [ 635, 130, 68, 14 ], "completed": false }, { "type": "link", "position": [ 763, 130, 79, 14 ], "completed": false }, { "type": "link", "position": [ 902, 130, 30, 14 ], "completed": false } ] }, { "text": "#This page is mainly for the convenience of users to better understand the company.# This page has four main groups: Explore, About, Great Features, and Help. In addition to providing users with a name, each group also provides three related pieces of information for users to understand.", "region_id": "4232", "region_type": "Footer", "ir": "[region:Footer [gp:InfoGroup [gattr:repeat '4'] [gattr:names 'explore, about, great features, help'] [item [el:text [attr:repeat '3'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "complete title 0 0 18 2 | \" [ text 0 2 9 1 ] | [ text 0 5 7 1 ] | [ text 0 8 8 1 ] \"", "layout_seq_without_completion": "title 0 0 18 2 | \" [ text 0 2 9 1 ] | [ text 0 5 7 1 ] | [ text 0 8 8 1 ] \"", "plain_layout_seq": "text 0 2 9 1 | text 0 5 7 1 | text 0 8 8 1 | title 0 0 18 2", "canvas_width": 1248, "canvas_height": 116, "elements": [ { "type": "title", "position": [ 6, 0, 196, 23 ], "completed": true }, { "type": "text", "position": [ 6, 31, 99, 20 ], "completed": false }, { "type": "text", "position": [ 6, 60, 75, 20 ], "completed": false }, { "type": "text", "position": [ 6, 89, 89, 20 ], "completed": false } ] }, { "text": "# A footer page for introducing one company's info.# There are two groups\"Quick Links\", and \"Newsletter\". The first group includes six quick links: \"Search\" \"Contact Us\" \"Facebook Group\" \"Instagram\" \"Terms of Service\" and \"Refund Policy\". The second group includes one input box where users can input their email addresses and subscribe by clicking one button.", "region_id": "7789", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:names 'Quick Links, Newsletter'] [item [el:link [attr:value 'Search'] ] [el:link [attr:value 'Contact Us'] ] [el:link [attr:value 'Facebook Group'] ] [el:link [attr:value 'Instagram'] ] [el:link [attr:value 'Terms of Service'] ] [el:link [attr:value 'Refund Policy'] ] ] [item [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ button undefined undefined | input undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 8 13 1 | link 23 8 10 1 | link 6 5 5 1 | link 15 5 8 1 | link 27 5 12 1 | link 43 5 7 1 | complete title 6 0 51 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | complete title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 8 13 1 | link 23 8 10 1 | link 6 5 5 1 | link 15 5 8 1 | link 27 5 12 1 | link 43 5 7 1 | title 6 0 51 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 101 7 9 1 | input 61 5 37 5 | link 6 8 13 1 | link 23 8 10 1 | link 6 5 5 1 | link 15 5 8 1 | link 27 5 12 1 | link 43 5 7 1 | title 6 0 51 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 145, "elements": [ { "type": "title", "position": [ 55, 0, 442, 20 ], "completed": true }, { "type": "title", "position": [ 527, 0, 442, 20 ], "completed": true }, { "type": "link", "position": [ 55, 48, 47, 17 ], "completed": false }, { "type": "link", "position": [ 132, 48, 71, 17 ], "completed": false }, { "type": "link", "position": [ 233, 48, 110, 17 ], "completed": false }, { "type": "link", "position": [ 373, 48, 66, 17 ], "completed": false }, { "type": "input", "position": [ 527, 51, 319, 46 ], "completed": false }, { "type": "button", "position": [ 865, 65, 85, 16 ], "completed": false }, { "type": "link", "position": [ 55, 75, 113, 17 ], "completed": false }, { "type": "link", "position": [ 198, 75, 89, 17 ], "completed": false } ] }, { "text": "# A page for the NCERT Geography Books. # On the page, there should have a title \"NCERT Geography Books\" and 7 links for the NCERT Geography Books class 6-12. So the user can click the links to read them.", "region_id": "6103", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'NCERT Geography Books'] ] [gp:NavGroup [gattr:total_link '7'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 5 | \" [ link 6 8 28 2 ] | [ link 6 11 28 2 ] | [ link 6 14 28 2 ] | [ link 6 17 28 2 ] | [ link 6 21 29 2 ] | [ link 6 24 29 2 ] | [ link 6 27 29 2 ] \"", "layout_seq_without_completion": "title 0 0 120 5 | \" [ link 6 8 28 2 ] | [ link 6 11 28 2 ] | [ link 6 14 28 2 ] | [ link 6 17 28 2 ] | [ link 6 21 29 2 ] | [ link 6 24 29 2 ] | [ link 6 27 29 2 ] \"", "plain_layout_seq": "link 6 8 28 2 | link 6 11 28 2 | link 6 14 28 2 | link 6 17 28 2 | link 6 21 29 2 | link 6 24 29 2 | link 6 27 29 2 | title 0 0 120 5", "canvas_width": 944, "canvas_height": 241, "elements": [ { "type": "title", "position": [ 0, 0, 944, 42 ], "completed": false }, { "type": "link", "position": [ 51, 64, 222, 20 ], "completed": false }, { "type": "link", "position": [ 51, 90, 222, 20 ], "completed": false }, { "type": "link", "position": [ 51, 115, 222, 20 ], "completed": false }, { "type": "link", "position": [ 51, 141, 222, 20 ], "completed": false }, { "type": "link", "position": [ 51, 166, 233, 20 ], "completed": false }, { "type": "link", "position": [ 51, 192, 233, 20 ], "completed": false }, { "type": "link", "position": [ 51, 217, 233, 20 ], "completed": false } ] }, { "text": "#A footer page for introducing the travel guide of scenic spots to users.# This page should include a link for users to click to explore more information on the left. On the right side, there should be twenty-seven travel guides of scenic spot links for users to click for further information.", "region_id": "6324", "region_type": "Footer", "ir": "[region:Footer [el:link [attr:value 'explore more'] [attr:position 'left'] ] [gp:NavGroup [gattr:total_link '27'] ] ]", "execution": "footer : link left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 89 0 18 2 | link 22 3 20 2 | link 61 3 17 2 | link 81 3 22 2 | link 22 0 22 2 | link 68 0 18 2 | link 22 7 17 2 | link 41 10 19 2 | link 62 10 20 2 | link 91 14 16 2 | link 47 0 19 2 | link 58 7 29 2 | link 85 10 17 2 | link 42 14 19 2 | link 64 14 25 2 | link 45 3 14 2 | link 42 7 14 2 | link 90 7 17 2 | link 22 10 16 2 | link 22 14 17 2 | link 0 0 17 30 | \" [ link 22 20 22 2 ] | [ link 47 20 20 2 ] | [ link 70 20 18 2 ] | [ link 90 20 26 2 ] | [ link 22 23 34 2 ] | [ link 59 23 32 2 ] | [ link 22 27 33 2 ] \"", "layout_seq_without_completion": "link 89 0 18 2 | link 22 3 20 2 | link 61 3 17 2 | link 81 3 22 2 | link 22 0 22 2 | link 68 0 18 2 | link 22 7 17 2 | link 41 10 19 2 | link 62 10 20 2 | link 91 14 16 2 | link 47 0 19 2 | link 58 7 29 2 | link 85 10 17 2 | link 42 14 19 2 | link 64 14 25 2 | link 45 3 14 2 | link 42 7 14 2 | link 90 7 17 2 | link 22 10 16 2 | link 22 14 17 2 | link 0 0 17 30 | \" [ link 22 20 22 2 ] | [ link 47 20 20 2 ] | [ link 70 20 18 2 ] | [ link 90 20 26 2 ] | [ link 22 23 34 2 ] | [ link 59 23 32 2 ] | [ link 22 27 33 2 ] \"", "plain_layout_seq": "link 89 0 18 2 | link 22 3 20 2 | link 61 3 17 2 | link 81 3 22 2 | link 22 0 22 2 | link 68 0 18 2 | link 22 7 17 2 | link 41 10 19 2 | link 62 10 20 2 | link 91 14 16 2 | link 47 0 19 2 | link 58 7 29 2 | link 85 10 17 2 | link 42 14 19 2 | link 64 14 25 2 | link 45 3 14 2 | link 42 7 14 2 | link 90 7 17 2 | link 22 10 16 2 | link 22 14 17 2 | link 0 0 17 30 | link 22 20 22 2 | link 47 20 20 2 | link 70 20 18 2 | link 90 20 26 2 | link 22 23 34 2 | link 59 23 32 2 | link 22 27 33 2", "canvas_width": 940, "canvas_height": 240, "elements": [ { "type": "link", "position": [ 0, 0, 135, 240 ], "completed": false }, { "type": "link", "position": [ 180, 2, 179, 16 ], "completed": false }, { "type": "link", "position": [ 375, 2, 149, 16 ], "completed": false }, { "type": "link", "position": [ 540, 2, 145, 16 ], "completed": false }, { "type": "link", "position": [ 701, 2, 146, 16 ], "completed": false }, { "type": "link", "position": [ 180, 29, 160, 16 ], "completed": false }, { "type": "link", "position": [ 356, 29, 111, 16 ], "completed": false }, { "type": "link", "position": [ 483, 29, 138, 16 ], "completed": false }, { "type": "link", "position": [ 637, 29, 173, 16 ], "completed": false }, { "type": "link", "position": [ 180, 56, 136, 16 ], "completed": false }, { "type": "link", "position": [ 332, 56, 110, 16 ], "completed": false }, { "type": "link", "position": [ 458, 56, 233, 16 ], "completed": false }, { "type": "link", "position": [ 707, 56, 138, 16 ], "completed": false }, { "type": "link", "position": [ 180, 83, 127, 16 ], "completed": false }, { "type": "link", "position": [ 323, 83, 153, 16 ], "completed": false }, { "type": "link", "position": [ 492, 83, 159, 16 ], "completed": false }, { "type": "link", "position": [ 667, 83, 140, 16 ], "completed": false }, { "type": "link", "position": [ 180, 110, 134, 16 ], "completed": false }, { "type": "link", "position": [ 330, 110, 156, 16 ], "completed": false }, { "type": "link", "position": [ 502, 110, 202, 16 ], "completed": false }, { "type": "link", "position": [ 720, 110, 127, 16 ], "completed": false }, { "type": "link", "position": [ 180, 157, 178, 16 ], "completed": false }, { "type": "link", "position": [ 374, 157, 163, 16 ], "completed": false }, { "type": "link", "position": [ 553, 157, 141, 16 ], "completed": false }, { "type": "link", "position": [ 710, 157, 205, 16 ], "completed": false }, { "type": "link", "position": [ 180, 186, 272, 16 ], "completed": false }, { "type": "link", "position": [ 468, 186, 253, 16 ], "completed": false }, { "type": "link", "position": [ 180, 214, 264, 16 ], "completed": false } ] }, { "text": "#A page that contains some links for users to get information on the law.# The page should contain five links.", "region_id": "4071", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '5'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 4 1 3 1 ] | [ link 9 1 4 1 ] | [ link 14 1 4 1 ] | [ link 20 1 12 1 ] | [ link 34 1 11 1 ] \"", "layout_seq_without_completion": "\" [ link 4 1 3 1 ] | [ link 9 1 4 1 ] | [ link 14 1 4 1 ] | [ link 20 1 12 1 ] | [ link 34 1 11 1 ] \"", "plain_layout_seq": "link 4 1 3 1 | link 9 1 4 1 | link 14 1 4 1 | link 20 1 12 1 | link 34 1 11 1", "canvas_width": 1024, "canvas_height": 36, "elements": [ { "type": "link", "position": [ 39, 12, 27, 12 ], "completed": false }, { "type": "link", "position": [ 77, 12, 36, 12 ], "completed": false }, { "type": "link", "position": [ 124, 12, 40, 12 ], "completed": false }, { "type": "link", "position": [ 175, 12, 108, 12 ], "completed": false }, { "type": "link", "position": [ 294, 12, 95, 12 ], "completed": false } ] }, { "text": "#A footer page of a web guiding users to play WOW and DIABLO.# The page should contain five information sets. The first group includes a title \"WOW GUIDES\" and 10 subtitles. The second group includes a title \"TBC GUIDES\" and 10 links. The third group includes a title \"WOW CLASSIC GUIDES\" and 10 links. The fourth group includes a title \"DIABLO II GUIDES\" and 10 links. The fifth group includes a title \"DIABLO IMMORTAL GUIDES\" and 9 links.", "region_id": "5511", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'WOW GUIDES'] ] [el:link [attr:repeat '10'] ] ] [item [el:title [attr:value 'TBC GUIDES'] ] [el:link [attr:repeat '10'] ] ] [item [el:title [attr:value 'WOW CLASSIC GUIDES'] ] [el:link [attr:repeat '10'] ] ] [item [el:title [attr:value 'DIABLO II GUIDES'] ] [el:link [attr:repeat '10'] ] ] [item [el:title [attr:value 'DIABLO IMMORTAL GUIDES'] ] [el:link [attr:repeat '9'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 10 9 9 2 ] | [ link 10 13 13 2 ] | [ link 10 17 10 2 ] | [ link 10 21 12 2 ] | [ link 10 25 14 2 ] | [ link 10 28 12 2 ] | [ link 10 32 12 2 ] | [ link 10 36 8 2 ] | [ link 10 40 9 2 ] | [ link 10 44 10 2 ] | [ link 10 48 14 2 ] \" | \" [ title 28 9 8 2 ] | [ link 28 13 14 2 ] | [ link 28 17 15 2 ] | [ link 28 21 10 2 ] | [ link 28 25 13 2 ] | [ link 28 28 12 2 ] | [ link 28 32 15 2 ] | [ link 28 36 8 2 ] | [ link 28 40 10 2 ] | [ link 28 44 9 2 ] | [ link 28 48 15 2 ] \" | \" [ title 48 9 16 2 ] | [ title 68 9 12 2 ] | [ link 48 13 15 2 ] | [ link 68 13 12 2 ] | [ link 48 17 10 2 ] | [ link 68 17 12 2 ] | [ link 48 21 13 2 ] | [ link 68 21 14 2 ] | [ link 48 25 12 2 ] | [ link 68 25 10 2 ] | [ link 48 28 12 2 ] | [ link 68 28 17 2 ] | [ link 48 32 15 2 ] | [ link 68 32 12 2 ] | [ link 48 36 8 2 ] | [ link 68 36 13 2 ] | [ link 48 40 10 2 ] | [ link 68 40 11 2 ] | [ link 48 44 9 2 ] | [ link 68 44 12 2 ] | [ link 48 48 15 2 ] | [ link 68 48 13 2 ] \" | \" [ title 90 9 19 2 ] | [ link 90 13 14 2 ] | [ link 90 17 13 2 ] | [ link 90 21 17 2 ] | [ link 90 25 10 2 ] | [ link 90 28 17 2 ] | [ link 90 32 11 2 ] | [ link 90 36 13 2 ] | [ link 90 40 13 2 ] | [ link 90 44 13 2 ] \"", "layout_seq_without_completion": "\" [ title 10 9 9 2 ] | [ link 10 13 13 2 ] | [ link 10 17 10 2 ] | [ link 10 21 12 2 ] | [ link 10 25 14 2 ] | [ link 10 28 12 2 ] | [ link 10 32 12 2 ] | [ link 10 36 8 2 ] | [ link 10 40 9 2 ] | [ link 10 44 10 2 ] | [ link 10 48 14 2 ] \" | \" [ title 28 9 8 2 ] | [ link 28 13 14 2 ] | [ link 28 17 15 2 ] | [ link 28 21 10 2 ] | [ link 28 25 13 2 ] | [ link 28 28 12 2 ] | [ link 28 32 15 2 ] | [ link 28 36 8 2 ] | [ link 28 40 10 2 ] | [ link 28 44 9 2 ] | [ link 28 48 15 2 ] \" | \" [ title 48 9 16 2 ] | [ title 68 9 12 2 ] | [ link 48 13 15 2 ] | [ link 68 13 12 2 ] | [ link 48 17 10 2 ] | [ link 68 17 12 2 ] | [ link 48 21 13 2 ] | [ link 68 21 14 2 ] | [ link 48 25 12 2 ] | [ link 68 25 10 2 ] | [ link 48 28 12 2 ] | [ link 68 28 17 2 ] | [ link 48 32 15 2 ] | [ link 68 32 12 2 ] | [ link 48 36 8 2 ] | [ link 68 36 13 2 ] | [ link 48 40 10 2 ] | [ link 68 40 11 2 ] | [ link 48 44 9 2 ] | [ link 68 44 12 2 ] | [ link 48 48 15 2 ] | [ link 68 48 13 2 ] \" | \" [ title 90 9 19 2 ] | [ link 90 13 14 2 ] | [ link 90 17 13 2 ] | [ link 90 21 17 2 ] | [ link 90 25 10 2 ] | [ link 90 28 17 2 ] | [ link 90 32 11 2 ] | [ link 90 36 13 2 ] | [ link 90 40 13 2 ] | [ link 90 44 13 2 ] \"", "plain_layout_seq": "link 10 13 13 2 | link 10 17 10 2 | link 10 21 12 2 | link 10 25 14 2 | link 10 28 12 2 | link 10 32 12 2 | link 10 36 8 2 | link 10 40 9 2 | link 10 44 10 2 | link 10 48 14 2 | link 28 13 14 2 | link 28 17 15 2 | link 28 21 10 2 | link 28 25 13 2 | link 28 28 12 2 | link 28 32 15 2 | link 28 36 8 2 | link 28 40 10 2 | link 28 44 9 2 | link 28 48 15 2 | link 48 13 15 2 | link 68 13 12 2 | link 48 17 10 2 | link 68 17 12 2 | link 48 21 13 2 | link 68 21 14 2 | link 48 25 12 2 | link 68 25 10 2 | link 48 28 12 2 | link 68 28 17 2 | link 48 32 15 2 | link 68 32 12 2 | link 48 36 8 2 | link 68 36 13 2 | link 48 40 10 2 | link 68 40 11 2 | link 48 44 9 2 | link 68 44 12 2 | link 48 48 15 2 | link 68 48 13 2 | link 90 13 14 2 | link 90 17 13 2 | link 90 21 17 2 | link 90 25 10 2 | link 90 28 17 2 | link 90 32 11 2 | link 90 36 13 2 | link 90 40 13 2 | link 90 44 13 2 | title 10 9 9 2 | title 28 9 8 2 | title 48 9 16 2 | title 68 9 12 2 | title 90 9 19 2", "canvas_width": 1004, "canvas_height": 516, "elements": [ { "type": "title", "position": [ 84, 82, 82, 17 ], "completed": false }, { "type": "title", "position": [ 241, 82, 71, 17 ], "completed": false }, { "type": "title", "position": [ 406, 82, 135, 17 ], "completed": false }, { "type": "title", "position": [ 577, 82, 106, 17 ], "completed": false }, { "type": "title", "position": [ 756, 82, 164, 17 ], "completed": false }, { "type": "link", "position": [ 84, 114, 117, 17 ], "completed": false }, { "type": "link", "position": [ 241, 114, 125, 17 ], "completed": false }, { "type": "link", "position": [ 406, 114, 129, 17 ], "completed": false }, { "type": "link", "position": [ 577, 114, 102, 17 ], "completed": false }, { "type": "link", "position": [ 756, 114, 119, 17 ], "completed": false }, { "type": "link", "position": [ 84, 146, 85, 17 ], "completed": false }, { "type": "link", "position": [ 241, 146, 129, 17 ], "completed": false }, { "type": "link", "position": [ 406, 146, 86, 17 ], "completed": false }, { "type": "link", "position": [ 577, 146, 106, 17 ], "completed": false }, { "type": "link", "position": [ 756, 146, 113, 17 ], "completed": false }, { "type": "link", "position": [ 84, 178, 103, 17 ], "completed": false }, { "type": "link", "position": [ 241, 178, 85, 17 ], "completed": false }, { "type": "link", "position": [ 406, 178, 113, 17 ], "completed": false }, { "type": "link", "position": [ 577, 178, 118, 17 ], "completed": false }, { "type": "link", "position": [ 756, 178, 149, 17 ], "completed": false }, { "type": "link", "position": [ 84, 210, 121, 17 ], "completed": false }, { "type": "link", "position": [ 241, 210, 112, 17 ], "completed": false }, { "type": "link", "position": [ 406, 210, 106, 17 ], "completed": false }, { "type": "link", "position": [ 577, 210, 87, 17 ], "completed": false }, { "type": "link", "position": [ 756, 210, 88, 17 ], "completed": false }, { "type": "link", "position": [ 84, 242, 108, 17 ], "completed": false }, { "type": "link", "position": [ 241, 242, 108, 17 ], "completed": false }, { "type": "link", "position": [ 406, 242, 108, 17 ], "completed": false }, { "type": "link", "position": [ 577, 242, 143, 17 ], "completed": false }, { "type": "link", "position": [ 756, 242, 144, 17 ], "completed": false }, { "type": "link", "position": [ 84, 274, 102, 17 ], "completed": false }, { "type": "link", "position": [ 241, 274, 127, 17 ], "completed": false }, { "type": "link", "position": [ 406, 274, 127, 17 ], "completed": false }, { "type": "link", "position": [ 577, 274, 102, 17 ], "completed": false }, { "type": "link", "position": [ 756, 274, 97, 17 ], "completed": false }, { "type": "link", "position": [ 84, 306, 72, 17 ], "completed": false }, { "type": "link", "position": [ 241, 306, 72, 17 ], "completed": false }, { "type": "link", "position": [ 406, 306, 72, 17 ], "completed": false }, { "type": "link", "position": [ 577, 306, 117, 17 ], "completed": false }, { "type": "link", "position": [ 756, 306, 114, 17 ], "completed": false }, { "type": "link", "position": [ 84, 338, 77, 17 ], "completed": false }, { "type": "link", "position": [ 241, 338, 88, 17 ], "completed": false }, { "type": "link", "position": [ 406, 338, 89, 17 ], "completed": false }, { "type": "link", "position": [ 577, 338, 99, 17 ], "completed": false }, { "type": "link", "position": [ 756, 338, 110, 17 ], "completed": false }, { "type": "link", "position": [ 84, 370, 92, 17 ], "completed": false }, { "type": "link", "position": [ 241, 370, 77, 17 ], "completed": false }, { "type": "link", "position": [ 406, 370, 77, 17 ], "completed": false }, { "type": "link", "position": [ 577, 370, 108, 17 ], "completed": false }, { "type": "link", "position": [ 756, 370, 112, 17 ], "completed": false }, { "type": "link", "position": [ 84, 402, 119, 17 ], "completed": false }, { "type": "link", "position": [ 241, 402, 127, 17 ], "completed": false }, { "type": "link", "position": [ 406, 402, 127, 17 ], "completed": false }, { "type": "link", "position": [ 577, 402, 115, 17 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company.# There should be 13 links that can direct users to different information groups. Also, it is better to have six icons next to these items.", "region_id": "1608", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'13'] ] [el:icon [attr:repeat '6'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 0 10 16 3 | link 38 22 11 2 | link 85 14 11 2 | link 61 14 13 2 | link 38 14 11 2 | link 38 18 11 2 | link 38 26 11 2 | link 61 22 13 2 | link 61 18 13 2 | link 85 18 11 2 | link 85 22 11 2 | link 61 10 13 2 | link 38 10 11 2 | link 85 10 11 2 | \" [ icon 0 16 4 4 ] | [ icon 5 16 4 4 ] | [ icon 10 16 4 4 ] | [ icon 16 16 3 3 ] | [ icon 21 16 4 4 ] \"", "layout_seq_without_completion": "icon 0 10 16 3 | link 38 22 11 2 | link 85 14 11 2 | link 61 14 13 2 | link 38 14 11 2 | link 38 18 11 2 | link 38 26 11 2 | link 61 22 13 2 | link 61 18 13 2 | link 85 18 11 2 | link 85 22 11 2 | link 61 10 13 2 | link 38 10 11 2 | link 85 10 11 2 | \" [ icon 0 16 4 4 ] | [ icon 5 16 4 4 ] | [ icon 10 16 4 4 ] | [ icon 16 16 3 3 ] | [ icon 21 16 4 4 ] \"", "plain_layout_seq": "icon 0 10 16 3 | icon 0 16 4 4 | icon 5 16 4 4 | icon 10 16 4 4 | icon 16 16 3 3 | icon 21 16 4 4 | link 38 22 11 2 | link 85 14 11 2 | link 61 14 13 2 | link 38 14 11 2 | link 38 18 11 2 | link 38 26 11 2 | link 61 22 13 2 | link 61 18 13 2 | link 85 18 11 2 | link 85 22 11 2 | link 61 10 13 2 | link 38 10 11 2 | link 85 10 11 2", "canvas_width": 1034, "canvas_height": 342, "elements": [ { "type": "icon", "position": [ 0, 90, 142, 31 ], "completed": false }, { "type": "link", "position": [ 330, 90, 98, 22 ], "completed": false }, { "type": "link", "position": [ 528, 90, 113, 22 ], "completed": false }, { "type": "link", "position": [ 741, 90, 102, 22 ], "completed": false }, { "type": "link", "position": [ 330, 127, 98, 20 ], "completed": false }, { "type": "link", "position": [ 528, 127, 113, 20 ], "completed": false }, { "type": "link", "position": [ 741, 127, 102, 20 ], "completed": false }, { "type": "icon", "position": [ 0, 141, 35, 35 ], "completed": false }, { "type": "icon", "position": [ 46, 141, 35, 35 ], "completed": false }, { "type": "icon", "position": [ 92, 141, 35, 35 ], "completed": false }, { "type": "icon", "position": [ 184, 141, 35, 35 ], "completed": false }, { "type": "icon", "position": [ 139, 142, 33, 33 ], "completed": false }, { "type": "link", "position": [ 330, 162, 98, 20 ], "completed": false }, { "type": "link", "position": [ 528, 162, 113, 20 ], "completed": false }, { "type": "link", "position": [ 741, 162, 102, 20 ], "completed": false }, { "type": "link", "position": [ 330, 197, 98, 20 ], "completed": false }, { "type": "link", "position": [ 528, 197, 113, 20 ], "completed": false }, { "type": "link", "position": [ 741, 197, 102, 20 ], "completed": false }, { "type": "link", "position": [ 330, 232, 98, 20 ], "completed": false } ] }, { "text": "#A page showing the information about an institution.# There are three sets of information, \"Patents\", \"About us\" and \"Partners\", each with many instructions showing the detailed information.", "region_id": "1099", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'patents, about us, partners'] [item [el:description [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined ] | [ description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined ] | [ description undefined undefined | description undefined undefined | description undefined undefined | description undefined undefined ] }", "layout_seq_with_completion": "\" [ description 0 9 22 2 | description 0 14 22 2 | description 0 19 22 2 | description 0 24 22 2 | description 0 4 22 2 | description 0 28 22 5 | description 0 36 22 2 | complete title 0 0 22 2 ] | [ description 27 4 22 2 | description 27 9 22 2 | description 27 14 22 2 | description 27 19 22 2 | complete title 27 0 22 2 ] | [ description 55 17 22 5 | description 55 4 22 5 | description 55 12 22 2 | description 55 25 22 2 | description 55 29 22 5 | description 55 37 22 5 | complete title 55 0 22 2 ] \"", "layout_seq_without_completion": "\" [ description 0 9 22 2 | description 0 14 22 2 | description 0 19 22 2 | description 0 24 22 2 | description 0 4 22 2 | description 0 28 22 5 | description 0 36 22 2 | title 0 0 22 2 ] | [ description 27 4 22 2 | description 27 9 22 2 | description 27 14 22 2 | description 27 19 22 2 | title 27 0 22 2 ] | [ description 55 17 22 5 | description 55 4 22 5 | description 55 12 22 2 | description 55 25 22 2 | description 55 29 22 5 | description 55 37 22 5 | title 55 0 22 2 ] \"", "plain_layout_seq": "description 0 9 22 2 | description 0 14 22 2 | description 0 19 22 2 | description 0 24 22 2 | description 0 4 22 2 | description 0 28 22 5 | description 0 36 22 2 | description 27 4 22 2 | description 27 9 22 2 | description 27 14 22 2 | description 27 19 22 2 | description 55 17 22 5 | description 55 4 22 5 | description 55 12 22 2 | description 55 25 22 2 | description 55 29 22 5 | description 55 37 22 5 | title 0 0 22 2 | title 27 0 22 2 | title 55 0 22 2", "canvas_width": 824, "canvas_height": 311, "elements": [ { "type": "title", "position": [ 0, 0, 152, 20 ], "completed": true }, { "type": "title", "position": [ 192, 0, 152, 20 ], "completed": true }, { "type": "title", "position": [ 384, 0, 152, 20 ], "completed": true }, { "type": "description", "position": [ 0, 33, 152, 20 ], "completed": false }, { "type": "description", "position": [ 192, 33, 152, 20 ], "completed": false }, { "type": "description", "position": [ 384, 33, 152, 40 ], "completed": false }, { "type": "description", "position": [ 0, 66, 152, 20 ], "completed": false }, { "type": "description", "position": [ 192, 66, 152, 20 ], "completed": false }, { "type": "description", "position": [ 384, 86, 152, 20 ], "completed": false }, { "type": "description", "position": [ 0, 99, 152, 20 ], "completed": false }, { "type": "description", "position": [ 192, 99, 152, 20 ], "completed": false }, { "type": "description", "position": [ 384, 119, 152, 40 ], "completed": false }, { "type": "description", "position": [ 0, 132, 152, 20 ], "completed": false }, { "type": "description", "position": [ 192, 132, 152, 20 ], "completed": false }, { "type": "description", "position": [ 0, 165, 152, 20 ], "completed": false }, { "type": "description", "position": [ 384, 172, 152, 20 ], "completed": false }, { "type": "description", "position": [ 0, 198, 152, 40 ], "completed": false }, { "type": "description", "position": [ 384, 205, 152, 40 ], "completed": false }, { "type": "description", "position": [ 0, 251, 152, 20 ], "completed": false }, { "type": "description", "position": [ 384, 258, 152, 40 ], "completed": false } ] }, { "text": "#A page showing the information about an institution.# There are three sets of information, \"Patents\", \"About us\" and \"Partners\", each with around six text boxes showing the detailed information.", "region_id": "1099_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'patents, about us, partners'] [item [el:text [attr:repeat'6'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ text 0 9 22 2 | text 0 14 22 2 | text 0 19 22 2 | text 0 24 22 2 | text 0 4 22 2 | text 0 28 22 5 | text 0 36 22 2 | complete title 0 0 22 2 ] | [ text 27 4 22 2 | text 27 9 22 2 | text 27 14 22 2 | text 27 19 22 2 | complete title 27 0 22 2 ] | [ text 55 17 22 5 | text 55 4 22 5 | text 55 12 22 2 | text 55 25 22 2 | text 55 29 22 5 | text 55 37 22 5 | complete title 55 0 22 2 ] \"", "layout_seq_without_completion": "\" [ text 0 9 22 2 | text 0 14 22 2 | text 0 19 22 2 | text 0 24 22 2 | text 0 4 22 2 | text 0 28 22 5 | text 0 36 22 2 | title 0 0 22 2 ] | [ text 27 4 22 2 | text 27 9 22 2 | text 27 14 22 2 | text 27 19 22 2 | title 27 0 22 2 ] | [ text 55 17 22 5 | text 55 4 22 5 | text 55 12 22 2 | text 55 25 22 2 | text 55 29 22 5 | text 55 37 22 5 | title 55 0 22 2 ] \"", "plain_layout_seq": "text 0 9 22 2 | text 0 14 22 2 | text 0 19 22 2 | text 0 24 22 2 | text 0 4 22 2 | text 0 28 22 5 | text 0 36 22 2 | text 27 4 22 2 | text 27 9 22 2 | text 27 14 22 2 | text 27 19 22 2 | text 55 17 22 5 | text 55 4 22 5 | text 55 12 22 2 | text 55 25 22 2 | text 55 29 22 5 | text 55 37 22 5 | title 0 0 22 2 | title 27 0 22 2 | title 55 0 22 2", "canvas_width": 824, "canvas_height": 311, "elements": [ { "type": "title", "position": [ 0, 0, 152, 20 ], "completed": true }, { "type": "title", "position": [ 192, 0, 152, 20 ], "completed": true }, { "type": "title", "position": [ 384, 0, 152, 20 ], "completed": true }, { "type": "text", "position": [ 0, 33, 152, 20 ], "completed": false }, { "type": "text", "position": [ 192, 33, 152, 20 ], "completed": false }, { "type": "text", "position": [ 384, 33, 152, 40 ], "completed": false }, { "type": "text", "position": [ 0, 66, 152, 20 ], "completed": false }, { "type": "text", "position": [ 192, 66, 152, 20 ], "completed": false }, { "type": "text", "position": [ 384, 86, 152, 20 ], "completed": false }, { "type": "text", "position": [ 0, 99, 152, 20 ], "completed": false }, { "type": "text", "position": [ 192, 99, 152, 20 ], "completed": false }, { "type": "text", "position": [ 384, 119, 152, 40 ], "completed": false }, { "type": "text", "position": [ 0, 132, 152, 20 ], "completed": false }, { "type": "text", "position": [ 192, 132, 152, 20 ], "completed": false }, { "type": "text", "position": [ 0, 165, 152, 20 ], "completed": false }, { "type": "text", "position": [ 384, 172, 152, 20 ], "completed": false }, { "type": "text", "position": [ 0, 198, 152, 40 ], "completed": false }, { "type": "text", "position": [ 384, 205, 152, 40 ], "completed": false }, { "type": "text", "position": [ 0, 251, 152, 20 ], "completed": false }, { "type": "text", "position": [ 384, 258, 152, 40 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have five info sets, and each of them includes some links for users to click to know the different content of the web fastly about approach, resources, and the company.", "region_id": "1651", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:names'approach, resources, company'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 52 4 14 6 | complete title 52 0 14 3 | \" [ link 4 4 14 6 | link 4 10 14 6 | link 4 17 7 3 | complete title 4 0 14 3 ] | [ link 28 7 10 3 | link 28 10 10 3 | link 28 4 10 3 | link 28 14 14 6 | complete title 28 0 14 3 ] | [ link 76 10 12 3 | link 76 14 9 3 | link 76 17 3 3 | link 76 4 8 3 | link 76 7 7 3 | complete title 76 0 14 3 ] | [ link 100 4 5 3 | link 100 7 14 9 | link 100 17 6 3 | link 100 20 8 3 | link 100 23 4 3 | complete title 100 0 14 3 ] \"", "layout_seq_without_completion": "link 52 4 14 6 | title 52 0 14 3 | \" [ link 4 4 14 6 | link 4 10 14 6 | link 4 17 7 3 | title 4 0 14 3 ] | [ link 28 7 10 3 | link 28 10 10 3 | link 28 4 10 3 | link 28 14 14 6 | title 28 0 14 3 ] | [ link 76 10 12 3 | link 76 14 9 3 | link 76 17 3 3 | link 76 4 8 3 | link 76 7 7 3 | title 76 0 14 3 ] | [ link 100 4 5 3 | link 100 7 14 9 | link 100 17 6 3 | link 100 20 8 3 | link 100 23 4 3 | title 100 0 14 3 ] \"", "plain_layout_seq": "link 52 4 14 6 | link 4 4 14 6 | link 4 10 14 6 | link 4 17 7 3 | link 28 7 10 3 | link 28 10 10 3 | link 28 4 10 3 | link 28 14 14 6 | link 76 10 12 3 | link 76 14 9 3 | link 76 17 3 3 | link 76 4 8 3 | link 76 7 7 3 | link 100 4 5 3 | link 100 7 14 9 | link 100 17 6 3 | link 100 20 8 3 | link 100 23 4 3 | title 52 0 14 3 | title 4 0 14 3 | title 28 0 14 3 | title 76 0 14 3 | title 100 0 14 3", "canvas_width": 1024, "canvas_height": 258, "elements": [ { "type": "title", "position": [ 40, 0, 125, 29 ], "completed": true }, { "type": "title", "position": [ 245, 0, 125, 29 ], "completed": true }, { "type": "title", "position": [ 450, 0, 125, 29 ], "completed": true }, { "type": "title", "position": [ 654, 0, 125, 29 ], "completed": true }, { "type": "title", "position": [ 859, 0, 125, 29 ], "completed": true }, { "type": "link", "position": [ 40, 39, 125, 54 ], "completed": false }, { "type": "link", "position": [ 245, 39, 92, 27 ], "completed": false }, { "type": "link", "position": [ 450, 39, 125, 54 ], "completed": false }, { "type": "link", "position": [ 654, 39, 69, 27 ], "completed": false }, { "type": "link", "position": [ 859, 39, 43, 27 ], "completed": false }, { "type": "link", "position": [ 245, 66, 91, 27 ], "completed": false }, { "type": "link", "position": [ 654, 66, 63, 27 ], "completed": false }, { "type": "link", "position": [ 859, 66, 125, 81 ], "completed": false }, { "type": "link", "position": [ 40, 93, 125, 54 ], "completed": false }, { "type": "link", "position": [ 245, 93, 90, 27 ], "completed": false }, { "type": "link", "position": [ 654, 93, 105, 27 ], "completed": false }, { "type": "link", "position": [ 245, 120, 125, 54 ], "completed": false }, { "type": "link", "position": [ 654, 120, 81, 27 ], "completed": false }, { "type": "link", "position": [ 40, 147, 64, 27 ], "completed": false }, { "type": "link", "position": [ 654, 147, 31, 27 ], "completed": false }, { "type": "link", "position": [ 859, 147, 53, 27 ], "completed": false }, { "type": "link", "position": [ 859, 174, 75, 27 ], "completed": false }, { "type": "link", "position": [ 859, 201, 36, 27 ], "completed": false } ] }, { "text": "# A page for the user to follow the company on social media platforms.# The page should have the title \"FOLLOW US\" and three icons for the user to follow the company on Facebook, Twitter, and Instagram.", "region_id": "3140", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'follow us'] ] [el:icon [attr:value 'facebook'] ] [el:icon [attr:value 'twitter'] ] [el:icon [attr:value 'instagram'] ] ]", "execution": "footer : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "title 34 5 19 2 | \" [ icon 57 3 6 6 ] | [ icon 68 3 6 6 ] | [ icon 78 3 6 6 ] \"", "layout_seq_without_completion": "title 34 5 19 2 | \" [ icon 57 3 6 6 ] | [ icon 68 3 6 6 ] | [ icon 78 3 6 6 ] \"", "plain_layout_seq": "icon 57 3 6 6 | icon 68 3 6 6 | icon 78 3 6 6 | title 34 5 19 2", "canvas_width": 940, "canvas_height": 98, "elements": [ { "type": "icon", "position": [ 452, 25, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 533, 25, 48, 48 ], "completed": false }, { "type": "icon", "position": [ 614, 25, 48, 48 ], "completed": false }, { "type": "title", "position": [ 273, 43, 151, 21 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be two text links: \"Support\" and \"Communities\". Users can get access to different info through these links.", "region_id": "1440", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'2'] [gattr:names'support, communities'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 114 3 2 1 | complete icon 114 13 2 1 | link 3 3 8 2 | link 3 13 12 2", "layout_seq_without_completion": "icon 114 3 2 1 | icon 114 13 2 1 | link 3 3 8 2 | link 3 13 12 2", "plain_layout_seq": "icon 114 3 2 1 | icon 114 13 2 1 | link 3 3 8 2 | link 3 13 12 2", "canvas_width": 1024, "canvas_height": 164, "elements": [ { "type": "icon", "position": [ 976, 30, 18, 16 ], "completed": true }, { "type": "link", "position": [ 30, 31, 72, 20 ], "completed": false }, { "type": "icon", "position": [ 976, 112, 18, 16 ], "completed": true }, { "type": "link", "position": [ 30, 113, 107, 20 ], "completed": false } ] }, { "text": "#A page for users to find the company on other social media platforms and choose payment methods.# The page contains 2 titles. One is \"JOIN US ON\", followed by three logos, including Facebook, Instagram and YouTube. The other is \"PAYMENT METHODS\", followed by 4 logos, including VISA and JUMIA PAY.", "region_id": "2429", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'JOIN US ON']] [el:logo [attr:value 'Facebook']] [el:logo [attr:value 'Instagram ']] [el:logo [attr:value 'YouTube']] ] [item [el:title [attr:value 'PAYMENT METHODS']] [el:logo [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ logo 6 4 3 3 | logo 1 4 3 3 | logo 13 4 3 3 | title 0 0 30 3 ] | [ logo 36 4 3 3 | logo 42 4 4 3 | logo 30 4 3 3 | logo 48 4 10 3 | title 29 0 90 3 ] \"", "layout_seq_without_completion": "\" [ logo 6 4 3 3 | logo 1 4 3 3 | logo 13 4 3 3 | title 0 0 30 3 ] | [ logo 36 4 3 3 | logo 42 4 4 3 | logo 30 4 3 3 | logo 48 4 10 3 | title 29 0 90 3 ] \"", "plain_layout_seq": "logo 6 4 3 3 | logo 1 4 3 3 | logo 13 4 3 3 | logo 36 4 3 3 | logo 42 4 4 3 | logo 30 4 3 3 | logo 48 4 10 3 | title 0 0 30 3 | title 29 0 90 3", "canvas_width": 950, "canvas_height": 97, "elements": [ { "type": "title", "position": [ 0, 0, 238, 31 ], "completed": false }, { "type": "title", "position": [ 237, 0, 713, 30 ], "completed": false }, { "type": "logo", "position": [ 245, 38, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 285, 38, 31, 24 ], "completed": false }, { "type": "logo", "position": [ 333, 38, 36, 24 ], "completed": false }, { "type": "logo", "position": [ 385, 38, 85, 24 ], "completed": false }, { "type": "logo", "position": [ 8, 39, 26, 26 ], "completed": false }, { "type": "logo", "position": [ 50, 39, 26, 26 ], "completed": false }, { "type": "logo", "position": [ 108, 39, 26, 26 ], "completed": false } ] }, { "text": "# A page to introduce the newest stories of a company. # On the page, there should have a title \"Our Newest Stories\" and 24 links divided into 4 groups. So the user can click them to read the stories.", "region_id": "2953", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'Our Newest Stories'] ] [gp:NavGroup [gattr:repeat '4'][gattr:total_link'24'] [item [el:link ] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 3 | \" [ link 0 4 10 3 ] | [ link 30 4 15 3 ] | [ link 60 4 17 3 ] | [ link 91 4 4 3 ] | [ link 0 7 4 3 ] | [ link 30 7 13 3 ] | [ link 60 7 8 3 ] | [ link 91 7 7 3 ] | [ link 0 10 7 3 ] | [ link 30 10 9 3 ] | [ link 60 10 4 3 ] | [ link 91 10 7 3 ] | [ link 0 13 11 3 ] | [ link 30 13 8 3 ] | [ link 60 13 9 3 ] | [ link 91 13 8 3 ] | [ link 0 16 10 3 ] | [ link 30 16 11 3 ] | [ link 60 16 9 3 ] | [ link 91 16 9 3 ] | [ link 0 19 8 3 ] | [ link 30 19 5 3 ] | [ link 60 19 10 3 ] | [ link 91 19 6 3 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ link 0 4 10 3 ] | [ link 30 4 15 3 ] | [ link 60 4 17 3 ] | [ link 91 4 4 3 ] | [ link 0 7 4 3 ] | [ link 30 7 13 3 ] | [ link 60 7 8 3 ] | [ link 91 7 7 3 ] | [ link 0 10 7 3 ] | [ link 30 10 9 3 ] | [ link 60 10 4 3 ] | [ link 91 10 7 3 ] | [ link 0 13 11 3 ] | [ link 30 13 8 3 ] | [ link 60 13 9 3 ] | [ link 91 13 8 3 ] | [ link 0 16 10 3 ] | [ link 30 16 11 3 ] | [ link 60 16 9 3 ] | [ link 91 16 9 3 ] | [ link 0 19 8 3 ] | [ link 30 19 5 3 ] | [ link 60 19 10 3 ] | [ link 91 19 6 3 ] \"", "plain_layout_seq": "link 0 4 10 3 | link 30 4 15 3 | link 60 4 17 3 | link 91 4 4 3 | link 0 7 4 3 | link 30 7 13 3 | link 60 7 8 3 | link 91 7 7 3 | link 0 10 7 3 | link 30 10 9 3 | link 60 10 4 3 | link 91 10 7 3 | link 0 13 11 3 | link 30 13 8 3 | link 60 13 9 3 | link 91 13 8 3 | link 0 16 10 3 | link 30 16 11 3 | link 60 16 9 3 | link 91 16 9 3 | link 0 19 8 3 | link 30 19 5 3 | link 60 19 10 3 | link 91 19 6 3 | title 0 0 120 3", "canvas_width": 954, "canvas_height": 184, "elements": [ { "type": "title", "position": [ 0, 0, 954, 29 ], "completed": false }, { "type": "link", "position": [ 0, 33, 82, 25 ], "completed": false }, { "type": "link", "position": [ 242, 33, 125, 25 ], "completed": false }, { "type": "link", "position": [ 483, 33, 137, 25 ], "completed": false }, { "type": "link", "position": [ 725, 33, 33, 25 ], "completed": false }, { "type": "link", "position": [ 0, 58, 32, 25 ], "completed": false }, { "type": "link", "position": [ 242, 58, 105, 25 ], "completed": false }, { "type": "link", "position": [ 483, 58, 70, 25 ], "completed": false }, { "type": "link", "position": [ 725, 58, 60, 25 ], "completed": false }, { "type": "link", "position": [ 0, 83, 61, 25 ], "completed": false }, { "type": "link", "position": [ 242, 83, 79, 25 ], "completed": false }, { "type": "link", "position": [ 483, 83, 38, 25 ], "completed": false }, { "type": "link", "position": [ 725, 83, 57, 25 ], "completed": false }, { "type": "link", "position": [ 0, 108, 92, 25 ], "completed": false }, { "type": "link", "position": [ 242, 108, 67, 25 ], "completed": false }, { "type": "link", "position": [ 483, 108, 74, 25 ], "completed": false }, { "type": "link", "position": [ 725, 108, 71, 25 ], "completed": false }, { "type": "link", "position": [ 0, 133, 87, 25 ], "completed": false }, { "type": "link", "position": [ 242, 133, 95, 25 ], "completed": false }, { "type": "link", "position": [ 483, 133, 75, 25 ], "completed": false }, { "type": "link", "position": [ 725, 133, 79, 25 ], "completed": false }, { "type": "link", "position": [ 0, 158, 65, 25 ], "completed": false }, { "type": "link", "position": [ 242, 158, 40, 25 ], "completed": false }, { "type": "link", "position": [ 483, 158, 80, 25 ], "completed": false }, { "type": "link", "position": [ 725, 158, 55, 25 ], "completed": false } ] }, { "text": "# A page for navigation links of UBS.# There should be four lists of navigation links: \"Capability\" \"About Us\" \"Why UBS\" and \"Contact\". So the user can know more info about the company such as career, location, and so on.", "region_id": "2340", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'capability, about us, why ubs, contact'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 6 18 3 | link 1 9 14 3 | link 1 13 16 3 | complete title 1 3 27 2 ] | [ link 31 6 7 3 | link 31 20 14 3 | link 31 24 21 3 | link 31 9 11 3 | link 31 13 6 3 | link 31 16 5 3 | complete title 31 3 27 2 ] | [ link 61 6 6 3 | link 61 9 9 3 | link 61 13 18 3 | complete title 61 3 27 2 ] | [ link 91 6 18 3 | link 91 13 14 3 | link 91 20 26 3 | link 91 9 16 3 | link 91 16 19 3 | complete title 91 3 27 2 ] \"", "layout_seq_without_completion": "\" [ link 1 6 18 3 | link 1 9 14 3 | link 1 13 16 3 | title 1 3 27 2 ] | [ link 31 6 7 3 | link 31 20 14 3 | link 31 24 21 3 | link 31 9 11 3 | link 31 13 6 3 | link 31 16 5 3 | title 31 3 27 2 ] | [ link 61 6 6 3 | link 61 9 9 3 | link 61 13 18 3 | title 61 3 27 2 ] | [ link 91 6 18 3 | link 91 13 14 3 | link 91 20 26 3 | link 91 9 16 3 | link 91 16 19 3 | title 91 3 27 2 ] \"", "plain_layout_seq": "link 1 6 18 3 | link 1 9 14 3 | link 1 13 16 3 | link 31 6 7 3 | link 31 20 14 3 | link 31 24 21 3 | link 31 9 11 3 | link 31 13 6 3 | link 31 16 5 3 | link 61 6 6 3 | link 61 9 9 3 | link 61 13 18 3 | link 91 6 18 3 | link 91 13 14 3 | link 91 20 26 3 | link 91 9 16 3 | link 91 16 19 3 | title 1 3 27 2 | title 31 3 27 2 | title 61 3 27 2 | title 91 3 27 2", "canvas_width": 960, "canvas_height": 241, "elements": [ { "type": "title", "position": [ 10, 28, 220, 23 ], "completed": true }, { "type": "title", "position": [ 250, 28, 220, 23 ], "completed": true }, { "type": "title", "position": [ 490, 28, 220, 23 ], "completed": true }, { "type": "title", "position": [ 730, 28, 220, 23 ], "completed": true }, { "type": "link", "position": [ 10, 51, 145, 30 ], "completed": false }, { "type": "link", "position": [ 250, 51, 58, 30 ], "completed": false }, { "type": "link", "position": [ 490, 51, 51, 30 ], "completed": false }, { "type": "link", "position": [ 730, 51, 145, 30 ], "completed": false }, { "type": "link", "position": [ 10, 79, 113, 30 ], "completed": false }, { "type": "link", "position": [ 250, 79, 88, 30 ], "completed": false }, { "type": "link", "position": [ 490, 79, 74, 30 ], "completed": false }, { "type": "link", "position": [ 730, 79, 132, 30 ], "completed": false }, { "type": "link", "position": [ 10, 107, 132, 30 ], "completed": false }, { "type": "link", "position": [ 250, 107, 51, 30 ], "completed": false }, { "type": "link", "position": [ 490, 107, 146, 30 ], "completed": false }, { "type": "link", "position": [ 730, 107, 113, 30 ], "completed": false }, { "type": "link", "position": [ 250, 135, 43, 30 ], "completed": false }, { "type": "link", "position": [ 730, 135, 153, 30 ], "completed": false }, { "type": "link", "position": [ 250, 164, 119, 30 ], "completed": false }, { "type": "link", "position": [ 730, 164, 213, 30 ], "completed": false }, { "type": "link", "position": [ 250, 192, 170, 30 ], "completed": false } ] }, { "text": "#A page for users to learn about one company.# There should be four groups showing the company's four kinds of info, and each of them is followed by many links for users to learn the detailed info. At the bottom, there are two links for users to download and three links for users to choose the way to share.", "region_id": "930", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:link [attr:repeat 'several'] ] ] ] [el:link [attr:position'bottom'] [attr:repeat'2'] [attr:value 'download'] ] [el:link [attr:position 'bottom'] [attr:repeat '3'] [attr:value 'share'] ] ]", "execution": "footer : link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 59 60 3 3 | link 75 60 3 3 | link 67 60 3 3 | link 35 60 19 4 | link 14 60 19 4 | link 84 21 10 2 | complete title 84 17 10 2 | \" [ link 14 25 21 2 | link 14 32 21 2 | link 14 21 21 2 | link 14 28 21 2 | link 14 36 21 2 | link 14 39 21 2 | link 14 43 21 2 | link 14 47 21 2 | complete title 14 17 21 2 ] | [ link 37 28 21 2 | link 37 32 21 2 | link 37 36 21 2 | link 37 39 21 2 | link 37 21 21 2 | link 37 25 21 2 | complete title 37 17 21 2 ] | [ link 61 21 21 2 | link 61 25 21 2 | link 61 28 21 2 | link 61 32 21 2 | link 61 36 21 2 | link 61 39 21 4 | complete title 61 17 21 2 ] \"", "layout_seq_without_completion": "link 59 60 3 3 | link 75 60 3 3 | link 67 60 3 3 | link 35 60 19 4 | link 14 60 19 4 | link 84 21 10 2 | title 84 17 10 2 | \" [ link 14 25 21 2 | link 14 32 21 2 | link 14 21 21 2 | link 14 28 21 2 | link 14 36 21 2 | link 14 39 21 2 | link 14 43 21 2 | link 14 47 21 2 | title 14 17 21 2 ] | [ link 37 28 21 2 | link 37 32 21 2 | link 37 36 21 2 | link 37 39 21 2 | link 37 21 21 2 | link 37 25 21 2 | title 37 17 21 2 ] | [ link 61 21 21 2 | link 61 25 21 2 | link 61 28 21 2 | link 61 32 21 2 | link 61 36 21 2 | link 61 39 21 4 | title 61 17 21 2 ] \"", "plain_layout_seq": "link 59 60 3 3 | link 75 60 3 3 | link 67 60 3 3 | link 35 60 19 4 | link 14 60 19 4 | link 84 21 10 2 | link 14 25 21 2 | link 14 32 21 2 | link 14 21 21 2 | link 14 28 21 2 | link 14 36 21 2 | link 14 39 21 2 | link 14 43 21 2 | link 14 47 21 2 | link 37 28 21 2 | link 37 32 21 2 | link 37 36 21 2 | link 37 39 21 2 | link 37 21 21 2 | link 37 25 21 2 | link 61 21 21 2 | link 61 25 21 2 | link 61 28 21 2 | link 61 32 21 2 | link 61 36 21 2 | link 61 39 21 4 | title 84 17 10 2 | title 14 17 21 2 | title 37 17 21 2 | title 61 17 21 2", "canvas_width": 1024, "canvas_height": 605, "elements": [ { "type": "title", "position": [ 122, 150, 180, 24 ], "completed": true }, { "type": "title", "position": [ 322, 150, 180, 24 ], "completed": true }, { "type": "title", "position": [ 522, 150, 180, 24 ], "completed": true }, { "type": "title", "position": [ 722, 150, 89, 24 ], "completed": true }, { "type": "link", "position": [ 122, 184, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 184, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 184, 180, 21 ], "completed": false }, { "type": "link", "position": [ 722, 184, 89, 21 ], "completed": false }, { "type": "link", "position": [ 122, 216, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 216, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 216, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 246, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 246, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 246, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 278, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 278, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 278, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 308, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 308, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 308, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 340, 180, 21 ], "completed": false }, { "type": "link", "position": [ 322, 340, 180, 21 ], "completed": false }, { "type": "link", "position": [ 522, 340, 180, 42 ], "completed": false }, { "type": "link", "position": [ 122, 370, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 402, 180, 21 ], "completed": false }, { "type": "link", "position": [ 122, 514, 170, 40 ], "completed": false }, { "type": "link", "position": [ 305, 514, 170, 40 ], "completed": false }, { "type": "link", "position": [ 510, 518, 32, 32 ], "completed": false }, { "type": "link", "position": [ 577, 518, 32, 32 ], "completed": false }, { "type": "link", "position": [ 644, 518, 32, 32 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 3 groups of links for users to click to know the different content on the web about the info of the company, tools, and legal. An image is needed to show the map of the world.", "region_id": "965", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'company, tools, legal'] [item [el:link] ] ] [el:image] ]", "execution": "footer : image undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 75 3 39 18 | link 52 8 15 1 | link 6 8 18 1 | link 6 10 18 1 | link 6 15 18 1 | link 6 17 18 1 | link 30 10 11 1 | link 52 13 15 1 | link 6 13 18 1 | link 52 10 15 1 | link 6 20 18 1 | link 6 22 18 1 | link 6 24 18 1 | link 30 8 11 1 | link 30 15 11 1 | link 30 13 11 1 | link 30 17 11 1 | complete title 30 3 10 4 | complete title 6 3 23 4 | complete title 52 3 10 4", "layout_seq_without_completion": "image 75 3 39 18 | link 52 8 15 1 | link 6 8 18 1 | link 6 10 18 1 | link 6 15 18 1 | link 6 17 18 1 | link 30 10 11 1 | link 52 13 15 1 | link 6 13 18 1 | link 52 10 15 1 | link 6 20 18 1 | link 6 22 18 1 | link 6 24 18 1 | link 30 8 11 1 | link 30 15 11 1 | link 30 13 11 1 | link 30 17 11 1 | title 30 3 10 4 | title 6 3 23 4 | title 52 3 10 4", "plain_layout_seq": "image 75 3 39 18 | link 52 8 15 1 | link 6 8 18 1 | link 6 10 18 1 | link 6 15 18 1 | link 6 17 18 1 | link 30 10 11 1 | link 52 13 15 1 | link 6 13 18 1 | link 52 10 15 1 | link 6 20 18 1 | link 6 22 18 1 | link 6 24 18 1 | link 30 8 11 1 | link 30 15 11 1 | link 30 13 11 1 | link 30 17 11 1 | title 30 3 10 4 | title 6 3 23 4 | title 52 3 10 4", "canvas_width": 1024, "canvas_height": 255, "elements": [ { "type": "title", "position": [ 52, 28, 200, 40 ], "completed": true }, { "type": "title", "position": [ 260, 28, 90, 40 ], "completed": true }, { "type": "title", "position": [ 445, 28, 90, 40 ], "completed": true }, { "type": "image", "position": [ 645, 28, 337, 161 ], "completed": false }, { "type": "link", "position": [ 52, 71, 160, 14 ], "completed": false }, { "type": "link", "position": [ 260, 71, 95, 14 ], "completed": false }, { "type": "link", "position": [ 445, 71, 130, 14 ], "completed": false }, { "type": "link", "position": [ 52, 91, 160, 14 ], "completed": false }, { "type": "link", "position": [ 260, 91, 95, 14 ], "completed": false }, { "type": "link", "position": [ 445, 91, 130, 14 ], "completed": false }, { "type": "link", "position": [ 52, 111, 160, 14 ], "completed": false }, { "type": "link", "position": [ 260, 111, 95, 14 ], "completed": false }, { "type": "link", "position": [ 445, 111, 130, 14 ], "completed": false }, { "type": "link", "position": [ 52, 131, 160, 14 ], "completed": false }, { "type": "link", "position": [ 260, 131, 95, 14 ], "completed": false }, { "type": "link", "position": [ 52, 151, 160, 14 ], "completed": false }, { "type": "link", "position": [ 260, 151, 95, 14 ], "completed": false }, { "type": "link", "position": [ 52, 171, 160, 14 ], "completed": false }, { "type": "link", "position": [ 52, 191, 160, 14 ], "completed": false }, { "type": "link", "position": [ 52, 211, 160, 14 ], "completed": false } ] }, { "text": "#A footer page for introducing a company called Qualaroo.# On the page, there should contain a logo of the company followed by a button for getting started free by clicking it. Besides There are four info groups \"Resources\", \"Quick Links\", \"Comparisons\", \"Company\" and \"Support\". In each group, there should include several links for the user to click to know more info. In the last group \"Support\", an icon and a telephone are needed.", "region_id": "3219", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:button [attr:value 'getting started free'] ] [gp:NavGroup [item [el:title [attr:value 'resources'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'quick links'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'comparisons'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'company'] ] [el:link [attr:repeat 'several'] ] ] [item [el:title [attr:value 'support'] ] [el:icon] [el:text] ] ] ]", "execution": "footer : button undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 2 10 17 4 | logo 2 0 18 6 | title 102 0 15 3 | \" [ link 25 5 14 2 | link 25 9 14 2 | link 25 13 14 2 | link 25 17 14 2 | title 25 0 14 3 ] | [ link 44 5 14 2 | link 44 17 14 2 | link 44 30 14 2 | link 44 34 14 2 | link 44 9 14 2 | link 44 13 14 2 | link 44 21 14 2 | link 44 26 14 2 | title 44 0 14 3 ] | [ link 63 9 14 4 | link 63 20 14 4 | link 63 26 14 2 | link 63 5 14 2 | link 63 16 14 2 | title 63 0 14 3 ] | [ link 83 5 14 2 | link 83 16 14 2 | link 83 20 14 2 | link 83 9 14 4 | title 83 0 14 3 ] | [ icon 102 5 1 1 | link 102 9 15 2 | link 102 17 15 2 | link 102 21 15 2 | link 102 25 15 2 | link 102 13 15 2 | text 104 5 11 1 ] \"", "layout_seq_without_completion": "button 2 10 17 4 | logo 2 0 18 6 | title 102 0 15 3 | \" [ link 25 5 14 2 | link 25 9 14 2 | link 25 13 14 2 | link 25 17 14 2 | title 25 0 14 3 ] | [ link 44 5 14 2 | link 44 17 14 2 | link 44 30 14 2 | link 44 34 14 2 | link 44 9 14 2 | link 44 13 14 2 | link 44 21 14 2 | link 44 26 14 2 | title 44 0 14 3 ] | [ link 63 9 14 4 | link 63 20 14 4 | link 63 26 14 2 | link 63 5 14 2 | link 63 16 14 2 | title 63 0 14 3 ] | [ link 83 5 14 2 | link 83 16 14 2 | link 83 20 14 2 | link 83 9 14 4 | title 83 0 14 3 ] | [ icon 102 5 1 1 | link 102 9 15 2 | link 102 17 15 2 | link 102 21 15 2 | link 102 25 15 2 | link 102 13 15 2 | text 104 5 11 1 ] \"", "plain_layout_seq": "button 2 10 17 4 | icon 102 5 1 1 | link 25 5 14 2 | link 25 9 14 2 | link 25 13 14 2 | link 25 17 14 2 | link 44 5 14 2 | link 44 17 14 2 | link 44 30 14 2 | link 44 34 14 2 | link 44 9 14 2 | link 44 13 14 2 | link 44 21 14 2 | link 44 26 14 2 | link 63 9 14 4 | link 63 20 14 4 | link 63 26 14 2 | link 63 5 14 2 | link 63 16 14 2 | link 83 5 14 2 | link 83 16 14 2 | link 83 20 14 2 | link 83 9 14 4 | link 102 9 15 2 | link 102 17 15 2 | link 102 21 15 2 | link 102 25 15 2 | link 102 13 15 2 | logo 2 0 18 6 | text 104 5 11 1 | title 102 0 15 3 | title 25 0 14 3 | title 44 0 14 3 | title 63 0 14 3 | title 83 0 14 3", "canvas_width": 1024, "canvas_height": 353, "elements": [ { "type": "logo", "position": [ 20, 0, 158, 56 ], "completed": false }, { "type": "title", "position": [ 218, 0, 124, 32 ], "completed": false }, { "type": "title", "position": [ 382, 0, 124, 32 ], "completed": false }, { "type": "title", "position": [ 546, 0, 124, 32 ], "completed": false }, { "type": "title", "position": [ 709, 0, 124, 32 ], "completed": false }, { "type": "title", "position": [ 873, 0, 131, 32 ], "completed": false }, { "type": "icon", "position": [ 873, 44, 10, 13 ], "completed": false }, { "type": "text", "position": [ 888, 44, 97, 16 ], "completed": false }, { "type": "link", "position": [ 218, 47, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 47, 124, 20 ], "completed": false }, { "type": "link", "position": [ 546, 47, 124, 20 ], "completed": false }, { "type": "link", "position": [ 709, 47, 124, 20 ], "completed": false }, { "type": "link", "position": [ 873, 77, 131, 20 ], "completed": false }, { "type": "link", "position": [ 218, 82, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 82, 124, 20 ], "completed": false }, { "type": "link", "position": [ 546, 82, 124, 40 ], "completed": false }, { "type": "link", "position": [ 709, 82, 124, 40 ], "completed": false }, { "type": "button", "position": [ 20, 91, 151, 38 ], "completed": false }, { "type": "link", "position": [ 873, 112, 131, 20 ], "completed": false }, { "type": "link", "position": [ 218, 117, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 117, 124, 20 ], "completed": false }, { "type": "link", "position": [ 546, 137, 124, 20 ], "completed": false }, { "type": "link", "position": [ 709, 137, 124, 20 ], "completed": false }, { "type": "link", "position": [ 873, 147, 131, 20 ], "completed": false }, { "type": "link", "position": [ 218, 152, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 152, 124, 20 ], "completed": false }, { "type": "link", "position": [ 546, 172, 124, 40 ], "completed": false }, { "type": "link", "position": [ 709, 172, 124, 20 ], "completed": false }, { "type": "link", "position": [ 873, 182, 131, 20 ], "completed": false }, { "type": "link", "position": [ 382, 187, 124, 20 ], "completed": false }, { "type": "link", "position": [ 873, 217, 131, 20 ], "completed": false }, { "type": "link", "position": [ 382, 222, 124, 20 ], "completed": false }, { "type": "link", "position": [ 546, 227, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 257, 124, 20 ], "completed": false }, { "type": "link", "position": [ 382, 292, 124, 20 ], "completed": false } ] }, { "text": "#A page showing information about a company.# There should be a logo. There should be three information groups each with 3-4 links through which users can obtain detailed information about the company such as Investors, Careers, and Media.", "region_id": "1975", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat'3'] [gattr:names'investors, careers, media'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 3 0 18 7 | \" [ link 32 0 12 3 ] | [ link 32 5 9 3 ] | [ link 32 9 8 3 ] | [ link 32 14 11 3 ] \" | \" [ link 61 0 13 2 ] | [ link 61 5 23 2 ] | [ link 61 9 19 2 ] | [ link 61 13 11 2 ] \" | \" [ link 90 0 17 2 ] | [ link 90 5 12 2 ] | [ link 90 9 10 2 ] \"", "layout_seq_without_completion": "logo 3 0 18 7 | \" [ link 32 0 12 3 ] | [ link 32 5 9 3 ] | [ link 32 9 8 3 ] | [ link 32 14 11 3 ] \" | \" [ link 61 0 13 2 ] | [ link 61 5 23 2 ] | [ link 61 9 19 2 ] | [ link 61 13 11 2 ] \" | \" [ link 90 0 17 2 ] | [ link 90 5 12 2 ] | [ link 90 9 10 2 ] \"", "plain_layout_seq": "link 32 0 12 3 | link 32 5 9 3 | link 32 9 8 3 | link 32 14 11 3 | link 61 0 13 2 | link 61 5 23 2 | link 61 9 19 2 | link 61 13 11 2 | link 90 0 17 2 | link 90 5 12 2 | link 90 9 10 2 | logo 3 0 18 7", "canvas_width": 1003, "canvas_height": 240, "elements": [ { "type": "logo", "position": [ 28, 0, 154, 61 ], "completed": false }, { "type": "link", "position": [ 271, 3, 101, 33 ], "completed": false }, { "type": "link", "position": [ 514, 5, 109, 22 ], "completed": false }, { "type": "link", "position": [ 756, 5, 143, 22 ], "completed": false }, { "type": "link", "position": [ 514, 42, 199, 22 ], "completed": false }, { "type": "link", "position": [ 756, 42, 101, 22 ], "completed": false }, { "type": "link", "position": [ 271, 43, 83, 33 ], "completed": false }, { "type": "link", "position": [ 514, 79, 161, 22 ], "completed": false }, { "type": "link", "position": [ 756, 79, 85, 22 ], "completed": false }, { "type": "link", "position": [ 271, 83, 67, 33 ], "completed": false }, { "type": "link", "position": [ 514, 116, 100, 22 ], "completed": false }, { "type": "link", "position": [ 271, 123, 93, 33 ], "completed": false } ] }, { "text": "#A page showing information about a company.# There should be a small image or logo. There should be three information groups each with 3-4 links through which users can obtain detailed information about the company such as Investors, Careers, and Media.", "region_id": "1975_1", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat'3'] [gattr:names'investors, careers, media'] [item [el:link [attr:repeat'4'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 3 0 18 7 | \" [ link 32 0 12 3 ] | [ link 32 5 9 3 ] | [ link 32 9 8 3 ] | [ link 32 14 11 3 ] \" | \" [ link 61 0 13 2 ] | [ link 61 5 23 2 ] | [ link 61 9 19 2 ] | [ link 61 13 11 2 ] \" | \" [ link 90 0 17 2 ] | [ link 90 5 12 2 ] | [ link 90 9 10 2 ] \"", "layout_seq_without_completion": "logo 3 0 18 7 | \" [ link 32 0 12 3 ] | [ link 32 5 9 3 ] | [ link 32 9 8 3 ] | [ link 32 14 11 3 ] \" | \" [ link 61 0 13 2 ] | [ link 61 5 23 2 ] | [ link 61 9 19 2 ] | [ link 61 13 11 2 ] \" | \" [ link 90 0 17 2 ] | [ link 90 5 12 2 ] | [ link 90 9 10 2 ] \"", "plain_layout_seq": "link 32 0 12 3 | link 32 5 9 3 | link 32 9 8 3 | link 32 14 11 3 | link 61 0 13 2 | link 61 5 23 2 | link 61 9 19 2 | link 61 13 11 2 | link 90 0 17 2 | link 90 5 12 2 | link 90 9 10 2 | logo 3 0 18 7", "canvas_width": 1003, "canvas_height": 240, "elements": [ { "type": "logo", "position": [ 28, 0, 154, 61 ], "completed": false }, { "type": "link", "position": [ 271, 3, 101, 33 ], "completed": false }, { "type": "link", "position": [ 514, 5, 109, 22 ], "completed": false }, { "type": "link", "position": [ 756, 5, 143, 22 ], "completed": false }, { "type": "link", "position": [ 514, 42, 199, 22 ], "completed": false }, { "type": "link", "position": [ 756, 42, 101, 22 ], "completed": false }, { "type": "link", "position": [ 271, 43, 83, 33 ], "completed": false }, { "type": "link", "position": [ 514, 79, 161, 22 ], "completed": false }, { "type": "link", "position": [ 756, 79, 85, 22 ], "completed": false }, { "type": "link", "position": [ 271, 83, 67, 33 ], "completed": false }, { "type": "link", "position": [ 514, 116, 100, 22 ], "completed": false }, { "type": "link", "position": [ 271, 123, 93, 33 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 links for users to click to view the privacy policy, terms and conditions, and contact the workers.", "region_id": "7052", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '3'] [gattr:names 'privacy policy, terms and conditions, contact us'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 6 15 2 ] | [ link 51 6 19 2 ] | [ link 74 6 12 2 ] \"", "layout_seq_without_completion": "\" [ link 33 6 15 2 ] | [ link 51 6 19 2 ] | [ link 74 6 12 2 ] \"", "plain_layout_seq": "link 33 6 15 2 | link 51 6 19 2 | link 74 6 12 2", "canvas_width": 836, "canvas_height": 69, "elements": [ { "type": "link", "position": [ 233, 47, 105, 17 ], "completed": false }, { "type": "link", "position": [ 359, 47, 139, 17 ], "completed": false }, { "type": "link", "position": [ 519, 47, 84, 17 ], "completed": false } ] }, { "text": "#A page for navigation of Trade Station.# The page should have a logo of Trade Station, and 5 groups while each group has an icon and a link for users to click to check info about the company, contact the company, careers, FAQs, and important documents.", "region_id": "2451", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat '5'] [gattr:names 'company, contact the company,careers, faqs, important documents'] [item [el:icon] [el:link] ] ] ]", "execution": "footer : logo undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 79 6 8 8 | icon 108 6 8 8 | icon 65 6 8 8 | icon 94 6 8 8 | icon 51 6 8 8 | link 105 16 14 5 | link 62 16 13 2 | link 49 16 11 2 | link 79 16 9 2 | link 95 16 6 2 | logo 0 9 34 5", "layout_seq_without_completion": "icon 79 6 8 8 | icon 108 6 8 8 | icon 65 6 8 8 | icon 94 6 8 8 | icon 51 6 8 8 | link 105 16 14 5 | link 62 16 13 2 | link 49 16 11 2 | link 79 16 9 2 | link 95 16 6 2 | logo 0 9 34 5", "plain_layout_seq": "icon 79 6 8 8 | icon 108 6 8 8 | icon 65 6 8 8 | icon 94 6 8 8 | icon 51 6 8 8 | link 105 16 14 5 | link 62 16 13 2 | link 49 16 11 2 | link 79 16 9 2 | link 95 16 6 2 | logo 0 9 34 5", "canvas_width": 820, "canvas_height": 181, "elements": [ { "type": "icon", "position": [ 349, 47, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 447, 47, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 545, 47, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 644, 47, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 742, 47, 57, 57 ], "completed": false }, { "type": "logo", "position": [ 0, 66, 233, 35 ], "completed": false }, { "type": "link", "position": [ 339, 112, 76, 19 ], "completed": false }, { "type": "link", "position": [ 430, 112, 91, 19 ], "completed": false }, { "type": "link", "position": [ 542, 112, 64, 19 ], "completed": false }, { "type": "link", "position": [ 651, 112, 43, 19 ], "completed": false }, { "type": "link", "position": [ 722, 112, 96, 35 ], "completed": false } ] }, { "text": "#A footer page to encourage the user to join the email list. # There are two icons for social media. There is one title, one description, one input, and one \"SUBSCRIBE\" button.", "region_id": "8258", "region_type": "Footer", "ir": "[region:Footer [el:icon [attr:repeat '2'] ] [el:title] [el:description] [el:input] [el:button [attr:value 'subscribe'] ] ]", "execution": "footer : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "button 35 17 14 4 | description 0 12 118 2 | icon 0 0 4 4 | icon 6 0 4 4 | input 0 17 33 4 | title 0 8 118 2", "layout_seq_without_completion": "button 35 17 14 4 | description 0 12 118 2 | icon 0 0 4 4 | icon 6 0 4 4 | input 0 17 33 4 | title 0 8 118 2", "plain_layout_seq": "button 35 17 14 4 | description 0 12 118 2 | icon 0 0 4 4 | icon 6 0 4 4 | input 0 17 33 4 | title 0 8 118 2", "canvas_width": 1010, "canvas_height": 222, "elements": [ { "type": "icon", "position": [ 8, 3, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 58, 3, 40, 40 ], "completed": false }, { "type": "title", "position": [ 8, 69, 994, 21 ], "completed": false }, { "type": "description", "position": [ 8, 104, 994, 22 ], "completed": false }, { "type": "input", "position": [ 8, 144, 285, 42 ], "completed": false }, { "type": "button", "position": [ 298, 144, 120, 42 ], "completed": false } ] }, { "text": "# A footer page of a company's info.# The page should have a logo, a description of the right of the company, and three links: \"PRIVACY POLICY\" \"TERMS OF SERVICE\", and \"CONTACT US\". Besides, there should have three icons for the user to follow the company on social media platforms: Instagram, Facebook, and Pinterest.", "region_id": "7470", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:description] [el:link [attr:value 'privacy policy'] ] [el:link [attr:value 'terms of service'] ] [el:link [attr:value 'CONTACT US'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Pinterest'] ] ]", "execution": "footer : description undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "description 0 13 120 7 | logo 56 3 7 7 | \" [ link 1 3 13 1 ] | [ link 1 6 18 1 ] | [ link 1 8 10 1 ] \" | \" [ icon 100 4 4 4 ] | [ icon 106 4 4 4 ] | [ icon 112 4 4 4 ] \"", "layout_seq_without_completion": "description 0 13 120 7 | logo 56 3 7 7 | \" [ link 1 3 13 1 ] | [ link 1 6 18 1 ] | [ link 1 8 10 1 ] \" | \" [ icon 100 4 4 4 ] | [ icon 106 4 4 4 ] | [ icon 112 4 4 4 ] \"", "plain_layout_seq": "description 0 13 120 7 | icon 100 4 4 4 | icon 106 4 4 4 | icon 112 4 4 4 | link 1 3 13 1 | link 1 6 18 1 | link 1 8 10 1 | logo 56 3 7 7", "canvas_width": 1024, "canvas_height": 184, "elements": [ { "type": "link", "position": [ 15, 28, 119, 17 ], "completed": false }, { "type": "logo", "position": [ 482, 29, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 854, 38, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 907, 38, 42, 42 ], "completed": false }, { "type": "icon", "position": [ 960, 38, 42, 42 ], "completed": false }, { "type": "link", "position": [ 15, 52, 157, 17 ], "completed": false }, { "type": "link", "position": [ 15, 76, 89, 17 ], "completed": false }, { "type": "description", "position": [ 0, 118, 1024, 66 ], "completed": false } ] }, { "text": "# A footer page for introducing one company's info.# The page should have five items. The first item \"SIGN UP TO RECEIVE UPDATES\" includes one input box where users can input their email addresses and subscribe by clicking one button. The remaining four items are four links: \"DELIVERY/RETURNS+\" \"CLIENT CARE+\" \"TERMS AND CONDITIONS+\" and \"OUR STORY\", so the user can click them to know more info and service of the company.", "region_id": "8203", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'SIGN UP TO RECEIVE UPDATES'] ] [el:input [attr:value 'email address'] ] [el:button [attr:value 'subscribe'] ] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'DELIVERY/RETURNS+, CLIENT CARE+, TERMS AND CONDITIONS+, OUR STORY'] [item [el:link] ] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 21 6 18 5 | input 4 6 35 5 | link 104 5 9 1 | link 45 5 17 2 | link 86 4 11 4 | link 68 5 11 2 | title 4 1 35 2", "layout_seq_without_completion": "button 21 6 18 5 | input 4 6 35 5 | link 104 5 9 1 | link 45 5 17 2 | link 86 4 11 4 | link 68 5 11 2 | title 4 1 35 2", "plain_layout_seq": "button 21 6 18 5 | input 4 6 35 5 | link 104 5 9 1 | link 45 5 17 2 | link 86 4 11 4 | link 68 5 11 2 | title 4 1 35 2", "canvas_width": 1024, "canvas_height": 108, "elements": [ { "type": "title", "position": [ 35, 11, 302, 23 ], "completed": false }, { "type": "link", "position": [ 737, 35, 101, 40 ], "completed": false }, { "type": "link", "position": [ 387, 45, 149, 20 ], "completed": false }, { "type": "link", "position": [ 586, 45, 101, 20 ], "completed": false }, { "type": "link", "position": [ 888, 47, 80, 15 ], "completed": false }, { "type": "input", "position": [ 35, 52, 302, 46 ], "completed": false }, { "type": "button", "position": [ 180, 52, 157, 45 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 8 buttons for users to click to know the different content of the web fast.", "region_id": "1057", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'8'] [item [el:button] ] ] ]", "execution": "footer : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 31 3 7 2 ] | [ button 80 3 7 2 ] | [ button 30 10 9 2 ] | [ button 77 10 13 2 ] | [ button 31 16 7 2 ] | [ button 73 16 23 2 ] | [ button 24 22 20 2 ] | [ button 75 22 18 2 ] \"", "layout_seq_without_completion": "\" [ button 31 3 7 2 ] | [ button 80 3 7 2 ] | [ button 30 10 9 2 ] | [ button 77 10 13 2 ] | [ button 31 16 7 2 ] | [ button 73 16 23 2 ] | [ button 24 22 20 2 ] | [ button 75 22 18 2 ] \"", "plain_layout_seq": "button 31 3 7 2 | button 80 3 7 2 | button 30 10 9 2 | button 77 10 13 2 | button 31 16 7 2 | button 73 16 23 2 | button 24 22 20 2 | button 75 22 18 2", "canvas_width": 1024, "canvas_height": 246, "elements": [ { "type": "button", "position": [ 270, 32, 62, 20 ], "completed": false }, { "type": "button", "position": [ 690, 32, 66, 20 ], "completed": false }, { "type": "button", "position": [ 262, 86, 78, 20 ], "completed": false }, { "type": "button", "position": [ 664, 86, 118, 20 ], "completed": false }, { "type": "button", "position": [ 271, 140, 60, 20 ], "completed": false }, { "type": "button", "position": [ 623, 140, 200, 20 ], "completed": false }, { "type": "button", "position": [ 213, 194, 176, 20 ], "completed": false }, { "type": "button", "position": [ 645, 194, 156, 20 ], "completed": false } ] }, { "text": "#A page showing the page boxes of the website to users.#The page should have four link for users to click to jump.", "region_id": "2762", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '4'] [item [el:button] ] ] ]", "execution": "footer : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 54 4 4 4 | complete button 70 4 4 4 | button 60 4 4 4 | button 65 4 4 4 | button 49 4 4 4 | complete icon 45 5 1 1 | complete image 44 4 4 4", "layout_seq_without_completion": "button 54 4 4 4 | button 70 4 4 4 | button 60 4 4 4 | button 65 4 4 4 | button 49 4 4 4 | icon 45 5 1 1 | image 44 4 4 4", "plain_layout_seq": "button 54 4 4 4 | button 70 4 4 4 | button 60 4 4 4 | button 65 4 4 4 | button 49 4 4 4 | icon 45 5 1 1 | image 44 4 4 4", "canvas_width": 1004, "canvas_height": 78, "elements": [ { "type": "image", "position": [ 370, 36, 40, 40 ], "completed": true }, { "type": "button", "position": [ 417, 36, 40, 40 ], "completed": false }, { "type": "button", "position": [ 460, 36, 40, 40 ], "completed": false }, { "type": "button", "position": [ 504, 36, 40, 40 ], "completed": false }, { "type": "button", "position": [ 547, 36, 40, 40 ], "completed": false }, { "type": "button", "position": [ 594, 36, 40, 40 ], "completed": true }, { "type": "icon", "position": [ 383, 49, 14, 14 ], "completed": true } ] }, { "text": "# A page for navigation links of a company.# There should be four lists of navigation links to introduce the company, its products, support, and legal.", "region_id": "741", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'company, products, support, legal'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 12 2 1 1 | complete icon 11 9 1 1 | complete icon 12 15 1 1 | complete icon 8 22 1 1 | link 2 1 10 2 | link 2 22 5 2 | link 2 15 9 2 | link 2 8 8 2", "layout_seq_without_completion": "icon 12 2 1 1 | icon 11 9 1 1 | icon 12 15 1 1 | icon 8 22 1 1 | link 2 1 10 2 | link 2 22 5 2 | link 2 15 9 2 | link 2 8 8 2", "plain_layout_seq": "icon 12 2 1 1 | icon 11 9 1 1 | icon 12 15 1 1 | icon 8 22 1 1 | link 2 1 10 2 | link 2 22 5 2 | link 2 15 9 2 | link 2 8 8 2", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "link", "position": [ 24, 17, 86, 22 ], "completed": false }, { "type": "icon", "position": [ 110, 18, 16, 16 ], "completed": true }, { "type": "link", "position": [ 24, 76, 74, 22 ], "completed": false }, { "type": "icon", "position": [ 98, 77, 16, 16 ], "completed": true }, { "type": "link", "position": [ 24, 135, 82, 22 ], "completed": false }, { "type": "icon", "position": [ 106, 136, 16, 16 ], "completed": true }, { "type": "link", "position": [ 24, 193, 50, 22 ], "completed": false }, { "type": "icon", "position": [ 74, 194, 16, 16 ], "completed": true } ] }, { "text": "# A page navigation of a web. # There should be four categories of links \"Contact\" \"Quick Links\" \"About\" and \"Careers\". In each category, there should be 2-5 links. The user can click them to know more about the company.", "region_id": "2229", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'contact, quick links, about, careers'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 9 7 1 | link 1 14 7 1 | link 1 19 16 1 | complete title 1 4 26 4 ] | [ link 31 19 8 1 | link 31 9 11 1 | link 31 14 10 1 | link 31 24 14 1 | link 31 29 13 1 | complete title 31 4 26 4 ] | [ link 61 9 11 1 | link 61 14 15 1 | link 61 19 18 1 | link 61 24 14 1 | link 61 29 7 1 | complete title 61 4 26 4 ] | [ link 91 9 14 1 | link 91 14 13 1 | link 91 19 5 1 | complete title 91 4 26 4 ] \"", "layout_seq_without_completion": "\" [ link 1 9 7 1 | link 1 14 7 1 | link 1 19 16 1 | title 1 4 26 4 ] | [ link 31 19 8 1 | link 31 9 11 1 | link 31 14 10 1 | link 31 24 14 1 | link 31 29 13 1 | title 31 4 26 4 ] | [ link 61 9 11 1 | link 61 14 15 1 | link 61 19 18 1 | link 61 24 14 1 | link 61 29 7 1 | title 61 4 26 4 ] | [ link 91 9 14 1 | link 91 14 13 1 | link 91 19 5 1 | title 91 4 26 4 ] \"", "plain_layout_seq": "link 1 9 7 1 | link 1 14 7 1 | link 1 19 16 1 | link 31 19 8 1 | link 31 9 11 1 | link 31 14 10 1 | link 31 24 14 1 | link 31 29 13 1 | link 61 9 11 1 | link 61 14 15 1 | link 61 19 18 1 | link 61 24 14 1 | link 61 29 7 1 | link 91 9 14 1 | link 91 14 13 1 | link 91 19 5 1 | title 1 4 26 4 | title 31 4 26 4 | title 61 4 26 4 | title 91 4 26 4", "canvas_width": 960, "canvas_height": 287, "elements": [ { "type": "title", "position": [ 15, 32, 210, 33 ], "completed": true }, { "type": "title", "position": [ 255, 32, 210, 33 ], "completed": true }, { "type": "title", "position": [ 495, 32, 210, 33 ], "completed": true }, { "type": "title", "position": [ 735, 32, 210, 33 ], "completed": true }, { "type": "link", "position": [ 15, 79, 58, 12 ], "completed": false }, { "type": "link", "position": [ 255, 79, 90, 12 ], "completed": false }, { "type": "link", "position": [ 495, 79, 91, 12 ], "completed": false }, { "type": "link", "position": [ 735, 79, 113, 12 ], "completed": false }, { "type": "link", "position": [ 15, 118, 59, 12 ], "completed": false }, { "type": "link", "position": [ 255, 118, 86, 12 ], "completed": false }, { "type": "link", "position": [ 495, 118, 126, 12 ], "completed": false }, { "type": "link", "position": [ 735, 118, 104, 12 ], "completed": false }, { "type": "link", "position": [ 15, 157, 128, 12 ], "completed": false }, { "type": "link", "position": [ 255, 157, 67, 12 ], "completed": false }, { "type": "link", "position": [ 495, 157, 145, 12 ], "completed": false }, { "type": "link", "position": [ 735, 157, 42, 12 ], "completed": false }, { "type": "link", "position": [ 255, 196, 114, 12 ], "completed": false }, { "type": "link", "position": [ 495, 196, 115, 12 ], "completed": false }, { "type": "link", "position": [ 255, 235, 107, 12 ], "completed": false }, { "type": "link", "position": [ 495, 235, 56, 12 ], "completed": false } ] }, { "text": "#A footer page for navigation links of a company.# There should be five links to introduce the products, solutions, support, resources, and more information about the company.", "region_id": "1456", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'5'] [gattr:names'products, solutions, support, resources, more information'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 7 15 2 ] | [ link 0 13 16 2 ] | [ link 0 19 14 2 ] | [ link 0 26 16 2 ] | [ link 0 32 11 2 ] \"", "layout_seq_without_completion": "\" [ link 0 7 15 2 ] | [ link 0 13 16 2 ] | [ link 0 19 14 2 ] | [ link 0 26 16 2 ] | [ link 0 32 11 2 ] \"", "plain_layout_seq": "link 0 7 15 2 | link 0 13 16 2 | link 0 19 14 2 | link 0 26 16 2 | link 0 32 11 2", "canvas_width": 944, "canvas_height": 303, "elements": [ { "type": "link", "position": [ 0, 57, 122, 20 ], "completed": false }, { "type": "link", "position": [ 0, 106, 126, 20 ], "completed": false }, { "type": "link", "position": [ 0, 155, 111, 20 ], "completed": false }, { "type": "link", "position": [ 0, 205, 133, 20 ], "completed": false }, { "type": "link", "position": [ 0, 254, 92, 20 ], "completed": false } ] }, { "text": "# A page for the user to sign up for the newsletter by social media platforms. # The page should have a logo of the company, and the title \"Sign up for newsletter\" with six icons. So the user can share on Twitter, Facebook, Instagram, Linkedin, YouTube, and Snapchat.", "region_id": "6239", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:title [attr:value 'sign up for newsletter'] ] [el:icon [attr:value 'twitter'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'instagram'] ] [el:icon [attr:value 'linkedln'] ] [el:icon [attr:value 'YouTube'] ] [el:icon [attr:value 'snapchat'] ] ]", "execution": "footer : logo undefined undefined | title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] }", "layout_seq_with_completion": "logo 1 0 21 7 | title 63 0 11 1 | \" [ icon 62 4 2 2 ] | [ icon 66 4 2 2 ] | [ icon 69 4 2 2 ] | [ icon 73 4 2 2 ] | [ icon 76 4 2 2 ] | [ icon 80 4 2 2 ] \"", "layout_seq_without_completion": "logo 1 0 21 7 | title 63 0 11 1 | \" [ icon 62 4 2 2 ] | [ icon 66 4 2 2 ] | [ icon 69 4 2 2 ] | [ icon 73 4 2 2 ] | [ icon 76 4 2 2 ] | [ icon 80 4 2 2 ] \"", "plain_layout_seq": "icon 62 4 2 2 | icon 66 4 2 2 | icon 69 4 2 2 | icon 73 4 2 2 | icon 76 4 2 2 | icon 80 4 2 2 | logo 1 0 21 7 | title 63 0 11 1", "canvas_width": 1140, "canvas_height": 74, "elements": [ { "type": "logo", "position": [ 15, 0, 200, 74 ], "completed": false }, { "type": "title", "position": [ 600, 1, 113, 14 ], "completed": false }, { "type": "icon", "position": [ 595, 47, 26, 26 ], "completed": false }, { "type": "icon", "position": [ 628, 47, 26, 26 ], "completed": false }, { "type": "icon", "position": [ 661, 47, 26, 25 ], "completed": false }, { "type": "icon", "position": [ 694, 47, 26, 26 ], "completed": false }, { "type": "icon", "position": [ 727, 47, 26, 26 ], "completed": false }, { "type": "icon", "position": [ 760, 47, 25, 25 ], "completed": false } ] }, { "text": "#A page for users to get more information and encouraging user to subscribe to its email.# The page should contain three titles, including \"Quick links\" followed by 7 links, \"About Us\" with an introduction, and \"Subscribe to our emails\" with a link.", "region_id": "7290", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Quick links'] ] [el:link [attr:repeat '7'] ] ] [item [el:title [attr:value 'About Us'] ] [el:description] ] [item [el:title [attr:value 'Subscribe to our emails'] ] [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 61 11 52 10 | title 61 5 52 2 | \" [ link 5 11 5 3 | link 5 14 4 4 | link 5 18 5 4 | link 5 23 3 4 | link 5 35 10 4 | link 5 27 15 4 | link 5 31 12 4 | title 5 5 52 2 ] | [ complete icon 77 49 1 2 | complete input 38 48 42 5 | link 40 49 5 2 | title 5 43 108 2 ] \"", "layout_seq_without_completion": "description 61 11 52 10 | title 61 5 52 2 | \" [ link 5 11 5 3 | link 5 14 4 4 | link 5 18 5 4 | link 5 23 3 4 | link 5 35 10 4 | link 5 27 15 4 | link 5 31 12 4 | title 5 5 52 2 ] | [ icon 77 49 1 2 | input 38 48 42 5 | link 40 49 5 2 | title 5 43 108 2 ] \"", "plain_layout_seq": "description 61 11 52 10 | icon 77 49 1 2 | input 38 48 42 5 | link 5 11 5 3 | link 5 14 4 4 | link 5 18 5 4 | link 5 23 3 4 | link 5 35 10 4 | link 5 27 15 4 | link 5 31 12 4 | link 40 49 5 2 | title 61 5 52 2 | title 5 5 52 2 | title 5 43 108 2", "canvas_width": 1024, "canvas_height": 506, "elements": [ { "type": "title", "position": [ 50, 50, 447, 23 ], "completed": false }, { "type": "title", "position": [ 527, 50, 447, 23 ], "completed": false }, { "type": "description", "position": [ 527, 94, 447, 86 ], "completed": false }, { "type": "link", "position": [ 50, 97, 46, 30 ], "completed": false }, { "type": "link", "position": [ 50, 127, 40, 35 ], "completed": false }, { "type": "link", "position": [ 50, 162, 51, 35 ], "completed": false }, { "type": "link", "position": [ 50, 197, 34, 35 ], "completed": false }, { "type": "link", "position": [ 50, 233, 128, 35 ], "completed": false }, { "type": "link", "position": [ 50, 268, 106, 35 ], "completed": false }, { "type": "link", "position": [ 50, 303, 90, 35 ], "completed": false }, { "type": "title", "position": [ 50, 368, 924, 23 ], "completed": false }, { "type": "input", "position": [ 332, 411, 360, 45 ], "completed": true }, { "type": "link", "position": [ 347, 421, 43, 24 ], "completed": false }, { "type": "icon", "position": [ 662, 421, 15, 25 ], "completed": true } ] }, { "text": "#A page showing the information about a company.# There must be a title named \"Our Global Infrastructure\", directing the user to get more info on the company. There should be six additional small explanations giving specific info.", "region_id": "1916", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value'our global infrastructure'] ] [gp:NavGroup [gattr:total_link'6'] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 19 6 81 4 | \" [ link 19 13 11 3 ] | [ link 21 17 20 2 ] | [ link 19 22 18 3 ] | [ link 21 26 18 2 ] | [ link 19 31 22 3 ] | [ link 21 35 13 2 ] \"", "layout_seq_without_completion": "title 19 6 81 4 | \" [ link 19 13 11 3 ] | [ link 21 17 20 2 ] | [ link 19 22 18 3 ] | [ link 21 26 18 2 ] | [ link 19 31 22 3 ] | [ link 21 35 13 2 ] \"", "plain_layout_seq": "link 19 13 11 3 | link 21 17 20 2 | link 19 22 18 3 | link 21 26 18 2 | link 19 31 22 3 | link 21 35 13 2 | title 19 6 81 4", "canvas_width": 1024, "canvas_height": 381, "elements": [ { "type": "title", "position": [ 164, 56, 696, 35 ], "completed": false }, { "type": "link", "position": [ 164, 114, 97, 28 ], "completed": false }, { "type": "link", "position": [ 180, 148, 176, 20 ], "completed": false }, { "type": "link", "position": [ 164, 192, 154, 28 ], "completed": false }, { "type": "link", "position": [ 180, 226, 157, 20 ], "completed": false }, { "type": "link", "position": [ 164, 270, 190, 28 ], "completed": false }, { "type": "link", "position": [ 180, 304, 116, 20 ], "completed": false } ] }, { "text": "#A footer page introducing PETPONAS homepage.# There should be several main categories of links like \"about us\" or \"careers\". Under each main category of link, the should be some sub-links directing users to the content page.", "region_id": "1963", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'several'] [gattr:names'about us, careers'] [item [el:text] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 93 74 23 3 | text 93 65 23 3 | \" [ text 3 0 23 3 ] | [ text 33 0 23 3 ] | [ link 3 4 23 3 ] | [ link 33 4 23 3 ] | [ link 3 9 23 3 ] | [ link 33 9 23 3 ] | [ link 3 13 23 3 ] | [ link 33 13 23 3 ] | [ link 3 18 23 3 ] | [ link 33 18 23 6 ] | [ link 3 22 23 3 ] \" | \" [ text 33 30 23 3 ] | [ text 3 31 23 3 ] | [ link 33 34 23 3 ] | [ link 3 36 23 3 ] | [ link 33 39 23 6 ] | [ link 3 40 23 3 ] | [ link 3 45 23 3 ] | [ link 33 46 23 3 ] | [ link 3 49 23 3 ] | [ link 33 51 23 3 ] | [ link 3 54 23 3 ] | [ link 33 55 23 3 ] \" | \" [ text 63 0 23 3 ] | [ text 93 0 23 3 ] | [ link 63 4 23 6 ] | [ link 93 4 23 3 ] | [ link 93 9 23 3 ] | [ link 63 12 23 6 ] | [ link 93 13 23 3 ] | [ link 93 18 23 6 ] | [ link 63 19 23 6 ] | [ link 93 25 23 3 ] | [ link 63 27 23 6 ] | [ link 93 30 23 6 ] | [ link 63 34 23 6 ] | [ link 63 42 23 3 ] \" | \" [ text 93 42 23 3 ] | [ link 93 46 23 3 ] | [ text 63 51 23 3 ] | [ link 93 51 23 3 ] | [ link 63 55 23 6 ] | [ link 93 55 23 3 ] | [ link 63 63 23 3 ] | [ link 63 67 23 3 ] | [ link 63 72 23 3 ] | [ link 63 76 23 3 ] | [ link 63 81 23 3 ] \"", "layout_seq_without_completion": "link 93 74 23 3 | text 93 65 23 3 | \" [ text 3 0 23 3 ] | [ text 33 0 23 3 ] | [ link 3 4 23 3 ] | [ link 33 4 23 3 ] | [ link 3 9 23 3 ] | [ link 33 9 23 3 ] | [ link 3 13 23 3 ] | [ link 33 13 23 3 ] | [ link 3 18 23 3 ] | [ link 33 18 23 6 ] | [ link 3 22 23 3 ] \" | \" [ text 33 30 23 3 ] | [ text 3 31 23 3 ] | [ link 33 34 23 3 ] | [ link 3 36 23 3 ] | [ link 33 39 23 6 ] | [ link 3 40 23 3 ] | [ link 3 45 23 3 ] | [ link 33 46 23 3 ] | [ link 3 49 23 3 ] | [ link 33 51 23 3 ] | [ link 3 54 23 3 ] | [ link 33 55 23 3 ] \" | \" [ text 63 0 23 3 ] | [ text 93 0 23 3 ] | [ link 63 4 23 6 ] | [ link 93 4 23 3 ] | [ link 93 9 23 3 ] | [ link 63 12 23 6 ] | [ link 93 13 23 3 ] | [ link 93 18 23 6 ] | [ link 63 19 23 6 ] | [ link 93 25 23 3 ] | [ link 63 27 23 6 ] | [ link 93 30 23 6 ] | [ link 63 34 23 6 ] | [ link 63 42 23 3 ] \" | \" [ text 93 42 23 3 ] | [ link 93 46 23 3 ] | [ text 63 51 23 3 ] | [ link 93 51 23 3 ] | [ link 63 55 23 6 ] | [ link 93 55 23 3 ] | [ link 63 63 23 3 ] | [ link 63 67 23 3 ] | [ link 63 72 23 3 ] | [ link 63 76 23 3 ] | [ link 63 81 23 3 ] \"", "plain_layout_seq": "link 93 74 23 3 | link 3 4 23 3 | link 33 4 23 3 | link 3 9 23 3 | link 33 9 23 3 | link 3 13 23 3 | link 33 13 23 3 | link 3 18 23 3 | link 33 18 23 6 | link 3 22 23 3 | link 33 34 23 3 | link 3 36 23 3 | link 33 39 23 6 | link 3 40 23 3 | link 3 45 23 3 | link 33 46 23 3 | link 3 49 23 3 | link 33 51 23 3 | link 3 54 23 3 | link 33 55 23 3 | link 63 4 23 6 | link 93 4 23 3 | link 93 9 23 3 | link 63 12 23 6 | link 93 13 23 3 | link 93 18 23 6 | link 63 19 23 6 | link 93 25 23 3 | link 63 27 23 6 | link 93 30 23 6 | link 63 34 23 6 | link 63 42 23 3 | link 93 46 23 3 | link 93 51 23 3 | link 63 55 23 6 | link 93 55 23 3 | link 63 63 23 3 | link 63 67 23 3 | link 63 72 23 3 | link 63 76 23 3 | link 63 81 23 3 | text 93 65 23 3 | text 3 0 23 3 | text 33 0 23 3 | text 33 30 23 3 | text 3 31 23 3 | text 63 0 23 3 | text 93 0 23 3 | text 93 42 23 3 | text 63 51 23 3", "canvas_width": 960, "canvas_height": 674, "elements": [ { "type": "text", "position": [ 25, 0, 190, 24 ], "completed": false }, { "type": "text", "position": [ 265, 0, 190, 24 ], "completed": false }, { "type": "text", "position": [ 505, 0, 190, 24 ], "completed": false }, { "type": "text", "position": [ 745, 0, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 36, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 36, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 36, 190, 48 ], "completed": false }, { "type": "link", "position": [ 745, 36, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 72, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 72, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 72, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 96, 190, 48 ], "completed": false }, { "type": "link", "position": [ 25, 108, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 108, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 108, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 144, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 144, 190, 48 ], "completed": false }, { "type": "link", "position": [ 745, 144, 190, 48 ], "completed": false }, { "type": "link", "position": [ 505, 156, 190, 48 ], "completed": false }, { "type": "link", "position": [ 25, 180, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 204, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 216, 190, 48 ], "completed": false }, { "type": "link", "position": [ 745, 240, 190, 48 ], "completed": false }, { "type": "text", "position": [ 265, 242, 190, 24 ], "completed": false }, { "type": "text", "position": [ 25, 254, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 276, 190, 48 ], "completed": false }, { "type": "link", "position": [ 265, 278, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 290, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 314, 190, 48 ], "completed": false }, { "type": "link", "position": [ 25, 326, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 336, 190, 24 ], "completed": false }, { "type": "text", "position": [ 745, 338, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 362, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 374, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 374, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 398, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 410, 190, 24 ], "completed": false }, { "type": "text", "position": [ 505, 410, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 410, 190, 24 ], "completed": false }, { "type": "link", "position": [ 25, 434, 190, 24 ], "completed": false }, { "type": "link", "position": [ 265, 446, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 446, 190, 48 ], "completed": false }, { "type": "link", "position": [ 745, 446, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 506, 190, 24 ], "completed": false }, { "type": "text", "position": [ 745, 520, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 542, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 578, 190, 24 ], "completed": false }, { "type": "link", "position": [ 745, 594, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 614, 190, 24 ], "completed": false }, { "type": "link", "position": [ 505, 650, 190, 24 ], "completed": false } ] }, { "text": "# A page of a set of links of a company Icertis. # On the page, there should include four groups of links \"Platform & Software\" \"Solution & Applications\" \"Resources\" and \"Company\". The user can click the links to learn more information about the company.", "region_id": "1443", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'platform & software, solution & applications, resources, company'] [item [el:link [attr:repeat'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 4 20 10 2 | link 4 23 11 2 | link 4 26 6 2 | link 4 4 19 5 | link 4 10 17 5 | link 4 17 9 2 | complete title 4 0 20 3 ] | [ link 34 4 13 2 | link 34 14 23 2 | link 34 7 19 2 | link 34 10 26 2 | complete title 34 0 24 3 ] | [ link 64 7 3 2 | link 64 23 17 2 | link 64 26 7 2 | link 64 29 8 2 | link 64 4 13 2 | link 64 10 11 2 | link 64 14 17 2 | link 64 17 6 2 | link 64 20 16 2 | link 64 32 11 2 | link 64 35 14 5 | link 64 41 26 5 | complete title 64 0 10 3 ] | [ link 93 7 6 2 | link 93 10 6 2 | link 93 23 5 2 | link 93 32 14 2 | link 93 4 11 2 | link 93 14 6 2 | link 93 17 14 2 | link 93 20 13 2 | link 93 26 9 2 | link 93 29 9 2 | link 93 35 9 2 | complete title 93 0 9 3 ] \"", "layout_seq_without_completion": "\" [ link 4 20 10 2 | link 4 23 11 2 | link 4 26 6 2 | link 4 4 19 5 | link 4 10 17 5 | link 4 17 9 2 | title 4 0 20 3 ] | [ link 34 4 13 2 | link 34 14 23 2 | link 34 7 19 2 | link 34 10 26 2 | title 34 0 24 3 ] | [ link 64 7 3 2 | link 64 23 17 2 | link 64 26 7 2 | link 64 29 8 2 | link 64 4 13 2 | link 64 10 11 2 | link 64 14 17 2 | link 64 17 6 2 | link 64 20 16 2 | link 64 32 11 2 | link 64 35 14 5 | link 64 41 26 5 | title 64 0 10 3 ] | [ link 93 7 6 2 | link 93 10 6 2 | link 93 23 5 2 | link 93 32 14 2 | link 93 4 11 2 | link 93 14 6 2 | link 93 17 14 2 | link 93 20 13 2 | link 93 26 9 2 | link 93 29 9 2 | link 93 35 9 2 | title 93 0 9 3 ] \"", "plain_layout_seq": "link 4 20 10 2 | link 4 23 11 2 | link 4 26 6 2 | link 4 4 19 5 | link 4 10 17 5 | link 4 17 9 2 | link 34 4 13 2 | link 34 14 23 2 | link 34 7 19 2 | link 34 10 26 2 | link 64 7 3 2 | link 64 23 17 2 | link 64 26 7 2 | link 64 29 8 2 | link 64 4 13 2 | link 64 10 11 2 | link 64 14 17 2 | link 64 17 6 2 | link 64 20 16 2 | link 64 32 11 2 | link 64 35 14 5 | link 64 41 26 5 | link 93 7 6 2 | link 93 10 6 2 | link 93 23 5 2 | link 93 32 14 2 | link 93 4 11 2 | link 93 14 6 2 | link 93 17 14 2 | link 93 20 13 2 | link 93 26 9 2 | link 93 29 9 2 | link 93 35 9 2 | title 4 0 20 3 | title 34 0 24 3 | title 64 0 10 3 | title 93 0 9 3", "canvas_width": 973, "canvas_height": 384, "elements": [ { "type": "title", "position": [ 40, 0, 166, 28 ], "completed": true }, { "type": "title", "position": [ 276, 0, 199, 28 ], "completed": true }, { "type": "title", "position": [ 524, 0, 84, 28 ], "completed": true }, { "type": "title", "position": [ 760, 0, 76, 28 ], "completed": true }, { "type": "link", "position": [ 40, 40, 158, 43 ], "completed": false }, { "type": "link", "position": [ 276, 40, 106, 18 ], "completed": false }, { "type": "link", "position": [ 524, 40, 112, 18 ], "completed": false }, { "type": "link", "position": [ 760, 40, 91, 18 ], "completed": false }, { "type": "link", "position": [ 276, 64, 155, 18 ], "completed": false }, { "type": "link", "position": [ 524, 64, 30, 18 ], "completed": false }, { "type": "link", "position": [ 760, 64, 52, 18 ], "completed": false }, { "type": "link", "position": [ 40, 89, 144, 43 ], "completed": false }, { "type": "link", "position": [ 276, 89, 214, 18 ], "completed": false }, { "type": "link", "position": [ 524, 89, 92, 18 ], "completed": false }, { "type": "link", "position": [ 760, 89, 54, 18 ], "completed": false }, { "type": "link", "position": [ 276, 114, 187, 18 ], "completed": false }, { "type": "link", "position": [ 524, 114, 144, 18 ], "completed": false }, { "type": "link", "position": [ 760, 114, 56, 18 ], "completed": false }, { "type": "link", "position": [ 40, 139, 77, 18 ], "completed": false }, { "type": "link", "position": [ 524, 139, 51, 18 ], "completed": false }, { "type": "link", "position": [ 760, 139, 120, 18 ], "completed": false }, { "type": "link", "position": [ 40, 164, 86, 18 ], "completed": false }, { "type": "link", "position": [ 524, 164, 132, 18 ], "completed": false }, { "type": "link", "position": [ 760, 164, 111, 18 ], "completed": false }, { "type": "link", "position": [ 40, 188, 90, 18 ], "completed": false }, { "type": "link", "position": [ 524, 188, 138, 18 ], "completed": false }, { "type": "link", "position": [ 760, 188, 47, 18 ], "completed": false }, { "type": "link", "position": [ 40, 213, 56, 18 ], "completed": false }, { "type": "link", "position": [ 524, 213, 64, 18 ], "completed": false }, { "type": "link", "position": [ 760, 213, 79, 18 ], "completed": false }, { "type": "link", "position": [ 524, 238, 69, 18 ], "completed": false }, { "type": "link", "position": [ 760, 238, 75, 18 ], "completed": false }, { "type": "link", "position": [ 524, 263, 97, 18 ], "completed": false }, { "type": "link", "position": [ 760, 263, 120, 18 ], "completed": false }, { "type": "link", "position": [ 524, 288, 120, 43 ], "completed": false }, { "type": "link", "position": [ 760, 288, 78, 18 ], "completed": false }, { "type": "link", "position": [ 524, 337, 217, 43 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 5 groups of links for users to click to know the different content of the web fastly, namely, the Infos about the company, communities, products, and so on.", "region_id": "2210", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:names'company, communities, products'] [item [el:button] ] ] ]", "execution": "footer : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ button 4 8 19 2 | button 4 15 19 2 | button 4 23 19 2 | button 4 26 19 2 | button 4 34 19 2 | button 4 45 19 2 | button 4 48 19 2 | button 4 52 19 2 | button 4 60 19 2 | button 4 12 19 2 | button 4 19 19 2 | button 4 30 19 2 | button 4 37 19 2 | button 4 41 19 2 | button 4 56 19 2 | complete title 4 0 19 4 ] | [ button 27 12 19 4 | button 27 29 19 2 | button 27 40 19 2 | button 27 43 19 2 | button 27 51 19 2 | button 27 8 19 2 | button 27 18 19 2 | button 27 21 19 2 | button 27 25 19 2 | button 27 32 19 2 | button 27 36 19 2 | button 27 47 19 2 | complete title 27 0 19 4 ] | [ button 50 15 19 2 | button 50 19 19 2 | button 50 23 19 2 | button 50 30 19 2 | button 50 34 19 2 | button 50 8 19 2 | button 50 12 19 2 | button 50 26 19 2 | button 50 37 19 2 | button 50 41 19 2 | complete title 50 0 19 4 ] | [ button 73 8 19 2 | button 73 19 19 2 | button 73 12 19 2 | button 73 15 19 2 | button 73 23 19 4 | button 73 29 19 2 | complete title 73 0 19 4 ] | [ button 95 12 19 2 | button 95 23 19 2 | button 95 26 19 2 | button 95 37 19 2 | button 95 8 19 2 | button 95 15 19 2 | button 95 19 19 2 | button 95 30 19 2 | button 95 34 19 2 | complete title 95 0 19 4 ] \"", "layout_seq_without_completion": "\" [ button 4 8 19 2 | button 4 15 19 2 | button 4 23 19 2 | button 4 26 19 2 | button 4 34 19 2 | button 4 45 19 2 | button 4 48 19 2 | button 4 52 19 2 | button 4 60 19 2 | button 4 12 19 2 | button 4 19 19 2 | button 4 30 19 2 | button 4 37 19 2 | button 4 41 19 2 | button 4 56 19 2 | title 4 0 19 4 ] | [ button 27 12 19 4 | button 27 29 19 2 | button 27 40 19 2 | button 27 43 19 2 | button 27 51 19 2 | button 27 8 19 2 | button 27 18 19 2 | button 27 21 19 2 | button 27 25 19 2 | button 27 32 19 2 | button 27 36 19 2 | button 27 47 19 2 | title 27 0 19 4 ] | [ button 50 15 19 2 | button 50 19 19 2 | button 50 23 19 2 | button 50 30 19 2 | button 50 34 19 2 | button 50 8 19 2 | button 50 12 19 2 | button 50 26 19 2 | button 50 37 19 2 | button 50 41 19 2 | title 50 0 19 4 ] | [ button 73 8 19 2 | button 73 19 19 2 | button 73 12 19 2 | button 73 15 19 2 | button 73 23 19 4 | button 73 29 19 2 | title 73 0 19 4 ] | [ button 95 12 19 2 | button 95 23 19 2 | button 95 26 19 2 | button 95 37 19 2 | button 95 8 19 2 | button 95 15 19 2 | button 95 19 19 2 | button 95 30 19 2 | button 95 34 19 2 | title 95 0 19 4 ] \"", "plain_layout_seq": "button 4 8 19 2 | button 4 15 19 2 | button 4 23 19 2 | button 4 26 19 2 | button 4 34 19 2 | button 4 45 19 2 | button 4 48 19 2 | button 4 52 19 2 | button 4 60 19 2 | button 4 12 19 2 | button 4 19 19 2 | button 4 30 19 2 | button 4 37 19 2 | button 4 41 19 2 | button 4 56 19 2 | button 27 12 19 4 | button 27 29 19 2 | button 27 40 19 2 | button 27 43 19 2 | button 27 51 19 2 | button 27 8 19 2 | button 27 18 19 2 | button 27 21 19 2 | button 27 25 19 2 | button 27 32 19 2 | button 27 36 19 2 | button 27 47 19 2 | button 50 15 19 2 | button 50 19 19 2 | button 50 23 19 2 | button 50 30 19 2 | button 50 34 19 2 | button 50 8 19 2 | button 50 12 19 2 | button 50 26 19 2 | button 50 37 19 2 | button 50 41 19 2 | button 73 8 19 2 | button 73 19 19 2 | button 73 12 19 2 | button 73 15 19 2 | button 73 23 19 4 | button 73 29 19 2 | button 95 12 19 2 | button 95 23 19 2 | button 95 26 19 2 | button 95 37 19 2 | button 95 8 19 2 | button 95 15 19 2 | button 95 19 19 2 | button 95 30 19 2 | button 95 34 19 2 | title 4 0 19 4 | title 27 0 19 4 | title 50 0 19 4 | title 73 0 19 4 | title 95 0 19 4", "canvas_width": 1024, "canvas_height": 543, "elements": [ { "type": "title", "position": [ 40, 0, 166, 40 ], "completed": true }, { "type": "title", "position": [ 234, 0, 166, 40 ], "completed": true }, { "type": "title", "position": [ 429, 0, 166, 40 ], "completed": true }, { "type": "title", "position": [ 623, 0, 166, 40 ], "completed": true }, { "type": "title", "position": [ 818, 0, 166, 40 ], "completed": true }, { "type": "button", "position": [ 40, 72, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 72, 166, 20 ], "completed": false }, { "type": "button", "position": [ 429, 72, 166, 20 ], "completed": false }, { "type": "button", "position": [ 623, 72, 166, 20 ], "completed": false }, { "type": "button", "position": [ 818, 72, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 103, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 103, 166, 39 ], "completed": false }, { "type": "button", "position": [ 429, 103, 166, 19 ], "completed": false }, { "type": "button", "position": [ 623, 103, 166, 19 ], "completed": false }, { "type": "button", "position": [ 818, 103, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 135, 166, 20 ], "completed": false }, { "type": "button", "position": [ 429, 135, 166, 20 ], "completed": false }, { "type": "button", "position": [ 623, 135, 166, 20 ], "completed": false }, { "type": "button", "position": [ 818, 135, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 154, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 166, 166, 19 ], "completed": false }, { "type": "button", "position": [ 429, 166, 166, 19 ], "completed": false }, { "type": "button", "position": [ 623, 166, 166, 19 ], "completed": false }, { "type": "button", "position": [ 818, 166, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 186, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 198, 166, 20 ], "completed": false }, { "type": "button", "position": [ 429, 198, 166, 20 ], "completed": false }, { "type": "button", "position": [ 623, 198, 166, 39 ], "completed": false }, { "type": "button", "position": [ 818, 198, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 217, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 229, 166, 19 ], "completed": false }, { "type": "button", "position": [ 429, 229, 166, 19 ], "completed": false }, { "type": "button", "position": [ 818, 229, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 249, 166, 20 ], "completed": false }, { "type": "button", "position": [ 623, 249, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 261, 166, 20 ], "completed": false }, { "type": "button", "position": [ 429, 261, 166, 20 ], "completed": false }, { "type": "button", "position": [ 818, 261, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 280, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 292, 166, 19 ], "completed": false }, { "type": "button", "position": [ 429, 292, 166, 19 ], "completed": false }, { "type": "button", "position": [ 818, 292, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 312, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 324, 166, 20 ], "completed": false }, { "type": "button", "position": [ 429, 324, 166, 20 ], "completed": false }, { "type": "button", "position": [ 818, 324, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 343, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 355, 166, 19 ], "completed": false }, { "type": "button", "position": [ 429, 355, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 375, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 387, 166, 20 ], "completed": false }, { "type": "button", "position": [ 234, 406, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 418, 166, 19 ], "completed": false }, { "type": "button", "position": [ 234, 438, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 450, 166, 20 ], "completed": false }, { "type": "button", "position": [ 40, 481, 166, 19 ], "completed": false }, { "type": "button", "position": [ 40, 513, 166, 20 ], "completed": false } ] }, { "text": "#The footer for an online shop page.# There is a title named follow us. There are three logos for the links of social media. There are six links for the online shop\" research\", \"about us\", \"delivery information\", \"FAQS\", \"How to buy\", and \"terms &conditions\". There is a label for the website. in the end, there are five logos for the online payment method.", "region_id": "7906", "region_type": "Footer", "ir": "[region:Footer [el:title[attr:value'follow us']] [el:logo [attr:repeat '3'] ] [gp:NavGroup [gattr:total_link '6'] [gattr:names 'research, about us, delivery information, FAQS, How to buy, terms &conditions'] [item [el:link] ] ] [el:text] [el:logo [attr:repeat '5'] ] ]", "execution": "footer : logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "text 2 30 115 2 | title 30 3 57 2 | \" [ logo 52 7 4 5 ] | [ logo 58 8 3 4 ] | [ logo 64 8 3 4 ] \" | \" [ link 24 23 5 1 ] | [ link 33 23 6 1 ] | [ link 43 23 14 1 ] | [ link 61 23 4 1 ] | [ link 68 23 8 1 ] | [ link 80 23 14 1 ] \" | \" [ logo 37 36 7 4 ] | [ logo 46 36 7 4 ] | [ logo 56 36 7 4 ] | [ logo 65 36 7 4 ] | [ logo 74 36 7 4 ] \"", "layout_seq_without_completion": "text 2 30 115 2 | title 30 3 57 2 | \" [ logo 52 7 4 5 ] | [ logo 58 8 3 4 ] | [ logo 64 8 3 4 ] \" | \" [ link 24 23 5 1 ] | [ link 33 23 6 1 ] | [ link 43 23 14 1 ] | [ link 61 23 4 1 ] | [ link 68 23 8 1 ] | [ link 80 23 14 1 ] \" | \" [ logo 37 36 7 4 ] | [ logo 46 36 7 4 ] | [ logo 56 36 7 4 ] | [ logo 65 36 7 4 ] | [ logo 74 36 7 4 ] \"", "plain_layout_seq": "link 24 23 5 1 | link 33 23 6 1 | link 43 23 14 1 | link 61 23 4 1 | link 68 23 8 1 | link 80 23 14 1 | logo 52 7 4 5 | logo 58 8 3 4 | logo 64 8 3 4 | logo 37 36 7 4 | logo 46 36 7 4 | logo 56 36 7 4 | logo 65 36 7 4 | logo 74 36 7 4 | text 2 30 115 2 | title 30 3 57 2", "canvas_width": 860, "canvas_height": 301, "elements": [ { "type": "title", "position": [ 222, 26, 415, 20 ], "completed": false }, { "type": "logo", "position": [ 375, 57, 29, 37 ], "completed": false }, { "type": "logo", "position": [ 417, 60, 26, 33 ], "completed": false }, { "type": "logo", "position": [ 459, 63, 26, 31 ], "completed": false }, { "type": "link", "position": [ 177, 169, 38, 14 ], "completed": false }, { "type": "link", "position": [ 238, 169, 47, 14 ], "completed": false }, { "type": "link", "position": [ 309, 169, 107, 14 ], "completed": false }, { "type": "link", "position": [ 439, 169, 30, 14 ], "completed": false }, { "type": "link", "position": [ 492, 169, 64, 14 ], "completed": false }, { "type": "link", "position": [ 579, 169, 104, 14 ], "completed": false }, { "type": "text", "position": [ 15, 215, 830, 17 ], "completed": false }, { "type": "logo", "position": [ 270, 262, 55, 34 ], "completed": false }, { "type": "logo", "position": [ 336, 262, 55, 34 ], "completed": false }, { "type": "logo", "position": [ 402, 262, 55, 34 ], "completed": false }, { "type": "logo", "position": [ 469, 262, 55, 34 ], "completed": false }, { "type": "logo", "position": [ 535, 262, 55, 34 ], "completed": false } ] }, { "text": "# A footer page for a company. # The page should have five links: \"Popular\" \"Looking for\" \"Online services\" \"Related sites\" and \"Contact us\" with a small icon to enter the content of the links. So the user can click them to know more info.", "region_id": "3107", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '5'] [gattr:names 'Popular, Looking for, Online services, Related sites, Contact us'] [item [el:link] [el:icon [attr:size 'small'] ] ] ] ]", "execution": "footer : { [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] | [ icon undefined small | link undefined undefined ] }", "layout_seq_with_completion": "icon 113 0 3 3 | icon 113 17 3 3 | icon 113 23 3 3 | icon 113 5 3 3 | icon 113 11 3 3 | link 2 1 117 2 | link 2 6 117 2 | link 2 18 117 2 | link 2 12 117 2 | link 2 24 117 2", "layout_seq_without_completion": "icon 113 0 3 3 | icon 113 17 3 3 | icon 113 23 3 3 | icon 113 5 3 3 | icon 113 11 3 3 | link 2 1 117 2 | link 2 6 117 2 | link 2 18 117 2 | link 2 12 117 2 | link 2 24 117 2", "plain_layout_seq": "icon 113 0 3 3 | icon 113 17 3 3 | icon 113 23 3 3 | icon 113 5 3 3 | icon 113 11 3 3 | link 2 1 117 2 | link 2 6 117 2 | link 2 18 117 2 | link 2 12 117 2 | link 2 24 117 2", "canvas_width": 1024, "canvas_height": 245, "elements": [ { "type": "icon", "position": [ 967, 2, 32, 32 ], "completed": false }, { "type": "link", "position": [ 19, 10, 1000, 22 ], "completed": false }, { "type": "icon", "position": [ 967, 51, 32, 32 ], "completed": false }, { "type": "link", "position": [ 19, 59, 1000, 22 ], "completed": false }, { "type": "icon", "position": [ 967, 100, 32, 32 ], "completed": false }, { "type": "link", "position": [ 19, 108, 1000, 22 ], "completed": false }, { "type": "icon", "position": [ 967, 149, 32, 32 ], "completed": false }, { "type": "link", "position": [ 19, 156, 1000, 22 ], "completed": false }, { "type": "icon", "position": [ 967, 198, 32, 32 ], "completed": false }, { "type": "link", "position": [ 19, 205, 1000, 22 ], "completed": false } ] }, { "text": "# #A footer page for navigation links of the company RESULTS.# There should be five lists of navigation links \"RESULTS\" \"PRODUCT\" \"RESOURCES\" \"ABOUT\" and \"MEMBERS\". So the user can click the links to know more info about the company.", "region_id": "73", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:names'results, product, resources, about, members'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 60 11 10 2 | link 60 15 11 2 | complete title 60 22 28 1 | complete title 60 7 28 1 | \" [ link 60 25 10 2 ] | [ link 60 29 5 2 ] | [ link 60 33 12 2 ] | [ link 60 37 16 2 ] | [ link 60 41 4 2 ] \" | \" [ link 31 11 13 2 | link 31 22 15 2 | link 31 26 17 2 | link 31 30 15 2 | link 31 15 17 2 | link 31 18 9 2 | complete title 31 7 28 1 ] | [ link 89 11 15 2 | link 89 15 3 2 | link 89 18 8 2 | link 89 26 6 2 | link 89 37 11 2 | link 89 22 4 2 | complete title 89 33 28 1 | complete title 89 7 28 1 ] \"", "layout_seq_without_completion": "link 60 11 10 2 | link 60 15 11 2 | title 60 22 28 1 | title 60 7 28 1 | \" [ link 60 25 10 2 ] | [ link 60 29 5 2 ] | [ link 60 33 12 2 ] | [ link 60 37 16 2 ] | [ link 60 41 4 2 ] \" | \" [ link 31 11 13 2 | link 31 22 15 2 | link 31 26 17 2 | link 31 30 15 2 | link 31 15 17 2 | link 31 18 9 2 | title 31 7 28 1 ] | [ link 89 11 15 2 | link 89 15 3 2 | link 89 18 8 2 | link 89 26 6 2 | link 89 37 11 2 | link 89 22 4 2 | title 89 33 28 1 | title 89 7 28 1 ] \"", "plain_layout_seq": "link 60 11 10 2 | link 60 15 11 2 | link 60 25 10 2 | link 60 29 5 2 | link 60 33 12 2 | link 60 37 16 2 | link 60 41 4 2 | link 31 11 13 2 | link 31 22 15 2 | link 31 26 17 2 | link 31 30 15 2 | link 31 15 17 2 | link 31 18 9 2 | link 89 11 15 2 | link 89 15 3 2 | link 89 18 8 2 | link 89 26 6 2 | link 89 37 11 2 | link 89 22 4 2 | title 60 22 28 1 | title 60 7 28 1 | title 31 7 28 1 | title 89 33 28 1 | title 89 7 28 1", "canvas_width": 1024, "canvas_height": 478, "elements": [ { "type": "title", "position": [ 269, 65, 239, 13 ], "completed": true }, { "type": "title", "position": [ 516, 65, 239, 13 ], "completed": true }, { "type": "title", "position": [ 762, 65, 239, 13 ], "completed": true }, { "type": "link", "position": [ 269, 95, 117, 19 ], "completed": false }, { "type": "link", "position": [ 516, 95, 89, 19 ], "completed": false }, { "type": "link", "position": [ 762, 95, 131, 19 ], "completed": false }, { "type": "link", "position": [ 269, 128, 148, 19 ], "completed": false }, { "type": "link", "position": [ 516, 128, 95, 19 ], "completed": false }, { "type": "link", "position": [ 762, 128, 33, 19 ], "completed": false }, { "type": "link", "position": [ 269, 162, 85, 19 ], "completed": false }, { "type": "link", "position": [ 762, 162, 75, 19 ], "completed": false }, { "type": "title", "position": [ 516, 189, 239, 12 ], "completed": true }, { "type": "link", "position": [ 269, 195, 136, 19 ], "completed": false }, { "type": "link", "position": [ 762, 195, 36, 19 ], "completed": false }, { "type": "link", "position": [ 516, 219, 90, 19 ], "completed": false }, { "type": "link", "position": [ 269, 228, 150, 19 ], "completed": false }, { "type": "link", "position": [ 762, 228, 56, 19 ], "completed": false }, { "type": "link", "position": [ 516, 252, 47, 19 ], "completed": false }, { "type": "link", "position": [ 269, 262, 132, 19 ], "completed": false }, { "type": "link", "position": [ 516, 286, 108, 19 ], "completed": false }, { "type": "title", "position": [ 762, 289, 239, 13 ], "completed": true }, { "type": "link", "position": [ 516, 319, 144, 19 ], "completed": false }, { "type": "link", "position": [ 762, 319, 96, 19 ], "completed": false }, { "type": "link", "position": [ 516, 352, 39, 19 ], "completed": false } ] }, { "text": "#A page for showing some info.# There are four info groups \"SPORTSBETTING.AG\", \"SUPPORT\", \"CONNECT WITH US\", and \"SPORTS\". Each group includes many links for users to learn more info.", "region_id": "5649", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'sportsbetting.ag, support, connect with us, sports'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "title 101 3 18 2 | \" [ link 101 7 12 1 ] | [ link 101 10 14 1 ] | [ link 101 13 12 1 ] | [ link 101 16 14 1 ] | [ link 101 19 12 1 ] | [ link 101 22 12 1 ] | [ link 101 25 17 1 ] \" | \" [ link 101 28 4 1 ] | [ link 101 31 3 1 ] | [ link 101 34 4 1 ] | [ link 101 38 2 1 ] | [ link 101 41 4 1 ] | [ link 101 44 6 1 ] \" | \" [ link 0 10 7 1 | link 0 13 6 1 | link 0 16 4 1 | link 0 19 3 1 | link 0 22 4 1 | link 0 7 7 1 | link 0 25 7 1 | link 0 28 5 1 | title 0 3 28 2 ] | [ link 38 7 3 1 | link 38 10 3 1 | link 38 19 14 1 | link 38 25 9 1 | link 38 13 6 1 | link 38 16 7 1 | link 38 22 14 1 | title 38 3 17 2 ] | [ link 66 7 13 1 | link 66 10 12 1 | link 66 13 13 1 | title 66 3 25 2 ] \"", "layout_seq_without_completion": "title 101 3 18 2 | \" [ link 101 7 12 1 ] | [ link 101 10 14 1 ] | [ link 101 13 12 1 ] | [ link 101 16 14 1 ] | [ link 101 19 12 1 ] | [ link 101 22 12 1 ] | [ link 101 25 17 1 ] \" | \" [ link 101 28 4 1 ] | [ link 101 31 3 1 ] | [ link 101 34 4 1 ] | [ link 101 38 2 1 ] | [ link 101 41 4 1 ] | [ link 101 44 6 1 ] \" | \" [ link 0 10 7 1 | link 0 13 6 1 | link 0 16 4 1 | link 0 19 3 1 | link 0 22 4 1 | link 0 7 7 1 | link 0 25 7 1 | link 0 28 5 1 | title 0 3 28 2 ] | [ link 38 7 3 1 | link 38 10 3 1 | link 38 19 14 1 | link 38 25 9 1 | link 38 13 6 1 | link 38 16 7 1 | link 38 22 14 1 | title 38 3 17 2 ] | [ link 66 7 13 1 | link 66 10 12 1 | link 66 13 13 1 | title 66 3 25 2 ] \"", "plain_layout_seq": "link 101 7 12 1 | link 101 10 14 1 | link 101 13 12 1 | link 101 16 14 1 | link 101 19 12 1 | link 101 22 12 1 | link 101 25 17 1 | link 101 28 4 1 | link 101 31 3 1 | link 101 34 4 1 | link 101 38 2 1 | link 101 41 4 1 | link 101 44 6 1 | link 0 10 7 1 | link 0 13 6 1 | link 0 16 4 1 | link 0 19 3 1 | link 0 22 4 1 | link 0 7 7 1 | link 0 25 7 1 | link 0 28 5 1 | link 38 7 3 1 | link 38 10 3 1 | link 38 19 14 1 | link 38 25 9 1 | link 38 13 6 1 | link 38 16 7 1 | link 38 22 14 1 | link 66 7 13 1 | link 66 10 12 1 | link 66 13 13 1 | title 101 3 18 2 | title 0 3 28 2 | title 38 3 17 2 | title 66 3 25 2", "canvas_width": 950, "canvas_height": 390, "elements": [ { "type": "title", "position": [ 0, 25, 225, 16 ], "completed": false }, { "type": "title", "position": [ 304, 25, 140, 16 ], "completed": false }, { "type": "title", "position": [ 523, 25, 200, 16 ], "completed": false }, { "type": "title", "position": [ 802, 25, 148, 16 ], "completed": false }, { "type": "link", "position": [ 0, 61, 61, 14 ], "completed": false }, { "type": "link", "position": [ 304, 61, 31, 14 ], "completed": false }, { "type": "link", "position": [ 523, 61, 106, 14 ], "completed": false }, { "type": "link", "position": [ 802, 61, 95, 14 ], "completed": false }, { "type": "link", "position": [ 0, 85, 63, 14 ], "completed": false }, { "type": "link", "position": [ 304, 85, 25, 14 ], "completed": false }, { "type": "link", "position": [ 523, 85, 101, 14 ], "completed": false }, { "type": "link", "position": [ 802, 85, 113, 14 ], "completed": false }, { "type": "link", "position": [ 0, 109, 54, 14 ], "completed": false }, { "type": "link", "position": [ 304, 109, 50, 14 ], "completed": false }, { "type": "link", "position": [ 523, 109, 104, 14 ], "completed": false }, { "type": "link", "position": [ 802, 109, 97, 14 ], "completed": false }, { "type": "link", "position": [ 0, 133, 37, 14 ], "completed": false }, { "type": "link", "position": [ 304, 133, 59, 14 ], "completed": false }, { "type": "link", "position": [ 802, 133, 114, 14 ], "completed": false }, { "type": "link", "position": [ 0, 157, 31, 14 ], "completed": false }, { "type": "link", "position": [ 304, 157, 116, 14 ], "completed": false }, { "type": "link", "position": [ 802, 157, 97, 14 ], "completed": false }, { "type": "link", "position": [ 0, 181, 35, 14 ], "completed": false }, { "type": "link", "position": [ 304, 181, 111, 14 ], "completed": false }, { "type": "link", "position": [ 802, 181, 96, 14 ], "completed": false }, { "type": "link", "position": [ 0, 205, 61, 14 ], "completed": false }, { "type": "link", "position": [ 304, 205, 75, 14 ], "completed": false }, { "type": "link", "position": [ 802, 205, 135, 14 ], "completed": false }, { "type": "link", "position": [ 0, 229, 45, 14 ], "completed": false }, { "type": "link", "position": [ 802, 229, 37, 14 ], "completed": false }, { "type": "link", "position": [ 802, 253, 25, 14 ], "completed": false }, { "type": "link", "position": [ 802, 277, 37, 14 ], "completed": false }, { "type": "link", "position": [ 802, 301, 22, 14 ], "completed": false }, { "type": "link", "position": [ 802, 325, 35, 14 ], "completed": false }, { "type": "link", "position": [ 802, 349, 54, 14 ], "completed": false } ] }, { "text": "#A footer page of a web for users to get more information.# The page contains 2 information sets. Each group includes a title and eight links. The two titles are: \"Info\" and \"Quick links\". There is also another title \"Subscribe to our emails\" and a input box for enter email address with a link.", "region_id": "6593", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [gattr:names 'info, quick links'] [item [el:title] [el:link [attr:repeat '8'] ] ] ] [el:title [attr:value 'Subscribe to our emails'] ] [el:input [attr:value 'email']] [el:link] ]", "execution": "footer : input undefined undefined | link undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 5 8 5 4 | link 5 13 11 4 | link 5 17 12 4 | link 5 25 8 4 | link 5 29 12 4 | link 5 33 10 4 | link 5 5 6 3 | link 5 21 10 4 | title 5 0 53 2 ] | [ link 60 5 6 3 | link 60 13 11 4 | link 60 21 10 4 | link 60 29 12 4 | link 60 33 10 4 | link 60 8 5 4 | link 60 17 12 4 | link 60 25 8 4 | title 60 0 53 2 ] | [ complete icon 44 46 1 2 | input 5 45 41 5 | link 8 46 4 2 | title 5 40 108 2 ] \"", "layout_seq_without_completion": "\" [ link 5 8 5 4 | link 5 13 11 4 | link 5 17 12 4 | link 5 25 8 4 | link 5 29 12 4 | link 5 33 10 4 | link 5 5 6 3 | link 5 21 10 4 | title 5 0 53 2 ] | [ link 60 5 6 3 | link 60 13 11 4 | link 60 21 10 4 | link 60 29 12 4 | link 60 33 10 4 | link 60 8 5 4 | link 60 17 12 4 | link 60 25 8 4 | title 60 0 53 2 ] | [ icon 44 46 1 2 | input 5 45 41 5 | link 8 46 4 2 | title 5 40 108 2 ] \"", "plain_layout_seq": "icon 44 46 1 2 | input 5 45 41 5 | link 5 8 5 4 | link 5 13 11 4 | link 5 17 12 4 | link 5 25 8 4 | link 5 29 12 4 | link 5 33 10 4 | link 5 5 6 3 | link 5 21 10 4 | link 60 5 6 3 | link 60 13 11 4 | link 60 21 10 4 | link 60 29 12 4 | link 60 33 10 4 | link 60 8 5 4 | link 60 17 12 4 | link 60 25 8 4 | link 8 46 4 2 | title 5 0 53 2 | title 60 0 53 2 | title 5 40 108 2", "canvas_width": 1024, "canvas_height": 482, "elements": [ { "type": "title", "position": [ 50, 0, 458, 23 ], "completed": false }, { "type": "title", "position": [ 516, 0, 458, 23 ], "completed": false }, { "type": "link", "position": [ 50, 46, 59, 30 ], "completed": false }, { "type": "link", "position": [ 516, 46, 59, 30 ], "completed": false }, { "type": "link", "position": [ 50, 76, 44, 35 ], "completed": false }, { "type": "link", "position": [ 516, 76, 44, 35 ], "completed": false }, { "type": "link", "position": [ 50, 111, 99, 35 ], "completed": false }, { "type": "link", "position": [ 516, 111, 99, 35 ], "completed": false }, { "type": "link", "position": [ 50, 146, 105, 35 ], "completed": false }, { "type": "link", "position": [ 516, 146, 105, 35 ], "completed": false }, { "type": "link", "position": [ 50, 181, 89, 35 ], "completed": false }, { "type": "link", "position": [ 516, 181, 89, 35 ], "completed": false }, { "type": "link", "position": [ 50, 217, 74, 35 ], "completed": false }, { "type": "link", "position": [ 516, 217, 74, 35 ], "completed": false }, { "type": "link", "position": [ 50, 252, 105, 35 ], "completed": false }, { "type": "link", "position": [ 516, 252, 105, 35 ], "completed": false }, { "type": "link", "position": [ 50, 287, 89, 35 ], "completed": false }, { "type": "link", "position": [ 516, 287, 89, 35 ], "completed": false }, { "type": "title", "position": [ 50, 342, 924, 23 ], "completed": false }, { "type": "input", "position": [ 51, 387, 358, 45 ], "completed": false }, { "type": "link", "position": [ 71, 397, 42, 24 ], "completed": false }, { "type": "icon", "position": [ 380, 397, 15, 25 ], "completed": true } ] }, { "text": "# A footer page for the company Clockify. # On the page, there should have a logo of the company followed by a short introduction to the company, a button for booking a demo, and two links for the user to click to sign up free or log in. Then there should have four groups of navigation links \"PRODUCT\" \"SOLUTION\" \"COMPANY\" and \"SUPPORT\". In each group, there should contain 4-5 links, so the user can click them to know more info.", "region_id": "4502", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:description [attr:size 'small'] ] [el:button [attr:value 'book a demo']] [el:link [attr:value 'sign up free'] ] [el:link [attr:value 'log in'] ] [gp:NavGroup [gattr:repeat '4'] [gattr:names 'PRODUCT, SOLUTION, COMPANY, SUPPORT'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : button undefined undefined | description undefined small | link undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 0 12 15 4 | description 0 5 27 5 | link 46 6 8 2 | link 68 6 10 2 | link 110 6 4 2 | link 0 23 5 2 | link 46 21 8 2 | link 68 21 11 2 | link 110 21 7 2 | link 0 18 11 2 | link 68 16 9 2 | link 89 16 10 2 | link 110 11 8 2 | link 110 16 6 2 | link 89 11 10 2 | link 46 11 9 2 | link 46 16 11 2 | link 68 25 6 2 | link 68 11 10 2 | link 89 6 8 2 | link 89 21 4 2 | link 89 25 3 2 | logo 0 0 18 4 | complete title 46 1 9 2 | complete title 89 1 9 2 | complete title 68 1 9 2 | complete title 110 1 8 2", "layout_seq_without_completion": "button 0 12 15 4 | description 0 5 27 5 | link 46 6 8 2 | link 68 6 10 2 | link 110 6 4 2 | link 0 23 5 2 | link 46 21 8 2 | link 68 21 11 2 | link 110 21 7 2 | link 0 18 11 2 | link 68 16 9 2 | link 89 16 10 2 | link 110 11 8 2 | link 110 16 6 2 | link 89 11 10 2 | link 46 11 9 2 | link 46 16 11 2 | link 68 25 6 2 | link 68 11 10 2 | link 89 6 8 2 | link 89 21 4 2 | link 89 25 3 2 | logo 0 0 18 4 | title 46 1 9 2 | title 89 1 9 2 | title 68 1 9 2 | title 110 1 8 2", "plain_layout_seq": "button 0 12 15 4 | description 0 5 27 5 | link 46 6 8 2 | link 68 6 10 2 | link 110 6 4 2 | link 0 23 5 2 | link 46 21 8 2 | link 68 21 11 2 | link 110 21 7 2 | link 0 18 11 2 | link 68 16 9 2 | link 89 16 10 2 | link 110 11 8 2 | link 110 16 6 2 | link 89 11 10 2 | link 46 11 9 2 | link 46 16 11 2 | link 68 25 6 2 | link 68 11 10 2 | link 89 6 8 2 | link 89 21 4 2 | link 89 25 3 2 | logo 0 0 18 4 | title 46 1 9 2 | title 89 1 9 2 | title 68 1 9 2 | title 110 1 8 2", "canvas_width": 858, "canvas_height": 211, "elements": [ { "type": "logo", "position": [ 0, 0, 133, 33 ], "completed": false }, { "type": "title", "position": [ 331, 13, 65, 17 ], "completed": true }, { "type": "title", "position": [ 489, 13, 69, 17 ], "completed": true }, { "type": "title", "position": [ 641, 13, 69, 17 ], "completed": true }, { "type": "title", "position": [ 793, 13, 64, 17 ], "completed": true }, { "type": "description", "position": [ 0, 40, 200, 36 ], "completed": false }, { "type": "link", "position": [ 331, 50, 61, 19 ], "completed": false }, { "type": "link", "position": [ 489, 50, 78, 19 ], "completed": false }, { "type": "link", "position": [ 641, 50, 64, 19 ], "completed": false }, { "type": "link", "position": [ 793, 50, 33, 19 ], "completed": false }, { "type": "link", "position": [ 331, 83, 71, 19 ], "completed": false }, { "type": "link", "position": [ 489, 83, 75, 19 ], "completed": false }, { "type": "link", "position": [ 641, 83, 78, 19 ], "completed": false }, { "type": "link", "position": [ 793, 83, 62, 19 ], "completed": false }, { "type": "button", "position": [ 0, 89, 112, 30 ], "completed": false }, { "type": "link", "position": [ 331, 117, 85, 19 ], "completed": false }, { "type": "link", "position": [ 489, 117, 69, 19 ], "completed": false }, { "type": "link", "position": [ 641, 117, 75, 19 ], "completed": false }, { "type": "link", "position": [ 793, 117, 46, 19 ], "completed": false }, { "type": "link", "position": [ 0, 133, 82, 15 ], "completed": false }, { "type": "link", "position": [ 331, 151, 59, 19 ], "completed": false }, { "type": "link", "position": [ 489, 151, 79, 19 ], "completed": false }, { "type": "link", "position": [ 641, 151, 32, 19 ], "completed": false }, { "type": "link", "position": [ 793, 151, 56, 19 ], "completed": false }, { "type": "link", "position": [ 0, 168, 40, 15 ], "completed": false }, { "type": "link", "position": [ 489, 184, 43, 19 ], "completed": false }, { "type": "link", "position": [ 641, 184, 25, 19 ], "completed": false } ] }, { "text": "# A page for a set of links to the service. # The page should be divided into six parts: \"Banking\" \"Home loans\" \"Insurance\" \"International\" \"Business\" and \"Rates & calculators\". In each part, there should be one image, one main link, and three small links. So the user can click the links to use the service.", "region_id": "1006", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'banking, home loans, insurance, international, business, rates & calculators'] [item [el:image] [el:link] [el:link [attr:size'small'] [attr:repeat'3'] ] ] ] ]", "execution": "footer : { [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] | [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] | [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] | [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] | [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] | [ image undefined undefined | link undefined small | link undefined small | link undefined small | link undefined undefined ] }", "layout_seq_with_completion": "image 78 6 7 7 | image 6 36 7 7 | image 78 36 7 7 | image 6 6 7 7 | image 42 6 7 7 | image 42 36 7 7 | link 52 6 20 7 | link 88 8 17 3 | link 16 38 21 3 | link 52 38 16 3 | link 88 36 20 7 | link 16 8 15 3 | \" [ link 16 16 13 5 ] | [ link 16 24 10 2 ] | [ link 16 29 12 2 ] \" | \" [ link 52 16 20 2 ] | [ link 52 21 11 2 ] | [ link 52 26 10 2 ] \" | \" [ link 88 16 14 2 ] | [ link 88 21 12 2 ] | [ link 88 26 14 2 ] \" | \" [ link 16 46 16 2 ] | [ link 16 51 15 5 ] | [ link 16 59 15 5 ] \" | \" [ link 52 46 19 2 ] | [ link 52 51 10 5 ] | [ link 52 59 14 5 ] \" | \" [ link 88 46 10 2 ] | [ link 88 51 16 2 ] | [ link 88 56 15 2 ] \"", "layout_seq_without_completion": "image 78 6 7 7 | image 6 36 7 7 | image 78 36 7 7 | image 6 6 7 7 | image 42 6 7 7 | image 42 36 7 7 | link 52 6 20 7 | link 88 8 17 3 | link 16 38 21 3 | link 52 38 16 3 | link 88 36 20 7 | link 16 8 15 3 | \" [ link 16 16 13 5 ] | [ link 16 24 10 2 ] | [ link 16 29 12 2 ] \" | \" [ link 52 16 20 2 ] | [ link 52 21 11 2 ] | [ link 52 26 10 2 ] \" | \" [ link 88 16 14 2 ] | [ link 88 21 12 2 ] | [ link 88 26 14 2 ] \" | \" [ link 16 46 16 2 ] | [ link 16 51 15 5 ] | [ link 16 59 15 5 ] \" | \" [ link 52 46 19 2 ] | [ link 52 51 10 5 ] | [ link 52 59 14 5 ] \" | \" [ link 88 46 10 2 ] | [ link 88 51 16 2 ] | [ link 88 56 15 2 ] \"", "plain_layout_seq": "image 78 6 7 7 | image 6 36 7 7 | image 78 36 7 7 | image 6 6 7 7 | image 42 6 7 7 | image 42 36 7 7 | link 52 6 20 7 | link 88 8 17 3 | link 16 38 21 3 | link 52 38 16 3 | link 88 36 20 7 | link 16 8 15 3 | link 16 16 13 5 | link 16 24 10 2 | link 16 29 12 2 | link 52 16 20 2 | link 52 21 11 2 | link 52 26 10 2 | link 88 16 14 2 | link 88 21 12 2 | link 88 26 14 2 | link 16 46 16 2 | link 16 51 15 5 | link 16 59 15 5 | link 52 46 19 2 | link 52 51 10 5 | link 52 59 14 5 | link 88 46 10 2 | link 88 51 16 2 | link 88 56 15 2", "canvas_width": 960, "canvas_height": 570, "elements": [ { "type": "link", "position": [ 416, 50, 160, 59 ], "completed": false }, { "type": "image", "position": [ 52, 52, 56, 56 ], "completed": false }, { "type": "image", "position": [ 340, 52, 56, 56 ], "completed": false }, { "type": "image", "position": [ 628, 52, 56, 56 ], "completed": false }, { "type": "link", "position": [ 128, 66, 123, 29 ], "completed": false }, { "type": "link", "position": [ 704, 66, 139, 29 ], "completed": false }, { "type": "link", "position": [ 128, 131, 105, 43 ], "completed": false }, { "type": "link", "position": [ 416, 131, 160, 19 ], "completed": false }, { "type": "link", "position": [ 704, 131, 114, 19 ], "completed": false }, { "type": "link", "position": [ 416, 171, 93, 19 ], "completed": false }, { "type": "link", "position": [ 704, 171, 96, 19 ], "completed": false }, { "type": "link", "position": [ 128, 195, 85, 19 ], "completed": false }, { "type": "link", "position": [ 416, 211, 83, 19 ], "completed": false }, { "type": "link", "position": [ 704, 211, 118, 19 ], "completed": false }, { "type": "link", "position": [ 128, 235, 100, 19 ], "completed": false }, { "type": "link", "position": [ 704, 292, 160, 58 ], "completed": false }, { "type": "image", "position": [ 52, 293, 56, 56 ], "completed": false }, { "type": "image", "position": [ 340, 293, 56, 56 ], "completed": false }, { "type": "image", "position": [ 628, 293, 56, 56 ], "completed": false }, { "type": "link", "position": [ 128, 306, 174, 29 ], "completed": false }, { "type": "link", "position": [ 416, 306, 130, 29 ], "completed": false }, { "type": "link", "position": [ 128, 372, 130, 19 ], "completed": false }, { "type": "link", "position": [ 416, 372, 158, 19 ], "completed": false }, { "type": "link", "position": [ 704, 372, 87, 19 ], "completed": false }, { "type": "link", "position": [ 128, 412, 123, 43 ], "completed": false }, { "type": "link", "position": [ 416, 412, 85, 43 ], "completed": false }, { "type": "link", "position": [ 704, 412, 130, 19 ], "completed": false }, { "type": "link", "position": [ 704, 452, 126, 19 ], "completed": false }, { "type": "link", "position": [ 128, 476, 123, 43 ], "completed": false }, { "type": "link", "position": [ 416, 476, 116, 43 ], "completed": false } ] }, { "text": "#A foot page for introducing the healthcare center to users.# The page should include four categories. Under each category, there should be several sublinks where users can click to get further information.", "region_id": "1829", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 8 19 2 | link 6 15 9 2 | link 6 18 8 2 | link 6 22 7 2 | link 6 4 18 2 | link 6 11 10 2 | link 6 25 6 2 | link 6 29 7 2 | complete title 6 0 24 2 ] | [ link 33 4 10 2 | link 33 8 17 2 | link 33 11 3 2 | complete title 33 0 24 2 ] | [ link 61 4 5 2 | link 61 11 7 2 | link 61 8 7 2 | complete title 61 0 24 2 ] | [ link 89 4 5 2 | link 89 7 24 4 | link 89 13 19 2 | complete title 89 0 24 2 ] \"", "layout_seq_without_completion": "\" [ link 6 8 19 2 | link 6 15 9 2 | link 6 18 8 2 | link 6 22 7 2 | link 6 4 18 2 | link 6 11 10 2 | link 6 25 6 2 | link 6 29 7 2 | title 6 0 24 2 ] | [ link 33 4 10 2 | link 33 8 17 2 | link 33 11 3 2 | title 33 0 24 2 ] | [ link 61 4 5 2 | link 61 11 7 2 | link 61 8 7 2 | title 61 0 24 2 ] | [ link 89 4 5 2 | link 89 7 24 4 | link 89 13 19 2 | title 89 0 24 2 ] \"", "plain_layout_seq": "link 6 8 19 2 | link 6 15 9 2 | link 6 18 8 2 | link 6 22 7 2 | link 6 4 18 2 | link 6 11 10 2 | link 6 25 6 2 | link 6 29 7 2 | link 33 4 10 2 | link 33 8 17 2 | link 33 11 3 2 | link 61 4 5 2 | link 61 11 7 2 | link 61 8 7 2 | link 89 4 5 2 | link 89 7 24 4 | link 89 13 19 2 | title 6 0 24 2 | title 33 0 24 2 | title 61 0 24 2 | title 89 0 24 2", "canvas_width": 1039, "canvas_height": 284, "elements": [ { "type": "title", "position": [ 54, 0, 210, 20 ], "completed": true }, { "type": "title", "position": [ 294, 0, 210, 20 ], "completed": true }, { "type": "title", "position": [ 534, 0, 210, 20 ], "completed": true }, { "type": "title", "position": [ 774, 0, 210, 20 ], "completed": true }, { "type": "link", "position": [ 54, 39, 164, 23 ], "completed": false }, { "type": "link", "position": [ 294, 39, 92, 23 ], "completed": false }, { "type": "link", "position": [ 534, 39, 49, 23 ], "completed": false }, { "type": "link", "position": [ 774, 39, 51, 23 ], "completed": false }, { "type": "link", "position": [ 774, 67, 210, 43 ], "completed": false }, { "type": "link", "position": [ 54, 70, 172, 23 ], "completed": false }, { "type": "link", "position": [ 294, 70, 148, 23 ], "completed": false }, { "type": "link", "position": [ 534, 70, 63, 23 ], "completed": false }, { "type": "link", "position": [ 54, 101, 87, 23 ], "completed": false }, { "type": "link", "position": [ 294, 101, 31, 23 ], "completed": false }, { "type": "link", "position": [ 534, 101, 67, 23 ], "completed": false }, { "type": "link", "position": [ 774, 118, 170, 23 ], "completed": false }, { "type": "link", "position": [ 54, 132, 86, 23 ], "completed": false }, { "type": "link", "position": [ 54, 163, 75, 23 ], "completed": false }, { "type": "link", "position": [ 54, 194, 63, 23 ], "completed": false }, { "type": "link", "position": [ 54, 225, 59, 23 ], "completed": false }, { "type": "link", "position": [ 54, 256, 65, 23 ], "completed": false } ] }, { "text": "#A page for introducing BMW to users.# The page should include twelve links to BMW such as \"BMW Welt\", and \"BMW Museum\" for users to click. There should be five ways for users to log in. At the bottom, six links are provided for users in order to get further information.", "region_id": "828", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'12'] [gattr:names'bmw welt, bmw museum'] ] [el:button [attr:repeat'5'] ] [el:link [attr:repeat'6'] [attr:position 'bottom'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | link bottom undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 8 4 6 2 ] | [ link 8 8 5 2 ] | [ link 8 12 21 2 ] | [ link 8 16 14 2 ] \" | \" [ link 43 4 17 2 ] | [ link 43 8 10 2 ] | [ link 43 12 13 2 ] | [ link 43 16 18 2 ] \" | \" [ link 78 4 30 2 ] | [ link 78 8 20 2 ] | [ link 78 12 27 2 ] | [ link 78 16 18 2 ] \" | \" [ button 8 28 2 2 ] | [ button 15 28 2 2 ] | [ button 23 28 2 2 ] | [ button 30 28 2 2 ] | [ button 38 28 2 2 ] \" | \" [ link 8 36 6 2 ] | [ link 25 36 13 2 ] | [ link 49 36 6 2 ] | [ link 66 36 5 2 ] | [ link 82 36 6 2 ] | [ link 98 36 12 2 ] \"", "layout_seq_without_completion": "\" [ link 8 4 6 2 ] | [ link 8 8 5 2 ] | [ link 8 12 21 2 ] | [ link 8 16 14 2 ] \" | \" [ link 43 4 17 2 ] | [ link 43 8 10 2 ] | [ link 43 12 13 2 ] | [ link 43 16 18 2 ] \" | \" [ link 78 4 30 2 ] | [ link 78 8 20 2 ] | [ link 78 12 27 2 ] | [ link 78 16 18 2 ] \" | \" [ button 8 28 2 2 ] | [ button 15 28 2 2 ] | [ button 23 28 2 2 ] | [ button 30 28 2 2 ] | [ button 38 28 2 2 ] \" | \" [ link 8 36 6 2 ] | [ link 25 36 13 2 ] | [ link 49 36 6 2 ] | [ link 66 36 5 2 ] | [ link 82 36 6 2 ] | [ link 98 36 12 2 ] \"", "plain_layout_seq": "button 8 28 2 2 | button 15 28 2 2 | button 23 28 2 2 | button 30 28 2 2 | button 38 28 2 2 | link 8 4 6 2 | link 8 8 5 2 | link 8 12 21 2 | link 8 16 14 2 | link 43 4 17 2 | link 43 8 10 2 | link 43 12 13 2 | link 43 16 18 2 | link 78 4 30 2 | link 78 8 20 2 | link 78 12 27 2 | link 78 16 18 2 | link 8 36 6 2 | link 25 36 13 2 | link 49 36 6 2 | link 66 36 5 2 | link 82 36 6 2 | link 98 36 12 2", "canvas_width": 1003, "canvas_height": 333, "elements": [ { "type": "link", "position": [ 68, 40, 53, 20 ], "completed": false }, { "type": "link", "position": [ 361, 40, 147, 20 ], "completed": false }, { "type": "link", "position": [ 655, 40, 254, 20 ], "completed": false }, { "type": "link", "position": [ 68, 72, 48, 20 ], "completed": false }, { "type": "link", "position": [ 361, 72, 87, 20 ], "completed": false }, { "type": "link", "position": [ 655, 72, 173, 20 ], "completed": false }, { "type": "link", "position": [ 68, 104, 178, 20 ], "completed": false }, { "type": "link", "position": [ 361, 104, 117, 20 ], "completed": false }, { "type": "link", "position": [ 655, 104, 229, 20 ], "completed": false }, { "type": "link", "position": [ 68, 136, 121, 20 ], "completed": false }, { "type": "link", "position": [ 361, 136, 152, 20 ], "completed": false }, { "type": "link", "position": [ 655, 136, 156, 20 ], "completed": false }, { "type": "button", "position": [ 68, 238, 24, 24 ], "completed": false }, { "type": "button", "position": [ 130, 238, 24, 24 ], "completed": false }, { "type": "button", "position": [ 193, 238, 24, 24 ], "completed": false }, { "type": "button", "position": [ 255, 238, 24, 24 ], "completed": false }, { "type": "button", "position": [ 318, 238, 24, 24 ], "completed": false }, { "type": "link", "position": [ 68, 304, 58, 20 ], "completed": false }, { "type": "link", "position": [ 212, 304, 114, 20 ], "completed": false }, { "type": "link", "position": [ 411, 304, 55, 20 ], "completed": false }, { "type": "link", "position": [ 552, 304, 50, 20 ], "completed": false }, { "type": "link", "position": [ 687, 304, 53, 20 ], "completed": false }, { "type": "link", "position": [ 826, 304, 108, 20 ], "completed": false } ] }, { "text": "#A footer page of a web encouraging users to subscribe and find it on other social media platforms.# The page should include a title \"SUBSCRIBE TO THE MAILJET NEWSLETTER\", an input with a button for users to write their email, and an explanation text including \"Privacy Policy\" with a link. There should also be a title \"FOLLOW US\" and six logos of different social media platforms, such as Instagram, Twitter, YouTube and Facebook.", "region_id": "3491", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'subscribe to the mailjet newsletter'] ] [el:input [attr:value 'email'] ] [el:button] [el:description] [el:link [attr:value 'Privacy Policy']] [el:title [attr:value 'FOLLOW US'] ] [el:logo [attr:repeat '6'] ] ]", "execution": "footer : button undefined undefined | description undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ button 60 6 6 1 | description 15 12 51 8 | input 15 4 45 5 | title 15 0 51 2 ] | [ logo 76 4 5 5 | logo 83 4 5 5 | logo 90 4 5 5 | logo 76 11 5 5 | logo 83 11 5 5 | logo 90 11 5 5 | title 76 0 14 2 ] \"", "layout_seq_without_completion": "\" [ button 60 6 6 1 | description 15 12 51 8 | input 15 4 45 5 | title 15 0 51 2 ] | [ logo 76 4 5 5 | logo 83 4 5 5 | logo 90 4 5 5 | logo 76 11 5 5 | logo 83 11 5 5 | logo 90 11 5 5 | title 76 0 14 2 ] \"", "plain_layout_seq": "button 60 6 6 1 | description 15 12 51 8 | input 15 4 45 5 | logo 76 4 5 5 | logo 83 4 5 5 | logo 90 4 5 5 | logo 76 11 5 5 | logo 83 11 5 5 | logo 90 11 5 5 | title 15 0 51 2 | title 76 0 14 2", "canvas_width": 976, "canvas_height": 202, "elements": [ { "type": "title", "position": [ 128, 0, 416, 24 ], "completed": false }, { "type": "title", "position": [ 624, 0, 115, 24 ], "completed": false }, { "type": "input", "position": [ 128, 40, 366, 42 ], "completed": false }, { "type": "logo", "position": [ 624, 40, 48, 48 ], "completed": false }, { "type": "logo", "position": [ 680, 40, 48, 48 ], "completed": false }, { "type": "logo", "position": [ 736, 40, 48, 48 ], "completed": false }, { "type": "button", "position": [ 494, 54, 50, 15 ], "completed": false }, { "type": "logo", "position": [ 624, 96, 48, 48 ], "completed": false }, { "type": "logo", "position": [ 680, 96, 48, 48 ], "completed": false }, { "type": "logo", "position": [ 736, 96, 48, 48 ], "completed": false }, { "type": "description", "position": [ 128, 98, 416, 72 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company. # There should be six information sets, with each comprised of a title, and several links. Users can get access to different info through these links.", "region_id": "922", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 31 34 15 2 | title 31 30 8 2 | \" [ link 1 7 21 2 | link 1 11 21 2 | link 1 15 26 2 | title 1 3 10 2 ] | [ link 1 30 21 6 | link 1 26 9 2 | link 1 38 19 6 | title 1 21 8 2 ] | [ link 31 11 15 2 | link 31 23 19 2 | link 31 7 25 2 | link 31 15 19 2 | link 31 19 24 2 | title 31 3 9 2 ] | [ link 61 11 6 2 | link 61 15 12 2 | link 61 7 5 2 | title 61 3 11 2 ] | [ link 91 11 19 6 | link 91 19 15 6 | link 91 7 8 2 | title 91 3 10 2 ] \"", "layout_seq_without_completion": "link 31 34 15 2 | title 31 30 8 2 | \" [ link 1 7 21 2 | link 1 11 21 2 | link 1 15 26 2 | title 1 3 10 2 ] | [ link 1 30 21 6 | link 1 26 9 2 | link 1 38 19 6 | title 1 21 8 2 ] | [ link 31 11 15 2 | link 31 23 19 2 | link 31 7 25 2 | link 31 15 19 2 | link 31 19 24 2 | title 31 3 9 2 ] | [ link 61 11 6 2 | link 61 15 12 2 | link 61 7 5 2 | title 61 3 11 2 ] | [ link 91 11 19 6 | link 91 19 15 6 | link 91 7 8 2 | title 91 3 10 2 ] \"", "plain_layout_seq": "link 31 34 15 2 | link 1 7 21 2 | link 1 11 21 2 | link 1 15 26 2 | link 1 30 21 6 | link 1 26 9 2 | link 1 38 19 6 | link 31 11 15 2 | link 31 23 19 2 | link 31 7 25 2 | link 31 15 19 2 | link 31 19 24 2 | link 61 11 6 2 | link 61 15 12 2 | link 61 7 5 2 | link 91 11 19 6 | link 91 19 15 6 | link 91 7 8 2 | title 31 30 8 2 | title 1 3 10 2 | title 1 21 8 2 | title 31 3 9 2 | title 61 3 11 2 | title 91 3 10 2", "canvas_width": 956, "canvas_height": 386, "elements": [ { "type": "title", "position": [ 12, 26, 86, 16 ], "completed": false }, { "type": "title", "position": [ 251, 26, 76, 16 ], "completed": false }, { "type": "title", "position": [ 490, 26, 90, 16 ], "completed": false }, { "type": "title", "position": [ 729, 26, 84, 16 ], "completed": false }, { "type": "link", "position": [ 12, 60, 172, 19 ], "completed": false }, { "type": "link", "position": [ 251, 60, 206, 19 ], "completed": false }, { "type": "link", "position": [ 490, 60, 41, 19 ], "completed": false }, { "type": "link", "position": [ 729, 60, 71, 19 ], "completed": false }, { "type": "link", "position": [ 12, 92, 171, 19 ], "completed": false }, { "type": "link", "position": [ 251, 92, 125, 19 ], "completed": false }, { "type": "link", "position": [ 490, 92, 50, 19 ], "completed": false }, { "type": "link", "position": [ 729, 92, 156, 51 ], "completed": false }, { "type": "link", "position": [ 12, 124, 208, 19 ], "completed": false }, { "type": "link", "position": [ 251, 124, 155, 19 ], "completed": false }, { "type": "link", "position": [ 490, 124, 99, 19 ], "completed": false }, { "type": "link", "position": [ 251, 156, 194, 19 ], "completed": false }, { "type": "link", "position": [ 729, 156, 125, 51 ], "completed": false }, { "type": "title", "position": [ 12, 175, 71, 16 ], "completed": false }, { "type": "link", "position": [ 251, 188, 156, 19 ], "completed": false }, { "type": "link", "position": [ 12, 209, 72, 19 ], "completed": false }, { "type": "title", "position": [ 251, 239, 64, 16 ], "completed": false }, { "type": "link", "position": [ 12, 241, 172, 51 ], "completed": false }, { "type": "link", "position": [ 251, 273, 120, 19 ], "completed": false }, { "type": "link", "position": [ 12, 305, 154, 51 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be three text parts for introducing the company's info about\" Company\", \"Contact\", and \"Legal\". And each of them is followed by some links for showing the detailed info. Two buttons are needed for users to download.", "region_id": "2250", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'company, contact, legal'] [item [el:text] [el:link [attr:repeat 'several'] ] ] ] [el:button [attr:value'download'] [attr:repeat'2'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 100 0 20 6 | button 100 9 20 6 | \" [ link 0 4 6 2 | link 0 11 5 2 | link 0 22 9 2 | link 0 8 4 2 | link 0 15 9 2 | link 0 19 8 2 | link 0 26 13 2 | link 0 29 12 2 | text 0 0 30 1 ] | [ link 33 8 11 2 | link 33 11 9 2 | link 33 4 11 2 | text 33 0 30 1 ] | [ link 66 4 14 2 | link 66 8 16 2 | link 66 22 12 2 | link 66 11 10 2 | link 66 15 10 2 | link 66 19 8 2 | text 66 0 30 1 ] \"", "layout_seq_without_completion": "button 100 0 20 6 | button 100 9 20 6 | \" [ link 0 4 6 2 | link 0 11 5 2 | link 0 22 9 2 | link 0 8 4 2 | link 0 15 9 2 | link 0 19 8 2 | link 0 26 13 2 | link 0 29 12 2 | text 0 0 30 1 ] | [ link 33 8 11 2 | link 33 11 9 2 | link 33 4 11 2 | text 33 0 30 1 ] | [ link 66 4 14 2 | link 66 8 16 2 | link 66 22 12 2 | link 66 11 10 2 | link 66 15 10 2 | link 66 19 8 2 | text 66 0 30 1 ] \"", "plain_layout_seq": "button 100 0 20 6 | button 100 9 20 6 | link 0 4 6 2 | link 0 11 5 2 | link 0 22 9 2 | link 0 8 4 2 | link 0 15 9 2 | link 0 19 8 2 | link 0 26 13 2 | link 0 29 12 2 | link 33 8 11 2 | link 33 11 9 2 | link 33 4 11 2 | link 66 4 14 2 | link 66 8 16 2 | link 66 22 12 2 | link 66 11 10 2 | link 66 15 10 2 | link 66 19 8 2 | text 0 0 30 1 | text 33 0 30 1 | text 66 0 30 1", "canvas_width": 1200, "canvas_height": 320, "elements": [ { "type": "text", "position": [ 0, 0, 300, 18 ], "completed": false }, { "type": "text", "position": [ 333, 0, 300, 18 ], "completed": false }, { "type": "text", "position": [ 667, 0, 300, 18 ], "completed": false }, { "type": "button", "position": [ 1000, 0, 200, 65 ], "completed": false }, { "type": "link", "position": [ 0, 48, 67, 20 ], "completed": false }, { "type": "link", "position": [ 333, 48, 114, 20 ], "completed": false }, { "type": "link", "position": [ 667, 48, 146, 20 ], "completed": false }, { "type": "link", "position": [ 0, 83, 42, 20 ], "completed": false }, { "type": "link", "position": [ 333, 83, 111, 20 ], "completed": false }, { "type": "link", "position": [ 667, 83, 165, 20 ], "completed": false }, { "type": "button", "position": [ 1000, 99, 200, 65 ], "completed": false }, { "type": "link", "position": [ 0, 119, 59, 20 ], "completed": false }, { "type": "link", "position": [ 333, 119, 91, 20 ], "completed": false }, { "type": "link", "position": [ 667, 119, 102, 20 ], "completed": false }, { "type": "link", "position": [ 0, 154, 93, 20 ], "completed": false }, { "type": "link", "position": [ 667, 154, 101, 20 ], "completed": false }, { "type": "link", "position": [ 0, 190, 87, 20 ], "completed": false }, { "type": "link", "position": [ 667, 190, 88, 20 ], "completed": false }, { "type": "link", "position": [ 0, 225, 90, 20 ], "completed": false }, { "type": "link", "position": [ 667, 225, 126, 20 ], "completed": false }, { "type": "link", "position": [ 0, 260, 134, 20 ], "completed": false }, { "type": "link", "position": [ 0, 296, 127, 20 ], "completed": false } ] }, { "text": "#A page for introducing one company.# There should be three text boxes for introducing the company's info about\" Company\", \"Contact\", and \"Legal\". And each of them is followed by some text boxes for showing the detailed info. Two text buttons are needed for users to download or play.", "region_id": "2250_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'company, contact, legal'] [item [el:text] [el:text [attr:repeat 'several']] ] ] [el:button [attr:value'download'] ] [el:button [attr:value'play'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 100 0 20 6 | button 100 9 20 6 | \" [ text 0 4 6 2 | text 0 11 5 2 | text 0 22 9 2 | text 0 8 4 2 | text 0 15 9 2 | text 0 19 8 2 | text 0 26 13 2 | text 0 29 12 2 | text 0 0 30 1 ] | [ text 33 8 11 2 | text 33 11 9 2 | text 33 4 11 2 | text 33 0 30 1 ] | [ text 66 4 14 2 | text 66 8 16 2 | text 66 22 12 2 | text 66 11 10 2 | text 66 15 10 2 | text 66 19 8 2 | text 66 0 30 1 ] \"", "layout_seq_without_completion": "button 100 0 20 6 | button 100 9 20 6 | \" [ text 0 4 6 2 | text 0 11 5 2 | text 0 22 9 2 | text 0 8 4 2 | text 0 15 9 2 | text 0 19 8 2 | text 0 26 13 2 | text 0 29 12 2 | text 0 0 30 1 ] | [ text 33 8 11 2 | text 33 11 9 2 | text 33 4 11 2 | text 33 0 30 1 ] | [ text 66 4 14 2 | text 66 8 16 2 | text 66 22 12 2 | text 66 11 10 2 | text 66 15 10 2 | text 66 19 8 2 | text 66 0 30 1 ] \"", "plain_layout_seq": "button 100 0 20 6 | button 100 9 20 6 | text 0 4 6 2 | text 0 11 5 2 | text 0 22 9 2 | text 0 8 4 2 | text 0 15 9 2 | text 0 19 8 2 | text 0 26 13 2 | text 0 29 12 2 | text 0 0 30 1 | text 33 8 11 2 | text 33 11 9 2 | text 33 4 11 2 | text 33 0 30 1 | text 66 4 14 2 | text 66 8 16 2 | text 66 22 12 2 | text 66 11 10 2 | text 66 15 10 2 | text 66 19 8 2 | text 66 0 30 1", "canvas_width": 1200, "canvas_height": 320, "elements": [ { "type": "text", "position": [ 0, 0, 300, 18 ], "completed": false }, { "type": "text", "position": [ 333, 0, 300, 18 ], "completed": false }, { "type": "text", "position": [ 667, 0, 300, 18 ], "completed": false }, { "type": "button", "position": [ 1000, 0, 200, 65 ], "completed": false }, { "type": "text", "position": [ 0, 48, 67, 20 ], "completed": false }, { "type": "text", "position": [ 333, 48, 114, 20 ], "completed": false }, { "type": "text", "position": [ 667, 48, 146, 20 ], "completed": false }, { "type": "text", "position": [ 0, 83, 42, 20 ], "completed": false }, { "type": "text", "position": [ 333, 83, 111, 20 ], "completed": false }, { "type": "text", "position": [ 667, 83, 165, 20 ], "completed": false }, { "type": "button", "position": [ 1000, 99, 200, 65 ], "completed": false }, { "type": "text", "position": [ 0, 119, 59, 20 ], "completed": false }, { "type": "text", "position": [ 333, 119, 91, 20 ], "completed": false }, { "type": "text", "position": [ 667, 119, 102, 20 ], "completed": false }, { "type": "text", "position": [ 0, 154, 93, 20 ], "completed": false }, { "type": "text", "position": [ 667, 154, 101, 20 ], "completed": false }, { "type": "text", "position": [ 0, 190, 87, 20 ], "completed": false }, { "type": "text", "position": [ 667, 190, 88, 20 ], "completed": false }, { "type": "text", "position": [ 0, 225, 90, 20 ], "completed": false }, { "type": "text", "position": [ 667, 225, 126, 20 ], "completed": false }, { "type": "text", "position": [ 0, 260, 134, 20 ], "completed": false }, { "type": "text", "position": [ 0, 296, 127, 20 ], "completed": false } ] }, { "text": "#A page introducing the basics of the objects to users.#The page should have one text heading on the top. Under it, there should also have eight title links for users to click to know the different content of the web fastly.", "region_id": "3446", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:position 'top'] ] [gp:NavGroup [gattr:total_link '8'] [item [el:link] ] ] ]", "execution": "footer : title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 17 2 | \" [ link 4 5 6 2 ] | [ link 45 5 19 2 ] | [ link 85 5 10 2 ] | [ link 4 8 27 2 ] | [ link 45 8 24 2 ] | [ link 85 8 26 2 ] | [ link 4 11 16 2 ] | [ link 45 11 18 2 ] \"", "layout_seq_without_completion": "title 0 0 17 2 | \" [ link 4 5 6 2 ] | [ link 45 5 19 2 ] | [ link 85 5 10 2 ] | [ link 4 8 27 2 ] | [ link 45 8 24 2 ] | [ link 85 8 26 2 ] | [ link 4 11 16 2 ] | [ link 45 11 18 2 ] \"", "plain_layout_seq": "link 4 5 6 2 | link 45 5 19 2 | link 85 5 10 2 | link 4 8 27 2 | link 45 8 24 2 | link 85 8 26 2 | link 4 11 16 2 | link 45 11 18 2 | title 0 0 17 2", "canvas_width": 953, "canvas_height": 115, "elements": [ { "type": "title", "position": [ 0, 2, 137, 19 ], "completed": false }, { "type": "link", "position": [ 38, 42, 54, 19 ], "completed": false }, { "type": "link", "position": [ 359, 42, 156, 19 ], "completed": false }, { "type": "link", "position": [ 680, 42, 87, 19 ], "completed": false }, { "type": "link", "position": [ 38, 68, 215, 19 ], "completed": false }, { "type": "link", "position": [ 359, 68, 194, 19 ], "completed": false }, { "type": "link", "position": [ 680, 68, 212, 19 ], "completed": false }, { "type": "link", "position": [ 38, 92, 133, 19 ], "completed": false }, { "type": "link", "position": [ 359, 92, 144, 19 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company.# There should be four information sets, each with several links below, such as \"Contact\". Users can click on those links to find out more information about the company.", "region_id": "940", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'contact'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete title 9 4 48 2 ] | [ link 9 9 48 5 ] | [ link 9 17 48 5 ] \" | \" [ link 61 9 10 2 | link 61 14 10 5 | link 61 32 7 2 | link 61 21 11 2 | link 61 25 11 5 | link 61 36 8 5 | complete title 61 4 13 2 ] | [ link 79 9 10 5 | link 79 21 8 5 | link 79 28 11 5 | link 79 42 10 2 | link 79 16 5 2 | link 79 35 11 5 | link 79 46 7 5 | complete title 79 4 13 2 ] | [ link 96 16 5 2 | link 96 28 10 2 | link 96 32 12 2 | link 96 36 8 5 | link 96 12 9 2 | link 96 21 10 5 | complete title 96 4 13 5 ] \"", "layout_seq_without_completion": "\" [ title 9 4 48 2 ] | [ link 9 9 48 5 ] | [ link 9 17 48 5 ] \" | \" [ link 61 9 10 2 | link 61 14 10 5 | link 61 32 7 2 | link 61 21 11 2 | link 61 25 11 5 | link 61 36 8 5 | title 61 4 13 2 ] | [ link 79 9 10 5 | link 79 21 8 5 | link 79 28 11 5 | link 79 42 10 2 | link 79 16 5 2 | link 79 35 11 5 | link 79 46 7 5 | title 79 4 13 2 ] | [ link 96 16 5 2 | link 96 28 10 2 | link 96 32 12 2 | link 96 36 8 5 | link 96 12 9 2 | link 96 21 10 5 | title 96 4 13 5 ] \"", "plain_layout_seq": "link 9 9 48 5 | link 9 17 48 5 | link 61 9 10 2 | link 61 14 10 5 | link 61 32 7 2 | link 61 21 11 2 | link 61 25 11 5 | link 61 36 8 5 | link 79 9 10 5 | link 79 21 8 5 | link 79 28 11 5 | link 79 42 10 2 | link 79 16 5 2 | link 79 35 11 5 | link 79 46 7 5 | link 96 16 5 2 | link 96 28 10 2 | link 96 32 12 2 | link 96 36 8 5 | link 96 12 9 2 | link 96 21 10 5 | title 9 4 48 2 | title 61 4 13 2 | title 79 4 13 2 | title 96 4 13 5", "canvas_width": 1024, "canvas_height": 473, "elements": [ { "type": "title", "position": [ 80, 40, 417, 25 ], "completed": true }, { "type": "title", "position": [ 527, 40, 119, 25 ], "completed": true }, { "type": "title", "position": [ 676, 40, 119, 25 ], "completed": true }, { "type": "title", "position": [ 825, 40, 119, 50 ], "completed": true }, { "type": "link", "position": [ 80, 81, 417, 51 ], "completed": false }, { "type": "link", "position": [ 527, 84, 88, 18 ], "completed": false }, { "type": "link", "position": [ 676, 84, 89, 43 ], "completed": false }, { "type": "link", "position": [ 825, 110, 84, 18 ], "completed": false }, { "type": "link", "position": [ 527, 120, 88, 44 ], "completed": false }, { "type": "link", "position": [ 676, 145, 48, 18 ], "completed": false }, { "type": "link", "position": [ 825, 145, 44, 18 ], "completed": false }, { "type": "link", "position": [ 80, 148, 417, 50 ], "completed": false }, { "type": "link", "position": [ 527, 180, 98, 18 ], "completed": false }, { "type": "link", "position": [ 676, 180, 70, 43 ], "completed": false }, { "type": "link", "position": [ 825, 180, 86, 43 ], "completed": false }, { "type": "link", "position": [ 527, 215, 97, 43 ], "completed": false }, { "type": "link", "position": [ 676, 240, 97, 43 ], "completed": false }, { "type": "link", "position": [ 825, 240, 93, 18 ], "completed": false }, { "type": "link", "position": [ 527, 275, 62, 18 ], "completed": false }, { "type": "link", "position": [ 825, 275, 110, 18 ], "completed": false }, { "type": "link", "position": [ 676, 301, 95, 43 ], "completed": false }, { "type": "link", "position": [ 527, 311, 71, 43 ], "completed": false }, { "type": "link", "position": [ 825, 311, 75, 43 ], "completed": false }, { "type": "link", "position": [ 676, 361, 87, 18 ], "completed": false }, { "type": "link", "position": [ 676, 396, 67, 43 ], "completed": false } ] }, { "text": "#A page for introducing a fitness app to users.# The page should include one title and two buttons for users to download on the App Store and Google Play. On the right side, there should be five ways to log in and four links about the app.", "region_id": "68", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:button [attr:value'download on the app store'] ] [el:button [attr:value'download on google play'] ] [gp:NavGroup [gattr:total_link'9'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 3 9 15 4 | button 21 9 15 4 | title 3 4 56 3 | \" [ link 64 4 3 3 ] | [ link 69 4 3 3 ] | [ link 75 4 2 2 ] | [ link 81 4 2 2 ] | [ link 86 4 3 3 ] \" | \" [ link 65 11 10 2 ] | [ link 76 11 11 2 ] | [ link 89 11 11 2 ] | [ link 102 11 10 2 ] \"", "layout_seq_without_completion": "button 3 9 15 4 | button 21 9 15 4 | title 3 4 56 3 | \" [ link 64 4 3 3 ] | [ link 69 4 3 3 ] | [ link 75 4 2 2 ] | [ link 81 4 2 2 ] | [ link 86 4 3 3 ] \" | \" [ link 65 11 10 2 ] | [ link 76 11 11 2 ] | [ link 89 11 11 2 ] | [ link 102 11 10 2 ] \"", "plain_layout_seq": "button 3 9 15 4 | button 21 9 15 4 | link 64 4 3 3 | link 69 4 3 3 | link 75 4 2 2 | link 81 4 2 2 | link 86 4 3 3 | link 65 11 10 2 | link 76 11 11 2 | link 89 11 11 2 | link 102 11 10 2 | title 3 4 56 3", "canvas_width": 932, "canvas_height": 158, "elements": [ { "type": "title", "position": [ 24, 32, 442, 24 ], "completed": false }, { "type": "link", "position": [ 674, 32, 25, 25 ], "completed": false }, { "type": "link", "position": [ 498, 33, 24, 24 ], "completed": false }, { "type": "link", "position": [ 542, 33, 24, 24 ], "completed": false }, { "type": "link", "position": [ 586, 36, 21, 21 ], "completed": false }, { "type": "link", "position": [ 630, 36, 21, 21 ], "completed": false }, { "type": "button", "position": [ 24, 72, 117, 38 ], "completed": false }, { "type": "button", "position": [ 165, 72, 117, 38 ], "completed": false }, { "type": "link", "position": [ 506, 89, 83, 17 ], "completed": false }, { "type": "link", "position": [ 597, 89, 91, 17 ], "completed": false }, { "type": "link", "position": [ 696, 89, 90, 17 ], "completed": false }, { "type": "link", "position": [ 794, 89, 83, 17 ], "completed": false } ] }, { "text": "#A page showing information about the clubhouse.# On the left side of the page are the logo, the title, and the two download buttons for the clubhouse. On the right are two information groups, each with 4-5 links to help users locate specific kinds of information.", "region_id": "974", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:position'left'] ] [el:title [attr:position'left'] ] [el:button [attr:repeat'2'] [attr:position'left'] ] [gp:NavGroup [gattr:repeat'2'] [gattr:names'contact information, instructions'] [item [el:link [attr:repeat '5'] ] ] ] ]", "execution": "footer : button left undefined | button left undefined | logo left undefined | title left undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 0 19 17 5 | button 19 19 19 5 | logo 0 0 9 9 | title 0 11 20 3 | \" [ link 56 6 4 2 | link 56 11 17 2 | link 56 16 15 2 | link 56 20 13 2 | link 56 25 10 2 | complete title 56 0 16 3 ] | [ link 93 11 4 2 | link 93 16 5 2 | link 93 6 7 2 | link 93 20 23 2 | complete title 93 0 12 3 ] \"", "layout_seq_without_completion": "button 0 19 17 5 | button 19 19 19 5 | logo 0 0 9 9 | title 0 11 20 3 | \" [ link 56 6 4 2 | link 56 11 17 2 | link 56 16 15 2 | link 56 20 13 2 | link 56 25 10 2 | title 56 0 16 3 ] | [ link 93 11 4 2 | link 93 16 5 2 | link 93 6 7 2 | link 93 20 23 2 | title 93 0 12 3 ] \"", "plain_layout_seq": "button 0 19 17 5 | button 19 19 19 5 | link 56 6 4 2 | link 56 11 17 2 | link 56 16 15 2 | link 56 20 13 2 | link 56 25 10 2 | link 93 11 4 2 | link 93 16 5 2 | link 93 6 7 2 | link 93 20 23 2 | logo 0 0 9 9 | title 0 11 20 3 | title 56 0 16 3 | title 93 0 12 3", "canvas_width": 1006, "canvas_height": 238, "elements": [ { "type": "logo", "position": [ 0, 0, 80, 80 ], "completed": false }, { "type": "title", "position": [ 477, 0, 141, 27 ], "completed": true }, { "type": "title", "position": [ 780, 0, 105, 27 ], "completed": true }, { "type": "link", "position": [ 477, 58, 36, 20 ], "completed": false }, { "type": "link", "position": [ 780, 58, 62, 20 ], "completed": false }, { "type": "link", "position": [ 477, 97, 148, 20 ], "completed": false }, { "type": "link", "position": [ 780, 97, 38, 20 ], "completed": false }, { "type": "title", "position": [ 0, 100, 175, 32 ], "completed": false }, { "type": "link", "position": [ 477, 136, 132, 20 ], "completed": false }, { "type": "link", "position": [ 780, 136, 46, 20 ], "completed": false }, { "type": "button", "position": [ 0, 160, 144, 48 ], "completed": false }, { "type": "button", "position": [ 160, 160, 162, 48 ], "completed": false }, { "type": "link", "position": [ 477, 175, 113, 20 ], "completed": false }, { "type": "link", "position": [ 780, 175, 194, 20 ], "completed": false }, { "type": "link", "position": [ 477, 214, 85, 20 ], "completed": false } ] }, { "text": "#A page showing the homepage of an online wholesale platform.# There is a heading and a description, and there are three sections on the right, each with a heading called \"Company\" \"Support\" and \"Connect\". and there are some texts under each heading.", "region_id": "1199", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:description] [gp:NavGroup [gattr:repeat'3'] [gattr:names'company, support, connect'] [item [el:title] [el:text [attr:repeat'several'] ] ] ] ]", "execution": "footer : description undefined undefined | title undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 11 8 43 11 | title 11 2 15 1 | \" [ text 63 5 7 2 | text 63 8 8 2 | text 63 11 6 2 | text 63 15 9 2 | title 63 2 7 2 ] | [ text 78 8 10 2 | text 78 11 9 2 | text 78 5 9 2 | title 78 2 6 2 ] | [ text 95 5 3 2 | text 95 8 7 2 | text 95 11 7 2 | text 95 15 5 2 | title 95 2 6 2 ] \"", "layout_seq_without_completion": "description 11 8 43 11 | title 11 2 15 1 | \" [ text 63 5 7 2 | text 63 8 8 2 | text 63 11 6 2 | text 63 15 9 2 | title 63 2 7 2 ] | [ text 78 8 10 2 | text 78 11 9 2 | text 78 5 9 2 | title 78 2 6 2 ] | [ text 95 5 3 2 | text 95 8 7 2 | text 95 11 7 2 | text 95 15 5 2 | title 95 2 6 2 ] \"", "plain_layout_seq": "description 11 8 43 11 | text 63 5 7 2 | text 63 8 8 2 | text 63 11 6 2 | text 63 15 9 2 | text 78 8 10 2 | text 78 11 9 2 | text 78 5 9 2 | text 95 5 3 2 | text 95 8 7 2 | text 95 11 7 2 | text 95 15 5 2 | title 11 2 15 1 | title 63 2 7 2 | title 78 2 6 2 | title 95 2 6 2", "canvas_width": 1024, "canvas_height": 192, "elements": [ { "type": "title", "position": [ 96, 24, 128, 16 ], "completed": false }, { "type": "title", "position": [ 539, 24, 66, 20 ], "completed": false }, { "type": "title", "position": [ 672, 24, 55, 20 ], "completed": false }, { "type": "title", "position": [ 811, 24, 58, 20 ], "completed": false }, { "type": "text", "position": [ 539, 50, 61, 20 ], "completed": false }, { "type": "text", "position": [ 672, 50, 81, 20 ], "completed": false }, { "type": "text", "position": [ 811, 50, 30, 20 ], "completed": false }, { "type": "description", "position": [ 96, 72, 368, 96 ], "completed": false }, { "type": "text", "position": [ 539, 76, 72, 20 ], "completed": false }, { "type": "text", "position": [ 672, 76, 89, 20 ], "completed": false }, { "type": "text", "position": [ 811, 76, 67, 20 ], "completed": false }, { "type": "text", "position": [ 539, 102, 52, 20 ], "completed": false }, { "type": "text", "position": [ 672, 102, 85, 20 ], "completed": false }, { "type": "text", "position": [ 811, 102, 65, 20 ], "completed": false }, { "type": "text", "position": [ 539, 128, 83, 20 ], "completed": false }, { "type": "text", "position": [ 811, 128, 46, 20 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include five categories. Under each category, there should be several sublinks where users can click to get further information. Besides, a button is needed for users to click to sign in. Eight icons represent the logos.", "region_id": "1481", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [item [el:link [attr:repeat 'several'] ] ] ] [el:button [attr:value'sign in'] ] [el:logo [attr:repeat '8'] ] ]", "execution": "footer : button undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 112 14 7 2 | logo 107 34 8 10 | logo 111 21 8 8 | logo 102 21 8 8 | logo 103 12 7 3 | \" [ logo 101 0 4 4 ] | [ logo 108 0 4 4 ] | [ logo 115 0 4 4 ] \" | \" [ link 0 12 11 2 | link 0 16 11 2 | link 0 5 11 2 | link 0 9 11 2 | complete title 0 0 11 3 ] | [ link 18 5 13 2 | link 18 9 13 2 | link 18 16 13 2 | link 18 24 13 2 | link 18 12 13 2 | link 18 20 13 2 | complete title 18 0 13 3 ] | [ link 38 12 11 2 | link 38 16 11 2 | link 38 5 11 2 | link 38 9 11 2 | link 38 20 11 2 | complete title 38 0 11 3 ] | [ link 56 9 9 2 | link 56 12 9 2 | link 56 16 9 2 | link 56 24 9 2 | link 56 5 9 2 | link 56 20 9 2 | complete title 56 0 9 3 ] | [ link 72 9 10 2 | link 72 5 10 2 | complete title 72 0 10 3 ] \"", "layout_seq_without_completion": "logo 112 14 7 2 | logo 107 34 8 10 | logo 111 21 8 8 | logo 102 21 8 8 | logo 103 12 7 3 | \" [ logo 101 0 4 4 ] | [ logo 108 0 4 4 ] | [ logo 115 0 4 4 ] \" | \" [ link 0 12 11 2 | link 0 16 11 2 | link 0 5 11 2 | link 0 9 11 2 | title 0 0 11 3 ] | [ link 18 5 13 2 | link 18 9 13 2 | link 18 16 13 2 | link 18 24 13 2 | link 18 12 13 2 | link 18 20 13 2 | title 18 0 13 3 ] | [ link 38 12 11 2 | link 38 16 11 2 | link 38 5 11 2 | link 38 9 11 2 | link 38 20 11 2 | title 38 0 11 3 ] | [ link 56 9 9 2 | link 56 12 9 2 | link 56 16 9 2 | link 56 24 9 2 | link 56 5 9 2 | link 56 20 9 2 | title 56 0 9 3 ] | [ link 72 9 10 2 | link 72 5 10 2 | title 72 0 10 3 ] \"", "plain_layout_seq": "link 0 12 11 2 | link 0 16 11 2 | link 0 5 11 2 | link 0 9 11 2 | link 18 5 13 2 | link 18 9 13 2 | link 18 16 13 2 | link 18 24 13 2 | link 18 12 13 2 | link 18 20 13 2 | link 38 12 11 2 | link 38 16 11 2 | link 38 5 11 2 | link 38 9 11 2 | link 38 20 11 2 | link 56 9 9 2 | link 56 12 9 2 | link 56 16 9 2 | link 56 24 9 2 | link 56 5 9 2 | link 56 20 9 2 | link 72 9 10 2 | link 72 5 10 2 | logo 112 14 7 2 | logo 107 34 8 10 | logo 111 21 8 8 | logo 102 21 8 8 | logo 103 12 7 3 | logo 101 0 4 4 | logo 108 0 4 4 | logo 115 0 4 4 | title 0 0 11 3 | title 18 0 13 3 | title 38 0 11 3 | title 56 0 9 3 | title 72 0 10 3", "canvas_width": 1024, "canvas_height": 400, "elements": [ { "type": "title", "position": [ 0, 0, 101, 26 ], "completed": true }, { "type": "title", "position": [ 156, 0, 117, 26 ], "completed": true }, { "type": "title", "position": [ 327, 0, 102, 26 ], "completed": true }, { "type": "title", "position": [ 484, 0, 77, 26 ], "completed": true }, { "type": "title", "position": [ 615, 0, 91, 26 ], "completed": true }, { "type": "logo", "position": [ 864, 0, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 924, 0, 40, 40 ], "completed": false }, { "type": "logo", "position": [ 984, 0, 40, 40 ], "completed": false }, { "type": "link", "position": [ 0, 44, 101, 24 ], "completed": false }, { "type": "link", "position": [ 156, 44, 117, 24 ], "completed": false }, { "type": "link", "position": [ 327, 44, 102, 24 ], "completed": false }, { "type": "link", "position": [ 484, 44, 77, 24 ], "completed": false }, { "type": "link", "position": [ 615, 44, 91, 24 ], "completed": false }, { "type": "link", "position": [ 0, 77, 101, 24 ], "completed": false }, { "type": "link", "position": [ 156, 77, 117, 24 ], "completed": false }, { "type": "link", "position": [ 327, 77, 102, 24 ], "completed": false }, { "type": "link", "position": [ 484, 77, 77, 24 ], "completed": false }, { "type": "link", "position": [ 615, 77, 91, 24 ], "completed": false }, { "type": "link", "position": [ 0, 110, 101, 24 ], "completed": false }, { "type": "link", "position": [ 156, 110, 117, 24 ], "completed": false }, { "type": "link", "position": [ 327, 110, 102, 24 ], "completed": false }, { "type": "link", "position": [ 484, 110, 77, 24 ], "completed": false }, { "type": "logo", "position": [ 882, 110, 64, 32 ], "completed": false }, { "type": "logo", "position": [ 956, 120, 65, 22 ], "completed": false }, { "type": "link", "position": [ 0, 143, 101, 24 ], "completed": false }, { "type": "link", "position": [ 156, 143, 117, 24 ], "completed": false }, { "type": "link", "position": [ 327, 143, 102, 24 ], "completed": false }, { "type": "link", "position": [ 484, 143, 77, 24 ], "completed": false }, { "type": "link", "position": [ 156, 176, 117, 24 ], "completed": false }, { "type": "link", "position": [ 327, 176, 102, 24 ], "completed": false }, { "type": "link", "position": [ 484, 176, 77, 24 ], "completed": false }, { "type": "logo", "position": [ 876, 182, 70, 70 ], "completed": false }, { "type": "logo", "position": [ 951, 182, 70, 70 ], "completed": false }, { "type": "link", "position": [ 156, 209, 117, 24 ], "completed": false }, { "type": "link", "position": [ 484, 209, 77, 24 ], "completed": false }, { "type": "logo", "position": [ 917, 292, 70, 88 ], "completed": false } ] }, { "text": "#A page for navigation of the BEST DEALS&PROMOTIONS.#The page should have a title and an input box to import the email and there is a button \"OK\". On the left side of the page, there are five icons of social media and the text \"Powered by Shopify\". In the middle of the page, there are six links for users to click fastly, search, contact, order&shipping, returns&exchanges, product sizing, and account. At the bottom of the page, there are ten logos.", "region_id": "6781", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:input [attr:value 'your email']] [el:button [attr:value 'ok'] ] [el:icon [attr:repeat '5'] [attr:position 'left'] ] [el:text [attr:value 'Powered by Shopify'] [attr:position 'left'] ] [gp:NavGroup [gattr:total_link '6'] [gattr:names 'search, contact,order&shipping,returns&exchanges,product sizing,account'] [item [el:link] ] ] [el:logo [attr:repeat '10'] [attr:position 'bottom'] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | logo bottom undefined | text left undefined | title undefined undefined | { [ icon left undefined ] | [ icon left undefined ] | [ icon left undefined ] | [ icon left undefined ] | [ icon left undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 108 12 6 5 | input 79 12 27 5 | text 5 25 16 2 | title 79 5 35 5 | \" [ icon 5 6 2 1 ] | [ icon 9 6 2 1 ] | [ icon 14 6 2 1 ] | [ icon 18 6 2 1 ] | [ icon 22 6 3 1 ] \" | \" [ link 50 5 5 2 ] | [ link 50 8 6 2 ] | [ link 50 11 15 2 ] | [ link 50 13 18 2 ] | [ link 50 16 12 2 ] | [ link 50 19 7 2 ] \" | \" [ logo 52 24 4 2 ] | [ logo 59 24 4 2 ] | [ logo 65 24 4 2 ] | [ logo 71 24 4 2 ] | [ logo 78 24 4 2 ] | [ logo 84 24 4 2 ] | [ logo 90 24 4 2 ] | [ logo 97 24 4 2 ] | [ logo 103 24 4 2 ] | [ logo 109 24 4 2 ] \"", "layout_seq_without_completion": "button 108 12 6 5 | input 79 12 27 5 | text 5 25 16 2 | title 79 5 35 5 | \" [ icon 5 6 2 1 ] | [ icon 9 6 2 1 ] | [ icon 14 6 2 1 ] | [ icon 18 6 2 1 ] | [ icon 22 6 3 1 ] \" | \" [ link 50 5 5 2 ] | [ link 50 8 6 2 ] | [ link 50 11 15 2 ] | [ link 50 13 18 2 ] | [ link 50 16 12 2 ] | [ link 50 19 7 2 ] \" | \" [ logo 52 24 4 2 ] | [ logo 59 24 4 2 ] | [ logo 65 24 4 2 ] | [ logo 71 24 4 2 ] | [ logo 78 24 4 2 ] | [ logo 84 24 4 2 ] | [ logo 90 24 4 2 ] | [ logo 97 24 4 2 ] | [ logo 103 24 4 2 ] | [ logo 109 24 4 2 ] \"", "plain_layout_seq": "button 108 12 6 5 | icon 5 6 2 1 | icon 9 6 2 1 | icon 14 6 2 1 | icon 18 6 2 1 | icon 22 6 3 1 | input 79 12 27 5 | link 50 5 5 2 | link 50 8 6 2 | link 50 11 15 2 | link 50 13 18 2 | link 50 16 12 2 | link 50 19 7 2 | logo 52 24 4 2 | logo 59 24 4 2 | logo 65 24 4 2 | logo 71 24 4 2 | logo 78 24 4 2 | logo 84 24 4 2 | logo 90 24 4 2 | logo 97 24 4 2 | logo 103 24 4 2 | logo 109 24 4 2 | text 5 25 16 2 | title 79 5 35 5", "canvas_width": 1024, "canvas_height": 280, "elements": [ { "type": "title", "position": [ 676, 44, 300, 48 ], "completed": false }, { "type": "link", "position": [ 432, 46, 51, 19 ], "completed": false }, { "type": "icon", "position": [ 48, 53, 20, 16 ], "completed": false }, { "type": "icon", "position": [ 84, 53, 22, 16 ], "completed": false }, { "type": "icon", "position": [ 122, 53, 20, 16 ], "completed": false }, { "type": "icon", "position": [ 158, 53, 20, 16 ], "completed": false }, { "type": "icon", "position": [ 194, 53, 29, 16 ], "completed": false }, { "type": "link", "position": [ 432, 70, 58, 19 ], "completed": false }, { "type": "link", "position": [ 432, 94, 132, 19 ], "completed": false }, { "type": "input", "position": [ 676, 104, 238, 46 ], "completed": false }, { "type": "button", "position": [ 924, 105, 52, 45 ], "completed": false }, { "type": "link", "position": [ 432, 118, 160, 19 ], "completed": false }, { "type": "link", "position": [ 432, 142, 109, 19 ], "completed": false }, { "type": "link", "position": [ 432, 166, 60, 19 ], "completed": false }, { "type": "logo", "position": [ 452, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 506, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 560, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 614, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 668, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 722, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 776, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 830, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 884, 209, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 938, 209, 38, 24 ], "completed": false }, { "type": "text", "position": [ 48, 214, 144, 19 ], "completed": false } ] }, { "text": "# A footer page for a company's info. # The page should have three groups: \"Quick Connect\" \"Follow Us\" and \"Subscribe\". In the first group \"Quick Connect\", there should be three items showing the company's phone number, address, and mail address. In the second group \"Follow Us\", there should be six icons showing the logo of the social media, so the user can follow the company on social media platforms. In the third group \"Subscribe\", there should include a description, an input box for entering the email address, and a button used to click to subscribe.", "region_id": "5524", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'quick connect'] ] [el:text [attr:repeat '3'] ] ] [item [el:title [attr:value 'follow us'] ] [el:icon [attr:repeat '6'] ] ] [item [el:title [attr:value 'subscribe'] ] [el:description] [el:input [attr:value 'email'] ] [el:button [attr:value 'subscribe'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 79 38 28 5 | description 79 17 28 10 | input 79 30 28 6 | text 11 21 28 13 | text 11 18 28 3 | text 11 34 28 3 | title 45 13 28 5 | title 11 13 28 5 | title 79 13 28 4 | \" [ icon 45 20 5 5 ] | [ icon 51 20 5 5 ] | [ icon 57 20 5 5 ] | [ icon 63 20 5 5 ] | [ icon 45 26 5 5 ] | [ icon 51 26 5 5 ] \"", "layout_seq_without_completion": "button 79 38 28 5 | description 79 17 28 10 | input 79 30 28 6 | text 11 21 28 13 | text 11 18 28 3 | text 11 34 28 3 | title 45 13 28 5 | title 11 13 28 5 | title 79 13 28 4 | \" [ icon 45 20 5 5 ] | [ icon 51 20 5 5 ] | [ icon 57 20 5 5 ] | [ icon 63 20 5 5 ] | [ icon 45 26 5 5 ] | [ icon 51 26 5 5 ] \"", "plain_layout_seq": "button 79 38 28 5 | description 79 17 28 10 | icon 45 20 5 5 | icon 51 20 5 5 | icon 57 20 5 5 | icon 63 20 5 5 | icon 45 26 5 5 | icon 51 26 5 5 | input 79 30 28 6 | text 11 21 28 13 | text 11 18 28 3 | text 11 34 28 3 | title 45 13 28 5 | title 11 13 28 5 | title 79 13 28 4", "canvas_width": 1024, "canvas_height": 490, "elements": [ { "type": "title", "position": [ 102, 111, 243, 43 ], "completed": false }, { "type": "title", "position": [ 390, 111, 243, 43 ], "completed": false }, { "type": "title", "position": [ 679, 111, 243, 41 ], "completed": false }, { "type": "description", "position": [ 679, 151, 243, 86 ], "completed": false }, { "type": "text", "position": [ 102, 154, 243, 29 ], "completed": false }, { "type": "icon", "position": [ 390, 174, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 442, 174, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 494, 174, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 546, 174, 44, 44 ], "completed": false }, { "type": "text", "position": [ 102, 182, 243, 115 ], "completed": false }, { "type": "icon", "position": [ 390, 226, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 442, 226, 44, 44 ], "completed": false }, { "type": "input", "position": [ 679, 263, 243, 53 ], "completed": false }, { "type": "text", "position": [ 102, 298, 243, 29 ], "completed": false }, { "type": "button", "position": [ 679, 332, 243, 48 ], "completed": false } ] }, { "text": "#A page for navigation of the web and for users to subscribe. # The page should have five groups with several links for users to click to know the different content of the web fastly, such as policy info, popular links, and so on. In addition, there should also be one input and one button for users to enter their emails and subscribe.", "region_id": "2178", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [gattr:names'policy info, popular links'] [item [el:link [attr:repeat'several'] ] ] ] [el:input [attr:value'enter your email'] ] [el:button [attr:value'subscribe'] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 100 9 7 4 | input 84 9 16 4 | link 84 18 26 2 | link 84 15 26 2 | complete title 84 5 26 4 | \" [ link 3 12 8 1 | link 3 10 8 1 | link 3 14 8 1 | link 3 17 20 1 | link 3 19 2 1 | complete title 3 5 22 4 ] | [ link 27 14 2 1 | link 27 10 11 1 | link 27 12 5 1 | link 27 17 5 1 | link 27 19 7 1 | complete title 27 5 17 4 ] | [ link 46 10 9 1 | link 46 12 10 1 | link 46 14 10 1 | complete title 46 5 17 4 ] | [ link 65 10 5 1 | link 65 12 8 1 | link 65 24 8 1 | link 65 14 8 1 | link 65 17 4 1 | link 65 19 4 1 | link 65 21 7 1 | complete title 65 5 17 4 ] \"", "layout_seq_without_completion": "button 100 9 7 4 | input 84 9 16 4 | link 84 18 26 2 | link 84 15 26 2 | title 84 5 26 4 | \" [ link 3 12 8 1 | link 3 10 8 1 | link 3 14 8 1 | link 3 17 20 1 | link 3 19 2 1 | title 3 5 22 4 ] | [ link 27 14 2 1 | link 27 10 11 1 | link 27 12 5 1 | link 27 17 5 1 | link 27 19 7 1 | title 27 5 17 4 ] | [ link 46 10 9 1 | link 46 12 10 1 | link 46 14 10 1 | title 46 5 17 4 ] | [ link 65 10 5 1 | link 65 12 8 1 | link 65 24 8 1 | link 65 14 8 1 | link 65 17 4 1 | link 65 19 4 1 | link 65 21 7 1 | title 65 5 17 4 ] \"", "plain_layout_seq": "button 100 9 7 4 | input 84 9 16 4 | link 84 18 26 2 | link 84 15 26 2 | link 3 12 8 1 | link 3 10 8 1 | link 3 14 8 1 | link 3 17 20 1 | link 3 19 2 1 | link 27 14 2 1 | link 27 10 11 1 | link 27 12 5 1 | link 27 17 5 1 | link 27 19 7 1 | link 46 10 9 1 | link 46 12 10 1 | link 46 14 10 1 | link 65 10 5 1 | link 65 12 8 1 | link 65 24 8 1 | link 65 14 8 1 | link 65 17 4 1 | link 65 19 4 1 | link 65 21 7 1 | title 84 5 26 4 | title 3 5 22 4 | title 27 5 17 4 | title 46 5 17 4 | title 65 5 17 4", "canvas_width": 1024, "canvas_height": 275, "elements": [ { "type": "title", "position": [ 28, 50, 189, 35 ], "completed": true }, { "type": "title", "position": [ 233, 50, 148, 35 ], "completed": true }, { "type": "title", "position": [ 397, 50, 148, 35 ], "completed": true }, { "type": "title", "position": [ 561, 50, 148, 35 ], "completed": true }, { "type": "title", "position": [ 717, 50, 230, 35 ], "completed": true }, { "type": "input", "position": [ 717, 85, 144, 38 ], "completed": false }, { "type": "button", "position": [ 861, 85, 67, 38 ], "completed": false }, { "type": "link", "position": [ 28, 86, 75, 17 ], "completed": false }, { "type": "link", "position": [ 233, 86, 101, 17 ], "completed": false }, { "type": "link", "position": [ 397, 86, 77, 17 ], "completed": false }, { "type": "link", "position": [ 561, 86, 48, 17 ], "completed": false }, { "type": "link", "position": [ 28, 106, 74, 17 ], "completed": false }, { "type": "link", "position": [ 233, 106, 44, 17 ], "completed": false }, { "type": "link", "position": [ 397, 106, 91, 17 ], "completed": false }, { "type": "link", "position": [ 561, 106, 71, 17 ], "completed": false }, { "type": "link", "position": [ 28, 126, 72, 17 ], "completed": false }, { "type": "link", "position": [ 233, 126, 24, 17 ], "completed": false }, { "type": "link", "position": [ 397, 126, 88, 17 ], "completed": false }, { "type": "link", "position": [ 561, 126, 75, 17 ], "completed": false }, { "type": "link", "position": [ 717, 135, 230, 20 ], "completed": false }, { "type": "link", "position": [ 28, 146, 179, 17 ], "completed": false }, { "type": "link", "position": [ 233, 146, 46, 17 ], "completed": false }, { "type": "link", "position": [ 561, 146, 39, 17 ], "completed": false }, { "type": "link", "position": [ 717, 155, 230, 20 ], "completed": false }, { "type": "link", "position": [ 28, 166, 22, 17 ], "completed": false }, { "type": "link", "position": [ 233, 166, 63, 17 ], "completed": false }, { "type": "link", "position": [ 561, 166, 35, 17 ], "completed": false }, { "type": "link", "position": [ 561, 186, 68, 17 ], "completed": false }, { "type": "link", "position": [ 561, 206, 73, 17 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include three categories. Under each category, there should be several sublinks where users can click to get further information. Besides, five buttons are needed for users to click to log in.", "region_id": "2160", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [item [el:text] [el:link [attr:repeat'several'] ] ] ] [el:button [attr:repeat'5'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ link 13 5 20 2 | link 13 11 12 2 | link 13 21 8 2 | link 13 26 5 2 | link 13 16 14 2 | link 13 31 5 2 | text 13 0 21 2 ] | [ link 51 11 7 2 | link 51 31 14 2 | link 51 36 10 2 | link 51 41 20 2 | link 51 5 7 2 | link 51 16 7 2 | link 51 21 7 2 | link 51 26 11 2 | text 51 0 21 2 ] | [ link 74 5 6 2 | link 74 11 13 2 | text 74 0 21 2 ] | [ button 97 13 8 8 | button 105 13 8 8 | button 97 22 8 8 | button 97 5 8 8 | button 105 5 8 8 | text 97 0 21 2 ] \"", "layout_seq_without_completion": "\" [ link 13 5 20 2 | link 13 11 12 2 | link 13 21 8 2 | link 13 26 5 2 | link 13 16 14 2 | link 13 31 5 2 | text 13 0 21 2 ] | [ link 51 11 7 2 | link 51 31 14 2 | link 51 36 10 2 | link 51 41 20 2 | link 51 5 7 2 | link 51 16 7 2 | link 51 21 7 2 | link 51 26 11 2 | text 51 0 21 2 ] | [ link 74 5 6 2 | link 74 11 13 2 | text 74 0 21 2 ] | [ button 97 13 8 8 | button 105 13 8 8 | button 97 22 8 8 | button 97 5 8 8 | button 105 5 8 8 | text 97 0 21 2 ] \"", "plain_layout_seq": "button 97 13 8 8 | button 105 13 8 8 | button 97 22 8 8 | button 97 5 8 8 | button 105 5 8 8 | link 13 5 20 2 | link 13 11 12 2 | link 13 21 8 2 | link 13 26 5 2 | link 13 16 14 2 | link 13 31 5 2 | link 51 11 7 2 | link 51 31 14 2 | link 51 36 10 2 | link 51 41 20 2 | link 51 5 7 2 | link 51 16 7 2 | link 51 21 7 2 | link 51 26 11 2 | link 74 5 6 2 | link 74 11 13 2 | text 13 0 21 2 | text 51 0 21 2 | text 74 0 21 2 | text 97 0 21 2", "canvas_width": 1003, "canvas_height": 438, "elements": [ { "type": "text", "position": [ 110, 0, 181, 24 ], "completed": false }, { "type": "text", "position": [ 429, 0, 181, 24 ], "completed": false }, { "type": "text", "position": [ 620, 0, 181, 24 ], "completed": false }, { "type": "text", "position": [ 812, 0, 181, 24 ], "completed": false }, { "type": "button", "position": [ 812, 46, 70, 70 ], "completed": false }, { "type": "button", "position": [ 881, 46, 70, 70 ], "completed": false }, { "type": "link", "position": [ 110, 50, 174, 18 ], "completed": false }, { "type": "link", "position": [ 429, 50, 64, 18 ], "completed": false }, { "type": "link", "position": [ 620, 50, 58, 18 ], "completed": false }, { "type": "link", "position": [ 110, 93, 107, 18 ], "completed": false }, { "type": "link", "position": [ 429, 93, 64, 18 ], "completed": false }, { "type": "link", "position": [ 620, 93, 111, 18 ], "completed": false }, { "type": "button", "position": [ 812, 115, 70, 70 ], "completed": false }, { "type": "button", "position": [ 881, 115, 70, 70 ], "completed": false }, { "type": "link", "position": [ 110, 136, 119, 18 ], "completed": false }, { "type": "link", "position": [ 429, 136, 59, 18 ], "completed": false }, { "type": "link", "position": [ 110, 179, 71, 18 ], "completed": false }, { "type": "link", "position": [ 429, 179, 60, 18 ], "completed": false }, { "type": "button", "position": [ 812, 184, 70, 70 ], "completed": false }, { "type": "link", "position": [ 110, 222, 49, 18 ], "completed": false }, { "type": "link", "position": [ 429, 222, 99, 18 ], "completed": false }, { "type": "link", "position": [ 110, 265, 43, 18 ], "completed": false }, { "type": "link", "position": [ 429, 265, 124, 18 ], "completed": false }, { "type": "link", "position": [ 429, 308, 85, 18 ], "completed": false }, { "type": "link", "position": [ 429, 351, 173, 18 ], "completed": false } ] }, { "text": "#This page mainly introduces Emergent Gadget for users, which is convenient for users to understand the product.# In addition to the Emergent Gadget logo on this page, the right side is divided into three groups to introduce products: Customer care, the Main menu and Sign up and save. Each group contains some links for users to learn more about the company. There is also a link and icon for entering your email under the Signup and save the group.", "region_id": "8108", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:value 'Emergent Gadget']] [gp:InfoGroup [item [el:title [attr:value 'customer care'] ] [el:link [attr:repeat 'Several']]] [item [el:title [attr:value 'main menu'] ] [el:link [attr:repeat 'Several'] ] ] [item [el:title [attr:value 'Sign up and save'] ] [el:link] [el:input [attr:value 'enter your email']] [el:icon] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | input undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 4 7 24 8 | title 88 7 18 4 | \" [ link 31 11 5 3 | link 31 23 10 3 | link 31 35 12 3 | link 31 39 13 3 | link 31 15 8 3 | link 31 19 4 3 | link 31 27 10 3 | link 31 31 11 3 | title 31 7 25 2 ] | [ link 60 11 4 3 | link 60 27 13 3 | link 60 15 12 3 | link 60 19 19 3 | link 60 23 9 3 | title 60 7 25 2 ] | [ icon 104 27 3 2 | input 88 26 18 5 | link 88 14 18 10 ] \"", "layout_seq_without_completion": "logo 4 7 24 8 | title 88 7 18 4 | \" [ link 31 11 5 3 | link 31 23 10 3 | link 31 35 12 3 | link 31 39 13 3 | link 31 15 8 3 | link 31 19 4 3 | link 31 27 10 3 | link 31 31 11 3 | title 31 7 25 2 ] | [ link 60 11 4 3 | link 60 27 13 3 | link 60 15 12 3 | link 60 19 19 3 | link 60 23 9 3 | title 60 7 25 2 ] | [ icon 104 27 3 2 | input 88 26 18 5 | link 88 14 18 10 ] \"", "plain_layout_seq": "icon 104 27 3 2 | input 88 26 18 5 | link 31 11 5 3 | link 31 23 10 3 | link 31 35 12 3 | link 31 39 13 3 | link 31 15 8 3 | link 31 19 4 3 | link 31 27 10 3 | link 31 31 11 3 | link 60 11 4 3 | link 60 27 13 3 | link 60 15 12 3 | link 60 19 19 3 | link 60 23 9 3 | link 88 14 18 10 | logo 4 7 24 8 | title 88 7 18 4 | title 31 7 25 2 | title 60 7 25 2", "canvas_width": 1024, "canvas_height": 426, "elements": [ { "type": "logo", "position": [ 40, 60, 210, 73 ], "completed": false }, { "type": "title", "position": [ 272, 60, 220, 20 ], "completed": false }, { "type": "title", "position": [ 513, 60, 220, 20 ], "completed": false }, { "type": "title", "position": [ 755, 60, 160, 41 ], "completed": false }, { "type": "link", "position": [ 272, 101, 44, 30 ], "completed": false }, { "type": "link", "position": [ 513, 101, 38, 30 ], "completed": false }, { "type": "link", "position": [ 755, 121, 160, 87 ], "completed": false }, { "type": "link", "position": [ 272, 134, 70, 30 ], "completed": false }, { "type": "link", "position": [ 513, 134, 106, 30 ], "completed": false }, { "type": "link", "position": [ 272, 167, 37, 30 ], "completed": false }, { "type": "link", "position": [ 513, 167, 165, 30 ], "completed": false }, { "type": "link", "position": [ 272, 200, 90, 30 ], "completed": false }, { "type": "link", "position": [ 513, 200, 79, 30 ], "completed": false }, { "type": "input", "position": [ 755, 223, 160, 44 ], "completed": false }, { "type": "link", "position": [ 272, 233, 86, 30 ], "completed": false }, { "type": "link", "position": [ 513, 233, 113, 30 ], "completed": false }, { "type": "icon", "position": [ 888, 234, 26, 24 ], "completed": false }, { "type": "link", "position": [ 272, 267, 100, 30 ], "completed": false }, { "type": "link", "position": [ 272, 300, 106, 30 ], "completed": false }, { "type": "link", "position": [ 272, 333, 113, 30 ], "completed": false } ] }, { "text": "# A footer page for navigation links of a company.# There should be five lists of navigation links: \"Company\" \"Products\" \"Community\" \"Solutions\" and \"Contact\" to introduce the company's info. There should have 12, 15, 13, 12, and 5 links in the respective list.", "region_id": "6285", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'company'] ] [el:link [attr:repeat '12'] ] ] [item [el:title [attr:value 'products'] ] [el:link [attr:repeat '15'] ] ] [item [el:title [attr:value 'community'] ] [el:link [attr:repeat '15'] ] ] [item [el:title [attr:value 'solutions'] ] [el:link [attr:repeat '12'] ] ] [item [el:title [attr:value 'contact'] ] [el:link [attr:repeat '5'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 13 5 2 | link 1 17 9 2 | link 1 21 4 2 | link 1 41 5 2 | link 1 45 4 2 | link 1 49 12 2 | link 1 53 16 2 | link 1 25 6 2 | link 1 29 9 2 | link 1 33 7 2 | link 1 37 15 2 | link 1 57 9 2 | title 1 7 21 3 ] | [ link 25 13 17 2 | link 25 17 7 2 | link 25 25 11 2 | link 25 49 12 2 | link 25 53 18 2 | link 25 57 3 2 | link 25 61 6 2 | link 25 65 13 2 | link 25 69 13 2 | link 25 21 10 2 | link 25 29 8 2 | link 25 33 19 2 | link 25 37 6 2 | link 25 41 11 2 | link 25 45 14 2 | title 25 7 21 3 ] | [ link 49 17 7 2 | link 49 21 3 2 | link 49 33 17 2 | link 49 37 21 2 | link 49 41 10 2 | link 49 61 16 2 | link 49 13 7 2 | link 49 25 9 2 | link 49 29 17 2 | link 49 45 16 2 | link 49 49 16 2 | link 49 53 11 2 | link 49 57 15 2 | title 49 7 21 3 ] | [ link 73 13 17 2 | link 73 17 14 2 | link 73 21 17 2 | link 73 25 8 2 | link 73 29 4 2 | link 73 33 7 2 | link 73 41 17 5 | link 73 48 16 5 | link 73 55 7 2 | link 73 59 16 2 | link 73 62 15 5 | link 73 37 13 2 | title 73 7 21 3 ] | [ link 97 17 4 2 | link 97 21 12 2 | link 97 13 7 2 | link 97 25 13 2 | link 97 29 15 2 | title 97 7 21 3 ] \"", "layout_seq_without_completion": "\" [ link 1 13 5 2 | link 1 17 9 2 | link 1 21 4 2 | link 1 41 5 2 | link 1 45 4 2 | link 1 49 12 2 | link 1 53 16 2 | link 1 25 6 2 | link 1 29 9 2 | link 1 33 7 2 | link 1 37 15 2 | link 1 57 9 2 | title 1 7 21 3 ] | [ link 25 13 17 2 | link 25 17 7 2 | link 25 25 11 2 | link 25 49 12 2 | link 25 53 18 2 | link 25 57 3 2 | link 25 61 6 2 | link 25 65 13 2 | link 25 69 13 2 | link 25 21 10 2 | link 25 29 8 2 | link 25 33 19 2 | link 25 37 6 2 | link 25 41 11 2 | link 25 45 14 2 | title 25 7 21 3 ] | [ link 49 17 7 2 | link 49 21 3 2 | link 49 33 17 2 | link 49 37 21 2 | link 49 41 10 2 | link 49 61 16 2 | link 49 13 7 2 | link 49 25 9 2 | link 49 29 17 2 | link 49 45 16 2 | link 49 49 16 2 | link 49 53 11 2 | link 49 57 15 2 | title 49 7 21 3 ] | [ link 73 13 17 2 | link 73 17 14 2 | link 73 21 17 2 | link 73 25 8 2 | link 73 29 4 2 | link 73 33 7 2 | link 73 41 17 5 | link 73 48 16 5 | link 73 55 7 2 | link 73 59 16 2 | link 73 62 15 5 | link 73 37 13 2 | title 73 7 21 3 ] | [ link 97 17 4 2 | link 97 21 12 2 | link 97 13 7 2 | link 97 25 13 2 | link 97 29 15 2 | title 97 7 21 3 ] \"", "plain_layout_seq": "link 1 13 5 2 | link 1 17 9 2 | link 1 21 4 2 | link 1 41 5 2 | link 1 45 4 2 | link 1 49 12 2 | link 1 53 16 2 | link 1 25 6 2 | link 1 29 9 2 | link 1 33 7 2 | link 1 37 15 2 | link 1 57 9 2 | link 25 13 17 2 | link 25 17 7 2 | link 25 25 11 2 | link 25 49 12 2 | link 25 53 18 2 | link 25 57 3 2 | link 25 61 6 2 | link 25 65 13 2 | link 25 69 13 2 | link 25 21 10 2 | link 25 29 8 2 | link 25 33 19 2 | link 25 37 6 2 | link 25 41 11 2 | link 25 45 14 2 | link 49 17 7 2 | link 49 21 3 2 | link 49 33 17 2 | link 49 37 21 2 | link 49 41 10 2 | link 49 61 16 2 | link 49 13 7 2 | link 49 25 9 2 | link 49 29 17 2 | link 49 45 16 2 | link 49 49 16 2 | link 49 53 11 2 | link 49 57 15 2 | link 73 13 17 2 | link 73 17 14 2 | link 73 21 17 2 | link 73 25 8 2 | link 73 29 4 2 | link 73 33 7 2 | link 73 41 17 5 | link 73 48 16 5 | link 73 55 7 2 | link 73 59 16 2 | link 73 62 15 5 | link 73 37 13 2 | link 97 17 4 2 | link 97 21 12 2 | link 97 13 7 2 | link 97 25 13 2 | link 97 29 15 2 | title 1 7 21 3 | title 25 7 21 3 | title 49 7 21 3 | title 73 7 21 3 | title 97 7 21 3", "canvas_width": 976, "canvas_height": 608, "elements": [ { "type": "title", "position": [ 12, 58, 171, 28 ], "completed": false }, { "type": "title", "position": [ 207, 58, 171, 28 ], "completed": false }, { "type": "title", "position": [ 402, 58, 171, 28 ], "completed": false }, { "type": "title", "position": [ 598, 58, 171, 28 ], "completed": false }, { "type": "title", "position": [ 793, 58, 171, 28 ], "completed": false }, { "type": "link", "position": [ 12, 111, 44, 20 ], "completed": false }, { "type": "link", "position": [ 207, 111, 141, 20 ], "completed": false }, { "type": "link", "position": [ 402, 111, 62, 20 ], "completed": false }, { "type": "link", "position": [ 598, 111, 144, 20 ], "completed": false }, { "type": "link", "position": [ 793, 111, 58, 20 ], "completed": false }, { "type": "link", "position": [ 12, 144, 80, 20 ], "completed": false }, { "type": "link", "position": [ 207, 144, 62, 20 ], "completed": false }, { "type": "link", "position": [ 402, 144, 64, 20 ], "completed": false }, { "type": "link", "position": [ 598, 144, 121, 20 ], "completed": false }, { "type": "link", "position": [ 793, 144, 39, 20 ], "completed": false }, { "type": "link", "position": [ 12, 176, 33, 20 ], "completed": false }, { "type": "link", "position": [ 207, 176, 83, 20 ], "completed": false }, { "type": "link", "position": [ 402, 176, 32, 20 ], "completed": false }, { "type": "link", "position": [ 598, 176, 146, 20 ], "completed": false }, { "type": "link", "position": [ 793, 176, 101, 20 ], "completed": false }, { "type": "link", "position": [ 12, 208, 56, 20 ], "completed": false }, { "type": "link", "position": [ 207, 208, 96, 20 ], "completed": false }, { "type": "link", "position": [ 402, 208, 81, 20 ], "completed": false }, { "type": "link", "position": [ 598, 208, 73, 20 ], "completed": false }, { "type": "link", "position": [ 793, 208, 107, 20 ], "completed": false }, { "type": "link", "position": [ 12, 241, 78, 20 ], "completed": false }, { "type": "link", "position": [ 207, 241, 71, 20 ], "completed": false }, { "type": "link", "position": [ 402, 241, 146, 20 ], "completed": false }, { "type": "link", "position": [ 598, 241, 34, 20 ], "completed": false }, { "type": "link", "position": [ 793, 241, 123, 20 ], "completed": false }, { "type": "link", "position": [ 12, 273, 63, 20 ], "completed": false }, { "type": "link", "position": [ 207, 273, 155, 20 ], "completed": false }, { "type": "link", "position": [ 402, 273, 145, 20 ], "completed": false }, { "type": "link", "position": [ 598, 273, 62, 20 ], "completed": false }, { "type": "link", "position": [ 12, 306, 124, 20 ], "completed": false }, { "type": "link", "position": [ 207, 306, 54, 20 ], "completed": false }, { "type": "link", "position": [ 402, 306, 171, 20 ], "completed": false }, { "type": "link", "position": [ 598, 306, 110, 20 ], "completed": false }, { "type": "link", "position": [ 12, 338, 41, 20 ], "completed": false }, { "type": "link", "position": [ 207, 338, 92, 20 ], "completed": false }, { "type": "link", "position": [ 402, 338, 84, 20 ], "completed": false }, { "type": "link", "position": [ 598, 338, 143, 42 ], "completed": false }, { "type": "link", "position": [ 12, 370, 39, 20 ], "completed": false }, { "type": "link", "position": [ 207, 370, 115, 20 ], "completed": false }, { "type": "link", "position": [ 402, 370, 136, 20 ], "completed": false }, { "type": "link", "position": [ 598, 393, 132, 42 ], "completed": false }, { "type": "link", "position": [ 12, 403, 105, 20 ], "completed": false }, { "type": "link", "position": [ 207, 403, 105, 20 ], "completed": false }, { "type": "link", "position": [ 402, 403, 135, 20 ], "completed": false }, { "type": "link", "position": [ 12, 435, 134, 20 ], "completed": false }, { "type": "link", "position": [ 207, 435, 149, 20 ], "completed": false }, { "type": "link", "position": [ 402, 435, 95, 20 ], "completed": false }, { "type": "link", "position": [ 598, 448, 64, 20 ], "completed": false }, { "type": "link", "position": [ 12, 468, 80, 20 ], "completed": false }, { "type": "link", "position": [ 207, 468, 26, 20 ], "completed": false }, { "type": "link", "position": [ 402, 468, 129, 20 ], "completed": false }, { "type": "link", "position": [ 598, 480, 136, 20 ], "completed": false }, { "type": "link", "position": [ 207, 500, 49, 20 ], "completed": false }, { "type": "link", "position": [ 402, 500, 133, 20 ], "completed": false }, { "type": "link", "position": [ 598, 512, 130, 42 ], "completed": false }, { "type": "link", "position": [ 207, 532, 113, 20 ], "completed": false }, { "type": "link", "position": [ 207, 565, 108, 20 ], "completed": false } ] }, { "text": "#A page for introducing one company's info.# There are four info groups\" DEALS&BUNDLES\", \"SECURITY\", \"PRIVACY\", and \"PERFORMANCE\". Each group includes many links for more detailed info.", "region_id": "4512", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'deals&bundles, security, privacy, performance'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 31 0 27 4 | complete title 61 0 27 4 | complete title 1 0 27 4 | complete title 91 0 27 4 | \" [ link 1 7 14 1 ] | [ link 1 10 8 1 ] | [ link 1 13 12 1 ] | [ link 1 16 9 1 ] \" | \" [ link 93 11 21 1 | link 93 14 16 1 | link 91 7 12 1 ] \" | \" [ link 33 14 12 1 | link 33 17 15 1 | link 33 24 11 1 | link 31 32 11 1 | link 31 38 5 1 | link 31 41 13 1 | link 31 7 7 1 | link 33 11 15 1 | link 33 20 11 1 | link 31 29 13 1 | link 31 35 15 1 ] | [ link 63 11 12 1 | link 63 24 7 1 | link 61 7 10 1 | link 63 14 8 1 | link 63 17 11 1 | link 63 20 8 1 | link 61 29 14 1 ] \"", "layout_seq_without_completion": "title 31 0 27 4 | title 61 0 27 4 | title 1 0 27 4 | title 91 0 27 4 | \" [ link 1 7 14 1 ] | [ link 1 10 8 1 ] | [ link 1 13 12 1 ] | [ link 1 16 9 1 ] \" | \" [ link 93 11 21 1 | link 93 14 16 1 | link 91 7 12 1 ] \" | \" [ link 33 14 12 1 | link 33 17 15 1 | link 33 24 11 1 | link 31 32 11 1 | link 31 38 5 1 | link 31 41 13 1 | link 31 7 7 1 | link 33 11 15 1 | link 33 20 11 1 | link 31 29 13 1 | link 31 35 15 1 ] | [ link 63 11 12 1 | link 63 24 7 1 | link 61 7 10 1 | link 63 14 8 1 | link 63 17 11 1 | link 63 20 8 1 | link 61 29 14 1 ] \"", "plain_layout_seq": "link 1 7 14 1 | link 1 10 8 1 | link 1 13 12 1 | link 1 16 9 1 | link 93 11 21 1 | link 93 14 16 1 | link 91 7 12 1 | link 33 14 12 1 | link 33 17 15 1 | link 33 24 11 1 | link 31 32 11 1 | link 31 38 5 1 | link 31 41 13 1 | link 31 7 7 1 | link 33 11 15 1 | link 33 20 11 1 | link 31 29 13 1 | link 31 35 15 1 | link 63 11 12 1 | link 63 24 7 1 | link 61 7 10 1 | link 63 14 8 1 | link 63 17 11 1 | link 63 20 8 1 | link 61 29 14 1 | title 31 0 27 4 | title 61 0 27 4 | title 1 0 27 4 | title 91 0 27 4", "canvas_width": 960, "canvas_height": 362, "elements": [ { "type": "title", "position": [ 10, 0, 220, 34 ], "completed": true }, { "type": "title", "position": [ 250, 0, 220, 34 ], "completed": true }, { "type": "title", "position": [ 490, 0, 220, 34 ], "completed": true }, { "type": "title", "position": [ 730, 0, 220, 34 ], "completed": true }, { "type": "link", "position": [ 10, 61, 114, 15 ], "completed": false }, { "type": "link", "position": [ 250, 61, 56, 15 ], "completed": false }, { "type": "link", "position": [ 490, 61, 87, 15 ], "completed": false }, { "type": "link", "position": [ 730, 61, 100, 15 ], "completed": false }, { "type": "link", "position": [ 10, 85, 71, 15 ], "completed": false }, { "type": "link", "position": [ 265, 90, 127, 15 ], "completed": false }, { "type": "link", "position": [ 505, 90, 99, 15 ], "completed": false }, { "type": "link", "position": [ 745, 90, 171, 15 ], "completed": false }, { "type": "link", "position": [ 10, 110, 102, 15 ], "completed": false }, { "type": "link", "position": [ 265, 116, 97, 15 ], "completed": false }, { "type": "link", "position": [ 505, 116, 69, 15 ], "completed": false }, { "type": "link", "position": [ 745, 116, 135, 15 ], "completed": false }, { "type": "link", "position": [ 10, 134, 79, 15 ], "completed": false }, { "type": "link", "position": [ 265, 141, 120, 15 ], "completed": false }, { "type": "link", "position": [ 505, 141, 92, 15 ], "completed": false }, { "type": "link", "position": [ 265, 167, 92, 15 ], "completed": false }, { "type": "link", "position": [ 505, 167, 64, 15 ], "completed": false }, { "type": "link", "position": [ 265, 192, 91, 15 ], "completed": false }, { "type": "link", "position": [ 505, 192, 63, 15 ], "completed": false }, { "type": "link", "position": [ 250, 235, 107, 15 ], "completed": false }, { "type": "link", "position": [ 490, 235, 116, 15 ], "completed": false }, { "type": "link", "position": [ 250, 259, 88, 15 ], "completed": false }, { "type": "link", "position": [ 250, 284, 126, 15 ], "completed": false }, { "type": "link", "position": [ 250, 308, 44, 15 ], "completed": false }, { "type": "link", "position": [ 250, 333, 110, 15 ], "completed": false } ] }, { "text": "# A footer page for navigation links of a company.# There should be a list of navigation links \"Help\". There should have two links \"Contact\" and \"FAQs\" in the list. So the user can click them to know the contact information and more info.", "region_id": "8334", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:link [attr:value 'help'] ] [el:link [attr:value 'Contact'] ] [el:link [attr:value 'FAQs'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 4 5 110 3 | link 4 8 110 3 | link 4 0 110 2", "layout_seq_without_completion": "link 4 5 110 3 | link 4 8 110 3 | link 4 0 110 2", "plain_layout_seq": "link 4 5 110 3 | link 4 8 110 3 | link 4 0 110 2", "canvas_width": 1004, "canvas_height": 96, "elements": [ { "type": "link", "position": [ 40, 0, 924, 19 ], "completed": false }, { "type": "link", "position": [ 40, 44, 924, 26 ], "completed": false }, { "type": "link", "position": [ 40, 70, 924, 26 ], "completed": false } ] }, { "text": "#A footer page for navigation links of DHIS2.# There should be five lists of navigation links: \"ABOUT DHIS2\" \"FEATURES\" \"RESOURCES\" \"IMPACT\", and \"ACADEMY\" to introduce the company's info.", "region_id": "6030", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [gattr:names 'about dhis2, features, resources, impact, academy'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 7 24 2 | link 0 11 24 2 | link 0 19 24 2 | link 0 22 24 2 | link 0 26 24 2 | link 0 3 24 2 | link 0 15 24 2 | complete title 0 0 24 2 ] | [ link 24 3 24 2 | link 24 7 24 2 | link 24 15 24 2 | link 24 19 24 2 | link 24 26 24 2 | link 24 11 24 2 | link 24 22 24 2 | complete title 24 0 24 2 ] | [ link 48 3 24 2 | link 48 11 24 2 | link 48 22 24 2 | link 48 7 24 2 | link 48 15 24 2 | link 48 19 24 2 | link 48 26 24 2 | complete title 48 0 24 2 ] | [ link 71 3 24 2 | link 71 11 24 2 | link 71 22 24 2 | link 71 26 24 2 | link 71 7 24 2 | link 71 15 24 2 | link 71 19 24 2 | complete title 71 0 24 2 ] | [ link 95 7 24 2 | link 95 22 24 2 | link 95 3 24 2 | link 95 11 24 2 | link 95 15 24 2 | link 95 19 24 2 | complete title 95 0 24 2 ] \"", "layout_seq_without_completion": "\" [ link 0 7 24 2 | link 0 11 24 2 | link 0 19 24 2 | link 0 22 24 2 | link 0 26 24 2 | link 0 3 24 2 | link 0 15 24 2 | title 0 0 24 2 ] | [ link 24 3 24 2 | link 24 7 24 2 | link 24 15 24 2 | link 24 19 24 2 | link 24 26 24 2 | link 24 11 24 2 | link 24 22 24 2 | title 24 0 24 2 ] | [ link 48 3 24 2 | link 48 11 24 2 | link 48 22 24 2 | link 48 7 24 2 | link 48 15 24 2 | link 48 19 24 2 | link 48 26 24 2 | title 48 0 24 2 ] | [ link 71 3 24 2 | link 71 11 24 2 | link 71 22 24 2 | link 71 26 24 2 | link 71 7 24 2 | link 71 15 24 2 | link 71 19 24 2 | title 71 0 24 2 ] | [ link 95 7 24 2 | link 95 22 24 2 | link 95 3 24 2 | link 95 11 24 2 | link 95 15 24 2 | link 95 19 24 2 | title 95 0 24 2 ] \"", "plain_layout_seq": "link 0 7 24 2 | link 0 11 24 2 | link 0 19 24 2 | link 0 22 24 2 | link 0 26 24 2 | link 0 3 24 2 | link 0 15 24 2 | link 24 3 24 2 | link 24 7 24 2 | link 24 15 24 2 | link 24 19 24 2 | link 24 26 24 2 | link 24 11 24 2 | link 24 22 24 2 | link 48 3 24 2 | link 48 11 24 2 | link 48 22 24 2 | link 48 7 24 2 | link 48 15 24 2 | link 48 19 24 2 | link 48 26 24 2 | link 71 3 24 2 | link 71 11 24 2 | link 71 22 24 2 | link 71 26 24 2 | link 71 7 24 2 | link 71 15 24 2 | link 71 19 24 2 | link 95 7 24 2 | link 95 22 24 2 | link 95 3 24 2 | link 95 11 24 2 | link 95 15 24 2 | link 95 19 24 2 | title 0 0 24 2 | title 24 0 24 2 | title 48 0 24 2 | title 71 0 24 2 | title 95 0 24 2", "canvas_width": 954, "canvas_height": 243, "elements": [ { "type": "title", "position": [ 0, 0, 191, 20 ], "completed": true }, { "type": "title", "position": [ 191, 0, 191, 20 ], "completed": true }, { "type": "title", "position": [ 382, 0, 191, 20 ], "completed": true }, { "type": "title", "position": [ 572, 0, 191, 20 ], "completed": true }, { "type": "title", "position": [ 763, 0, 191, 20 ], "completed": true }, { "type": "link", "position": [ 0, 31, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 31, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 31, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 31, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 31, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 62, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 62, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 62, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 62, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 62, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 92, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 92, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 92, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 92, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 92, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 122, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 122, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 122, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 122, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 122, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 152, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 152, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 152, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 152, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 152, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 182, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 182, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 182, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 182, 191, 18 ], "completed": false }, { "type": "link", "position": [ 763, 182, 191, 18 ], "completed": false }, { "type": "link", "position": [ 0, 213, 191, 18 ], "completed": false }, { "type": "link", "position": [ 191, 213, 191, 18 ], "completed": false }, { "type": "link", "position": [ 382, 213, 191, 18 ], "completed": false }, { "type": "link", "position": [ 572, 213, 191, 18 ], "completed": false } ] }, { "text": "#A page for showing different categories of information.# The page has four lists of information. Each of them includes a title and two to seven links for users to click to get further information.", "region_id": "2799", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [item [el:title] [el:link [attr:repeat '7'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 100 9 8 1 | link 69 9 10 1 | link 9 29 10 1 | link 12 22 5 1 | link 42 22 4 1 | link 11 19 7 1 | link 40 15 9 1 | link 11 12 6 1 | link 100 12 9 1 | link 12 26 5 1 | link 42 9 4 1 | link 40 12 9 1 | link 69 12 11 1 | link 99 15 10 1 | link 101 19 7 1 | link 100 26 8 1 | link 12 9 5 1 | link 10 15 8 1 | link 39 19 12 1 | link 101 22 7 1 | title 91 5 26 1 | title 1 5 26 1 | title 31 5 26 1 | title 61 5 26 1", "layout_seq_without_completion": "link 100 9 8 1 | link 69 9 10 1 | link 9 29 10 1 | link 12 22 5 1 | link 42 22 4 1 | link 11 19 7 1 | link 40 15 9 1 | link 11 12 6 1 | link 100 12 9 1 | link 12 26 5 1 | link 42 9 4 1 | link 40 12 9 1 | link 69 12 11 1 | link 99 15 10 1 | link 101 19 7 1 | link 100 26 8 1 | link 12 9 5 1 | link 10 15 8 1 | link 39 19 12 1 | link 101 22 7 1 | title 91 5 26 1 | title 1 5 26 1 | title 31 5 26 1 | title 61 5 26 1", "plain_layout_seq": "link 100 9 8 1 | link 69 9 10 1 | link 9 29 10 1 | link 12 22 5 1 | link 42 22 4 1 | link 11 19 7 1 | link 40 15 9 1 | link 11 12 6 1 | link 100 12 9 1 | link 12 26 5 1 | link 42 9 4 1 | link 40 12 9 1 | link 69 12 11 1 | link 99 15 10 1 | link 101 19 7 1 | link 100 26 8 1 | link 12 9 5 1 | link 10 15 8 1 | link 39 19 12 1 | link 101 22 7 1 | title 91 5 26 1 | title 1 5 26 1 | title 31 5 26 1 | title 61 5 26 1", "canvas_width": 1172, "canvas_height": 317, "elements": [ { "type": "title", "position": [ 15, 54, 263, 17 ], "completed": false }, { "type": "title", "position": [ 308, 54, 263, 17 ], "completed": false }, { "type": "title", "position": [ 601, 54, 263, 17 ], "completed": false }, { "type": "title", "position": [ 894, 54, 263, 17 ], "completed": false }, { "type": "link", "position": [ 122, 89, 49, 17 ], "completed": false }, { "type": "link", "position": [ 416, 89, 47, 17 ], "completed": false }, { "type": "link", "position": [ 680, 89, 105, 17 ], "completed": false }, { "type": "link", "position": [ 983, 89, 85, 17 ], "completed": false }, { "type": "link", "position": [ 115, 122, 62, 17 ], "completed": false }, { "type": "link", "position": [ 393, 122, 92, 17 ], "completed": false }, { "type": "link", "position": [ 679, 122, 108, 17 ], "completed": false }, { "type": "link", "position": [ 981, 122, 89, 17 ], "completed": false }, { "type": "link", "position": [ 104, 155, 85, 17 ], "completed": false }, { "type": "link", "position": [ 393, 155, 92, 17 ], "completed": false }, { "type": "link", "position": [ 972, 155, 107, 17 ], "completed": false }, { "type": "link", "position": [ 110, 188, 73, 17 ], "completed": false }, { "type": "link", "position": [ 381, 188, 118, 17 ], "completed": false }, { "type": "link", "position": [ 987, 188, 76, 17 ], "completed": false }, { "type": "link", "position": [ 119, 221, 56, 17 ], "completed": false }, { "type": "link", "position": [ 416, 221, 47, 17 ], "completed": false }, { "type": "link", "position": [ 991, 221, 69, 17 ], "completed": false }, { "type": "link", "position": [ 119, 254, 54, 17 ], "completed": false }, { "type": "link", "position": [ 982, 254, 87, 17 ], "completed": false }, { "type": "link", "position": [ 93, 287, 106, 17 ], "completed": false } ] }, { "text": "# A footer page for navigation of an online shop. # The page should have a logo and two lists of links \"THE LINKS\" and \"THE SHOP\" for the user to learn more info about the shop. Also, there should be 5 and 4 links in each list respectively.", "region_id": "6726", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [item \n[el:title [attr:value 'THE LINKS'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'THE SHOP'] ] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 3 6 32 32 | \" [ link 55 27 9 3 | link 56 11 6 3 | link 53 15 12 3 | link 54 19 10 3 | link 55 23 8 3 | title 39 6 39 2 ] | [ link 97 15 5 3 | link 97 11 5 3 | link 95 19 9 3 | link 98 23 3 3 | title 80 6 39 2 ] \"", "layout_seq_without_completion": "logo 3 6 32 32 | \" [ link 55 27 9 3 | link 56 11 6 3 | link 53 15 12 3 | link 54 19 10 3 | link 55 23 8 3 | title 39 6 39 2 ] | [ link 97 15 5 3 | link 97 11 5 3 | link 95 19 9 3 | link 98 23 3 3 | title 80 6 39 2 ] \"", "plain_layout_seq": "link 55 27 9 3 | link 56 11 6 3 | link 53 15 12 3 | link 54 19 10 3 | link 55 23 8 3 | link 97 15 5 3 | link 97 11 5 3 | link 95 19 9 3 | link 98 23 3 3 | logo 3 6 32 32 | title 39 6 39 2 | title 80 6 39 2", "canvas_width": 934, "canvas_height": 350, "elements": [ { "type": "logo", "position": [ 31, 50, 250, 250 ], "completed": false }, { "type": "title", "position": [ 311, 50, 311, 20 ], "completed": false }, { "type": "title", "position": [ 623, 50, 311, 20 ], "completed": false }, { "type": "link", "position": [ 441, 91, 52, 29 ], "completed": false }, { "type": "link", "position": [ 757, 91, 42, 29 ], "completed": false }, { "type": "link", "position": [ 416, 120, 101, 31 ], "completed": false }, { "type": "link", "position": [ 757, 120, 43, 31 ], "completed": false }, { "type": "link", "position": [ 425, 151, 84, 31 ], "completed": false }, { "type": "link", "position": [ 742, 151, 72, 31 ], "completed": false }, { "type": "link", "position": [ 433, 182, 68, 31 ], "completed": false }, { "type": "link", "position": [ 763, 182, 30, 31 ], "completed": false }, { "type": "link", "position": [ 431, 213, 71, 31 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of a company to users.# The page should include five categories. Under each category, there should be several sublinks where users can click to get further information.", "region_id": "984", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'5'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 61 10 25 2 | complete title 61 33 25 2 | \" [ link 61 15 4 2 ] | [ link 61 20 8 2 ] | [ link 61 26 5 2 ] \" | \" [ link 61 39 5 2 ] | [ link 61 44 4 2 ] | [ link 61 49 12 2 ] | [ link 61 54 9 2 ] \" | \" [ link 5 20 20 2 | link 5 26 7 2 | link 5 31 5 2 | link 5 36 14 2 | link 5 41 5 2 | link 5 46 8 2 | link 5 15 11 2 | complete title 5 10 25 2 ] | [ link 33 15 5 2 | link 33 20 14 2 | link 33 26 18 2 | link 33 36 6 2 | link 33 31 3 2 | complete title 33 10 25 2 ] | [ link 89 15 5 2 | link 89 20 3 2 | link 89 26 6 2 | link 89 31 8 2 | link 89 36 7 2 | link 89 46 4 2 | link 89 57 6 2 | link 89 62 10 2 | link 89 41 5 2 | link 89 51 4 2 | complete title 89 10 25 2 ] \"", "layout_seq_without_completion": "title 61 10 25 2 | title 61 33 25 2 | \" [ link 61 15 4 2 ] | [ link 61 20 8 2 ] | [ link 61 26 5 2 ] \" | \" [ link 61 39 5 2 ] | [ link 61 44 4 2 ] | [ link 61 49 12 2 ] | [ link 61 54 9 2 ] \" | \" [ link 5 20 20 2 | link 5 26 7 2 | link 5 31 5 2 | link 5 36 14 2 | link 5 41 5 2 | link 5 46 8 2 | link 5 15 11 2 | title 5 10 25 2 ] | [ link 33 15 5 2 | link 33 20 14 2 | link 33 26 18 2 | link 33 36 6 2 | link 33 31 3 2 | title 33 10 25 2 ] | [ link 89 15 5 2 | link 89 20 3 2 | link 89 26 6 2 | link 89 31 8 2 | link 89 36 7 2 | link 89 46 4 2 | link 89 57 6 2 | link 89 62 10 2 | link 89 41 5 2 | link 89 51 4 2 | title 89 10 25 2 ] \"", "plain_layout_seq": "link 61 15 4 2 | link 61 20 8 2 | link 61 26 5 2 | link 61 39 5 2 | link 61 44 4 2 | link 61 49 12 2 | link 61 54 9 2 | link 5 20 20 2 | link 5 26 7 2 | link 5 31 5 2 | link 5 36 14 2 | link 5 41 5 2 | link 5 46 8 2 | link 5 15 11 2 | link 33 15 5 2 | link 33 20 14 2 | link 33 26 18 2 | link 33 36 6 2 | link 33 31 3 2 | link 89 15 5 2 | link 89 20 3 2 | link 89 26 6 2 | link 89 31 8 2 | link 89 36 7 2 | link 89 46 4 2 | link 89 57 6 2 | link 89 62 10 2 | link 89 41 5 2 | link 89 51 4 2 | title 61 10 25 2 | title 61 33 25 2 | title 5 10 25 2 | title 33 10 25 2 | title 89 10 25 2", "canvas_width": 1024, "canvas_height": 664, "elements": [ { "type": "title", "position": [ 44, 90, 216, 24 ], "completed": true }, { "type": "title", "position": [ 284, 90, 216, 24 ], "completed": true }, { "type": "title", "position": [ 524, 90, 216, 24 ], "completed": true }, { "type": "title", "position": [ 764, 90, 216, 24 ], "completed": true }, { "type": "link", "position": [ 44, 135, 96, 22 ], "completed": false }, { "type": "link", "position": [ 284, 135, 49, 22 ], "completed": false }, { "type": "link", "position": [ 524, 135, 35, 22 ], "completed": false }, { "type": "link", "position": [ 764, 135, 43, 22 ], "completed": false }, { "type": "link", "position": [ 44, 179, 171, 22 ], "completed": false }, { "type": "link", "position": [ 284, 179, 123, 22 ], "completed": false }, { "type": "link", "position": [ 524, 179, 72, 22 ], "completed": false }, { "type": "link", "position": [ 764, 179, 32, 22 ], "completed": false }, { "type": "link", "position": [ 44, 223, 65, 22 ], "completed": false }, { "type": "link", "position": [ 284, 223, 157, 22 ], "completed": false }, { "type": "link", "position": [ 524, 223, 50, 22 ], "completed": false }, { "type": "link", "position": [ 764, 223, 54, 22 ], "completed": false }, { "type": "link", "position": [ 44, 267, 50, 22 ], "completed": false }, { "type": "link", "position": [ 284, 267, 28, 22 ], "completed": false }, { "type": "link", "position": [ 764, 267, 76, 22 ], "completed": false }, { "type": "title", "position": [ 524, 290, 216, 24 ], "completed": true }, { "type": "link", "position": [ 44, 311, 124, 22 ], "completed": false }, { "type": "link", "position": [ 284, 311, 58, 22 ], "completed": false }, { "type": "link", "position": [ 764, 311, 60, 22 ], "completed": false }, { "type": "link", "position": [ 524, 335, 47, 22 ], "completed": false }, { "type": "link", "position": [ 44, 355, 48, 22 ], "completed": false }, { "type": "link", "position": [ 764, 355, 47, 22 ], "completed": false }, { "type": "link", "position": [ 524, 379, 38, 22 ], "completed": false }, { "type": "link", "position": [ 44, 399, 72, 22 ], "completed": false }, { "type": "link", "position": [ 764, 399, 39, 22 ], "completed": false }, { "type": "link", "position": [ 524, 423, 104, 22 ], "completed": false }, { "type": "link", "position": [ 764, 443, 36, 22 ], "completed": false }, { "type": "link", "position": [ 524, 467, 77, 22 ], "completed": false }, { "type": "link", "position": [ 764, 487, 52, 22 ], "completed": false }, { "type": "link", "position": [ 764, 531, 91, 22 ], "completed": false } ] }, { "text": "#A foot page for introducing the information of OVO company to users.# The page should include four categories such as \"Products\", \"Resources\", \"About OVO\", and \"Help & Support\". Under each category, there should be several sublinks where users can click to get further information. On the right side, there should be four ways for users to log in and two buttons for users to click to download on the App Store and Google Play.", "region_id": "1918", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'products, resources, about ovo, help & support'] [item [el:text] [el:link [attr:repeat 'several'] ] ] ] [el:icon [attr:position'right'] [attr:repeat '4'] ] [el:button [attr:value'download on the app store'] ] [el:button [attr:value'download on google store'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | { [ icon right undefined ] | [ icon right undefined ] | [ icon right undefined ] | [ icon right undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 97 5 14 5 | button 96 11 16 5 | link 3 5 20 2 | link 64 5 15 2 | link 64 18 20 2 | link 3 48 19 2 | link 3 52 16 2 | link 3 23 13 2 | link 3 27 10 2 | link 44 17 13 5 | link 3 36 15 5 | link 44 38 11 2 | link 64 23 8 2 | link 64 27 13 5 | link 3 10 17 2 | link 3 14 13 2 | link 3 32 21 2 | link 3 43 19 2 | link 27 17 7 5 | link 44 10 10 5 | link 44 42 12 2 | link 44 47 11 2 | link 64 14 11 2 | link 3 18 13 2 | link 27 5 9 5 | link 27 13 14 2 | link 44 5 9 2 | link 44 25 17 2 | link 44 29 7 2 | link 44 33 13 2 | link 44 51 14 2 | link 64 10 6 2 | text 3 0 22 2 | text 27 0 14 2 | text 44 0 17 2 | text 64 0 22 2 | \" [ icon 92 0 4 4 ] | [ icon 100 0 4 4 ] | [ icon 107 0 4 4 ] | [ icon 115 0 4 4 ] \"", "layout_seq_without_completion": "button 97 5 14 5 | button 96 11 16 5 | link 3 5 20 2 | link 64 5 15 2 | link 64 18 20 2 | link 3 48 19 2 | link 3 52 16 2 | link 3 23 13 2 | link 3 27 10 2 | link 44 17 13 5 | link 3 36 15 5 | link 44 38 11 2 | link 64 23 8 2 | link 64 27 13 5 | link 3 10 17 2 | link 3 14 13 2 | link 3 32 21 2 | link 3 43 19 2 | link 27 17 7 5 | link 44 10 10 5 | link 44 42 12 2 | link 44 47 11 2 | link 64 14 11 2 | link 3 18 13 2 | link 27 5 9 5 | link 27 13 14 2 | link 44 5 9 2 | link 44 25 17 2 | link 44 29 7 2 | link 44 33 13 2 | link 44 51 14 2 | link 64 10 6 2 | text 3 0 22 2 | text 27 0 14 2 | text 44 0 17 2 | text 64 0 22 2 | \" [ icon 92 0 4 4 ] | [ icon 100 0 4 4 ] | [ icon 107 0 4 4 ] | [ icon 115 0 4 4 ] \"", "plain_layout_seq": "button 97 5 14 5 | button 96 11 16 5 | icon 92 0 4 4 | icon 100 0 4 4 | icon 107 0 4 4 | icon 115 0 4 4 | link 3 5 20 2 | link 64 5 15 2 | link 64 18 20 2 | link 3 48 19 2 | link 3 52 16 2 | link 3 23 13 2 | link 3 27 10 2 | link 44 17 13 5 | link 3 36 15 5 | link 44 38 11 2 | link 64 23 8 2 | link 64 27 13 5 | link 3 10 17 2 | link 3 14 13 2 | link 3 32 21 2 | link 3 43 19 2 | link 27 17 7 5 | link 44 10 10 5 | link 44 42 12 2 | link 44 47 11 2 | link 64 14 11 2 | link 3 18 13 2 | link 27 5 9 5 | link 27 13 14 2 | link 44 5 9 2 | link 44 25 17 2 | link 44 29 7 2 | link 44 33 13 2 | link 44 51 14 2 | link 64 10 6 2 | text 3 0 22 2 | text 27 0 14 2 | text 44 0 17 2 | text 64 0 22 2", "canvas_width": 960, "canvas_height": 490, "elements": [ { "type": "icon", "position": [ 738, 0, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 800, 0, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 862, 0, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 924, 0, 32, 32 ], "completed": false }, { "type": "text", "position": [ 24, 7, 176, 19 ], "completed": false }, { "type": "text", "position": [ 220, 7, 113, 19 ], "completed": false }, { "type": "text", "position": [ 353, 7, 139, 19 ], "completed": false }, { "type": "text", "position": [ 513, 7, 182, 19 ], "completed": false }, { "type": "button", "position": [ 782, 42, 116, 40 ], "completed": false }, { "type": "link", "position": [ 24, 46, 161, 20 ], "completed": false }, { "type": "link", "position": [ 220, 46, 75, 45 ], "completed": false }, { "type": "link", "position": [ 353, 46, 75, 20 ], "completed": false }, { "type": "link", "position": [ 513, 46, 122, 20 ], "completed": false }, { "type": "link", "position": [ 24, 81, 142, 20 ], "completed": false }, { "type": "link", "position": [ 353, 81, 83, 45 ], "completed": false }, { "type": "link", "position": [ 513, 81, 55, 20 ], "completed": false }, { "type": "button", "position": [ 772, 88, 135, 40 ], "completed": false }, { "type": "link", "position": [ 220, 106, 113, 20 ], "completed": false }, { "type": "link", "position": [ 24, 116, 110, 20 ], "completed": false }, { "type": "link", "position": [ 513, 116, 93, 20 ], "completed": false }, { "type": "link", "position": [ 220, 141, 58, 45 ], "completed": false }, { "type": "link", "position": [ 353, 141, 110, 45 ], "completed": false }, { "type": "link", "position": [ 24, 151, 104, 20 ], "completed": false }, { "type": "link", "position": [ 513, 151, 162, 20 ], "completed": false }, { "type": "link", "position": [ 24, 186, 104, 20 ], "completed": false }, { "type": "link", "position": [ 513, 186, 66, 20 ], "completed": false }, { "type": "link", "position": [ 353, 201, 136, 20 ], "completed": false }, { "type": "link", "position": [ 24, 221, 85, 20 ], "completed": false }, { "type": "link", "position": [ 513, 221, 108, 45 ], "completed": false }, { "type": "link", "position": [ 353, 236, 61, 20 ], "completed": false }, { "type": "link", "position": [ 24, 256, 172, 20 ], "completed": false }, { "type": "link", "position": [ 353, 271, 107, 20 ], "completed": false }, { "type": "link", "position": [ 24, 291, 124, 45 ], "completed": false }, { "type": "link", "position": [ 353, 306, 92, 20 ], "completed": false }, { "type": "link", "position": [ 353, 341, 98, 20 ], "completed": false }, { "type": "link", "position": [ 24, 351, 154, 20 ], "completed": false }, { "type": "link", "position": [ 353, 376, 88, 20 ], "completed": false }, { "type": "link", "position": [ 24, 386, 157, 20 ], "completed": false }, { "type": "link", "position": [ 353, 411, 113, 20 ], "completed": false }, { "type": "link", "position": [ 24, 421, 129, 20 ], "completed": false } ] }, { "text": "#A footer page for navigation links of PagerDuty.# There should be five lists of navigation links: \"PLATFORM\" \"SOLUTIONS\" \"RESOURCES\" \"COMPANY\", and \"SUPPORT\" to introduce the company's info. There should have 7, 10, 9, 8, and 8 links in the respective list.", "region_id": "2716", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'PLATFORM'] ] [el:link [attr:repeat '7']] ] [item [el:title [attr:value 'SOLUTIONS'] ] [el:link [attr:repeat '10']] ][item [el:title [attr:value 'RESOURCES'] ] [el:link [attr:repeat '9']] ] [item [el:title [attr:value 'COMPANY'] ] [el:link [attr:repeat '8']] ] [item [el:title [attr:value 'SUPPORT'] ] [el:link [attr:repeat '8']] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 52 13 22 4 | link 0 13 30 4 | link 0 17 30 4 | link 30 13 22 4 | link 97 9 22 4 | link 52 40 22 4 | link 52 44 22 4 | link 0 25 30 4 | link 30 35 22 4 | link 0 33 30 7 | link 52 21 22 4 | link 97 17 22 7 | link 75 29 22 4 | link 75 33 22 4 | link 97 24 22 4 | link 97 32 22 4 | link 52 29 22 7 | link 52 36 22 4 | link 0 21 30 4 | link 30 9 22 4 | link 30 17 22 7 | link 30 24 22 7 | link 30 43 22 7 | link 30 50 22 4 | link 52 9 22 4 | link 52 17 22 4 | link 52 25 22 4 | link 75 21 22 4 | link 75 25 22 4 | link 75 37 22 4 | link 97 36 22 4 | link 97 40 22 4 | link 0 9 30 4 | link 0 29 30 4 | link 30 31 22 4 | link 30 39 22 4 | link 30 54 22 4 | link 75 9 22 4 | link 75 13 22 4 | link 75 17 22 4 | link 97 13 22 4 | link 97 28 22 4 | title 0 4 30 3 | title 52 4 22 3 | title 97 4 22 3 | title 30 4 22 3 | title 75 4 22 3", "layout_seq_without_completion": "link 52 13 22 4 | link 0 13 30 4 | link 0 17 30 4 | link 30 13 22 4 | link 97 9 22 4 | link 52 40 22 4 | link 52 44 22 4 | link 0 25 30 4 | link 30 35 22 4 | link 0 33 30 7 | link 52 21 22 4 | link 97 17 22 7 | link 75 29 22 4 | link 75 33 22 4 | link 97 24 22 4 | link 97 32 22 4 | link 52 29 22 7 | link 52 36 22 4 | link 0 21 30 4 | link 30 9 22 4 | link 30 17 22 7 | link 30 24 22 7 | link 30 43 22 7 | link 30 50 22 4 | link 52 9 22 4 | link 52 17 22 4 | link 52 25 22 4 | link 75 21 22 4 | link 75 25 22 4 | link 75 37 22 4 | link 97 36 22 4 | link 97 40 22 4 | link 0 9 30 4 | link 0 29 30 4 | link 30 31 22 4 | link 30 39 22 4 | link 30 54 22 4 | link 75 9 22 4 | link 75 13 22 4 | link 75 17 22 4 | link 97 13 22 4 | link 97 28 22 4 | title 0 4 30 3 | title 52 4 22 3 | title 97 4 22 3 | title 30 4 22 3 | title 75 4 22 3", "plain_layout_seq": "link 52 13 22 4 | link 0 13 30 4 | link 0 17 30 4 | link 30 13 22 4 | link 97 9 22 4 | link 52 40 22 4 | link 52 44 22 4 | link 0 25 30 4 | link 30 35 22 4 | link 0 33 30 7 | link 52 21 22 4 | link 97 17 22 7 | link 75 29 22 4 | link 75 33 22 4 | link 97 24 22 4 | link 97 32 22 4 | link 52 29 22 7 | link 52 36 22 4 | link 0 21 30 4 | link 30 9 22 4 | link 30 17 22 7 | link 30 24 22 7 | link 30 43 22 7 | link 30 50 22 4 | link 52 9 22 4 | link 52 17 22 4 | link 52 25 22 4 | link 75 21 22 4 | link 75 25 22 4 | link 75 37 22 4 | link 97 36 22 4 | link 97 40 22 4 | link 0 9 30 4 | link 0 29 30 4 | link 30 31 22 4 | link 30 39 22 4 | link 30 54 22 4 | link 75 9 22 4 | link 75 13 22 4 | link 75 17 22 4 | link 97 13 22 4 | link 97 28 22 4 | title 0 4 30 3 | title 52 4 22 3 | title 97 4 22 3 | title 30 4 22 3 | title 75 4 22 3", "canvas_width": 960, "canvas_height": 484, "elements": [ { "type": "title", "position": [ 0, 32, 241, 28 ], "completed": false }, { "type": "title", "position": [ 241, 32, 180, 28 ], "completed": false }, { "type": "title", "position": [ 421, 32, 180, 28 ], "completed": false }, { "type": "title", "position": [ 600, 32, 180, 28 ], "completed": false }, { "type": "title", "position": [ 780, 32, 180, 28 ], "completed": false }, { "type": "link", "position": [ 0, 75, 241, 32 ], "completed": false }, { "type": "link", "position": [ 241, 75, 180, 32 ], "completed": false }, { "type": "link", "position": [ 421, 75, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 75, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 75, 180, 32 ], "completed": false }, { "type": "link", "position": [ 0, 107, 241, 32 ], "completed": false }, { "type": "link", "position": [ 241, 107, 180, 32 ], "completed": false }, { "type": "link", "position": [ 421, 107, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 107, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 107, 180, 32 ], "completed": false }, { "type": "link", "position": [ 0, 139, 241, 32 ], "completed": false }, { "type": "link", "position": [ 241, 139, 180, 56 ], "completed": false }, { "type": "link", "position": [ 421, 139, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 139, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 139, 180, 56 ], "completed": false }, { "type": "link", "position": [ 0, 171, 241, 32 ], "completed": false }, { "type": "link", "position": [ 421, 171, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 171, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 195, 180, 56 ], "completed": false }, { "type": "link", "position": [ 780, 195, 180, 32 ], "completed": false }, { "type": "link", "position": [ 0, 203, 241, 32 ], "completed": false }, { "type": "link", "position": [ 421, 203, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 203, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 227, 180, 32 ], "completed": false }, { "type": "link", "position": [ 0, 235, 241, 32 ], "completed": false }, { "type": "link", "position": [ 421, 235, 180, 56 ], "completed": false }, { "type": "link", "position": [ 600, 235, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 251, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 259, 180, 32 ], "completed": false }, { "type": "link", "position": [ 0, 267, 241, 56 ], "completed": false }, { "type": "link", "position": [ 600, 267, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 283, 180, 32 ], "completed": false }, { "type": "link", "position": [ 421, 291, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 291, 180, 32 ], "completed": false }, { "type": "link", "position": [ 600, 299, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 315, 180, 32 ], "completed": false }, { "type": "link", "position": [ 421, 323, 180, 32 ], "completed": false }, { "type": "link", "position": [ 780, 323, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 347, 180, 56 ], "completed": false }, { "type": "link", "position": [ 421, 355, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 403, 180, 32 ], "completed": false }, { "type": "link", "position": [ 241, 435, 180, 32 ], "completed": false } ] }, { "text": "#A footer page for a company.# There are nine title \"About 12up\", \"Contact Us\", \"Terms&Conditions\", \"Privacy Policy\", \"Careers\", \"FANSIDED\", \"Cookie Policy\", \"Partners\", and\"Accessibility Statement\".", "region_id": "4981", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'About 12up']] [el:title [attr:value 'Contact Us']] [el:title [attr:value 'Terms&Conditions']][el:title [attr:value 'Privacy Policy']][el:title [attr:value 'Careers']][el:title [attr:value 'FANSIDED']][el:title [attr:value 'Cookie Policy']][el:title [attr:value 'Partners']][el:title [attr:value 'Accessibility Statement']]]", "execution": "footer : title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "\" [ title 25 2 10 2 ] | [ title 52 2 12 2 ] | [ title 74 2 11 2 ] | [ title 25 6 9 2 ] | [ title 52 6 6 2 ] | [ title 74 6 7 2 ] | [ title 25 10 16 2 ] | [ title 52 10 9 2 ] | [ title 74 10 20 2 ] \"", "layout_seq_without_completion": "\" [ title 25 2 10 2 ] | [ title 52 2 12 2 ] | [ title 74 2 11 2 ] | [ title 25 6 9 2 ] | [ title 52 6 6 2 ] | [ title 74 6 7 2 ] | [ title 25 10 16 2 ] | [ title 52 10 9 2 ] | [ title 74 10 20 2 ] \"", "plain_layout_seq": "title 25 2 10 2 | title 52 2 12 2 | title 74 2 11 2 | title 25 6 9 2 | title 52 6 6 2 | title 74 6 7 2 | title 25 10 16 2 | title 52 10 9 2 | title 74 10 20 2", "canvas_width": 984, "canvas_height": 132, "elements": [ { "type": "title", "position": [ 211, 20, 82, 24 ], "completed": false }, { "type": "title", "position": [ 429, 20, 99, 24 ], "completed": false }, { "type": "title", "position": [ 608, 20, 95, 24 ], "completed": false }, { "type": "title", "position": [ 211, 54, 77, 24 ], "completed": false }, { "type": "title", "position": [ 429, 54, 53, 24 ], "completed": false }, { "type": "title", "position": [ 608, 54, 59, 24 ], "completed": false }, { "type": "title", "position": [ 211, 88, 138, 24 ], "completed": false }, { "type": "title", "position": [ 429, 88, 74, 24 ], "completed": false }, { "type": "title", "position": [ 608, 88, 165, 24 ], "completed": false } ] }, { "text": "#A page for introducing some info about a company.# The page should have one logo of the company, and three texts to show the address, phone number, and email of the company. Three icons of Twitter, Facebook, and Instagram are also needed.", "region_id": "6892", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat '3'] [item [el:text] ] ] [el:icon [attr:value 'Twitter'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] ]", "execution": "footer : logo undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "logo 5 5 5 5 | text 66 7 11 2 | text 80 7 20 2 | text 29 7 37 2 | \" [ icon 103 7 2 1 ] | [ icon 108 7 1 1 ] | [ icon 112 7 1 1 ] \"", "layout_seq_without_completion": "logo 5 5 5 5 | text 66 7 11 2 | text 80 7 20 2 | text 29 7 37 2 | \" [ icon 103 7 2 1 ] | [ icon 108 7 1 1 ] | [ icon 112 7 1 1 ] \"", "plain_layout_seq": "icon 103 7 2 1 | icon 108 7 1 1 | icon 112 7 1 1 | logo 5 5 5 5 | text 66 7 11 2 | text 80 7 20 2 | text 29 7 37 2", "canvas_width": 1024, "canvas_height": 146, "elements": [ { "type": "logo", "position": [ 48, 48, 50, 50 ], "completed": false }, { "type": "text", "position": [ 253, 63, 317, 19 ], "completed": false }, { "type": "text", "position": [ 570, 63, 98, 19 ], "completed": false }, { "type": "text", "position": [ 688, 63, 179, 19 ], "completed": false }, { "type": "icon", "position": [ 883, 65, 19, 17 ], "completed": false }, { "type": "icon", "position": [ 922, 65, 17, 17 ], "completed": false }, { "type": "icon", "position": [ 959, 65, 17, 17 ], "completed": false } ] }, { "text": "#A page for guiding users to purchase and download apps.#The page should contain three text heading for users to introduce various modules, such as follow us on social media, download our apps, and payment methods. And each group has four icons.", "region_id": "4329", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'follow us on social media,download our apps, payment methods'] [item [el:icon [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 0 10 5 4 | icon 7 10 4 4 | icon 22 10 6 4 | icon 14 10 6 4 | complete title 0 5 22 2 ] | [ icon 75 10 16 4 | icon 60 10 14 4 | complete title 60 5 16 2 ] | [ icon 9 26 3 2 | icon 25 26 7 2 | icon 0 26 7 2 | icon 14 26 9 2 | complete title 0 20 15 2 ] \"", "layout_seq_without_completion": "\" [ icon 0 10 5 4 | icon 7 10 4 4 | icon 22 10 6 4 | icon 14 10 6 4 | title 0 5 22 2 ] | [ icon 75 10 16 4 | icon 60 10 14 4 | title 60 5 16 2 ] | [ icon 9 26 3 2 | icon 25 26 7 2 | icon 0 26 7 2 | icon 14 26 9 2 | title 0 20 15 2 ] \"", "plain_layout_seq": "icon 0 10 5 4 | icon 7 10 4 4 | icon 22 10 6 4 | icon 14 10 6 4 | icon 75 10 16 4 | icon 60 10 14 4 | icon 9 26 3 2 | icon 25 26 7 2 | icon 0 26 7 2 | icon 14 26 9 2 | title 0 5 22 2 | title 60 5 16 2 | title 0 20 15 2", "canvas_width": 994, "canvas_height": 238, "elements": [ { "type": "title", "position": [ 0, 42, 183, 20 ], "completed": true }, { "type": "title", "position": [ 497, 42, 137, 20 ], "completed": true }, { "type": "icon", "position": [ 0, 84, 46, 40 ], "completed": false }, { "type": "icon", "position": [ 63, 84, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 123, 84, 54, 40 ], "completed": false }, { "type": "icon", "position": [ 190, 84, 50, 40 ], "completed": false }, { "type": "icon", "position": [ 497, 84, 118, 40 ], "completed": false }, { "type": "icon", "position": [ 625, 84, 136, 40 ], "completed": false }, { "type": "title", "position": [ 0, 166, 130, 20 ], "completed": true }, { "type": "icon", "position": [ 0, 218, 60, 20 ], "completed": false }, { "type": "icon", "position": [ 75, 218, 30, 20 ], "completed": false }, { "type": "icon", "position": [ 120, 218, 76, 20 ], "completed": false }, { "type": "icon", "position": [ 211, 218, 66, 20 ], "completed": false } ] }, { "text": "# A page for the user to read the NCERT history book. # The page should have the title \"NCERT History Books\" and 7 links for the NCERT History Class 6-12.", "region_id": "2978", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'ncert history books'] ] [gp:NavGroup [gattr:total_link '7'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 5 | \" [ link 6 8 24 2 ] | [ link 6 11 24 2 ] | [ link 6 14 24 2 ] | [ link 6 17 24 2 ] | [ link 6 21 25 2 ] | [ link 6 24 25 2 ] | [ link 6 27 25 2 ] \"", "layout_seq_without_completion": "title 0 0 120 5 | \" [ link 6 8 24 2 ] | [ link 6 11 24 2 ] | [ link 6 14 24 2 ] | [ link 6 17 24 2 ] | [ link 6 21 25 2 ] | [ link 6 24 25 2 ] | [ link 6 27 25 2 ] \"", "plain_layout_seq": "link 6 8 24 2 | link 6 11 24 2 | link 6 14 24 2 | link 6 17 24 2 | link 6 21 25 2 | link 6 24 25 2 | link 6 27 25 2 | title 0 0 120 5", "canvas_width": 944, "canvas_height": 241, "elements": [ { "type": "title", "position": [ 0, 0, 944, 42 ], "completed": false }, { "type": "link", "position": [ 51, 64, 189, 20 ], "completed": false }, { "type": "link", "position": [ 51, 90, 189, 20 ], "completed": false }, { "type": "link", "position": [ 51, 115, 189, 20 ], "completed": false }, { "type": "link", "position": [ 51, 141, 189, 20 ], "completed": false }, { "type": "link", "position": [ 51, 166, 199, 20 ], "completed": false }, { "type": "link", "position": [ 51, 192, 199, 20 ], "completed": false }, { "type": "link", "position": [ 51, 217, 199, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web contact the company.# The page should have, a title, 5 icons for users to click to contact the company via email and Facebook, and so on. There should also be 7 links for users to click to know the different content of the web at the bottom.", "region_id": "2291", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:icon [attr:repeat'5'] ] [gp:NavGroup [gattr:total_link'7'] [item [el:link [attr:position'bottom'] ] ] ] ]", "execution": "footer : title undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 32 | link 30 25 3 1 | link 38 25 8 1 | link 51 25 6 1 | link 99 25 6 1 | link 13 25 12 1 | link 74 25 20 1 | link 61 25 8 1 | complete text 79 5 5 2 | complete text 68 5 10 2 | complete text 35 5 31 2 | title 1 11 116 2 | \" [ icon 42 16 5 5 ] | [ icon 49 16 5 5 ] | [ icon 57 16 5 5 ] | [ icon 65 16 5 5 ] | [ icon 72 16 5 5 ] \"", "layout_seq_without_completion": "background 0 0 120 32 | link 30 25 3 1 | link 38 25 8 1 | link 51 25 6 1 | link 99 25 6 1 | link 13 25 12 1 | link 74 25 20 1 | link 61 25 8 1 | text 79 5 5 2 | text 68 5 10 2 | text 35 5 31 2 | title 1 11 116 2 | \" [ icon 42 16 5 5 ] | [ icon 49 16 5 5 ] | [ icon 57 16 5 5 ] | [ icon 65 16 5 5 ] | [ icon 72 16 5 5 ] \"", "plain_layout_seq": "background 0 0 120 32 | icon 42 16 5 5 | icon 49 16 5 5 | icon 57 16 5 5 | icon 65 16 5 5 | icon 72 16 5 5 | link 30 25 3 1 | link 38 25 8 1 | link 51 25 6 1 | link 99 25 6 1 | link 13 25 12 1 | link 74 25 20 1 | link 61 25 8 1 | text 79 5 5 2 | text 68 5 10 2 | text 35 5 31 2 | title 1 11 116 2", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "background", "position": [ 0, 5, 1024, 281 ], "completed": true }, { "type": "text", "position": [ 305, 49, 270, 22 ], "completed": true }, { "type": "text", "position": [ 585, 49, 91, 22 ], "completed": true }, { "type": "text", "position": [ 676, 49, 43, 22 ], "completed": true }, { "type": "title", "position": [ 13, 101, 998, 23 ], "completed": false }, { "type": "icon", "position": [ 360, 139, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 425, 139, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 490, 139, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 555, 139, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 620, 139, 44, 44 ], "completed": false }, { "type": "link", "position": [ 117, 221, 108, 13 ], "completed": false }, { "type": "link", "position": [ 261, 221, 33, 13 ], "completed": false }, { "type": "link", "position": [ 329, 221, 75, 13 ], "completed": false }, { "type": "link", "position": [ 439, 221, 55, 13 ], "completed": false }, { "type": "link", "position": [ 529, 221, 72, 13 ], "completed": false }, { "type": "link", "position": [ 636, 221, 177, 13 ], "completed": false }, { "type": "link", "position": [ 848, 221, 59, 13 ], "completed": false } ] }, { "text": "# A footer page for a company's info.# The page should have two lists of information: \"Contact us\" and \"Policy pages\". The first list should have an email address for contacting us, and the second list should have four links: \"Privacy Policy\" \"Refund Policy\" \"Terms of Service\", and \"Shipping Policy\" for the user to click to know the policy of the company.", "region_id": "6910", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'contact us'] ] [el:link] ] [item [el:title [attr:value 'policy pages'] ] [el:link [attr:value 'Privacy Policy'] ] [el:link [attr:value 'Refund Policy'] ] [el:link [attr:value 'Terms of Service'] ] [el:link [attr:value 'Shipping Policy'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 47 | link 5 17 20 2 | title 5 11 33 3 | title 43 11 15 3 | \" [ link 43 16 7 2 ] | [ link 43 22 8 2 ] | [ link 43 27 9 2 ] | [ link 43 32 9 2 ] \"", "layout_seq_without_completion": "background 0 0 120 47 | link 5 17 20 2 | title 5 11 33 3 | title 43 11 15 3 | \" [ link 43 16 7 2 ] | [ link 43 22 8 2 ] | [ link 43 27 9 2 ] | [ link 43 32 9 2 ] \"", "plain_layout_seq": "background 0 0 120 47 | link 5 17 20 2 | link 43 16 7 2 | link 43 22 8 2 | link 43 27 9 2 | link 43 32 9 2 | title 5 11 33 3 | title 43 11 15 3", "canvas_width": 1024, "canvas_height": 403, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 403 ], "completed": true }, { "type": "title", "position": [ 47, 96, 290, 32 ], "completed": false }, { "type": "title", "position": [ 367, 96, 130, 32 ], "completed": false }, { "type": "link", "position": [ 367, 143, 68, 22 ], "completed": false }, { "type": "link", "position": [ 47, 147, 179, 22 ], "completed": false }, { "type": "link", "position": [ 367, 189, 71, 22 ], "completed": false }, { "type": "link", "position": [ 367, 235, 83, 22 ], "completed": false }, { "type": "link", "position": [ 367, 281, 79, 22 ], "completed": false } ] }, { "text": "#A page for introducing information about a company to users.# The page should include a background image and five links for users to click for further information such as \"Our Business\", and \"Our history\".", "region_id": "1036", "region_type": "Footer", "ir": "[region:Footer [el:background_image] [gp:NavGroup [gattr:total_link'5'] [gattr:names'our business, our history'] ] ]", "execution": "footer : background undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 71 | \" [ link 7 31 12 3 ] | [ link 7 36 14 3 ] | [ link 7 40 6 3 ] | [ link 7 45 12 3 ] | [ link 7 49 13 3 ] \"", "layout_seq_without_completion": "background 0 0 120 71 | \" [ link 7 31 12 3 ] | [ link 7 36 14 3 ] | [ link 7 40 6 3 ] | [ link 7 45 12 3 ] | [ link 7 49 13 3 ] \"", "plain_layout_seq": "background 0 0 120 71 | link 7 31 12 3 | link 7 36 14 3 | link 7 40 6 3 | link 7 45 12 3 | link 7 49 13 3", "canvas_width": 1024, "canvas_height": 610, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 610 ], "completed": false }, { "type": "link", "position": [ 64, 270, 110, 26 ], "completed": false }, { "type": "link", "position": [ 64, 308, 127, 26 ], "completed": false }, { "type": "link", "position": [ 64, 346, 58, 26 ], "completed": false }, { "type": "link", "position": [ 64, 384, 107, 26 ], "completed": false }, { "type": "link", "position": [ 64, 422, 115, 26 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page contains six groups of links of different types for users to click to know the different content of the web fastly, such as home, sports, and so on.", "region_id": "5746", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '6'] [gattr:names 'home, sport'] [item [el:link ] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete text 2 0 12 3 ] | [ complete text 19 0 12 3 ] | [ link 2 3 12 2 ] | [ link 19 3 12 2 ] | [ link 2 5 12 2 ] | [ link 19 5 12 2 ] | [ link 2 8 12 2 ] | [ link 19 8 12 2 ] | [ link 2 11 12 2 ] | [ link 19 11 12 2 ] | [ link 2 14 12 2 ] | [ link 19 14 12 2 ] | [ link 19 17 12 2 ] | [ link 19 20 12 2 ] | [ link 19 23 12 2 ] | [ link 19 26 12 2 ] \" | \" [ complete text 35 0 12 3 ] | [ complete text 53 0 12 3 ] | [ link 35 3 12 2 ] | [ link 53 3 12 2 ] | [ link 35 5 12 2 ] | [ link 53 5 12 2 ] | [ link 35 8 12 2 ] \" | \" [ complete text 69 0 12 3 ] | [ complete text 87 0 31 3 ] | [ link 69 3 12 2 ] | [ link 87 3 31 2 ] | [ link 69 5 12 2 ] | [ link 87 5 31 2 ] | [ link 87 8 31 2 ] | [ link 87 11 31 2 ] | [ link 87 14 31 2 ] \"", "layout_seq_without_completion": "\" [ text 2 0 12 3 ] | [ text 19 0 12 3 ] | [ link 2 3 12 2 ] | [ link 19 3 12 2 ] | [ link 2 5 12 2 ] | [ link 19 5 12 2 ] | [ link 2 8 12 2 ] | [ link 19 8 12 2 ] | [ link 2 11 12 2 ] | [ link 19 11 12 2 ] | [ link 2 14 12 2 ] | [ link 19 14 12 2 ] | [ link 19 17 12 2 ] | [ link 19 20 12 2 ] | [ link 19 23 12 2 ] | [ link 19 26 12 2 ] \" | \" [ text 35 0 12 3 ] | [ text 53 0 12 3 ] | [ link 35 3 12 2 ] | [ link 53 3 12 2 ] | [ link 35 5 12 2 ] | [ link 53 5 12 2 ] | [ link 35 8 12 2 ] \" | \" [ text 69 0 12 3 ] | [ text 87 0 31 3 ] | [ link 69 3 12 2 ] | [ link 87 3 31 2 ] | [ link 69 5 12 2 ] | [ link 87 5 31 2 ] | [ link 87 8 31 2 ] | [ link 87 11 31 2 ] | [ link 87 14 31 2 ] \"", "plain_layout_seq": "link 2 3 12 2 | link 19 3 12 2 | link 2 5 12 2 | link 19 5 12 2 | link 2 8 12 2 | link 19 8 12 2 | link 2 11 12 2 | link 19 11 12 2 | link 2 14 12 2 | link 19 14 12 2 | link 19 17 12 2 | link 19 20 12 2 | link 19 23 12 2 | link 19 26 12 2 | link 35 3 12 2 | link 53 3 12 2 | link 35 5 12 2 | link 53 5 12 2 | link 35 8 12 2 | link 69 3 12 2 | link 87 3 31 2 | link 69 5 12 2 | link 87 5 31 2 | link 87 8 31 2 | link 87 11 31 2 | link 87 14 31 2 | text 2 0 12 3 | text 19 0 12 3 | text 35 0 12 3 | text 53 0 12 3 | text 69 0 12 3 | text 87 0 31 3", "canvas_width": 921, "canvas_height": 226, "elements": [ { "type": "text", "position": [ 16, 0, 99, 24 ], "completed": true }, { "type": "text", "position": [ 146, 0, 99, 24 ], "completed": true }, { "type": "text", "position": [ 276, 0, 99, 24 ], "completed": true }, { "type": "text", "position": [ 407, 0, 99, 24 ], "completed": true }, { "type": "text", "position": [ 537, 0, 99, 24 ], "completed": true }, { "type": "text", "position": [ 668, 0, 238, 24 ], "completed": true }, { "type": "link", "position": [ 16, 24, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 24, 99, 22 ], "completed": false }, { "type": "link", "position": [ 276, 24, 99, 22 ], "completed": false }, { "type": "link", "position": [ 407, 24, 99, 22 ], "completed": false }, { "type": "link", "position": [ 537, 24, 99, 22 ], "completed": false }, { "type": "link", "position": [ 668, 24, 238, 22 ], "completed": false }, { "type": "link", "position": [ 16, 46, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 46, 99, 22 ], "completed": false }, { "type": "link", "position": [ 276, 46, 99, 22 ], "completed": false }, { "type": "link", "position": [ 407, 46, 99, 22 ], "completed": false }, { "type": "link", "position": [ 537, 46, 99, 22 ], "completed": false }, { "type": "link", "position": [ 668, 46, 238, 22 ], "completed": false }, { "type": "link", "position": [ 16, 69, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 69, 99, 22 ], "completed": false }, { "type": "link", "position": [ 276, 69, 99, 22 ], "completed": false }, { "type": "link", "position": [ 668, 69, 238, 22 ], "completed": false }, { "type": "link", "position": [ 16, 91, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 91, 99, 22 ], "completed": false }, { "type": "link", "position": [ 668, 91, 238, 22 ], "completed": false }, { "type": "link", "position": [ 16, 114, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 114, 99, 22 ], "completed": false }, { "type": "link", "position": [ 668, 114, 238, 22 ], "completed": false }, { "type": "link", "position": [ 146, 136, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 158, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 181, 99, 22 ], "completed": false }, { "type": "link", "position": [ 146, 203, 99, 22 ], "completed": false } ] }, { "text": "#A page for showing the train routes.#The page should have a title, named \"TRAIN ROUTES\", and there are several links under the title.", "region_id": "4075", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'train routes'] ] [gp:NavGroup [gattr:total_link 'several'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 5 8 108 2 | \" [ link 5 13 6 2 ] | [ link 5 17 7 2 ] | [ link 5 21 17 2 ] | [ link 5 25 7 2 ] | [ link 5 30 6 2 ] | [ link 5 34 13 2 ] | [ link 5 38 7 2 ] | [ link 5 42 6 2 ] | [ link 5 46 6 2 ] | [ link 5 51 5 2 ] | [ link 5 55 7 2 ] | [ link 5 59 6 2 ] \" | \" [ link 43 13 7 2 ] | [ link 43 17 6 2 ] | [ link 43 21 3 2 ] | [ link 43 25 6 2 ] | [ link 43 30 5 2 ] | [ link 43 34 8 2 ] | [ link 43 38 11 2 ] | [ link 43 42 9 2 ] | [ link 43 46 7 2 ] | [ link 43 51 10 2 ] | [ link 43 55 10 2 ] | [ link 43 59 6 2 ] \" | \" [ link 80 13 6 2 ] | [ link 80 17 7 2 ] | [ link 80 21 7 2 ] | [ link 80 25 5 2 ] | [ link 80 30 7 2 ] | [ link 80 34 7 2 ] | [ link 80 38 4 2 ] | [ link 80 42 7 2 ] | [ link 80 46 10 2 ] | [ link 80 51 6 2 ] | [ link 80 55 14 2 ] \"", "layout_seq_without_completion": "title 5 8 108 2 | \" [ link 5 13 6 2 ] | [ link 5 17 7 2 ] | [ link 5 21 17 2 ] | [ link 5 25 7 2 ] | [ link 5 30 6 2 ] | [ link 5 34 13 2 ] | [ link 5 38 7 2 ] | [ link 5 42 6 2 ] | [ link 5 46 6 2 ] | [ link 5 51 5 2 ] | [ link 5 55 7 2 ] | [ link 5 59 6 2 ] \" | \" [ link 43 13 7 2 ] | [ link 43 17 6 2 ] | [ link 43 21 3 2 ] | [ link 43 25 6 2 ] | [ link 43 30 5 2 ] | [ link 43 34 8 2 ] | [ link 43 38 11 2 ] | [ link 43 42 9 2 ] | [ link 43 46 7 2 ] | [ link 43 51 10 2 ] | [ link 43 55 10 2 ] | [ link 43 59 6 2 ] \" | \" [ link 80 13 6 2 ] | [ link 80 17 7 2 ] | [ link 80 21 7 2 ] | [ link 80 25 5 2 ] | [ link 80 30 7 2 ] | [ link 80 34 7 2 ] | [ link 80 38 4 2 ] | [ link 80 42 7 2 ] | [ link 80 46 10 2 ] | [ link 80 51 6 2 ] | [ link 80 55 14 2 ] \"", "plain_layout_seq": "link 5 13 6 2 | link 5 17 7 2 | link 5 21 17 2 | link 5 25 7 2 | link 5 30 6 2 | link 5 34 13 2 | link 5 38 7 2 | link 5 42 6 2 | link 5 46 6 2 | link 5 51 5 2 | link 5 55 7 2 | link 5 59 6 2 | link 43 13 7 2 | link 43 17 6 2 | link 43 21 3 2 | link 43 25 6 2 | link 43 30 5 2 | link 43 34 8 2 | link 43 38 11 2 | link 43 42 9 2 | link 43 46 7 2 | link 43 51 10 2 | link 43 55 10 2 | link 43 59 6 2 | link 80 13 6 2 | link 80 17 7 2 | link 80 21 7 2 | link 80 25 5 2 | link 80 30 7 2 | link 80 34 7 2 | link 80 38 4 2 | link 80 42 7 2 | link 80 46 10 2 | link 80 51 6 2 | link 80 55 14 2 | title 5 8 108 2", "canvas_width": 1024, "canvas_height": 637, "elements": [ { "type": "title", "position": [ 47, 70, 930, 19 ], "completed": false }, { "type": "link", "position": [ 47, 113, 54, 24 ], "completed": false }, { "type": "link", "position": [ 367, 113, 65, 24 ], "completed": false }, { "type": "link", "position": [ 687, 113, 53, 24 ], "completed": false }, { "type": "link", "position": [ 47, 149, 64, 24 ], "completed": false }, { "type": "link", "position": [ 367, 149, 52, 24 ], "completed": false }, { "type": "link", "position": [ 687, 149, 66, 24 ], "completed": false }, { "type": "link", "position": [ 47, 185, 153, 24 ], "completed": false }, { "type": "link", "position": [ 367, 185, 33, 24 ], "completed": false }, { "type": "link", "position": [ 687, 185, 67, 24 ], "completed": false }, { "type": "link", "position": [ 47, 221, 64, 24 ], "completed": false }, { "type": "link", "position": [ 367, 221, 56, 24 ], "completed": false }, { "type": "link", "position": [ 687, 221, 48, 24 ], "completed": false }, { "type": "link", "position": [ 47, 257, 55, 24 ], "completed": false }, { "type": "link", "position": [ 367, 257, 46, 24 ], "completed": false }, { "type": "link", "position": [ 687, 257, 65, 24 ], "completed": false }, { "type": "link", "position": [ 47, 293, 118, 24 ], "completed": false }, { "type": "link", "position": [ 367, 293, 69, 24 ], "completed": false }, { "type": "link", "position": [ 687, 293, 65, 24 ], "completed": false }, { "type": "link", "position": [ 47, 329, 68, 24 ], "completed": false }, { "type": "link", "position": [ 367, 329, 97, 24 ], "completed": false }, { "type": "link", "position": [ 687, 329, 42, 24 ], "completed": false }, { "type": "link", "position": [ 47, 365, 56, 24 ], "completed": false }, { "type": "link", "position": [ 367, 365, 83, 24 ], "completed": false }, { "type": "link", "position": [ 687, 365, 60, 24 ], "completed": false }, { "type": "link", "position": [ 47, 401, 55, 24 ], "completed": false }, { "type": "link", "position": [ 367, 401, 61, 24 ], "completed": false }, { "type": "link", "position": [ 687, 401, 89, 24 ], "completed": false }, { "type": "link", "position": [ 47, 437, 50, 24 ], "completed": false }, { "type": "link", "position": [ 367, 437, 92, 24 ], "completed": false }, { "type": "link", "position": [ 687, 437, 52, 24 ], "completed": false }, { "type": "link", "position": [ 47, 473, 68, 24 ], "completed": false }, { "type": "link", "position": [ 367, 473, 92, 24 ], "completed": false }, { "type": "link", "position": [ 687, 473, 122, 24 ], "completed": false }, { "type": "link", "position": [ 47, 509, 53, 24 ], "completed": false }, { "type": "link", "position": [ 367, 509, 59, 24 ], "completed": false } ] }, { "text": "# A footer page for introducing a company's info. # The page should have two groups \"About Info\" and \"Information\". In the first group, there should have three entries of information about the address, email address, and phone number respectively. In the second group, there should contain three links \"Home page\" \"All Products\", and \"Search\" for the user to click to return to the home page, view all products, and search for things they want to look for.", "region_id": "6933", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'about info'] ] [el:text [attr:value 'address'] ] [el:text [attr:value 'email address'] ] [el:text [attr:value 'phone number'] ] ] [item [el:title [attr:value 'information'] ] [el:link [attr:value 'home page'] ] [el:link [attr:value 'All Products'] ] [el:link [attr:value 'Search'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ text 8 17 45 2 | text 8 22 30 2 | text 8 27 20 2 | title 4 11 53 2 ] | [ link 61 17 15 2 | link 61 23 15 2 | link 61 28 15 2 | title 61 11 15 2 ] \"", "layout_seq_without_completion": "\" [ text 8 17 45 2 | text 8 22 30 2 | text 8 27 20 2 | title 4 11 53 2 ] | [ link 61 17 15 2 | link 61 23 15 2 | link 61 28 15 2 | title 61 11 15 2 ] \"", "plain_layout_seq": "link 61 17 15 2 | link 61 23 15 2 | link 61 28 15 2 | text 8 17 45 2 | text 8 22 30 2 | text 8 27 20 2 | title 4 11 53 2 | title 61 11 15 2", "canvas_width": 1009, "canvas_height": 366, "elements": [ { "type": "title", "position": [ 40, 98, 450, 21 ], "completed": false }, { "type": "title", "position": [ 520, 98, 130, 21 ], "completed": false }, { "type": "text", "position": [ 74, 151, 384, 24 ], "completed": false }, { "type": "link", "position": [ 520, 151, 130, 24 ], "completed": false }, { "type": "text", "position": [ 74, 190, 253, 24 ], "completed": false }, { "type": "link", "position": [ 520, 196, 130, 24 ], "completed": false }, { "type": "text", "position": [ 74, 229, 170, 24 ], "completed": false }, { "type": "link", "position": [ 520, 241, 130, 24 ], "completed": false } ] }, { "text": "# A page for users to click links and follow the company on some social media they list.# There are two groups on the page. One group has the title \"Links\" and three links for users to search for information, know policies, and contact the company. The other group has the title \"Follow Us\" and four social media icons.", "region_id": "8277", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Links'] ] [el:link [attr:value 'search for information']][el:link [attr:value 'know policies']][el:link [attr:value 'contact the company']]][item [el:title [attr:value 'Follow Us'] ] [el:icon [attr:repeat '4']]]]]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 5 5 2 | link 3 8 6 2 | link 3 12 9 2 | title 3 0 56 3 ] | [ icon 68 5 2 3 | icon 72 5 2 3 | icon 63 5 2 3 | icon 77 5 2 3 | title 63 0 56 3 ] \"", "layout_seq_without_completion": "\" [ link 3 5 5 2 | link 3 8 6 2 | link 3 12 9 2 | title 3 0 56 3 ] | [ icon 68 5 2 3 | icon 72 5 2 3 | icon 63 5 2 3 | icon 77 5 2 3 | title 63 0 56 3 ] \"", "plain_layout_seq": "icon 68 5 2 3 | icon 72 5 2 3 | icon 63 5 2 3 | icon 77 5 2 3 | link 3 5 5 2 | link 3 8 6 2 | link 3 12 9 2 | title 3 0 56 3 | title 63 0 56 3", "canvas_width": 994, "canvas_height": 128, "elements": [ { "type": "title", "position": [ 30, 0, 467, 29 ], "completed": false }, { "type": "title", "position": [ 527, 0, 467, 29 ], "completed": false }, { "type": "icon", "position": [ 527, 44, 23, 25 ], "completed": false }, { "type": "icon", "position": [ 564, 44, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 602, 44, 23, 25 ], "completed": false }, { "type": "icon", "position": [ 639, 44, 23, 25 ], "completed": false }, { "type": "link", "position": [ 30, 46, 47, 19 ], "completed": false }, { "type": "link", "position": [ 30, 74, 56, 19 ], "completed": false }, { "type": "link", "position": [ 30, 102, 77, 19 ], "completed": false } ] }, { "text": "#A footer page for a website.# There are three groups of information. The first group has a title named\"Follow\" and seven social media icons. The second group has one title named \"Connect\" and four icons. The third group has a title named \"Language\" and three icons that show the types of languages.", "region_id": "4218", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Follow']] [el:icon [attr:repeat '7']]] [item [el:title [attr:value 'Connect']] [el:icon [attr:repeat '4']]] [item [el:title [attr:value 'Language']] [el:icon [attr:repeat '3']]]] ]", "execution": "footer : { [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 12 10 1 2 | icon 43 10 3 2 | icon 50 10 3 2 | icon 19 10 2 2 | icon 27 10 2 2 | icon 35 10 2 2 | icon 3 10 2 2 | complete image 0 7 57 7 | title 25 5 7 2 ] | [ icon 83 10 2 2 | icon 69 10 2 2 | icon 76 10 2 2 | icon 62 10 2 2 | complete image 60 7 28 7 | title 70 5 8 2 ] | [ icon 96 11 1 1 | icon 112 10 3 1 | icon 104 11 1 1 | complete image 91 7 28 7 | title 100 5 10 2 ] \"", "layout_seq_without_completion": "\" [ icon 12 10 1 2 | icon 43 10 3 2 | icon 50 10 3 2 | icon 19 10 2 2 | icon 27 10 2 2 | icon 35 10 2 2 | icon 3 10 2 2 | image 0 7 57 7 | title 25 5 7 2 ] | [ icon 83 10 2 2 | icon 69 10 2 2 | icon 76 10 2 2 | icon 62 10 2 2 | image 60 7 28 7 | title 70 5 8 2 ] | [ icon 96 11 1 1 | icon 112 10 3 1 | icon 104 11 1 1 | image 91 7 28 7 | title 100 5 10 2 ] \"", "plain_layout_seq": "icon 12 10 1 2 | icon 43 10 3 2 | icon 50 10 3 2 | icon 19 10 2 2 | icon 27 10 2 2 | icon 35 10 2 2 | icon 3 10 2 2 | icon 83 10 2 2 | icon 69 10 2 2 | icon 76 10 2 2 | icon 62 10 2 2 | icon 96 11 1 1 | icon 112 10 3 1 | icon 104 11 1 1 | image 0 7 57 7 | image 60 7 28 7 | image 91 7 28 7 | title 25 5 7 2 | title 70 5 8 2 | title 100 5 10 2", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "title", "position": [ 215, 51, 61, 21 ], "completed": false }, { "type": "title", "position": [ 598, 51, 72, 21 ], "completed": false }, { "type": "title", "position": [ 855, 51, 90, 21 ], "completed": false }, { "type": "image", "position": [ 0, 60, 492, 68 ], "completed": true }, { "type": "image", "position": [ 512, 60, 245, 68 ], "completed": true }, { "type": "image", "position": [ 777, 60, 246, 68 ], "completed": true }, { "type": "icon", "position": [ 593, 87, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 651, 87, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 709, 87, 25, 24 ], "completed": false }, { "type": "icon", "position": [ 106, 88, 12, 23 ], "completed": false }, { "type": "icon", "position": [ 169, 88, 20, 23 ], "completed": false }, { "type": "icon", "position": [ 237, 88, 18, 21 ], "completed": false }, { "type": "icon", "position": [ 302, 88, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 367, 88, 26, 23 ], "completed": false }, { "type": "icon", "position": [ 33, 90, 23, 19 ], "completed": false }, { "type": "icon", "position": [ 434, 90, 26, 18 ], "completed": false }, { "type": "icon", "position": [ 535, 90, 24, 18 ], "completed": false }, { "type": "icon", "position": [ 959, 92, 27, 14 ], "completed": false }, { "type": "icon", "position": [ 820, 94, 16, 10 ], "completed": false }, { "type": "icon", "position": [ 892, 94, 17, 11 ], "completed": false } ] }, { "text": "#A page for navigation of the web of Grove.# The page should have 4 groups of links for users to click to know the different content of the web fastly, such as investor relations, FAQ, and so on. There also should be some icons like Facebook, Ig, Tiktok, and so on to attract users to follow Grove on these apps.", "region_id": "1346", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'investor relations, faq'] [item [el:link] ] ] [el:icon [attr:repeat 'several'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 90 14 2 2 | icon 90 32 2 2 | icon 90 38 2 2 | icon 90 26 2 2 | icon 90 20 2 2 | link 95 27 6 1 | link 95 32 7 1 | link 95 21 9 1 | link 95 39 5 1 | link 95 15 8 1 | complete title 61 9 27 2 | complete title 90 9 27 2 | \" [ link 3 14 9 1 | link 3 20 11 1 | link 3 26 9 1 | link 3 31 2 1 | link 3 37 6 1 | link 3 43 7 1 | link 3 48 21 1 | complete title 3 9 27 2 ] | [ link 32 14 3 1 | link 32 20 10 1 | link 32 26 18 1 | link 32 31 14 1 | link 32 37 4 1 | link 32 43 15 1 | complete title 32 9 27 2 ] | [ icon 61 47 4 7 | link 61 31 18 1 | link 61 37 15 1 | link 61 14 17 1 | link 61 20 11 1 | link 61 26 12 1 | link 61 42 13 2 ] \"", "layout_seq_without_completion": "icon 90 14 2 2 | icon 90 32 2 2 | icon 90 38 2 2 | icon 90 26 2 2 | icon 90 20 2 2 | link 95 27 6 1 | link 95 32 7 1 | link 95 21 9 1 | link 95 39 5 1 | link 95 15 8 1 | title 61 9 27 2 | title 90 9 27 2 | \" [ link 3 14 9 1 | link 3 20 11 1 | link 3 26 9 1 | link 3 31 2 1 | link 3 37 6 1 | link 3 43 7 1 | link 3 48 21 1 | title 3 9 27 2 ] | [ link 32 14 3 1 | link 32 20 10 1 | link 32 26 18 1 | link 32 31 14 1 | link 32 37 4 1 | link 32 43 15 1 | title 32 9 27 2 ] | [ icon 61 47 4 7 | link 61 31 18 1 | link 61 37 15 1 | link 61 14 17 1 | link 61 20 11 1 | link 61 26 12 1 | link 61 42 13 2 ] \"", "plain_layout_seq": "icon 90 14 2 2 | icon 90 32 2 2 | icon 90 38 2 2 | icon 90 26 2 2 | icon 90 20 2 2 | icon 61 47 4 7 | link 95 27 6 1 | link 95 32 7 1 | link 95 21 9 1 | link 95 39 5 1 | link 95 15 8 1 | link 3 14 9 1 | link 3 20 11 1 | link 3 26 9 1 | link 3 31 2 1 | link 3 37 6 1 | link 3 43 7 1 | link 3 48 21 1 | link 32 14 3 1 | link 32 20 10 1 | link 32 26 18 1 | link 32 31 14 1 | link 32 37 4 1 | link 32 43 15 1 | link 61 31 18 1 | link 61 37 15 1 | link 61 14 17 1 | link 61 20 11 1 | link 61 26 12 1 | link 61 42 13 2 | title 61 9 27 2 | title 90 9 27 2 | title 3 9 27 2 | title 32 9 27 2", "canvas_width": 1024, "canvas_height": 555, "elements": [ { "type": "title", "position": [ 28, 80, 232, 19 ], "completed": true }, { "type": "title", "position": [ 276, 80, 232, 19 ], "completed": true }, { "type": "title", "position": [ 524, 80, 232, 19 ], "completed": true }, { "type": "title", "position": [ 772, 80, 232, 19 ], "completed": true }, { "type": "icon", "position": [ 772, 123, 24, 24 ], "completed": false }, { "type": "link", "position": [ 28, 127, 77, 16 ], "completed": false }, { "type": "link", "position": [ 276, 127, 31, 16 ], "completed": false }, { "type": "link", "position": [ 524, 127, 147, 16 ], "completed": false }, { "type": "link", "position": [ 812, 129, 76, 16 ], "completed": false }, { "type": "link", "position": [ 28, 175, 102, 16 ], "completed": false }, { "type": "link", "position": [ 276, 175, 93, 16 ], "completed": false }, { "type": "link", "position": [ 524, 175, 98, 16 ], "completed": false }, { "type": "icon", "position": [ 772, 175, 24, 24 ], "completed": false }, { "type": "link", "position": [ 812, 181, 78, 16 ], "completed": false }, { "type": "link", "position": [ 28, 223, 85, 16 ], "completed": false }, { "type": "link", "position": [ 276, 223, 161, 16 ], "completed": false }, { "type": "link", "position": [ 524, 223, 105, 16 ], "completed": false }, { "type": "icon", "position": [ 772, 227, 24, 20 ], "completed": false }, { "type": "link", "position": [ 812, 231, 55, 16 ], "completed": false }, { "type": "link", "position": [ 28, 271, 23, 16 ], "completed": false }, { "type": "link", "position": [ 276, 271, 123, 16 ], "completed": false }, { "type": "link", "position": [ 524, 271, 159, 16 ], "completed": false }, { "type": "icon", "position": [ 772, 275, 24, 24 ], "completed": false }, { "type": "link", "position": [ 812, 281, 68, 16 ], "completed": false }, { "type": "link", "position": [ 28, 319, 52, 16 ], "completed": false }, { "type": "link", "position": [ 276, 319, 37, 16 ], "completed": false }, { "type": "link", "position": [ 524, 319, 132, 16 ], "completed": false }, { "type": "icon", "position": [ 772, 327, 24, 24 ], "completed": false }, { "type": "link", "position": [ 812, 333, 49, 16 ], "completed": false }, { "type": "link", "position": [ 524, 363, 118, 24 ], "completed": false }, { "type": "link", "position": [ 28, 367, 61, 16 ], "completed": false }, { "type": "link", "position": [ 276, 367, 129, 16 ], "completed": false }, { "type": "icon", "position": [ 524, 407, 40, 64 ], "completed": false }, { "type": "link", "position": [ 28, 415, 184, 16 ], "completed": false } ] }, { "text": "#The page introduces a footer of the app to the user.# There should be three parts. The first part includes eight category name tabs. The second part contains one label and four links, such as customer service, brand partnerships, etc. The last part is four icons of other apps and the name of the apps to share on social media platforms.", "region_id": "5333", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:text [attr:repeat '8'] ] ] [item [el:title] [el:link [attr:repeat '4'] ] ] [item [el:icon [attr:repeat '4'] ] [el:text [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "icon 107 0 0 1 | icon 106 4 1 1 | icon 106 7 1 1 | icon 106 11 1 1 | text 110 0 9 2 | text 110 10 8 2 | text 110 3 6 2 | text 110 7 9 2 | title 40 0 39 3 | \" [ text 0 0 9 6 ] | [ text 0 6 15 6 ] | [ text 0 12 33 6 ] | [ text 0 19 30 6 ] | [ text 0 25 27 6 ] | [ text 0 31 16 6 ] | [ text 0 38 20 6 ] | [ text 0 44 18 6 ] \" | \" [ link 40 4 15 2 ] | [ link 40 8 15 2 ] | [ link 40 13 15 2 ] | [ link 40 17 6 2 ] \"", "layout_seq_without_completion": "icon 107 0 0 1 | icon 106 4 1 1 | icon 106 7 1 1 | icon 106 11 1 1 | text 110 0 9 2 | text 110 10 8 2 | text 110 3 6 2 | text 110 7 9 2 | title 40 0 39 3 | \" [ text 0 0 9 6 ] | [ text 0 6 15 6 ] | [ text 0 12 33 6 ] | [ text 0 19 30 6 ] | [ text 0 25 27 6 ] | [ text 0 31 16 6 ] | [ text 0 38 20 6 ] | [ text 0 44 18 6 ] \" | \" [ link 40 4 15 2 ] | [ link 40 8 15 2 ] | [ link 40 13 15 2 ] | [ link 40 17 6 2 ] \"", "plain_layout_seq": "icon 107 0 0 1 | icon 106 4 1 1 | icon 106 7 1 1 | icon 106 11 1 1 | link 40 4 15 2 | link 40 8 15 2 | link 40 13 15 2 | link 40 17 6 2 | text 110 0 9 2 | text 110 10 8 2 | text 110 3 6 2 | text 110 7 9 2 | text 0 0 9 6 | text 0 6 15 6 | text 0 12 33 6 | text 0 19 30 6 | text 0 25 27 6 | text 0 31 16 6 | text 0 38 20 6 | text 0 44 18 6 | title 40 0 39 3", "canvas_width": 992, "canvas_height": 419, "elements": [ { "type": "text", "position": [ 0, 0, 79, 50 ], "completed": false }, { "type": "title", "position": [ 332, 0, 327, 28 ], "completed": false }, { "type": "text", "position": [ 911, 0, 78, 22 ], "completed": false }, { "type": "icon", "position": [ 885, 4, 7, 14 ], "completed": false }, { "type": "text", "position": [ 911, 29, 55, 22 ], "completed": false }, { "type": "icon", "position": [ 882, 35, 14, 12 ], "completed": false }, { "type": "link", "position": [ 332, 38, 124, 20 ], "completed": false }, { "type": "text", "position": [ 0, 53, 124, 50 ], "completed": false }, { "type": "text", "position": [ 911, 58, 81, 22 ], "completed": false }, { "type": "icon", "position": [ 882, 62, 14, 14 ], "completed": false }, { "type": "link", "position": [ 332, 74, 131, 20 ], "completed": false }, { "type": "text", "position": [ 911, 87, 67, 22 ], "completed": false }, { "type": "icon", "position": [ 882, 91, 14, 14 ], "completed": false }, { "type": "text", "position": [ 0, 105, 276, 50 ], "completed": false }, { "type": "link", "position": [ 332, 110, 125, 20 ], "completed": false }, { "type": "link", "position": [ 332, 146, 54, 20 ], "completed": false }, { "type": "text", "position": [ 0, 158, 254, 50 ], "completed": false }, { "type": "text", "position": [ 0, 210, 228, 50 ], "completed": false }, { "type": "text", "position": [ 0, 262, 134, 50 ], "completed": false }, { "type": "text", "position": [ 0, 315, 169, 50 ], "completed": false }, { "type": "text", "position": [ 0, 367, 152, 50 ], "completed": false } ] }, { "text": "#A footer section for introducing the information of a company to users.# The section should include five categories. Under each category, there should be several sublinks where users can click to get further information. Besides, several icons of social media are listed for user to share on the different social platform.", "region_id": "1017", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [item [el:link [attr:repeat 'several']] ] ] [el:icon [attr:repeat 'several'] [attr:value 'social platform'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete title 0 0 15 2 ] | [ complete title 18 0 12 2 ] | [ link 0 6 15 2 ] | [ link 18 6 12 2 ] | [ link 0 10 15 2 ] | [ link 18 10 12 2 ] | [ link 0 14 15 2 ] | [ link 18 14 12 2 ] | [ link 0 18 15 2 ] | [ link 18 18 12 2 ] | [ link 0 22 15 2 ] | [ link 18 22 12 2 ] | [ link 0 27 15 2 ] | [ link 0 31 15 2 ] | [ link 0 35 15 2 ] | [ link 0 39 15 2 ] \" | \" [ complete title 32 0 24 2 ] | [ complete title 60 0 15 2 ] | [ link 32 6 24 2 ] | [ link 60 6 15 2 ] | [ link 32 10 24 2 ] | [ link 60 10 15 2 ] | [ link 32 14 24 2 ] | [ link 60 14 15 2 ] | [ link 32 18 24 2 ] | [ link 60 18 15 2 ] | [ link 32 22 24 2 ] | [ link 60 22 15 2 ] | [ link 32 27 24 2 ] | [ link 60 27 15 2 ] | [ link 32 31 24 2 ] | [ link 60 31 15 2 ] | [ link 32 35 24 2 ] | [ link 60 35 15 2 ] | [ link 32 39 24 2 ] | [ link 60 39 15 2 ] | [ link 32 43 24 2 ] | [ link 60 43 15 2 ] | [ link 32 48 24 2 ] | [ link 32 52 24 2 ] | [ link 32 56 24 2 ] | [ link 32 60 24 2 ] | [ link 32 64 24 2 ] | [ link 32 69 24 2 ] | [ link 32 73 24 2 ] | [ link 32 77 24 2 ] | [ link 32 81 24 2 ] \" | \" [ complete title 77 0 13 2 ] | [ link 77 6 13 2 ] | [ link 77 10 13 2 ] | [ link 77 14 13 2 ] | [ link 77 18 13 2 ] | [ link 77 22 13 2 ] | [ link 77 27 13 2 ] | [ link 77 31 13 2 ] \" | \" [ icon 94 0 2 2 ] | [ icon 98 0 2 2 ] | [ icon 102 0 2 2 ] | [ icon 105 0 2 2 ] | [ icon 109 0 2 2 ] | [ icon 113 0 2 2 ] | [ icon 116 0 2 2 ] \"", "layout_seq_without_completion": "\" [ title 0 0 15 2 ] | [ title 18 0 12 2 ] | [ link 0 6 15 2 ] | [ link 18 6 12 2 ] | [ link 0 10 15 2 ] | [ link 18 10 12 2 ] | [ link 0 14 15 2 ] | [ link 18 14 12 2 ] | [ link 0 18 15 2 ] | [ link 18 18 12 2 ] | [ link 0 22 15 2 ] | [ link 18 22 12 2 ] | [ link 0 27 15 2 ] | [ link 0 31 15 2 ] | [ link 0 35 15 2 ] | [ link 0 39 15 2 ] \" | \" [ title 32 0 24 2 ] | [ title 60 0 15 2 ] | [ link 32 6 24 2 ] | [ link 60 6 15 2 ] | [ link 32 10 24 2 ] | [ link 60 10 15 2 ] | [ link 32 14 24 2 ] | [ link 60 14 15 2 ] | [ link 32 18 24 2 ] | [ link 60 18 15 2 ] | [ link 32 22 24 2 ] | [ link 60 22 15 2 ] | [ link 32 27 24 2 ] | [ link 60 27 15 2 ] | [ link 32 31 24 2 ] | [ link 60 31 15 2 ] | [ link 32 35 24 2 ] | [ link 60 35 15 2 ] | [ link 32 39 24 2 ] | [ link 60 39 15 2 ] | [ link 32 43 24 2 ] | [ link 60 43 15 2 ] | [ link 32 48 24 2 ] | [ link 32 52 24 2 ] | [ link 32 56 24 2 ] | [ link 32 60 24 2 ] | [ link 32 64 24 2 ] | [ link 32 69 24 2 ] | [ link 32 73 24 2 ] | [ link 32 77 24 2 ] | [ link 32 81 24 2 ] \" | \" [ title 77 0 13 2 ] | [ link 77 6 13 2 ] | [ link 77 10 13 2 ] | [ link 77 14 13 2 ] | [ link 77 18 13 2 ] | [ link 77 22 13 2 ] | [ link 77 27 13 2 ] | [ link 77 31 13 2 ] \" | \" [ icon 94 0 2 2 ] | [ icon 98 0 2 2 ] | [ icon 102 0 2 2 ] | [ icon 105 0 2 2 ] | [ icon 109 0 2 2 ] | [ icon 113 0 2 2 ] | [ icon 116 0 2 2 ] \"", "plain_layout_seq": "icon 94 0 2 2 | icon 98 0 2 2 | icon 102 0 2 2 | icon 105 0 2 2 | icon 109 0 2 2 | icon 113 0 2 2 | icon 116 0 2 2 | link 0 6 15 2 | link 18 6 12 2 | link 0 10 15 2 | link 18 10 12 2 | link 0 14 15 2 | link 18 14 12 2 | link 0 18 15 2 | link 18 18 12 2 | link 0 22 15 2 | link 18 22 12 2 | link 0 27 15 2 | link 0 31 15 2 | link 0 35 15 2 | link 0 39 15 2 | link 32 6 24 2 | link 60 6 15 2 | link 32 10 24 2 | link 60 10 15 2 | link 32 14 24 2 | link 60 14 15 2 | link 32 18 24 2 | link 60 18 15 2 | link 32 22 24 2 | link 60 22 15 2 | link 32 27 24 2 | link 60 27 15 2 | link 32 31 24 2 | link 60 31 15 2 | link 32 35 24 2 | link 60 35 15 2 | link 32 39 24 2 | link 60 39 15 2 | link 32 43 24 2 | link 60 43 15 2 | link 32 48 24 2 | link 32 52 24 2 | link 32 56 24 2 | link 32 60 24 2 | link 32 64 24 2 | link 32 69 24 2 | link 32 73 24 2 | link 32 77 24 2 | link 32 81 24 2 | link 77 6 13 2 | link 77 10 13 2 | link 77 14 13 2 | link 77 18 13 2 | link 77 22 13 2 | link 77 27 13 2 | link 77 31 13 2 | title 0 0 15 2 | title 18 0 12 2 | title 32 0 24 2 | title 60 0 15 2 | title 77 0 13 2", "canvas_width": 970, "canvas_height": 723, "elements": [ { "type": "icon", "position": [ 765, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 795, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 825, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 855, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 885, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 915, 0, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 945, 0, 20, 20 ], "completed": false }, { "type": "title", "position": [ 0, 2, 126, 22 ], "completed": true }, { "type": "title", "position": [ 147, 2, 98, 22 ], "completed": true }, { "type": "title", "position": [ 265, 2, 201, 22 ], "completed": true }, { "type": "title", "position": [ 486, 2, 123, 22 ], "completed": true }, { "type": "title", "position": [ 630, 2, 109, 22 ], "completed": true }, { "type": "link", "position": [ 0, 49, 126, 22 ], "completed": false }, { "type": "link", "position": [ 147, 49, 98, 22 ], "completed": false }, { "type": "link", "position": [ 265, 49, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 49, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 49, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 83, 126, 22 ], "completed": false }, { "type": "link", "position": [ 147, 83, 98, 22 ], "completed": false }, { "type": "link", "position": [ 265, 83, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 83, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 83, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 117, 126, 22 ], "completed": false }, { "type": "link", "position": [ 147, 117, 98, 22 ], "completed": false }, { "type": "link", "position": [ 265, 117, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 117, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 117, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 151, 126, 22 ], "completed": false }, { "type": "link", "position": [ 147, 151, 98, 22 ], "completed": false }, { "type": "link", "position": [ 265, 151, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 151, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 151, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 185, 126, 22 ], "completed": false }, { "type": "link", "position": [ 147, 185, 98, 22 ], "completed": false }, { "type": "link", "position": [ 265, 185, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 185, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 185, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 219, 126, 22 ], "completed": false }, { "type": "link", "position": [ 265, 219, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 219, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 219, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 253, 126, 22 ], "completed": false }, { "type": "link", "position": [ 265, 253, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 253, 123, 22 ], "completed": false }, { "type": "link", "position": [ 630, 253, 109, 22 ], "completed": false }, { "type": "link", "position": [ 0, 287, 126, 22 ], "completed": false }, { "type": "link", "position": [ 265, 287, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 287, 123, 22 ], "completed": false }, { "type": "link", "position": [ 0, 321, 126, 22 ], "completed": false }, { "type": "link", "position": [ 265, 321, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 321, 123, 22 ], "completed": false }, { "type": "link", "position": [ 265, 355, 201, 22 ], "completed": false }, { "type": "link", "position": [ 486, 355, 123, 22 ], "completed": false }, { "type": "link", "position": [ 265, 389, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 423, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 457, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 491, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 525, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 559, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 593, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 627, 201, 22 ], "completed": false }, { "type": "link", "position": [ 265, 661, 201, 22 ], "completed": false } ] }, { "text": "#A page for introducing one company named \"info biz\".# There should be one logo. Five titles are used to show the company's related info, for example, \"Business\", \"Developers\", \"Telecoms\", \"Company\", and \"Careers\", and each of them is followed by many links showing the detailed info.", "region_id": "1467", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat'5'] [gattr:names'business, developers, telecoms, company, careers'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 100 6 14 2 | logo 5 0 10 9 | title 100 0 7 2 | \" [ link 24 10 14 2 | link 24 19 9 2 | link 24 6 7 2 | link 24 14 3 2 | link 24 23 3 2 | title 24 0 8 2 ] | [ link 43 6 9 2 | link 43 10 11 2 | link 43 14 4 2 | title 43 0 11 2 ] | [ link 62 6 16 2 | link 62 10 17 4 | link 62 17 17 4 | link 62 31 17 4 | link 62 37 14 2 | link 62 24 17 4 | title 62 0 9 2 ] | [ link 81 10 9 2 | link 81 6 7 2 | link 81 14 11 2 | link 81 19 5 2 | link 81 23 6 2 | title 81 0 9 2 ] \"", "layout_seq_without_completion": "link 100 6 14 2 | logo 5 0 10 9 | title 100 0 7 2 | \" [ link 24 10 14 2 | link 24 19 9 2 | link 24 6 7 2 | link 24 14 3 2 | link 24 23 3 2 | title 24 0 8 2 ] | [ link 43 6 9 2 | link 43 10 11 2 | link 43 14 4 2 | title 43 0 11 2 ] | [ link 62 6 16 2 | link 62 10 17 4 | link 62 17 17 4 | link 62 31 17 4 | link 62 37 14 2 | link 62 24 17 4 | title 62 0 9 2 ] | [ link 81 10 9 2 | link 81 6 7 2 | link 81 14 11 2 | link 81 19 5 2 | link 81 23 6 2 | title 81 0 9 2 ] \"", "plain_layout_seq": "link 100 6 14 2 | link 24 10 14 2 | link 24 19 9 2 | link 24 6 7 2 | link 24 14 3 2 | link 24 23 3 2 | link 43 6 9 2 | link 43 10 11 2 | link 43 14 4 2 | link 62 6 16 2 | link 62 10 17 4 | link 62 17 17 4 | link 62 31 17 4 | link 62 37 14 2 | link 62 24 17 4 | link 81 10 9 2 | link 81 6 7 2 | link 81 14 11 2 | link 81 19 5 2 | link 81 23 6 2 | logo 5 0 10 9 | title 100 0 7 2 | title 24 0 8 2 | title 43 0 11 2 | title 62 0 9 2 | title 81 0 9 2", "canvas_width": 982, "canvas_height": 338, "elements": [ { "type": "logo", "position": [ 43, 0, 88, 81 ], "completed": false }, { "type": "title", "position": [ 199, 1, 72, 22 ], "completed": false }, { "type": "title", "position": [ 356, 1, 92, 22 ], "completed": false }, { "type": "title", "position": [ 512, 1, 77, 22 ], "completed": false }, { "type": "title", "position": [ 668, 1, 79, 22 ], "completed": false }, { "type": "title", "position": [ 825, 1, 62, 22 ], "completed": false }, { "type": "link", "position": [ 199, 50, 61, 20 ], "completed": false }, { "type": "link", "position": [ 356, 50, 79, 20 ], "completed": false }, { "type": "link", "position": [ 512, 50, 132, 20 ], "completed": false }, { "type": "link", "position": [ 668, 50, 64, 20 ], "completed": false }, { "type": "link", "position": [ 825, 50, 119, 20 ], "completed": false }, { "type": "link", "position": [ 199, 86, 117, 20 ], "completed": false }, { "type": "link", "position": [ 356, 86, 91, 20 ], "completed": false }, { "type": "link", "position": [ 512, 86, 140, 40 ], "completed": false }, { "type": "link", "position": [ 668, 86, 77, 20 ], "completed": false }, { "type": "link", "position": [ 199, 122, 31, 20 ], "completed": false }, { "type": "link", "position": [ 356, 122, 36, 20 ], "completed": false }, { "type": "link", "position": [ 668, 122, 91, 20 ], "completed": false }, { "type": "link", "position": [ 512, 142, 140, 40 ], "completed": false }, { "type": "link", "position": [ 199, 158, 76, 20 ], "completed": false }, { "type": "link", "position": [ 668, 158, 47, 20 ], "completed": false }, { "type": "link", "position": [ 199, 194, 29, 20 ], "completed": false }, { "type": "link", "position": [ 668, 194, 54, 20 ], "completed": false }, { "type": "link", "position": [ 512, 198, 140, 40 ], "completed": false }, { "type": "link", "position": [ 512, 254, 140, 40 ], "completed": false }, { "type": "link", "position": [ 512, 310, 118, 20 ], "completed": false } ] }, { "text": "#A page for introducing one company named \"infobip\".# There should be one image showing the logo. Five Text boxes are used to show the company's related info, such as \"Business\", \"Developers\", \"Telecoms\", \"Company\", and \"Careers\", and each of them is followed by many text boxes showing the detailed info.", "region_id": "1467_1", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat'5'] [gattr:names'business, developers, telecoms, company, careers'] [item [el:text] [el:text [attr:repeat 'several'] ] ] ] ]", "execution": "footer : logo undefined undefined | { [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] | [ text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "logo 5 0 10 9 | text 100 0 7 2 | text 100 6 14 2 | \" [ text 24 10 14 2 | text 24 19 9 2 | text 24 0 8 2 | text 24 6 7 2 | text 24 14 3 2 | text 24 23 3 2 ] | [ text 43 0 11 2 | text 43 6 9 2 | text 43 10 11 2 | text 43 14 4 2 ] | [ text 62 0 9 2 | text 62 6 16 2 | text 62 10 17 4 | text 62 17 17 4 | text 62 31 17 4 | text 62 37 14 2 | text 62 24 17 4 ] | [ text 81 10 9 2 | text 81 0 9 2 | text 81 6 7 2 | text 81 14 11 2 | text 81 19 5 2 | text 81 23 6 2 ] \"", "layout_seq_without_completion": "logo 5 0 10 9 | text 100 0 7 2 | text 100 6 14 2 | \" [ text 24 10 14 2 | text 24 19 9 2 | text 24 0 8 2 | text 24 6 7 2 | text 24 14 3 2 | text 24 23 3 2 ] | [ text 43 0 11 2 | text 43 6 9 2 | text 43 10 11 2 | text 43 14 4 2 ] | [ text 62 0 9 2 | text 62 6 16 2 | text 62 10 17 4 | text 62 17 17 4 | text 62 31 17 4 | text 62 37 14 2 | text 62 24 17 4 ] | [ text 81 10 9 2 | text 81 0 9 2 | text 81 6 7 2 | text 81 14 11 2 | text 81 19 5 2 | text 81 23 6 2 ] \"", "plain_layout_seq": "logo 5 0 10 9 | text 100 0 7 2 | text 100 6 14 2 | text 24 10 14 2 | text 24 19 9 2 | text 24 0 8 2 | text 24 6 7 2 | text 24 14 3 2 | text 24 23 3 2 | text 43 0 11 2 | text 43 6 9 2 | text 43 10 11 2 | text 43 14 4 2 | text 62 0 9 2 | text 62 6 16 2 | text 62 10 17 4 | text 62 17 17 4 | text 62 31 17 4 | text 62 37 14 2 | text 62 24 17 4 | text 81 10 9 2 | text 81 0 9 2 | text 81 6 7 2 | text 81 14 11 2 | text 81 19 5 2 | text 81 23 6 2", "canvas_width": 982, "canvas_height": 338, "elements": [ { "type": "logo", "position": [ 43, 0, 88, 81 ], "completed": false }, { "type": "text", "position": [ 199, 1, 72, 22 ], "completed": false }, { "type": "text", "position": [ 356, 1, 92, 22 ], "completed": false }, { "type": "text", "position": [ 512, 1, 77, 22 ], "completed": false }, { "type": "text", "position": [ 668, 1, 79, 22 ], "completed": false }, { "type": "text", "position": [ 825, 1, 62, 22 ], "completed": false }, { "type": "text", "position": [ 199, 50, 61, 20 ], "completed": false }, { "type": "text", "position": [ 356, 50, 79, 20 ], "completed": false }, { "type": "text", "position": [ 512, 50, 132, 20 ], "completed": false }, { "type": "text", "position": [ 668, 50, 64, 20 ], "completed": false }, { "type": "text", "position": [ 825, 50, 119, 20 ], "completed": false }, { "type": "text", "position": [ 199, 86, 117, 20 ], "completed": false }, { "type": "text", "position": [ 356, 86, 91, 20 ], "completed": false }, { "type": "text", "position": [ 512, 86, 140, 40 ], "completed": false }, { "type": "text", "position": [ 668, 86, 77, 20 ], "completed": false }, { "type": "text", "position": [ 199, 122, 31, 20 ], "completed": false }, { "type": "text", "position": [ 356, 122, 36, 20 ], "completed": false }, { "type": "text", "position": [ 668, 122, 91, 20 ], "completed": false }, { "type": "text", "position": [ 512, 142, 140, 40 ], "completed": false }, { "type": "text", "position": [ 199, 158, 76, 20 ], "completed": false }, { "type": "text", "position": [ 668, 158, 47, 20 ], "completed": false }, { "type": "text", "position": [ 199, 194, 29, 20 ], "completed": false }, { "type": "text", "position": [ 668, 194, 54, 20 ], "completed": false }, { "type": "text", "position": [ 512, 198, 140, 40 ], "completed": false }, { "type": "text", "position": [ 512, 254, 140, 40 ], "completed": false }, { "type": "text", "position": [ 512, 310, 118, 20 ], "completed": false } ] }, { "text": "#A page showing more information about the company.# The page has five lists of information. Each list includes a title showing the category and two to fifteen links for users to click to get more information.", "region_id": "3079", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '5'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 24 6 20 4 | link 0 9 20 4 | link 0 18 20 4 | link 24 18 20 4 | link 0 26 20 4 | link 24 30 20 4 | link 0 5 20 4 | link 24 10 20 4 | link 0 13 20 4 | link 24 14 20 4 | link 0 22 20 4 | link 24 22 20 4 | link 24 26 20 4 | link 0 30 20 4 | title 0 0 47 4 ] | [ link 54 9 19 4 | link 54 13 19 4 | link 54 18 19 4 | link 54 30 19 4 | link 54 38 19 7 | link 54 5 19 4 | link 54 22 19 4 | link 54 26 19 4 | link 54 34 19 4 | title 54 0 21 4 ] | [ link 76 13 19 4 | link 76 18 19 4 | link 76 26 19 4 | link 76 30 19 4 | link 76 5 19 4 | link 76 9 19 4 | link 76 22 19 4 | title 76 0 21 4 ] | [ link 98 5 21 4 | link 98 9 21 4 | title 98 0 21 4 ] | [ link 98 22 21 4 | link 98 26 21 4 | link 98 38 21 4 | link 98 30 21 4 | link 98 34 21 4 | title 98 17 21 4 ] \"", "layout_seq_without_completion": "\" [ link 24 6 20 4 | link 0 9 20 4 | link 0 18 20 4 | link 24 18 20 4 | link 0 26 20 4 | link 24 30 20 4 | link 0 5 20 4 | link 24 10 20 4 | link 0 13 20 4 | link 24 14 20 4 | link 0 22 20 4 | link 24 22 20 4 | link 24 26 20 4 | link 0 30 20 4 | title 0 0 47 4 ] | [ link 54 9 19 4 | link 54 13 19 4 | link 54 18 19 4 | link 54 30 19 4 | link 54 38 19 7 | link 54 5 19 4 | link 54 22 19 4 | link 54 26 19 4 | link 54 34 19 4 | title 54 0 21 4 ] | [ link 76 13 19 4 | link 76 18 19 4 | link 76 26 19 4 | link 76 30 19 4 | link 76 5 19 4 | link 76 9 19 4 | link 76 22 19 4 | title 76 0 21 4 ] | [ link 98 5 21 4 | link 98 9 21 4 | title 98 0 21 4 ] | [ link 98 22 21 4 | link 98 26 21 4 | link 98 38 21 4 | link 98 30 21 4 | link 98 34 21 4 | title 98 17 21 4 ] \"", "plain_layout_seq": "link 24 6 20 4 | link 0 9 20 4 | link 0 18 20 4 | link 24 18 20 4 | link 0 26 20 4 | link 24 30 20 4 | link 0 5 20 4 | link 24 10 20 4 | link 0 13 20 4 | link 24 14 20 4 | link 0 22 20 4 | link 24 22 20 4 | link 24 26 20 4 | link 0 30 20 4 | link 54 9 19 4 | link 54 13 19 4 | link 54 18 19 4 | link 54 30 19 4 | link 54 38 19 7 | link 54 5 19 4 | link 54 22 19 4 | link 54 26 19 4 | link 54 34 19 4 | link 76 13 19 4 | link 76 18 19 4 | link 76 26 19 4 | link 76 30 19 4 | link 76 5 19 4 | link 76 9 19 4 | link 76 22 19 4 | link 98 5 21 4 | link 98 9 21 4 | link 98 22 21 4 | link 98 26 21 4 | link 98 38 21 4 | link 98 30 21 4 | link 98 34 21 4 | title 0 0 47 4 | title 54 0 21 4 | title 76 0 21 4 | title 98 0 21 4 | title 98 17 21 4", "canvas_width": 960, "canvas_height": 377, "elements": [ { "type": "title", "position": [ 0, 7, 383, 38 ], "completed": false }, { "type": "title", "position": [ 436, 7, 175, 38 ], "completed": false }, { "type": "title", "position": [ 611, 7, 175, 38 ], "completed": false }, { "type": "title", "position": [ 785, 7, 175, 38 ], "completed": false }, { "type": "link", "position": [ 0, 46, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 46, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 46, 157, 33 ], "completed": false }, { "type": "link", "position": [ 785, 46, 175, 33 ], "completed": false }, { "type": "link", "position": [ 196, 48, 160, 33 ], "completed": false }, { "type": "link", "position": [ 0, 79, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 79, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 79, 157, 33 ], "completed": false }, { "type": "link", "position": [ 785, 79, 175, 33 ], "completed": false }, { "type": "link", "position": [ 196, 81, 160, 33 ], "completed": false }, { "type": "link", "position": [ 0, 111, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 111, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 111, 157, 33 ], "completed": false }, { "type": "link", "position": [ 196, 113, 160, 33 ], "completed": false }, { "type": "title", "position": [ 785, 142, 175, 38 ], "completed": false }, { "type": "link", "position": [ 0, 144, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 144, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 144, 157, 33 ], "completed": false }, { "type": "link", "position": [ 196, 146, 160, 33 ], "completed": false }, { "type": "link", "position": [ 0, 177, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 177, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 177, 157, 33 ], "completed": false }, { "type": "link", "position": [ 196, 179, 160, 33 ], "completed": false }, { "type": "link", "position": [ 785, 180, 175, 33 ], "completed": false }, { "type": "link", "position": [ 0, 210, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 210, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 210, 157, 33 ], "completed": false }, { "type": "link", "position": [ 196, 212, 160, 33 ], "completed": false }, { "type": "link", "position": [ 785, 213, 175, 33 ], "completed": false }, { "type": "link", "position": [ 0, 243, 160, 33 ], "completed": false }, { "type": "link", "position": [ 436, 243, 157, 33 ], "completed": false }, { "type": "link", "position": [ 611, 243, 157, 33 ], "completed": false }, { "type": "link", "position": [ 196, 245, 160, 33 ], "completed": false }, { "type": "link", "position": [ 785, 246, 175, 33 ], "completed": false }, { "type": "link", "position": [ 436, 275, 157, 33 ], "completed": false }, { "type": "link", "position": [ 785, 279, 175, 33 ], "completed": false }, { "type": "link", "position": [ 436, 308, 157, 62 ], "completed": false }, { "type": "link", "position": [ 785, 311, 175, 33 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 2 groups while each group has a title and some links for users to click to know about the company or jump to other pages quickly. There should also be a title, an input for users to enter an email, and a button for users to click to subscribe.", "region_id": "8174", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '2'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] [el:title] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe'] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | title undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 9 2 | link 6 9 8 2 | link 6 12 13 2 | link 6 16 15 2 | link 6 23 14 2 | link 6 19 19 2 | title 6 0 23 2 ] | [ link 34 5 7 2 | link 34 9 15 2 | link 34 16 14 2 | link 34 12 6 2 | link 34 19 12 2 | link 34 23 8 2 | title 34 0 18 2 ] | [ button 102 7 9 1 | input 61 5 38 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 5 9 2 | link 6 9 8 2 | link 6 12 13 2 | link 6 16 15 2 | link 6 23 14 2 | link 6 19 19 2 | title 6 0 23 2 ] | [ link 34 5 7 2 | link 34 9 15 2 | link 34 16 14 2 | link 34 12 6 2 | link 34 19 12 2 | link 34 23 8 2 | title 34 0 18 2 ] | [ button 102 7 9 1 | input 61 5 38 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 102 7 9 1 | input 61 5 38 5 | link 6 5 9 2 | link 6 9 8 2 | link 6 12 13 2 | link 6 16 15 2 | link 6 23 14 2 | link 6 19 19 2 | link 34 5 7 2 | link 34 9 15 2 | link 34 16 14 2 | link 34 12 6 2 | link 34 19 12 2 | link 34 23 8 2 | title 6 0 23 2 | title 34 0 18 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 274, "elements": [ { "type": "title", "position": [ 55, 0, 200, 22 ], "completed": false }, { "type": "title", "position": [ 298, 0, 160, 22 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 22 ], "completed": false }, { "type": "link", "position": [ 55, 48, 80, 20 ], "completed": false }, { "type": "link", "position": [ 298, 48, 65, 20 ], "completed": false }, { "type": "input", "position": [ 527, 51, 327, 46 ], "completed": false }, { "type": "button", "position": [ 873, 66, 77, 15 ], "completed": false }, { "type": "link", "position": [ 55, 79, 71, 20 ], "completed": false }, { "type": "link", "position": [ 298, 79, 130, 20 ], "completed": false }, { "type": "link", "position": [ 55, 109, 113, 20 ], "completed": false }, { "type": "link", "position": [ 298, 109, 57, 20 ], "completed": false }, { "type": "link", "position": [ 55, 140, 136, 20 ], "completed": false }, { "type": "link", "position": [ 298, 140, 122, 20 ], "completed": false }, { "type": "link", "position": [ 55, 170, 170, 20 ], "completed": false }, { "type": "link", "position": [ 298, 170, 108, 20 ], "completed": false }, { "type": "link", "position": [ 55, 201, 121, 20 ], "completed": false }, { "type": "link", "position": [ 298, 201, 72, 20 ], "completed": false } ] }, { "text": "#A page for showing related applications of the web.# The page includes a label and two logos of related applications.", "region_id": "5984", "region_type": "Footer", "ir": "[region:Footer [el:title] [el:logo [attr:repeat '2'] ] ]", "execution": "footer : logo undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "logo 60 3 13 5 | logo 45 4 11 3 | title 54 1 10 1", "layout_seq_without_completion": "logo 60 3 13 5 | logo 45 4 11 3 | title 54 1 10 1", "plain_layout_seq": "logo 60 3 13 5 | logo 45 4 11 3 | title 54 1 10 1", "canvas_width": 1009, "canvas_height": 101, "elements": [ { "type": "title", "position": [ 462, 12, 85, 12 ], "completed": false }, { "type": "logo", "position": [ 512, 32, 115, 45 ], "completed": false }, { "type": "logo", "position": [ 382, 40, 100, 30 ], "completed": false } ] }, { "text": "# A footer page for a company's info.# The page should have two groups: \"Menu\" and \"Contact Us!\". In the first group, there should be a link \"Search\" for the user to search for things. In the second group, there should be a description with a website in it for the user to contact the company. Also, there should be three icons for the user to follow the company on social media platforms: Pinterest, Instagram, and TikTok.", "region_id": "8741", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'Menu'] ] [el:link [attr:value 'search'] ]] [item [el:title [attr:value 'Contact Us!'] ] [el:description] ]] [el:icon [attr:value 'Pinterest'] ] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'TikTok'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined | title undefined undefined ] | [ description undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 62 5 51 10 | link 5 5 5 3 | title 5 0 51 3 | title 62 0 51 3 | \" [ icon 53 20 2 2 ] | [ icon 58 20 2 2 ] | [ icon 64 20 2 2 ] \"", "layout_seq_without_completion": "description 62 5 51 10 | link 5 5 5 3 | title 5 0 51 3 | title 62 0 51 3 | \" [ icon 53 20 2 2 ] | [ icon 58 20 2 2 ] | [ icon 64 20 2 2 ] \"", "plain_layout_seq": "description 62 5 51 10 | icon 53 20 2 2 | icon 58 20 2 2 | icon 64 20 2 2 | link 5 5 5 3 | title 5 0 51 3 | title 62 0 51 3", "canvas_width": 1024, "canvas_height": 259, "elements": [ { "type": "title", "position": [ 50, 0, 442, 29 ], "completed": false }, { "type": "title", "position": [ 532, 0, 442, 29 ], "completed": false }, { "type": "description", "position": [ 532, 49, 442, 86 ], "completed": false }, { "type": "link", "position": [ 50, 51, 50, 30 ], "completed": false }, { "type": "icon", "position": [ 459, 178, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 503, 178, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 547, 178, 18, 18 ], "completed": false } ] }, { "text": "#This page is for the convenience of users to find product information. #This page is divided into three groups: About, Latest Posts, and Popular Topics. Each group has 8 related links.", "region_id": "2919", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '3'] [gattr:names 'About,Latest Posts,Popular Topics'] [item [el:link [attr:repeat '8'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 7 4 1 | link 2 27 10 1 | link 2 37 8 1 | link 2 42 5 1 | link 2 12 5 1 | link 2 17 7 1 | link 2 22 5 1 | link 2 32 12 1 | complete title 2 0 5 3 ] | [ link 42 17 7 1 | link 42 22 7 1 | link 42 27 11 1 | link 42 32 10 1 | link 42 37 16 1 | link 42 42 8 1 | link 42 7 7 1 | link 42 12 12 1 | complete title 42 0 11 3 ] | [ link 82 7 6 1 | link 82 27 7 1 | link 82 12 8 1 | link 82 17 11 1 | link 82 22 11 1 | link 82 32 8 1 | link 82 37 13 1 | link 82 42 2 1 | complete title 82 0 13 3 ] \"", "layout_seq_without_completion": "\" [ link 2 7 4 1 | link 2 27 10 1 | link 2 37 8 1 | link 2 42 5 1 | link 2 12 5 1 | link 2 17 7 1 | link 2 22 5 1 | link 2 32 12 1 | title 2 0 5 3 ] | [ link 42 17 7 1 | link 42 22 7 1 | link 42 27 11 1 | link 42 32 10 1 | link 42 37 16 1 | link 42 42 8 1 | link 42 7 7 1 | link 42 12 12 1 | title 42 0 11 3 ] | [ link 82 7 6 1 | link 82 27 7 1 | link 82 12 8 1 | link 82 17 11 1 | link 82 22 11 1 | link 82 32 8 1 | link 82 37 13 1 | link 82 42 2 1 | title 82 0 13 3 ] \"", "plain_layout_seq": "link 2 7 4 1 | link 2 27 10 1 | link 2 37 8 1 | link 2 42 5 1 | link 2 12 5 1 | link 2 17 7 1 | link 2 22 5 1 | link 2 32 12 1 | link 42 17 7 1 | link 42 22 7 1 | link 42 27 11 1 | link 42 32 10 1 | link 42 37 16 1 | link 42 42 8 1 | link 42 7 7 1 | link 42 12 12 1 | link 82 7 6 1 | link 82 27 7 1 | link 82 12 8 1 | link 82 17 11 1 | link 82 22 11 1 | link 82 32 8 1 | link 82 37 13 1 | link 82 42 2 1 | title 2 0 5 3 | title 42 0 11 3 | title 82 0 13 3", "canvas_width": 1024, "canvas_height": 445, "elements": [ { "type": "title", "position": [ 20, 3, 48, 29 ], "completed": true }, { "type": "title", "position": [ 361, 3, 101, 29 ], "completed": true }, { "type": "title", "position": [ 703, 3, 119, 29 ], "completed": true }, { "type": "link", "position": [ 20, 66, 38, 16 ], "completed": false }, { "type": "link", "position": [ 361, 66, 64, 16 ], "completed": false }, { "type": "link", "position": [ 703, 66, 55, 16 ], "completed": false }, { "type": "link", "position": [ 20, 108, 50, 16 ], "completed": false }, { "type": "link", "position": [ 361, 108, 105, 16 ], "completed": false }, { "type": "link", "position": [ 703, 108, 73, 16 ], "completed": false }, { "type": "link", "position": [ 20, 150, 62, 16 ], "completed": false }, { "type": "link", "position": [ 361, 150, 64, 16 ], "completed": false }, { "type": "link", "position": [ 703, 150, 96, 16 ], "completed": false }, { "type": "link", "position": [ 20, 192, 50, 16 ], "completed": false }, { "type": "link", "position": [ 361, 192, 65, 16 ], "completed": false }, { "type": "link", "position": [ 703, 192, 97, 16 ], "completed": false }, { "type": "link", "position": [ 20, 234, 89, 16 ], "completed": false }, { "type": "link", "position": [ 361, 234, 100, 16 ], "completed": false }, { "type": "link", "position": [ 703, 234, 62, 16 ], "completed": false }, { "type": "link", "position": [ 20, 276, 106, 16 ], "completed": false }, { "type": "link", "position": [ 361, 276, 89, 16 ], "completed": false }, { "type": "link", "position": [ 703, 276, 74, 16 ], "completed": false }, { "type": "link", "position": [ 20, 318, 75, 16 ], "completed": false }, { "type": "link", "position": [ 361, 318, 138, 16 ], "completed": false }, { "type": "link", "position": [ 703, 318, 111, 16 ], "completed": false }, { "type": "link", "position": [ 20, 360, 51, 16 ], "completed": false }, { "type": "link", "position": [ 361, 360, 69, 16 ], "completed": false }, { "type": "link", "position": [ 703, 360, 25, 16 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have 4 lists of links \"Information\" \"Customer Service\" \"Extras\", and \"My Account\" for the user to click for more info about the company. There should be 5, 3, 1, and 4 links in each list respectively.", "region_id": "4710", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'information'] ] [el:link [attr:repeat '5'] ] ] [item [el:title [attr:value 'customer service'] ] [el:link [attr:repeat '3'] ] ] [item [el:title [attr:value 'extras'] ] [el:link [attr:repeat '1'] ] ] [item [el:title [attr:value 'my account'] ] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 62 13 7 2 | title 62 4 9 6 | \" [ link 2 21 13 2 | link 2 13 8 2 | link 2 17 12 2 | link 2 25 14 2 | link 2 28 17 2 | title 2 4 17 6 ] | [ link 32 17 6 2 | link 32 21 7 2 | link 32 13 9 2 | title 32 4 25 6 ] | [ link 92 13 10 2 | link 92 25 9 2 | link 92 17 11 2 | link 92 21 7 2 | title 92 4 16 6 ] \"", "layout_seq_without_completion": "link 62 13 7 2 | title 62 4 9 6 | \" [ link 2 21 13 2 | link 2 13 8 2 | link 2 17 12 2 | link 2 25 14 2 | link 2 28 17 2 | title 2 4 17 6 ] | [ link 32 17 6 2 | link 32 21 7 2 | link 32 13 9 2 | title 32 4 25 6 ] | [ link 92 13 10 2 | link 92 25 9 2 | link 92 17 11 2 | link 92 21 7 2 | title 92 4 16 6 ] \"", "plain_layout_seq": "link 62 13 7 2 | link 2 21 13 2 | link 2 13 8 2 | link 2 17 12 2 | link 2 25 14 2 | link 2 28 17 2 | link 32 17 6 2 | link 32 21 7 2 | link 32 13 9 2 | link 92 13 10 2 | link 92 25 9 2 | link 92 17 11 2 | link 92 21 7 2 | title 62 4 9 6 | title 2 4 17 6 | title 32 4 25 6 | title 92 4 16 6", "canvas_width": 866, "canvas_height": 273, "elements": [ { "type": "title", "position": [ 15, 30, 126, 44 ], "completed": false }, { "type": "title", "position": [ 231, 30, 183, 44 ], "completed": false }, { "type": "title", "position": [ 448, 30, 65, 44 ], "completed": false }, { "type": "title", "position": [ 665, 30, 120, 44 ], "completed": false }, { "type": "link", "position": [ 15, 100, 58, 19 ], "completed": false }, { "type": "link", "position": [ 231, 100, 71, 19 ], "completed": false }, { "type": "link", "position": [ 448, 100, 56, 19 ], "completed": false }, { "type": "link", "position": [ 665, 100, 75, 19 ], "completed": false }, { "type": "link", "position": [ 15, 127, 88, 19 ], "completed": false }, { "type": "link", "position": [ 231, 127, 49, 19 ], "completed": false }, { "type": "link", "position": [ 665, 127, 86, 19 ], "completed": false }, { "type": "link", "position": [ 15, 154, 98, 19 ], "completed": false }, { "type": "link", "position": [ 231, 154, 56, 19 ], "completed": false }, { "type": "link", "position": [ 665, 154, 53, 19 ], "completed": false }, { "type": "link", "position": [ 15, 181, 104, 19 ], "completed": false }, { "type": "link", "position": [ 665, 181, 70, 19 ], "completed": false }, { "type": "link", "position": [ 15, 208, 127, 19 ], "completed": false } ] }, { "text": "#A page for links to show a set of information types about a corporation such as \"Product\".# There should be four groups 'Product', 'Industries', 'Resources', and 'Company'. Each should contain several links, by which users can click to get detailed information about the company.", "region_id": "63", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [gattr:names'product, industries, resources, company'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 16 8 2 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 | complete title 0 1 9 3 ] | [ link 24 20 18 4 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 | complete title 24 1 11 3 ] | [ link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 6 16 2 | link 48 16 12 2 | complete title 48 1 12 3 ] | [ link 72 11 7 2 | link 72 20 6 2 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2 | complete title 72 1 10 3 ] \"", "layout_seq_without_completion": "\" [ link 0 16 8 2 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 | title 0 1 9 3 ] | [ link 24 20 18 4 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 | title 24 1 11 3 ] | [ link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 6 16 2 | link 48 16 12 2 | title 48 1 12 3 ] | [ link 72 11 7 2 | link 72 20 6 2 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2 | title 72 1 10 3 ] \"", "plain_layout_seq": "link 0 16 8 2 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 | link 24 20 18 4 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 | link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 6 16 2 | link 48 16 12 2 | link 72 11 7 2 | link 72 20 6 2 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2 | title 0 1 9 3 | title 24 1 11 3 | title 48 1 12 3 | title 72 1 10 3", "canvas_width": 820, "canvas_height": 297, "elements": [ { "type": "title", "position": [ 0, 10, 62, 24 ], "completed": true }, { "type": "title", "position": [ 164, 10, 79, 24 ], "completed": true }, { "type": "title", "position": [ 328, 10, 82, 24 ], "completed": true }, { "type": "title", "position": [ 492, 10, 74, 24 ], "completed": true }, { "type": "link", "position": [ 0, 47, 30, 17 ], "completed": false }, { "type": "link", "position": [ 164, 47, 108, 17 ], "completed": false }, { "type": "link", "position": [ 328, 47, 115, 17 ], "completed": false }, { "type": "link", "position": [ 492, 47, 36, 17 ], "completed": false }, { "type": "link", "position": [ 0, 79, 49, 17 ], "completed": false }, { "type": "link", "position": [ 164, 79, 126, 17 ], "completed": false }, { "type": "link", "position": [ 328, 79, 87, 17 ], "completed": false }, { "type": "link", "position": [ 492, 79, 52, 17 ], "completed": false }, { "type": "link", "position": [ 0, 111, 60, 17 ], "completed": false }, { "type": "link", "position": [ 164, 111, 81, 17 ], "completed": false }, { "type": "link", "position": [ 328, 111, 82, 17 ], "completed": false }, { "type": "link", "position": [ 492, 111, 54, 17 ], "completed": false }, { "type": "link", "position": [ 164, 138, 128, 34 ], "completed": false }, { "type": "link", "position": [ 0, 143, 39, 17 ], "completed": false }, { "type": "link", "position": [ 328, 143, 36, 17 ], "completed": false }, { "type": "link", "position": [ 492, 143, 47, 17 ], "completed": false }, { "type": "link", "position": [ 328, 175, 45, 17 ], "completed": false }, { "type": "link", "position": [ 492, 175, 35, 17 ], "completed": false }, { "type": "link", "position": [ 164, 186, 46, 17 ], "completed": false }, { "type": "link", "position": [ 164, 218, 117, 17 ], "completed": false } ] }, { "text": "#A page for links to show a set of information types about a corporation such as \"Product\".# 24 text boxes should be divided into four groups \"Product\", \"Industries\", \"Resources\", and \"Company\", where the users can click to know the detailed information of the company.", "region_id": "63_1", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'24'] [gattr:repeat'4'] [gattr:names'product, industries, resources, company'] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 16 8 2 | link 0 1 9 3 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 ] | [ link 24 20 18 4 | link 24 1 11 3 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 ] | [ link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 1 12 3 | link 48 6 16 2 | link 48 16 12 2 ] | [ link 72 11 7 2 | link 72 20 6 2 | link 72 1 10 3 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2 ] \"", "layout_seq_without_completion": "\" [ link 0 16 8 2 | link 0 1 9 3 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 ] | [ link 24 20 18 4 | link 24 1 11 3 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 ] | [ link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 1 12 3 | link 48 6 16 2 | link 48 16 12 2 ] | [ link 72 11 7 2 | link 72 20 6 2 | link 72 1 10 3 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2 ] \"", "plain_layout_seq": "link 0 16 8 2 | link 0 1 9 3 | link 0 6 4 2 | link 0 11 7 2 | link 0 20 5 2 | link 24 20 18 4 | link 24 1 11 3 | link 24 6 15 2 | link 24 11 18 2 | link 24 16 11 2 | link 24 27 6 2 | link 24 31 17 2 | link 48 11 12 2 | link 48 20 5 2 | link 48 25 6 2 | link 48 1 12 3 | link 48 6 16 2 | link 48 16 12 2 | link 72 11 7 2 | link 72 20 6 2 | link 72 1 10 3 | link 72 6 5 2 | link 72 16 7 2 | link 72 25 5 2", "canvas_width": 820, "canvas_height": 297, "elements": [ { "type": "link", "position": [ 0, 10, 62, 24 ], "completed": false }, { "type": "link", "position": [ 164, 10, 79, 24 ], "completed": false }, { "type": "link", "position": [ 328, 10, 82, 24 ], "completed": false }, { "type": "link", "position": [ 492, 10, 74, 24 ], "completed": false }, { "type": "link", "position": [ 0, 47, 30, 17 ], "completed": false }, { "type": "link", "position": [ 164, 47, 108, 17 ], "completed": false }, { "type": "link", "position": [ 328, 47, 115, 17 ], "completed": false }, { "type": "link", "position": [ 492, 47, 36, 17 ], "completed": false }, { "type": "link", "position": [ 0, 79, 49, 17 ], "completed": false }, { "type": "link", "position": [ 164, 79, 126, 17 ], "completed": false }, { "type": "link", "position": [ 328, 79, 87, 17 ], "completed": false }, { "type": "link", "position": [ 492, 79, 52, 17 ], "completed": false }, { "type": "link", "position": [ 0, 111, 60, 17 ], "completed": false }, { "type": "link", "position": [ 164, 111, 81, 17 ], "completed": false }, { "type": "link", "position": [ 328, 111, 82, 17 ], "completed": false }, { "type": "link", "position": [ 492, 111, 54, 17 ], "completed": false }, { "type": "link", "position": [ 164, 138, 128, 34 ], "completed": false }, { "type": "link", "position": [ 0, 143, 39, 17 ], "completed": false }, { "type": "link", "position": [ 328, 143, 36, 17 ], "completed": false }, { "type": "link", "position": [ 492, 143, 47, 17 ], "completed": false }, { "type": "link", "position": [ 328, 175, 45, 17 ], "completed": false }, { "type": "link", "position": [ 492, 175, 35, 17 ], "completed": false }, { "type": "link", "position": [ 164, 186, 46, 17 ], "completed": false }, { "type": "link", "position": [ 164, 218, 117, 17 ], "completed": false } ] }, { "text": "#A page showing categories for users to choose.# There are seven groups on the page. Each group has a title (\"ABOUT US\", \"PRODUCTS\", \"MARKETS\" ,\"TRADE\", \"LEGAL\", \"PARTNER\" or \"SUPPORT\") and three to seven links.", "region_id": "5661", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '7'] [gattr:names 'about us, products, markets, trade, legal, partner'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 0 7 9 1 | link 54 12 5 1 | link 106 7 9 1 | link 106 12 9 1 | link 35 7 4 1 | link 0 29 6 1 | link 54 36 8 1 | link 35 19 7 4 | link 0 24 8 1 | link 69 15 8 4 | link 88 27 9 1 | link 88 15 7 4 | link 106 24 9 1 | link 54 21 6 1 | link 54 26 10 1 | link 0 17 10 4 | link 19 7 4 1 | link 35 12 7 4 | link 35 27 13 1 | link 54 7 8 1 | link 54 31 4 1 | link 88 7 10 4 | link 88 22 2 1 | link 106 17 7 4 | link 106 29 7 1 | link 0 12 11 1 | link 0 34 7 1 | link 19 12 6 4 | link 19 19 8 1 | link 35 32 11 1 | link 35 36 10 1 | link 54 17 7 1 | link 69 7 9 4 | link 69 22 9 7 | title 19 3 10 2 | title 35 3 12 2 | title 69 3 13 2 | title 88 3 12 2 | title 0 3 13 2 | title 54 3 9 2 | title 106 3 13 2", "layout_seq_without_completion": "link 0 7 9 1 | link 54 12 5 1 | link 106 7 9 1 | link 106 12 9 1 | link 35 7 4 1 | link 0 29 6 1 | link 54 36 8 1 | link 35 19 7 4 | link 0 24 8 1 | link 69 15 8 4 | link 88 27 9 1 | link 88 15 7 4 | link 106 24 9 1 | link 54 21 6 1 | link 54 26 10 1 | link 0 17 10 4 | link 19 7 4 1 | link 35 12 7 4 | link 35 27 13 1 | link 54 7 8 1 | link 54 31 4 1 | link 88 7 10 4 | link 88 22 2 1 | link 106 17 7 4 | link 106 29 7 1 | link 0 12 11 1 | link 0 34 7 1 | link 19 12 6 4 | link 19 19 8 1 | link 35 32 11 1 | link 35 36 10 1 | link 54 17 7 1 | link 69 7 9 4 | link 69 22 9 7 | title 19 3 10 2 | title 35 3 12 2 | title 69 3 13 2 | title 88 3 12 2 | title 0 3 13 2 | title 54 3 9 2 | title 106 3 13 2", "plain_layout_seq": "link 0 7 9 1 | link 54 12 5 1 | link 106 7 9 1 | link 106 12 9 1 | link 35 7 4 1 | link 0 29 6 1 | link 54 36 8 1 | link 35 19 7 4 | link 0 24 8 1 | link 69 15 8 4 | link 88 27 9 1 | link 88 15 7 4 | link 106 24 9 1 | link 54 21 6 1 | link 54 26 10 1 | link 0 17 10 4 | link 19 7 4 1 | link 35 12 7 4 | link 35 27 13 1 | link 54 7 8 1 | link 54 31 4 1 | link 88 7 10 4 | link 88 22 2 1 | link 106 17 7 4 | link 106 29 7 1 | link 0 12 11 1 | link 0 34 7 1 | link 19 12 6 4 | link 19 19 8 1 | link 35 32 11 1 | link 35 36 10 1 | link 54 17 7 1 | link 69 7 9 4 | link 69 22 9 7 | title 19 3 10 2 | title 35 3 12 2 | title 69 3 13 2 | title 88 3 12 2 | title 0 3 13 2 | title 54 3 9 2 | title 106 3 13 2", "canvas_width": 860, "canvas_height": 304, "elements": [ { "type": "title", "position": [ 0, 24, 100, 19 ], "completed": false }, { "type": "title", "position": [ 140, 24, 77, 19 ], "completed": false }, { "type": "title", "position": [ 256, 24, 91, 19 ], "completed": false }, { "type": "title", "position": [ 388, 24, 67, 19 ], "completed": false }, { "type": "title", "position": [ 495, 24, 100, 19 ], "completed": false }, { "type": "title", "position": [ 635, 24, 89, 19 ], "completed": false }, { "type": "title", "position": [ 764, 24, 96, 19 ], "completed": false }, { "type": "link", "position": [ 0, 54, 68, 13 ], "completed": false }, { "type": "link", "position": [ 140, 54, 30, 13 ], "completed": false }, { "type": "link", "position": [ 256, 54, 33, 13 ], "completed": false }, { "type": "link", "position": [ 388, 54, 59, 13 ], "completed": false }, { "type": "link", "position": [ 495, 54, 66, 33 ], "completed": false }, { "type": "link", "position": [ 635, 54, 76, 33 ], "completed": false }, { "type": "link", "position": [ 764, 54, 69, 13 ], "completed": false }, { "type": "link", "position": [ 0, 88, 85, 13 ], "completed": false }, { "type": "link", "position": [ 140, 88, 43, 33 ], "completed": false }, { "type": "link", "position": [ 256, 88, 55, 33 ], "completed": false }, { "type": "link", "position": [ 388, 88, 38, 13 ], "completed": false }, { "type": "link", "position": [ 764, 88, 65, 13 ], "completed": false }, { "type": "link", "position": [ 495, 108, 60, 32 ], "completed": false }, { "type": "link", "position": [ 635, 108, 51, 32 ], "completed": false }, { "type": "link", "position": [ 0, 123, 74, 32 ], "completed": false }, { "type": "link", "position": [ 388, 123, 51, 13 ], "completed": false }, { "type": "link", "position": [ 764, 123, 51, 32 ], "completed": false }, { "type": "link", "position": [ 140, 142, 63, 13 ], "completed": false }, { "type": "link", "position": [ 256, 142, 52, 33 ], "completed": false }, { "type": "link", "position": [ 388, 157, 47, 13 ], "completed": false }, { "type": "link", "position": [ 495, 162, 68, 52 ], "completed": false }, { "type": "link", "position": [ 635, 162, 21, 13 ], "completed": false }, { "type": "link", "position": [ 0, 177, 62, 13 ], "completed": false }, { "type": "link", "position": [ 764, 177, 70, 13 ], "completed": false }, { "type": "link", "position": [ 388, 191, 74, 13 ], "completed": false }, { "type": "link", "position": [ 256, 196, 100, 13 ], "completed": false }, { "type": "link", "position": [ 635, 196, 65, 13 ], "completed": false }, { "type": "link", "position": [ 0, 211, 45, 13 ], "completed": false }, { "type": "link", "position": [ 764, 211, 54, 13 ], "completed": false }, { "type": "link", "position": [ 388, 226, 29, 13 ], "completed": false }, { "type": "link", "position": [ 256, 230, 84, 13 ], "completed": false }, { "type": "link", "position": [ 0, 245, 51, 13 ], "completed": false }, { "type": "link", "position": [ 388, 260, 59, 13 ], "completed": false }, { "type": "link", "position": [ 256, 265, 76, 13 ], "completed": false } ] }, { "text": "# A footer for quick links and subscription to the newsletter. # The page should have two groups. In the first group \"Quick links\" should include three links: \"Search\" \"FAQs\", and \"Shop Policies\" for the user to click to search for things, know more info through FAQs, and the shop policy. In the second group \"Newsletter\", there should be an input box and a button where the user can enter the email address and click to subscribe.", "region_id": "6679", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'quick links'] ][el:link[attr:value'Search']] [el:link[attr:value'FAQs']][el:link[attr:value'Shop Policies']]] [item [el:title [attr:value 'Newsletter'] ] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe'] ]]] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ button undefined undefined | input undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 5 5 1 | link 15 5 4 1 | link 23 5 10 1 | title 6 0 27 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | title 61 0 51 2 ] \"", "layout_seq_without_completion": "\" [ link 6 5 5 1 | link 15 5 4 1 | link 23 5 10 1 | title 6 0 27 2 ] | [ button 101 7 9 1 | input 61 5 37 5 | title 61 0 51 2 ] \"", "plain_layout_seq": "button 101 7 9 1 | input 61 5 37 5 | link 6 5 5 1 | link 15 5 4 1 | link 23 5 10 1 | title 6 0 27 2 | title 61 0 51 2", "canvas_width": 1024, "canvas_height": 141, "elements": [ { "type": "title", "position": [ 55, 0, 235, 20 ], "completed": false }, { "type": "title", "position": [ 527, 0, 442, 20 ], "completed": false }, { "type": "link", "position": [ 55, 47, 47, 17 ], "completed": false }, { "type": "link", "position": [ 132, 47, 39, 17 ], "completed": false }, { "type": "link", "position": [ 201, 47, 89, 17 ], "completed": false }, { "type": "input", "position": [ 527, 50, 319, 46 ], "completed": false }, { "type": "button", "position": [ 865, 65, 85, 16 ], "completed": false } ] }, { "text": "#A page showing information about the services of a company.# There should be six information groups, with each having a title and several links. Users can tap these links to see more info.", "region_id": "2227", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 61 28 12 1 | link 33 26 15 1 | title 61 24 24 3 | title 33 22 24 3 | \" [ title 5 2 24 3 ] | [ title 33 2 24 3 ] | [ link 5 6 10 1 ] | [ link 33 6 10 1 ] | [ link 5 9 11 1 ] | [ link 33 9 23 1 ] | [ link 5 11 13 1 ] | [ link 33 11 22 1 ] | [ link 5 14 12 1 ] | [ link 33 14 14 1 ] | [ link 5 16 10 1 ] | [ link 33 16 15 1 ] | [ link 5 19 15 1 ] | [ link 5 22 15 1 ] \" | \" [ title 61 2 24 3 ] | [ title 89 2 24 3 ] | [ link 61 6 16 1 ] | [ link 89 6 7 1 ] | [ link 61 9 14 1 ] | [ link 89 9 10 1 ] | [ link 61 11 13 1 ] | [ link 89 11 9 1 ] | [ link 61 14 15 1 ] | [ link 89 14 15 1 ] | [ link 61 16 14 1 ] | [ link 89 16 14 1 ] | [ link 61 19 19 1 ] | [ link 89 19 6 1 ] \"", "layout_seq_without_completion": "link 61 28 12 1 | link 33 26 15 1 | title 61 24 24 3 | title 33 22 24 3 | \" [ title 5 2 24 3 ] | [ title 33 2 24 3 ] | [ link 5 6 10 1 ] | [ link 33 6 10 1 ] | [ link 5 9 11 1 ] | [ link 33 9 23 1 ] | [ link 5 11 13 1 ] | [ link 33 11 22 1 ] | [ link 5 14 12 1 ] | [ link 33 14 14 1 ] | [ link 5 16 10 1 ] | [ link 33 16 15 1 ] | [ link 5 19 15 1 ] | [ link 5 22 15 1 ] \" | \" [ title 61 2 24 3 ] | [ title 89 2 24 3 ] | [ link 61 6 16 1 ] | [ link 89 6 7 1 ] | [ link 61 9 14 1 ] | [ link 89 9 10 1 ] | [ link 61 11 13 1 ] | [ link 89 11 9 1 ] | [ link 61 14 15 1 ] | [ link 89 14 15 1 ] | [ link 61 16 14 1 ] | [ link 89 16 14 1 ] | [ link 61 19 19 1 ] | [ link 89 19 6 1 ] \"", "plain_layout_seq": "link 61 28 12 1 | link 33 26 15 1 | link 5 6 10 1 | link 33 6 10 1 | link 5 9 11 1 | link 33 9 23 1 | link 5 11 13 1 | link 33 11 22 1 | link 5 14 12 1 | link 33 14 14 1 | link 5 16 10 1 | link 33 16 15 1 | link 5 19 15 1 | link 5 22 15 1 | link 61 6 16 1 | link 89 6 7 1 | link 61 9 14 1 | link 89 9 10 1 | link 61 11 13 1 | link 89 11 9 1 | link 61 14 15 1 | link 89 14 15 1 | link 61 16 14 1 | link 89 16 14 1 | link 61 19 19 1 | link 89 19 6 1 | title 61 24 24 3 | title 33 22 24 3 | title 5 2 24 3 | title 33 2 24 3 | title 61 2 24 3 | title 89 2 24 3", "canvas_width": 1024, "canvas_height": 292, "elements": [ { "type": "title", "position": [ 47, 23, 210, 30 ], "completed": false }, { "type": "title", "position": [ 287, 23, 210, 30 ], "completed": false }, { "type": "title", "position": [ 527, 23, 210, 30 ], "completed": false }, { "type": "title", "position": [ 767, 23, 210, 30 ], "completed": false }, { "type": "link", "position": [ 47, 57, 86, 14 ], "completed": false }, { "type": "link", "position": [ 287, 57, 86, 14 ], "completed": false }, { "type": "link", "position": [ 527, 57, 141, 14 ], "completed": false }, { "type": "link", "position": [ 767, 57, 66, 14 ], "completed": false }, { "type": "link", "position": [ 47, 79, 101, 14 ], "completed": false }, { "type": "link", "position": [ 287, 79, 199, 14 ], "completed": false }, { "type": "link", "position": [ 527, 79, 127, 14 ], "completed": false }, { "type": "link", "position": [ 767, 79, 93, 14 ], "completed": false }, { "type": "link", "position": [ 47, 101, 112, 14 ], "completed": false }, { "type": "link", "position": [ 287, 101, 192, 14 ], "completed": false }, { "type": "link", "position": [ 527, 101, 115, 14 ], "completed": false }, { "type": "link", "position": [ 767, 101, 79, 14 ], "completed": false }, { "type": "link", "position": [ 47, 123, 104, 14 ], "completed": false }, { "type": "link", "position": [ 287, 123, 121, 14 ], "completed": false }, { "type": "link", "position": [ 527, 123, 134, 14 ], "completed": false }, { "type": "link", "position": [ 767, 123, 133, 14 ], "completed": false }, { "type": "link", "position": [ 47, 145, 92, 14 ], "completed": false }, { "type": "link", "position": [ 287, 145, 136, 14 ], "completed": false }, { "type": "link", "position": [ 527, 145, 126, 14 ], "completed": false }, { "type": "link", "position": [ 767, 145, 125, 14 ], "completed": false }, { "type": "link", "position": [ 47, 167, 136, 14 ], "completed": false }, { "type": "link", "position": [ 527, 167, 163, 14 ], "completed": false }, { "type": "link", "position": [ 767, 167, 55, 14 ], "completed": false }, { "type": "link", "position": [ 47, 189, 133, 14 ], "completed": false }, { "type": "title", "position": [ 287, 190, 210, 30 ], "completed": false }, { "type": "title", "position": [ 527, 212, 210, 30 ], "completed": false }, { "type": "link", "position": [ 287, 224, 132, 14 ], "completed": false }, { "type": "link", "position": [ 527, 246, 110, 14 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 6 sets of links for users to click to fastly know the different content of the web, such as useful links, products, and so on.", "region_id": "621", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'6'] [gattr:names'useful links, products'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 7 6 4 | link 2 12 5 4 | link 2 17 6 4 | link 2 22 6 4 | link 2 36 16 7 | link 2 26 7 4 | link 2 31 12 4 | complete title 2 3 14 3 ] | [ link 22 15 9 4 | link 22 11 7 4 | link 22 20 4 4 | link 22 25 13 4 | link 22 30 13 4 | link 22 34 11 4 | complete title 22 3 11 6 ] | [ link 41 11 14 4 | link 41 42 16 7 | link 41 15 8 4 | link 41 20 5 4 | link 41 25 4 4 | link 41 30 5 4 | link 41 34 16 7 | complete title 41 3 16 6 ] | [ link 61 11 14 4 | link 61 15 12 4 | link 61 20 10 4 | link 61 25 16 7 | link 61 32 16 7 | complete title 61 3 11 6 ] | [ link 80 14 14 4 | link 80 19 14 4 | link 80 23 16 7 | complete title 80 3 13 9 ] | [ link 100 11 11 4 | link 100 15 16 7 | link 100 28 14 4 | link 100 23 11 4 | complete title 100 3 11 6 ] \"", "layout_seq_without_completion": "\" [ link 2 7 6 4 | link 2 12 5 4 | link 2 17 6 4 | link 2 22 6 4 | link 2 36 16 7 | link 2 26 7 4 | link 2 31 12 4 | title 2 3 14 3 ] | [ link 22 15 9 4 | link 22 11 7 4 | link 22 20 4 4 | link 22 25 13 4 | link 22 30 13 4 | link 22 34 11 4 | title 22 3 11 6 ] | [ link 41 11 14 4 | link 41 42 16 7 | link 41 15 8 4 | link 41 20 5 4 | link 41 25 4 4 | link 41 30 5 4 | link 41 34 16 7 | title 41 3 16 6 ] | [ link 61 11 14 4 | link 61 15 12 4 | link 61 20 10 4 | link 61 25 16 7 | link 61 32 16 7 | title 61 3 11 6 ] | [ link 80 14 14 4 | link 80 19 14 4 | link 80 23 16 7 | title 80 3 13 9 ] | [ link 100 11 11 4 | link 100 15 16 7 | link 100 28 14 4 | link 100 23 11 4 | title 100 3 11 6 ] \"", "plain_layout_seq": "link 2 7 6 4 | link 2 12 5 4 | link 2 17 6 4 | link 2 22 6 4 | link 2 36 16 7 | link 2 26 7 4 | link 2 31 12 4 | link 22 15 9 4 | link 22 11 7 4 | link 22 20 4 4 | link 22 25 13 4 | link 22 30 13 4 | link 22 34 11 4 | link 41 11 14 4 | link 41 42 16 7 | link 41 15 8 4 | link 41 20 5 4 | link 41 25 4 4 | link 41 30 5 4 | link 41 34 16 7 | link 61 11 14 4 | link 61 15 12 4 | link 61 20 10 4 | link 61 25 16 7 | link 61 32 16 7 | link 80 14 14 4 | link 80 19 14 4 | link 80 23 16 7 | link 100 11 11 4 | link 100 15 16 7 | link 100 28 14 4 | link 100 23 11 4 | title 2 3 14 3 | title 22 3 11 6 | title 41 3 16 6 | title 61 3 11 6 | title 80 3 13 9 | title 100 3 11 6", "canvas_width": 1024, "canvas_height": 456, "elements": [ { "type": "title", "position": [ 24, 32, 123, 28 ], "completed": true }, { "type": "title", "position": [ 191, 32, 94, 56 ], "completed": true }, { "type": "title", "position": [ 357, 32, 140, 56 ], "completed": true }, { "type": "title", "position": [ 524, 32, 94, 56 ], "completed": true }, { "type": "title", "position": [ 691, 32, 113, 84 ], "completed": true }, { "type": "title", "position": [ 857, 32, 94, 56 ], "completed": true }, { "type": "link", "position": [ 24, 68, 56, 40 ], "completed": false }, { "type": "link", "position": [ 191, 96, 65, 40 ], "completed": false }, { "type": "link", "position": [ 357, 96, 125, 40 ], "completed": false }, { "type": "link", "position": [ 524, 96, 122, 40 ], "completed": false }, { "type": "link", "position": [ 857, 96, 97, 40 ], "completed": false }, { "type": "link", "position": [ 24, 108, 48, 40 ], "completed": false }, { "type": "link", "position": [ 691, 124, 127, 40 ], "completed": false }, { "type": "link", "position": [ 191, 136, 83, 40 ], "completed": false }, { "type": "link", "position": [ 357, 136, 71, 40 ], "completed": false }, { "type": "link", "position": [ 524, 136, 106, 40 ], "completed": false }, { "type": "link", "position": [ 857, 136, 143, 64 ], "completed": false }, { "type": "link", "position": [ 24, 148, 57, 40 ], "completed": false }, { "type": "link", "position": [ 691, 164, 120, 40 ], "completed": false }, { "type": "link", "position": [ 191, 176, 39, 40 ], "completed": false }, { "type": "link", "position": [ 357, 176, 51, 40 ], "completed": false }, { "type": "link", "position": [ 524, 176, 92, 40 ], "completed": false }, { "type": "link", "position": [ 24, 188, 58, 40 ], "completed": false }, { "type": "link", "position": [ 857, 200, 100, 40 ], "completed": false }, { "type": "link", "position": [ 691, 204, 143, 64 ], "completed": false }, { "type": "link", "position": [ 191, 216, 117, 40 ], "completed": false }, { "type": "link", "position": [ 357, 216, 39, 40 ], "completed": false }, { "type": "link", "position": [ 524, 216, 143, 64 ], "completed": false }, { "type": "link", "position": [ 24, 228, 68, 40 ], "completed": false }, { "type": "link", "position": [ 857, 240, 127, 40 ], "completed": false }, { "type": "link", "position": [ 191, 256, 114, 40 ], "completed": false }, { "type": "link", "position": [ 357, 256, 50, 40 ], "completed": false }, { "type": "link", "position": [ 24, 268, 104, 40 ], "completed": false }, { "type": "link", "position": [ 524, 280, 143, 64 ], "completed": false }, { "type": "link", "position": [ 191, 296, 97, 40 ], "completed": false }, { "type": "link", "position": [ 357, 296, 143, 64 ], "completed": false }, { "type": "link", "position": [ 24, 308, 143, 64 ], "completed": false }, { "type": "link", "position": [ 357, 360, 143, 64 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have 6 links for users to search, contact the workers, shop their Instagram, and jump to the home, collections, and blog pages. There should also be two texts to attract users to sign up, an input for users to enter an email, and a button for users to subscribe.", "region_id": "7677", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '6'] [gattr:names 'search,contact us,shop our Instagram,home, collections, blog '] [item [el:link] ] ] [el:text [attr:repeat '2'] ] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe'] ] ]", "execution": "footer : button undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 105 19 12 2 | input 60 18 42 6 | text 60 7 60 2 | text 60 12 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 11 2 ] | [ link 0 15 21 2 ] \" | \" [ link 30 7 6 2 ] | [ link 30 11 11 2 ] | [ link 30 15 4 2 ] \"", "layout_seq_without_completion": "button 105 19 12 2 | input 60 18 42 6 | text 60 7 60 2 | text 60 12 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 11 2 ] | [ link 0 15 21 2 ] \" | \" [ link 30 7 6 2 ] | [ link 30 11 11 2 ] | [ link 30 15 4 2 ] \"", "plain_layout_seq": "button 105 19 12 2 | input 60 18 42 6 | link 0 7 7 2 | link 0 11 11 2 | link 0 15 21 2 | link 30 7 6 2 | link 30 11 11 2 | link 30 15 4 2 | text 60 7 60 2 | text 60 12 60 2", "canvas_width": 914, "canvas_height": 201, "elements": [ { "type": "text", "position": [ 457, 55, 457, 20 ], "completed": false }, { "type": "link", "position": [ 0, 57, 55, 19 ], "completed": false }, { "type": "link", "position": [ 229, 57, 50, 19 ], "completed": false }, { "type": "link", "position": [ 0, 87, 88, 19 ], "completed": false }, { "type": "link", "position": [ 229, 87, 89, 19 ], "completed": false }, { "type": "text", "position": [ 457, 93, 457, 21 ], "completed": false }, { "type": "link", "position": [ 0, 117, 162, 19 ], "completed": false }, { "type": "link", "position": [ 229, 117, 37, 19 ], "completed": false }, { "type": "input", "position": [ 457, 139, 325, 46 ], "completed": false }, { "type": "button", "position": [ 801, 152, 94, 18 ], "completed": false } ] }, { "text": "#A page of a website that contains some links for users to get information.# The page should contain ten links.", "region_id": "3528", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '10'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 28 0 8 3 ] | [ link 39 0 8 3 ] | [ link 50 0 8 3 ] | [ link 72 0 8 3 ] | [ link 83 0 8 3 ] | [ link 94 0 8 3 ] | [ link 105 0 8 3 ] | [ link 5 1 8 1 ] | [ link 16 1 8 1 ] | [ link 61 1 8 1 ] \"", "layout_seq_without_completion": "\" [ link 28 0 8 3 ] | [ link 39 0 8 3 ] | [ link 50 0 8 3 ] | [ link 72 0 8 3 ] | [ link 83 0 8 3 ] | [ link 94 0 8 3 ] | [ link 105 0 8 3 ] | [ link 5 1 8 1 ] | [ link 16 1 8 1 ] | [ link 61 1 8 1 ] \"", "plain_layout_seq": "link 28 0 8 3 | link 39 0 8 3 | link 50 0 8 3 | link 72 0 8 3 | link 83 0 8 3 | link 94 0 8 3 | link 105 0 8 3 | link 5 1 8 1 | link 16 1 8 1 | link 61 1 8 1", "canvas_width": 1024, "canvas_height": 38, "elements": [ { "type": "link", "position": [ 240, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 334, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 428, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 616, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 710, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 804, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 899, 5, 74, 26 ], "completed": false }, { "type": "link", "position": [ 51, 12, 74, 13 ], "completed": false }, { "type": "link", "position": [ 145, 12, 74, 13 ], "completed": false }, { "type": "link", "position": [ 522, 12, 74, 13 ], "completed": false } ] }, { "text": "# A footer page of a company for links and subscription to the newsletter. # On the left, the page should have a list of seven links: Search, Contact, About, FAQ, Terms of Service, Privacy Policy, and Refund Policy, so the user can click the links to know more info. On the right, there should have a slogan \"Join our mailing list\" followed by an input for entering the email address and a button \"Subscribe\" to subscribe to the newsletter by clicking it.", "region_id": "8294", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '7'] [gattr:names 'search,contact, about, faq,Terms of Service, policy, refund policy'] [item [el:link [attr:position 'left'] ] ] ] [el:title [attr:value 'Join our mailing list'] [attr:position 'right'] ] [el:input [attr:value 'email address'] [attr:position 'right'] ] [el:button [attr:value 'Subscribe'] [attr:position 'right'] ] ]", "execution": "footer : button right undefined | input right undefined | title right undefined | { [ link left undefined ] | [ link left undefined ] | [ link left undefined ] | [ link left undefined ] | [ link left undefined ] | [ link left undefined ] | [ link left undefined ] }", "layout_seq_with_completion": "button 105 13 12 2 | input 60 11 42 6 | title 60 6 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 8 2 ] | [ link 0 15 6 2 ] | [ link 0 19 4 2 ] | [ link 0 24 18 2 ] | [ link 0 28 15 2 ] | [ link 0 32 15 2 ] \"", "layout_seq_without_completion": "button 105 13 12 2 | input 60 11 42 6 | title 60 6 60 2 | \" [ link 0 7 7 2 ] | [ link 0 11 8 2 ] | [ link 0 15 6 2 ] | [ link 0 19 4 2 ] | [ link 0 24 18 2 ] | [ link 0 28 15 2 ] | [ link 0 32 15 2 ] \"", "plain_layout_seq": "button 105 13 12 2 | input 60 11 42 6 | link 0 7 7 2 | link 0 11 8 2 | link 0 15 6 2 | link 0 19 4 2 | link 0 24 18 2 | link 0 28 15 2 | link 0 32 15 2 | title 60 6 60 2", "canvas_width": 914, "canvas_height": 276, "elements": [ { "type": "title", "position": [ 457, 53, 457, 22 ], "completed": false }, { "type": "link", "position": [ 0, 57, 59, 20 ], "completed": false }, { "type": "link", "position": [ 0, 88, 67, 20 ], "completed": false }, { "type": "input", "position": [ 457, 91, 326, 46 ], "completed": false }, { "type": "button", "position": [ 802, 103, 93, 21 ], "completed": false }, { "type": "link", "position": [ 0, 120, 49, 20 ], "completed": false }, { "type": "link", "position": [ 0, 151, 33, 20 ], "completed": false }, { "type": "link", "position": [ 0, 183, 140, 20 ], "completed": false }, { "type": "link", "position": [ 0, 214, 115, 20 ], "completed": false }, { "type": "link", "position": [ 0, 246, 115, 20 ], "completed": false } ] }, { "text": "#A sign-up page for a website. #The page includes 8 text links that link to the other pages of this site. A title and a descriptive paragraph, an email input box, and a button to click to subscribe.", "region_id": "8205", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '8'] [item [el:link] ] ] [el:title] [el:description] [el:input [attr:value 'email'] ] [el:button [attr:value 'subscribe'] ] ]", "execution": "footer : button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 106 12 9 1 | description 63 5 54 2 | complete icon 115 13 2 0 | input 63 10 35 5 | title 63 0 54 3 | \" [ link 1 0 6 1 ] | [ link 1 4 8 1 ] | [ link 1 8 19 1 ] | [ link 1 12 8 1 ] | [ link 1 15 11 1 ] | [ link 1 19 13 1 ] | [ link 1 23 14 1 ] | [ link 1 27 19 1 ] \"", "layout_seq_without_completion": "button 106 12 9 1 | description 63 5 54 2 | icon 115 13 2 0 | input 63 10 35 5 | title 63 0 54 3 | \" [ link 1 0 6 1 ] | [ link 1 4 8 1 ] | [ link 1 8 19 1 ] | [ link 1 12 8 1 ] | [ link 1 15 11 1 ] | [ link 1 19 13 1 ] | [ link 1 23 14 1 ] | [ link 1 27 19 1 ] \"", "plain_layout_seq": "button 106 12 9 1 | description 63 5 54 2 | icon 115 13 2 0 | input 63 10 35 5 | link 1 0 6 1 | link 1 4 8 1 | link 1 8 19 1 | link 1 12 8 1 | link 1 15 11 1 | link 1 19 13 1 | link 1 23 14 1 | link 1 27 19 1 | title 63 0 54 3", "canvas_width": 940, "canvas_height": 281, "elements": [ { "type": "title", "position": [ 500, 0, 430, 31 ], "completed": false }, { "type": "link", "position": [ 10, 7, 54, 15 ], "completed": false }, { "type": "link", "position": [ 10, 37, 70, 15 ], "completed": false }, { "type": "description", "position": [ 500, 41, 430, 23 ], "completed": false }, { "type": "link", "position": [ 10, 66, 154, 15 ], "completed": false }, { "type": "input", "position": [ 500, 84, 281, 44 ], "completed": false }, { "type": "link", "position": [ 10, 95, 65, 15 ], "completed": false }, { "type": "button", "position": [ 832, 99, 72, 13 ], "completed": false }, { "type": "icon", "position": [ 903, 102, 20, 7 ], "completed": true }, { "type": "link", "position": [ 10, 125, 87, 15 ], "completed": false }, { "type": "link", "position": [ 10, 155, 109, 15 ], "completed": false }, { "type": "link", "position": [ 10, 184, 114, 15 ], "completed": false }, { "type": "link", "position": [ 10, 213, 150, 15 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have some links for users to click to know the different content of the web fast, and 4 icons like Twitter, and Youtube, to call on users to follow the web on these platforms.", "region_id": "1809", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link'several'] ] [el:icon [attr:repeat '4'] ] ]", "execution": "footer : { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 1 8 2 ] | [ link 0 5 12 2 ] | [ link 0 9 12 2 ] | [ link 0 14 13 2 ] | [ link 0 18 12 2 ] \" | \" [ link 23 0 6 2 ] | [ link 23 4 8 1 ] | [ link 23 8 5 1 ] | [ link 23 12 5 1 ] | [ link 23 15 11 1 ] | [ link 23 19 7 1 ] \" | \" [ link 45 0 8 2 ] | [ link 45 4 3 1 ] | [ link 45 8 5 1 ] | [ link 45 12 6 1 ] | [ link 45 15 8 1 ] \" | \" [ icon 98 0 3 3 ] | [ icon 103 0 3 3 ] | [ icon 109 0 3 3 ] | [ icon 115 0 3 3 ] \"", "layout_seq_without_completion": "\" [ link 0 1 8 2 ] | [ link 0 5 12 2 ] | [ link 0 9 12 2 ] | [ link 0 14 13 2 ] | [ link 0 18 12 2 ] \" | \" [ link 23 0 6 2 ] | [ link 23 4 8 1 ] | [ link 23 8 5 1 ] | [ link 23 12 5 1 ] | [ link 23 15 11 1 ] | [ link 23 19 7 1 ] \" | \" [ link 45 0 8 2 ] | [ link 45 4 3 1 ] | [ link 45 8 5 1 ] | [ link 45 12 6 1 ] | [ link 45 15 8 1 ] \" | \" [ icon 98 0 3 3 ] | [ icon 103 0 3 3 ] | [ icon 109 0 3 3 ] | [ icon 115 0 3 3 ] \"", "plain_layout_seq": "icon 98 0 3 3 | icon 103 0 3 3 | icon 109 0 3 3 | icon 115 0 3 3 | link 0 1 8 2 | link 0 5 12 2 | link 0 9 12 2 | link 0 14 13 2 | link 0 18 12 2 | link 23 0 6 2 | link 23 4 8 1 | link 23 8 5 1 | link 23 12 5 1 | link 23 15 11 1 | link 23 19 7 1 | link 45 0 8 2 | link 45 4 3 1 | link 45 8 5 1 | link 45 12 6 1 | link 45 15 8 1", "canvas_width": 956, "canvas_height": 182, "elements": [ { "type": "icon", "position": [ 782, 0, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 828, 0, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 874, 0, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 920, 0, 30, 30 ], "completed": false }, { "type": "link", "position": [ 185, 4, 51, 16 ], "completed": false }, { "type": "link", "position": [ 364, 4, 64, 16 ], "completed": false }, { "type": "link", "position": [ 6, 8, 68, 16 ], "completed": false }, { "type": "link", "position": [ 185, 34, 68, 14 ], "completed": false }, { "type": "link", "position": [ 364, 34, 30, 14 ], "completed": false }, { "type": "link", "position": [ 6, 43, 98, 16 ], "completed": false }, { "type": "link", "position": [ 185, 65, 43, 14 ], "completed": false }, { "type": "link", "position": [ 364, 65, 43, 14 ], "completed": false }, { "type": "link", "position": [ 6, 79, 98, 16 ], "completed": false }, { "type": "link", "position": [ 185, 96, 42, 14 ], "completed": false }, { "type": "link", "position": [ 364, 96, 49, 14 ], "completed": false }, { "type": "link", "position": [ 6, 115, 104, 16 ], "completed": false }, { "type": "link", "position": [ 185, 127, 92, 14 ], "completed": false }, { "type": "link", "position": [ 364, 127, 71, 14 ], "completed": false }, { "type": "link", "position": [ 6, 150, 98, 16 ], "completed": false }, { "type": "link", "position": [ 185, 158, 59, 14 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click to know the web, check the terms and conditions, employee comer, and contact the worker.", "region_id": "4265", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '4'] [gattr:names 'About Us, terms and conditions, employee comer,contact us'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 9 2 ] | [ link 30 0 19 2 ] | [ link 60 0 16 2 ] | [ link 90 0 10 2 ] \"", "layout_seq_without_completion": "\" [ link 0 0 9 2 ] | [ link 30 0 19 2 ] | [ link 60 0 16 2 ] | [ link 90 0 10 2 ] \"", "plain_layout_seq": "link 0 0 9 2 | link 30 0 19 2 | link 60 0 16 2 | link 90 0 10 2", "canvas_width": 814, "canvas_height": 25, "elements": [ { "type": "link", "position": [ 1, 3, 62, 17 ], "completed": false }, { "type": "link", "position": [ 205, 3, 130, 17 ], "completed": false }, { "type": "link", "position": [ 409, 3, 113, 17 ], "completed": false }, { "type": "link", "position": [ 613, 3, 72, 17 ], "completed": false } ] }, { "text": "#A page for introducing the info.# There is one label \"About Us\" and it is followed by many links for more detailed information.", "region_id": "5705", "region_type": "Footer", "ir": "[region:Footer [el:title [attr:value 'about us'] ] [gp:NavGroup [gattr:total_link 'several'] [item [el:link] ] ] ]", "execution": "footer : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 0 0 120 3 | \" [ link 55 5 8 2 ] | [ link 53 9 13 2 ] | [ link 54 13 10 2 ] | [ link 57 16 4 2 ] | [ link 48 20 22 2 ] \"", "layout_seq_without_completion": "title 0 0 120 3 | \" [ link 55 5 8 2 ] | [ link 53 9 13 2 ] | [ link 54 13 10 2 ] | [ link 57 16 4 2 ] | [ link 48 20 22 2 ] \"", "plain_layout_seq": "link 55 5 8 2 | link 53 9 13 2 | link 54 13 10 2 | link 57 16 4 2 | link 48 20 22 2 | title 0 0 120 3", "canvas_width": 1014, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 0, 0, 1014, 28 ], "completed": false }, { "type": "link", "position": [ 469, 44, 71, 19 ], "completed": false }, { "type": "link", "position": [ 448, 77, 112, 19 ], "completed": false }, { "type": "link", "position": [ 460, 110, 88, 19 ], "completed": false }, { "type": "link", "position": [ 485, 143, 39, 19 ], "completed": false }, { "type": "link", "position": [ 408, 176, 192, 19 ], "completed": false } ] }, { "text": "#A page showing the number of pages of the website.#The page should have seven buttons for users to click to page jump.", "region_id": "5373", "region_type": "Footer", "ir": "[region:Footer [el:button [attr:repeat '7']]]", "execution": "footer : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined", "layout_seq_with_completion": "button 47 2 3 3 | button 51 2 3 3 | button 61 2 3 3 | button 65 2 3 3 | button 58 2 3 3 | button 54 2 3 3 | button 69 2 3 3 | complete image 47 2 25 4", "layout_seq_without_completion": "button 47 2 3 3 | button 51 2 3 3 | button 61 2 3 3 | button 65 2 3 3 | button 58 2 3 3 | button 54 2 3 3 | button 69 2 3 3 | image 47 2 25 4", "plain_layout_seq": "button 47 2 3 3 | button 51 2 3 3 | button 61 2 3 3 | button 65 2 3 3 | button 58 2 3 3 | button 54 2 3 3 | button 69 2 3 3 | image 47 2 25 4", "canvas_width": 984, "canvas_height": 80, "elements": [ { "type": "image", "position": [ 388, 20, 207, 35 ], "completed": true }, { "type": "button", "position": [ 392, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 420, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 450, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 478, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 508, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 536, 23, 27, 29 ], "completed": false }, { "type": "button", "position": [ 566, 23, 27, 29 ], "completed": false } ] }, { "text": "#A page of TechPlanet for users to get information.# The page should include the logo of TechPlanet, the text \"Follow us\", and three icons of social media platforms, including Twitter. There are also nine links with icons.", "region_id": "5252", "region_type": "Footer", "ir": "[region:Footer [el:logo] [el:text [attr:value 'follow us'] ] [el:icon [attr:repeat '3'] ] [gp:NavGroup [gattr:total_link '9'] [item [el:link] [el:icon] ] ] ]", "execution": "footer : logo undefined undefined | text undefined undefined | { [ icon undefined undefined ] | [ icon undefined undefined ] | [ icon undefined undefined ] } | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "link 89 2 11 1 | link 89 5 9 1 | logo 7 2 13 3 | text 7 9 7 1 | \" [ link 34 2 3 1 ] | [ link 34 5 6 1 ] | [ link 34 8 7 1 ] | [ link 34 11 6 1 ] \" | \" [ link 61 2 5 1 ] | [ link 61 5 4 1 ] | [ link 61 8 6 1 ] \"", "layout_seq_without_completion": "link 89 2 11 1 | link 89 5 9 1 | logo 7 2 13 3 | text 7 9 7 1 | \" [ link 34 2 3 1 ] | [ link 34 5 6 1 ] | [ link 34 8 7 1 ] | [ link 34 11 6 1 ] \" | \" [ link 61 2 5 1 ] | [ link 61 5 4 1 ] | [ link 61 8 6 1 ] \"", "plain_layout_seq": "link 89 2 11 1 | link 89 5 9 1 | link 34 2 3 1 | link 34 5 6 1 | link 34 8 7 1 | link 34 11 6 1 | link 61 2 5 1 | link 61 5 4 1 | link 61 8 6 1 | logo 7 2 13 3 | text 7 9 7 1", "canvas_width": 1054, "canvas_height": 136, "elements": [ { "type": "link", "position": [ 302, 20, 29, 15 ], "completed": false }, { "type": "link", "position": [ 542, 20, 47, 15 ], "completed": false }, { "type": "link", "position": [ 782, 20, 101, 15 ], "completed": false }, { "type": "logo", "position": [ 62, 23, 118, 27 ], "completed": false }, { "type": "link", "position": [ 302, 46, 54, 15 ], "completed": false }, { "type": "link", "position": [ 542, 46, 36, 15 ], "completed": false }, { "type": "link", "position": [ 782, 46, 85, 15 ], "completed": false }, { "type": "link", "position": [ 302, 72, 66, 15 ], "completed": false }, { "type": "link", "position": [ 542, 72, 57, 15 ], "completed": false }, { "type": "text", "position": [ 62, 81, 63, 15 ], "completed": false }, { "type": "link", "position": [ 302, 98, 54, 15 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 links for users to click to start a store, find products to sell, and buy an existing online store.", "region_id": "6897", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:total_link '3'] [gattr:names 'start a store, find products to buy, buy an existing online store'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A footer page showing the homepage of a company CB Insights. # There should be four information sets, with each comprised of a title, and several links. Users can get access to different info through these links. Also, there should be an image showing the logo of the company, and two text boxes below the logo showing the location and contact information.", "region_id": "898", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'4'] [item [el:title] [el:link [attr:repeat 'several'] ] ] ] [el:logo] [el:text [attr:repeat '2'] ] ]", "execution": "footer : logo undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "logo 0 0 23 2 | text 0 4 30 5 | text 0 11 30 5 | \" [ link 36 7 7 2 | link 36 12 8 2 | link 36 17 16 2 | title 36 2 4 2 ] | [ link 57 7 13 7 | link 57 17 17 7 | link 57 41 15 7 | link 57 26 16 2 | link 57 31 14 7 | title 57 2 10 2 ] | [ link 78 7 7 2 | link 78 12 3 2 | link 78 17 15 2 | link 78 22 14 2 | link 78 26 5 2 | title 78 2 12 2 ] | [ link 100 7 14 2 | link 100 12 9 2 | link 100 17 12 2 | link 100 26 15 7 | link 100 22 15 2 | link 100 36 9 2 | link 100 41 12 2 | title 100 2 14 2 ] \"", "layout_seq_without_completion": "logo 0 0 23 2 | text 0 4 30 5 | text 0 11 30 5 | \" [ link 36 7 7 2 | link 36 12 8 2 | link 36 17 16 2 | title 36 2 4 2 ] | [ link 57 7 13 7 | link 57 17 17 7 | link 57 41 15 7 | link 57 26 16 2 | link 57 31 14 7 | title 57 2 10 2 ] | [ link 78 7 7 2 | link 78 12 3 2 | link 78 17 15 2 | link 78 22 14 2 | link 78 26 5 2 | title 78 2 12 2 ] | [ link 100 7 14 2 | link 100 12 9 2 | link 100 17 12 2 | link 100 26 15 7 | link 100 22 15 2 | link 100 36 9 2 | link 100 41 12 2 | title 100 2 14 2 ] \"", "plain_layout_seq": "link 36 7 7 2 | link 36 12 8 2 | link 36 17 16 2 | link 57 7 13 7 | link 57 17 17 7 | link 57 41 15 7 | link 57 26 16 2 | link 57 31 14 7 | link 78 7 7 2 | link 78 12 3 2 | link 78 17 15 2 | link 78 22 14 2 | link 78 26 5 2 | link 100 7 14 2 | link 100 12 9 2 | link 100 17 12 2 | link 100 26 15 7 | link 100 22 15 2 | link 100 36 9 2 | link 100 41 12 2 | logo 0 0 23 2 | text 0 4 30 5 | text 0 11 30 5 | title 36 2 4 2 | title 57 2 10 2 | title 78 2 12 2 | title 100 2 14 2", "canvas_width": 919, "canvas_height": 406, "elements": [ { "type": "logo", "position": [ 0, 0, 178, 20 ], "completed": false }, { "type": "title", "position": [ 280, 20, 38, 17 ], "completed": false }, { "type": "title", "position": [ 442, 20, 84, 17 ], "completed": false }, { "type": "title", "position": [ 604, 20, 92, 17 ], "completed": false }, { "type": "title", "position": [ 767, 20, 111, 17 ], "completed": false }, { "type": "text", "position": [ 0, 38, 230, 42 ], "completed": false }, { "type": "link", "position": [ 280, 57, 57, 17 ], "completed": false }, { "type": "link", "position": [ 442, 57, 103, 55 ], "completed": false }, { "type": "link", "position": [ 604, 57, 55, 17 ], "completed": false }, { "type": "link", "position": [ 767, 57, 110, 17 ], "completed": false }, { "type": "text", "position": [ 0, 90, 230, 42 ], "completed": false }, { "type": "link", "position": [ 280, 95, 68, 17 ], "completed": false }, { "type": "link", "position": [ 604, 95, 29, 17 ], "completed": false }, { "type": "link", "position": [ 767, 95, 73, 17 ], "completed": false }, { "type": "link", "position": [ 280, 132, 129, 17 ], "completed": false }, { "type": "link", "position": [ 442, 132, 135, 54 ], "completed": false }, { "type": "link", "position": [ 604, 132, 119, 17 ], "completed": false }, { "type": "link", "position": [ 767, 132, 97, 17 ], "completed": false }, { "type": "link", "position": [ 604, 169, 108, 17 ], "completed": false }, { "type": "link", "position": [ 767, 169, 118, 17 ], "completed": false }, { "type": "link", "position": [ 442, 206, 125, 17 ], "completed": false }, { "type": "link", "position": [ 604, 206, 44, 17 ], "completed": false }, { "type": "link", "position": [ 767, 206, 115, 55 ], "completed": false }, { "type": "link", "position": [ 442, 243, 112, 54 ], "completed": false }, { "type": "link", "position": [ 767, 281, 76, 17 ], "completed": false }, { "type": "link", "position": [ 442, 318, 120, 54 ], "completed": false }, { "type": "link", "position": [ 767, 318, 95, 17 ], "completed": false } ] }, { "text": "#A footer page for users to get information.# The page contains 6 titles, including \"CONTACT\" with a text, \"ABOUT\" followed by 7 links, \"MAIN MENU\" with 5 links, and \"FOLLOW US\" with three logos of social media platforms(including Facebook, Pinterest and Instagram), \"BE IN THE KNOW\" followed by an introduction and an input with a button for users to enter their emails, and \"NOTICE\" with a text.", "region_id": "6784", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup \n[item [el:title [attr:value 'contact'] ][el:description]] \n[item [el:title [attr:value 'about'] ] [el:link [attr:repeat '7'] ]] \n[item [el:title [attr:value 'main menu'] ] [el:link [attr:repeat '5'] ]] \n[item [el:title [attr:value 'follow us'] ] [el:logo [attr:value 'facebook'] ] [el:logo [attr:value 'Pinterest'] ] [el:logo [attr:value 'Instagram'] ] ]\n[item [el:title [attr:value 'BE IN THE KNOW'] ] [el:description] [el:input[attr:value'emails']] [el:button]]\n[item [el:title [attr:value 'notice'] ] [el:text]]\n ] ]", "execution": "footer : { [ description undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ logo undefined undefined | logo undefined undefined | logo undefined undefined | title undefined undefined ] | [ button undefined undefined | description undefined undefined | input undefined undefined | title undefined undefined ] | [ text undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "description 2 5 23 23 | text 2 42 112 10 | title 2 0 20 3 | title 71 0 20 3 | title 94 0 20 7 | title 2 36 112 3 | \" [ logo 71 5 2 2 ] | [ logo 75 5 2 2 ] | [ logo 80 5 2 2 ] \" | \" [ link 25 13 9 2 | link 25 16 11 2 | link 25 20 18 2 | link 25 5 14 2 | link 25 9 7 2 | link 25 24 11 2 | link 25 28 4 2 | title 25 0 20 3 ] | [ link 48 5 5 2 | link 48 9 9 2 | link 48 13 12 2 | link 48 16 19 2 | link 48 20 14 4 | title 48 0 20 3 ] | [ button 111 18 1 1 | description 94 9 20 5 | input 94 16 15 5 ] \"", "layout_seq_without_completion": "description 2 5 23 23 | text 2 42 112 10 | title 2 0 20 3 | title 71 0 20 3 | title 94 0 20 7 | title 2 36 112 3 | \" [ logo 71 5 2 2 ] | [ logo 75 5 2 2 ] | [ logo 80 5 2 2 ] \" | \" [ link 25 13 9 2 | link 25 16 11 2 | link 25 20 18 2 | link 25 5 14 2 | link 25 9 7 2 | link 25 24 11 2 | link 25 28 4 2 | title 25 0 20 3 ] | [ link 48 5 5 2 | link 48 9 9 2 | link 48 13 12 2 | link 48 16 19 2 | link 48 20 14 4 | title 48 0 20 3 ] | [ button 111 18 1 1 | description 94 9 20 5 | input 94 16 15 5 ] \"", "plain_layout_seq": "button 111 18 1 1 | description 2 5 23 23 | description 94 9 20 5 | input 94 16 15 5 | link 25 13 9 2 | link 25 16 11 2 | link 25 20 18 2 | link 25 5 14 2 | link 25 9 7 2 | link 25 24 11 2 | link 25 28 4 2 | link 48 5 5 2 | link 48 9 9 2 | link 48 13 12 2 | link 48 16 19 2 | link 48 20 14 4 | logo 71 5 2 2 | logo 75 5 2 2 | logo 80 5 2 2 | text 2 42 112 10 | title 2 0 20 3 | title 71 0 20 3 | title 94 0 20 7 | title 2 36 112 3 | title 25 0 20 3 | title 48 0 20 3", "canvas_width": 1024, "canvas_height": 498, "elements": [ { "type": "title", "position": [ 20, 0, 177, 33 ], "completed": false }, { "type": "title", "position": [ 217, 0, 177, 33 ], "completed": false }, { "type": "title", "position": [ 414, 0, 177, 33 ], "completed": false }, { "type": "title", "position": [ 610, 0, 177, 33 ], "completed": false }, { "type": "title", "position": [ 807, 0, 177, 66 ], "completed": false }, { "type": "description", "position": [ 20, 48, 197, 204 ], "completed": false }, { "type": "logo", "position": [ 610, 48, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 648, 48, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 686, 48, 24, 24 ], "completed": false }, { "type": "link", "position": [ 217, 49, 127, 19 ], "completed": false }, { "type": "link", "position": [ 414, 49, 43, 19 ], "completed": false }, { "type": "link", "position": [ 217, 81, 65, 19 ], "completed": false }, { "type": "link", "position": [ 414, 81, 83, 19 ], "completed": false }, { "type": "description", "position": [ 807, 81, 177, 44 ], "completed": false }, { "type": "link", "position": [ 217, 113, 80, 19 ], "completed": false }, { "type": "link", "position": [ 414, 113, 105, 19 ], "completed": false }, { "type": "input", "position": [ 807, 138, 131, 48 ], "completed": false }, { "type": "link", "position": [ 217, 145, 98, 19 ], "completed": false }, { "type": "link", "position": [ 414, 145, 166, 19 ], "completed": false }, { "type": "button", "position": [ 954, 154, 14, 17 ], "completed": false }, { "type": "link", "position": [ 217, 177, 161, 19 ], "completed": false }, { "type": "link", "position": [ 414, 177, 121, 41 ], "completed": false }, { "type": "link", "position": [ 217, 209, 96, 19 ], "completed": false }, { "type": "link", "position": [ 217, 241, 39, 19 ], "completed": false }, { "type": "title", "position": [ 20, 312, 964, 33 ], "completed": false }, { "type": "text", "position": [ 20, 360, 964, 88 ], "completed": false } ] }, { "text": "#A page for the company Allianz. # Some links on the page should be divided into three groups 'Main pages', 'Most viewed', and 'We recommend', where the users can click each link to know the detailed information about the Allianz.", "region_id": "648", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'main pages, most viewed, we recommend'] [item [el:link] ] ] ]", "execution": "footer : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete title 23 51 73 7 | \" [ link 3 14 15 2 | link 3 24 4 2 | link 3 28 6 2 | link 3 33 10 2 | link 3 10 7 2 | link 3 19 14 2 | complete title 3 3 12 2 ] | [ link 32 10 22 2 | link 32 24 13 2 | link 32 33 12 2 | link 32 14 7 2 | link 32 19 11 2 | link 32 28 21 2 | link 32 38 21 5 | complete title 32 3 13 2 ] | [ link 61 10 18 2 | link 61 14 10 2 | link 61 19 13 2 | link 61 24 17 2 | link 61 38 24 2 | link 61 28 11 2 | link 61 33 12 2 | complete title 61 3 16 2 ] \"", "layout_seq_without_completion": "title 23 51 73 7 | \" [ link 3 14 15 2 | link 3 24 4 2 | link 3 28 6 2 | link 3 33 10 2 | link 3 10 7 2 | link 3 19 14 2 | title 3 3 12 2 ] | [ link 32 10 22 2 | link 32 24 13 2 | link 32 33 12 2 | link 32 14 7 2 | link 32 19 11 2 | link 32 28 21 2 | link 32 38 21 5 | title 32 3 13 2 ] | [ link 61 10 18 2 | link 61 14 10 2 | link 61 19 13 2 | link 61 24 17 2 | link 61 38 24 2 | link 61 28 11 2 | link 61 33 12 2 | title 61 3 16 2 ] \"", "plain_layout_seq": "link 3 14 15 2 | link 3 24 4 2 | link 3 28 6 2 | link 3 33 10 2 | link 3 10 7 2 | link 3 19 14 2 | link 32 10 22 2 | link 32 24 13 2 | link 32 33 12 2 | link 32 14 7 2 | link 32 19 11 2 | link 32 28 21 2 | link 32 38 21 5 | link 61 10 18 2 | link 61 14 10 2 | link 61 19 13 2 | link 61 24 17 2 | link 61 38 24 2 | link 61 28 11 2 | link 61 33 12 2 | title 23 51 73 7 | title 3 3 12 2 | title 32 3 13 2 | title 61 3 16 2", "canvas_width": 1024, "canvas_height": 620, "elements": [ { "type": "title", "position": [ 32, 33, 106, 25 ], "completed": true }, { "type": "title", "position": [ 280, 33, 113, 25 ], "completed": true }, { "type": "title", "position": [ 528, 33, 140, 25 ], "completed": true }, { "type": "link", "position": [ 32, 86, 61, 20 ], "completed": false }, { "type": "link", "position": [ 280, 86, 190, 20 ], "completed": false }, { "type": "link", "position": [ 528, 86, 155, 20 ], "completed": false }, { "type": "link", "position": [ 32, 126, 133, 20 ], "completed": false }, { "type": "link", "position": [ 280, 126, 61, 20 ], "completed": false }, { "type": "link", "position": [ 528, 126, 91, 20 ], "completed": false }, { "type": "link", "position": [ 32, 166, 123, 20 ], "completed": false }, { "type": "link", "position": [ 280, 166, 100, 20 ], "completed": false }, { "type": "link", "position": [ 528, 166, 117, 20 ], "completed": false }, { "type": "link", "position": [ 32, 206, 36, 20 ], "completed": false }, { "type": "link", "position": [ 280, 206, 116, 20 ], "completed": false }, { "type": "link", "position": [ 528, 206, 152, 20 ], "completed": false }, { "type": "link", "position": [ 32, 246, 53, 20 ], "completed": false }, { "type": "link", "position": [ 280, 246, 183, 20 ], "completed": false }, { "type": "link", "position": [ 528, 246, 102, 20 ], "completed": false }, { "type": "link", "position": [ 32, 286, 93, 20 ], "completed": false }, { "type": "link", "position": [ 280, 286, 108, 20 ], "completed": false }, { "type": "link", "position": [ 528, 286, 110, 20 ], "completed": false }, { "type": "link", "position": [ 280, 326, 185, 44 ], "completed": false }, { "type": "link", "position": [ 528, 326, 205, 20 ], "completed": false }, { "type": "title", "position": [ 197, 436, 629, 64 ], "completed": true } ] }, { "text": "# #A footer page for navigation links of a company.# On the page, there should have 8 lists of navigation links: \"Account\" \"Insurance\" \"Drivers Club\" \"Roadside\" \"Marketplace\" \"Vehicle valuation\" \"Media\" and \"Lifestyle\". In each one, there should be a title and 1-4 links for the user to know more specific info", "region_id": "5001", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '8'] [gattr:names 'Account, Insurance, Drivers Club, Roadside, Marketplace, Vehicle valuation,Media,Lifestyle'] [item [el:title] [el:link [attr:repeat '4'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "link 34 14 23 4 | link 7 23 23 4 | link 7 28 23 4 | link 61 36 23 4 | link 89 36 23 4 | link 89 31 23 4 | link 7 14 23 4 | link 34 19 23 4 | link 34 23 23 4 | link 34 36 23 4 | link 61 14 23 4 | link 61 19 23 4 | link 89 19 23 4 | link 7 19 23 4 | link 34 48 23 4 | link 61 31 23 4 | link 89 14 23 4 | link 89 40 23 4 | link 89 45 23 4 | title 7 9 23 4 | title 34 9 23 4 | title 61 9 23 4 | title 34 31 23 4 | title 61 26 23 4 | title 89 26 23 4 | title 34 43 23 4 | title 89 9 23 4", "layout_seq_without_completion": "link 34 14 23 4 | link 7 23 23 4 | link 7 28 23 4 | link 61 36 23 4 | link 89 36 23 4 | link 89 31 23 4 | link 7 14 23 4 | link 34 19 23 4 | link 34 23 23 4 | link 34 36 23 4 | link 61 14 23 4 | link 61 19 23 4 | link 89 19 23 4 | link 7 19 23 4 | link 34 48 23 4 | link 61 31 23 4 | link 89 14 23 4 | link 89 40 23 4 | link 89 45 23 4 | title 7 9 23 4 | title 34 9 23 4 | title 61 9 23 4 | title 34 31 23 4 | title 61 26 23 4 | title 89 26 23 4 | title 34 43 23 4 | title 89 9 23 4", "plain_layout_seq": "link 34 14 23 4 | link 7 23 23 4 | link 7 28 23 4 | link 61 36 23 4 | link 89 36 23 4 | link 89 31 23 4 | link 7 14 23 4 | link 34 19 23 4 | link 34 23 23 4 | link 34 36 23 4 | link 61 14 23 4 | link 61 19 23 4 | link 89 19 23 4 | link 7 19 23 4 | link 34 48 23 4 | link 61 31 23 4 | link 89 14 23 4 | link 89 40 23 4 | link 89 45 23 4 | title 7 9 23 4 | title 34 9 23 4 | title 61 9 23 4 | title 34 31 23 4 | title 61 26 23 4 | title 89 26 23 4 | title 34 43 23 4 | title 89 9 23 4", "canvas_width": 1024, "canvas_height": 552, "elements": [ { "type": "title", "position": [ 64, 84, 200, 40 ], "completed": false }, { "type": "title", "position": [ 296, 84, 200, 40 ], "completed": false }, { "type": "title", "position": [ 528, 84, 200, 40 ], "completed": false }, { "type": "title", "position": [ 760, 84, 200, 40 ], "completed": false }, { "type": "link", "position": [ 64, 124, 200, 40 ], "completed": false }, { "type": "link", "position": [ 296, 124, 200, 40 ], "completed": false }, { "type": "link", "position": [ 528, 124, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 124, 200, 40 ], "completed": false }, { "type": "link", "position": [ 64, 164, 200, 40 ], "completed": false }, { "type": "link", "position": [ 296, 164, 200, 40 ], "completed": false }, { "type": "link", "position": [ 528, 164, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 164, 200, 40 ], "completed": false }, { "type": "link", "position": [ 64, 204, 200, 40 ], "completed": false }, { "type": "link", "position": [ 296, 204, 200, 40 ], "completed": false }, { "type": "title", "position": [ 528, 228, 200, 40 ], "completed": false }, { "type": "title", "position": [ 760, 228, 200, 40 ], "completed": false }, { "type": "link", "position": [ 64, 244, 200, 40 ], "completed": false }, { "type": "title", "position": [ 296, 268, 200, 40 ], "completed": false }, { "type": "link", "position": [ 528, 268, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 268, 200, 40 ], "completed": false }, { "type": "link", "position": [ 296, 308, 200, 40 ], "completed": false }, { "type": "link", "position": [ 528, 308, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 308, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 348, 200, 40 ], "completed": false }, { "type": "title", "position": [ 296, 372, 200, 40 ], "completed": false }, { "type": "link", "position": [ 760, 388, 200, 40 ], "completed": false }, { "type": "link", "position": [ 296, 412, 200, 40 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have a logo of the company, and 6 groups of links for users to click to fastly know the different content of the web in terms of products, services, and so on. And two buttons are needed for users to click to download the app from App Store or Google Play.", "region_id": "2033", "region_type": "Footer", "ir": "[region:Footer [el:logo] [gp:NavGroup [gattr:repeat'6'] [gattr:names'products, services'] [item [el:link] ] ] [el:button [attr:value'download from app store'] ] [el:button [attr:value'download from google play'] ] ]", "execution": "footer : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 62 76 14 4 | button 43 76 12 4 | logo 5 11 8 8 | complete title 19 11 21 4 | \" [ link 19 16 12 1 ] | [ link 19 20 7 4 ] | [ link 19 26 6 1 ] | [ link 19 30 11 1 ] | [ link 19 34 2 1 ] | [ link 19 38 13 1 ] | [ link 19 41 6 1 ] \" | \" [ link 19 44 10 1 ] | [ link 19 48 11 1 ] | [ link 19 52 13 1 ] | [ link 19 56 13 1 ] | [ link 19 59 10 1 ] | [ link 19 63 13 1 ] | [ link 19 67 10 1 ] \" | \" [ link 47 16 7 4 | link 47 23 5 1 | link 47 26 10 1 | complete title 47 11 10 4 ] | [ link 63 16 8 1 | link 63 20 6 1 | complete title 63 11 10 4 ] | [ link 63 37 5 1 | link 63 41 2 1 | link 63 33 8 1 | complete title 63 28 10 4 ] | [ link 80 23 4 1 | link 80 37 8 4 | link 80 16 6 4 | link 80 26 7 1 | link 80 30 9 4 | link 80 43 10 4 | link 80 50 8 4 | complete title 80 11 10 4 ] | [ link 97 16 3 1 | link 97 20 2 1 | link 97 24 5 1 | link 97 31 3 1 | link 97 27 6 1 | link 97 35 4 1 | link 97 39 7 1 | complete title 97 11 10 4 ] \"", "layout_seq_without_completion": "button 62 76 14 4 | button 43 76 12 4 | logo 5 11 8 8 | title 19 11 21 4 | \" [ link 19 16 12 1 ] | [ link 19 20 7 4 ] | [ link 19 26 6 1 ] | [ link 19 30 11 1 ] | [ link 19 34 2 1 ] | [ link 19 38 13 1 ] | [ link 19 41 6 1 ] \" | \" [ link 19 44 10 1 ] | [ link 19 48 11 1 ] | [ link 19 52 13 1 ] | [ link 19 56 13 1 ] | [ link 19 59 10 1 ] | [ link 19 63 13 1 ] | [ link 19 67 10 1 ] \" | \" [ link 47 16 7 4 | link 47 23 5 1 | link 47 26 10 1 | title 47 11 10 4 ] | [ link 63 16 8 1 | link 63 20 6 1 | title 63 11 10 4 ] | [ link 63 37 5 1 | link 63 41 2 1 | link 63 33 8 1 | title 63 28 10 4 ] | [ link 80 23 4 1 | link 80 37 8 4 | link 80 16 6 4 | link 80 26 7 1 | link 80 30 9 4 | link 80 43 10 4 | link 80 50 8 4 | title 80 11 10 4 ] | [ link 97 16 3 1 | link 97 20 2 1 | link 97 24 5 1 | link 97 31 3 1 | link 97 27 6 1 | link 97 35 4 1 | link 97 39 7 1 | title 97 11 10 4 ] \"", "plain_layout_seq": "button 62 76 14 4 | button 43 76 12 4 | link 19 16 12 1 | link 19 20 7 4 | link 19 26 6 1 | link 19 30 11 1 | link 19 34 2 1 | link 19 38 13 1 | link 19 41 6 1 | link 19 44 10 1 | link 19 48 11 1 | link 19 52 13 1 | link 19 56 13 1 | link 19 59 10 1 | link 19 63 13 1 | link 19 67 10 1 | link 47 16 7 4 | link 47 23 5 1 | link 47 26 10 1 | link 63 16 8 1 | link 63 20 6 1 | link 63 37 5 1 | link 63 41 2 1 | link 63 33 8 1 | link 80 23 4 1 | link 80 37 8 4 | link 80 16 6 4 | link 80 26 7 1 | link 80 30 9 4 | link 80 43 10 4 | link 80 50 8 4 | link 97 16 3 1 | link 97 20 2 1 | link 97 24 5 1 | link 97 31 3 1 | link 97 27 6 1 | link 97 35 4 1 | link 97 39 7 1 | logo 5 11 8 8 | title 19 11 21 4 | title 47 11 10 4 | title 63 11 10 4 | title 63 28 10 4 | title 80 11 10 4 | title 97 11 10 4", "canvas_width": 1024, "canvas_height": 791, "elements": [ { "type": "logo", "position": [ 50, 100, 75, 71 ], "completed": false }, { "type": "title", "position": [ 167, 100, 185, 37 ], "completed": true }, { "type": "title", "position": [ 402, 100, 92, 37 ], "completed": true }, { "type": "title", "position": [ 545, 100, 92, 37 ], "completed": true }, { "type": "title", "position": [ 687, 100, 92, 37 ], "completed": true }, { "type": "title", "position": [ 829, 100, 92, 37 ], "completed": true }, { "type": "link", "position": [ 167, 142, 105, 16 ], "completed": false }, { "type": "link", "position": [ 402, 142, 67, 40 ], "completed": false }, { "type": "link", "position": [ 545, 142, 74, 16 ], "completed": false }, { "type": "link", "position": [ 687, 142, 53, 40 ], "completed": false }, { "type": "link", "position": [ 829, 142, 34, 16 ], "completed": false }, { "type": "link", "position": [ 167, 174, 68, 40 ], "completed": false }, { "type": "link", "position": [ 545, 174, 53, 16 ], "completed": false }, { "type": "link", "position": [ 829, 174, 25, 16 ], "completed": false }, { "type": "link", "position": [ 402, 198, 44, 16 ], "completed": false }, { "type": "link", "position": [ 687, 198, 42, 16 ], "completed": false }, { "type": "link", "position": [ 829, 206, 44, 16 ], "completed": false }, { "type": "link", "position": [ 167, 230, 52, 16 ], "completed": false }, { "type": "link", "position": [ 402, 230, 87, 16 ], "completed": false }, { "type": "link", "position": [ 687, 230, 65, 16 ], "completed": false }, { "type": "link", "position": [ 829, 238, 52, 16 ], "completed": false }, { "type": "title", "position": [ 545, 244, 92, 37 ], "completed": true }, { "type": "link", "position": [ 167, 262, 96, 16 ], "completed": false }, { "type": "link", "position": [ 687, 262, 82, 40 ], "completed": false }, { "type": "link", "position": [ 829, 270, 31, 16 ], "completed": false }, { "type": "link", "position": [ 545, 286, 75, 16 ], "completed": false }, { "type": "link", "position": [ 167, 294, 22, 16 ], "completed": false }, { "type": "link", "position": [ 829, 302, 41, 16 ], "completed": false }, { "type": "link", "position": [ 545, 318, 46, 16 ], "completed": false }, { "type": "link", "position": [ 687, 318, 69, 40 ], "completed": false }, { "type": "link", "position": [ 167, 326, 115, 16 ], "completed": false }, { "type": "link", "position": [ 829, 334, 66, 16 ], "completed": false }, { "type": "link", "position": [ 545, 350, 20, 16 ], "completed": false }, { "type": "link", "position": [ 167, 358, 59, 16 ], "completed": false }, { "type": "link", "position": [ 687, 374, 86, 40 ], "completed": false }, { "type": "link", "position": [ 167, 382, 87, 16 ], "completed": false }, { "type": "link", "position": [ 167, 414, 99, 16 ], "completed": false }, { "type": "link", "position": [ 687, 430, 75, 40 ], "completed": false }, { "type": "link", "position": [ 167, 446, 118, 16 ], "completed": false }, { "type": "link", "position": [ 167, 478, 118, 16 ], "completed": false }, { "type": "link", "position": [ 167, 510, 91, 16 ], "completed": false }, { "type": "link", "position": [ 167, 542, 117, 16 ], "completed": false }, { "type": "link", "position": [ 167, 574, 90, 16 ], "completed": false }, { "type": "button", "position": [ 371, 655, 108, 36 ], "completed": false }, { "type": "button", "position": [ 532, 655, 121, 36 ], "completed": false } ] }, { "text": "#A page for navigation of the State Wins.# The page should have a logo of State Wins, and 4 links for users to click to check the home, login, submit and contact the company.", "region_id": "3357", "region_type": "Footer", "ir": "[region:Footer [el:logo [attr:value 'State Wins']] [gp:NavGroup [gattr:total_link '4'] [gattr:names 'home, login/vip,submit ,contact'] [item [el:link] ] ] ]", "execution": "footer : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 39 16 5 3 | link 62 16 7 3 | link 73 16 7 3 | link 48 17 10 2 | logo 39 4 41 6", "layout_seq_without_completion": "link 39 16 5 3 | link 62 16 7 3 | link 73 16 7 3 | link 48 17 10 2 | logo 39 4 41 6", "plain_layout_seq": "link 39 16 5 3 | link 62 16 7 3 | link 73 16 7 3 | link 48 17 10 2 | logo 39 4 41 6", "canvas_width": 1024, "canvas_height": 222, "elements": [ { "type": "logo", "position": [ 337, 40, 350, 54 ], "completed": false }, { "type": "link", "position": [ 335, 144, 51, 26 ], "completed": false }, { "type": "link", "position": [ 532, 144, 61, 26 ], "completed": false }, { "type": "link", "position": [ 623, 144, 67, 26 ], "completed": false }, { "type": "link", "position": [ 416, 146, 86, 21 ], "completed": false } ] }, { "text": "#A page for the bottom navigation bar of the website.#The page contains four groups of links of different types for users to click to know the different content of the web fastly, such as explore, about, and so on. And each of them also should have four or five links.", "region_id": "6296", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat '4'] [gattr:names 'explore, about'] [item [el:link [attr:repeat '5'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete title 60 0 18 2 | \" [ link 60 2 6 1 ] | [ link 60 5 5 1 ] | [ link 60 8 9 1 ] | [ link 60 11 8 1 ] | [ link 60 14 3 1 ] \"", "layout_seq_without_completion": "title 60 0 18 2 | \" [ link 60 2 6 1 ] | [ link 60 5 5 1 ] | [ link 60 8 9 1 ] | [ link 60 11 8 1 ] | [ link 60 14 3 1 ] \"", "plain_layout_seq": "link 60 2 6 1 | link 60 5 5 1 | link 60 8 9 1 | link 60 11 8 1 | link 60 14 3 1 | title 60 0 18 2", "canvas_width": 1248, "canvas_height": 174, "elements": [ { "type": "title", "position": [ 630, 0, 196, 23 ], "completed": true }, { "type": "link", "position": [ 630, 31, 70, 20 ], "completed": false }, { "type": "link", "position": [ 630, 60, 57, 20 ], "completed": false }, { "type": "link", "position": [ 630, 89, 103, 20 ], "completed": false }, { "type": "link", "position": [ 630, 118, 90, 20 ], "completed": false }, { "type": "link", "position": [ 630, 147, 32, 20 ], "completed": false } ] }, { "text": "# A footer page for navigation of a company.# The page should have three lists of links \"Questions?\" \"Product Galleries\", and \"Info\" for the user to learn more info about the company. And there should be 2, 4, and 3 links in each list respectively.", "region_id": "6799", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:title [attr:value 'questions?'] ] [el:link [attr:repeat '2'] ] ] [item [el:title [attr:value 'product galleries'] ] [el:link [attr:repeat '4'] ] ] [item [el:title [attr:value 'info'] ] [el:link [attr:repeat '3'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 8 3 2 | link 3 5 22 2 | title 3 0 36 3 ] | [ link 43 5 10 2 | link 43 8 12 2 | link 43 11 17 2 | link 43 14 12 2 | title 43 0 36 3 ] | [ link 83 5 4 2 | link 83 11 10 2 | link 83 8 11 2 | title 83 0 36 3 ] \"", "layout_seq_without_completion": "\" [ link 3 8 3 2 | link 3 5 22 2 | title 3 0 36 3 ] | [ link 43 5 10 2 | link 43 8 12 2 | link 43 11 17 2 | link 43 14 12 2 | title 43 0 36 3 ] | [ link 83 5 4 2 | link 83 11 10 2 | link 83 8 11 2 | title 83 0 36 3 ] \"", "plain_layout_seq": "link 3 8 3 2 | link 3 5 22 2 | link 43 5 10 2 | link 43 8 12 2 | link 43 11 17 2 | link 43 14 12 2 | link 83 5 4 2 | link 83 11 10 2 | link 83 8 11 2 | title 3 0 36 3 | title 43 0 36 3 | title 83 0 36 3", "canvas_width": 994, "canvas_height": 147, "elements": [ { "type": "title", "position": [ 30, 0, 301, 26 ], "completed": false }, { "type": "title", "position": [ 361, 0, 301, 26 ], "completed": false }, { "type": "title", "position": [ 693, 0, 301, 26 ], "completed": false }, { "type": "link", "position": [ 30, 43, 187, 18 ], "completed": false }, { "type": "link", "position": [ 361, 43, 83, 18 ], "completed": false }, { "type": "link", "position": [ 693, 43, 40, 18 ], "completed": false }, { "type": "link", "position": [ 30, 70, 32, 18 ], "completed": false }, { "type": "link", "position": [ 361, 70, 106, 18 ], "completed": false }, { "type": "link", "position": [ 693, 70, 97, 18 ], "completed": false }, { "type": "link", "position": [ 361, 96, 145, 18 ], "completed": false }, { "type": "link", "position": [ 693, 96, 83, 18 ], "completed": false }, { "type": "link", "position": [ 361, 123, 102, 18 ], "completed": false } ] }, { "text": "#A page for showing one company's three work locations.# There are three groups showing \"NEW YORK\", \"BOSTON\", and\"BASEL\". And each of them is followed by many links where users can learn about their websites, address, and countries. One label is used to show the company's contact. Next, three text boxes are used to show some info about the company.", "region_id": "424", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [gattr:repeat'3'] [gattr:names'new york, boston, basel'] [item [el:text] [el:link [attr:repeat 'several'] ] ] ] [el:text [attr:value'contact'] ] [el:text [attr:repeat'3'] ] ]", "execution": "footer : text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "link 48 22 18 2 | link 15 60 20 2 | link 15 63 20 2 | link 15 56 20 2 | link 15 26 18 2 | link 15 30 18 2 | link 15 52 20 2 | link 15 18 18 2 | link 15 22 18 2 | link 15 34 18 2 | link 48 18 18 2 | link 48 26 18 2 | link 48 30 18 2 | text 51 56 6 1 | text 51 52 16 1 | text 51 60 15 1 | text 15 10 18 3 | text 48 10 18 3 | text 15 43 20 3 | text 51 43 16 3", "layout_seq_without_completion": "link 48 22 18 2 | link 15 60 20 2 | link 15 63 20 2 | link 15 56 20 2 | link 15 26 18 2 | link 15 30 18 2 | link 15 52 20 2 | link 15 18 18 2 | link 15 22 18 2 | link 15 34 18 2 | link 48 18 18 2 | link 48 26 18 2 | link 48 30 18 2 | text 51 56 6 1 | text 51 52 16 1 | text 51 60 15 1 | text 15 10 18 3 | text 48 10 18 3 | text 15 43 20 3 | text 51 43 16 3", "plain_layout_seq": "link 48 22 18 2 | link 15 60 20 2 | link 15 63 20 2 | link 15 56 20 2 | link 15 26 18 2 | link 15 30 18 2 | link 15 52 20 2 | link 15 18 18 2 | link 15 22 18 2 | link 15 34 18 2 | link 48 18 18 2 | link 48 26 18 2 | link 48 30 18 2 | text 51 56 6 1 | text 51 52 16 1 | text 51 60 15 1 | text 15 10 18 3 | text 48 10 18 3 | text 15 43 20 3 | text 51 43 16 3", "canvas_width": 1024, "canvas_height": 630, "elements": [ { "type": "text", "position": [ 132, 90, 158, 32 ], "completed": false }, { "type": "text", "position": [ 416, 90, 158, 32 ], "completed": false }, { "type": "link", "position": [ 132, 162, 158, 18 ], "completed": false }, { "type": "link", "position": [ 416, 162, 158, 18 ], "completed": false }, { "type": "link", "position": [ 132, 196, 158, 18 ], "completed": false }, { "type": "link", "position": [ 416, 196, 158, 18 ], "completed": false }, { "type": "link", "position": [ 132, 230, 158, 18 ], "completed": false }, { "type": "link", "position": [ 416, 230, 158, 18 ], "completed": false }, { "type": "link", "position": [ 132, 264, 158, 18 ], "completed": false }, { "type": "link", "position": [ 416, 264, 158, 18 ], "completed": false }, { "type": "link", "position": [ 132, 298, 158, 18 ], "completed": false }, { "type": "text", "position": [ 132, 372, 174, 32 ], "completed": false }, { "type": "text", "position": [ 437, 372, 141, 32 ], "completed": false }, { "type": "link", "position": [ 132, 444, 174, 18 ], "completed": false }, { "type": "text", "position": [ 437, 444, 142, 17 ], "completed": false }, { "type": "link", "position": [ 132, 478, 174, 18 ], "completed": false }, { "type": "text", "position": [ 437, 478, 57, 17 ], "completed": false }, { "type": "link", "position": [ 132, 512, 174, 18 ], "completed": false }, { "type": "text", "position": [ 437, 512, 128, 17 ], "completed": false }, { "type": "link", "position": [ 132, 546, 174, 18 ], "completed": false } ] }, { "text": "# A page to show guidance for the users.# On this page, four parts of information are involved, which contain the titles \"Sasaaya shop\", \"Policy\", \"Join us\" and \"about us\" respectively. And except for the third part, the other three parts include several links. In the third part of \"join us\", an input, within which the words \"your email\" are contained on the left, is placed between a short description and a button of \"subscribe\".", "region_id": "8229", "region_type": "Footer", "ir": "[region:Footer [gp:NavGroup [item [el:text [attr:value 'Sasaaya shop'] ] [el:link [attr:repeat 'several'] ] ] [item [el:text [attr:value 'Policy'] ] [el:link [attr:repeat 'several'] ] ] [item [el:text [attr:value 'Join us'] ] [el:input [attr:value 'your email'] [attr:position 'left'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'subscribe'] ] ] [item [el:text [attr:value 'about us'] ] [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "footer : { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] | [ button undefined undefined | description undefined small | input left undefined | text undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "description 59 6 33 6 | text 59 2 33 2 | \" [ link 4 9 22 3 | link 4 13 22 3 | link 4 6 22 3 | text 4 2 11 1 ] | [ link 35 6 15 3 | link 35 9 15 3 | link 35 13 15 3 | link 35 17 15 3 | text 35 2 5 1 ] | [ button 59 22 15 5 | input 59 15 33 5 | complete text 61 15 8 5 ] | [ link 100 6 14 3 | link 100 9 14 3 | text 100 2 7 1 ] \"", "layout_seq_without_completion": "description 59 6 33 6 | text 59 2 33 2 | \" [ link 4 9 22 3 | link 4 13 22 3 | link 4 6 22 3 | text 4 2 11 1 ] | [ link 35 6 15 3 | link 35 9 15 3 | link 35 13 15 3 | link 35 17 15 3 | text 35 2 5 1 ] | [ button 59 22 15 5 | input 59 15 33 5 | text 61 15 8 5 ] | [ link 100 6 14 3 | link 100 9 14 3 | text 100 2 7 1 ] \"", "plain_layout_seq": "button 59 22 15 5 | description 59 6 33 6 | input 59 15 33 5 | link 4 9 22 3 | link 4 13 22 3 | link 4 6 22 3 | link 35 6 15 3 | link 35 9 15 3 | link 35 13 15 3 | link 35 17 15 3 | link 100 6 14 3 | link 100 9 14 3 | text 59 2 33 2 | text 4 2 11 1 | text 35 2 5 1 | text 61 15 8 5 | text 100 2 7 1", "canvas_width": 1014, "canvas_height": 257, "elements": [ { "type": "text", "position": [ 503, 20, 280, 22 ], "completed": false }, { "type": "text", "position": [ 35, 23, 98, 15 ], "completed": false }, { "type": "text", "position": [ 298, 23, 48, 15 ], "completed": false }, { "type": "text", "position": [ 853, 23, 67, 15 ], "completed": false }, { "type": "link", "position": [ 35, 51, 193, 31 ], "completed": false }, { "type": "link", "position": [ 298, 51, 135, 31 ], "completed": false }, { "type": "link", "position": [ 853, 51, 126, 31 ], "completed": false }, { "type": "description", "position": [ 503, 53, 280, 56 ], "completed": false }, { "type": "link", "position": [ 35, 82, 193, 31 ], "completed": false }, { "type": "link", "position": [ 298, 82, 135, 31 ], "completed": false }, { "type": "link", "position": [ 853, 82, 126, 31 ], "completed": false }, { "type": "link", "position": [ 35, 113, 193, 31 ], "completed": false }, { "type": "link", "position": [ 298, 113, 135, 31 ], "completed": false }, { "type": "input", "position": [ 503, 129, 280, 48 ], "completed": false }, { "type": "text", "position": [ 516, 129, 71, 48 ], "completed": true }, { "type": "link", "position": [ 298, 144, 135, 31 ], "completed": false }, { "type": "button", "position": [ 503, 189, 127, 48 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and six links, \"home\", \"store\", \"about us\", \"media\", \"world oceans day\", and \"contact\". There is an icon for users to view the cart.", "region_id": "8329", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, store, about us, media, world oceans day, contact'] [item [el:link] ] ] [el:icon [attr:value 'cart'] ] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 115 6 0 1 | logo 3 1 11 11 | \" [ link 28 4 9 6 ] | [ link 38 4 9 6 ] | [ link 48 4 14 6 ] | [ link 63 4 9 6 ] | [ link 73 4 23 6 ] | [ link 98 4 12 6 ] \"", "layout_seq_without_completion": "icon 115 6 0 1 | logo 3 1 11 11 | \" [ link 28 4 9 6 ] | [ link 38 4 9 6 ] | [ link 48 4 14 6 ] | [ link 63 4 9 6 ] | [ link 73 4 23 6 ] | [ link 98 4 12 6 ] \"", "plain_layout_seq": "icon 115 6 0 1 | link 28 4 9 6 | link 38 4 9 6 | link 48 4 14 6 | link 63 4 9 6 | link 73 4 23 6 | link 98 4 12 6 | logo 3 1 11 11", "canvas_width": 1009, "canvas_height": 124, "elements": [ { "type": "logo", "position": [ 30, 15, 100, 94 ], "completed": false }, { "type": "link", "position": [ 238, 35, 79, 56 ], "completed": false }, { "type": "link", "position": [ 321, 35, 83, 56 ], "completed": false }, { "type": "link", "position": [ 408, 35, 125, 56 ], "completed": false }, { "type": "link", "position": [ 536, 35, 83, 56 ], "completed": false }, { "type": "link", "position": [ 622, 35, 199, 56 ], "completed": false }, { "type": "link", "position": [ 826, 35, 108, 56 ], "completed": false }, { "type": "icon", "position": [ 970, 55, 6, 15 ], "completed": false } ] }, { "text": "#A header page for Google.# There is a label, a logo, and a icon on the left side of the page to help user to know more about Google. Then, there are six links \"About\", \"Google in the U.S.\", \"Products\", \"Commitments\", \"Stories\", and \"The Keyword\" for users to click to get more information.", "region_id": "5342", "region_type": "Header", "ir": "[region:Header [el:text [attr:position 'left']] [el:logo [attr:position 'left']] [el:icon [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'About,Google in the U.S.,Products,Commitments,Stories,The Keyword'] [item [el:link] ] ] ]", "execution": "header : icon left undefined | logo left undefined | text left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | icon 19 2 2 2 | logo 9 2 8 3 | text 0 0 7 5 | \" [ link 24 0 8 5 ] | [ link 32 0 18 5 ] | [ link 51 0 10 5 ] | [ link 62 0 15 5 ] | [ link 78 0 9 5 ] | [ link 87 0 14 5 ] \"", "layout_seq_without_completion": "background 0 0 120 7 | icon 19 2 2 2 | logo 9 2 8 3 | text 0 0 7 5 | \" [ link 24 0 8 5 ] | [ link 32 0 18 5 ] | [ link 51 0 10 5 ] | [ link 62 0 15 5 ] | [ link 78 0 9 5 ] | [ link 87 0 14 5 ] \"", "plain_layout_seq": "background 0 0 120 7 | icon 19 2 2 2 | link 24 0 8 5 | link 32 0 18 5 | link 51 0 10 5 | link 62 0 15 5 | link 78 0 9 5 | link 87 0 14 5 | logo 9 2 8 3 | text 0 0 7 5", "canvas_width": 1024, "canvas_height": 64, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 64 ], "completed": true }, { "type": "text", "position": [ 7, 8, 67, 48 ], "completed": false }, { "type": "link", "position": [ 208, 8, 71, 48 ], "completed": false }, { "type": "link", "position": [ 279, 8, 162, 48 ], "completed": false }, { "type": "link", "position": [ 441, 8, 93, 48 ], "completed": false }, { "type": "link", "position": [ 534, 8, 133, 48 ], "completed": false }, { "type": "link", "position": [ 666, 8, 78, 48 ], "completed": false }, { "type": "link", "position": [ 744, 8, 126, 48 ], "completed": false }, { "type": "logo", "position": [ 82, 20, 75, 29 ], "completed": false }, { "type": "icon", "position": [ 165, 23, 18, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web WorldShopping.#The page should have a logo and four links, \"help\", \"fee\", \"privacy policy\", and \"cookie settings\". Also, the pagination was set next to each link. On the right side, there is a link to close the page.", "region_id": "6051", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'help, fee, privacy policy, cookie settings'] [item [el:link] [el:pagination] ] ] [el:link [attr:position 'right'] [attr:value 'close'] ] ]", "execution": "header : link right undefined | logo undefined undefined | { [ link undefined undefined | pagination undefined undefined ] | [ link undefined undefined | pagination undefined undefined ] | [ link undefined undefined | pagination undefined undefined ] | [ link undefined undefined | pagination undefined undefined ] }", "layout_seq_with_completion": "complete icon 38 2 14 1 | complete icon 55 2 15 1 | complete icon 20 2 6 1 | complete icon 29 2 5 1 | link 114 1 3 3 | link 58 2 13 2 | link 23 2 3 2 | link 41 2 11 2 | link 32 2 3 2 | logo 2 1 16 3", "layout_seq_without_completion": "icon 38 2 14 1 | icon 55 2 15 1 | icon 20 2 6 1 | icon 29 2 5 1 | link 114 1 3 3 | link 58 2 13 2 | link 23 2 3 2 | link 41 2 11 2 | link 32 2 3 2 | logo 2 1 16 3", "plain_layout_seq": "icon 38 2 14 1 | icon 55 2 15 1 | icon 20 2 6 1 | icon 29 2 5 1 | link 114 1 3 3 | link 58 2 13 2 | link 23 2 3 2 | link 41 2 11 2 | link 32 2 3 2 | logo 2 1 16 3", "canvas_width": 900, "canvas_height": 50, "elements": [ { "type": "logo", "position": [ 15, 11, 120, 24 ], "completed": false }, { "type": "link", "position": [ 861, 12, 24, 24 ], "completed": false }, { "type": "link", "position": [ 175, 15, 29, 16 ], "completed": false }, { "type": "link", "position": [ 244, 15, 24, 16 ], "completed": false }, { "type": "link", "position": [ 308, 15, 87, 16 ], "completed": false }, { "type": "link", "position": [ 435, 15, 98, 16 ], "completed": false }, { "type": "icon", "position": [ 155, 16, 49, 14 ], "completed": true }, { "type": "icon", "position": [ 224, 16, 44, 14 ], "completed": true }, { "type": "icon", "position": [ 288, 16, 107, 14 ], "completed": true }, { "type": "icon", "position": [ 415, 16, 118, 14 ], "completed": true } ] }, { "text": "#A header page for showing some info.# There is one logo, one link \"HOME\", and two icons.", "region_id": "7030", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:value 'home'] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 108 5 2 3 | icon 113 5 2 3 | link 97 4 9 6 | logo 3 1 21 12", "layout_seq_without_completion": "icon 108 5 2 3 | icon 113 5 2 3 | link 97 4 9 6 | logo 3 1 21 12", "plain_layout_seq": "icon 108 5 2 3 | icon 113 5 2 3 | link 97 4 9 6 | logo 3 1 21 12", "canvas_width": 1009, "canvas_height": 131, "elements": [ { "type": "logo", "position": [ 30, 15, 180, 101 ], "completed": false }, { "type": "link", "position": [ 820, 42, 81, 52 ], "completed": false }, { "type": "icon", "position": [ 912, 50, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 50, 21, 26 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 7 links for users to click to view the products under different categories including fragrance, skincare, makeup, candles, and so on.", "region_id": "4866", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'][gattr:names 'flacon, skincare, makeup,candles'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 0 0 22 4 | link 38 0 13 4 | link 109 0 9 4 | link 51 0 16 4 | link 22 0 16 4 | link 73 1 15 2 | link 98 1 8 2", "layout_seq_without_completion": "link 0 0 22 4 | link 38 0 13 4 | link 109 0 9 4 | link 51 0 16 4 | link 22 0 16 4 | link 73 1 15 2 | link 98 1 8 2", "plain_layout_seq": "link 0 0 22 4 | link 38 0 13 4 | link 109 0 9 4 | link 51 0 16 4 | link 22 0 16 4 | link 73 1 15 2 | link 98 1 8 2", "canvas_width": 960, "canvas_height": 39, "elements": [ { "type": "link", "position": [ 0, 4, 176, 32 ], "completed": false }, { "type": "link", "position": [ 176, 4, 130, 32 ], "completed": false }, { "type": "link", "position": [ 306, 4, 108, 32 ], "completed": false }, { "type": "link", "position": [ 415, 4, 132, 32 ], "completed": false }, { "type": "link", "position": [ 879, 4, 73, 32 ], "completed": false }, { "type": "link", "position": [ 591, 11, 122, 16 ], "completed": false }, { "type": "link", "position": [ 784, 11, 69, 16 ], "completed": false } ] }, { "text": "#A header page for navigation of the TF.# The page should have a logo, and three links: \"NEWS\" \"CONTACT\", and \"SUBSCRIBE\" for the user to click for more info. Also, an input box with a small search icon is needed for the user to enter the things they want to look for.", "region_id": "6171", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'news, contact, subscribe'] [item [el:link] ] ] [el:input [attr:value 'enter search term and press enter'] ] [el:icon [attr:size 'small'] ]]", "execution": "header : icon undefined small | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 83 4 2 2 | input 81 2 35 6 | \" [ link 16 4 4 2 ] | [ link 27 4 7 2 ] | [ link 40 4 8 2 ] \"", "layout_seq_without_completion": "icon 83 4 2 2 | input 81 2 35 6 | \" [ link 16 4 4 2 ] | [ link 27 4 7 2 ] | [ link 40 4 8 2 ] \"", "plain_layout_seq": "icon 83 4 2 2 | input 81 2 35 6 | link 16 4 4 2 | link 27 4 7 2 | link 40 4 8 2", "canvas_width": 1009, "canvas_height": 90, "elements": [ { "type": "input", "position": [ 685, 24, 300, 51 ], "completed": false }, { "type": "link", "position": [ 142, 40, 38, 17 ], "completed": false }, { "type": "link", "position": [ 229, 40, 62, 17 ], "completed": false }, { "type": "link", "position": [ 339, 40, 73, 17 ], "completed": false }, { "type": "icon", "position": [ 705, 40, 19, 19 ], "completed": false } ] }, { "text": "#A header page for navigation of a web.# The page should have a logo of the web, an icon, and 3 links for users to click to learn about the web, shop, and contact them.", "region_id": "7145", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'about, shop, contact '] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 117 6 2 2 | logo 3 2 23 9 | \" [ link 78 3 6 2 ] | [ link 94 3 5 2 ] | [ link 109 3 9 2 ] \"", "layout_seq_without_completion": "icon 117 6 2 2 | logo 3 2 23 9 | \" [ link 78 3 6 2 ] | [ link 94 3 5 2 ] | [ link 109 3 9 2 ] \"", "plain_layout_seq": "icon 117 6 2 2 | link 78 3 6 2 | link 94 3 5 2 | link 109 3 9 2 | logo 3 2 23 9", "canvas_width": 1026, "canvas_height": 99, "elements": [ { "type": "logo", "position": [ 30, 18, 205, 78 ], "completed": false }, { "type": "link", "position": [ 668, 33, 56, 20 ], "completed": false }, { "type": "link", "position": [ 808, 33, 46, 20 ], "completed": false }, { "type": "link", "position": [ 938, 33, 78, 20 ], "completed": false }, { "type": "icon", "position": [ 1004, 58, 22, 24 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, an icon for expanding all the categories of information, four buttons for users to click to get further information, and one input with an icon for searching.", "region_id": "3945", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'expand']] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:button] ] ] [el:input [attr:value 'search']] [el:icon] ]", "execution": "header : icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "icon 0 2 4 4 | icon 65 4 2 2 | input 63 2 56 6 | logo 6 2 5 5 | complete text 12 3 13 3 | \" [ button 0 11 14 5 ] | [ button 17 11 20 5 ] | [ button 40 11 15 5 ] | [ button 58 11 19 5 ] \"", "layout_seq_without_completion": "icon 0 2 4 4 | icon 65 4 2 2 | input 63 2 56 6 | logo 6 2 5 5 | text 12 3 13 3 | \" [ button 0 11 14 5 ] | [ button 17 11 20 5 ] | [ button 40 11 15 5 ] | [ button 58 11 19 5 ] \"", "plain_layout_seq": "button 0 11 14 5 | button 17 11 20 5 | button 40 11 15 5 | button 58 11 19 5 | icon 0 2 4 4 | icon 65 4 2 2 | input 63 2 56 6 | logo 6 2 5 5 | text 12 3 13 3", "canvas_width": 964, "canvas_height": 142, "elements": [ { "type": "logo", "position": [ 54, 18, 44, 44 ], "completed": false }, { "type": "input", "position": [ 507, 19, 457, 50 ], "completed": false }, { "type": "icon", "position": [ 0, 22, 34, 34 ], "completed": false }, { "type": "text", "position": [ 103, 25, 110, 30 ], "completed": true }, { "type": "icon", "position": [ 525, 34, 21, 21 ], "completed": false }, { "type": "button", "position": [ 0, 95, 117, 47 ], "completed": false }, { "type": "button", "position": [ 137, 95, 165, 47 ], "completed": false }, { "type": "button", "position": [ 322, 95, 127, 47 ], "completed": false }, { "type": "button", "position": [ 469, 95, 155, 47 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have two icons and six links for users to click to know the different content fastly, such as privacy policy, website terms of use, and so on.", "region_id": "3234", "region_type": "Header", "ir": "[region:Header [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'privacy policy, web terms of use'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 2 8 3 | link 3 2 10 2 | link 54 2 13 2 | link 16 2 15 2 | link 34 2 17 2 | link 70 2 12 2 | link 84 2 22 1 | complete text 14 2 0 1 | complete text 83 2 0 1 | complete text 52 2 0 1 | complete text 69 2 0 1 | complete text 32 2 0 1", "layout_seq_without_completion": "icon 108 2 8 3 | link 3 2 10 2 | link 54 2 13 2 | link 16 2 15 2 | link 34 2 17 2 | link 70 2 12 2 | link 84 2 22 1 | text 14 2 0 1 | text 83 2 0 1 | text 52 2 0 1 | text 69 2 0 1 | text 32 2 0 1", "plain_layout_seq": "icon 108 2 8 3 | link 3 2 10 2 | link 54 2 13 2 | link 16 2 15 2 | link 34 2 17 2 | link 70 2 12 2 | link 84 2 22 1 | text 14 2 0 1 | text 83 2 0 1 | text 52 2 0 1 | text 69 2 0 1 | text 32 2 0 1", "canvas_width": 960, "canvas_height": 54, "elements": [ { "type": "icon", "position": [ 865, 17, 64, 24 ], "completed": false }, { "type": "link", "position": [ 31, 20, 80, 20 ], "completed": false }, { "type": "link", "position": [ 130, 20, 125, 20 ], "completed": false }, { "type": "link", "position": [ 274, 20, 140, 20 ], "completed": false }, { "type": "link", "position": [ 433, 20, 111, 20 ], "completed": false }, { "type": "link", "position": [ 563, 20, 96, 20 ], "completed": false }, { "type": "text", "position": [ 119, 22, 3, 15 ], "completed": true }, { "type": "text", "position": [ 263, 22, 3, 15 ], "completed": true }, { "type": "text", "position": [ 422, 22, 3, 15 ], "completed": true }, { "type": "text", "position": [ 552, 22, 3, 15 ], "completed": true }, { "type": "text", "position": [ 667, 22, 3, 15 ], "completed": true }, { "type": "link", "position": [ 679, 22, 178, 15 ], "completed": false } ] }, { "text": "#A header page for users to learn more information about the school.# The page should include 9 links for users to choose and know different types of information about this school.", "region_id": "2558", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 2 7 5 ] | [ link 10 2 12 5 ] | [ link 24 2 12 5 ] | [ link 37 2 13 5 ] | [ link 52 2 10 5 ] | [ link 63 2 8 5 ] | [ link 73 2 10 5 ] | [ link 85 2 19 5 ] | [ link 105 2 13 5 ] \"", "layout_seq_without_completion": "\" [ link 1 2 7 5 ] | [ link 10 2 12 5 ] | [ link 24 2 12 5 ] | [ link 37 2 13 5 ] | [ link 52 2 10 5 ] | [ link 63 2 8 5 ] | [ link 73 2 10 5 ] | [ link 85 2 19 5 ] | [ link 105 2 13 5 ] \"", "plain_layout_seq": "link 1 2 7 5 | link 10 2 12 5 | link 24 2 12 5 | link 37 2 13 5 | link 52 2 10 5 | link 63 2 8 5 | link 73 2 10 5 | link 85 2 19 5 | link 105 2 13 5", "canvas_width": 1009, "canvas_height": 85, "elements": [ { "type": "link", "position": [ 12, 18, 67, 49 ], "completed": false }, { "type": "link", "position": [ 87, 18, 108, 49 ], "completed": false }, { "type": "link", "position": [ 204, 18, 101, 49 ], "completed": false }, { "type": "link", "position": [ 313, 18, 116, 49 ], "completed": false }, { "type": "link", "position": [ 438, 18, 89, 49 ], "completed": false }, { "type": "link", "position": [ 536, 18, 74, 49 ], "completed": false }, { "type": "link", "position": [ 618, 18, 90, 49 ], "completed": false }, { "type": "link", "position": [ 717, 18, 162, 49 ], "completed": false }, { "type": "link", "position": [ 887, 18, 110, 49 ], "completed": false } ] }, { "text": "#A page for navigation of Domino's web.# The page should have a logo of Domino's, 5 links for users to click to check the menu, about us, offers, stores, and contact the company, an icon, and a link for users to check the account.", "region_id": "4613", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'menu, about us, offers, stores, contact us'] [item [el:link] ] ] [el:icon] [el:link [attr:value 'my account'] ] ]", "execution": "header : icon undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 97 2 2 2 | link 100 3 13 1 | logo 2 0 17 5 | \" [ link 24 3 6 1 ] | [ link 36 3 10 1 ] | [ link 52 3 7 1 ] | [ link 66 3 7 1 ] | [ link 80 3 13 1 ] \"", "layout_seq_without_completion": "icon 97 2 2 2 | link 100 3 13 1 | logo 2 0 17 5 | \" [ link 24 3 6 1 ] | [ link 36 3 10 1 ] | [ link 52 3 7 1 ] | [ link 66 3 7 1 ] | [ link 80 3 13 1 ] \"", "plain_layout_seq": "icon 97 2 2 2 | link 100 3 13 1 | link 24 3 6 1 | link 36 3 10 1 | link 52 3 7 1 | link 66 3 7 1 | link 80 3 13 1 | logo 2 0 17 5", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 20, 2, 150, 50 ], "completed": false }, { "type": "icon", "position": [ 831, 20, 25, 25 ], "completed": false }, { "type": "link", "position": [ 207, 27, 52, 15 ], "completed": false }, { "type": "link", "position": [ 310, 27, 89, 15 ], "completed": false }, { "type": "link", "position": [ 450, 27, 67, 15 ], "completed": false }, { "type": "link", "position": [ 568, 27, 68, 15 ], "completed": false }, { "type": "link", "position": [ 687, 27, 112, 15 ], "completed": false }, { "type": "link", "position": [ 861, 27, 118, 15 ], "completed": false } ] }, { "text": "# A header page for navigation of CHAPMAN & BOSE. # The page should have a logo, and five links \"HOME\" \"PRODUCTS\" \"FAQ\" \"ABOUT\" and \"Contact\" where the user can click to know more info. What's more, three icons for search, login, and shopping cart are necessary.", "region_id": "7955", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, products, faq, about, contact'] [item [el:link] ] ] [el:icon [attr:value ' search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 111 2 2 2 | icon 115 2 2 2 | icon 2 2 2 2 | logo 48 6 23 10 | \" [ link 31 18 10 6 ] | [ link 41 18 13 6 ] | [ link 55 18 8 6 ] | [ link 64 18 10 6 ] | [ link 75 18 13 6 ] \"", "layout_seq_without_completion": "icon 111 2 2 2 | icon 115 2 2 2 | icon 2 2 2 2 | logo 48 6 23 10 | \" [ link 31 18 10 6 ] | [ link 41 18 13 6 ] | [ link 55 18 8 6 ] | [ link 64 18 10 6 ] | [ link 75 18 13 6 ] \"", "plain_layout_seq": "icon 111 2 2 2 | icon 115 2 2 2 | icon 2 2 2 2 | link 31 18 10 6 | link 41 18 13 6 | link 55 18 8 6 | link 64 18 10 6 | link 75 18 13 6 | logo 48 6 23 10", "canvas_width": 1024, "canvas_height": 213, "elements": [ { "type": "icon", "position": [ 21, 20, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 955, 20, 21, 20 ], "completed": false }, { "type": "icon", "position": [ 988, 20, 21, 20 ], "completed": false }, { "type": "logo", "position": [ 412, 55, 200, 88 ], "completed": false }, { "type": "link", "position": [ 269, 154, 88, 58 ], "completed": false }, { "type": "link", "position": [ 357, 154, 118, 58 ], "completed": false }, { "type": "link", "position": [ 475, 154, 74, 58 ], "completed": false }, { "type": "link", "position": [ 550, 154, 93, 58 ], "completed": false }, { "type": "link", "position": [ 643, 154, 112, 58 ], "completed": false } ] }, { "text": "#A header page of American University for users to get information.# The page should include the logo of American University, 5 links, and an icon.", "region_id": "4229", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value'American University']] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | link 109 3 4 1 | logo 2 1 34 5 | \" [ link 67 3 5 1 ] | [ link 76 3 5 1 ] | [ link 85 3 11 1 ] | [ link 100 3 4 1 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | link 109 3 4 1 | logo 2 1 34 5 | \" [ link 67 3 5 1 ] | [ link 76 3 5 1 ] | [ link 85 3 11 1 ] | [ link 100 3 4 1 ] \"", "plain_layout_seq": "background 0 0 120 8 | link 109 3 4 1 | link 67 3 5 1 | link 76 3 5 1 | link 85 3 11 1 | link 100 3 4 1 | logo 2 1 34 5", "canvas_width": 1009, "canvas_height": 71, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 71 ], "completed": true }, { "type": "logo", "position": [ 25, 10, 290, 50 ], "completed": false }, { "type": "link", "position": [ 565, 28, 47, 14 ], "completed": false }, { "type": "link", "position": [ 645, 28, 44, 14 ], "completed": false }, { "type": "link", "position": [ 722, 28, 94, 14 ], "completed": false }, { "type": "link", "position": [ 849, 28, 34, 14 ], "completed": false }, { "type": "link", "position": [ 921, 28, 36, 14 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo in the middle of the page, and there are two icons for users to get more information. Under the logo, there are four links, \"Our Mission\", \"Why We Do This\", \"How it Works\", and \"Join us\".", "region_id": "6773", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'our mission, why we do this, how it works, join us'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 8 2 3 | icon 112 8 2 3 | complete input 6 7 6 4 | logo 54 3 11 13 | \" [ link 32 20 13 3 ] | [ link 45 20 16 3 ] | [ link 63 20 14 3 ] | [ link 78 20 9 3 ] \"", "layout_seq_without_completion": "icon 7 8 2 3 | icon 112 8 2 3 | input 6 7 6 4 | logo 54 3 11 13 | \" [ link 32 20 13 3 ] | [ link 45 20 16 3 ] | [ link 63 20 14 3 ] | [ link 78 20 9 3 ] \"", "plain_layout_seq": "icon 7 8 2 3 | icon 112 8 2 3 | input 6 7 6 4 | link 32 20 13 3 | link 45 20 16 3 | link 63 20 14 3 | link 78 20 9 3 | logo 54 3 11 13", "canvas_width": 1024, "canvas_height": 246, "elements": [ { "type": "logo", "position": [ 462, 30, 100, 116 ], "completed": false }, { "type": "input", "position": [ 55, 67, 55, 41 ], "completed": true }, { "type": "icon", "position": [ 60, 73, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 73, 20, 30 ], "completed": false }, { "type": "link", "position": [ 276, 171, 112, 27 ], "completed": false }, { "type": "link", "position": [ 392, 171, 145, 27 ], "completed": false }, { "type": "link", "position": [ 542, 171, 124, 27 ], "completed": false }, { "type": "link", "position": [ 672, 171, 77, 27 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should only have nine links for users to click to know the different content, such as top sellers, gaming, and so on.", "region_id": "8185", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [gattr:names 'top sellers, gaming'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 14 9 ] | [ link 14 0 17 9 ] | [ link 32 0 19 9 ] | [ link 51 0 10 9 ] | [ link 62 0 16 9 ] | [ link 79 0 11 9 ] | [ link 90 0 17 9 ] | [ link 0 9 14 9 ] | [ link 14 9 12 9 ] \"", "layout_seq_without_completion": "\" [ link 0 0 14 9 ] | [ link 14 0 17 9 ] | [ link 32 0 19 9 ] | [ link 51 0 10 9 ] | [ link 62 0 16 9 ] | [ link 79 0 11 9 ] | [ link 90 0 17 9 ] | [ link 0 9 14 9 ] | [ link 14 9 12 9 ] \"", "plain_layout_seq": "link 0 0 14 9 | link 14 0 17 9 | link 32 0 19 9 | link 51 0 10 9 | link 62 0 16 9 | link 79 0 11 9 | link 90 0 17 9 | link 0 9 14 9 | link 14 9 12 9", "canvas_width": 938, "canvas_height": 144, "elements": [ { "type": "link", "position": [ 0, 0, 112, 72 ], "completed": false }, { "type": "link", "position": [ 112, 0, 139, 72 ], "completed": false }, { "type": "link", "position": [ 251, 0, 154, 72 ], "completed": false }, { "type": "link", "position": [ 405, 0, 82, 72 ], "completed": false }, { "type": "link", "position": [ 487, 0, 131, 72 ], "completed": false }, { "type": "link", "position": [ 618, 0, 93, 72 ], "completed": false }, { "type": "link", "position": [ 711, 0, 139, 72 ], "completed": false }, { "type": "link", "position": [ 0, 72, 117, 72 ], "completed": false }, { "type": "link", "position": [ 117, 72, 94, 72 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo on the left side of the page. There are seven links, \"home\", \"catalog\", \"contact\", \"about us\", \"FAQ\", \"videos\", and \"recycling program\". On the right side of the page, there are three icons for users to get more information.", "region_id": "7395", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'home, catalog, contact, about us, faq, videos, recycling program'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 4 26 7 | \" [ link 38 5 5 2 ] | [ link 46 5 7 2 ] | [ link 56 5 7 2 ] | [ link 66 5 8 2 ] | [ link 78 5 3 2 ] | [ link 46 9 5 2 ] | [ link 55 9 17 2 ] \" | \" [ icon 98 7 2 2 ] | [ icon 103 7 2 2 ] | [ icon 109 7 2 2 ] \"", "layout_seq_without_completion": "logo 6 4 26 7 | \" [ link 38 5 5 2 ] | [ link 46 5 7 2 ] | [ link 56 5 7 2 ] | [ link 66 5 8 2 ] | [ link 78 5 3 2 ] | [ link 46 9 5 2 ] | [ link 55 9 17 2 ] \" | \" [ icon 98 7 2 2 ] | [ icon 103 7 2 2 ] | [ icon 109 7 2 2 ] \"", "plain_layout_seq": "icon 98 7 2 2 | icon 103 7 2 2 | icon 109 7 2 2 | link 38 5 5 2 | link 46 5 7 2 | link 56 5 7 2 | link 66 5 8 2 | link 78 5 3 2 | link 46 9 5 2 | link 55 9 17 2 | logo 6 4 26 7", "canvas_width": 1024, "canvas_height": 131, "elements": [ { "type": "logo", "position": [ 55, 42, 229, 61 ], "completed": false }, { "type": "link", "position": [ 325, 50, 46, 20 ], "completed": false }, { "type": "link", "position": [ 396, 50, 60, 20 ], "completed": false }, { "type": "link", "position": [ 481, 50, 63, 20 ], "completed": false }, { "type": "link", "position": [ 569, 50, 73, 20 ], "completed": false }, { "type": "link", "position": [ 667, 50, 32, 20 ], "completed": false }, { "type": "icon", "position": [ 844, 64, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 886, 64, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 64, 22, 23 ], "completed": false }, { "type": "link", "position": [ 400, 80, 51, 20 ], "completed": false }, { "type": "link", "position": [ 476, 80, 147, 20 ], "completed": false } ] }, { "text": "#A header for NEXT IAS.# There should have a logo, twelve links, and three buttons (GS: First Step, Live/Online Class, Admission) on the page. Some numbers are also on the page.", "region_id": "5650", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '12'] [item [el:link] ] ] [el:button [attr:value 'GS: First Step']] [el:button [attr:value 'Live/Online Class']] [el:button [attr:value 'Admission']] [el:text [attr:repeat 'several']] ]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 64 1 10 3 | button 92 1 8 3 | button 76 1 14 3 | complete icon 77 2 1 1 | logo 4 2 24 4 | text 102 2 11 1 | text 79 2 10 1 | \" [ link 4 9 4 6 ] | [ link 9 9 7 6 ] | [ link 17 9 3 6 ] | [ link 21 9 14 6 ] | [ link 36 9 9 6 ] | [ link 46 9 8 6 ] | [ link 55 9 11 6 ] | [ link 67 9 8 6 ] | [ link 75 9 11 6 ] | [ link 87 9 11 6 ] | [ link 99 9 6 6 ] | [ link 106 9 8 6 ] \"", "layout_seq_without_completion": "button 64 1 10 3 | button 92 1 8 3 | button 76 1 14 3 | icon 77 2 1 1 | logo 4 2 24 4 | text 102 2 11 1 | text 79 2 10 1 | \" [ link 4 9 4 6 ] | [ link 9 9 7 6 ] | [ link 17 9 3 6 ] | [ link 21 9 14 6 ] | [ link 36 9 9 6 ] | [ link 46 9 8 6 ] | [ link 55 9 11 6 ] | [ link 67 9 8 6 ] | [ link 75 9 11 6 ] | [ link 87 9 11 6 ] | [ link 99 9 6 6 ] | [ link 106 9 8 6 ] \"", "plain_layout_seq": "button 64 1 10 3 | button 92 1 8 3 | button 76 1 14 3 | icon 77 2 1 1 | link 4 9 4 6 | link 9 9 7 6 | link 17 9 3 6 | link 21 9 14 6 | link 36 9 9 6 | link 46 9 8 6 | link 55 9 11 6 | link 67 9 8 6 | link 75 9 11 6 | link 87 9 11 6 | link 99 9 6 6 | link 106 9 8 6 | logo 4 2 24 4 | text 102 2 11 1 | text 79 2 10 1", "canvas_width": 1009, "canvas_height": 133, "elements": [ { "type": "button", "position": [ 541, 13, 90, 33 ], "completed": false }, { "type": "button", "position": [ 645, 13, 119, 32 ], "completed": false }, { "type": "button", "position": [ 776, 13, 72, 33 ], "completed": false }, { "type": "logo", "position": [ 40, 17, 205, 42 ], "completed": false }, { "type": "text", "position": [ 862, 20, 95, 16 ], "completed": false }, { "type": "text", "position": [ 665, 21, 89, 13 ], "completed": false }, { "type": "icon", "position": [ 655, 23, 10, 10 ], "completed": true }, { "type": "link", "position": [ 40, 78, 42, 55 ], "completed": false }, { "type": "link", "position": [ 84, 78, 62, 55 ], "completed": false }, { "type": "link", "position": [ 148, 78, 32, 55 ], "completed": false }, { "type": "link", "position": [ 183, 78, 121, 55 ], "completed": false }, { "type": "link", "position": [ 306, 78, 82, 55 ], "completed": false }, { "type": "link", "position": [ 391, 78, 73, 55 ], "completed": false }, { "type": "link", "position": [ 466, 78, 98, 55 ], "completed": false }, { "type": "link", "position": [ 567, 78, 68, 55 ], "completed": false }, { "type": "link", "position": [ 637, 78, 100, 55 ], "completed": false }, { "type": "link", "position": [ 739, 78, 94, 55 ], "completed": false }, { "type": "link", "position": [ 836, 78, 57, 55 ], "completed": false }, { "type": "link", "position": [ 895, 78, 74, 55 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 links and a small icon for users to click to quickly jump to the home page, shop page, and bow and sizing info page.", "region_id": "8479", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home,shop all,bow & sizing information'] [item [el:link] ] ] [el:icon [attr:size 'small'] ] ]", "execution": "header : icon undefined small | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 55 0 0 0 | link 48 0 6 2 | link 59 0 19 2 | link 41 0 4 2", "layout_seq_without_completion": "icon 55 0 0 0 | link 48 0 6 2 | link 59 0 19 2 | link 41 0 4 2", "plain_layout_seq": "icon 55 0 0 0 | link 48 0 6 2 | link 59 0 19 2 | link 41 0 4 2", "canvas_width": 1024, "canvas_height": 74, "elements": [ { "type": "link", "position": [ 351, 2, 40, 18 ], "completed": false }, { "type": "link", "position": [ 415, 2, 54, 18 ], "completed": false }, { "type": "link", "position": [ 509, 2, 164, 18 ], "completed": false }, { "type": "icon", "position": [ 477, 8, 8, 8 ], "completed": false } ] }, { "text": "#A header page for introducing some info.# There is one description. One link is for users to log in and another for creating an account. In addition, there is one icon and one input box for search with one search button.", "region_id": "6460", "region_type": "Header", "ir": "[region:Header [el:description] [el:link [attr:value 'log in'] ] [el:link [attr:value 'create account'] ] [el:icon [attr:value 'search'] ] [el:input [attr:value 'search'] ] [el:button] ]", "execution": "header : button undefined undefined | description undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined", "layout_seq_with_completion": "description 3 0 37 13 | icon 97 6 3 3 | input 97 6 18 3 | link 66 6 4 2 | complete link 91 6 3 2 | link 74 6 11 2 | complete text 72 6 1 2", "layout_seq_without_completion": "description 3 0 37 13 | icon 97 6 3 3 | input 97 6 18 3 | link 66 6 4 2 | link 91 6 3 2 | link 74 6 11 2 | text 72 6 1 2", "plain_layout_seq": "description 3 0 37 13 | icon 97 6 3 3 | input 97 6 18 3 | link 66 6 4 2 | link 91 6 3 2 | link 74 6 11 2 | text 72 6 1 2", "canvas_width": 1024, "canvas_height": 135, "elements": [ { "type": "description", "position": [ 30, 8, 321, 119 ], "completed": false }, { "type": "input", "position": [ 834, 52, 160, 32 ], "completed": false }, { "type": "icon", "position": [ 834, 52, 32, 33 ], "completed": false }, { "type": "text", "position": [ 616, 56, 13, 24 ], "completed": true }, { "type": "link", "position": [ 785, 56, 26, 24 ], "completed": true }, { "type": "link", "position": [ 570, 58, 37, 18 ], "completed": false }, { "type": "link", "position": [ 638, 58, 94, 18 ], "completed": false } ] }, { "text": "#A header page of Uswear for users to get information.# The page should include the logo of Uswear and four icons.", "region_id": "8086", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '4']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 14 2 2 2 | logo 51 0 16 7 | complete text 11 1 0 2", "layout_seq_without_completion": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 14 2 2 2 | logo 51 0 16 7 | text 11 1 0 2", "plain_layout_seq": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 14 2 2 2 | logo 51 0 16 7 | text 11 1 0 2", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 437, 4, 135, 60 ], "completed": false }, { "type": "text", "position": [ 100, 12, 8, 17 ], "completed": true }, { "type": "icon", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 118, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 947, 22, 24, 24 ], "completed": false } ] }, { "text": "# A header page for navigation of Oberlo.# The page should have a logo, a button for the side menu, and two links \"Log in\" and \"Join Shopify now\" for the user to log in and join Shopify.", "region_id": "4162", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button] [el:link [attr:value 'log in'] ] [el:link [attr:value 'join shopify now'] ] ]", "execution": "header : button undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 0 0 6 6 | link 101 0 18 6 | link 91 0 9 6 | logo 51 2 17 1", "layout_seq_without_completion": "button 0 0 6 6 | link 101 0 18 6 | link 91 0 9 6 | logo 51 2 17 1", "plain_layout_seq": "button 0 0 6 6 | link 101 0 18 6 | link 91 0 9 6 | logo 51 2 17 1", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "button", "position": [ 0, 0, 56, 56 ], "completed": false }, { "type": "link", "position": [ 784, 0, 78, 56 ], "completed": false }, { "type": "link", "position": [ 862, 0, 162, 56 ], "completed": false }, { "type": "logo", "position": [ 437, 20, 150, 16 ], "completed": false } ] }, { "text": "# A header page about a company. # There must have five links \"SHOP\" \"BLOG\" \"ABOUT\" \"RETAIL STORES\" and \"CONTACT\" for the user to click to know more info or to seek service. Besides, there should have three small icons for login, search, and shopping cart.", "region_id": "8353", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'SHOP, BLOG, ABOUT, RETAIL STORES, CONTACT'] [item [el:link] ] ] [el:icon [attr:size 'small'] [attr:value 'login'] ] [el:icon [attr:size 'small'] [attr:value 'search'] ] [el:icon [attr:size 'small'] [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined small | icon undefined small | icon undefined small | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete button 0 18 1 0 | \" [ link 30 9 5 2 ] | [ link 40 9 5 2 ] | [ link 49 9 7 2 ] | [ link 60 9 15 2 ] | [ link 79 9 9 2 ] \" | \" [ icon 95 8 3 3 ] | [ icon 101 8 3 3 ] | [ icon 107 8 3 3 ] \"", "layout_seq_without_completion": "button 0 18 1 0 | \" [ link 30 9 5 2 ] | [ link 40 9 5 2 ] | [ link 49 9 7 2 ] | [ link 60 9 15 2 ] | [ link 79 9 9 2 ] \" | \" [ icon 95 8 3 3 ] | [ icon 101 8 3 3 ] | [ icon 107 8 3 3 ] \"", "plain_layout_seq": "button 0 18 1 0 | icon 95 8 3 3 | icon 101 8 3 3 | icon 107 8 3 3 | link 30 9 5 2 | link 40 9 5 2 | link 49 9 7 2 | link 60 9 15 2 | link 79 9 9 2", "canvas_width": 1009, "canvas_height": 156, "elements": [ { "type": "icon", "position": [ 804, 70, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 856, 70, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 908, 70, 30, 30 ], "completed": false }, { "type": "link", "position": [ 259, 76, 47, 18 ], "completed": false }, { "type": "link", "position": [ 337, 76, 48, 18 ], "completed": false }, { "type": "link", "position": [ 415, 76, 60, 18 ], "completed": false }, { "type": "link", "position": [ 505, 76, 133, 18 ], "completed": false }, { "type": "link", "position": [ 668, 76, 82, 18 ], "completed": false }, { "type": "button", "position": [ 0, 154, 12, 2 ], "completed": true } ] }, { "text": "# A header page for navigation of an online shop.# The page should have four links \"HOME\" \"PRODUCTS\" \"COLLECTIONS\", and \"RETURN/EXCHANGE/PRIVACY\" for the user to know more info about the shop.", "region_id": "7826", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, products, collections, return/exchange/privacy'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 27 0 8 5 ] | [ link 36 0 12 5 ] | [ link 49 0 14 5 ] | [ link 64 0 27 5 ] \"", "layout_seq_without_completion": "\" [ link 27 0 8 5 ] | [ link 36 0 12 5 ] | [ link 49 0 14 5 ] | [ link 64 0 27 5 ] \"", "plain_layout_seq": "link 27 0 8 5 | link 36 0 12 5 | link 49 0 14 5 | link 64 0 27 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 234, 0, 70, 50 ], "completed": false }, { "type": "link", "position": [ 308, 0, 105, 50 ], "completed": false }, { "type": "link", "position": [ 417, 0, 123, 50 ], "completed": false }, { "type": "link", "position": [ 544, 0, 232, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have one beautiful background image, one website Logo, two icons of shared web pages, and three groups of links for users to click to know the different content of the web fastly, such as main links, useful links, and store. There are many links in each group.", "region_id": "7189", "region_type": "Header", "ir": "[region:Header [el:background_image] [el:logo] [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'main links, useful links, store'] [item [el:link [attr:repeat 'several'] ] ] ] ]", "execution": "header : background undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] | [ link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 8 | icon 2 23 1 2 | icon 5 23 1 2 | logo 2 14 15 6 | \" [ link 31 26 6 1 | link 31 30 3 1 | link 31 19 4 1 | link 31 22 4 1 | link 31 33 6 1 | complete title 31 14 27 2 ] | [ link 61 19 4 1 | link 61 22 8 1 | link 61 26 14 1 | link 61 37 8 1 | link 61 30 14 1 | link 61 33 14 1 | complete title 61 14 27 2 ] | [ link 90 19 5 1 | link 90 22 8 1 | link 90 26 7 1 | link 90 30 11 1 | complete title 90 14 27 2 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | icon 2 23 1 2 | icon 5 23 1 2 | logo 2 14 15 6 | \" [ link 31 26 6 1 | link 31 30 3 1 | link 31 19 4 1 | link 31 22 4 1 | link 31 33 6 1 | title 31 14 27 2 ] | [ link 61 19 4 1 | link 61 22 8 1 | link 61 26 14 1 | link 61 37 8 1 | link 61 30 14 1 | link 61 33 14 1 | title 61 14 27 2 ] | [ link 90 19 5 1 | link 90 22 8 1 | link 90 26 7 1 | link 90 30 11 1 | title 90 14 27 2 ] \"", "plain_layout_seq": "background 0 0 120 8 | icon 2 23 1 2 | icon 5 23 1 2 | link 31 26 6 1 | link 31 30 3 1 | link 31 19 4 1 | link 31 22 4 1 | link 31 33 6 1 | link 61 19 4 1 | link 61 22 8 1 | link 61 26 14 1 | link 61 37 8 1 | link 61 30 14 1 | link 61 33 14 1 | link 90 19 5 1 | link 90 22 8 1 | link 90 26 7 1 | link 90 30 11 1 | logo 2 14 15 6 | title 31 14 27 2 | title 61 14 27 2 | title 90 14 27 2", "canvas_width": 1024, "canvas_height": 399, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 75 ], "completed": false }, { "type": "logo", "position": [ 20, 120, 130, 52 ], "completed": false }, { "type": "title", "position": [ 271, 120, 231, 25 ], "completed": true }, { "type": "title", "position": [ 522, 120, 231, 25 ], "completed": true }, { "type": "title", "position": [ 773, 120, 231, 25 ], "completed": true }, { "type": "link", "position": [ 271, 166, 38, 16 ], "completed": false }, { "type": "link", "position": [ 522, 166, 37, 16 ], "completed": false }, { "type": "link", "position": [ 773, 166, 43, 16 ], "completed": false }, { "type": "link", "position": [ 271, 196, 38, 16 ], "completed": false }, { "type": "link", "position": [ 522, 196, 76, 16 ], "completed": false }, { "type": "link", "position": [ 773, 196, 75, 16 ], "completed": false }, { "type": "icon", "position": [ 20, 203, 16, 24 ], "completed": false }, { "type": "icon", "position": [ 49, 203, 16, 24 ], "completed": false }, { "type": "link", "position": [ 271, 226, 55, 16 ], "completed": false }, { "type": "link", "position": [ 522, 226, 121, 16 ], "completed": false }, { "type": "link", "position": [ 773, 226, 61, 16 ], "completed": false }, { "type": "link", "position": [ 271, 256, 29, 16 ], "completed": false }, { "type": "link", "position": [ 522, 256, 127, 16 ], "completed": false }, { "type": "link", "position": [ 773, 256, 101, 16 ], "completed": false }, { "type": "link", "position": [ 271, 286, 52, 16 ], "completed": false }, { "type": "link", "position": [ 522, 286, 122, 16 ], "completed": false }, { "type": "link", "position": [ 522, 316, 69, 16 ], "completed": false } ] }, { "text": "#A page for showing how to select Movies or TV for the user.# There should be one input with a button named \"search\" for the user to choose what they want to see and three parts, which include one text for the user to select according to their requirement and two check box.", "region_id": "2772", "region_type": "Header", "ir": "[region:Header [el:input] [el:button[attr:value'search']] [el:text[attr:repeat'3']] ]", "execution": "header : button undefined undefined | input undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 109 0 10 5 | complete icon 50 5 1 1 | complete icon 44 5 1 1 | complete icon 62 5 1 1 | input 0 0 110 5 | text 46 5 2 3 | text 53 5 6 3 | text 64 5 9 3", "layout_seq_without_completion": "button 109 0 10 5 | icon 50 5 1 1 | icon 44 5 1 1 | icon 62 5 1 1 | input 0 0 110 5 | text 46 5 2 3 | text 53 5 6 3 | text 64 5 9 3", "plain_layout_seq": "button 109 0 10 5 | icon 50 5 1 1 | icon 44 5 1 1 | icon 62 5 1 1 | input 0 0 110 5 | text 46 5 2 3 | text 53 5 6 3 | text 64 5 9 3", "canvas_width": 900, "canvas_height": 64, "elements": [ { "type": "input", "position": [ 0, 0, 825, 38 ], "completed": false }, { "type": "button", "position": [ 824, 0, 75, 38 ], "completed": false }, { "type": "text", "position": [ 348, 38, 18, 24 ], "completed": false }, { "type": "text", "position": [ 400, 38, 51, 24 ], "completed": false }, { "type": "text", "position": [ 485, 38, 72, 24 ], "completed": false }, { "type": "icon", "position": [ 330, 43, 13, 13 ], "completed": true }, { "type": "icon", "position": [ 382, 43, 13, 13 ], "completed": true }, { "type": "icon", "position": [ 467, 43, 13, 13 ], "completed": true } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top, and there is a title, named \"quality blanks\". There are three icons for users to click fastly.", "region_id": "6461", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:title [attr:value 'quality blanks'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 1 6 3 3 | icon 113 6 3 3 | icon 108 6 2 2 | complete text 115 6 2 2 | complete text 1 3 116 2 | title 46 7 28 1", "layout_seq_without_completion": "icon 1 6 3 3 | icon 113 6 3 3 | icon 108 6 2 2 | text 115 6 2 2 | text 1 3 116 2 | title 46 7 28 1", "plain_layout_seq": "icon 1 6 3 3 | icon 113 6 3 3 | icon 108 6 2 2 | text 115 6 2 2 | text 1 3 116 2 | title 46 7 28 1", "canvas_width": 1009, "canvas_height": 112, "elements": [ { "type": "text", "position": [ 16, 28, 977, 24 ], "completed": true }, { "type": "icon", "position": [ 16, 52, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 956, 54, 29, 29 ], "completed": false }, { "type": "text", "position": [ 972, 54, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 912, 56, 24, 24 ], "completed": false }, { "type": "title", "position": [ 392, 61, 240, 15 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a brand logo, an input with an icon for searching, and a button named \u201cMy Likes\u201d for users to click to find their favorite products.", "region_id": "4346", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input[attr:value'search']] [el:icon] [el:button [attr:value 'My Likes'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 106 1 9 3 | icon 98 1 6 3 | complete input 99 1 5 3 | input 73 1 25 3 | logo 4 1 53 3", "layout_seq_without_completion": "button 106 1 9 3 | icon 98 1 6 3 | input 99 1 5 3 | input 73 1 25 3 | logo 4 1 53 3", "plain_layout_seq": "button 106 1 9 3 | icon 98 1 6 3 | input 99 1 5 3 | input 73 1 25 3 | logo 4 1 53 3", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "logo", "position": [ 37, 10, 459, 30 ], "completed": false }, { "type": "input", "position": [ 631, 10, 215, 29 ], "completed": false }, { "type": "icon", "position": [ 844, 10, 52, 29 ], "completed": false }, { "type": "button", "position": [ 906, 10, 81, 29 ], "completed": false }, { "type": "input", "position": [ 845, 11, 50, 27 ], "completed": true } ] }, { "text": "#A page introducing the website and guiding users to use it..#The page should have one logo, two links, and two buttons for users to click to log in and sign up on the top. Under it, there should also have one slogan, one brief description, one input to entering your URL here, and one button for users to click to shorten.", "region_id": "3084", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'top'] ] [el:link [attr:repeat '2'] [attr:position 'top'] ] [el:button [attr:value 'login'] [attr:position 'top'] ] [el:button [attr:value 'sign up'] [attr:position 'top'] ] [el:title] [el:description [attr:size 'small'] ] [el:input [attr:value 'your url here'] ] [el:button [attr:value 'shorten'] ] ]", "execution": "header : button top undefined | button top undefined | button undefined undefined | description undefined small | input undefined undefined | link top undefined | link top undefined | logo top undefined | title undefined undefined", "layout_seq_with_completion": "button 83 41 19 5 | description 5 26 108 8 | input 16 40 87 7 | title 5 19 108 5", "layout_seq_without_completion": "button 83 41 19 5 | description 5 26 108 8 | input 16 40 87 7 | title 5 19 108 5", "plain_layout_seq": "button 83 41 19 5 | description 5 26 108 8 | input 16 40 87 7 | title 5 19 108 5", "canvas_width": 1024, "canvas_height": 470, "elements": [ { "type": "title", "position": [ 47, 170, 930, 48 ], "completed": false }, { "type": "description", "position": [ 47, 226, 930, 72 ], "completed": false }, { "type": "input", "position": [ 139, 348, 745, 65 ], "completed": false }, { "type": "button", "position": [ 713, 355, 164, 51 ], "completed": false } ] }, { "text": "#A page for navigation of the web HER WRAPTURE.#The page should have a title in the middle of the page. There are two icons on both sides, which are for users to get more information.", "region_id": "8213", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon [attr:repeat '2']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | icon 3 2 2 1 | icon 114 2 2 2 | title 49 2 21 3", "layout_seq_without_completion": "background 0 0 120 7 | icon 3 2 2 1 | icon 114 2 2 2 | title 49 2 21 3", "plain_layout_seq": "background 0 0 120 7 | icon 3 2 2 1 | icon 114 2 2 2 | title 49 2 21 3", "canvas_width": 1024, "canvas_height": 67, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 67 ], "completed": true }, { "type": "title", "position": [ 424, 20, 182, 27 ], "completed": false }, { "type": "icon", "position": [ 975, 21, 19, 23 ], "completed": false }, { "type": "icon", "position": [ 30, 25, 24, 17 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page contains an icon for users to click to go to the homepage, seven links for users to click to get further information, and one input for searching.", "region_id": "2779", "region_type": "Header", "ir": "[region:Header [el:icon [attr:value 'homepage']] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] [el:input [attr:value 'search'] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 16 | input 101 12 8 1 | \" [ link 11 5 14 5 ] | [ link 25 5 13 5 ] | [ link 39 5 15 5 ] | [ link 54 5 11 5 ] | [ link 65 5 8 5 ] | [ link 74 5 12 5 ] | [ link 87 5 25 5 ] \"", "layout_seq_without_completion": "background 0 0 120 16 | input 101 12 8 1 | \" [ link 11 5 14 5 ] | [ link 25 5 13 5 ] | [ link 39 5 15 5 ] | [ link 54 5 11 5 ] | [ link 65 5 8 5 ] | [ link 74 5 12 5 ] | [ link 87 5 25 5 ] \"", "plain_layout_seq": "background 0 0 120 16 | input 101 12 8 1 | link 11 5 14 5 | link 25 5 13 5 | link 39 5 15 5 | link 54 5 11 5 | link 65 5 8 5 | link 74 5 12 5 | link 87 5 25 5", "canvas_width": 1024, "canvas_height": 138, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 138 ], "completed": true }, { "type": "link", "position": [ 98, 46, 120, 46 ], "completed": false }, { "type": "link", "position": [ 219, 46, 112, 46 ], "completed": false }, { "type": "link", "position": [ 333, 46, 129, 46 ], "completed": false }, { "type": "link", "position": [ 463, 46, 98, 46 ], "completed": false }, { "type": "link", "position": [ 562, 46, 74, 46 ], "completed": false }, { "type": "link", "position": [ 637, 46, 107, 46 ], "completed": false }, { "type": "link", "position": [ 746, 46, 220, 46 ], "completed": false }, { "type": "input", "position": [ 869, 107, 76, 15 ], "completed": false } ] }, { "text": "# A header page for an online shop. # There should have a sentence on the top introducing the free shipping condition. Then the page should have a logo in the middle, and an icon for the side menu on the left. And three icons for the account, search, and shopping cart on the right are necessary.", "region_id": "7527", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:logo] [el:icon [attr:position 'left'] ] [el:icon [attr:position 'left'] ] [el:icon [attr:value 'account'] [attr:position 'right'] ] [el:icon [attr:value 'search'] [attr:position 'right'] ] [el:icon [attr:value 'shopping cart'] [attr:position 'right'] ] ]", "execution": "header : icon left undefined | icon left undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | title top undefined", "layout_seq_with_completion": "icon 2 13 5 5 | logo 45 7 29 17 | title 0 0 120 5 | \" [ icon 103 14 2 2 ] | [ icon 108 14 2 2 ] | [ icon 113 14 2 2 ] \"", "layout_seq_without_completion": "icon 2 13 5 5 | logo 45 7 29 17 | title 0 0 120 5 | \" [ icon 103 14 2 2 ] | [ icon 108 14 2 2 ] | [ icon 113 14 2 2 ] \"", "plain_layout_seq": "icon 2 13 5 5 | icon 103 14 2 2 | icon 108 14 2 2 | icon 113 14 2 2 | logo 45 7 29 17 | title 0 0 120 5", "canvas_width": 1009, "canvas_height": 210, "elements": [ { "type": "title", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 379, 60, 250, 150 ], "completed": false }, { "type": "icon", "position": [ 20, 114, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 872, 120, 22, 25 ], "completed": false }, { "type": "icon", "position": [ 912, 120, 21, 25 ], "completed": false }, { "type": "icon", "position": [ 951, 120, 21, 25 ], "completed": false } ] }, { "text": "#A page for users to learn about a brand.# The page has a logo of the brand and two icons for different functions.", "region_id": "7563", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 112 2 2 2 | icon 4 2 2 2 | logo 51 1 16 5 | complete text 115 1 0 2", "layout_seq_without_completion": "icon 112 2 2 2 | icon 4 2 2 2 | logo 51 1 16 5 | text 115 1 0 2", "plain_layout_seq": "icon 112 2 2 2 | icon 4 2 2 2 | logo 51 1 16 5 | text 115 1 0 2", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 434, 10, 142, 48 ], "completed": false }, { "type": "text", "position": [ 969, 11, 8, 17 ], "completed": true }, { "type": "icon", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 947, 22, 24, 24 ], "completed": false } ] }, { "text": "#A page of navigation of \"APSSB\" to users.# This page should include one logo on the left. On the right side, there should be a search icon and a menu icon for users to click.", "region_id": "3810", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:icon [attr:position 'right'] [attr:value'search']] [el:icon [attr:position 'right'] [attr:value'menu']]]", "execution": "header : icon right undefined | icon right undefined | logo left undefined", "layout_seq_with_completion": "icon 109 2 2 2 | icon 104 2 2 2 | logo 1 0 21 7 | complete text 111 2 6 2", "layout_seq_without_completion": "icon 109 2 2 2 | icon 104 2 2 2 | logo 1 0 21 7 | text 111 2 6 2", "plain_layout_seq": "icon 109 2 2 2 | icon 104 2 2 2 | logo 1 0 21 7 | text 111 2 6 2", "canvas_width": 1024, "canvas_height": 63, "elements": [ { "type": "logo", "position": [ 10, 0, 180, 62 ], "completed": false }, { "type": "text", "position": [ 952, 19, 52, 23 ], "completed": true }, { "type": "icon", "position": [ 890, 21, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 934, 21, 18, 18 ], "completed": false } ] }, { "text": "#A header page of a web for users to buy products.# The page should include the logo of the web, a propaganda text, and a title \"Surprisingly Crunchy\". There is also an icon and an input for users to search on the page. There should also be four links, including \"Log in\", \"Sign up\", \"Cart\", and \"Check Out\".", "region_id": "7468", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text] [el:title[attr:value'Surprisingly Crunchy']][el:icon] [el:input[attr:value'search']] [el:link [attr:value 'Log in'] ] [el:link [attr:value 'Sign up'] ] [el:link [attr:value 'Cart'] ] [el:link [attr:value 'Check Out'] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 4 7 2 2 | icon 96 7 2 2 | input 7 6 19 4 | link 26 7 4 2 | link 34 7 6 2 | link 108 7 8 2 | link 99 7 6 2 | logo 3 15 17 14 | text 0 0 120 5 | title 96 20 19 2", "layout_seq_without_completion": "icon 4 7 2 2 | icon 96 7 2 2 | input 7 6 19 4 | link 26 7 4 2 | link 34 7 6 2 | link 108 7 8 2 | link 99 7 6 2 | logo 3 15 17 14 | text 0 0 120 5 | title 96 20 19 2", "plain_layout_seq": "icon 4 7 2 2 | icon 96 7 2 2 | input 7 6 19 4 | link 26 7 4 2 | link 34 7 6 2 | link 108 7 8 2 | link 99 7 6 2 | logo 3 15 17 14 | text 0 0 120 5 | title 96 20 19 2", "canvas_width": 1024, "canvas_height": 282, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 46 ], "completed": false }, { "type": "input", "position": [ 66, 53, 163, 38 ], "completed": false }, { "type": "icon", "position": [ 36, 61, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 821, 61, 20, 20 ], "completed": false }, { "type": "link", "position": [ 229, 62, 42, 18 ], "completed": false }, { "type": "link", "position": [ 292, 62, 52, 18 ], "completed": false }, { "type": "link", "position": [ 850, 62, 55, 18 ], "completed": false }, { "type": "link", "position": [ 922, 62, 72, 18 ], "completed": false }, { "type": "logo", "position": [ 30, 129, 150, 123 ], "completed": false }, { "type": "title", "position": [ 824, 172, 170, 20 ], "completed": false } ] }, { "text": "#A header of the website. #The page contains 1 icon on the left side and 4 links on the right side. Then, there is an image and text to show the information of the user.", "region_id": "5499", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link [attr:position 'right'] ] ] ] [el:image] [el:text] ]", "execution": "header : icon left undefined | image undefined undefined | text undefined undefined | { [ link right undefined ] | [ link right undefined ] | [ link right undefined ] | [ link right undefined ] }", "layout_seq_with_completion": "icon 0 0 7 7 | image 99 2 4 4 | link 47 0 10 7 | link 82 0 15 7 | link 72 0 9 7 | link 61 2 7 2 | complete text 99 6 20 0 | text 104 2 15 2 | complete text 68 1 4 2", "layout_seq_without_completion": "icon 0 0 7 7 | image 99 2 4 4 | link 47 0 10 7 | link 82 0 15 7 | link 72 0 9 7 | link 61 2 7 2 | text 99 6 20 0 | text 104 2 15 2 | text 68 1 4 2", "plain_layout_seq": "icon 0 0 7 7 | image 99 2 4 4 | link 47 0 10 7 | link 82 0 15 7 | link 72 0 9 7 | link 61 2 7 2 | text 99 6 20 0 | text 104 2 15 2 | text 68 1 4 2", "canvas_width": 931, "canvas_height": 67, "elements": [ { "type": "link", "position": [ 371, 0, 85, 60 ], "completed": false }, { "type": "icon", "position": [ 0, 4, 60, 60 ], "completed": false }, { "type": "link", "position": [ 561, 5, 74, 55 ], "completed": false }, { "type": "link", "position": [ 641, 5, 121, 55 ], "completed": false }, { "type": "text", "position": [ 530, 8, 32, 17 ], "completed": true }, { "type": "image", "position": [ 771, 16, 32, 32 ], "completed": false }, { "type": "text", "position": [ 811, 22, 120, 21 ], "completed": false }, { "type": "link", "position": [ 480, 23, 56, 19 ], "completed": false }, { "type": "text", "position": [ 771, 48, 158, 4 ], "completed": true } ] }, { "text": "#A page for the navigation bar of the web about health.#The page should include five text links, one icon, two number boxes that represent the quality, and one date field.", "region_id": "4697", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon] [el:text [attr:repeat '2'] ] [el:text] ]", "execution": "header : icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 62 2 3 3 | link 0 1 20 2 | link 10 5 7 2 | link 7 5 2 2 | link 19 5 5 2 | link 1 5 4 2 | complete text 10 5 0 1 | complete text 18 5 0 1 | text 90 3 3 1 | text 102 0 17 8 | text 78 3 0 1", "layout_seq_without_completion": "icon 62 2 3 3 | link 0 1 20 2 | link 10 5 7 2 | link 7 5 2 2 | link 19 5 5 2 | link 1 5 4 2 | text 10 5 0 1 | text 18 5 0 1 | text 90 3 3 1 | text 102 0 17 8 | text 78 3 0 1", "plain_layout_seq": "icon 62 2 3 3 | link 0 1 20 2 | link 10 5 7 2 | link 7 5 2 2 | link 19 5 5 2 | link 1 5 4 2 | text 10 5 0 1 | text 18 5 0 1 | text 90 3 3 1 | text 102 0 17 8 | text 78 3 0 1", "canvas_width": 989, "canvas_height": 73, "elements": [ { "type": "text", "position": [ 841, 0, 148, 73 ], "completed": false }, { "type": "link", "position": [ 0, 16, 169, 19 ], "completed": false }, { "type": "icon", "position": [ 514, 24, 25, 25 ], "completed": false }, { "type": "text", "position": [ 643, 28, 8, 16 ], "completed": false }, { "type": "text", "position": [ 742, 28, 30, 16 ], "completed": false }, { "type": "link", "position": [ 14, 42, 35, 18 ], "completed": false }, { "type": "link", "position": [ 61, 42, 18, 18 ], "completed": false }, { "type": "link", "position": [ 89, 42, 58, 18 ], "completed": false }, { "type": "link", "position": [ 157, 42, 48, 18 ], "completed": false }, { "type": "text", "position": [ 83, 43, 7, 15 ], "completed": true }, { "type": "text", "position": [ 150, 43, 7, 15 ], "completed": true } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, an input with an icon for searching, six links for users to click to get further information, and a button named \"Join for Free\".", "region_id": "3313", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search']] [el:icon] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link]]] [el:button [attr:value 'join for free'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 1 16 4 | icon 48 2 1 1 | complete icon 29 3 1 1 | complete image 46 1 4 4 | input 32 1 14 4 | link 57 1 17 4 | link 49 1 7 4 | link 83 1 10 4 | link 74 1 9 4 | link 93 2 7 2 | link 22 2 5 2 | logo 2 1 15 3", "layout_seq_without_completion": "button 101 1 16 4 | icon 48 2 1 1 | icon 29 3 1 1 | image 46 1 4 4 | input 32 1 14 4 | link 57 1 17 4 | link 49 1 7 4 | link 83 1 10 4 | link 74 1 9 4 | link 93 2 7 2 | link 22 2 5 2 | logo 2 1 15 3", "plain_layout_seq": "button 101 1 16 4 | icon 48 2 1 1 | icon 29 3 1 1 | image 46 1 4 4 | input 32 1 14 4 | link 57 1 17 4 | link 49 1 7 4 | link 83 1 10 4 | link 74 1 9 4 | link 93 2 7 2 | link 22 2 5 2 | logo 2 1 15 3", "canvas_width": 1009, "canvas_height": 65, "elements": [ { "type": "input", "position": [ 276, 12, 118, 40 ], "completed": false }, { "type": "image", "position": [ 394, 12, 40, 40 ], "completed": true }, { "type": "link", "position": [ 419, 14, 64, 36 ], "completed": false }, { "type": "link", "position": [ 483, 14, 144, 36 ], "completed": false }, { "type": "link", "position": [ 627, 14, 77, 36 ], "completed": false }, { "type": "link", "position": [ 704, 14, 85, 36 ], "completed": false }, { "type": "button", "position": [ 850, 15, 135, 34 ], "completed": false }, { "type": "logo", "position": [ 24, 16, 127, 32 ], "completed": false }, { "type": "link", "position": [ 789, 20, 61, 24 ], "completed": false }, { "type": "link", "position": [ 193, 23, 47, 18 ], "completed": false }, { "type": "icon", "position": [ 404, 24, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 246, 28, 9, 9 ], "completed": true } ] }, { "text": "#A header page of an accessories company for users to get information and buy products.# The page should include the logo of the company and four icons for users to find the company on other social media platforms, including Instagram, Facebook, Tiktok and Pinterest. There are also four links, including \"HOME\", \"CLOTHING\", \"ACCESSORIES\", and \"ALL PRODUCTS\", for users to find and buy products. The page also contains 3 icons and a propaganda text.", "region_id": "7150", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'Instagram'] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Tiktok'] ] [el:icon [attr:value 'Pinterest'] ] [gp:FlatNavGroup [gattr:repeat '4'][gattr:names 'home, clothing, accessories, all products'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] [el:text] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 3 120 19 | icon 105 12 3 3 | icon 112 12 3 3 | icon 4 12 3 3 | link 30 11 12 4 | link 21 11 8 4 | link 81 13 16 4 | link 82 9 15 4 | logo 46 7 26 12 | text 4 24 110 2 | \" [ icon 102 0 1 1 ] | [ icon 105 0 1 1 ] | [ icon 109 0 1 1 ] | [ icon 112 0 1 1 ] \"", "layout_seq_without_completion": "background 0 3 120 19 | icon 105 12 3 3 | icon 112 12 3 3 | icon 4 12 3 3 | link 30 11 12 4 | link 21 11 8 4 | link 81 13 16 4 | link 82 9 15 4 | logo 46 7 26 12 | text 4 24 110 2 | \" [ icon 102 0 1 1 ] | [ icon 105 0 1 1 ] | [ icon 109 0 1 1 ] | [ icon 112 0 1 1 ] \"", "plain_layout_seq": "background 0 3 120 19 | icon 105 12 3 3 | icon 112 12 3 3 | icon 4 12 3 3 | icon 102 0 1 1 | icon 105 0 1 1 | icon 109 0 1 1 | icon 112 0 1 1 | link 30 11 12 4 | link 21 11 8 4 | link 81 13 16 4 | link 82 9 15 4 | logo 46 7 26 12 | text 4 24 110 2", "canvas_width": 1024, "canvas_height": 244, "elements": [ { "type": "icon", "position": [ 872, 7, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 902, 7, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 933, 7, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 7, 16, 16 ], "completed": false }, { "type": "background", "position": [ 0, 32, 1024, 170 ], "completed": true }, { "type": "logo", "position": [ 397, 62, 230, 110 ], "completed": false }, { "type": "link", "position": [ 704, 81, 131, 36 ], "completed": false }, { "type": "link", "position": [ 182, 99, 73, 36 ], "completed": false }, { "type": "link", "position": [ 260, 99, 107, 36 ], "completed": false }, { "type": "icon", "position": [ 40, 103, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 103, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 900, 104, 28, 28 ], "completed": false }, { "type": "link", "position": [ 699, 117, 140, 36 ], "completed": false }, { "type": "text", "position": [ 40, 212, 944, 22 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click to check all items, mens items, womens items, and kids or lifestyle items.", "region_id": "5366", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'all items, men items, womens items, kids items'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 48 1 3 2 ] | [ link 53 1 4 2 ] | [ link 59 1 6 2 ] | [ link 66 1 10 2 ] \"", "layout_seq_without_completion": "\" [ link 48 1 3 2 ] | [ link 53 1 4 2 ] | [ link 59 1 6 2 ] | [ link 66 1 10 2 ] \"", "plain_layout_seq": "link 48 1 3 2 | link 53 1 4 2 | link 59 1 6 2 | link 66 1 10 2", "canvas_width": 1024, "canvas_height": 66, "elements": [ { "type": "link", "position": [ 418, 16, 30, 24 ], "completed": false }, { "type": "link", "position": [ 458, 16, 36, 24 ], "completed": false }, { "type": "link", "position": [ 504, 16, 53, 24 ], "completed": false }, { "type": "link", "position": [ 567, 16, 89, 24 ], "completed": false } ] }, { "text": "# A header page for navigation of TechPlanet.# The page should have a logo, 5 links \"Tags\" \"Sandbox\" \"Comments\" \"Write\", and \"Sign In\" and an input box for the user to search for things they want to look for.", "region_id": "6266", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'tags, sandbox, comments, write, sign in'] [item [el:link] ] ] [el:input [attr:value 'type keyword'] ] ]", "execution": "header : input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 5 | input 104 0 12 3 | logo 3 1 13 3 | \" [ link 23 0 6 5 ] | [ link 29 0 9 5 ] | [ link 38 0 11 5 ] | [ link 49 0 9 5 ] | [ link 58 0 10 5 ] \"", "layout_seq_without_completion": "background 0 0 120 5 | input 104 0 12 3 | logo 3 1 13 3 | \" [ link 23 0 6 5 ] | [ link 29 0 9 5 ] | [ link 38 0 11 5 ] | [ link 49 0 9 5 ] | [ link 58 0 10 5 ] \"", "plain_layout_seq": "background 0 0 120 5 | input 104 0 12 3 | link 23 0 6 5 | link 29 0 9 5 | link 38 0 11 5 | link 49 0 9 5 | link 58 0 10 5 | logo 3 1 13 3", "canvas_width": 1054, "canvas_height": 51, "elements": [ { "type": "background", "position": [ 0, 0, 1054, 51 ], "completed": true }, { "type": "link", "position": [ 203, 0, 53, 51 ], "completed": false }, { "type": "link", "position": [ 256, 0, 82, 51 ], "completed": false }, { "type": "link", "position": [ 338, 0, 97, 51 ], "completed": false }, { "type": "link", "position": [ 435, 0, 83, 51 ], "completed": false }, { "type": "link", "position": [ 518, 0, 96, 51 ], "completed": false }, { "type": "input", "position": [ 914, 8, 109, 35 ], "completed": false }, { "type": "logo", "position": [ 31, 12, 118, 27 ], "completed": false } ] }, { "text": "#A page of the Google navigator to users.# This page should include one logo of Google. Besides, there should be three links: \"Help\", \"Privacy\", and \"Terms\" and an icon.", "region_id": "6170", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value'Google']] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'help, privacy, terms'] [item [el:link] ] ] [el:icon] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 16 5 3 3 | link 29 5 7 3 | link 40 5 6 3 | link 21 5 5 2 | logo 0 5 10 3", "layout_seq_without_completion": "icon 16 5 3 3 | link 29 5 7 3 | link 40 5 6 3 | link 21 5 5 2 | logo 0 5 10 3", "plain_layout_seq": "icon 16 5 3 3 | link 29 5 7 3 | link 40 5 6 3 | link 21 5 5 2 | logo 0 5 10 3", "canvas_width": 880, "canvas_height": 119, "elements": [ { "type": "logo", "position": [ 0, 40, 75, 24 ], "completed": false }, { "type": "icon", "position": [ 123, 40, 24, 24 ], "completed": false }, { "type": "link", "position": [ 217, 40, 55, 24 ], "completed": false }, { "type": "link", "position": [ 296, 40, 45, 24 ], "completed": false }, { "type": "link", "position": [ 155, 42, 38, 20 ], "completed": false } ] }, { "text": "#A header page of watchuseek for users to get information or log in.# The page should include the logo of watchuseek and an input with an icon for users to search on the page. The page also has three icons for users to click and a link for users to log in or join in.", "region_id": "2858", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input][el:icon] [el:icon [attr:repeat '3'] ] [el:link [attr:value 'login or join in'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 99 3 2 2 | icon 114 2 0 3 | icon 93 2 3 2 | icon 86 2 3 3 | input 30 1 52 4 | link 101 3 8 2 | logo 2 1 22 5", "layout_seq_without_completion": "icon 99 3 2 2 | icon 114 2 0 3 | icon 93 2 3 2 | icon 86 2 3 3 | input 30 1 52 4 | link 101 3 8 2 | logo 2 1 22 5", "plain_layout_seq": "icon 99 3 2 2 | icon 114 2 0 3 | icon 93 2 3 2 | icon 86 2 3 3 | input 30 1 52 4 | link 101 3 8 2 | logo 2 1 22 5", "canvas_width": 1009, "canvas_height": 72, "elements": [ { "type": "logo", "position": [ 20, 10, 185, 45 ], "completed": false }, { "type": "input", "position": [ 260, 16, 441, 40 ], "completed": false }, { "type": "icon", "position": [ 725, 20, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 964, 21, 6, 28 ], "completed": false }, { "type": "icon", "position": [ 784, 24, 26, 23 ], "completed": false }, { "type": "icon", "position": [ 833, 26, 17, 19 ], "completed": false }, { "type": "link", "position": [ 855, 26, 72, 21 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo on the left side. There are three links, \"home\", \"products\", and \"contact us\". Also, there are two icons on the right side for users to get more information, and there is an image and a description \"GBP\".", "region_id": "8101", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, products, contact us'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] [el:image] [el:description [attr:value 'gbp'] ] ]", "execution": "header : description undefined undefined | icon right undefined | icon right undefined | image undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 107 5 3 1 | icon 95 5 2 2 | icon 99 5 2 2 | image 103 5 3 2 | logo 6 1 17 9 | \" [ link 44 5 5 2 ] | [ link 53 5 8 2 ] | [ link 64 5 10 2 ] \"", "layout_seq_without_completion": "description 107 5 3 1 | icon 95 5 2 2 | icon 99 5 2 2 | image 103 5 3 2 | logo 6 1 17 9 | \" [ link 44 5 5 2 ] | [ link 53 5 8 2 ] | [ link 64 5 10 2 ] \"", "plain_layout_seq": "description 107 5 3 1 | icon 95 5 2 2 | icon 99 5 2 2 | image 103 5 3 2 | link 44 5 5 2 | link 53 5 8 2 | link 64 5 10 2 | logo 6 1 17 9", "canvas_width": 1024, "canvas_height": 114, "elements": [ { "type": "logo", "position": [ 55, 15, 150, 83 ], "completed": false }, { "type": "link", "position": [ 379, 45, 50, 24 ], "completed": false }, { "type": "link", "position": [ 454, 45, 74, 24 ], "completed": false }, { "type": "link", "position": [ 553, 45, 92, 24 ], "completed": false }, { "type": "image", "position": [ 884, 47, 30, 20 ], "completed": false }, { "type": "icon", "position": [ 813, 49, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 853, 49, 20, 20 ], "completed": false }, { "type": "description", "position": [ 918, 49, 33, 16 ], "completed": false } ] }, { "text": "#A header page of ROCKETPOT for users to log in or sign up.# The page should include a logo of ROCKETPOT. There is also an input with an icon for users to search on the page. There are two buttons, \"LOGIN\" and \"SIGN UP\" for users to log in or sign up on the right of the page.", "region_id": "5243", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search'] ] [el:icon] [el:button [attr:value 'LOGIN'] [attr:position 'right'] ] [el:button [attr:value 'sign up'] [attr:position 'right'] ] ]", "execution": "header : button right undefined | button right undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 6 | button 98 1 9 4 | button 108 1 9 4 | icon 93 2 2 2 | input 68 1 28 4 | logo 2 1 4 4 | complete title 7 1 15 3", "layout_seq_without_completion": "background 0 0 120 6 | button 98 1 9 4 | button 108 1 9 4 | icon 93 2 2 2 | input 68 1 28 4 | logo 2 1 4 4 | title 7 1 15 3", "plain_layout_seq": "background 0 0 120 6 | button 98 1 9 4 | button 108 1 9 4 | icon 93 2 2 2 | input 68 1 28 4 | logo 2 1 4 4 | title 7 1 15 3", "canvas_width": 829, "canvas_height": 43, "elements": [ { "type": "background", "position": [ 0, 0, 829, 43 ], "completed": true }, { "type": "logo", "position": [ 14, 7, 32, 30 ], "completed": false }, { "type": "input", "position": [ 475, 7, 197, 29 ], "completed": false }, { "type": "button", "position": [ 679, 7, 65, 29 ], "completed": false }, { "type": "button", "position": [ 750, 7, 65, 29 ], "completed": false }, { "type": "title", "position": [ 53, 10, 104, 24 ], "completed": true }, { "type": "icon", "position": [ 644, 14, 14, 14 ], "completed": false } ] }, { "text": "# A header page of the company Wisconsin Up. # On the page, there should include a logo of the company, three icons for the side menu, search, and shopping cart.", "region_id": "7286", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'side menu'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 3 4 2 2 | icon 108 4 2 2 | icon 113 4 2 2 | logo 50 0 18 11", "layout_seq_without_completion": "icon 3 4 2 2 | icon 108 4 2 2 | icon 113 4 2 2 | logo 50 0 18 11", "plain_layout_seq": "icon 3 4 2 2 | icon 108 4 2 2 | icon 113 4 2 2 | logo 50 0 18 11", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "logo", "position": [ 426, 0, 158, 100 ], "completed": false }, { "type": "icon", "position": [ 955, 35, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 913, 36, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 30, 37, 24, 25 ], "completed": false } ] }, { "text": "#A header of a company whose name is Phidias.# There are three links for the company,' about us', 'why phidias', and 'modules'. The contact us button is on the right. There are three national flag icons on the right side of the page.", "region_id": "6248", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'about us, why phidias, modules'] [item [el:link] ] ] [el:button [attr:position 'right'] [attr:value 'contact us']] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "header : button right undefined | icon right undefined | icon right undefined | icon right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete logo 3 7 20 4 | \" [ icon 107 0 1 1 ] | [ icon 110 0 1 1 ] | [ icon 114 0 1 1 ] \" | \" [ button 92 7 20 4 ] | [ link 55 8 8 1 ] | [ link 67 8 11 1 ] | [ link 82 8 7 1 ] \"", "layout_seq_without_completion": "logo 3 7 20 4 | \" [ icon 107 0 1 1 ] | [ icon 110 0 1 1 ] | [ icon 114 0 1 1 ] \" | \" [ button 92 7 20 4 ] | [ link 55 8 8 1 ] | [ link 67 8 11 1 ] | [ link 82 8 7 1 ] \"", "plain_layout_seq": "button 92 7 20 4 | icon 107 0 1 1 | icon 110 0 1 1 | icon 114 0 1 1 | link 55 8 8 1 | link 67 8 11 1 | link 82 8 7 1 | logo 3 7 20 4", "canvas_width": 1009, "canvas_height": 133, "elements": [ { "type": "icon", "position": [ 901, 8, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 932, 8, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 8, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 30, 61, 170, 40 ], "completed": true }, { "type": "button", "position": [ 781, 62, 173, 38 ], "completed": false }, { "type": "link", "position": [ 467, 74, 73, 15 ], "completed": false }, { "type": "link", "position": [ 565, 74, 100, 15 ], "completed": false }, { "type": "link", "position": [ 690, 74, 66, 15 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have nine links on the top of the web, \"mobile version\", \"plans\", \"send us feedback\", \"FAQ\", \"terms\", \"privacy\", \"advertise\", \"blog\", and \"directory\". There is a link for users to click, \"manage consent\".", "region_id": "4330", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [gattr:names 'mobile version, plans, send us feedback, faq, terms, privacy,advertise,blog,directory'] [item [el:link [attr:position 'top'] ] ] ] [el:link [attr:value 'manage consent'] ] ]", "execution": "header : link undefined undefined | { [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] }", "layout_seq_with_completion": "link 84 5 10 2 | link 2 0 18 4 | link 33 0 20 4 | link 78 0 12 4 | link 21 0 11 4 | link 65 0 12 4 | link 106 0 10 4 | link 54 0 10 4 | link 91 0 14 4 | link 24 4 14 4", "layout_seq_without_completion": "link 84 5 10 2 | link 2 0 18 4 | link 33 0 20 4 | link 78 0 12 4 | link 21 0 11 4 | link 65 0 12 4 | link 106 0 10 4 | link 54 0 10 4 | link 91 0 14 4 | link 24 4 14 4", "plain_layout_seq": "link 84 5 10 2 | link 2 0 18 4 | link 33 0 20 4 | link 78 0 12 4 | link 21 0 11 4 | link 65 0 12 4 | link 106 0 10 4 | link 54 0 10 4 | link 91 0 14 4 | link 24 4 14 4", "canvas_width": 930, "canvas_height": 82, "elements": [ { "type": "link", "position": [ 17, 0, 142, 36 ], "completed": false }, { "type": "link", "position": [ 163, 0, 90, 36 ], "completed": false }, { "type": "link", "position": [ 258, 0, 158, 36 ], "completed": false }, { "type": "link", "position": [ 420, 0, 83, 36 ], "completed": false }, { "type": "link", "position": [ 507, 0, 95, 36 ], "completed": false }, { "type": "link", "position": [ 606, 0, 100, 36 ], "completed": false }, { "type": "link", "position": [ 711, 0, 113, 36 ], "completed": false }, { "type": "link", "position": [ 828, 0, 85, 36 ], "completed": false }, { "type": "link", "position": [ 191, 37, 112, 36 ], "completed": false }, { "type": "link", "position": [ 654, 46, 85, 19 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a title on the left. On the right side, there are two links, \"meet the team\" and \"contact us\".", "region_id": "2462", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'meet the team,contact us'] [item [el:link [attr:position 'right']]]] ]", "execution": "header : title left undefined | { [ link right undefined ] | [ link right undefined ] }", "layout_seq_with_completion": "link 106 3 8 5 | link 91 3 11 5 | title 4 2 5 5", "layout_seq_without_completion": "link 106 3 8 5 | link 91 3 11 5 | title 4 2 5 5", "plain_layout_seq": "link 106 3 8 5 | link 91 3 11 5 | title 4 2 5 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "title", "position": [ 35, 18, 43, 44 ], "completed": false }, { "type": "link", "position": [ 778, 33, 100, 47 ], "completed": false }, { "type": "link", "position": [ 905, 33, 74, 47 ], "completed": false } ] }, { "text": "# A page for quick links to a website.# The page should have a title and four links: \"Search\" \"Refund Policy\" \"Shipping Policy\", and \"Shop All\" for the user to search for the things they look for, know the info about refunds, shipping policy, and enter the shop to purchase goods.", "region_id": "8642", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'search, refund policy, shipping policy, shop all'] [item [el:link] ] ] ]", "execution": "header : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 15 0 89 3 | \" [ link 46 5 11 4 ] | [ link 60 5 12 4 ] | [ link 74 5 6 4 ] | [ link 38 6 5 3 ] \"", "layout_seq_without_completion": "title 15 0 89 3 | \" [ link 46 5 11 4 ] | [ link 60 5 12 4 ] | [ link 74 5 6 4 ] | [ link 38 6 5 3 ] \"", "plain_layout_seq": "link 46 5 11 4 | link 60 5 12 4 | link 74 5 6 4 | link 38 6 5 3 | title 15 0 89 3", "canvas_width": 1024, "canvas_height": 152, "elements": [ { "type": "title", "position": [ 132, 0, 760, 27 ], "completed": false }, { "type": "link", "position": [ 400, 47, 95, 35 ], "completed": false }, { "type": "link", "position": [ 514, 47, 103, 35 ], "completed": false }, { "type": "link", "position": [ 637, 47, 56, 35 ], "completed": false }, { "type": "link", "position": [ 331, 52, 49, 30 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo and an explanation. There are five links on the page, including \"Electronics\", \"Clothes\", \"Home Decoration\", \"Accessories\", and \"Kitchenware\". There are also three icons on the page.", "region_id": "8680", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'electronics, clothes, home decoration, accessories, kitchenware'] [item [el:link] ] ] [el:icon [attr:repeat '3']] ]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 7 | logo 6 9 26 13 | \" [ link 38 13 7 1 ] | [ link 49 13 5 1 ] | [ link 57 13 13 1 ] | [ link 73 13 8 1 ] | [ link 55 17 9 1 ] \" | \" [ icon 98 15 2 2 ] | [ icon 103 15 2 2 ] | [ icon 109 15 2 2 ] \"", "layout_seq_without_completion": "description 0 0 120 7 | logo 6 9 26 13 | \" [ link 38 13 7 1 ] | [ link 49 13 5 1 ] | [ link 57 13 13 1 ] | [ link 73 13 8 1 ] | [ link 55 17 9 1 ] \" | \" [ icon 98 15 2 2 ] | [ icon 103 15 2 2 ] | [ icon 109 15 2 2 ] \"", "plain_layout_seq": "description 0 0 120 7 | icon 98 15 2 2 | icon 103 15 2 2 | icon 109 15 2 2 | link 38 13 7 1 | link 49 13 5 1 | link 57 13 13 1 | link 73 13 8 1 | link 55 17 9 1 | logo 6 9 26 13", "canvas_width": 1024, "canvas_height": 213, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 68 ], "completed": false }, { "type": "logo", "position": [ 55, 83, 229, 114 ], "completed": false }, { "type": "link", "position": [ 330, 117, 67, 17 ], "completed": false }, { "type": "link", "position": [ 420, 117, 46, 17 ], "completed": false }, { "type": "link", "position": [ 490, 117, 111, 17 ], "completed": false }, { "type": "link", "position": [ 624, 117, 70, 17 ], "completed": false }, { "type": "icon", "position": [ 844, 130, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 886, 130, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 130, 22, 23 ], "completed": false }, { "type": "link", "position": [ 473, 147, 78, 17 ], "completed": false } ] }, { "text": "#A header to guide users to browse the website efficiently.# There is a title on the top. A logo of the company is on the left. In the middle, there are six links guiding users to different parts of the website. On the right side, there are two icons.", "region_id": "8310", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : icon right undefined | icon right undefined | logo left undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 4 120 16 | icon 105 11 3 3 | icon 112 11 3 3 | logo 4 8 11 9 | title 29 1 60 2 | \" [ link 20 9 9 4 ] | [ link 30 9 18 4 ] | [ link 48 9 29 4 ] | [ link 79 9 20 4 ] | [ link 43 13 16 4 ] | [ link 60 13 16 4 ] \"", "layout_seq_without_completion": "background 0 4 120 16 | icon 105 11 3 3 | icon 112 11 3 3 | logo 4 8 11 9 | title 29 1 60 2 | \" [ link 20 9 9 4 ] | [ link 30 9 18 4 ] | [ link 48 9 29 4 ] | [ link 79 9 20 4 ] | [ link 43 13 16 4 ] | [ link 60 13 16 4 ] \"", "plain_layout_seq": "background 0 4 120 16 | icon 105 11 3 3 | icon 112 11 3 3 | link 20 9 9 4 | link 30 9 18 4 | link 48 9 29 4 | link 79 9 20 4 | link 43 13 16 4 | link 60 13 16 4 | logo 4 8 11 9 | title 29 1 60 2", "canvas_width": 1024, "canvas_height": 185, "elements": [ { "type": "title", "position": [ 252, 12, 520, 18 ], "completed": false }, { "type": "background", "position": [ 0, 42, 1024, 143 ], "completed": true }, { "type": "logo", "position": [ 40, 72, 100, 83 ], "completed": false }, { "type": "link", "position": [ 174, 77, 79, 36 ], "completed": false }, { "type": "link", "position": [ 259, 77, 154, 36 ], "completed": false }, { "type": "link", "position": [ 418, 77, 252, 36 ], "completed": false }, { "type": "link", "position": [ 676, 77, 174, 36 ], "completed": false }, { "type": "icon", "position": [ 899, 99, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 99, 28, 28 ], "completed": false }, { "type": "link", "position": [ 372, 113, 137, 36 ], "completed": false }, { "type": "link", "position": [ 515, 113, 137, 36 ], "completed": false } ] }, { "text": "#A page for navigation of the web TimeCamp.#The page should have a logo and six links, named \"features\", \"pricing\", \"integrations\", \"blog\", \"book a demo\", \"sign-in\". Also, there is a button \"start tracking time\".", "region_id": "4003", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'features, pricing, integrations, blog, book a demo, sign-in'] [item [el:link] ] ] [el:button [attr:value 'start tracking time'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 11 | button 90 2 25 6 | link 65 3 14 4 | link 81 3 7 3 | logo 3 3 14 3 | \" [ link 23 3 9 4 ] | [ link 33 3 7 4 ] | [ link 43 3 12 4 ] | [ link 56 3 5 4 ] \"", "layout_seq_without_completion": "background 0 0 120 11 | button 90 2 25 6 | link 65 3 14 4 | link 81 3 7 3 | logo 3 3 14 3 | \" [ link 23 3 9 4 ] | [ link 33 3 7 4 ] | [ link 43 3 12 4 ] | [ link 56 3 5 4 ] \"", "plain_layout_seq": "background 0 0 120 11 | button 90 2 25 6 | link 65 3 14 4 | link 81 3 7 3 | link 23 3 9 4 | link 33 3 7 4 | link 43 3 12 4 | link 56 3 5 4 | logo 3 3 14 3", "canvas_width": 1024, "canvas_height": 94, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 94 ], "completed": true }, { "type": "button", "position": [ 774, 20, 219, 54 ], "completed": false }, { "type": "link", "position": [ 198, 27, 81, 40 ], "completed": false }, { "type": "link", "position": [ 290, 27, 66, 40 ], "completed": false }, { "type": "link", "position": [ 367, 27, 105, 40 ], "completed": false }, { "type": "link", "position": [ 483, 27, 51, 40 ], "completed": false }, { "type": "link", "position": [ 559, 27, 126, 40 ], "completed": false }, { "type": "logo", "position": [ 31, 32, 126, 31 ], "completed": false }, { "type": "link", "position": [ 697, 33, 66, 28 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# A logo and four icons are on the page. There are also some introductory words on the page.", "region_id": "7810", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '4'] ] [el:text ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 2 12 5 5 | logo 49 7 21 16 | text 0 0 120 5 | \" [ icon 103 13 2 2 ] | [ icon 108 13 2 2 ] | [ icon 113 13 2 2 ] \"", "layout_seq_without_completion": "icon 2 12 5 5 | logo 49 7 21 16 | text 0 0 120 5 | \" [ icon 103 13 2 2 ] | [ icon 108 13 2 2 ] | [ icon 113 13 2 2 ] \"", "plain_layout_seq": "icon 2 12 5 5 | icon 103 13 2 2 | icon 108 13 2 2 | icon 113 13 2 2 | logo 49 7 21 16 | text 0 0 120 5", "canvas_width": 1009, "canvas_height": 214, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 414, 60, 180, 139 ], "completed": false }, { "type": "icon", "position": [ 20, 108, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 872, 114, 22, 24 ], "completed": false }, { "type": "icon", "position": [ 912, 114, 21, 24 ], "completed": false }, { "type": "icon", "position": [ 951, 114, 21, 24 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo on the left side, and there is an input box and an icon next to it, which are for users to search for information. There are three links, named \"home\", \"4K\", and \"browse movies\".", "region_id": "4504", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:input[attr:value'search for information']] [el:icon] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, 4k, browse movies'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "input 58 1 29 4 | logo 6 0 14 4 | \" [ link 88 2 4 2 ] | [ link 95 2 1 2 ] | [ link 100 2 11 2 ] \"", "layout_seq_without_completion": "input 58 1 29 4 | logo 6 0 14 4 | \" [ link 88 2 4 2 ] | [ link 95 2 1 2 ] | [ link 100 2 11 2 ] \"", "plain_layout_seq": "input 58 1 29 4 | link 88 2 4 2 | link 95 2 1 2 | link 100 2 11 2 | logo 6 0 14 4", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "logo", "position": [ 58, 8, 127, 40 ], "completed": false }, { "type": "input", "position": [ 498, 13, 250, 35 ], "completed": false }, { "type": "link", "position": [ 758, 23, 36, 19 ], "completed": false }, { "type": "link", "position": [ 817, 23, 17, 19 ], "completed": false }, { "type": "link", "position": [ 858, 23, 95, 19 ], "completed": false } ] }, { "text": "# A header page for an online shop. # There should have a logo, and three links \"Home\" \"Catalog\" and \"Contact\" where the user can click to know more info. What's more, the page should have three icons for the user to click to search, login, and check the shopping cart.", "region_id": "7113", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat'3'] [gattr:names 'Home, Catalog, Contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 101 7 2 2 | icon 106 7 2 2 | icon 110 5 5 5 | logo 5 3 10 10 | \" [ link 21 7 4 2 ] | [ link 28 7 5 2 ] | [ link 37 7 5 2 ] \"", "layout_seq_without_completion": "icon 101 7 2 2 | icon 106 7 2 2 | icon 110 5 5 5 | logo 5 3 10 10 | \" [ link 21 7 4 2 ] | [ link 28 7 5 2 ] | [ link 37 7 5 2 ] \"", "plain_layout_seq": "icon 101 7 2 2 | icon 106 7 2 2 | icon 110 5 5 5 | link 21 7 4 2 | link 28 7 5 2 | link 37 7 5 2 | logo 5 3 10 10", "canvas_width": 1024, "canvas_height": 146, "elements": [ { "type": "logo", "position": [ 50, 27, 90, 90 ], "completed": false }, { "type": "icon", "position": [ 942, 50, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 866, 62, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 62, 20, 20 ], "completed": false }, { "type": "link", "position": [ 180, 63, 38, 18 ], "completed": false }, { "type": "link", "position": [ 242, 63, 50, 18 ], "completed": false }, { "type": "link", "position": [ 316, 63, 51, 18 ], "completed": false } ] }, { "text": "#A navigation page of COCO LAIT.# The page should include the logo of COCO LAIT, four links for users to choose the categories, three icons for users to click and a link for users to change the region.", "region_id": "8212", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:icon [attr:repeat '3']] [el:link [attr:value 'change the region']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 92 2 2 2 | complete icon 112 3 0 0 | icon 86 2 2 2 | icon 102 2 2 2 | complete input 88 0 5 5 | logo 54 0 10 10 | complete select 106 1 6 4 | \" [ link 7 2 4 2 ] | [ link 14 2 4 2 ] | [ link 23 2 11 2 ] | [ link 37 2 10 2 ] \"", "layout_seq_without_completion": "icon 92 2 2 2 | icon 112 3 0 0 | icon 86 2 2 2 | icon 102 2 2 2 | input 88 0 5 5 | logo 54 0 10 10 | select 106 1 6 4 | \" [ link 7 2 4 2 ] | [ link 14 2 4 2 ] | [ link 23 2 11 2 ] | [ link 37 2 10 2 ] \"", "plain_layout_seq": "icon 92 2 2 2 | icon 112 3 0 0 | icon 86 2 2 2 | icon 102 2 2 2 | input 88 0 5 5 | link 7 2 4 2 | link 14 2 4 2 | link 23 2 11 2 | link 37 2 10 2 | logo 54 0 10 10 | select 106 1 6 4", "canvas_width": 1024, "canvas_height": 94, "elements": [ { "type": "logo", "position": [ 468, 0, 89, 89 ], "completed": false }, { "type": "input", "position": [ 751, 8, 51, 44 ], "completed": true }, { "type": "icon", "position": [ 740, 18, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 788, 18, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 875, 18, 22, 23 ], "completed": false }, { "type": "link", "position": [ 60, 20, 36, 18 ], "completed": false }, { "type": "link", "position": [ 125, 20, 42, 18 ], "completed": false }, { "type": "link", "position": [ 201, 20, 100, 18 ], "completed": false }, { "type": "link", "position": [ 320, 20, 90, 18 ], "completed": false }, { "type": "icon", "position": [ 957, 28, 7, 7 ], "completed": true } ] }, { "text": "#A page for navigation of web selling sugar-exclusive clothing.# The page should have text to attract users to buy, a title, 3 icons for users to click to check the menu, search, and shop, and 10 links for users to click to turn to the other pages and view the corresponding products as tops, pant.", "region_id": "6801", "region_type": "Header", "ir": "[region:Header [el:text] [el:title] [el:icon [attr:value 'menu'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] [gp:FlatNavGroup [gattr:repeat '10'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 4 120 39 | icon 1 4 5 7 | icon 113 4 5 7 | icon 108 4 4 7 | text 0 0 120 4 | title 2 19 115 6 | \" [ link 0 38 8 5 ] | [ link 9 38 13 5 ] | [ link 22 38 7 5 ] | [ link 31 38 8 5 ] | [ link 40 38 10 5 ] | [ link 51 38 9 5 ] | [ link 61 38 11 5 ] | [ link 73 38 21 5 ] | [ link 95 38 6 5 ] | [ link 102 38 17 5 ] \"", "layout_seq_without_completion": "background 0 4 120 39 | icon 1 4 5 7 | icon 113 4 5 7 | icon 108 4 4 7 | text 0 0 120 4 | title 2 19 115 6 | \" [ link 0 38 8 5 ] | [ link 9 38 13 5 ] | [ link 22 38 7 5 ] | [ link 31 38 8 5 ] | [ link 40 38 10 5 ] | [ link 51 38 9 5 ] | [ link 61 38 11 5 ] | [ link 73 38 21 5 ] | [ link 95 38 6 5 ] | [ link 102 38 17 5 ] \"", "plain_layout_seq": "background 0 4 120 39 | icon 1 4 5 7 | icon 113 4 5 7 | icon 108 4 4 7 | link 0 38 8 5 | link 9 38 13 5 | link 22 38 7 5 | link 31 38 8 5 | link 40 38 10 5 | link 51 38 9 5 | link 61 38 11 5 | link 73 38 21 5 | link 95 38 6 5 | link 102 38 17 5 | text 0 0 120 4 | title 2 19 115 6", "canvas_width": 1024, "canvas_height": 381, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 40 ], "completed": false }, { "type": "background", "position": [ 0, 40, 1024, 341 ], "completed": true }, { "type": "icon", "position": [ 10, 40, 45, 64 ], "completed": false }, { "type": "icon", "position": [ 930, 42, 35, 60 ], "completed": false }, { "type": "icon", "position": [ 969, 42, 45, 60 ], "completed": false }, { "type": "title", "position": [ 20, 168, 984, 58 ], "completed": false }, { "type": "link", "position": [ 0, 329, 76, 50 ], "completed": false }, { "type": "link", "position": [ 80, 329, 112, 50 ], "completed": false }, { "type": "link", "position": [ 196, 329, 68, 50 ], "completed": false }, { "type": "link", "position": [ 269, 329, 76, 50 ], "completed": false }, { "type": "link", "position": [ 349, 329, 91, 50 ], "completed": false }, { "type": "link", "position": [ 443, 329, 80, 50 ], "completed": false }, { "type": "link", "position": [ 527, 329, 94, 50 ], "completed": false }, { "type": "link", "position": [ 625, 329, 184, 50 ], "completed": false }, { "type": "link", "position": [ 812, 329, 59, 50 ], "completed": false }, { "type": "link", "position": [ 876, 329, 148, 50 ], "completed": false } ] }, { "text": "# A header page about the National University of Science and Technology. # On the page, there should have a name of the university in the middle, a side menu, and a small icon for search something the user wants to find.", "region_id": "4862", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon] [el:icon [attr:size 'small'] ] ]", "execution": "header : icon undefined small | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 113 1 4 4 | title 23 1 73 4 | \" [ complete text 1 2 4 0 ] | [ complete text 1 3 4 0 ] | [ complete text 1 4 4 0 ] | [ complete text 1 5 4 0 ] \"", "layout_seq_without_completion": "icon 113 1 4 4 | title 23 1 73 4 | \" [ text 1 2 4 0 ] | [ text 1 3 4 0 ] | [ text 1 4 4 0 ] | [ text 1 5 4 0 ] \"", "plain_layout_seq": "icon 113 1 4 4 | text 1 2 4 0 | text 1 3 4 0 | text 1 4 4 0 | text 1 5 4 0 | title 23 1 73 4", "canvas_width": 1017, "canvas_height": 66, "elements": [ { "type": "title", "position": [ 198, 14, 622, 37 ], "completed": false }, { "type": "icon", "position": [ 964, 15, 38, 37 ], "completed": false }, { "type": "text", "position": [ 15, 19, 40, 2 ], "completed": true }, { "type": "text", "position": [ 15, 28, 40, 2 ], "completed": true }, { "type": "text", "position": [ 15, 37, 40, 2 ], "completed": true }, { "type": "text", "position": [ 15, 46, 40, 2 ], "completed": true } ] }, { "text": "# A header page for an online shop Hotwave. sports. # On the page, there should have the name of the shop, and four links \"Home\" \"Hot Product\" \"About us\" and \"Track your order\". Then two icons for search and shopping cart are needed. Also, there should be a small image showing the national flag and a link to choose the language.", "region_id": "6436", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'Home, Hot Product, About us, Track your order'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] [el:link] [el:image [attr:size 'small'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | image undefined small | link undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 93 3 2 2 | icon 97 2 5 5 | image 103 3 3 2 | link 107 3 4 1 | title 5 3 18 3 | \" [ link 29 3 4 2 ] | [ link 36 3 9 2 ] | [ link 48 3 6 2 ] | [ link 58 3 12 2 ] \"", "layout_seq_without_completion": "icon 93 3 2 2 | icon 97 2 5 5 | image 103 3 3 2 | link 107 3 4 1 | title 5 3 18 3 | \" [ link 29 3 4 2 ] | [ link 36 3 9 2 ] | [ link 48 3 6 2 ] | [ link 58 3 12 2 ] \"", "plain_layout_seq": "icon 93 3 2 2 | icon 97 2 5 5 | image 103 3 3 2 | link 107 3 4 1 | link 29 3 4 2 | link 36 3 9 2 | link 48 3 6 2 | link 58 3 12 2 | title 5 3 18 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 829, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 50, 26, 162, 32 ], "completed": false }, { "type": "icon", "position": [ 797, 32, 20, 20 ], "completed": false }, { "type": "image", "position": [ 886, 32, 30, 20 ], "completed": false }, { "type": "link", "position": [ 252, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 314, 33, 80, 18 ], "completed": false }, { "type": "link", "position": [ 418, 33, 59, 18 ], "completed": false }, { "type": "link", "position": [ 501, 33, 107, 18 ], "completed": false }, { "type": "link", "position": [ 920, 34, 36, 16 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one logo, nine links for users to click to know the different content fastly, such as Academics, Visit, and so on, and one search button to search products.", "region_id": "3913", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '9'] [gattr:names 'Academics, Visit'] [item [el:link] ] ] [el:button [attr:value 'search']] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 113 4 2 2 | complete image 23 1 66 7 | link 91 3 8 4 | link 106 3 3 4 | link 101 3 3 4 | logo 2 3 20 4 | \" [ link 27 3 9 4 ] | [ link 37 3 8 4 ] | [ link 47 3 9 4 ] | [ link 58 3 9 4 ] | [ link 70 3 7 4 ] | [ link 79 3 5 4 ] \"", "layout_seq_without_completion": "button 113 4 2 2 | image 23 1 66 7 | link 91 3 8 4 | link 106 3 3 4 | link 101 3 3 4 | logo 2 3 20 4 | \" [ link 27 3 9 4 ] | [ link 37 3 8 4 ] | [ link 47 3 9 4 ] | [ link 58 3 9 4 ] | [ link 70 3 7 4 ] | [ link 79 3 5 4 ] \"", "plain_layout_seq": "button 113 4 2 2 | image 23 1 66 7 | link 91 3 8 4 | link 106 3 3 4 | link 101 3 3 4 | link 27 3 9 4 | link 37 3 8 4 | link 47 3 9 4 | link 58 3 9 4 | link 70 3 7 4 | link 79 3 5 4 | logo 2 3 20 4", "canvas_width": 1009, "canvas_height": 84, "elements": [ { "type": "image", "position": [ 194, 16, 556, 60 ], "completed": true }, { "type": "logo", "position": [ 19, 28, 175, 36 ], "completed": false }, { "type": "link", "position": [ 228, 28, 76, 36 ], "completed": false }, { "type": "link", "position": [ 318, 28, 68, 36 ], "completed": false }, { "type": "link", "position": [ 402, 28, 80, 36 ], "completed": false }, { "type": "link", "position": [ 496, 28, 83, 36 ], "completed": false }, { "type": "link", "position": [ 594, 28, 62, 36 ], "completed": false }, { "type": "link", "position": [ 672, 28, 45, 36 ], "completed": false }, { "type": "link", "position": [ 767, 29, 70, 36 ], "completed": false }, { "type": "link", "position": [ 852, 29, 28, 36 ], "completed": false }, { "type": "link", "position": [ 895, 29, 27, 36 ], "completed": false }, { "type": "button", "position": [ 952, 36, 18, 20 ], "completed": false } ] }, { "text": "#A header of \"NATIONAL TODAY\".# There should have a company's logo on the left side. and a button for users to click for viewing the calendar. There should have an icon on the right side to select more menus.", "region_id": "4550", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:button [attr:value 'view the calendar'] ] [el:icon [attr:position 'right'] [attr:value 'select more menus'] ] ]", "execution": "header : button undefined undefined | icon right undefined | logo left undefined", "layout_seq_with_completion": "icon 114 9 3 0 | icon 115 9 0 1 | logo 2 7 8 4", "layout_seq_without_completion": "icon 114 9 3 0 | icon 115 9 0 1 | logo 2 7 8 4", "plain_layout_seq": "icon 114 9 3 0 | icon 115 9 0 1 | logo 2 7 8 4", "canvas_width": 1024, "canvas_height": 112, "elements": [ { "type": "logo", "position": [ 21, 67, 75, 37 ], "completed": false }, { "type": "icon", "position": [ 985, 77, 6, 12 ], "completed": false }, { "type": "icon", "position": [ 973, 79, 30, 3 ], "completed": false } ] }, { "text": "#A header page of Coy\u00e9 Ave for users to log in or create an account.# The page contains an explanation text on the left. There are also two links, \"Log in\" and \"Create account\", for users to log or sign in, and a text \"or\" between two links. There is an icon and a link \"Cart\" for users to check their cart. There is also a button and an input for users to search on this page. The page also contains an image for \"Coy\u00e9 Ave Online Boutique\" and two buttons below it, \"HOME\" and \"SHOP\", for users to click.", "region_id": "8450", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'left'] ] [el:link [attr:value 'log in'] ] [el:link [attr:value 'Create account'] ] [el:text [attr:value 'or'] ] [el:icon] [el:link [attr:value 'Cart']] [el:button] [el:input [attr:value 'Search'] ] [el:image [attr:value 'Coy\u00e9 Ave Online Boutique']] [el:button [attr:value'HOME'] ] [el:button [attr:value 'SHOP'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | description left undefined | icon undefined undefined | image undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 97 3 3 3 | button 51 44 8 4 | button 60 44 7 4 | description 3 0 37 8 | image 19 13 81 27 | input 97 3 18 3 | link 66 3 4 2 | link 91 3 3 2 | link 74 3 11 2 | text 72 3 1 2", "layout_seq_without_completion": "button 97 3 3 3 | button 51 44 8 4 | button 60 44 7 4 | description 3 0 37 8 | image 19 13 81 27 | input 97 3 18 3 | link 66 3 4 2 | link 91 3 3 2 | link 74 3 11 2 | text 72 3 1 2", "plain_layout_seq": "button 97 3 3 3 | button 51 44 8 4 | button 60 44 7 4 | description 3 0 37 8 | image 19 13 81 27 | input 97 3 18 3 | link 66 3 4 2 | link 91 3 3 2 | link 74 3 11 2 | text 72 3 1 2", "canvas_width": 1024, "canvas_height": 451, "elements": [ { "type": "description", "position": [ 30, 8, 321, 71 ], "completed": false }, { "type": "button", "position": [ 834, 28, 32, 33 ], "completed": false }, { "type": "input", "position": [ 834, 28, 160, 32 ], "completed": false }, { "type": "text", "position": [ 616, 32, 13, 24 ], "completed": false }, { "type": "link", "position": [ 785, 32, 26, 24 ], "completed": false }, { "type": "link", "position": [ 570, 34, 37, 18 ], "completed": false }, { "type": "link", "position": [ 638, 34, 94, 18 ], "completed": false }, { "type": "image", "position": [ 164, 117, 695, 232 ], "completed": false }, { "type": "button", "position": [ 440, 379, 74, 41 ], "completed": false }, { "type": "button", "position": [ 520, 380, 63, 41 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There should be one Logo for the site, and seven links for users to click to know the different content of the web fastly.", "region_id": "4227", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 9 3 5 3 ] | [ link 29 3 8 3 ] | [ link 9 6 6 3 ] \" | \" [ link 83 3 6 3 ] | [ link 100 3 9 3 ] | [ link 79 6 10 3 ] | [ link 105 6 5 3 ] \"", "layout_seq_without_completion": "\" [ link 9 3 5 3 ] | [ link 29 3 8 3 ] | [ link 9 6 6 3 ] \" | \" [ link 83 3 6 3 ] | [ link 100 3 9 3 ] | [ link 79 6 10 3 ] | [ link 105 6 5 3 ] \"", "plain_layout_seq": "link 9 3 5 3 | link 29 3 8 3 | link 9 6 6 3 | link 83 3 6 3 | link 100 3 9 3 | link 79 6 10 3 | link 105 6 5 3", "canvas_width": 1004, "canvas_height": 106, "elements": [ { "type": "link", "position": [ 79, 26, 46, 27 ], "completed": false }, { "type": "link", "position": [ 247, 26, 73, 27 ], "completed": false }, { "type": "link", "position": [ 701, 26, 56, 27 ], "completed": false }, { "type": "link", "position": [ 845, 26, 80, 27 ], "completed": false }, { "type": "link", "position": [ 79, 53, 51, 27 ], "completed": false }, { "type": "link", "position": [ 669, 53, 88, 27 ], "completed": false }, { "type": "link", "position": [ 881, 53, 44, 27 ], "completed": false } ] }, { "text": "#A page for navigation of the web of a brand.# The page contains a brand logo, nine links for users to click to get further information, an icon for expanding all the categories of information, and another icon for searching.", "region_id": "4313", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] [el:icon [attr:value 'expand']] [el:icon [attr:value 'search']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 13 | icon 3 4 2 0 | logo 47 0 25 6 | \" [ link 5 8 10 4 ] | [ link 15 8 27 4 ] | [ link 43 8 13 4 ] | [ link 57 8 9 4 ] | [ link 66 8 9 4 ] | [ link 76 8 13 4 ] | [ link 89 8 10 4 ] | [ link 100 8 10 4 ] | [ link 110 8 8 4 ] \"", "layout_seq_without_completion": "background 0 0 120 13 | icon 3 4 2 0 | logo 47 0 25 6 | \" [ link 5 8 10 4 ] | [ link 15 8 27 4 ] | [ link 43 8 13 4 ] | [ link 57 8 9 4 ] | [ link 66 8 9 4 ] | [ link 76 8 13 4 ] | [ link 89 8 10 4 ] | [ link 100 8 10 4 ] | [ link 110 8 8 4 ] \"", "plain_layout_seq": "background 0 0 120 13 | icon 3 4 2 0 | link 5 8 10 4 | link 15 8 27 4 | link 43 8 13 4 | link 57 8 9 4 | link 66 8 9 4 | link 76 8 13 4 | link 89 8 10 4 | link 100 8 10 4 | link 110 8 8 4 | logo 47 0 25 6", "canvas_width": 1024, "canvas_height": 114, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 114 ], "completed": true }, { "type": "logo", "position": [ 402, 8, 220, 56 ], "completed": false }, { "type": "icon", "position": [ 30, 41, 20, 2 ], "completed": false }, { "type": "link", "position": [ 45, 73, 90, 41 ], "completed": false }, { "type": "link", "position": [ 135, 73, 237, 41 ], "completed": false }, { "type": "link", "position": [ 372, 73, 115, 41 ], "completed": false }, { "type": "link", "position": [ 487, 73, 77, 41 ], "completed": false }, { "type": "link", "position": [ 564, 73, 85, 41 ], "completed": false }, { "type": "link", "position": [ 649, 73, 118, 41 ], "completed": false }, { "type": "link", "position": [ 767, 73, 91, 41 ], "completed": false }, { "type": "link", "position": [ 858, 73, 88, 41 ], "completed": false }, { "type": "link", "position": [ 946, 73, 69, 41 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#A page should have one logo, two icons that one for Facebook and one for Twitter, and three links for users to click to know more information fastly.", "region_id": "6363", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Twitter'] ] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 90 0 3 3 | icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | logo 0 0 44 4", "layout_seq_without_completion": "icon 90 0 3 3 | icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | logo 0 0 44 4", "plain_layout_seq": "icon 90 0 3 3 | icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | logo 0 0 44 4", "canvas_width": 944, "canvas_height": 32, "elements": [ { "type": "logo", "position": [ 0, 0, 349, 32 ], "completed": false }, { "type": "icon", "position": [ 683, 3, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 714, 3, 25, 25 ], "completed": false }, { "type": "link", "position": [ 378, 5, 149, 24 ], "completed": false }, { "type": "link", "position": [ 527, 8, 71, 18 ], "completed": false }, { "type": "link", "position": [ 598, 8, 85, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo on the left side, there are six links named, \"home\", \"onlyfans\", \"HD porns\", \"JAPAN\", \"models\", and \"thePornDude\". There is an input box and an icon for users to search for information.", "region_id": "3170", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, onlyfans, hd porns, japan, models, theporndude'] [item [el:link] ] ] [el:input [attr:value 'search '] ] [el:icon] ]", "execution": "header : icon undefined undefined | input undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 3 4 4 | input 97 3 15 4 | logo 1 2 10 3 | \" [ link 26 3 11 4 ] | [ link 37 3 15 4 ] | [ link 53 3 15 4 ] | [ link 68 3 12 4 ] | [ link 81 3 13 4 ] | [ link 77 8 17 4 ] \"", "layout_seq_without_completion": "icon 113 3 4 4 | input 97 3 15 4 | logo 1 2 10 3 | \" [ link 26 3 11 4 ] | [ link 37 3 15 4 ] | [ link 53 3 15 4 ] | [ link 68 3 12 4 ] | [ link 81 3 13 4 ] | [ link 77 8 17 4 ] \"", "plain_layout_seq": "icon 113 3 4 4 | input 97 3 15 4 | link 26 3 11 4 | link 37 3 15 4 | link 53 3 15 4 | link 68 3 12 4 | link 81 3 13 4 | link 77 8 17 4 | logo 1 2 10 3", "canvas_width": 1034, "canvas_height": 121, "elements": [ { "type": "logo", "position": [ 10, 18, 93, 31 ], "completed": false }, { "type": "link", "position": [ 225, 27, 101, 42 ], "completed": false }, { "type": "link", "position": [ 326, 27, 135, 42 ], "completed": false }, { "type": "link", "position": [ 461, 27, 133, 42 ], "completed": false }, { "type": "link", "position": [ 594, 27, 107, 42 ], "completed": false }, { "type": "link", "position": [ 701, 27, 119, 42 ], "completed": false }, { "type": "input", "position": [ 840, 27, 136, 38 ], "completed": false }, { "type": "icon", "position": [ 976, 27, 42, 38 ], "completed": false }, { "type": "link", "position": [ 665, 69, 155, 42 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top. There is a logo and three links, \"home\", \"catalog\", and \"collection\". There are two icons on the right side and a background image on the page.", "region_id": "8508", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, catalog, collection'] [item [el:link] ] ] [el:icon [attr:repeat '2'] [attr:position 'right'] ] [el:background_image] ]", "execution": "header : background undefined undefined | description top undefined | icon right undefined | icon right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | icon 113 10 2 2 | icon 108 10 2 2 | link 71 9 8 6 | link 93 9 14 6 | link 80 9 11 6 | logo 3 7 19 10", "layout_seq_without_completion": "description 0 0 120 5 | icon 113 10 2 2 | icon 108 10 2 2 | link 71 9 8 6 | link 93 9 14 6 | link 80 9 11 6 | logo 3 7 19 10", "plain_layout_seq": "description 0 0 120 5 | icon 113 10 2 2 | icon 108 10 2 2 | link 71 9 8 6 | link 93 9 14 6 | link 80 9 11 6 | logo 3 7 19 10", "canvas_width": 1009, "canvas_height": 166, "elements": [ { "type": "description", "position": [ 0, 0, 1009, 47 ], "completed": false }, { "type": "logo", "position": [ 30, 62, 160, 89 ], "completed": false }, { "type": "link", "position": [ 605, 81, 73, 52 ], "completed": false }, { "type": "link", "position": [ 680, 81, 99, 52 ], "completed": false }, { "type": "link", "position": [ 782, 81, 122, 52 ], "completed": false }, { "type": "icon", "position": [ 915, 92, 20, 25 ], "completed": false }, { "type": "icon", "position": [ 952, 92, 20, 25 ], "completed": false } ] }, { "text": "#A page to show guidance for website users.# On this page, two icons are set on the left side. In the middle of the page, the company's logo is involved. And on the right side, two icons are placed, with the second one being accompanied by the number of goods in the cart.", "region_id": "8075", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] [attr:repeat '2'] ] [el:logo] [el:icon [attr:position 'right'] [attr:repeat '2'] ] [el:text [attr:position 'right'] ] ]", "execution": "header : icon left undefined | icon left undefined | icon right undefined | icon right undefined | logo undefined undefined | text right undefined", "layout_seq_with_completion": "complete background 0 0 120 5 | icon 7 1 2 2 | icon 109 1 2 2 | icon 115 1 2 2 | icon 1 2 3 0 | logo 52 0 14 5 | text 117 0 2 2", "layout_seq_without_completion": "background 0 0 120 5 | icon 7 1 2 2 | icon 109 1 2 2 | icon 115 1 2 2 | icon 1 2 3 0 | logo 52 0 14 5 | text 117 0 2 2", "plain_layout_seq": "background 0 0 120 5 | icon 7 1 2 2 | icon 109 1 2 2 | icon 115 1 2 2 | icon 1 2 3 0 | logo 52 0 14 5 | text 117 0 2 2", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 50 ], "completed": true }, { "type": "logo", "position": [ 452, 4, 120, 44 ], "completed": false }, { "type": "text", "position": [ 1000, 7, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 68, 13, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 938, 13, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 985, 13, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 15, 24, 30, 2 ], "completed": false } ] }, { "text": "#A header for an online shop.# There is a description to show the discount. There have two images to show the logo of the two brands. Then, there are six links that is \"Men\", \"Women\", \"GOGGLES\", \"KIDS\", \"NEW ARRIVALS\", and \"ACCESSORIES\". There is a search input and a search button to help users to search to get more information on the left side of the page. There are two icons on the right side of the picture that is a login icon and a shopping cart icon.", "region_id": "6944", "region_type": "Header", "ir": "[region:Header [el:description] [el:image [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '6'][gattr:names'Men, Women, GOGGLES, KIDS, NEW ARRIVALS, ACCESSORIES'] [item [el:link] ] ] [el:input [attr:value 'search'] [attr:position'left']] [el:button[attr:position'left'] [attr:value 'search'] ] [el:icon [attr:position 'right'][attr:value'login'] ][el:icon [attr:position 'right'][attr:value'shopping cart'] ] ]", "execution": "header : button left undefined | description undefined undefined | icon right undefined | icon right undefined | image undefined undefined | image undefined undefined | input left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 2 7 4 3 | description 2 1 114 3 | icon 108 7 3 3 | icon 114 7 3 3 | image 44 7 30 6 | input 2 7 29 3 | \" [ link 7 16 12 5 ] | [ link 20 16 16 5 ] | [ link 37 16 16 5 ] | [ link 54 16 12 5 ] | [ link 67 16 23 5 ] | [ link 91 16 21 5 ] \"", "layout_seq_without_completion": "button 2 7 4 3 | description 2 1 114 3 | icon 108 7 3 3 | icon 114 7 3 3 | image 44 7 30 6 | input 2 7 29 3 | \" [ link 7 16 12 5 ] | [ link 20 16 16 5 ] | [ link 37 16 16 5 ] | [ link 54 16 12 5 ] | [ link 67 16 23 5 ] | [ link 91 16 21 5 ] \"", "plain_layout_seq": "button 2 7 4 3 | description 2 1 114 3 | icon 108 7 3 3 | icon 114 7 3 3 | image 44 7 30 6 | input 2 7 29 3 | link 7 16 12 5 | link 20 16 16 5 | link 37 16 16 5 | link 54 16 12 5 | link 67 16 23 5 | link 91 16 21 5", "canvas_width": 1009, "canvas_height": 192, "elements": [ { "type": "description", "position": [ 22, 10, 965, 26 ], "completed": false }, { "type": "button", "position": [ 20, 65, 35, 31 ], "completed": false }, { "type": "icon", "position": [ 909, 65, 30, 31 ], "completed": false }, { "type": "icon", "position": [ 959, 65, 30, 31 ], "completed": false }, { "type": "input", "position": [ 20, 66, 250, 29 ], "completed": false }, { "type": "image", "position": [ 374, 66, 260, 56 ], "completed": false }, { "type": "link", "position": [ 61, 142, 106, 50 ], "completed": false }, { "type": "link", "position": [ 171, 142, 141, 50 ], "completed": false }, { "type": "link", "position": [ 316, 142, 138, 50 ], "completed": false }, { "type": "link", "position": [ 458, 142, 108, 50 ], "completed": false }, { "type": "link", "position": [ 570, 142, 194, 50 ], "completed": false }, { "type": "link", "position": [ 768, 142, 180, 50 ], "completed": false } ] }, { "text": "#A page for showing the header of the CL.# The page should have one image to show the logo of CL, and 3 icons for users to click to check the menu, search for goods, and buy some goods.", "region_id": "6757", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '3'] [attr:value 'check the menu, search for goods, buy some goods'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 4 2 2 2 | icon 112 2 2 2 | icon 9 2 2 2 | logo 57 1 5 4", "layout_seq_without_completion": "icon 4 2 2 2 | icon 112 2 2 2 | icon 9 2 2 2 | logo 57 1 5 4", "plain_layout_seq": "icon 4 2 2 2 | icon 112 2 2 2 | icon 9 2 2 2 | logo 57 1 5 4", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 480, 15, 50, 39 ], "completed": false }, { "type": "icon", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 947, 22, 24, 24 ], "completed": false } ] }, { "text": "#A page for navigation of Abebooks.# The page should have a logo of Abebooks, an input and a button for users to enter the book they need and search, 3 buttons for users to click to sign on, check the account, and help, a link and an icon to check the basket. 7 links are needed for users to click to browse collections, rare books, and so on.", "region_id": "4621", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'enter keyword,title,author or isbn'] ] [el:button] [el:button [attr:repeat '3'] [attr:value 'sign on,my account,help'] ] [el:link [attr:value 'basket'] ] [el:icon] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link]]] ]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 80 2 8 4 | button 89 2 11 4 | button 112 2 6 4 | button 71 2 5 3 | icon 107 3 2 2 | input 29 2 41 3 | link 101 2 10 4 | logo 0 2 29 4 | complete text 103 3 4 1 | \" [ link 1 9 12 4 ] | [ link 21 9 13 4 ] | [ link 43 9 8 4 ] | [ link 60 9 12 4 ] | [ link 81 9 7 4 ] | [ link 96 9 4 4 ] | [ link 109 9 9 4 ] \"", "layout_seq_without_completion": "button 80 2 8 4 | button 89 2 11 4 | button 112 2 6 4 | button 71 2 5 3 | icon 107 3 2 2 | input 29 2 41 3 | link 101 2 10 4 | logo 0 2 29 4 | text 103 3 4 1 | \" [ link 1 9 12 4 ] | [ link 21 9 13 4 ] | [ link 43 9 8 4 ] | [ link 60 9 12 4 ] | [ link 81 9 7 4 ] | [ link 96 9 4 4 ] | [ link 109 9 9 4 ] \"", "plain_layout_seq": "button 80 2 8 4 | button 89 2 11 4 | button 112 2 6 4 | button 71 2 5 3 | icon 107 3 2 2 | input 29 2 41 3 | link 101 2 10 4 | link 1 9 12 4 | link 21 9 13 4 | link 43 9 8 4 | link 60 9 12 4 | link 81 9 7 4 | link 96 9 4 4 | link 109 9 9 4 | logo 0 2 29 4 | text 103 3 4 1", "canvas_width": 1024, "canvas_height": 123, "elements": [ { "type": "logo", "position": [ 5, 20, 250, 40 ], "completed": false }, { "type": "button", "position": [ 690, 22, 73, 35 ], "completed": false }, { "type": "button", "position": [ 767, 22, 95, 35 ], "completed": false }, { "type": "link", "position": [ 866, 22, 91, 35 ], "completed": false }, { "type": "button", "position": [ 961, 22, 54, 35 ], "completed": false }, { "type": "input", "position": [ 255, 23, 351, 34 ], "completed": false }, { "type": "button", "position": [ 606, 23, 44, 34 ], "completed": false }, { "type": "icon", "position": [ 921, 30, 23, 19 ], "completed": false }, { "type": "text", "position": [ 879, 31, 40, 17 ], "completed": true }, { "type": "link", "position": [ 10, 79, 105, 40 ], "completed": false }, { "type": "link", "position": [ 185, 79, 119, 40 ], "completed": false }, { "type": "link", "position": [ 374, 79, 70, 40 ], "completed": false }, { "type": "link", "position": [ 514, 79, 109, 40 ], "completed": false }, { "type": "link", "position": [ 693, 79, 63, 40 ], "completed": false }, { "type": "link", "position": [ 826, 79, 41, 40 ], "completed": false }, { "type": "link", "position": [ 937, 79, 77, 40 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a logo, a label named \u201cMenu\u201d with an icon for expanding all the categories of information, and an icon for users to click to search for more information.", "region_id": "6592", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title [attr:value 'menu'] ] [el:icon [attr:value 'expand']] [el:icon [attr:value 'search ']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 111 5 2 2 | icon 2 15 2 2 | logo 2 2 32 8 | complete text 115 3 2 5 | title 5 15 5 2", "layout_seq_without_completion": "icon 111 5 2 2 | icon 2 15 2 2 | logo 2 2 32 8 | text 115 3 2 5 | title 5 15 5 2", "plain_layout_seq": "icon 111 5 2 2 | icon 2 15 2 2 | logo 2 2 32 8 | text 115 3 2 5 | title 5 15 5 2", "canvas_width": 1024, "canvas_height": 177, "elements": [ { "type": "logo", "position": [ 20, 20, 275, 72 ], "completed": false }, { "type": "text", "position": [ 984, 34, 20, 45 ], "completed": true }, { "type": "icon", "position": [ 952, 44, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 23, 133, 22, 22 ], "completed": false }, { "type": "title", "position": [ 49, 133, 44, 23 ], "completed": false } ] }, { "text": "#A header page of a web for users to get information.# The page should include the logo of the web, three links including \"Home\", \"Item for sale\" and, \"Contact Info\". There are also two icons and a link.", "region_id": "7823", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, item for sale, contact info'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] [el:link] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 112 6 0 0 | icon 97 5 2 2 | icon 102 5 2 2 | link 106 4 6 4 | logo 6 1 9 9 | \" [ link 42 5 5 2 ] | [ link 50 5 12 2 ] | [ link 66 5 11 2 ] \"", "layout_seq_without_completion": "icon 112 6 0 0 | icon 97 5 2 2 | icon 102 5 2 2 | link 106 4 6 4 | logo 6 1 9 9 | \" [ link 42 5 5 2 ] | [ link 50 5 12 2 ] | [ link 66 5 11 2 ] \"", "plain_layout_seq": "icon 112 6 0 0 | icon 97 5 2 2 | icon 102 5 2 2 | link 106 4 6 4 | link 42 5 5 2 | link 50 5 12 2 | link 66 5 11 2 | logo 6 1 9 9", "canvas_width": 1024, "canvas_height": 111, "elements": [ { "type": "logo", "position": [ 55, 15, 80, 80 ], "completed": false }, { "type": "link", "position": [ 910, 37, 59, 39 ], "completed": false }, { "type": "icon", "position": [ 832, 44, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 874, 44, 22, 23 ], "completed": false }, { "type": "link", "position": [ 360, 45, 46, 20 ], "completed": false }, { "type": "link", "position": [ 432, 45, 108, 20 ], "completed": false }, { "type": "link", "position": [ 564, 45, 99, 20 ], "completed": false }, { "type": "icon", "position": [ 956, 53, 8, 8 ], "completed": true } ] }, { "text": "#A page for navigation with different categories of products.# The page has nine titles of the category of products, and there is an icon beside each title.", "region_id": "5351", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [item [el:title] [el:icon] ] ] ]", "execution": "header : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "icon 25 2 2 3 | icon 14 2 2 3 | icon 36 2 2 3 | icon 69 2 2 3 | icon 80 2 2 3 | icon 91 2 2 3 | icon 102 2 2 3 | icon 47 2 2 3 | icon 58 2 2 3 | title 56 6 6 2 | title 69 6 2 2 | title 89 6 6 2 | title 25 6 3 2 | title 45 6 6 2 | title 34 6 6 2 | title 101 6 4 2 | title 13 6 4 2 | title 79 6 4 2", "layout_seq_without_completion": "icon 25 2 2 3 | icon 14 2 2 3 | icon 36 2 2 3 | icon 69 2 2 3 | icon 80 2 2 3 | icon 91 2 2 3 | icon 102 2 2 3 | icon 47 2 2 3 | icon 58 2 2 3 | title 56 6 6 2 | title 69 6 2 2 | title 89 6 6 2 | title 25 6 3 2 | title 45 6 6 2 | title 34 6 6 2 | title 101 6 4 2 | title 13 6 4 2 | title 79 6 4 2", "plain_layout_seq": "icon 25 2 2 3 | icon 14 2 2 3 | icon 36 2 2 3 | icon 69 2 2 3 | icon 80 2 2 3 | icon 91 2 2 3 | icon 102 2 2 3 | icon 47 2 2 3 | icon 58 2 2 3 | title 56 6 6 2 | title 69 6 2 2 | title 89 6 6 2 | title 25 6 3 2 | title 45 6 6 2 | title 34 6 6 2 | title 101 6 4 2 | title 13 6 4 2 | title 79 6 4 2", "canvas_width": 1024, "canvas_height": 86, "elements": [ { "type": "icon", "position": [ 122, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 216, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 311, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 405, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 499, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 594, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 688, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 782, 21, 25, 29 ], "completed": false }, { "type": "icon", "position": [ 877, 21, 25, 29 ], "completed": false }, { "type": "title", "position": [ 114, 52, 42, 19 ], "completed": false }, { "type": "title", "position": [ 215, 52, 28, 19 ], "completed": false }, { "type": "title", "position": [ 294, 52, 59, 19 ], "completed": false }, { "type": "title", "position": [ 390, 52, 55, 19 ], "completed": false }, { "type": "title", "position": [ 485, 52, 53, 19 ], "completed": false }, { "type": "title", "position": [ 594, 52, 24, 19 ], "completed": false }, { "type": "title", "position": [ 682, 52, 38, 19 ], "completed": false }, { "type": "title", "position": [ 767, 52, 56, 19 ], "completed": false }, { "type": "title", "position": [ 869, 52, 40, 19 ], "completed": false } ] }, { "text": "#This is a hider about May Bliss. #The middle of this page is the title of \"May Bliss\", and there are two links below, a magnifying glass icon on the left, and two icons on the right.", "region_id": "7265", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'may bliss'] ] [gp:FlatNavGroup [gattr:repeat '2'] [item [el:link]]] [el:icon [attr:position 'left'] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 5 2 2 | icon 105 5 2 2 | icon 109 4 5 5 | link 60 12 6 2 | link 52 12 5 2 | title 53 5 12 3", "layout_seq_without_completion": "icon 7 5 2 2 | icon 105 5 2 2 | icon 109 4 5 5 | link 60 12 6 2 | link 52 12 5 2 | title 53 5 12 3", "plain_layout_seq": "icon 7 5 2 2 | icon 105 5 2 2 | icon 109 4 5 5 | link 60 12 6 2 | link 52 12 5 2 | title 53 5 12 3", "canvas_width": 1024, "canvas_height": 139, "elements": [ { "type": "icon", "position": [ 938, 38, 46, 46 ], "completed": false }, { "type": "title", "position": [ 460, 45, 104, 31 ], "completed": false }, { "type": "icon", "position": [ 65, 50, 21, 21 ], "completed": false }, { "type": "icon", "position": [ 904, 50, 21, 21 ], "completed": false }, { "type": "link", "position": [ 449, 107, 43, 20 ], "completed": false }, { "type": "link", "position": [ 516, 107, 59, 20 ], "completed": false } ] }, { "text": "#A page to show guidance for website users.# On this page, from the left to the right, the logo of the company, six links, and a button \"get started\" are involved respectively.", "region_id": "4805", "region_type": "Header", "ir": "[region:Header [el:logo ] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:button [attr:value 'get started'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | button 102 1 15 4 | link 79 0 10 6 | link 90 0 9 6 | logo 1 1 14 4 | \" [ link 19 0 15 6 ] | [ link 35 0 16 6 ] | [ link 52 0 14 6 ] | [ link 67 0 9 6 ] \"", "layout_seq_without_completion": "background 0 0 120 7 | button 102 1 15 4 | link 79 0 10 6 | link 90 0 9 6 | logo 1 1 14 4 | \" [ link 19 0 15 6 ] | [ link 35 0 16 6 ] | [ link 52 0 14 6 ] | [ link 67 0 9 6 ] \"", "plain_layout_seq": "background 0 0 120 7 | button 102 1 15 4 | link 79 0 10 6 | link 90 0 9 6 | link 19 0 15 6 | link 35 0 16 6 | link 52 0 14 6 | link 67 0 9 6 | logo 1 1 14 4", "canvas_width": 1024, "canvas_height": 68, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 68 ], "completed": true }, { "type": "link", "position": [ 678, 5, 93, 57 ], "completed": false }, { "type": "link", "position": [ 775, 5, 83, 57 ], "completed": false }, { "type": "link", "position": [ 165, 6, 135, 57 ], "completed": false }, { "type": "link", "position": [ 304, 6, 138, 57 ], "completed": false }, { "type": "link", "position": [ 446, 6, 127, 57 ], "completed": false }, { "type": "link", "position": [ 577, 6, 85, 57 ], "completed": false }, { "type": "logo", "position": [ 15, 15, 120, 35 ], "completed": false }, { "type": "button", "position": [ 877, 15, 132, 38 ], "completed": false } ] }, { "text": "#A page of Smoker Shop for users to search for products.# The page should include the logo of Smoker Shop, a button \"WHATS NEW\", and two links.", "region_id": "6858", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button [attr:value 'whats new'] ] [el:link [attr:repeat '2'] ] ]", "execution": "header : button undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "logo 5 0 23 3 | \" [ button 58 0 17 5 ] | [ link 77 0 17 5 ] | [ link 96 0 17 5 ] \"", "layout_seq_without_completion": "logo 5 0 23 3 | \" [ button 58 0 17 5 ] | [ link 77 0 17 5 ] | [ link 96 0 17 5 ] \"", "plain_layout_seq": "button 58 0 17 5 | link 77 0 17 5 | link 96 0 17 5 | logo 5 0 23 3", "canvas_width": 1024, "canvas_height": 112, "elements": [ { "type": "button", "position": [ 502, 0, 150, 45 ], "completed": false }, { "type": "link", "position": [ 662, 0, 150, 45 ], "completed": false }, { "type": "link", "position": [ 822, 0, 150, 45 ], "completed": false }, { "type": "logo", "position": [ 47, 6, 203, 33 ], "completed": false } ] }, { "text": "#A page for navigation of the web about songs.# The page has four links named \"All\", \"Trending Songs\", \"New Songs\" and \"Gospel Songs\" which can be clicked by users to learn about different types of songs on the web.", "region_id": "4035", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'all, trending songs, new songs, gospel songs'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 0 7 6 ] | [ link 9 0 23 6 ] | [ link 32 0 18 6 ] | [ link 51 0 21 6 ] \"", "layout_seq_without_completion": "\" [ link 1 0 7 6 ] | [ link 9 0 23 6 ] | [ link 32 0 18 6 ] | [ link 51 0 21 6 ] \"", "plain_layout_seq": "link 1 0 7 6 | link 9 0 23 6 | link 32 0 18 6 | link 51 0 21 6", "canvas_width": 804, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 10, 6, 53, 44 ], "completed": false }, { "type": "link", "position": [ 63, 6, 156, 44 ], "completed": false }, { "type": "link", "position": [ 219, 6, 122, 44 ], "completed": false }, { "type": "link", "position": [ 342, 6, 143, 44 ], "completed": false } ] }, { "text": "# A header page for an online shop named Ayurvedant. # The page should have a logo in the middle, a background image, an icon for the side menu on the left, and two icons for search and shopping cart on the right are needed.", "region_id": "6703", "region_type": "Header", "ir": "[region:Header [el:logo] [el:background_image] [el:icon [attr:position 'left'] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : background undefined undefined | icon left undefined | icon right undefined | icon right undefined | logo undefined undefined", "layout_seq_with_completion": "icon 102 5 2 2 | icon 106 5 3 3 | icon 10 7 2 0 | logo 50 4 18 4", "layout_seq_without_completion": "icon 102 5 2 2 | icon 106 5 3 3 | icon 10 7 2 0 | logo 50 4 18 4", "plain_layout_seq": "icon 102 5 2 2 | icon 106 5 3 3 | icon 10 7 2 0 | logo 50 4 18 4", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "logo", "position": [ 427, 40, 155, 40 ], "completed": false }, { "type": "icon", "position": [ 897, 47, 32, 26 ], "completed": false }, { "type": "icon", "position": [ 858, 49, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 90, 60, 24, 2 ], "completed": false } ] }, { "text": "#A header to guide users to browse the webpage.# There is a logo of the website on the left. On the other side is a group of navigation links for users to get to different parts of the website.", "region_id": "3475", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:link [attr:repeat 'several'] [attr:position 'right'] ] ]", "execution": "header : link right undefined | link right undefined | link right undefined | link right undefined | logo left undefined", "layout_seq_with_completion": "logo 2 0 17 5 | \" [ link 54 0 6 5 ] | [ link 61 0 12 5 ] | [ link 73 0 7 5 ] | [ link 80 0 8 5 ] | [ link 89 0 5 5 ] | [ link 94 0 11 5 ] | [ link 105 0 5 5 ] \"", "layout_seq_without_completion": "logo 2 0 17 5 | \" [ link 54 0 6 5 ] | [ link 61 0 12 5 ] | [ link 73 0 7 5 ] | [ link 80 0 8 5 ] | [ link 89 0 5 5 ] | [ link 94 0 11 5 ] | [ link 105 0 5 5 ] \"", "plain_layout_seq": "link 54 0 6 5 | link 61 0 12 5 | link 73 0 7 5 | link 80 0 8 5 | link 89 0 5 5 | link 94 0 11 5 | link 105 0 5 5 | logo 2 0 17 5", "canvas_width": 1024, "canvas_height": 49, "elements": [ { "type": "link", "position": [ 467, 0, 55, 48 ], "completed": false }, { "type": "link", "position": [ 522, 0, 104, 48 ], "completed": false }, { "type": "link", "position": [ 626, 0, 65, 48 ], "completed": false }, { "type": "link", "position": [ 691, 0, 70, 48 ], "completed": false }, { "type": "link", "position": [ 761, 0, 44, 48 ], "completed": false }, { "type": "link", "position": [ 805, 0, 98, 48 ], "completed": false }, { "type": "link", "position": [ 903, 0, 51, 48 ], "completed": false }, { "type": "logo", "position": [ 22, 1, 150, 48 ], "completed": false } ] }, { "text": "# A page for an online shop named BEALL TRADING. # Then the page should have the store name in the middle, an icon for the side menu on the left, and two icons for search and shopping cart on the right are needed.", "region_id": "8155", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon [attr:position 'left'] [attr:value 'side menu']] [el:icon [attr:position 'right'][attr:value'search']] [el:icon [attr:position 'right'][attr:value'shopping cart']] ]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | title undefined undefined", "layout_seq_with_completion": "icon 4 4 3 2 | icon 112 4 3 2 | icon 107 4 3 2 | title 42 3 34 4", "layout_seq_without_completion": "icon 4 4 3 2 | icon 112 4 3 2 | icon 107 4 3 2 | title 42 3 34 4", "plain_layout_seq": "icon 4 4 3 2 | icon 112 4 3 2 | icon 107 4 3 2 | title 42 3 34 4", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "title", "position": [ 359, 30, 291, 40 ], "completed": false }, { "type": "icon", "position": [ 38, 38, 26, 24 ], "completed": false }, { "type": "icon", "position": [ 905, 38, 26, 24 ], "completed": false }, { "type": "icon", "position": [ 946, 38, 26, 24 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# A logo is on the page. There are five links on the page, including Topics, Regions, Comparative Guides, Advice Centres, and Webinars. An Input and a search icon are also on the page.", "region_id": "3609", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'topics, regions, comparatives Guides, advice centres, webinars'] [item [el:link] ] ] [el:input] [el:icon [attr:value 'search']] ]", "execution": "header : icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 112 2 3 3 | input 73 2 39 3 | logo 4 6 27 5 | \" [ link 51 7 7 4 ] | [ link 59 7 9 4 ] | [ link 69 7 20 4 ] | [ link 90 7 15 4 ] | [ link 105 7 9 4 ] \"", "layout_seq_without_completion": "icon 112 2 3 3 | input 73 2 39 3 | logo 4 6 27 5 | \" [ link 51 7 7 4 ] | [ link 59 7 9 4 ] | [ link 69 7 20 4 ] | [ link 90 7 15 4 ] | [ link 105 7 9 4 ] \"", "plain_layout_seq": "icon 112 2 3 3 | input 73 2 39 3 | link 51 7 7 4 | link 59 7 9 4 | link 69 7 20 4 | link 90 7 15 4 | link 105 7 9 4 | logo 4 6 27 5", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "input", "position": [ 614, 23, 330, 30 ], "completed": false }, { "type": "icon", "position": [ 944, 23, 30, 30 ], "completed": false }, { "type": "logo", "position": [ 35, 53, 230, 49 ], "completed": false }, { "type": "link", "position": [ 430, 59, 65, 42 ], "completed": false }, { "type": "link", "position": [ 500, 59, 77, 42 ], "completed": false }, { "type": "link", "position": [ 582, 59, 172, 42 ], "completed": false }, { "type": "link", "position": [ 759, 59, 127, 42 ], "completed": false }, { "type": "link", "position": [ 891, 59, 83, 42 ], "completed": false } ] }, { "text": "#This hider page presents the user with information about Hacking Gourmet. #There is a row of text at the top left of this page: \"Welcome to Hacking Gourment\", there is a shopping cart icon and a magnifying glass icon at the top right, and there is an input box for searching. In addition, in the middle of this page is the logo of the product, and there are 8 navigation links at the bottom.", "region_id": "6920", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'welcome to hacking gourment'] [attr:position 'top'] ] [el:icon [attr:position 'top'] [attr:value 'cart'] ] [el:icon [attr:position 'top'] ] [el:input [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link [attr:position 'bottom']] ] ] ]", "execution": "header : icon top undefined | icon top undefined | input top undefined | logo undefined undefined | title top undefined | { [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] | [ link bottom undefined ] }", "layout_seq_with_completion": "title 3 1 22 2 | \" [ icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 ] | [ link 11 34 7 4 | link 19 34 24 4 | link 44 34 11 4 | link 56 34 9 4 | link 66 34 10 4 | link 97 34 11 4 | link 49 38 20 4 | link 77 34 19 4 | logo 19 9 81 21 ] \"", "layout_seq_without_completion": "title 3 1 22 2 | \" [ icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 ] | [ link 11 34 7 4 | link 19 34 24 4 | link 44 34 11 4 | link 56 34 9 4 | link 66 34 10 4 | link 97 34 11 4 | link 49 38 20 4 | link 77 34 19 4 | logo 19 9 81 21 ] \"", "plain_layout_seq": "icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 | link 11 34 7 4 | link 19 34 24 4 | link 44 34 11 4 | link 56 34 9 4 | link 66 34 10 4 | link 97 34 11 4 | link 49 38 20 4 | link 77 34 19 4 | logo 19 9 81 21 | title 3 1 22 2", "canvas_width": 1024, "canvas_height": 404, "elements": [ { "type": "input", "position": [ 834, 9, 160, 32 ], "completed": false }, { "type": "icon", "position": [ 834, 9, 32, 33 ], "completed": false }, { "type": "title", "position": [ 30, 13, 188, 24 ], "completed": false }, { "type": "icon", "position": [ 785, 13, 26, 24 ], "completed": false }, { "type": "logo", "position": [ 164, 79, 695, 181 ], "completed": false }, { "type": "link", "position": [ 102, 291, 62, 41 ], "completed": false }, { "type": "link", "position": [ 167, 291, 212, 41 ], "completed": false }, { "type": "link", "position": [ 382, 291, 97, 41 ], "completed": false }, { "type": "link", "position": [ 482, 291, 84, 41 ], "completed": false }, { "type": "link", "position": [ 569, 291, 88, 41 ], "completed": false }, { "type": "link", "position": [ 660, 291, 165, 41 ], "completed": false }, { "type": "link", "position": [ 828, 291, 94, 41 ], "completed": false }, { "type": "link", "position": [ 423, 332, 178, 41 ], "completed": false } ] }, { "text": "#A page for navigation of LESUQ.# The page should have a logo of LESUQ, 5 links for users to click to quickly learn different content on the web, and 3 icons for users to click to search, check their personal page, and shop.", "region_id": "6625", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]] ][el:icon[attr:repeat'3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 1 8 9 | \" [ link 36 3 4 2 ] | [ link 43 3 12 2 ] | [ link 59 3 4 2 ] | [ link 66 3 16 2 ] | [ link 57 6 4 2 ] \" | \" [ icon 100 5 2 2 ] | [ icon 105 5 2 2 ] | [ icon 109 5 2 2 ] \"", "layout_seq_without_completion": "logo 6 1 8 9 | \" [ link 36 3 4 2 ] | [ link 43 3 12 2 ] | [ link 59 3 4 2 ] | [ link 66 3 16 2 ] | [ link 57 6 4 2 ] \" | \" [ icon 100 5 2 2 ] | [ icon 105 5 2 2 ] | [ icon 109 5 2 2 ] \"", "plain_layout_seq": "icon 100 5 2 2 | icon 105 5 2 2 | icon 109 5 2 2 | link 36 3 4 2 | link 43 3 12 2 | link 59 3 4 2 | link 66 3 16 2 | link 57 6 4 2 | logo 6 1 8 9", "canvas_width": 1024, "canvas_height": 108, "elements": [ { "type": "logo", "position": [ 55, 15, 70, 77 ], "completed": false }, { "type": "link", "position": [ 310, 30, 40, 19 ], "completed": false }, { "type": "link", "position": [ 374, 30, 108, 19 ], "completed": false }, { "type": "link", "position": [ 506, 30, 40, 19 ], "completed": false }, { "type": "link", "position": [ 570, 30, 145, 19 ], "completed": false }, { "type": "icon", "position": [ 856, 45, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 45, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 45, 20, 20 ], "completed": false }, { "type": "link", "position": [ 493, 58, 38, 19 ], "completed": false } ] }, { "text": "#A navigation page of HUDI'S TACTICAL.# The page should contain propaganda text, the logo of HUDI'S TACTICAL, five links, and three icons.", "region_id": "6961", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon [attr:repeat '3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 11 10 | text 0 0 119 5 | \" [ link 34 10 4 2 ] | [ link 42 10 5 2 ] | [ link 50 10 9 2 ] | [ link 63 10 21 2 ] | [ link 56 13 6 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 11 10 | text 0 0 119 5 | \" [ link 34 10 4 2 ] | [ link 42 10 5 2 ] | [ link 50 10 9 2 ] | [ link 63 10 21 2 ] | [ link 56 13 6 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "plain_layout_seq": "icon 100 11 2 2 | icon 105 11 2 2 | icon 109 11 2 2 | link 34 10 4 2 | link 42 10 5 2 | link 50 10 9 2 | link 63 10 21 2 | link 56 13 6 2 | logo 6 7 11 10 | text 0 0 119 5", "canvas_width": 1024, "canvas_height": 170, "elements": [ { "type": "text", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 100, 88 ], "completed": false }, { "type": "link", "position": [ 296, 86, 40, 18 ], "completed": false }, { "type": "link", "position": [ 360, 86, 50, 18 ], "completed": false }, { "type": "link", "position": [ 434, 86, 85, 18 ], "completed": false }, { "type": "link", "position": [ 544, 86, 184, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 101, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 101, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 101, 20, 20 ], "completed": false }, { "type": "link", "position": [ 484, 115, 55, 18 ], "completed": false } ] }, { "text": "#A header page of Lexoffice for users to get information.# The page should include the logo of Lexoffice, four links, two icons, one link for users to log in, and a button.", "region_id": "4814", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] [el:link [attr:value 'log in'] ] [el:button] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 97 1 16 3 | link 88 0 7 6 | logo 4 1 18 2 | \" [ link 24 0 13 6 ] | [ link 38 0 8 6 ] | [ link 46 0 9 6 ] | [ link 55 0 7 6 ] \"", "layout_seq_without_completion": "button 97 1 16 3 | link 88 0 7 6 | logo 4 1 18 2 | \" [ link 24 0 13 6 ] | [ link 38 0 8 6 ] | [ link 46 0 9 6 ] | [ link 55 0 7 6 ] \"", "plain_layout_seq": "button 97 1 16 3 | link 88 0 7 6 | link 24 0 13 6 | link 38 0 8 6 | link 46 0 9 6 | link 55 0 7 6 | logo 4 1 18 2", "canvas_width": 1024, "canvas_height": 59, "elements": [ { "type": "link", "position": [ 209, 0, 114, 59 ], "completed": false }, { "type": "link", "position": [ 325, 0, 69, 59 ], "completed": false }, { "type": "link", "position": [ 396, 0, 78, 59 ], "completed": false }, { "type": "link", "position": [ 476, 0, 61, 59 ], "completed": false }, { "type": "link", "position": [ 752, 0, 66, 58 ], "completed": false }, { "type": "button", "position": [ 836, 14, 145, 29 ], "completed": false }, { "type": "logo", "position": [ 42, 16, 156, 24 ], "completed": false } ] }, { "text": "#A page of an online shop website.# There is a sentence to tell the customer the order information. There is an icon to see all goods on the left side of the page. Then, there is a logo for the online shop. There are three icons that show the login, search, and shopping cart on the right side of the page.", "region_id": "8604", "region_type": "Header", "ir": "[region:Header [el:text] [el:icon [attr:position 'left'] ] [el:logo] [el:icon [attr:position 'right'] [attr:value 'login'] ] [el:icon [attr:position 'right'] [attr:value 'search'] ] [el:icon [attr:position 'right'] [attr:value 'shopping cart'] ]]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "logo 44 10 30 16 | text 0 0 120 8 | \" [ icon 4 17 2 0 ] | [ icon 4 18 2 0 ] | [ icon 4 19 2 0 ] \" | \" [ icon 103 16 2 3 ] | [ icon 108 16 2 3 ] | [ icon 113 16 2 3 ] \"", "layout_seq_without_completion": "logo 44 10 30 16 | text 0 0 120 8 | \" [ icon 4 17 2 0 ] | [ icon 4 18 2 0 ] | [ icon 4 19 2 0 ] \" | \" [ icon 103 16 2 3 ] | [ icon 108 16 2 3 ] | [ icon 113 16 2 3 ] \"", "plain_layout_seq": "icon 4 17 2 0 | icon 4 18 2 0 | icon 4 19 2 0 | icon 103 16 2 3 | icon 108 16 2 3 | icon 113 16 2 3 | logo 44 10 30 16 | text 0 0 120 8", "canvas_width": 1009, "canvas_height": 237, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 70 ], "completed": false }, { "type": "logo", "position": [ 374, 85, 260, 137 ], "completed": false }, { "type": "icon", "position": [ 872, 138, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 138, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 138, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 35, 150, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 156, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 164, 20, 2 ], "completed": false } ] }, { "text": "#A navigation page of vude for users to get some information.# The page should include the logo of vude and four links, including \"Home\", \"FAQ\", \"Terms of service\", and \"Contact Us\".", "region_id": "5491", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, faq, terms of service, contact us'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 102 2 7 2 | \" [ link 36 1 4 2 ] | [ link 41 1 2 2 ] | [ link 45 1 11 2 ] | [ link 57 1 7 2 ] \"", "layout_seq_without_completion": "logo 102 2 7 2 | \" [ link 36 1 4 2 ] | [ link 41 1 2 2 ] | [ link 45 1 11 2 ] | [ link 57 1 7 2 ] \"", "plain_layout_seq": "link 36 1 4 2 | link 41 1 2 2 | link 45 1 11 2 | link 57 1 7 2 | logo 102 2 7 2", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 308, 17, 35, 18 ], "completed": false }, { "type": "link", "position": [ 354, 17, 25, 18 ], "completed": false }, { "type": "link", "position": [ 389, 17, 94, 18 ], "completed": false }, { "type": "link", "position": [ 494, 17, 62, 18 ], "completed": false }, { "type": "logo", "position": [ 878, 19, 67, 20 ], "completed": false } ] }, { "text": "#A header page for navigation of THE ANCESTORY. # The page should have a logo, and five links: \"Bollywood\" \"Businessman\" \"Politician\" \"Celebrity\", and \"Contact Us\" for the user to click for more info.", "region_id": "2651", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'bollywood, businessman, politician, celebrity, contact us'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 48 4 23 5 | \" [ link 26 16 10 3 ] | [ link 39 16 13 3 ] | [ link 56 16 9 3 ] | [ link 70 16 9 3 ] | [ link 82 16 10 3 ] \"", "layout_seq_without_completion": "logo 48 4 23 5 | \" [ link 26 16 10 3 ] | [ link 39 16 13 3 ] | [ link 56 16 9 3 ] | [ link 70 16 9 3 ] | [ link 82 16 10 3 ] \"", "plain_layout_seq": "link 26 16 10 3 | link 39 16 13 3 | link 56 16 9 3 | link 70 16 9 3 | link 82 16 10 3 | logo 48 4 23 5", "canvas_width": 1024, "canvas_height": 219, "elements": [ { "type": "logo", "position": [ 412, 40, 200, 51 ], "completed": false }, { "type": "link", "position": [ 224, 141, 88, 26 ], "completed": false }, { "type": "link", "position": [ 341, 141, 115, 26 ], "completed": false }, { "type": "link", "position": [ 486, 141, 82, 26 ], "completed": false }, { "type": "link", "position": [ 599, 141, 79, 26 ], "completed": false }, { "type": "link", "position": [ 707, 141, 93, 26 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 links for users to click to learn the consent, details, and learn info about the company.", "region_id": "7877", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'consent, details, about '] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 40 7 ] | [ link 40 0 40 7 ] | [ link 80 0 40 7 ] \"", "layout_seq_without_completion": "\" [ link 0 0 40 7 ] | [ link 40 0 40 7 ] | [ link 80 0 40 7 ] \"", "plain_layout_seq": "link 0 0 40 7 | link 40 0 40 7 | link 80 0 40 7", "canvas_width": 900, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 0, 0, 300, 55 ], "completed": false }, { "type": "link", "position": [ 300, 0, 300, 55 ], "completed": false }, { "type": "link", "position": [ 600, 0, 300, 55 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop.# The page should have a logo, six links \"Home\" \"Mink Lashes\" \"Lips\" \"Body\" \"Curls\", and \"Accessories\" for the user to click for more info. And there should also be three icons for the user to search for things they want, log in, and check the shopping cart.", "region_id": "8614", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, mink lashes, lips, body, curls, accessories'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'log in'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 102 17 3 3 | icon 95 17 3 3 | icon 107 15 6 6 | logo 7 4 29 29 | \" [ link 42 14 5 2 ] | [ link 52 14 11 2 ] | [ link 67 14 3 2 ] | [ link 74 14 4 2 ] | [ link 83 14 4 2 ] | [ link 42 20 10 2 ] \"", "layout_seq_without_completion": "icon 102 17 3 3 | icon 95 17 3 3 | icon 107 15 6 6 | logo 7 4 29 29 | \" [ link 42 14 5 2 ] | [ link 52 14 11 2 ] | [ link 67 14 3 2 ] | [ link 74 14 4 2 ] | [ link 83 14 4 2 ] | [ link 42 20 10 2 ] \"", "plain_layout_seq": "icon 102 17 3 3 | icon 95 17 3 3 | icon 107 15 6 6 | link 42 14 5 2 | link 52 14 11 2 | link 67 14 3 2 | link 74 14 4 2 | link 83 14 4 2 | link 42 20 10 2 | logo 7 4 29 29", "canvas_width": 1024, "canvas_height": 323, "elements": [ { "type": "logo", "position": [ 65, 35, 250, 250 ], "completed": false }, { "type": "link", "position": [ 366, 122, 47, 22 ], "completed": false }, { "type": "link", "position": [ 445, 122, 100, 22 ], "completed": false }, { "type": "link", "position": [ 575, 122, 32, 22 ], "completed": false }, { "type": "link", "position": [ 639, 122, 40, 22 ], "completed": false }, { "type": "link", "position": [ 710, 122, 42, 22 ], "completed": false }, { "type": "icon", "position": [ 917, 132, 57, 57 ], "completed": false }, { "type": "icon", "position": [ 819, 147, 26, 26 ], "completed": false }, { "type": "icon", "position": [ 876, 147, 26, 26 ], "completed": false }, { "type": "link", "position": [ 366, 176, 91, 22 ], "completed": false } ] }, { "text": "# A header page for the company Sunchill. # The page should have a background image, a logo, the name of the company, and five links \"BUY NOW\" \"GALLERY\" \"FAQ\" \"ABOUT\" and \"CONTACT\", so the user can click them to buy goods and know more info.", "region_id": "8712", "region_type": "Header", "ir": "[region:Header [el:background_image] [el:logo] [el:title] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'BUY NOW, GALLERY, FAQ, ABOUT, CONTACT'] [item [el:link] ] ] ]", "execution": "header : background undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 3 2 25 4 | \" [ link 57 1 13 6 ] | [ link 71 1 12 6 ] | [ link 84 1 7 6 ] | [ link 92 1 10 6 ] | [ link 103 1 12 6 ] \"", "layout_seq_without_completion": "logo 3 2 25 4 | \" [ link 57 1 13 6 ] | [ link 71 1 12 6 ] | [ link 84 1 7 6 ] | [ link 92 1 10 6 ] | [ link 103 1 12 6 ] \"", "plain_layout_seq": "link 57 1 13 6 | link 71 1 12 6 | link 84 1 7 6 | link 92 1 10 6 | link 103 1 12 6 | logo 3 2 25 4", "canvas_width": 1009, "canvas_height": 82, "elements": [ { "type": "link", "position": [ 481, 15, 114, 52 ], "completed": false }, { "type": "link", "position": [ 599, 15, 105, 52 ], "completed": false }, { "type": "link", "position": [ 708, 15, 65, 52 ], "completed": false }, { "type": "link", "position": [ 777, 15, 89, 52 ], "completed": false }, { "type": "link", "position": [ 870, 15, 109, 52 ], "completed": false }, { "type": "logo", "position": [ 30, 20, 215, 42 ], "completed": false } ] }, { "text": "#A page to lead users to learn more about the web.# There is a logo of the company. An input box is next to the logo for users to search for something. On the right are two icons. There are also eight links for users to click to learn more about the company.", "region_id": "7682", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search '] ] [el:icon [attr:position 'right'] [attr:repeat '2']] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link]]] ]", "execution": "header : icon right undefined | icon right undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 98 3 2 2 | icon 111 3 3 2 | complete icon 12 13 1 0 | complete icon 27 13 1 0 | icon 107 3 2 2 | complete image 31 2 71 5 | input 31 2 65 5 | link 25 19 3 3 | link 50 11 7 3 | link 61 11 13 3 | link 33 11 12 3 | link 79 11 13 3 | link 4 19 16 3 | link 17 12 8 2 | link 4 12 6 2 | logo 4 3 22 2 | complete text 114 2 2 2", "layout_seq_without_completion": "icon 98 3 2 2 | icon 111 3 3 2 | icon 12 13 1 0 | icon 27 13 1 0 | icon 107 3 2 2 | image 31 2 71 5 | input 31 2 65 5 | link 25 19 3 3 | link 50 11 7 3 | link 61 11 13 3 | link 33 11 12 3 | link 79 11 13 3 | link 4 19 16 3 | link 17 12 8 2 | link 4 12 6 2 | logo 4 3 22 2 | text 114 2 2 2", "plain_layout_seq": "icon 98 3 2 2 | icon 111 3 3 2 | icon 12 13 1 0 | icon 27 13 1 0 | icon 107 3 2 2 | image 31 2 71 5 | input 31 2 65 5 | link 25 19 3 3 | link 50 11 7 3 | link 61 11 13 3 | link 33 11 12 3 | link 79 11 13 3 | link 4 19 16 3 | link 17 12 8 2 | link 4 12 6 2 | logo 4 3 22 2 | text 114 2 2 2", "canvas_width": 1024, "canvas_height": 213, "elements": [ { "type": "input", "position": [ 270, 20, 557, 44 ], "completed": false }, { "type": "image", "position": [ 270, 20, 607, 44 ], "completed": true }, { "type": "text", "position": [ 974, 23, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 953, 30, 27, 24 ], "completed": false }, { "type": "logo", "position": [ 40, 31, 195, 22 ], "completed": false }, { "type": "icon", "position": [ 917, 31, 20, 22 ], "completed": false }, { "type": "icon", "position": [ 842, 32, 21, 21 ], "completed": true }, { "type": "link", "position": [ 284, 101, 109, 30 ], "completed": false }, { "type": "link", "position": [ 428, 101, 64, 30 ], "completed": false }, { "type": "link", "position": [ 527, 101, 114, 30 ], "completed": false }, { "type": "link", "position": [ 676, 101, 113, 30 ], "completed": false }, { "type": "link", "position": [ 40, 104, 55, 23 ], "completed": false }, { "type": "link", "position": [ 152, 104, 75, 23 ], "completed": false }, { "type": "icon", "position": [ 105, 113, 12, 8 ], "completed": true }, { "type": "icon", "position": [ 237, 113, 12, 8 ], "completed": true }, { "type": "link", "position": [ 40, 165, 142, 30 ], "completed": false }, { "type": "link", "position": [ 217, 165, 34, 30 ], "completed": false } ] }, { "text": "#A header page for showing the info.#There is one title \"Anethsboutique1\", and three icons. Eleven links are used for users to know more info. In addition, there is one slogan.", "region_id": "7786", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'anethsboutique1'] ] [el:icon [attr:repeat '3'] ] [gp:FlatNavGroup [gattr:repeat '11'] [item [el:link] ] ] [el:title] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 19 | icon 111 3 3 3 | icon 105 3 3 3 | icon 4 3 3 3 | title 5 20 109 2 | title 47 3 25 4 | \" [ link 6 8 9 4 ] | [ link 16 8 11 4 ] | [ link 29 8 24 4 ] | [ link 54 8 15 4 ] | [ link 70 8 9 4 ] | [ link 80 8 8 4 ] | [ link 89 8 12 4 ] | [ link 103 8 9 4 ] | [ link 38 12 9 4 ] | [ link 48 12 16 4 ] | [ link 65 12 16 4 ] \"", "layout_seq_without_completion": "background 0 0 120 19 | icon 111 3 3 3 | icon 105 3 3 3 | icon 4 3 3 3 | title 5 20 109 2 | title 47 3 25 4 | \" [ link 6 8 9 4 ] | [ link 16 8 11 4 ] | [ link 29 8 24 4 ] | [ link 54 8 15 4 ] | [ link 70 8 9 4 ] | [ link 80 8 8 4 ] | [ link 89 8 12 4 ] | [ link 103 8 9 4 ] | [ link 38 12 9 4 ] | [ link 48 12 16 4 ] | [ link 65 12 16 4 ] \"", "plain_layout_seq": "background 0 0 120 19 | icon 111 3 3 3 | icon 105 3 3 3 | icon 4 3 3 3 | link 6 8 9 4 | link 16 8 11 4 | link 29 8 24 4 | link 54 8 15 4 | link 70 8 9 4 | link 80 8 8 4 | link 89 8 12 4 | link 103 8 9 4 | link 38 12 9 4 | link 48 12 16 4 | link 65 12 16 4 | title 5 20 109 2 | title 47 3 25 4", "canvas_width": 1009, "canvas_height": 203, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 162 ], "completed": true }, { "type": "title", "position": [ 398, 27, 212, 36 ], "completed": false }, { "type": "icon", "position": [ 40, 31, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 941, 31, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 884, 32, 28, 28 ], "completed": false }, { "type": "link", "position": [ 56, 70, 79, 36 ], "completed": false }, { "type": "link", "position": [ 141, 70, 99, 36 ], "completed": false }, { "type": "link", "position": [ 246, 70, 205, 36 ], "completed": false }, { "type": "link", "position": [ 456, 70, 130, 36 ], "completed": false }, { "type": "link", "position": [ 592, 70, 81, 36 ], "completed": false }, { "type": "link", "position": [ 678, 70, 71, 36 ], "completed": false }, { "type": "link", "position": [ 755, 70, 108, 36 ], "completed": false }, { "type": "link", "position": [ 869, 70, 84, 36 ], "completed": false }, { "type": "link", "position": [ 321, 106, 78, 36 ], "completed": false }, { "type": "link", "position": [ 404, 106, 137, 36 ], "completed": false }, { "type": "link", "position": [ 547, 106, 142, 36 ], "completed": false }, { "type": "title", "position": [ 45, 171, 919, 22 ], "completed": false } ] }, { "text": "A header page for an online shop named Modern Living. # On the top, there should have a sentence introducing the free shipping condition. Then the page should have the logo of the store, five links \"Home\" \"Products\" \"Sale\" \"About\" and \"Contact\". Also, three icons for the search, login, and shopping cart are needed.", "region_id": "6473", "region_type": "Header", "ir": "[region:Header [el:text [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Home, Products, Sale, About, Contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 111 10 3 3 | link 48 11 10 3 | link 42 11 4 1 | link 60 11 2 1 | link 72 11 5 1 | link 66 11 4 1 | logo 8 6 11 11 | text 0 0 120 4", "layout_seq_without_completion": "icon 111 10 3 3 | link 48 11 10 3 | link 42 11 4 1 | link 60 11 2 1 | link 72 11 5 1 | link 66 11 4 1 | logo 8 6 11 11 | text 0 0 120 4", "plain_layout_seq": "icon 111 10 3 3 | link 48 11 10 3 | link 42 11 4 1 | link 60 11 2 1 | link 72 11 5 1 | link 66 11 4 1 | logo 8 6 11 11 | text 0 0 120 4", "canvas_width": 1024, "canvas_height": 179, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 39 ], "completed": false }, { "type": "logo", "position": [ 70, 59, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 953, 93, 30, 32 ], "completed": false }, { "type": "link", "position": [ 412, 94, 92, 27 ], "completed": false }, { "type": "link", "position": [ 364, 99, 35, 17 ], "completed": false }, { "type": "link", "position": [ 517, 99, 24, 17 ], "completed": false }, { "type": "link", "position": [ 564, 99, 35, 17 ], "completed": false }, { "type": "link", "position": [ 622, 99, 46, 17 ], "completed": false } ] }, { "text": "#A page for navigation of the web CHICA CHIC.#The page should have a brief description at the top. There is a logo and four links for users to click, \"home\", \"new arrivals\", \"collections\", and \"best sellers\". There are five icons on both sides for users to get more information.", "region_id": "6456", "region_type": "Header", "ir": "[region:Header [el:description [attr:size 'small'] [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, new arrivals, collections, best sellers'] [item [el:link] ] ] [el:icon [attr:repeat '5'] ] ]", "execution": "header : description top small | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 4 1 110 2 | icon 109 5 1 1 | icon 4 14 3 3 | icon 105 14 3 3 | icon 112 5 1 1 | icon 112 14 3 3 | logo 54 11 11 7 | \" [ link 29 20 9 4 ] | [ link 39 20 17 4 ] | [ link 57 20 16 4 ] | [ link 74 20 16 4 ] \"", "layout_seq_without_completion": "description 4 1 110 2 | icon 109 5 1 1 | icon 4 14 3 3 | icon 105 14 3 3 | icon 112 5 1 1 | icon 112 14 3 3 | logo 54 11 11 7 | \" [ link 29 20 9 4 ] | [ link 39 20 17 4 ] | [ link 57 20 16 4 ] | [ link 74 20 16 4 ] \"", "plain_layout_seq": "description 4 1 110 2 | icon 109 5 1 1 | icon 4 14 3 3 | icon 105 14 3 3 | icon 112 5 1 1 | icon 112 14 3 3 | link 29 20 9 4 | link 39 20 17 4 | link 57 20 16 4 | link 74 20 16 4 | logo 54 11 11 7", "canvas_width": 1024, "canvas_height": 231, "elements": [ { "type": "description", "position": [ 40, 10, 944, 22 ], "completed": false }, { "type": "icon", "position": [ 933, 49, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 49, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 464, 102, 95, 65 ], "completed": false }, { "type": "icon", "position": [ 40, 120, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 120, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 899, 122, 28, 28 ], "completed": false }, { "type": "link", "position": [ 248, 174, 79, 36 ], "completed": false }, { "type": "link", "position": [ 333, 174, 152, 36 ], "completed": false }, { "type": "link", "position": [ 491, 174, 143, 36 ], "completed": false }, { "type": "link", "position": [ 639, 174, 137, 36 ], "completed": false } ] }, { "text": "#A header page of AMONI TEAS for users to get information.# The page should include the logo of AMONI TEAS and three links, including \"Home\", \"About Us\", and \"Our Products\". There are also three links with icon for users to search on the page or check their personal information.", "region_id": "7036", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, about us, our products'] [item [el:link] ] ] [el:link [attr:repeat '3'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 3 0 23 8 | \" [ link 45 1 9 6 ] | [ link 54 1 12 6 ] | [ link 67 1 16 6 ] \" | \" [ link 87 3 5 2 ] | [ link 98 3 5 2 ] | [ link 110 3 5 2 ] \"", "layout_seq_without_completion": "logo 3 0 23 8 | \" [ link 45 1 9 6 ] | [ link 54 1 12 6 ] | [ link 67 1 16 6 ] \" | \" [ link 87 3 5 2 ] | [ link 98 3 5 2 ] | [ link 110 3 5 2 ] \"", "plain_layout_seq": "link 45 1 9 6 | link 54 1 12 6 | link 67 1 16 6 | link 87 3 5 2 | link 98 3 5 2 | link 110 3 5 2 | logo 3 0 23 8", "canvas_width": 1009, "canvas_height": 85, "elements": [ { "type": "logo", "position": [ 30, 7, 200, 71 ], "completed": false }, { "type": "link", "position": [ 379, 14, 78, 56 ], "completed": false }, { "type": "link", "position": [ 461, 14, 104, 56 ], "completed": false }, { "type": "link", "position": [ 569, 14, 138, 56 ], "completed": false }, { "type": "link", "position": [ 739, 33, 44, 19 ], "completed": false }, { "type": "link", "position": [ 830, 33, 50, 19 ], "completed": false }, { "type": "link", "position": [ 930, 33, 46, 19 ], "completed": false } ] }, { "text": "#A page navigation of a web.# The page should have two buttons for users to check the products and services and online banking, and 8 links to jump to other pages such as the insurance page and business page. A button is needed for users to click to log in.", "region_id": "3993", "region_type": "Header", "ir": "[region:Header [el:button [attr:value 'products and services'] ] [el:button [attr:value 'online banking'] ] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] [el:button [attr:value 'log in'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 0 0 60 5 | button 60 0 59 5 | button 110 17 9 6 | \" [ link 0 5 20 6 ] | [ link 20 5 16 6 ] | [ link 36 5 14 6 ] | [ link 50 5 17 6 ] | [ link 68 5 12 6 ] | [ link 80 5 14 6 ] | [ link 95 5 11 6 ] | [ link 0 11 23 6 ] \"", "layout_seq_without_completion": "button 0 0 60 5 | button 60 0 59 5 | button 110 17 9 6 | \" [ link 0 5 20 6 ] | [ link 20 5 16 6 ] | [ link 36 5 14 6 ] | [ link 50 5 17 6 ] | [ link 68 5 12 6 ] | [ link 80 5 14 6 ] | [ link 95 5 11 6 ] | [ link 0 11 23 6 ] \"", "plain_layout_seq": "button 0 0 60 5 | button 60 0 59 5 | button 110 17 9 6 | link 0 5 20 6 | link 20 5 16 6 | link 36 5 14 6 | link 50 5 17 6 | link 68 5 12 6 | link 80 5 14 6 | link 95 5 11 6 | link 0 11 23 6", "canvas_width": 970, "canvas_height": 194, "elements": [ { "type": "button", "position": [ 1, 0, 487, 43 ], "completed": false }, { "type": "button", "position": [ 487, 0, 482, 43 ], "completed": false }, { "type": "link", "position": [ 1, 44, 163, 50 ], "completed": false }, { "type": "link", "position": [ 164, 44, 131, 50 ], "completed": false }, { "type": "link", "position": [ 295, 44, 117, 50 ], "completed": false }, { "type": "link", "position": [ 412, 44, 145, 50 ], "completed": false }, { "type": "link", "position": [ 557, 44, 97, 50 ], "completed": false }, { "type": "link", "position": [ 654, 44, 114, 50 ], "completed": false }, { "type": "link", "position": [ 768, 44, 91, 50 ], "completed": false }, { "type": "link", "position": [ 1, 94, 186, 50 ], "completed": false }, { "type": "button", "position": [ 895, 144, 74, 50 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has a logo, an icon for expanding all the categories of information, an icon for searching, an icon for showing the account of users, and another icon for showing the shopping list of users.", "region_id": "6406", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'expand']] [el:icon [attr:value 'search']] [el:icon [attr:value 'account of user']] [el:icon [attr:value 'shopping list of users']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 4 2 2 2 | icon 9 2 2 2 | icon 107 2 2 2 | icon 112 2 2 2 | logo 48 0 23 8 | complete text 115 1 1 2", "layout_seq_without_completion": "icon 4 2 2 2 | icon 9 2 2 2 | icon 107 2 2 2 | icon 112 2 2 2 | logo 48 0 23 8 | text 115 1 1 2", "plain_layout_seq": "icon 4 2 2 2 | icon 9 2 2 2 | icon 107 2 2 2 | icon 112 2 2 2 | logo 48 0 23 8 | text 115 1 1 2", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 404, 0, 200, 69 ], "completed": false }, { "type": "text", "position": [ 968, 13, 9, 18 ], "completed": true }, { "type": "icon", "position": [ 38, 23, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 23, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 907, 23, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 947, 23, 24, 24 ], "completed": false } ] }, { "text": "#A header page for introducing a blog to users.# This page should include a menu button on the left. There should be three links on the right side such as \"Blog\", \"Podcast\", and \"About\".", "region_id": "3780", "region_type": "Header", "ir": "[region:Header [el:button [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'blog, podcast, about'] [item [el:link [attr:position 'right'] ] ] ] ]", "execution": "header : button left undefined | { [ link right undefined ] | [ link right undefined ] | [ link right undefined ] }", "layout_seq_with_completion": "button 0 0 4 4 | \" [ link 99 1 3 2 ] | [ link 105 1 6 2 ] | [ link 113 1 4 2 ] \"", "layout_seq_without_completion": "button 0 0 4 4 | \" [ link 99 1 3 2 ] | [ link 105 1 6 2 ] | [ link 113 1 4 2 ] \"", "plain_layout_seq": "button 0 0 4 4 | link 99 1 3 2 | link 105 1 6 2 | link 113 1 4 2", "canvas_width": 1024, "canvas_height": 46, "elements": [ { "type": "button", "position": [ 0, 0, 39, 39 ], "completed": false }, { "type": "link", "position": [ 852, 10, 28, 22 ], "completed": false }, { "type": "link", "position": [ 897, 10, 52, 22 ], "completed": false }, { "type": "link", "position": [ 966, 10, 38, 22 ], "completed": false } ] }, { "text": "# A header page for an online shop Geary Market. # The page should have a short sentence as the announcement, a store logo, two links \"Geary Boxes\" and \"Hot Takeout\" for the user to know more info, and three icons for search, login, and shopping cart.", "region_id": "8170", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [el:link [attr:value 'geary boxes'] ][el:link [attr:value 'Hot Takeout'] ] [el:icon [attr:value 'search'] ][el:icon [attr:value ' login'] ][el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 4 11 3 3 | icon 111 11 3 3 | icon 105 11 3 3 | link 72 10 15 5 | link 31 10 15 5 | logo 50 8 18 9 | title 0 0 120 3", "layout_seq_without_completion": "icon 4 11 3 3 | icon 111 11 3 3 | icon 105 11 3 3 | link 72 10 15 5 | link 31 10 15 5 | logo 50 8 18 9 | title 0 0 120 3", "plain_layout_seq": "icon 4 11 3 3 | icon 111 11 3 3 | icon 105 11 3 3 | link 72 10 15 5 | link 31 10 15 5 | logo 50 8 18 9 | title 0 0 120 3", "canvas_width": 1024, "canvas_height": 200, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 31 ], "completed": false }, { "type": "logo", "position": [ 432, 74, 160, 82 ], "completed": false }, { "type": "link", "position": [ 272, 92, 133, 46 ], "completed": false }, { "type": "link", "position": [ 619, 92, 131, 46 ], "completed": false }, { "type": "icon", "position": [ 40, 101, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 904, 101, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 955, 101, 28, 28 ], "completed": false } ] }, { "text": "# A header page for an online store Burning Guitars. # There should have a sentence showing the free shipping conditions on the top. In the middle, there should have a logo of the store. An icon for the side menu on the left, and three icons on the right for login, search and shopping cart are necessary.", "region_id": "7891", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:logo ] [el:icon [attr:position 'left'] [attr:value'side menu']] [el:icon [attr:position 'right'][attr:value'login'] ][el:icon [attr:position 'right'][attr:value'search'] ][el:icon [attr:position 'right'][attr:value'shopping cart'] ] ]", "execution": "header : description top undefined | icon left undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined", "layout_seq_with_completion": "description 0 0 120 5 | icon 2 8 5 5 | logo 44 7 30 7 | \" [ icon 103 9 2 3 ] | [ icon 108 9 2 3 ] | [ icon 113 9 2 3 ] \"", "layout_seq_without_completion": "description 0 0 120 5 | icon 2 8 5 5 | logo 44 7 30 7 | \" [ icon 103 9 2 3 ] | [ icon 108 9 2 3 ] | [ icon 113 9 2 3 ] \"", "plain_layout_seq": "description 0 0 120 5 | icon 2 8 5 5 | icon 103 9 2 3 | icon 108 9 2 3 | icon 113 9 2 3 | logo 44 7 30 7", "canvas_width": 1009, "canvas_height": 140, "elements": [ { "type": "description", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 374, 60, 260, 65 ], "completed": false }, { "type": "icon", "position": [ 20, 72, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 872, 77, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 77, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 77, 21, 26 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have an input box for users to search and an icon next to it. On the right side, there is an icon and a link. Also, there is a logo to present the brand.", "region_id": "6519", "region_type": "Header", "ir": "[region:Header [el:input [attr:value 'search'] ] [el:icon] [el:icon [attr:position 'right'] ] [el:link [attr:position 'right'] ] [el:logo] ]", "execution": "header : icon right undefined | icon undefined undefined | input undefined undefined | link right undefined | logo undefined undefined", "layout_seq_with_completion": "icon 4 2 2 2 | icon 96 2 2 2 | input 7 1 19 4 | link 108 2 7 1 | link 100 2 6 1 | logo 3 10 35 13", "layout_seq_without_completion": "icon 4 2 2 2 | icon 96 2 2 2 | input 7 1 19 4 | link 108 2 7 1 | link 100 2 6 1 | logo 3 10 35 13", "plain_layout_seq": "icon 4 2 2 2 | icon 96 2 2 2 | input 7 1 19 4 | link 108 2 7 1 | link 100 2 6 1 | logo 3 10 35 13", "canvas_width": 1024, "canvas_height": 233, "elements": [ { "type": "input", "position": [ 66, 14, 163, 36 ], "completed": false }, { "type": "icon", "position": [ 827, 21, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 36, 22, 20, 20 ], "completed": false }, { "type": "link", "position": [ 856, 22, 53, 16 ], "completed": false }, { "type": "link", "position": [ 927, 22, 67, 16 ], "completed": false }, { "type": "logo", "position": [ 30, 88, 300, 115 ], "completed": false } ] }, { "text": "#A header page of Numeade for users to get information, sign up or log in.# The page should include a logo of Numeade. There are four titles. The first one is \"About\", followed by four subtitles. The second one is \"Browse\", followed by five subtitles. The third one is \"Support\", followed by three subtitles. The last one is \u201cGet started\u201d, followed by two buttons: \"Sign up\" and \"Log in\".", "region_id": "3412", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:names 'about, browse, support, Get started\u201d'] \n[item [el:title [attr:repeat '5'] ] ] \n[item [el:title [attr:repeat '6'] ] ] \n[item [el:title [attr:repeat '4'] ] ] \n[item [el:title] [el:button [attr:value 'Sign up'] ] [el:button [attr:value 'log in'] ] ] ] ]", "execution": "header : logo undefined undefined | { [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ title undefined undefined | title undefined undefined | title undefined undefined | title undefined undefined ] | [ button undefined undefined | button undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "button 97 16 17 4 | button 97 11 17 3 | logo 5 7 22 4 | title 97 7 18 2 | \" [ title 41 20 9 1 | title 41 11 5 1 | title 41 14 4 1 | title 41 17 8 1 | title 41 7 18 2 ] | [ title 60 11 6 1 | title 60 14 3 1 | title 60 17 3 1 | title 60 20 5 1 | title 60 23 7 1 | title 60 7 18 2 ] | [ title 78 14 8 1 | title 78 17 9 1 | title 78 11 2 1 | title 78 7 18 2 ] \"", "layout_seq_without_completion": "button 97 16 17 4 | button 97 11 17 3 | logo 5 7 22 4 | title 97 7 18 2 | \" [ title 41 20 9 1 | title 41 11 5 1 | title 41 14 4 1 | title 41 17 8 1 | title 41 7 18 2 ] | [ title 60 11 6 1 | title 60 14 3 1 | title 60 17 3 1 | title 60 20 5 1 | title 60 23 7 1 | title 60 7 18 2 ] | [ title 78 14 8 1 | title 78 17 9 1 | title 78 11 2 1 | title 78 7 18 2 ] \"", "plain_layout_seq": "button 97 16 17 4 | button 97 11 17 3 | logo 5 7 22 4 | title 97 7 18 2 | title 41 20 9 1 | title 41 11 5 1 | title 41 14 4 1 | title 41 17 8 1 | title 41 7 18 2 | title 60 11 6 1 | title 60 14 3 1 | title 60 17 3 1 | title 60 20 5 1 | title 60 23 7 1 | title 60 7 18 2 | title 78 14 8 1 | title 78 17 9 1 | title 78 11 2 1 | title 78 7 18 2", "canvas_width": 1262, "canvas_height": 356, "elements": [ { "type": "logo", "position": [ 60, 81, 232, 50 ], "completed": false }, { "type": "title", "position": [ 436, 81, 195, 30 ], "completed": false }, { "type": "title", "position": [ 631, 81, 195, 30 ], "completed": false }, { "type": "title", "position": [ 826, 81, 195, 30 ], "completed": false }, { "type": "title", "position": [ 1022, 81, 195, 30 ], "completed": false }, { "type": "button", "position": [ 1022, 121, 186, 41 ], "completed": false }, { "type": "title", "position": [ 436, 123, 59, 16 ], "completed": false }, { "type": "title", "position": [ 631, 123, 72, 16 ], "completed": false }, { "type": "title", "position": [ 826, 123, 28, 16 ], "completed": false }, { "type": "title", "position": [ 436, 154, 48, 16 ], "completed": false }, { "type": "title", "position": [ 631, 154, 39, 16 ], "completed": false }, { "type": "title", "position": [ 826, 154, 86, 16 ], "completed": false }, { "type": "button", "position": [ 1022, 172, 186, 43 ], "completed": false }, { "type": "title", "position": [ 436, 185, 90, 16 ], "completed": false }, { "type": "title", "position": [ 631, 185, 40, 16 ], "completed": false }, { "type": "title", "position": [ 826, 185, 101, 16 ], "completed": false }, { "type": "title", "position": [ 436, 216, 96, 16 ], "completed": false }, { "type": "title", "position": [ 631, 216, 58, 16 ], "completed": false }, { "type": "title", "position": [ 631, 247, 82, 16 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one logo, six links for users to click to know the different content of the web fastly, such as Gamemaker, contest, and so on, and two buttons as follow create an app and log in.", "region_id": "4841", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'gamemaker, contest'] [item [el:link] ] ] [el:button [attr:value 'create app'] ] [el:button [attr:value 'log in'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 9 | button 91 2 10 4 | button 106 2 7 4 | complete icon 111 3 2 2 | logo 5 2 17 3 | complete text 5 3 10 2 | complete text 106 3 4 2 | \" [ link 26 3 7 2 ] | [ link 37 3 9 2 ] | [ link 51 3 5 2 ] | [ link 61 3 3 2 ] | [ link 68 3 8 2 ] | [ link 80 3 3 2 ] \"", "layout_seq_without_completion": "background 0 0 120 9 | button 91 2 10 4 | button 106 2 7 4 | icon 111 3 2 2 | logo 5 2 17 3 | text 5 3 10 2 | text 106 3 4 2 | \" [ link 26 3 7 2 ] | [ link 37 3 9 2 ] | [ link 51 3 5 2 ] | [ link 61 3 3 2 ] | [ link 68 3 8 2 ] | [ link 80 3 3 2 ] \"", "plain_layout_seq": "background 0 0 120 9 | button 91 2 10 4 | button 106 2 7 4 | icon 111 3 2 2 | link 26 3 7 2 | link 37 3 9 2 | link 51 3 5 2 | link 61 3 3 2 | link 68 3 8 2 | link 80 3 3 2 | logo 5 2 17 3 | text 5 3 10 2 | text 106 3 4 2", "canvas_width": 1024, "canvas_height": 78, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 78 ], "completed": true }, { "type": "logo", "position": [ 47, 20, 150, 34 ], "completed": false }, { "type": "button", "position": [ 777, 20, 88, 38 ], "completed": false }, { "type": "button", "position": [ 910, 20, 67, 38 ], "completed": false }, { "type": "text", "position": [ 47, 26, 89, 22 ], "completed": true }, { "type": "link", "position": [ 224, 28, 65, 21 ], "completed": false }, { "type": "link", "position": [ 322, 28, 81, 21 ], "completed": false }, { "type": "link", "position": [ 437, 28, 50, 21 ], "completed": false }, { "type": "link", "position": [ 521, 28, 27, 21 ], "completed": false }, { "type": "link", "position": [ 582, 28, 76, 21 ], "completed": false }, { "type": "link", "position": [ 691, 28, 29, 21 ], "completed": false }, { "type": "icon", "position": [ 951, 29, 25, 20 ], "completed": true }, { "type": "text", "position": [ 911, 30, 35, 19 ], "completed": true } ] }, { "text": "#A header page of Air-con Shop for users to search and buy products.# The page should include the logo of Air-con Shop and an input with a button. There should also be two icons for users to check their personal information or their carts.", "region_id": "6645", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value 'Air-con Shop'] ] [el:input] [el:button] [el:icon[attr:value 'personal information'] ] [el:icon[attr:value 'carts'] ]]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 98 6 2 2 | icon 111 6 3 2 | icon 107 6 2 2 | complete image 65 4 37 5 | input 65 4 31 5 | logo 4 2 20 10 | complete text 114 5 2 2", "layout_seq_without_completion": "button 98 6 2 2 | icon 111 6 3 2 | icon 107 6 2 2 | image 65 4 37 5 | input 65 4 31 5 | logo 4 2 20 10 | text 114 5 2 2", "plain_layout_seq": "button 98 6 2 2 | icon 111 6 3 2 | icon 107 6 2 2 | image 65 4 37 5 | input 65 4 31 5 | logo 4 2 20 10 | text 114 5 2 2", "canvas_width": 1024, "canvas_height": 128, "elements": [ { "type": "logo", "position": [ 40, 20, 175, 88 ], "completed": false }, { "type": "image", "position": [ 557, 42, 320, 44 ], "completed": true }, { "type": "input", "position": [ 557, 42, 270, 44 ], "completed": false }, { "type": "text", "position": [ 974, 45, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 953, 52, 27, 24 ], "completed": false }, { "type": "icon", "position": [ 917, 53, 20, 22 ], "completed": false }, { "type": "button", "position": [ 842, 54, 21, 21 ], "completed": false } ] }, { "text": "#A header page of a web for users to buy products.# The page should include propaganda text and the logo of the website. There should also be an icon for users to unfold the menu, an icon for users to check their personal information, an icon for users to search on the page, and an icon for users to check their carts.", "region_id": "6872", "region_type": "Header", "ir": "[region:Header [el:text] [el:icon [attr:repeat '2'] ] [el:icon[attr:repeat'4']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 44 7 30 26 | text 0 0 120 5 | \" [ icon 4 19 2 0 ] | [ icon 4 20 2 0 ] | [ icon 4 21 2 0 ] \" | \" [ icon 103 18 2 3 ] | [ icon 108 18 2 3 ] | [ icon 113 18 2 3 ] \"", "layout_seq_without_completion": "icon 44 7 30 26 | text 0 0 120 5 | \" [ icon 4 19 2 0 ] | [ icon 4 20 2 0 ] | [ icon 4 21 2 0 ] \" | \" [ icon 103 18 2 3 ] | [ icon 108 18 2 3 ] | [ icon 113 18 2 3 ] \"", "plain_layout_seq": "icon 44 7 30 26 | icon 4 19 2 0 | icon 4 20 2 0 | icon 4 21 2 0 | icon 103 18 2 3 | icon 108 18 2 3 | icon 113 18 2 3 | text 0 0 120 5", "canvas_width": 1009, "canvas_height": 296, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "icon", "position": [ 374, 60, 260, 221 ], "completed": false }, { "type": "icon", "position": [ 872, 155, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 155, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 155, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 35, 166, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 174, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 180, 20, 2 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the left side. There are five links, named \"submit link\", \"latest links\", \"top hits\", \"contact\", and \"RSS\". There is an input box and an icon, which are users to get more information.", "region_id": "2566", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'submit link, latest links, top hits, contact, rss'] [item [el:link] ] ] [el:input] [el:icon] ]", "execution": "header : description left undefined | icon undefined undefined | input undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 3 43 5 | icon 109 5 6 3 | complete image 57 0 52 10 | input 59 5 50 3 | \" [ link 72 0 8 2 ] | [ link 83 0 8 2 ] | [ link 95 0 6 2 ] | [ link 104 0 6 2 ] | [ link 113 0 3 2 ] \"", "layout_seq_without_completion": "description 0 3 43 5 | icon 109 5 6 3 | image 57 0 52 10 | input 59 5 50 3 | \" [ link 72 0 8 2 ] | [ link 83 0 8 2 ] | [ link 95 0 6 2 ] | [ link 104 0 6 2 ] | [ link 113 0 3 2 ] \"", "plain_layout_seq": "description 0 3 43 5 | icon 109 5 6 3 | image 57 0 52 10 | input 59 5 50 3 | link 72 0 8 2 | link 83 0 8 2 | link 95 0 6 2 | link 104 0 6 2 | link 113 0 3 2", "canvas_width": 960, "canvas_height": 120, "elements": [ { "type": "image", "position": [ 461, 0, 419, 81 ], "completed": true }, { "type": "link", "position": [ 577, 3, 69, 22 ], "completed": false }, { "type": "link", "position": [ 669, 3, 71, 22 ], "completed": false }, { "type": "link", "position": [ 761, 3, 52, 22 ], "completed": false }, { "type": "link", "position": [ 835, 3, 50, 22 ], "completed": false }, { "type": "link", "position": [ 907, 3, 31, 22 ], "completed": false }, { "type": "description", "position": [ 6, 31, 351, 43 ], "completed": false }, { "type": "input", "position": [ 472, 47, 400, 25 ], "completed": false }, { "type": "icon", "position": [ 876, 47, 52, 30 ], "completed": false } ] }, { "text": "#This page mainly introduces Shop comforts for users.# This page presents the user with an icon and five groups of related information: Home, All products, FAQs, About Us, and Track My Order.", "region_id": "7544", "region_type": "Header", "ir": "[region:Header [el:icon] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, all products, faqs, about us, track my order'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 4 5 28 5 | \" [ link 36 4 10 5 ] | [ link 48 4 17 5 ] | [ link 66 4 10 5 ] | [ link 77 4 14 5 ] | [ link 92 4 22 5 ] \"", "layout_seq_without_completion": "icon 4 5 28 5 | \" [ link 36 4 10 5 ] | [ link 48 4 17 5 ] | [ link 66 4 10 5 ] | [ link 77 4 14 5 ] | [ link 92 4 22 5 ] \"", "plain_layout_seq": "icon 4 5 28 5 | link 36 4 10 5 | link 48 4 17 5 | link 66 4 10 5 | link 77 4 14 5 | link 92 4 22 5", "canvas_width": 1009, "canvas_height": 134, "elements": [ { "type": "link", "position": [ 309, 42, 88, 50 ], "completed": false }, { "type": "link", "position": [ 404, 42, 147, 50 ], "completed": false }, { "type": "link", "position": [ 559, 42, 86, 50 ], "completed": false }, { "type": "link", "position": [ 653, 42, 121, 50 ], "completed": false }, { "type": "link", "position": [ 781, 42, 188, 50 ], "completed": false }, { "type": "icon", "position": [ 40, 43, 240, 47 ], "completed": false } ] }, { "text": "# A header page for an online store called Brandworh New York. # On the page, there should contain a store logo, and six drop-down boxes: \"Brands\" \"Underwear\" \"Undershirts\" \"Sleep/Loungewear\" \"Thermal\" and \"Baes Later\" for the user to shop according to categories. Also, two icons for search and shopping cart are necessary.", "region_id": "8167", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'Brands, Underwear, Undershirts, Sleep/Loungewear, Thermal, Baes Later'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 72 4 2 2 | complete icon 96 4 2 2 | icon 112 3 2 2 | complete icon 41 4 2 2 | complete icon 53 4 2 2 | icon 107 3 2 2 | complete icon 28 4 2 2 | complete icon 83 4 2 2 | link 87 4 8 2 | link 57 4 15 2 | link 44 4 8 2 | link 76 4 6 2 | link 23 4 4 2 | link 31 4 8 2 | logo 4 1 15 7", "layout_seq_without_completion": "icon 72 4 2 2 | icon 96 4 2 2 | icon 112 3 2 2 | icon 41 4 2 2 | icon 53 4 2 2 | icon 107 3 2 2 | icon 28 4 2 2 | icon 83 4 2 2 | link 87 4 8 2 | link 57 4 15 2 | link 44 4 8 2 | link 76 4 6 2 | link 23 4 4 2 | link 31 4 8 2 | logo 4 1 15 7", "plain_layout_seq": "icon 72 4 2 2 | icon 96 4 2 2 | icon 112 3 2 2 | icon 41 4 2 2 | icon 53 4 2 2 | icon 107 3 2 2 | icon 28 4 2 2 | icon 83 4 2 2 | link 87 4 8 2 | link 57 4 15 2 | link 44 4 8 2 | link 76 4 6 2 | link 23 4 4 2 | link 31 4 8 2 | logo 4 1 15 7", "canvas_width": 1009, "canvas_height": 87, "elements": [ { "type": "logo", "position": [ 40, 12, 130, 62 ], "completed": false }, { "type": "icon", "position": [ 901, 31, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 945, 31, 24, 24 ], "completed": false }, { "type": "link", "position": [ 194, 34, 40, 17 ], "completed": false }, { "type": "link", "position": [ 268, 34, 75, 17 ], "completed": false }, { "type": "link", "position": [ 377, 34, 72, 17 ], "completed": false }, { "type": "link", "position": [ 483, 34, 128, 17 ], "completed": false }, { "type": "link", "position": [ 645, 34, 55, 17 ], "completed": false }, { "type": "link", "position": [ 734, 34, 73, 17 ], "completed": false }, { "type": "icon", "position": [ 236, 35, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 345, 35, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 451, 35, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 613, 35, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 702, 35, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 809, 35, 18, 18 ], "completed": true } ] }, { "text": "# A page to show guidance to website users.# On the left side of the page, an icon in the shape of a \"cross\" is placed above the title \"Looks like you're a subscriber.\" under which a short description is involved. On the right side of the page, a button \"Log in\" and a link of \"Login help\" are set vertically.", "region_id": "3466", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] [attr:value 'cross'] ] [el:title [attr:value 'looks like you re a subscriber.'] [attr:position 'left'] ] [el:description [attr:size 'small'] [attr:position 'left'] ] [el:button [attr:position 'right'] [attr:value 'Log in'] ] [el:link [attr:position 'right'] [attr:value 'Login help'] ] ]", "execution": "header : button right undefined | description left small | icon left undefined | link right undefined | title left undefined", "layout_seq_with_completion": "complete background 0 0 120 22 | button 94 5 23 4 | description 1 9 34 4 | link 102 10 8 2 | title 1 3 23 5", "layout_seq_without_completion": "background 0 0 120 22 | button 94 5 23 4 | description 1 9 34 4 | link 102 10 8 2 | title 1 3 23 5", "plain_layout_seq": "background 0 0 120 22 | button 94 5 23 4 | description 1 9 34 4 | link 102 10 8 2 | title 1 3 23 5", "canvas_width": 1024, "canvas_height": 190, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 190 ], "completed": true }, { "type": "title", "position": [ 15, 32, 201, 49 ], "completed": false }, { "type": "button", "position": [ 809, 45, 200, 39 ], "completed": false }, { "type": "description", "position": [ 15, 83, 294, 39 ], "completed": false }, { "type": "link", "position": [ 874, 93, 71, 18 ], "completed": false } ] }, { "text": "#A page of ArtPal for users to buy products.# The page should include the logo of ArtPal and three links. There should also be a link for users to log in and a link with an icon for users to check their carts.", "region_id": "3733", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] [el:link [attr:value 'login']] [el:link [attr:value 'cart']] [el:icon [attr:value 'cart']] ]", "execution": "header : icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 110 3 3 2 | link 20 0 12 8 | link 33 0 12 8 | link 45 0 14 8 | link 100 0 7 8 | link 114 3 3 1 | logo 4 2 13 3 | complete text 110 2 3 1", "layout_seq_without_completion": "icon 110 3 3 2 | link 20 0 12 8 | link 33 0 12 8 | link 45 0 14 8 | link 100 0 7 8 | link 114 3 3 1 | logo 4 2 13 3 | text 110 2 3 1", "plain_layout_seq": "icon 110 3 3 2 | link 20 0 12 8 | link 33 0 12 8 | link 45 0 14 8 | link 100 0 7 8 | link 114 3 3 1 | logo 4 2 13 3 | text 110 2 3 1", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "link", "position": [ 175, 0, 104, 70 ], "completed": false }, { "type": "link", "position": [ 279, 0, 102, 70 ], "completed": false }, { "type": "link", "position": [ 381, 0, 124, 70 ], "completed": false }, { "type": "link", "position": [ 848, 0, 62, 70 ], "completed": false }, { "type": "logo", "position": [ 35, 19, 110, 29 ], "completed": false }, { "type": "text", "position": [ 929, 20, 26, 16 ], "completed": true }, { "type": "link", "position": [ 959, 27, 28, 16 ], "completed": false }, { "type": "icon", "position": [ 927, 28, 28, 17 ], "completed": false } ] }, { "text": "#A page for navigation of an online booking.# The page should have 3 links for users to click to quickly learn different content in terms of the salon and the service.", "region_id": "8613", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link ] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 3 16 3 ] | [ link 54 4 10 2 ] | [ link 93 4 13 2 ] \"", "layout_seq_without_completion": "\" [ link 11 3 16 3 ] | [ link 54 4 10 2 ] | [ link 93 4 13 2 ] \"", "plain_layout_seq": "link 11 3 16 3 | link 54 4 10 2 | link 93 4 13 2", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "link", "position": [ 99, 26, 139, 32 ], "completed": false }, { "type": "link", "position": [ 459, 42, 91, 25 ], "completed": false }, { "type": "link", "position": [ 785, 42, 112, 25 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has 5 links for users to click to get further information and a button named \"CREATE ACCOUNT\".", "region_id": "3828", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:button [attr:value 'create account'] ] ]", "execution": "header : button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 98 0 14 3 | \" [ link 7 0 9 3 ] | [ link 22 0 7 3 ] | [ link 36 0 13 3 ] | [ link 55 0 12 3 ] | [ link 74 0 3 3 ] \"", "layout_seq_without_completion": "button 98 0 14 3 | \" [ link 7 0 9 3 ] | [ link 22 0 7 3 ] | [ link 36 0 13 3 ] | [ link 55 0 12 3 ] | [ link 74 0 3 3 ] \"", "plain_layout_seq": "button 98 0 14 3 | link 7 0 9 3 | link 22 0 7 3 | link 36 0 13 3 | link 55 0 12 3 | link 74 0 3 3", "canvas_width": 1024, "canvas_height": 36, "elements": [ { "type": "link", "position": [ 60, 4, 80, 27 ], "completed": false }, { "type": "link", "position": [ 195, 4, 60, 27 ], "completed": false }, { "type": "link", "position": [ 310, 4, 111, 27 ], "completed": false }, { "type": "link", "position": [ 476, 4, 106, 27 ], "completed": false }, { "type": "link", "position": [ 637, 4, 28, 27 ], "completed": false }, { "type": "button", "position": [ 839, 4, 125, 27 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the shopping website.#The page should include one small slogan on the top. Under it, there should have four links for users to click to know the different content of the web fastly, one logo, and one icon representing an item purchased. Also, there should have one label indicating quantity.", "region_id": "8719", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] [attr:size 'small'] ] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:logo] [el:icon] [el:text] ]", "execution": "header : icon undefined undefined | logo undefined undefined | text undefined undefined | title top small | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 110 9 3 3 | link 102 10 5 3 | logo 43 7 33 7 | text 114 10 1 1 | title 2 1 115 2 | \" [ link 4 10 4 3 ] | [ link 12 10 9 3 ] | [ link 25 10 4 3 ] \"", "layout_seq_without_completion": "icon 110 9 3 3 | link 102 10 5 3 | logo 43 7 33 7 | text 114 10 1 1 | title 2 1 115 2 | \" [ link 4 10 4 3 ] | [ link 12 10 9 3 ] | [ link 25 10 4 3 ] \"", "plain_layout_seq": "icon 110 9 3 3 | link 102 10 5 3 | link 4 10 4 3 | link 12 10 9 3 | link 25 10 4 3 | logo 43 7 33 7 | text 114 10 1 1 | title 2 1 115 2", "canvas_width": 1009, "canvas_height": 159, "elements": [ { "type": "title", "position": [ 20, 10, 969, 23 ], "completed": false }, { "type": "logo", "position": [ 364, 67, 280, 63 ], "completed": false }, { "type": "icon", "position": [ 928, 83, 32, 32 ], "completed": false }, { "type": "link", "position": [ 40, 86, 40, 30 ], "completed": false }, { "type": "link", "position": [ 104, 86, 84, 30 ], "completed": false }, { "type": "link", "position": [ 212, 86, 38, 30 ], "completed": false }, { "type": "link", "position": [ 861, 86, 47, 30 ], "completed": false }, { "type": "text", "position": [ 959, 91, 10, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have three links for users to click fastly, \"start a store\", \"find products to sell\", and \"buy an existing online store\".", "region_id": "7663", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'start a store, find products to sell, buy an existing online store'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is a logo on the right side. There are five links for users to click fastly, \"social media\", \"mobile applications\", \"about Canada.ca\", \"terms and conditions\", and \"privacy\".", "region_id": "4146", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'right'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'social media, mobile applications, about canada.ca, terms and conditions, privacy'] [item [el:link] ] ] ]", "execution": "header : logo right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 95 2 19 4 | \" [ link 4 4 9 1 ] | [ link 17 4 13 1 ] | [ link 34 4 12 1 ] | [ link 50 4 15 1 ] | [ link 69 4 5 1 ] \"", "layout_seq_without_completion": "logo 95 2 19 4 | \" [ link 4 4 9 1 ] | [ link 17 4 13 1 ] | [ link 34 4 12 1 ] | [ link 50 4 15 1 ] | [ link 69 4 5 1 ] \"", "plain_layout_seq": "link 4 4 9 1 | link 17 4 13 1 | link 34 4 12 1 | link 50 4 15 1 | link 69 4 5 1 | logo 95 2 19 4", "canvas_width": 1024, "canvas_height": 106, "elements": [ { "type": "logo", "position": [ 814, 20, 169, 40 ], "completed": false }, { "type": "link", "position": [ 42, 39, 80, 16 ], "completed": false }, { "type": "link", "position": [ 150, 39, 119, 16 ], "completed": false }, { "type": "link", "position": [ 297, 39, 108, 16 ], "completed": false }, { "type": "link", "position": [ 433, 39, 133, 16 ], "completed": false }, { "type": "link", "position": [ 594, 39, 46, 16 ], "completed": false } ] }, { "text": "# A page for an online shop Mace Co Boutique. # There should have a logo on the left, and two links: \"Home\" and \"Catalog\" for the user to click to return to the home page and view the product by category. Then, there should also have three icons of search, login, and shopping cart.", "region_id": "8345", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup[gattr:repeat '2'][gattr:names 'Home,Catalog'][item[el:link]]] [el:icon[attr:value'search']] [el:icon[attr:value'login']][el:icon[attr:value'shoping cart']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 53 3 4 2 | link 60 3 5 2 | logo 6 1 26 5 | \" [ icon 100 3 2 2 ] | [ icon 105 3 2 2 ] | [ icon 109 3 2 2 ] \"", "layout_seq_without_completion": "link 53 3 4 2 | link 60 3 5 2 | logo 6 1 26 5 | \" [ icon 100 3 2 2 ] | [ icon 105 3 2 2 ] | [ icon 109 3 2 2 ] \"", "plain_layout_seq": "icon 100 3 2 2 | icon 105 3 2 2 | icon 109 3 2 2 | link 53 3 4 2 | link 60 3 5 2 | logo 6 1 26 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 48 ], "completed": false }, { "type": "link", "position": [ 455, 30, 40, 18 ], "completed": false }, { "type": "link", "position": [ 519, 30, 50, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 30, 20, 20 ], "completed": false } ] }, { "text": "#A page for introducing the info.# There is one logo, one title \"Happy February Shop for Ewenique gifts for your valentine\", four links \"ABOUT\", \"SHOP\", \"LEARN\", and \"CONTACT\", and three icons.", "region_id": "6605", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title [attr:value 'happy february shop for ewenique gifts for your valentine'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'about, shop, learn, contact'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 26 21 | title 0 0 119 5 | \" [ link 40 17 7 2 ] | [ link 50 17 5 2 ] | [ link 59 17 6 2 ] | [ link 69 17 10 2 ] \" | \" [ icon 100 17 2 2 ] | [ icon 105 17 2 2 ] | [ icon 109 17 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 26 21 | title 0 0 119 5 | \" [ link 40 17 7 2 ] | [ link 50 17 5 2 ] | [ link 59 17 6 2 ] | [ link 69 17 10 2 ] \" | \" [ icon 100 17 2 2 ] | [ icon 105 17 2 2 ] | [ icon 109 17 2 2 ] \"", "plain_layout_seq": "icon 100 17 2 2 | icon 105 17 2 2 | icon 109 17 2 2 | link 40 17 7 2 | link 50 17 5 2 | link 59 17 6 2 | link 69 17 10 2 | logo 6 7 26 21 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 265, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 229, 183 ], "completed": false }, { "type": "link", "position": [ 346, 146, 62, 24 ], "completed": false }, { "type": "link", "position": [ 433, 146, 49, 24 ], "completed": false }, { "type": "link", "position": [ 507, 146, 57, 24 ], "completed": false }, { "type": "link", "position": [ 589, 146, 89, 24 ], "completed": false }, { "type": "icon", "position": [ 856, 149, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 149, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 149, 20, 20 ], "completed": false } ] }, { "text": "#A page for showing some info.# There is one logo, four links \"Home\", \"Products\", \"Contact\", and \"Blog\", and three icons.", "region_id": "8462", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, products, contact, Blog'] [item [el:link] ] ] [el:icon [attr:repeat '3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 5 2 2 | icon 101 5 2 2 | icon 110 4 5 5 | logo 5 3 24 7 | \" [ link 35 5 5 2 ] | [ link 43 5 7 2 ] | [ link 53 5 7 2 ] | [ link 63 5 3 2 ] \"", "layout_seq_without_completion": "icon 106 5 2 2 | icon 101 5 2 2 | icon 110 4 5 5 | logo 5 3 24 7 | \" [ link 35 5 5 2 ] | [ link 43 5 7 2 ] | [ link 53 5 7 2 ] | [ link 63 5 3 2 ] \"", "plain_layout_seq": "icon 106 5 2 2 | icon 101 5 2 2 | icon 110 4 5 5 | link 35 5 5 2 | link 43 5 7 2 | link 53 5 7 2 | link 63 5 3 2 | logo 5 3 24 7", "canvas_width": 1024, "canvas_height": 122, "elements": [ { "type": "logo", "position": [ 50, 27, 210, 66 ], "completed": false }, { "type": "icon", "position": [ 942, 38, 44, 44 ], "completed": false }, { "type": "link", "position": [ 300, 50, 44, 20 ], "completed": false }, { "type": "link", "position": [ 368, 50, 67, 20 ], "completed": false }, { "type": "link", "position": [ 459, 50, 63, 20 ], "completed": false }, { "type": "link", "position": [ 546, 50, 31, 20 ], "completed": false }, { "type": "icon", "position": [ 866, 50, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 50, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 10 links for users to click to download, jump to the home page, check the software, engineering, forums, and so on.", "region_id": "5011", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '10'] [gattr:names 'download, home ,check the software, engineering, forums'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 7 5 ] | [ link 7 0 7 5 ] | [ link 15 0 13 5 ] | [ link 28 0 11 5 ] | [ link 40 0 9 5 ] | [ link 49 0 9 5 ] | [ link 59 0 9 5 ] | [ link 68 0 13 5 ] | [ link 82 0 13 5 ] | [ link 95 0 9 5 ] \"", "layout_seq_without_completion": "\" [ link 0 0 7 5 ] | [ link 7 0 7 5 ] | [ link 15 0 13 5 ] | [ link 28 0 11 5 ] | [ link 40 0 9 5 ] | [ link 49 0 9 5 ] | [ link 59 0 9 5 ] | [ link 68 0 13 5 ] | [ link 82 0 13 5 ] | [ link 95 0 9 5 ] \"", "plain_layout_seq": "link 0 0 7 5 | link 7 0 7 5 | link 15 0 13 5 | link 28 0 11 5 | link 40 0 9 5 | link 49 0 9 5 | link 59 0 9 5 | link 68 0 13 5 | link 82 0 13 5 | link 95 0 9 5", "canvas_width": 1024, "canvas_height": 45, "elements": [ { "type": "link", "position": [ 0, 0, 67, 45 ], "completed": false }, { "type": "link", "position": [ 67, 0, 64, 45 ], "completed": false }, { "type": "link", "position": [ 131, 0, 115, 45 ], "completed": false }, { "type": "link", "position": [ 246, 0, 98, 45 ], "completed": false }, { "type": "link", "position": [ 344, 0, 78, 45 ], "completed": false }, { "type": "link", "position": [ 422, 0, 84, 45 ], "completed": false }, { "type": "link", "position": [ 506, 0, 82, 45 ], "completed": false }, { "type": "link", "position": [ 588, 0, 118, 45 ], "completed": false }, { "type": "link", "position": [ 706, 0, 112, 45 ], "completed": false }, { "type": "link", "position": [ 818, 0, 77, 45 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and two links, \"login\" and \"join\". Also, there are two icons on the right side, which are for users to get more information.", "region_id": "6001", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:value 'login']] [el:link [attr:value 'join'] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : icon right undefined | icon right undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | icon 111 2 2 2 | icon 114 2 5 2 | link 97 3 4 0 | link 92 2 4 2 | logo 1 1 12 4", "layout_seq_without_completion": "background 0 0 120 7 | icon 111 2 2 2 | icon 114 2 5 2 | link 97 3 4 0 | link 92 2 4 2 | logo 1 1 12 4", "plain_layout_seq": "background 0 0 120 7 | icon 111 2 2 2 | icon 114 2 5 2 | link 97 3 4 0 | link 92 2 4 2 | logo 1 1 12 4", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 60 ], "completed": true }, { "type": "logo", "position": [ 16, 12, 103, 35 ], "completed": false }, { "type": "link", "position": [ 792, 21, 39, 23 ], "completed": false }, { "type": "icon", "position": [ 948, 21, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 974, 21, 50, 18 ], "completed": false }, { "type": "link", "position": [ 836, 29, 37, 7 ], "completed": false } ] }, { "text": "#A page for navigation of the website to users.#The page should have seven links for users to click to know the different content fastly.", "region_id": "5374", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 56 0 19 3 | link 76 0 15 3 | link 0 3 16 3 | link 36 0 19 3 | link 91 0 16 3 | link 0 0 13 2 | link 18 0 13 2", "layout_seq_without_completion": "link 56 0 19 3 | link 76 0 15 3 | link 0 3 16 3 | link 36 0 19 3 | link 91 0 16 3 | link 0 0 13 2 | link 18 0 13 2", "plain_layout_seq": "link 56 0 19 3 | link 76 0 15 3 | link 0 3 16 3 | link 36 0 19 3 | link 91 0 16 3 | link 0 0 13 2 | link 18 0 13 2", "canvas_width": 954, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 0, 0, 110, 18 ], "completed": false }, { "type": "link", "position": [ 150, 0, 104, 18 ], "completed": false }, { "type": "link", "position": [ 294, 2, 158, 25 ], "completed": false }, { "type": "link", "position": [ 452, 2, 157, 25 ], "completed": false }, { "type": "link", "position": [ 609, 2, 122, 25 ], "completed": false }, { "type": "link", "position": [ 731, 2, 135, 25 ], "completed": false }, { "type": "link", "position": [ 0, 27, 131, 25 ], "completed": false } ] }, { "text": "#This is the Header about Splashpad. #There is a paragraph on this page: \"Free Shipping Sitewide In The Us W/code: Shpfree\", there is a Splashpad logo below, there are seven groups next to it, and there are six icons on the far right.", "region_id": "8123", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free shipping sitewide in the us w/code: shpfree'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link ] ] ] [el:icon [attr:repeat '6'] [attr:position 'right']] ]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 8 120 18 | complete button 59 1 1 0 | logo 4 12 17 11 | title 4 1 110 2 | \" [ icon 106 5 1 1 ] | [ icon 109 5 1 1 ] | [ icon 112 5 1 1 ] | [ icon 99 16 3 3 ] | [ icon 105 16 3 3 ] | [ icon 111 16 3 3 ] \" | \" [ link 27 13 9 4 ] | [ link 37 13 9 4 ] | [ link 46 13 8 4 ] | [ link 55 13 15 4 ] | [ link 71 13 12 4 ] | [ link 83 13 8 4 ] | [ link 53 18 13 4 ] \"", "layout_seq_without_completion": "background 0 8 120 18 | button 59 1 1 0 | logo 4 12 17 11 | title 4 1 110 2 | \" [ icon 106 5 1 1 ] | [ icon 109 5 1 1 ] | [ icon 112 5 1 1 ] | [ icon 99 16 3 3 ] | [ icon 105 16 3 3 ] | [ icon 111 16 3 3 ] \" | \" [ link 27 13 9 4 ] | [ link 37 13 9 4 ] | [ link 46 13 8 4 ] | [ link 55 13 15 4 ] | [ link 71 13 12 4 ] | [ link 83 13 8 4 ] | [ link 53 18 13 4 ] \"", "plain_layout_seq": "background 0 8 120 18 | button 59 1 1 0 | icon 106 5 1 1 | icon 109 5 1 1 | icon 112 5 1 1 | icon 99 16 3 3 | icon 105 16 3 3 | icon 111 16 3 3 | link 27 13 9 4 | link 37 13 9 4 | link 46 13 8 4 | link 55 13 15 4 | link 71 13 12 4 | link 83 13 8 4 | link 53 18 13 4 | logo 4 12 17 11 | title 4 1 110 2", "canvas_width": 1009, "canvas_height": 231, "elements": [ { "type": "title", "position": [ 40, 10, 929, 22 ], "completed": false }, { "type": "button", "position": [ 504, 10, 12, 2 ], "completed": true }, { "type": "icon", "position": [ 896, 49, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 922, 49, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 948, 49, 16, 16 ], "completed": false }, { "type": "background", "position": [ 0, 74, 1009, 157 ], "completed": true }, { "type": "logo", "position": [ 40, 104, 150, 97 ], "completed": false }, { "type": "link", "position": [ 234, 115, 83, 37 ], "completed": false }, { "type": "link", "position": [ 317, 115, 78, 37 ], "completed": false }, { "type": "link", "position": [ 395, 115, 70, 37 ], "completed": false }, { "type": "link", "position": [ 465, 115, 132, 37 ], "completed": false }, { "type": "link", "position": [ 598, 115, 108, 37 ], "completed": false }, { "type": "link", "position": [ 705, 115, 70, 37 ], "completed": false }, { "type": "icon", "position": [ 889, 138, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 941, 138, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 837, 139, 28, 28 ], "completed": false }, { "type": "link", "position": [ 449, 152, 112, 37 ], "completed": false } ] }, { "text": "#A header page of an accessories company for users to get information.# The page should include the logo of the company. There are 9 links for users to click and get information about the company. There are also three icons for users to search on the page or check their personal information.", "region_id": "8379", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] [el:icon [attr:value 'search on the page'] ] [el:icon [attr:value 'personal'] ] [el:icon ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 1 26 26 | \" [ link 36 11 4 3 ] | [ link 43 11 9 3 ] | [ link 55 11 10 3 ] | [ link 68 11 4 3 ] | [ link 75 11 7 3 ] | [ link 44 15 3 3 ] | [ link 50 15 2 3 ] | [ link 56 15 6 3 ] | [ link 65 15 9 3 ] \" | \" [ icon 100 13 2 2 ] | [ icon 105 13 2 2 ] | [ icon 109 13 2 2 ] \"", "layout_seq_without_completion": "logo 6 1 26 26 | \" [ link 36 11 4 3 ] | [ link 43 11 9 3 ] | [ link 55 11 10 3 ] | [ link 68 11 4 3 ] | [ link 75 11 7 3 ] | [ link 44 15 3 3 ] | [ link 50 15 2 3 ] | [ link 56 15 6 3 ] | [ link 65 15 9 3 ] \" | \" [ icon 100 13 2 2 ] | [ icon 105 13 2 2 ] | [ icon 109 13 2 2 ] \"", "plain_layout_seq": "icon 100 13 2 2 | icon 105 13 2 2 | icon 109 13 2 2 | link 36 11 4 3 | link 43 11 9 3 | link 55 11 10 3 | link 68 11 4 3 | link 75 11 7 3 | link 44 15 3 3 | link 50 15 2 3 | link 56 15 6 3 | link 65 15 9 3 | logo 6 1 26 26", "canvas_width": 1024, "canvas_height": 260, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 229 ], "completed": false }, { "type": "link", "position": [ 312, 101, 36, 28 ], "completed": false }, { "type": "link", "position": [ 372, 101, 79, 28 ], "completed": false }, { "type": "link", "position": [ 474, 101, 87, 28 ], "completed": false }, { "type": "link", "position": [ 586, 101, 38, 28 ], "completed": false }, { "type": "link", "position": [ 648, 101, 65, 28 ], "completed": false }, { "type": "icon", "position": [ 856, 119, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 119, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 119, 20, 20 ], "completed": false }, { "type": "link", "position": [ 379, 129, 30, 28 ], "completed": false }, { "type": "link", "position": [ 433, 129, 23, 28 ], "completed": false }, { "type": "link", "position": [ 480, 129, 59, 28 ], "completed": false }, { "type": "link", "position": [ 563, 129, 82, 28 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 5 links for users to click to quickly know different info such as \"about\" \"contact\", \"shipping & returns\", \"privacy\" and \"items\".", "region_id": "8233", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'about ,contact,shipping & returns, privacy,items'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 35 0 5 2 ] | [ link 42 0 6 2 ] | [ link 51 0 16 2 ] | [ link 70 0 6 2 ] | [ link 78 0 5 2 ] \"", "layout_seq_without_completion": "\" [ link 35 0 5 2 ] | [ link 42 0 6 2 ] | [ link 51 0 16 2 ] | [ link 70 0 6 2 ] | [ link 78 0 5 2 ] \"", "plain_layout_seq": "link 35 0 5 2 | link 42 0 6 2 | link 51 0 16 2 | link 70 0 6 2 | link 78 0 5 2", "canvas_width": 980, "canvas_height": 18, "elements": [ { "type": "link", "position": [ 292, 0, 42, 17 ], "completed": false }, { "type": "link", "position": [ 350, 0, 55, 17 ], "completed": false }, { "type": "link", "position": [ 422, 0, 138, 17 ], "completed": false }, { "type": "link", "position": [ 576, 0, 52, 17 ], "completed": false }, { "type": "link", "position": [ 645, 0, 44, 17 ], "completed": false } ] }, { "text": "# A header page for a data platform dynata. # On the page, there should have a logo, and five drop-down boxes \"Products\" \"Data\" \"Solutions\" \"Company\" and \"Insights Hub\" for the user to choose the item they want to know. There should also have two links to log in and contact the company. Besides, a button for the user to request a demo, and an icon for search are needed.", "region_id": "3768", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Products, Data, Solutions, Company, Insights Hub'] [item [el:link] ] ] [el:link [attr:value 'log in'] ] [el:link [attr:value 'contact the company'] ] [el:button [attr:value 'request a demo'] ] [el:icon [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 3 2 2 | link 85 3 5 2 | link 95 3 9 2 | logo 5 7 18 6 | \" [ link 35 7 12 4 ] | [ link 48 7 8 4 ] | [ link 57 7 13 4 ] | [ link 70 7 12 4 ] | [ link 83 7 15 4 ] | [ button 98 7 16 4 ] \"", "layout_seq_without_completion": "icon 109 3 2 2 | link 85 3 5 2 | link 95 3 9 2 | logo 5 7 18 6 | \" [ link 35 7 12 4 ] | [ link 48 7 8 4 ] | [ link 57 7 13 4 ] | [ link 70 7 12 4 ] | [ link 83 7 15 4 ] | [ button 98 7 16 4 ] \"", "plain_layout_seq": "button 98 7 16 4 | icon 109 3 2 2 | link 85 3 5 2 | link 95 3 9 2 | link 35 7 12 4 | link 48 7 8 4 | link 57 7 13 4 | link 70 7 12 4 | link 83 7 15 4 | logo 5 7 18 6", "canvas_width": 1024, "canvas_height": 131, "elements": [ { "type": "link", "position": [ 726, 26, 45, 24 ], "completed": false }, { "type": "link", "position": [ 811, 26, 85, 24 ], "completed": false }, { "type": "icon", "position": [ 936, 28, 24, 23 ], "completed": false }, { "type": "logo", "position": [ 44, 61, 160, 54 ], "completed": false }, { "type": "link", "position": [ 307, 68, 106, 40 ], "completed": false }, { "type": "link", "position": [ 413, 68, 76, 40 ], "completed": false }, { "type": "link", "position": [ 489, 68, 111, 40 ], "completed": false }, { "type": "link", "position": [ 600, 68, 109, 40 ], "completed": false }, { "type": "link", "position": [ 709, 68, 133, 40 ], "completed": false }, { "type": "button", "position": [ 842, 68, 138, 40 ], "completed": false } ] }, { "text": "# A header page for a company named Fountain. # The page should have a logo of the company, and six links \"Product\" \"Solutions\" \"Integration\" \"Blog\" \"Learn\" and \"Company\" for the user to click to know more info about the company. Besides, there should have a link for logging in and a button to request a demo.", "region_id": "4727", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'product, solutions, integration, blog, learn, company'] [item [el:link] ] ] [el:link [attr:value 'log in']] [el:button [attr:value 'request a demo'] ] ]", "execution": "header : button undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 98 2 18 4 | link 89 0 9 9 | logo 2 3 13 2 | \" [ link 21 3 6 2 ] | [ link 31 3 7 2 ] | [ link 42 3 10 2 ] | [ link 56 3 3 2 ] | [ link 63 3 4 2 ] | [ link 71 3 8 2 ] \"", "layout_seq_without_completion": "button 98 2 18 4 | link 89 0 9 9 | logo 2 3 13 2 | \" [ link 21 3 6 2 ] | [ link 31 3 7 2 ] | [ link 42 3 10 2 ] | [ link 56 3 3 2 ] | [ link 63 3 4 2 ] | [ link 71 3 8 2 ] \"", "plain_layout_seq": "button 98 2 18 4 | link 89 0 9 9 | link 21 3 6 2 | link 31 3 7 2 | link 42 3 10 2 | link 56 3 3 2 | link 63 3 4 2 | link 71 3 8 2 | logo 2 3 13 2", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "link", "position": [ 764, 0, 78, 80 ], "completed": false }, { "type": "button", "position": [ 842, 19, 157, 42 ], "completed": false }, { "type": "logo", "position": [ 25, 28, 116, 25 ], "completed": false }, { "type": "link", "position": [ 181, 30, 57, 20 ], "completed": false }, { "type": "link", "position": [ 268, 30, 66, 20 ], "completed": false }, { "type": "link", "position": [ 364, 30, 86, 20 ], "completed": false }, { "type": "link", "position": [ 480, 30, 32, 20 ], "completed": false }, { "type": "link", "position": [ 542, 30, 41, 20 ], "completed": false }, { "type": "link", "position": [ 613, 30, 69, 20 ], "completed": false } ] }, { "text": "# A header page for an online shop named KAY SUTHERLAND STUDIO. # There should have a logo, two links \"Home\" and \"Catalog\" for the user to return to the home page and view the products in the store. Also, three icons for search, login, and shopping cart are needed.", "region_id": "8054", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,Catalog'] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 52 3 5 2 | link 60 3 7 2 | logo 6 1 26 6 | \" [ icon 98 3 2 2 ] | [ icon 103 3 2 2 ] | [ icon 109 3 2 2 ] \"", "layout_seq_without_completion": "link 52 3 5 2 | link 60 3 7 2 | logo 6 1 26 6 | \" [ icon 98 3 2 2 ] | [ icon 103 3 2 2 ] | [ icon 109 3 2 2 ] \"", "plain_layout_seq": "icon 98 3 2 2 | icon 103 3 2 2 | icon 109 3 2 2 | link 52 3 5 2 | link 60 3 7 2 | logo 6 1 26 6", "canvas_width": 1024, "canvas_height": 84, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 53 ], "completed": false }, { "type": "link", "position": [ 446, 31, 46, 20 ], "completed": false }, { "type": "link", "position": [ 518, 31, 60, 20 ], "completed": false }, { "type": "icon", "position": [ 844, 31, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 886, 31, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 31, 22, 23 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the shopping website.#The page should have one slogan to use code BB20 on the top. Under it, there also should have one link, three-button icons are search, personal center, and mall. There also should have one balance column.", "region_id": "7264", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:link] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'personal'] ] [el:icon [attr:value 'mall'] ] [el:text] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "icon 98 12 2 2 | icon 93 12 2 2 | icon 88 12 2 2 | link 7 10 25 6 | text 102 12 10 3 | title 0 0 120 7", "layout_seq_without_completion": "icon 98 12 2 2 | icon 93 12 2 2 | icon 88 12 2 2 | link 7 10 25 6 | text 102 12 10 3 | title 0 0 120 7", "plain_layout_seq": "icon 98 12 2 2 | icon 93 12 2 2 | icon 88 12 2 2 | link 7 10 25 6 | text 102 12 10 3 | title 0 0 120 7", "canvas_width": 1024, "canvas_height": 165, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 68 ], "completed": false }, { "type": "link", "position": [ 60, 91, 220, 52 ], "completed": false }, { "type": "icon", "position": [ 841, 104, 24, 24 ], "completed": false }, { "type": "text", "position": [ 875, 104, 89, 27 ], "completed": false }, { "type": "icon", "position": [ 753, 105, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 797, 105, 24, 24 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the web.#The page should have one logo, two links for users to click to know more content on the web fastly, and two icons.", "region_id": "5068", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 105 3 2 2 | icon 111 3 2 2 | link 20 3 6 1 | link 32 3 11 1 | logo 6 3 9 2", "layout_seq_without_completion": "icon 105 3 2 2 | icon 111 3 2 2 | link 20 3 6 1 | link 32 3 11 1 | logo 6 3 9 2", "plain_layout_seq": "icon 105 3 2 2 | icon 111 3 2 2 | link 20 3 6 1 | link 32 3 11 1 | logo 6 3 9 2", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 52, 30, 77, 20 ], "completed": false }, { "type": "icon", "position": [ 904, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 954, 30, 20, 20 ], "completed": false }, { "type": "link", "position": [ 177, 32, 56, 16 ], "completed": false }, { "type": "link", "position": [ 281, 32, 96, 16 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one icon, six links for users to click to know the different content fastly, and three icons search, personal center, and store.", "region_id": "7582", "region_type": "Header", "ir": "[region:Header [el:icon] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'personal'] ] [el:icon [attr:value 'store'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 6 1 12 12 | \" [ link 37 3 16 2 ] | [ link 57 3 10 2 ] | [ link 70 3 11 2 ] | [ link 43 6 20 2 ] | [ link 66 6 9 2 ] | [ link 49 10 21 2 ] \" | \" [ icon 100 6 2 2 ] | [ icon 105 6 2 2 ] | [ icon 109 6 2 2 ] \"", "layout_seq_without_completion": "icon 6 1 12 12 | \" [ link 37 3 16 2 ] | [ link 57 3 10 2 ] | [ link 70 3 11 2 ] | [ link 43 6 20 2 ] | [ link 66 6 9 2 ] | [ link 49 10 21 2 ] \" | \" [ icon 100 6 2 2 ] | [ icon 105 6 2 2 ] | [ icon 109 6 2 2 ] \"", "plain_layout_seq": "icon 6 1 12 12 | icon 100 6 2 2 | icon 105 6 2 2 | icon 109 6 2 2 | link 37 3 16 2 | link 57 3 10 2 | link 70 3 11 2 | link 43 6 20 2 | link 66 6 9 2 | link 49 10 21 2", "canvas_width": 1024, "canvas_height": 137, "elements": [ { "type": "icon", "position": [ 55, 15, 105, 105 ], "completed": false }, { "type": "link", "position": [ 324, 29, 139, 20 ], "completed": false }, { "type": "link", "position": [ 487, 29, 87, 20 ], "completed": false }, { "type": "link", "position": [ 598, 29, 102, 20 ], "completed": false }, { "type": "link", "position": [ 373, 58, 171, 20 ], "completed": false }, { "type": "link", "position": [ 568, 58, 83, 20 ], "completed": false }, { "type": "icon", "position": [ 856, 58, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 58, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 58, 20, 20 ], "completed": false }, { "type": "link", "position": [ 420, 86, 185, 20 ], "completed": false } ] }, { "text": "#A header page of PEAKERR for users to get information.# There are eight titles, including \"Sign in\", \"Services\", \"Sign up\", \"Free Trial\", \"Terms\", \"About us\", \"Contact Us\", and \u201cGiveaways\u201d.", "region_id": "3133", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'sign in, services, sign up, free trial, terms, about us,Contact Us, Giveaways'] [item [el:title] ] ] ]", "execution": "header : { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | complete logo 1 1 22 5 | \" [ title 32 2 9 3 ] | [ title 41 2 10 3 ] | [ title 52 2 9 3 ] | [ title 61 2 11 3 ] | [ title 73 2 8 3 ] | [ title 82 2 11 3 ] | [ title 93 2 12 3 ] | [ title 105 2 12 3 ] \"", "layout_seq_without_completion": "background 0 0 120 7 | logo 1 1 22 5 | \" [ title 32 2 9 3 ] | [ title 41 2 10 3 ] | [ title 52 2 9 3 ] | [ title 61 2 11 3 ] | [ title 73 2 8 3 ] | [ title 82 2 11 3 ] | [ title 93 2 12 3 ] | [ title 105 2 12 3 ] \"", "plain_layout_seq": "background 0 0 120 7 | logo 1 1 22 5 | title 32 2 9 3 | title 41 2 10 3 | title 52 2 9 3 | title 61 2 11 3 | title 73 2 8 3 | title 82 2 11 3 | title 93 2 12 3 | title 105 2 12 3", "canvas_width": 1009, "canvas_height": 64, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 64 ], "completed": true }, { "type": "logo", "position": [ 14, 9, 186, 47 ], "completed": true }, { "type": "title", "position": [ 272, 18, 78, 29 ], "completed": false }, { "type": "title", "position": [ 350, 18, 88, 29 ], "completed": false }, { "type": "title", "position": [ 438, 18, 83, 29 ], "completed": false }, { "type": "title", "position": [ 521, 18, 95, 29 ], "completed": false }, { "type": "title", "position": [ 616, 18, 74, 29 ], "completed": false }, { "type": "title", "position": [ 690, 18, 94, 29 ], "completed": false }, { "type": "title", "position": [ 784, 18, 107, 29 ], "completed": false }, { "type": "title", "position": [ 891, 18, 104, 29 ], "completed": false } ] }, { "text": "#A page for navigation of WDS originals.# The page should have a logo of WDS originals, 5 links for users to click to know different content of the company, and 2 icons for users to search and check the shopping cart.", "region_id": "7577", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon [attr:value 'search']] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 7 2 2 | icon 113 7 2 2 | logo 2 2 52 13 | \" [ link 0 18 9 6 ] | [ link 10 18 17 6 ] | [ link 28 18 21 6 ] | [ link 50 18 20 6 ] | [ link 71 18 19 6 ] \"", "layout_seq_without_completion": "icon 108 7 2 2 | icon 113 7 2 2 | logo 2 2 52 13 | \" [ link 0 18 9 6 ] | [ link 10 18 17 6 ] | [ link 28 18 21 6 ] | [ link 50 18 20 6 ] | [ link 71 18 19 6 ] \"", "plain_layout_seq": "icon 108 7 2 2 | icon 113 7 2 2 | link 0 18 9 6 | link 10 18 17 6 | link 28 18 21 6 | link 50 18 20 6 | link 71 18 19 6 | logo 2 2 52 13", "canvas_width": 1024, "canvas_height": 213, "elements": [ { "type": "logo", "position": [ 20, 20, 450, 113 ], "completed": false }, { "type": "icon", "position": [ 972, 63, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 930, 64, 22, 22 ], "completed": false }, { "type": "link", "position": [ 0, 154, 82, 59 ], "completed": false }, { "type": "link", "position": [ 87, 154, 149, 59 ], "completed": false }, { "type": "link", "position": [ 241, 154, 184, 59 ], "completed": false }, { "type": "link", "position": [ 430, 154, 174, 59 ], "completed": false }, { "type": "link", "position": [ 609, 154, 167, 59 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have seven links for users to click fastly, \"copyright\", \"code of ethics\", \"privacy policy\", \"careers\", \"team\", \"about us\", and \"contact\". There is a link and pagination beside it.", "region_id": "4653", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'copyright, code of ethics, privacy policy, careers, team, about us,contact'] [item [el:link] ] ] [el:link] [el:pagination] ]", "execution": "header : link undefined undefined | pagination undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 110 1 2 2 | \" [ link 4 2 8 1 ] | [ link 14 2 11 1 ] | [ link 28 2 11 1 ] | [ link 42 2 6 1 ] | [ link 51 2 3 1 ] | [ link 57 2 7 1 ] | [ link 66 2 6 1 ] \"", "layout_seq_without_completion": "link 110 1 2 2 | \" [ link 4 2 8 1 ] | [ link 14 2 11 1 ] | [ link 28 2 11 1 ] | [ link 42 2 6 1 ] | [ link 51 2 3 1 ] | [ link 57 2 7 1 ] | [ link 66 2 6 1 ] \"", "plain_layout_seq": "link 110 1 2 2 | link 4 2 8 1 | link 14 2 11 1 | link 28 2 11 1 | link 42 2 6 1 | link 51 2 3 1 | link 57 2 7 1 | link 66 2 6 1", "canvas_width": 1009, "canvas_height": 57, "elements": [ { "type": "link", "position": [ 932, 12, 24, 24 ], "completed": false }, { "type": "link", "position": [ 38, 18, 69, 12 ], "completed": false }, { "type": "link", "position": [ 126, 18, 96, 12 ], "completed": false }, { "type": "link", "position": [ 242, 18, 95, 12 ], "completed": false }, { "type": "link", "position": [ 358, 18, 53, 12 ], "completed": false }, { "type": "link", "position": [ 430, 18, 32, 12 ], "completed": false }, { "type": "link", "position": [ 482, 18, 60, 12 ], "completed": false }, { "type": "link", "position": [ 562, 18, 55, 12 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click to check the info in terms of tech, life, social good, and entertainment.", "region_id": "3939", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:total_link '4'] [gattr:names 'tech, life, social good, entertainment'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 9 3 ] | [ link 16 0 7 3 ] | [ link 30 0 25 3 ] | [ link 63 0 31 3 ] \"", "layout_seq_without_completion": "\" [ link 0 0 9 3 ] | [ link 16 0 7 3 ] | [ link 30 0 25 3 ] | [ link 63 0 31 3 ] \"", "plain_layout_seq": "link 0 0 9 3 | link 16 0 7 3 | link 30 0 25 3 | link 63 0 31 3", "canvas_width": 868, "canvas_height": 32, "elements": [ { "type": "link", "position": [ 0, 2, 70, 28 ], "completed": false }, { "type": "link", "position": [ 118, 2, 57, 28 ], "completed": false }, { "type": "link", "position": [ 223, 2, 187, 28 ], "completed": false }, { "type": "link", "position": [ 458, 2, 226, 28 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top. There is a logo on the left side, and there are seven links, named \"home\", \"hoodies\", \"pillows\", \"mugs\", \"home goods\", \"all collection\", and \"contact us\". On the right side, there are three icons for users to get more information.", "region_id": "7616", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'home, hoodies, pillows, mugs, home goods, all collection, contact us'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon right undefined | icon right undefined | icon right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 4 120 18 | description 4 1 110 2 | logo 4 8 11 11 | \" [ link 19 10 9 4 ] | [ link 28 10 12 4 ] | [ link 41 10 11 4 ] | [ link 52 10 9 4 ] | [ link 62 10 17 4 ] | [ link 19 14 19 4 ] | [ link 38 14 16 4 ] \" | \" [ icon 99 12 3 3 ] | [ icon 105 12 3 3 ] | [ icon 111 12 3 3 ] \"", "layout_seq_without_completion": "background 0 4 120 18 | description 4 1 110 2 | logo 4 8 11 11 | \" [ link 19 10 9 4 ] | [ link 28 10 12 4 ] | [ link 41 10 11 4 ] | [ link 52 10 9 4 ] | [ link 62 10 17 4 ] | [ link 19 14 19 4 ] | [ link 38 14 16 4 ] \" | \" [ icon 99 12 3 3 ] | [ icon 105 12 3 3 ] | [ icon 111 12 3 3 ] \"", "plain_layout_seq": "background 0 4 120 18 | description 4 1 110 2 | icon 99 12 3 3 | icon 105 12 3 3 | icon 111 12 3 3 | link 19 10 9 4 | link 28 10 12 4 | link 41 10 11 4 | link 52 10 9 4 | link 62 10 17 4 | link 19 14 19 4 | link 38 14 16 4 | logo 4 8 11 11", "canvas_width": 1009, "canvas_height": 201, "elements": [ { "type": "description", "position": [ 40, 10, 929, 22 ], "completed": false }, { "type": "background", "position": [ 0, 42, 1009, 159 ], "completed": true }, { "type": "logo", "position": [ 40, 72, 100, 99 ], "completed": false }, { "type": "link", "position": [ 160, 85, 79, 36 ], "completed": false }, { "type": "link", "position": [ 239, 85, 105, 36 ], "completed": false }, { "type": "link", "position": [ 345, 85, 100, 36 ], "completed": false }, { "type": "link", "position": [ 445, 85, 79, 36 ], "completed": false }, { "type": "link", "position": [ 524, 85, 148, 36 ], "completed": false }, { "type": "icon", "position": [ 889, 107, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 941, 107, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 837, 108, 28, 28 ], "completed": false }, { "type": "link", "position": [ 160, 121, 166, 36 ], "completed": false }, { "type": "link", "position": [ 326, 121, 137, 36 ], "completed": false } ] }, { "text": "#A header page of a web for users to buy products.# The page should include the logo of the web, a propaganda text, a link \"About\", and two icons.", "region_id": "7397", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text] [el:link [attr:value 'about'] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 107 7 2 2 | icon 111 7 3 2 | link 4 7 5 2 | logo 52 7 14 1 | text 0 0 120 5", "layout_seq_without_completion": "icon 107 7 2 2 | icon 111 7 3 2 | link 4 7 5 2 | logo 52 7 14 1 | text 0 0 120 5", "plain_layout_seq": "icon 107 7 2 2 | icon 111 7 3 2 | link 4 7 5 2 | logo 52 7 14 1 | text 0 0 120 5", "canvas_width": 1024, "canvas_height": 101, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "link", "position": [ 42, 63, 43, 20 ], "completed": false }, { "type": "icon", "position": [ 914, 63, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 954, 63, 28, 19 ], "completed": false }, { "type": "logo", "position": [ 452, 65, 120, 15 ], "completed": false } ] }, { "text": "#A navigation of the web download.#The page should have six links for users to click fastly, \"AE templates\", \"motion graphics\", \"premiere pro\", \"add-ons\", \"top 10\", and \"sound effects\". Also, there is a button \"free trial\".", "region_id": "5713", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'ae templates, motion graphics, premiere pro, add-ons, top 10, sound effects'] [item [el:link] ] ] [el:button [attr:value 'free trial'] ] ]", "execution": "header : button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 11 | button 43 5 13 4 | link 62 1 12 3 | link 79 1 8 3 | link 25 5 13 3 | link 25 1 13 3 | link 42 1 15 3 | link 91 1 9 3 | complete logo 4 1 18 5", "layout_seq_without_completion": "background 0 0 120 11 | button 43 5 13 4 | link 62 1 12 3 | link 79 1 8 3 | link 25 5 13 3 | link 25 1 13 3 | link 42 1 15 3 | link 91 1 9 3 | logo 4 1 18 5", "plain_layout_seq": "background 0 0 120 11 | button 43 5 13 4 | link 62 1 12 3 | link 79 1 8 3 | link 25 5 13 3 | link 25 1 13 3 | link 42 1 15 3 | link 91 1 9 3 | logo 4 1 18 5", "canvas_width": 1024, "canvas_height": 102, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 102 ], "completed": true }, { "type": "logo", "position": [ 35, 16, 160, 45 ], "completed": true }, { "type": "link", "position": [ 221, 16, 111, 30 ], "completed": false }, { "type": "link", "position": [ 366, 16, 133, 30 ], "completed": false }, { "type": "link", "position": [ 534, 16, 107, 30 ], "completed": false }, { "type": "link", "position": [ 675, 16, 71, 30 ], "completed": false }, { "type": "link", "position": [ 781, 16, 83, 30 ], "completed": false }, { "type": "button", "position": [ 368, 46, 119, 40 ], "completed": false }, { "type": "link", "position": [ 221, 51, 113, 30 ], "completed": false } ] }, { "text": "#A navigation page of Influencers Gonewild.# The page should include the logo of Influencers Gonewild, an icon for users to unfold the menu, an icon for users to change the colour, and an icon for users to search on the page.", "region_id": "2846", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'unfold the menu'] ] [el:icon [attr:value 'change the colour'] ] [el:icon [attr:value 'search'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 110 0 3 5 | icon 115 0 3 5 | icon 1 4 3 1 | logo 40 0 34 4", "layout_seq_without_completion": "icon 110 0 3 5 | icon 115 0 3 5 | icon 1 4 3 1 | logo 40 0 34 4", "plain_layout_seq": "icon 110 0 3 5 | icon 115 0 3 5 | icon 1 4 3 1 | logo 40 0 34 4", "canvas_width": 1024, "canvas_height": 55, "elements": [ { "type": "icon", "position": [ 940, 2, 33, 50 ], "completed": false }, { "type": "icon", "position": [ 982, 2, 33, 50 ], "completed": false }, { "type": "logo", "position": [ 342, 6, 298, 42 ], "completed": false }, { "type": "icon", "position": [ 10, 36, 32, 15 ], "completed": false } ] }, { "text": "#A page to show guidance for the users.# On the top of this page, from the left to right, an icon of \"magnifier\" and the logo of the company \"Bene Frame\" and other two icons are involved. And under this, five links are set, with the links of \"all product\" and \"Support\" being accompanied by a downward pointing angel respectively.", "region_id": "6374", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] ] [el:logo [attr:value 'Bene Frame'] ] [el:icon [attr:repeat '2'] ][gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'all product, support'] [item [el:link] ] ] ]", "execution": "header : icon left undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 66 12 1 0 | icon 7 5 2 2 | complete icon 56 12 1 0 | icon 106 5 2 2 | icon 110 4 5 5 | link 39 11 4 2 | link 46 11 8 2 | link 70 11 3 2 | link 77 11 3 2 | link 60 11 5 2 | logo 51 5 16 3", "layout_seq_without_completion": "icon 66 12 1 0 | icon 7 5 2 2 | icon 56 12 1 0 | icon 106 5 2 2 | icon 110 4 5 5 | link 39 11 4 2 | link 46 11 8 2 | link 70 11 3 2 | link 77 11 3 2 | link 60 11 5 2 | logo 51 5 16 3", "plain_layout_seq": "icon 66 12 1 0 | icon 7 5 2 2 | icon 56 12 1 0 | icon 106 5 2 2 | icon 110 4 5 5 | link 39 11 4 2 | link 46 11 8 2 | link 70 11 3 2 | link 77 11 3 2 | link 60 11 5 2 | logo 51 5 16 3", "canvas_width": 1024, "canvas_height": 134, "elements": [ { "type": "icon", "position": [ 942, 36, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 442, 45, 140, 27 ], "completed": false }, { "type": "icon", "position": [ 62, 48, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 48, 20, 20 ], "completed": false }, { "type": "link", "position": [ 337, 102, 37, 19 ], "completed": false }, { "type": "link", "position": [ 399, 102, 75, 19 ], "completed": false }, { "type": "link", "position": [ 513, 102, 48, 19 ], "completed": false }, { "type": "link", "position": [ 600, 102, 34, 19 ], "completed": false }, { "type": "link", "position": [ 658, 102, 28, 19 ], "completed": false }, { "type": "icon", "position": [ 483, 110, 10, 6 ], "completed": true }, { "type": "icon", "position": [ 570, 110, 10, 6 ], "completed": true } ] }, { "text": "#A header page for introducing the SmartRecuriters company to users.# This page should include a logo on the left. There should be four drop down lists such as \"Product\", \"Solutions\", \"Resources\", and \"Company\". On the right side, there should be two buttons for users to click to seek job and log in.", "region_id": "5468", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'Product, Solutions, Resources, Company'] [item [el:text] ] ] [el:button [attr:position 'right'] [attr:value 'job seekers'] ] [el:button [attr:position 'right'] [attr:value 'log in'] ] ]", "execution": "header : button right undefined | button right undefined | logo left undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "button 94 5 11 4 | button 108 5 6 4 | logo 1 5 18 3 | complete text 106 4 0 4 | complete text 116 4 0 4 | \" [ text 24 5 12 4 ] | [ text 38 5 13 4 ] | [ text 54 5 13 4 ] | [ text 71 5 11 4 ] \"", "layout_seq_without_completion": "button 94 5 11 4 | button 108 5 6 4 | logo 1 5 18 3 | text 106 4 0 4 | text 116 4 0 4 | \" [ text 24 5 12 4 ] | [ text 38 5 13 4 ] | [ text 54 5 13 4 ] | [ text 71 5 11 4 ] \"", "plain_layout_seq": "button 94 5 11 4 | button 108 5 6 4 | logo 1 5 18 3 | text 106 4 0 4 | text 116 4 0 4 | text 24 5 12 4 | text 38 5 13 4 | text 54 5 13 4 | text 71 5 11 4", "canvas_width": 1024, "canvas_height": 86, "elements": [ { "type": "text", "position": [ 913, 42, 6, 40 ], "completed": true }, { "type": "text", "position": [ 993, 42, 6, 40 ], "completed": true }, { "type": "logo", "position": [ 15, 45, 160, 26 ], "completed": false }, { "type": "text", "position": [ 206, 45, 105, 40 ], "completed": false }, { "type": "text", "position": [ 331, 45, 118, 40 ], "completed": false }, { "type": "text", "position": [ 469, 45, 119, 40 ], "completed": false }, { "type": "text", "position": [ 608, 45, 101, 40 ], "completed": false }, { "type": "button", "position": [ 807, 45, 101, 40 ], "completed": false }, { "type": "button", "position": [ 929, 45, 59, 40 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the shopping cart on a shopping website.#The page should include one logo, two small texts, and one shopping cart icon.", "region_id": "8344", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text [attr:size 'small'] [attr:repeat '2'] ] [el:icon [attr:value 'cart']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | text undefined small | text undefined small", "layout_seq_with_completion": "icon 113 7 4 4 | logo 3 0 83 19 | text 105 9 6 2 | text 105 7 6 1", "layout_seq_without_completion": "icon 113 7 4 4 | logo 3 0 83 19 | text 105 9 6 2 | text 105 7 6 1", "plain_layout_seq": "icon 113 7 4 4 | logo 3 0 83 19 | text 105 9 6 2 | text 105 7 6 1", "canvas_width": 1010, "canvas_height": 163, "elements": [ { "type": "logo", "position": [ 29, 0, 700, 163 ], "completed": false }, { "type": "text", "position": [ 885, 62, 55, 16 ], "completed": false }, { "type": "icon", "position": [ 955, 62, 40, 40 ], "completed": false }, { "type": "text", "position": [ 885, 78, 55, 24 ], "completed": false } ] }, { "text": "#A page that attracts users to buy products and search for information # There should be an icon on the left side that can allow users to switch languages, a logo introducing the website, a button \"Buy EPUB/PDF\" guiding users to buy products and three icons which allows users to log in their accounts, to change into night mode and to search for information.", "region_id": "4453", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] ] [el:logo] [el:button [attr:value 'buy epub/pdf'] ] [el:icon [attr:value ' log in'] ] [el:icon [attr:value 'change into night mode'] ] [el:icon [attr:value 'search'] ]]", "execution": "header : button undefined undefined | icon left undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 88 1 14 3 | icon 2 1 2 5 | icon 104 0 4 7 | icon 113 0 3 7 | complete text 92 2 7 1 | complete text 89 2 2 1", "layout_seq_without_completion": "button 88 1 14 3 | icon 2 1 2 5 | icon 104 0 4 7 | icon 113 0 3 7 | text 92 2 7 1 | text 89 2 2 1", "plain_layout_seq": "button 88 1 14 3 | icon 2 1 2 5 | icon 104 0 4 7 | icon 113 0 3 7 | text 92 2 7 1 | text 89 2 2 1", "canvas_width": 1009, "canvas_height": 64, "elements": [ { "type": "icon", "position": [ 877, 0, 38, 60 ], "completed": false }, { "type": "icon", "position": [ 955, 0, 30, 60 ], "completed": false }, { "type": "icon", "position": [ 18, 10, 22, 46 ], "completed": false }, { "type": "button", "position": [ 740, 14, 121, 32 ], "completed": false }, { "type": "text", "position": [ 754, 22, 23, 16 ], "completed": true }, { "type": "text", "position": [ 781, 22, 66, 16 ], "completed": true } ] }, { "text": "#A search interface of the WoW-professions.# The page should have a company`s logo and the company`s name beside it. There should have four links. And there should have a search input box and a search icon for users to click. There should be an icon for users to switch the page mode and an image showing what the mode is.", "region_id": "3226", "region_type": "Header", "ir": "[region:Header [el:logo ][el:text ] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ][el:input] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'switch the page mode '] ] [el:image] ]", "execution": "header : icon undefined undefined | icon undefined undefined | image undefined undefined | input undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 11 | icon 112 1 4 2 | icon 75 6 1 1 | image 117 1 2 2 | input 37 5 37 3 | logo 3 0 3 3 | text 6 0 17 4 | \" [ link 24 1 25 3 ] | [ link 49 1 16 3 ] | [ link 66 1 14 3 ] | [ link 80 1 13 3 ] \"", "layout_seq_without_completion": "background 0 0 120 11 | icon 112 1 4 2 | icon 75 6 1 1 | image 117 1 2 2 | input 37 5 37 3 | logo 3 0 3 3 | text 6 0 17 4 | \" [ link 24 1 25 3 ] | [ link 49 1 16 3 ] | [ link 66 1 14 3 ] | [ link 80 1 13 3 ] \"", "plain_layout_seq": "background 0 0 120 11 | icon 112 1 4 2 | icon 75 6 1 1 | image 117 1 2 2 | input 37 5 37 3 | link 24 1 25 3 | link 49 1 16 3 | link 66 1 14 3 | link 80 1 13 3 | logo 3 0 3 3 | text 6 0 17 4", "canvas_width": 1024, "canvas_height": 94, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 94 ], "completed": true }, { "type": "logo", "position": [ 30, 7, 34, 34 ], "completed": false }, { "type": "text", "position": [ 59, 7, 151, 35 ], "completed": false }, { "type": "link", "position": [ 210, 11, 216, 28 ], "completed": false }, { "type": "link", "position": [ 426, 11, 139, 28 ], "completed": false }, { "type": "link", "position": [ 565, 11, 120, 28 ], "completed": false }, { "type": "link", "position": [ 684, 11, 114, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 15, 38, 18 ], "completed": false }, { "type": "image", "position": [ 999, 15, 20, 20 ], "completed": false }, { "type": "input", "position": [ 319, 49, 316, 34 ], "completed": false }, { "type": "icon", "position": [ 648, 58, 15, 15 ], "completed": false } ] }, { "text": "#A navigation of the web.#The page should have a description on the top. There is a title on the left side, and there are two links for users to click, named \"home\" and \"for sale\". There are three icons for users to get more information.", "region_id": "8029", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:title [attr:position 'left'] ] \n[gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,for sale'] [item [el:link]]] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title left undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | link 59 10 10 2 | link 50 10 5 2 | title 6 7 26 8 | \" [ icon 100 10 2 2 ] | [ icon 105 10 2 2 ] | [ icon 109 10 2 2 ] \"", "layout_seq_without_completion": "description 0 0 120 5 | link 59 10 10 2 | link 50 10 5 2 | title 6 7 26 8 | \" [ icon 100 10 2 2 ] | [ icon 105 10 2 2 ] | [ icon 109 10 2 2 ] \"", "plain_layout_seq": "description 0 0 120 5 | icon 100 10 2 2 | icon 105 10 2 2 | icon 109 10 2 2 | link 59 10 10 2 | link 50 10 5 2 | title 6 7 26 8", "canvas_width": 1024, "canvas_height": 150, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 46 ], "completed": false }, { "type": "title", "position": [ 55, 61, 229, 73 ], "completed": false }, { "type": "link", "position": [ 432, 86, 50, 24 ], "completed": false }, { "type": "link", "position": [ 506, 86, 86, 24 ], "completed": false }, { "type": "icon", "position": [ 856, 90, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 90, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 90, 20, 20 ], "completed": false } ] }, { "text": "# A header page for a website Comic KIBA. # There should have a logo, three links \"HOME\" \"ABOUT US\" and \"CONTACT US\", so the user can back to the home page, know more info, and contact the company by clicking them. And an icon for search is necessary.", "region_id": "3400", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'HOME, ABOUT US, CONTACT US'] [item [el:link] ] ] [el:icon [attr:value 'search']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 111 7 4 4 | logo 4 4 27 11 | \" [ link 32 7 9 5 ] | [ link 42 7 13 5 ] | [ link 55 7 15 5 ] \"", "layout_seq_without_completion": "icon 111 7 4 4 | logo 4 4 27 11 | \" [ link 32 7 9 5 ] | [ link 42 7 13 5 ] | [ link 55 7 15 5 ] \"", "plain_layout_seq": "icon 111 7 4 4 | link 32 7 9 5 | link 42 7 13 5 | link 55 7 15 5 | logo 4 4 27 11", "canvas_width": 1009, "canvas_height": 167, "elements": [ { "type": "logo", "position": [ 40, 35, 232, 97 ], "completed": false }, { "type": "link", "position": [ 272, 60, 82, 47 ], "completed": false }, { "type": "link", "position": [ 354, 60, 112, 47 ], "completed": false }, { "type": "link", "position": [ 466, 60, 134, 47 ], "completed": false }, { "type": "icon", "position": [ 934, 66, 35, 35 ], "completed": false } ] }, { "text": "#A header for showing how to shop on this app for the user.# There should be one logo of the app, two icons for the user to search for the product, and so on, and nine links.", "region_id": "8521", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 73 13 1 1 | complete icon 60 13 1 1 | complete icon 83 13 1 1 | icon 3 3 2 2 | icon 113 3 2 2 | complete icon 43 13 1 1 | link 20 10 8 6 | link 76 10 8 6 | link 87 10 11 6 | link 46 10 15 6 | link 64 10 10 6 | link 29 10 14 6 | link 109 4 2 2 | link 102 4 4 2 | link 7 4 4 2 | logo 48 2 23 5", "layout_seq_without_completion": "icon 73 13 1 1 | icon 60 13 1 1 | icon 83 13 1 1 | icon 3 3 2 2 | icon 113 3 2 2 | icon 43 13 1 1 | link 20 10 8 6 | link 76 10 8 6 | link 87 10 11 6 | link 46 10 15 6 | link 64 10 10 6 | link 29 10 14 6 | link 109 4 2 2 | link 102 4 4 2 | link 7 4 4 2 | logo 48 2 23 5", "plain_layout_seq": "icon 73 13 1 1 | icon 60 13 1 1 | icon 83 13 1 1 | icon 3 3 2 2 | icon 113 3 2 2 | icon 43 13 1 1 | link 20 10 8 6 | link 76 10 8 6 | link 87 10 11 6 | link 46 10 15 6 | link 64 10 10 6 | link 29 10 14 6 | link 109 4 2 2 | link 102 4 4 2 | link 7 4 4 2 | logo 48 2 23 5", "canvas_width": 1009, "canvas_height": 146, "elements": [ { "type": "logo", "position": [ 404, 20, 200, 47 ], "completed": false }, { "type": "icon", "position": [ 30, 32, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 955, 32, 24, 24 ], "completed": false }, { "type": "link", "position": [ 62, 35, 36, 17 ], "completed": false }, { "type": "link", "position": [ 862, 35, 42, 17 ], "completed": false }, { "type": "link", "position": [ 924, 35, 23, 17 ], "completed": false }, { "type": "link", "position": [ 174, 87, 71, 57 ], "completed": false }, { "type": "link", "position": [ 250, 87, 124, 57 ], "completed": false }, { "type": "link", "position": [ 392, 87, 130, 57 ], "completed": false }, { "type": "link", "position": [ 540, 87, 86, 57 ], "completed": false }, { "type": "link", "position": [ 644, 87, 73, 57 ], "completed": false }, { "type": "link", "position": [ 734, 87, 100, 57 ], "completed": false }, { "type": "icon", "position": [ 364, 110, 14, 14 ], "completed": true }, { "type": "icon", "position": [ 512, 110, 14, 14 ], "completed": true }, { "type": "icon", "position": [ 616, 110, 14, 14 ], "completed": true }, { "type": "icon", "position": [ 706, 110, 14, 14 ], "completed": true } ] }, { "text": "#A page for navigation of the web.# A logo and four icons are on the page. There are also three letters on the page.", "region_id": "6965", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '4']] [el:text] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 103 5 3 2 | icon 97 5 2 2 | icon 86 5 2 2 | icon 91 5 2 2 | logo 53 3 12 6 | text 107 5 4 1", "layout_seq_without_completion": "icon 103 5 3 2 | icon 97 5 2 2 | icon 86 5 2 2 | icon 91 5 2 2 | logo 53 3 12 6 | text 107 5 4 1", "plain_layout_seq": "icon 103 5 3 2 | icon 97 5 2 2 | icon 86 5 2 2 | icon 91 5 2 2 | logo 53 3 12 6 | text 107 5 4 1", "canvas_width": 1024, "canvas_height": 83, "elements": [ { "type": "logo", "position": [ 457, 30, 110, 53 ], "completed": false }, { "type": "icon", "position": [ 742, 46, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 784, 46, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 831, 46, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 882, 47, 30, 20 ], "completed": false }, { "type": "text", "position": [ 916, 49, 35, 16 ], "completed": false } ] }, { "text": "#A page of Biobiochile for users to get information.# The page should include the logo of Biobiochile, an image, and an icon.", "region_id": "5225", "region_type": "Header", "ir": "[region:Header [el:logo] [el:image] [el:icon] ]", "execution": "header : icon undefined undefined | image undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 116 1 2 2 | image 76 0 30 4 | logo 1 0 26 4", "layout_seq_without_completion": "icon 116 1 2 2 | image 76 0 30 4 | logo 1 0 26 4", "plain_layout_seq": "icon 116 1 2 2 | image 76 0 30 4 | logo 1 0 26 4", "canvas_width": 1240, "canvas_height": 68, "elements": [ { "type": "image", "position": [ 794, 9, 320, 50 ], "completed": false }, { "type": "logo", "position": [ 20, 10, 270, 48 ], "completed": false }, { "type": "icon", "position": [ 1199, 20, 21, 27 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, five links for users to click to get further information, an icon for searching, and a button named \"MY ACCOUNT\".", "region_id": "2713", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon [attr:value 'searching'] ] [el:button [attr:value 'my account'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 91 4 17 5 | icon 111 5 2 2 | logo 5 5 17 3 | \" [ link 41 6 7 2 ] | [ link 51 6 6 2 ] | [ link 60 6 7 2 ] | [ link 71 6 3 2 ] | [ link 77 6 9 2 ] \"", "layout_seq_without_completion": "button 91 4 17 5 | icon 111 5 2 2 | logo 5 5 17 3 | \" [ link 41 6 7 2 ] | [ link 51 6 6 2 ] | [ link 60 6 7 2 ] | [ link 71 6 3 2 ] | [ link 77 6 9 2 ] \"", "plain_layout_seq": "button 91 4 17 5 | icon 111 5 2 2 | link 41 6 7 2 | link 51 6 6 2 | link 60 6 7 2 | link 71 6 3 2 | link 77 6 9 2 | logo 5 5 17 3", "canvas_width": 1024, "canvas_height": 118, "elements": [ { "type": "button", "position": [ 778, 38, 149, 48 ], "completed": false }, { "type": "icon", "position": [ 952, 48, 22, 22 ], "completed": false }, { "type": "logo", "position": [ 50, 51, 151, 33 ], "completed": false }, { "type": "link", "position": [ 357, 52, 63, 20 ], "completed": false }, { "type": "link", "position": [ 442, 52, 55, 20 ], "completed": false }, { "type": "link", "position": [ 519, 52, 67, 20 ], "completed": false }, { "type": "link", "position": [ 607, 52, 34, 20 ], "completed": false }, { "type": "link", "position": [ 663, 52, 85, 20 ], "completed": false } ] }, { "text": "# A header page for an online shop UsoShop6.# The page should have a shop logo, and three links: \"Home\" \"Catalog\", and \"Contact\" for the user to back to the homepage, view the product category and contact the shop. Besides, there should also be two icons for search and the shopping cart.", "region_id": "7022", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, catalog, contact'] [item [el:link] ] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 2 2 | icon 110 2 5 5 | logo 5 3 12 3 | \" [ link 22 3 4 2 ] | [ link 30 3 5 2 ] | [ link 39 3 5 2 ] \"", "layout_seq_without_completion": "icon 106 3 2 2 | icon 110 2 5 5 | logo 5 3 12 3 | \" [ link 22 3 4 2 ] | [ link 30 3 5 2 ] | [ link 39 3 5 2 ] \"", "plain_layout_seq": "icon 106 3 2 2 | icon 110 2 5 5 | link 22 3 4 2 | link 30 3 5 2 | link 39 3 5 2 | logo 5 3 12 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 26, 107, 32 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 196, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 259, 33, 50, 18 ], "completed": false }, { "type": "link", "position": [ 333, 33, 51, 18 ], "completed": false } ] }, { "text": "# A header page for an online store CandyMan. # On the page, there should have a logo, and eight links: \"CandyMan Products\" \"All Products\" \"Plus Size\" \"Shop by Category\" \"Pride\" \"Brands\" \"Blog\" and \"Contact Us\" for the user to know more info and products about the store. Besides, there should contain an input box with an icon for search and two single icons for login and shopping cart.", "region_id": "7419", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'CandyMan Products, All Products, Plus Size, Shop by Category, Pride, Brands, Blog, Contact Us'] [item [el:link] ] ] [el:input [attr:value 'search products'] ] [el:icon [attr:value 'search'] ][el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 100 3 2 2 | icon 106 3 2 2 | icon 111 3 2 2 | complete image 86 1 18 4 | input 86 3 12 2 | logo 6 1 18 5 | \" [ link 2 8 21 6 ] | [ link 24 8 15 6 ] | [ link 39 8 13 6 ] | [ link 53 8 19 6 ] | [ link 73 8 10 6 ] | [ link 83 8 11 6 ] | [ link 95 8 9 6 ] | [ link 105 8 14 6 ] \"", "layout_seq_without_completion": "icon 100 3 2 2 | icon 106 3 2 2 | icon 111 3 2 2 | image 86 1 18 4 | input 86 3 12 2 | logo 6 1 18 5 | \" [ link 2 8 21 6 ] | [ link 24 8 15 6 ] | [ link 39 8 13 6 ] | [ link 53 8 19 6 ] | [ link 73 8 10 6 ] | [ link 83 8 11 6 ] | [ link 95 8 9 6 ] | [ link 105 8 14 6 ] \"", "plain_layout_seq": "icon 100 3 2 2 | icon 106 3 2 2 | icon 111 3 2 2 | image 86 1 18 4 | input 86 3 12 2 | link 2 8 21 6 | link 24 8 15 6 | link 39 8 13 6 | link 53 8 19 6 | link 73 8 10 6 | link 83 8 11 6 | link 95 8 9 6 | link 105 8 14 6 | logo 6 1 18 5", "canvas_width": 1009, "canvas_height": 126, "elements": [ { "type": "logo", "position": [ 52, 15, 155, 44 ], "completed": false }, { "type": "image", "position": [ 724, 16, 158, 42 ], "completed": true }, { "type": "input", "position": [ 726, 27, 108, 21 ], "completed": false }, { "type": "icon", "position": [ 895, 27, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 939, 27, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 848, 28, 18, 18 ], "completed": false }, { "type": "link", "position": [ 24, 75, 181, 51 ], "completed": false }, { "type": "link", "position": [ 205, 75, 130, 51 ], "completed": false }, { "type": "link", "position": [ 335, 75, 112, 51 ], "completed": false }, { "type": "link", "position": [ 447, 75, 168, 51 ], "completed": false }, { "type": "link", "position": [ 615, 75, 89, 51 ], "completed": false }, { "type": "link", "position": [ 704, 75, 98, 51 ], "completed": false }, { "type": "link", "position": [ 802, 75, 83, 51 ], "completed": false }, { "type": "link", "position": [ 885, 75, 124, 51 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 3 links for users to click to search and check the terms of service and refund policy.", "region_id": "8553", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'search ,terms of service ,refund policy'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 40 0 8 4 ] | [ link 48 0 17 4 ] | [ link 65 0 14 4 ] \"", "layout_seq_without_completion": "\" [ link 40 0 8 4 ] | [ link 48 0 17 4 ] | [ link 65 0 14 4 ] \"", "plain_layout_seq": "link 40 0 8 4 | link 48 0 17 4 | link 65 0 14 4", "canvas_width": 944, "canvas_height": 36, "elements": [ { "type": "link", "position": [ 315, 0, 67, 36 ], "completed": false }, { "type": "link", "position": [ 381, 0, 134, 36 ], "completed": false }, { "type": "link", "position": [ 516, 0, 114, 36 ], "completed": false } ] }, { "text": "#A page for navigation of COSMO.#The page should have one logo to present the company and six links for users to click quickly, new arrivals, hard luggage, soft luggage, duffle bags, travel hygiene, and contact. There are three buttons and four icons on the right side of the page. There is text at the bottom of the page.", "region_id": "7003", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'new arrivals, hard luggage, soft luggage, duffle bags, travel hygiene,contact'][item [el:link]]][el:button[attr:repeat'3'][attr:position'right']][el:icon[attr:repeat'4'][attr:position'right']][el:text [attr:position 'bottom'] ]]", "execution": "header : button right undefined | button right undefined | button right undefined | icon right undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | text bottom undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 3 120 12 | logo 4 8 16 1 | text 44 17 30 1 | \" [ icon 102 0 1 1 ] | [ icon 106 0 1 1 ] | [ icon 109 0 1 1 ] | [ icon 112 0 1 1 ] | [ button 98 7 3 3 ] | [ button 105 7 3 3 ] | [ button 112 7 3 3 ] \" | \" [ link 23 5 16 4 ] | [ link 39 5 16 4 ] | [ link 57 5 16 4 ] | [ link 74 5 14 4 ] | [ link 23 9 18 4 ] | [ link 41 9 10 4 ] \"", "layout_seq_without_completion": "background 0 3 120 12 | logo 4 8 16 1 | text 44 17 30 1 | \" [ icon 102 0 1 1 ] | [ icon 106 0 1 1 ] | [ icon 109 0 1 1 ] | [ icon 112 0 1 1 ] | [ button 98 7 3 3 ] | [ button 105 7 3 3 ] | [ button 112 7 3 3 ] \" | \" [ link 23 5 16 4 ] | [ link 39 5 16 4 ] | [ link 57 5 16 4 ] | [ link 74 5 14 4 ] | [ link 23 9 18 4 ] | [ link 41 9 10 4 ] \"", "plain_layout_seq": "background 0 3 120 12 | button 98 7 3 3 | button 105 7 3 3 | button 112 7 3 3 | icon 102 0 1 1 | icon 106 0 1 1 | icon 109 0 1 1 | icon 112 0 1 1 | link 23 5 16 4 | link 39 5 16 4 | link 57 5 16 4 | link 74 5 14 4 | link 23 9 18 4 | link 41 9 10 4 | logo 4 8 16 1 | text 44 17 30 1", "canvas_width": 1024, "canvas_height": 169, "elements": [ { "type": "icon", "position": [ 875, 3, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 905, 3, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 934, 3, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 3, 16, 16 ], "completed": false }, { "type": "background", "position": [ 0, 26, 1024, 110 ], "completed": true }, { "type": "link", "position": [ 200, 46, 137, 35 ], "completed": false }, { "type": "link", "position": [ 341, 46, 145, 35 ], "completed": false }, { "type": "link", "position": [ 490, 46, 138, 35 ], "completed": false }, { "type": "link", "position": [ 632, 46, 127, 35 ], "completed": false }, { "type": "button", "position": [ 900, 67, 28, 28 ], "completed": false }, { "type": "button", "position": [ 956, 67, 28, 28 ], "completed": false }, { "type": "button", "position": [ 844, 68, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 40, 75, 140, 12 ], "completed": false }, { "type": "link", "position": [ 200, 81, 154, 35 ], "completed": false }, { "type": "link", "position": [ 358, 81, 92, 35 ], "completed": false }, { "type": "text", "position": [ 382, 146, 260, 13 ], "completed": false } ] }, { "text": "# A page for introducing an app Clubhouse. # There should have a name of the app \"clubhouse\", and two links \"Blog\" and \"Jobs\" for the user to view the blog about the app and find a job in the company. Also, there must have a QR code with the phrase \"Get Clubhouse\" on the right, so the user can scan the QR code to download the app.", "region_id": "3101", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'Clubhouse']] [gp:FlatNavGroup[gattr:repeat '2'][gattr:names 'Blog, Jobs'][item[el:link]]] [el:image[attr:value 'QR code'][attr:position 'right']][el:text [attr:position 'right'] [attr:value 'Get Clubhouse']] ]", "execution": "header : image right undefined | text right undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 94 4 4 4 | link 43 3 9 6 | link 29 3 9 6 | text 101 5 16 3 | title 1 4 21 3", "layout_seq_without_completion": "image 94 4 4 4 | link 43 3 9 6 | link 29 3 9 6 | text 101 5 16 3 | title 1 4 21 3", "plain_layout_seq": "image 94 4 4 4 | link 43 3 9 6 | link 29 3 9 6 | text 101 5 16 3 | title 1 4 21 3", "canvas_width": 1054, "canvas_height": 120, "elements": [ { "type": "link", "position": [ 263, 30, 83, 58 ], "completed": false }, { "type": "link", "position": [ 386, 30, 86, 58 ], "completed": false }, { "type": "title", "position": [ 15, 38, 192, 35 ], "completed": false }, { "type": "image", "position": [ 830, 40, 40, 40 ], "completed": false }, { "type": "text", "position": [ 894, 46, 145, 27 ], "completed": false } ] }, { "text": "# A page for the user to seek customer service. # On the page, there should have a title \"CUSTOMER SERVICE\" and three links \"CONTACT & SUPPORT\" \"REPORT CONTENT\" and \"LOGIN\". So the user can link them to know more info and log in to the website.", "region_id": "5459", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'customer service'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'CONTACT & SUPPORT, REPORT CONTENT, LOGIN'] [item [el:link] ] ] ]", "execution": "header : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ title 0 0 22 4 ] | [ link 24 1 23 2 ] | [ link 50 1 19 2 ] | [ link 72 1 6 2 ] \"", "layout_seq_without_completion": "\" [ title 0 0 22 4 ] | [ link 24 1 23 2 ] | [ link 50 1 19 2 ] | [ link 72 1 6 2 ] \"", "plain_layout_seq": "link 24 1 23 2 | link 50 1 19 2 | link 72 1 6 2 | title 0 0 22 4", "canvas_width": 984, "canvas_height": 44, "elements": [ { "type": "title", "position": [ 0, 5, 188, 34 ], "completed": false }, { "type": "link", "position": [ 200, 10, 189, 24 ], "completed": false }, { "type": "link", "position": [ 413, 10, 158, 24 ], "completed": false }, { "type": "link", "position": [ 595, 10, 56, 24 ], "completed": false } ] }, { "text": "# A header page for navigation of file.io. # The page should have a logo and five links \"About\" \"Plans\" \"Developers\" \"Sign Up\", and \"Log in\" for the user to learn more info, sign up, and log in to the website.", "region_id": "4280", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'about, plans, developers, sign up, log in'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 61 1 6 3 | link 80 1 11 3 | link 111 1 6 3 | link 99 1 7 3 | link 71 1 5 3 | logo 2 1 10 2 | complete text 95 1 0 3", "layout_seq_without_completion": "link 61 1 6 3 | link 80 1 11 3 | link 111 1 6 3 | link 99 1 7 3 | link 71 1 5 3 | logo 2 1 10 2 | text 95 1 0 3", "plain_layout_seq": "link 61 1 6 3 | link 80 1 11 3 | link 111 1 6 3 | link 99 1 7 3 | link 71 1 5 3 | logo 2 1 10 2 | text 95 1 0 3", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 526, 14, 52, 28 ], "completed": false }, { "type": "link", "position": [ 610, 14, 45, 28 ], "completed": false }, { "type": "link", "position": [ 687, 14, 94, 28 ], "completed": false }, { "type": "text", "position": [ 813, 14, 6, 28 ], "completed": true }, { "type": "link", "position": [ 851, 14, 65, 28 ], "completed": false }, { "type": "link", "position": [ 948, 14, 52, 28 ], "completed": false }, { "type": "logo", "position": [ 24, 17, 89, 24 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a description, a brand logo, an icon showing the shopping list of users, and eight links for users to click to learn about different categories of information.", "region_id": "6470", "region_type": "Header", "ir": "[region:Header [el:description] [el:logo] [el:icon [attr:value 'shopping list']] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link]]] ]", "execution": "header : description undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 41 1 36 14 | complete link 106 2 10 1 | logo 38 18 43 7 | \" [ link 12 26 12 5 ] | [ link 42 26 15 5 ] | [ link 58 26 12 5 ] | [ link 71 26 20 5 ] | [ link 92 26 15 5 ] | [ link 25 27 16 5 ] | [ link 46 32 16 5 ] | [ link 63 33 9 5 ] \"", "layout_seq_without_completion": "description 41 1 36 14 | link 106 2 10 1 | logo 38 18 43 7 | \" [ link 12 26 12 5 ] | [ link 42 26 15 5 ] | [ link 58 26 12 5 ] | [ link 71 26 20 5 ] | [ link 92 26 15 5 ] | [ link 25 27 16 5 ] | [ link 46 32 16 5 ] | [ link 63 33 9 5 ] \"", "plain_layout_seq": "description 41 1 36 14 | link 106 2 10 1 | link 12 26 12 5 | link 42 26 15 5 | link 58 26 12 5 | link 71 26 20 5 | link 92 26 15 5 | link 25 27 16 5 | link 46 32 16 5 | link 63 33 9 5 | logo 38 18 43 7", "canvas_width": 1024, "canvas_height": 333, "elements": [ { "type": "description", "position": [ 358, 11, 308, 122 ], "completed": false }, { "type": "link", "position": [ 905, 18, 87, 14 ], "completed": true }, { "type": "logo", "position": [ 327, 154, 370, 62 ], "completed": false }, { "type": "link", "position": [ 104, 230, 110, 51 ], "completed": false }, { "type": "link", "position": [ 360, 230, 136, 51 ], "completed": false }, { "type": "link", "position": [ 498, 230, 107, 51 ], "completed": false }, { "type": "link", "position": [ 608, 230, 174, 51 ], "completed": false }, { "type": "link", "position": [ 786, 230, 135, 51 ], "completed": false }, { "type": "link", "position": [ 216, 231, 140, 50 ], "completed": false }, { "type": "link", "position": [ 398, 281, 144, 51 ], "completed": false }, { "type": "link", "position": [ 546, 282, 80, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have five links, named \"shop\", \"wishlist\", \"cart\", \"account\", and \"search\".", "region_id": "7879", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'shop, wishlist, cart, account, search'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 6 | complete link 119 0 0 4 | link 1 3 21 1 | link 25 3 21 1 | link 49 3 21 1 | link 73 3 21 1 | link 96 3 21 1 | complete text 60 0 1 1 | complete text 36 0 1 1", "layout_seq_without_completion": "background 0 0 120 6 | link 119 0 0 4 | link 1 3 21 1 | link 25 3 21 1 | link 49 3 21 1 | link 73 3 21 1 | link 96 3 21 1 | text 60 0 1 1 | text 36 0 1 1", "plain_layout_seq": "background 0 0 120 6 | link 119 0 0 4 | link 1 3 21 1 | link 25 3 21 1 | link 49 3 21 1 | link 73 3 21 1 | link 96 3 21 1 | text 60 0 1 1 | text 36 0 1 1", "canvas_width": 1024, "canvas_height": 55, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 55 ], "completed": true }, { "type": "text", "position": [ 313, 0, 15, 12 ], "completed": true }, { "type": "text", "position": [ 516, 0, 15, 12 ], "completed": true }, { "type": "link", "position": [ 1019, 0, 5, 42 ], "completed": true }, { "type": "link", "position": [ 15, 27, 183, 11 ], "completed": false }, { "type": "link", "position": [ 218, 27, 183, 11 ], "completed": false }, { "type": "link", "position": [ 421, 27, 183, 11 ], "completed": false }, { "type": "link", "position": [ 623, 27, 183, 11 ], "completed": false }, { "type": "link", "position": [ 826, 27, 183, 11 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page has a logo and eight links, named \"software\", \"hardware\", \"benchmarks\", \"services\", \"store\", \"support\", \"about us\", and \"forums\". There are three icons for users to get more information.", "region_id": "2696", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'software, hardware, benchmarks, services, store, support,about us,forums'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 2 2 2 | icon 105 2 2 2 | icon 111 2 4 2 | logo 1 0 19 6 | complete text 114 2 2 2 | \" [ link 22 0 9 7 ] | [ link 32 0 10 7 ] | [ link 43 0 12 7 ] | [ link 55 0 9 7 ] | [ link 64 0 6 7 ] | [ link 71 0 8 7 ] | [ link 80 0 10 7 ] | [ link 90 0 8 7 ] \"", "layout_seq_without_completion": "icon 108 2 2 2 | icon 105 2 2 2 | icon 111 2 4 2 | logo 1 0 19 6 | text 114 2 2 2 | \" [ link 22 0 9 7 ] | [ link 32 0 10 7 ] | [ link 43 0 12 7 ] | [ link 55 0 9 7 ] | [ link 64 0 6 7 ] | [ link 71 0 8 7 ] | [ link 80 0 10 7 ] | [ link 90 0 8 7 ] \"", "plain_layout_seq": "icon 108 2 2 2 | icon 105 2 2 2 | icon 111 2 4 2 | link 22 0 9 7 | link 32 0 10 7 | link 43 0 12 7 | link 55 0 9 7 | link 64 0 6 7 | link 71 0 8 7 | link 80 0 10 7 | link 90 0 8 7 | logo 1 0 19 6 | text 114 2 2 2", "canvas_width": 1024, "canvas_height": 68, "elements": [ { "type": "link", "position": [ 195, 0, 83, 68 ], "completed": false }, { "type": "link", "position": [ 278, 0, 90, 68 ], "completed": false }, { "type": "link", "position": [ 367, 0, 109, 68 ], "completed": false }, { "type": "link", "position": [ 476, 0, 78, 68 ], "completed": false }, { "type": "link", "position": [ 553, 0, 56, 68 ], "completed": false }, { "type": "link", "position": [ 610, 0, 76, 68 ], "completed": false }, { "type": "link", "position": [ 686, 0, 86, 68 ], "completed": false }, { "type": "link", "position": [ 771, 0, 74, 68 ], "completed": false }, { "type": "logo", "position": [ 16, 6, 163, 57 ], "completed": false }, { "type": "text", "position": [ 975, 18, 18, 18 ], "completed": true }, { "type": "icon", "position": [ 902, 24, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 929, 24, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 954, 24, 35, 25 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page has a brief description on the left side. On the right side, there is a link and an input box for users to search, and a button to click. In the middle of the page, there is an image and three links under it, \"home\", \"contact us\", and \"collection\".", "region_id": "8744", "region_type": "Header", "ir": "[region:Header [el:description [attr:size 'small'] [attr:position 'left'] ] [el:link [attr:position 'right'] ] [el:input [attr:value 'search'] [attr:position 'right'] ] [el:button [attr:position 'right'] ] [el:image] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home,contact us,collection'] [item [el:link]]] ]", "execution": "header : button right undefined | description left small | image undefined undefined | input right undefined | link right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 3 1 30 2 | \" [ button 97 1 3 3 | input 97 1 18 3 | link 91 1 3 2 ] | [ image 33 9 52 23 | link 38 36 8 4 | link 48 36 17 4 | link 66 36 15 4 ] \"", "layout_seq_without_completion": "description 3 1 30 2 | \" [ button 97 1 3 3 | input 97 1 18 3 | link 91 1 3 2 ] | [ image 33 9 52 23 | link 38 36 8 4 | link 48 36 17 4 | link 66 36 15 4 ] \"", "plain_layout_seq": "button 97 1 3 3 | description 3 1 30 2 | image 33 9 52 23 | input 97 1 18 3 | link 91 1 3 2 | link 38 36 8 4 | link 48 36 17 4 | link 66 36 15 4", "canvas_width": 1024, "canvas_height": 383, "elements": [ { "type": "input", "position": [ 834, 9, 160, 32 ], "completed": false }, { "type": "button", "position": [ 834, 9, 32, 33 ], "completed": false }, { "type": "description", "position": [ 30, 13, 256, 24 ], "completed": false }, { "type": "link", "position": [ 785, 13, 26, 24 ], "completed": false }, { "type": "image", "position": [ 287, 79, 450, 200 ], "completed": false }, { "type": "link", "position": [ 331, 310, 74, 41 ], "completed": false }, { "type": "link", "position": [ 411, 311, 148, 41 ], "completed": false }, { "type": "link", "position": [ 565, 311, 128, 41 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop named K'nicole D'zigne & More. # The page should have a welcome sentence, a logo, three links \"Home\" \"Catalog\", and \"Contact\" for the user to return to the homepage, view the products, and contact the shop. Then, there should contain three icons for the user to search, login, and check the shopping cart.", "region_id": "7349", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home,Catalog,Contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 26 26 | text 0 0 119 5 | \" [ link 48 20 4 2 ] | [ link 56 20 5 2 ] | [ link 65 20 5 2 ] \" | \" [ icon 100 20 2 2 ] | [ icon 105 20 2 2 ] | [ icon 109 20 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 26 26 | text 0 0 119 5 | \" [ link 48 20 4 2 ] | [ link 56 20 5 2 ] | [ link 65 20 5 2 ] \" | \" [ icon 100 20 2 2 ] | [ icon 105 20 2 2 ] | [ icon 109 20 2 2 ] \"", "plain_layout_seq": "icon 100 20 2 2 | icon 105 20 2 2 | icon 109 20 2 2 | link 48 20 4 2 | link 56 20 5 2 | link 65 20 5 2 | logo 6 7 26 26 | text 0 0 119 5", "canvas_width": 1024, "canvas_height": 311, "elements": [ { "type": "text", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 229, 229 ], "completed": false }, { "type": "link", "position": [ 418, 171, 40, 18 ], "completed": false }, { "type": "link", "position": [ 482, 171, 50, 18 ], "completed": false }, { "type": "link", "position": [ 556, 171, 51, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 171, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 171, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 171, 20, 20 ], "completed": false } ] }, { "text": "# A header page for Unstop. # The page should have a logo with a phrase \"Formerly Dare2Complete\" on the right of it. Then a link for logging in and a button for signing up are needed.", "region_id": "4702", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title [attr:value 'Formerly Dare2Complete'] [attr:position 'right'] ] [el:link [attr:value 'login'] ] [el:button [attr:value 'sign up']] ]", "execution": "header : button undefined undefined | link undefined undefined | logo undefined undefined | title right undefined", "layout_seq_with_completion": "button 99 1 14 4 | link 84 1 14 4 | logo 6 1 9 3 | title 16 1 12 3", "layout_seq_without_completion": "button 99 1 14 4 | link 84 1 14 4 | logo 6 1 9 3 | title 16 1 12 3", "plain_layout_seq": "button 99 1 14 4 | link 84 1 14 4 | logo 6 1 9 3 | title 16 1 12 3", "canvas_width": 1024, "canvas_height": 65, "elements": [ { "type": "link", "position": [ 718, 12, 120, 40 ], "completed": false }, { "type": "button", "position": [ 848, 12, 120, 40 ], "completed": false }, { "type": "logo", "position": [ 56, 16, 80, 32 ], "completed": false }, { "type": "title", "position": [ 144, 17, 107, 31 ], "completed": false } ] }, { "text": "# A header page for an online store UwU Official. # The page should have a store name, three links \"Home\" \"Catalog\" and \"Contact\" for the user click to back to the home page, shop by category, and contact the store, and two icons for search and shopping cart.", "region_id": "7250", "region_type": "Header", "ir": "[region:Header [el:title][gp:FlatNavGroup [gattr:repeat'3'] [gattr:names'Home,Catalog,Contact']] [el:link [attr:value 'Home'] ] [el:icon [attr:value 'search']][el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 2 2 | icon 110 2 5 5 | title 5 3 15 3 | \" [ link 25 3 4 2 ] | [ link 33 3 5 2 ] | [ link 41 3 5 2 ] \"", "layout_seq_without_completion": "icon 106 3 2 2 | icon 110 2 5 5 | title 5 3 15 3 | \" [ link 25 3 4 2 ] | [ link 33 3 5 2 ] | [ link 41 3 5 2 ] \"", "plain_layout_seq": "icon 106 3 2 2 | icon 110 2 5 5 | link 25 3 4 2 | link 33 3 5 2 | link 41 3 5 2 | title 5 3 15 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 50, 26, 130, 32 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 220, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 282, 33, 50, 18 ], "completed": false }, { "type": "link", "position": [ 356, 33, 51, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have four links and four icons for users to click fastly, \"shop\", \"cart\", \"account\", and \"search\".", "region_id": "7223", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'shop, cart, account, search'] [item [el:icon] [el:link] ] ] ]", "execution": "header : { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 6 | link 31 3 27 1 | link 90 3 27 1 | link 1 3 27 1 | link 61 3 27 1 | complete text 45 0 1 1", "layout_seq_without_completion": "background 0 0 120 6 | link 31 3 27 1 | link 90 3 27 1 | link 1 3 27 1 | link 61 3 27 1 | text 45 0 1 1", "plain_layout_seq": "background 0 0 120 6 | link 31 3 27 1 | link 90 3 27 1 | link 1 3 27 1 | link 61 3 27 1 | text 45 0 1 1", "canvas_width": 1024, "canvas_height": 55, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 55 ], "completed": true }, { "type": "text", "position": [ 389, 4, 15, 15 ], "completed": true }, { "type": "link", "position": [ 15, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 268, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 522, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 776, 34, 234, 11 ], "completed": false } ] }, { "text": "#A header page of Larry Brown Sports for users to buy products.# The page should include propaganda text and the logo of Larry Brown Sports. There should also be 5 links and three icons.", "region_id": "8709", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ][el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 10 26 2 | text 0 0 120 5 | \" [ link 39 8 5 2 ] | [ link 47 8 8 2 ] | [ link 58 8 3 2 ] | [ link 65 8 15 2 ] | [ link 54 12 10 2 ] \" | \" [ icon 98 10 2 2 ] | [ icon 103 10 2 2 ] | [ icon 109 10 2 2 ] \"", "layout_seq_without_completion": "logo 6 10 26 2 | text 0 0 120 5 | \" [ link 39 8 5 2 ] | [ link 47 8 8 2 ] | [ link 58 8 3 2 ] | [ link 65 8 15 2 ] | [ link 54 12 10 2 ] \" | \" [ icon 98 10 2 2 ] | [ icon 103 10 2 2 ] | [ icon 109 10 2 2 ] \"", "plain_layout_seq": "icon 98 10 2 2 | icon 103 10 2 2 | icon 109 10 2 2 | link 39 8 5 2 | link 47 8 8 2 | link 58 8 3 2 | link 65 8 15 2 | link 54 12 10 2 | logo 6 10 26 2 | text 0 0 120 5", "canvas_width": 1024, "canvas_height": 155, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "link", "position": [ 336, 74, 46, 20 ], "completed": false }, { "type": "link", "position": [ 406, 74, 70, 20 ], "completed": false }, { "type": "link", "position": [ 502, 74, 33, 20 ], "completed": false }, { "type": "link", "position": [ 560, 74, 129, 20 ], "completed": false }, { "type": "logo", "position": [ 55, 86, 229, 25 ], "completed": false }, { "type": "icon", "position": [ 844, 88, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 886, 88, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 88, 22, 23 ], "completed": false }, { "type": "link", "position": [ 468, 104, 88, 20 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, one short content, five links for users to click to get further information, an icon for showing the shopping list, and one input with an icon for searching.", "region_id": "6770", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description [attr:size 'small'] ] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]]] [el:icon [attr:value 'shopping list']] [el:input [attr:value 'search'] ] [el:icon] ]", "execution": "header : description undefined small | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 3 1 15 2 | \" [ icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 ] | [ link 55 10 12 4 | link 68 10 11 4 | link 80 10 12 4 | link 93 10 13 4 | link 107 10 8 4 | logo 3 10 23 4 ] \"", "layout_seq_without_completion": "description 3 1 15 2 | \" [ icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 ] | [ link 55 10 12 4 | link 68 10 11 4 | link 80 10 12 4 | link 93 10 13 4 | link 107 10 8 4 | logo 3 10 23 4 ] \"", "plain_layout_seq": "description 3 1 15 2 | icon 97 1 3 3 | icon 91 1 3 2 | input 97 1 18 3 | link 55 10 12 4 | link 68 10 11 4 | link 80 10 12 4 | link 93 10 13 4 | link 107 10 8 4 | logo 3 10 23 4", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "input", "position": [ 834, 9, 160, 32 ], "completed": false }, { "type": "icon", "position": [ 834, 9, 32, 33 ], "completed": false }, { "type": "description", "position": [ 30, 13, 131, 24 ], "completed": false }, { "type": "icon", "position": [ 785, 13, 26, 24 ], "completed": false }, { "type": "link", "position": [ 475, 86, 110, 41 ], "completed": false }, { "type": "link", "position": [ 588, 86, 98, 41 ], "completed": false }, { "type": "link", "position": [ 689, 86, 109, 41 ], "completed": false }, { "type": "link", "position": [ 801, 86, 117, 41 ], "completed": false }, { "type": "link", "position": [ 921, 86, 73, 41 ], "completed": false }, { "type": "logo", "position": [ 30, 87, 198, 40 ], "completed": false } ] }, { "text": "#A header to guide users to browse the website.# There is a logo of 'QUARTZ' in the middle. On the left of the logo, there are two icons and three links. On the other side, there are two links and an icon, a button 'BECOME A MEMBER' for users to join in.", "region_id": "4254", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '3'] ] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]]] [el:button [attr:value 'BECOME A MEMBER'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 95 1 18 3 | icon 2 2 1 1 | icon 6 2 1 2 | icon 116 2 1 1 | link 10 0 10 6 | link 20 0 8 6 | link 74 0 10 6 | link 85 0 8 6 | link 29 0 12 6 | logo 51 1 16 2", "layout_seq_without_completion": "button 95 1 18 3 | icon 2 2 1 1 | icon 6 2 1 2 | icon 116 2 1 1 | link 10 0 10 6 | link 20 0 8 6 | link 74 0 10 6 | link 85 0 8 6 | link 29 0 12 6 | logo 51 1 16 2", "plain_layout_seq": "button 95 1 18 3 | icon 2 2 1 1 | icon 6 2 1 2 | icon 116 2 1 1 | link 10 0 10 6 | link 20 0 8 6 | link 74 0 10 6 | link 85 0 8 6 | link 29 0 12 6 | logo 51 1 16 2", "canvas_width": 1009, "canvas_height": 55, "elements": [ { "type": "link", "position": [ 86, 0, 89, 55 ], "completed": false }, { "type": "link", "position": [ 175, 0, 71, 55 ], "completed": false }, { "type": "link", "position": [ 246, 0, 106, 55 ], "completed": false }, { "type": "link", "position": [ 625, 0, 91, 55 ], "completed": false }, { "type": "link", "position": [ 716, 0, 72, 55 ], "completed": false }, { "type": "button", "position": [ 800, 13, 153, 28 ], "completed": false }, { "type": "logo", "position": [ 434, 15, 142, 23 ], "completed": false }, { "type": "icon", "position": [ 18, 19, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 58, 19, 16, 17 ], "completed": false }, { "type": "icon", "position": [ 977, 20, 14, 15 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has five links for users to click to get further information.", "region_id": "6934", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 17 0 10 6 ] | [ link 27 0 17 6 ] | [ link 45 0 15 6 ] | [ link 60 0 19 6 ] | [ link 80 0 22 6 ] \"", "layout_seq_without_completion": "\" [ link 17 0 10 6 ] | [ link 27 0 17 6 ] | [ link 45 0 15 6 ] | [ link 60 0 19 6 ] | [ link 80 0 22 6 ] \"", "plain_layout_seq": "link 17 0 10 6 | link 27 0 17 6 | link 45 0 15 6 | link 60 0 19 6 | link 80 0 22 6", "canvas_width": 944, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 135, 0, 84, 52 ], "completed": false }, { "type": "link", "position": [ 218, 0, 136, 52 ], "completed": false }, { "type": "link", "position": [ 355, 0, 120, 52 ], "completed": false }, { "type": "link", "position": [ 475, 0, 157, 52 ], "completed": false }, { "type": "link", "position": [ 631, 0, 178, 52 ], "completed": false } ] }, { "text": "#A page for users to learn more about the web.# There are six links for people to learn more about the web's content. There is also a logo of Facebook.", "region_id": "5734", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:logo] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 16 | \" [ link 27 0 8 7 ] | [ link 35 0 21 7 ] | [ link 56 0 12 7 ] | [ link 69 0 7 7 ] | [ link 76 0 7 7 ] | [ link 83 0 9 7 ] \"", "layout_seq_without_completion": "background 0 0 120 16 | \" [ link 27 0 8 7 ] | [ link 35 0 21 7 ] | [ link 56 0 12 7 ] | [ link 69 0 7 7 ] | [ link 76 0 7 7 ] | [ link 83 0 9 7 ] \"", "plain_layout_seq": "background 0 0 120 16 | link 27 0 8 7 | link 35 0 21 7 | link 56 0 12 7 | link 69 0 7 7 | link 76 0 7 7 | link 83 0 9 7", "canvas_width": 1024, "canvas_height": 140, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 140 ], "completed": true }, { "type": "link", "position": [ 232, 0, 73, 60 ], "completed": false }, { "type": "link", "position": [ 305, 0, 180, 60 ], "completed": false }, { "type": "link", "position": [ 485, 0, 105, 60 ], "completed": false }, { "type": "link", "position": [ 590, 0, 60, 60 ], "completed": false }, { "type": "link", "position": [ 650, 0, 62, 60 ], "completed": false }, { "type": "link", "position": [ 712, 0, 80, 60 ], "completed": false } ] }, { "text": "#A page for navigation of the web YUKAPO.#The page should have a logo on the left side. There is an input box and a link for users to search. There are two links on the right side, \"join us\" and \"my account\".", "region_id": "4247", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:input[attr:value 'search']] [el:link [attr:value 'search'] ] [el:link [attr:value 'join us'] [attr:position 'right'] ] [el:link [attr:value 'my account'] ] ]", "execution": "header : input undefined undefined | link right undefined | link undefined undefined | link undefined undefined | logo left undefined", "layout_seq_with_completion": "input 26 1 60 5 | link 88 4 1 1 | link 93 4 6 2 | link 101 4 9 2 | logo 0 2 25 3", "layout_seq_without_completion": "input 26 1 60 5 | link 88 4 1 1 | link 93 4 6 2 | link 101 4 9 2 | logo 0 2 25 3", "plain_layout_seq": "input 26 1 60 5 | link 88 4 1 1 | link 93 4 6 2 | link 101 4 9 2 | logo 0 2 25 3", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "input", "position": [ 228, 17, 517, 44 ], "completed": false }, { "type": "logo", "position": [ 0, 20, 218, 30 ], "completed": false }, { "type": "link", "position": [ 758, 35, 16, 16 ], "completed": false }, { "type": "link", "position": [ 797, 35, 55, 18 ], "completed": false }, { "type": "link", "position": [ 864, 35, 80, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo in the middle of the page, there are three icons for users to get more information.", "region_id": "6433", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 2 3 5 5 | icon 112 3 2 3 | icon 107 3 2 3 | logo 53 2 13 6", "layout_seq_without_completion": "icon 2 3 5 5 | icon 112 3 2 3 | icon 107 3 2 3 | logo 53 2 13 6", "plain_layout_seq": "icon 2 3 5 5 | icon 112 3 2 3 | icon 107 3 2 3 | logo 53 2 13 6", "canvas_width": 1009, "canvas_height": 94, "elements": [ { "type": "logo", "position": [ 449, 18, 110, 58 ], "completed": false }, { "type": "icon", "position": [ 20, 26, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 906, 30, 24, 28 ], "completed": false }, { "type": "icon", "position": [ 948, 30, 24, 28 ], "completed": false } ] }, { "text": "#A page for navigation of PeopleStrong.# The page should have a logo of PeopleStrong, and 3 groups while each group has an icon and a link for users to click to check the web page, request a callback, and Whatsapp the workers.", "region_id": "5512", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'check the web page,request a callback, whatsapp the workers'] [item [el:icon] [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 100 5 2 2 | icon 39 5 2 2 | icon 72 5 2 2 | link 103 4 12 3 | link 43 4 28 3 | link 75 4 17 3 | logo 2 4 24 4", "layout_seq_without_completion": "icon 100 5 2 2 | icon 39 5 2 2 | icon 72 5 2 2 | link 103 4 12 3 | link 43 4 28 3 | link 75 4 17 3 | logo 2 4 24 4", "plain_layout_seq": "icon 100 5 2 2 | icon 39 5 2 2 | icon 72 5 2 2 | link 103 4 12 3 | link 43 4 28 3 | link 75 4 17 3 | logo 2 4 24 4", "canvas_width": 1024, "canvas_height": 113, "elements": [ { "type": "logo", "position": [ 20, 37, 209, 35 ], "completed": false }, { "type": "link", "position": [ 367, 37, 244, 34 ], "completed": false }, { "type": "link", "position": [ 648, 37, 151, 34 ], "completed": false }, { "type": "link", "position": [ 879, 37, 105, 34 ], "completed": false }, { "type": "icon", "position": [ 341, 43, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 622, 43, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 854, 43, 22, 22 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the entire website.#The page should have one slogan on the top. Under it, there should have one logo and nine links for users to click to know the different content fastly, such as home, vendors, and so on.", "region_id": "7921", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '9'] [gattr:names 'home, vendors'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete link 110 12 1 5 | logo 10 6 11 6 | title 6 1 106 2 | \" [ link 9 13 4 1 ] | [ link 17 13 6 1 ] | [ link 28 13 6 4 ] | [ link 42 13 6 1 ] | [ link 52 13 9 4 ] | [ link 69 13 3 1 ] | [ link 77 13 6 4 ] | [ link 91 13 7 1 ] | [ link 102 13 6 4 ] \"", "layout_seq_without_completion": "link 110 12 1 5 | logo 10 6 11 6 | title 6 1 106 2 | \" [ link 9 13 4 1 ] | [ link 17 13 6 1 ] | [ link 28 13 6 4 ] | [ link 42 13 6 1 ] | [ link 52 13 9 4 ] | [ link 69 13 3 1 ] | [ link 77 13 6 4 ] | [ link 91 13 7 1 ] | [ link 102 13 6 4 ] \"", "plain_layout_seq": "link 110 12 1 5 | link 9 13 4 1 | link 17 13 6 1 | link 28 13 6 4 | link 42 13 6 1 | link 52 13 9 4 | link 69 13 3 1 | link 77 13 6 4 | link 91 13 7 1 | link 102 13 6 4 | logo 10 6 11 6 | title 6 1 106 2", "canvas_width": 1024, "canvas_height": 183, "elements": [ { "type": "title", "position": [ 56, 12, 912, 23 ], "completed": false }, { "type": "logo", "position": [ 89, 54, 100, 55 ], "completed": false }, { "type": "link", "position": [ 945, 108, 15, 44 ], "completed": true }, { "type": "link", "position": [ 80, 112, 40, 17 ], "completed": false }, { "type": "link", "position": [ 152, 112, 55, 17 ], "completed": false }, { "type": "link", "position": [ 239, 112, 54, 40 ], "completed": false }, { "type": "link", "position": [ 365, 112, 56, 17 ], "completed": false }, { "type": "link", "position": [ 452, 112, 81, 40 ], "completed": false }, { "type": "link", "position": [ 593, 112, 34, 17 ], "completed": false }, { "type": "link", "position": [ 659, 112, 52, 40 ], "completed": false }, { "type": "link", "position": [ 780, 112, 66, 17 ], "completed": false }, { "type": "link", "position": [ 878, 112, 52, 40 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo. An input and a button are on the page.\" Join\", \"ATMs/Branches\", \"Rates\", \"My Applications\" and \"Careers\" are five links on the page. There is one text of routing numbers on the page.", "region_id": "3377", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:button] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'join, atms/branches, rates, my applications, careers'] [item [el:link] ] ] [el:text [attr:value 'routing numbers']] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 111 4 4 4 | input 86 4 24 4 | logo 1 5 32 4 | text 59 5 23 2 | \" [ link 60 10 3 1 ] | [ link 67 10 12 1 ] | [ link 84 10 4 1 ] | [ link 92 10 13 1 ] | [ link 109 10 6 1 ] \"", "layout_seq_without_completion": "button 111 4 4 4 | input 86 4 24 4 | logo 1 5 32 4 | text 59 5 23 2 | \" [ link 60 10 3 1 ] | [ link 67 10 12 1 ] | [ link 84 10 4 1 ] | [ link 92 10 13 1 ] | [ link 109 10 6 1 ] \"", "plain_layout_seq": "button 111 4 4 4 | input 86 4 24 4 | link 60 10 3 1 | link 67 10 12 1 | link 84 10 4 1 | link 92 10 13 1 | link 109 10 6 1 | logo 1 5 32 4 | text 59 5 23 2", "canvas_width": 970, "canvas_height": 128, "elements": [ { "type": "input", "position": [ 702, 35, 198, 35 ], "completed": false }, { "type": "button", "position": [ 899, 35, 40, 35 ], "completed": false }, { "type": "text", "position": [ 480, 43, 192, 19 ], "completed": false }, { "type": "logo", "position": [ 16, 47, 265, 33 ], "completed": false }, { "type": "link", "position": [ 489, 82, 25, 16 ], "completed": false }, { "type": "link", "position": [ 545, 82, 105, 16 ], "completed": false }, { "type": "link", "position": [ 681, 82, 37, 16 ], "completed": false }, { "type": "link", "position": [ 749, 82, 107, 16 ], "completed": false }, { "type": "link", "position": [ 887, 82, 52, 16 ], "completed": false } ] }, { "text": "#A header page of kfake.club for users to get information.# The page should include the logo and slogan of kfake.club, an input for users to search on the page, and a link.", "region_id": "5238", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [el:input[attr:value'search']] [el:link ] ]", "execution": "header : input undefined undefined | link undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "input 96 7 13 3 | link 0 20 120 5 | logo 9 7 18 4 | title 9 11 68 2", "layout_seq_without_completion": "input 96 7 13 3 | link 0 20 120 5 | logo 9 7 18 4 | title 9 11 68 2", "plain_layout_seq": "input 96 7 13 3 | link 0 20 120 5 | logo 9 7 18 4 | title 9 11 68 2", "canvas_width": 964, "canvas_height": 211, "elements": [ { "type": "logo", "position": [ 73, 58, 147, 33 ], "completed": false }, { "type": "input", "position": [ 779, 59, 112, 32 ], "completed": false }, { "type": "title", "position": [ 73, 93, 548, 23 ], "completed": false }, { "type": "link", "position": [ 0, 167, 964, 44 ], "completed": false } ] }, { "text": "#A header page of Calendar for users to log in or sign in.# The page should include the logo of Calendar, a link \"Contact Sales\", a button \"Sign In\" and a button \"Get Started\".", "region_id": "5346", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:value 'contact sales'] ] [el:button [attr:value 'sign in'] ] [el:button [attr:value 'get started'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | button 100 1 17 4 | button 87 1 12 4 | link 77 2 10 2 | logo 1 1 15 4", "layout_seq_without_completion": "background 0 0 120 7 | button 100 1 17 4 | button 87 1 12 4 | link 77 2 10 2 | logo 1 1 15 4", "plain_layout_seq": "background 0 0 120 7 | button 100 1 17 4 | button 87 1 12 4 | link 77 2 10 2 | logo 1 1 15 4", "canvas_width": 1009, "canvas_height": 64, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 64 ], "completed": true }, { "type": "logo", "position": [ 16, 14, 134, 36 ], "completed": false }, { "type": "button", "position": [ 738, 14, 106, 35 ], "completed": false }, { "type": "button", "position": [ 844, 16, 149, 35 ], "completed": false }, { "type": "link", "position": [ 652, 22, 90, 20 ], "completed": false } ] }, { "text": "# A header page for the company OneUp. # There should have a logo, an input box with a small icon for search where the user can enter things they want to look for, and an icon for checking the shopping cart. Below them, there should have six links: \"Order Lookup\" \"Contact Us\" \"Shipping Policy\" \"FAQ\", \"Products\" and \"Login\".", "region_id": "8514", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input][el:icon [attr:size 'small'] [attr:value 'search']] [el:icon[attr:value 'shopping cart']] [gp:FlatNavGroup [gattr:repeat'6'] [gattr:names'Order Lookup, Contact Us,Shipping Policy,FAQ,Products,Login'] [item[el:link] ]]]", "execution": "header : icon undefined small | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 17 | icon 98 4 2 2 | icon 113 4 3 3 | complete image 30 3 73 5 | input 30 3 66 5 | link 110 11 7 4 | logo 2 2 24 7 | \" [ link 1 11 16 4 ] | [ link 18 11 15 4 ] | [ link 34 11 18 4 ] | [ link 53 11 7 4 ] | [ link 61 11 12 4 ] \"", "layout_seq_without_completion": "background 0 0 120 17 | icon 98 4 2 2 | icon 113 4 3 3 | image 30 3 73 5 | input 30 3 66 5 | link 110 11 7 4 | logo 2 2 24 7 | \" [ link 1 11 16 4 ] | [ link 18 11 15 4 ] | [ link 34 11 18 4 ] | [ link 53 11 7 4 ] | [ link 61 11 12 4 ] \"", "plain_layout_seq": "background 0 0 120 17 | icon 98 4 2 2 | icon 113 4 3 3 | image 30 3 73 5 | input 30 3 66 5 | link 110 11 7 4 | link 1 11 16 4 | link 18 11 15 4 | link 34 11 18 4 | link 53 11 7 4 | link 61 11 12 4 | logo 2 2 24 7", "canvas_width": 1024, "canvas_height": 151, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 151 ], "completed": true }, { "type": "logo", "position": [ 25, 20, 210, 63 ], "completed": false }, { "type": "image", "position": [ 259, 27, 623, 48 ], "completed": true }, { "type": "input", "position": [ 260, 28, 567, 46 ], "completed": false }, { "type": "icon", "position": [ 971, 38, 28, 26 ], "completed": false }, { "type": "icon", "position": [ 844, 41, 20, 21 ], "completed": false }, { "type": "link", "position": [ 10, 100, 145, 42 ], "completed": false }, { "type": "link", "position": [ 160, 100, 128, 42 ], "completed": false }, { "type": "link", "position": [ 293, 100, 161, 42 ], "completed": false }, { "type": "link", "position": [ 459, 100, 64, 42 ], "completed": false }, { "type": "link", "position": [ 528, 100, 108, 42 ], "completed": false }, { "type": "link", "position": [ 939, 100, 67, 42 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has 6 links for users to click to get further information.", "region_id": "2680", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:total_link '6'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 36 0 7 3 ] | [ link 46 0 4 3 ] | [ link 53 0 6 3 ] | [ link 61 0 7 3 ] | [ link 70 0 5 3 ] | [ link 76 0 4 3 ] \"", "layout_seq_without_completion": "\" [ link 36 0 7 3 ] | [ link 46 0 4 3 ] | [ link 53 0 6 3 ] | [ link 61 0 7 3 ] | [ link 70 0 5 3 ] | [ link 76 0 4 3 ] \"", "plain_layout_seq": "link 36 0 7 3 | link 46 0 4 3 | link 53 0 6 3 | link 61 0 7 3 | link 70 0 5 3 | link 76 0 4 3", "canvas_width": 1024, "canvas_height": 32, "elements": [ { "type": "link", "position": [ 315, 0, 68, 32 ], "completed": false }, { "type": "link", "position": [ 398, 0, 39, 32 ], "completed": false }, { "type": "link", "position": [ 453, 0, 55, 32 ], "completed": false }, { "type": "link", "position": [ 523, 0, 60, 32 ], "completed": false }, { "type": "link", "position": [ 599, 0, 43, 32 ], "completed": false }, { "type": "link", "position": [ 657, 0, 40, 32 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and three links, \"home\", \"felt collection\", and \"spirited collection\". There are two icons for users to click fastly.", "region_id": "6758", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, felt collection, spirited collection'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 105 3 2 2 | icon 109 3 2 2 | logo 6 1 26 5 | \" [ link 42 3 4 2 ] | [ link 49 3 11 2 ] | [ link 63 3 14 2 ] \"", "layout_seq_without_completion": "icon 105 3 2 2 | icon 109 3 2 2 | logo 6 1 26 5 | \" [ link 42 3 4 2 ] | [ link 49 3 11 2 ] | [ link 63 3 14 2 ] \"", "plain_layout_seq": "icon 105 3 2 2 | icon 109 3 2 2 | link 42 3 4 2 | link 49 3 11 2 | link 63 3 14 2 | logo 6 1 26 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 48 ], "completed": false }, { "type": "link", "position": [ 361, 30, 40, 19 ], "completed": false }, { "type": "link", "position": [ 425, 30, 94, 19 ], "completed": false }, { "type": "link", "position": [ 543, 30, 120, 19 ], "completed": false }, { "type": "icon", "position": [ 898, 31, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 31, 20, 20 ], "completed": false } ] }, { "text": "#A page of Shopify.# There should have a company's logo on the left side. There should have a question guiding the users to set up an online store. And there should have two buttons for users to sign up or buy.", "region_id": "6587", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:text] [el:button [attr:value 'sign up for shopify'] ] [el:button [attr:value 'buy a store'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo left undefined | text undefined undefined", "layout_seq_with_completion": "button 101 2 13 4 | button 77 2 19 4 | logo 3 1 15 4 | text 44 1 30 6", "layout_seq_without_completion": "button 101 2 13 4 | button 77 2 19 4 | logo 3 1 15 4 | text 44 1 30 6", "plain_layout_seq": "button 101 2 13 4 | button 77 2 19 4 | logo 3 1 15 4 | text 44 1 30 6", "canvas_width": 1051, "canvas_height": 70, "elements": [ { "type": "text", "position": [ 388, 10, 270, 60 ], "completed": false }, { "type": "logo", "position": [ 30, 16, 132, 36 ], "completed": false }, { "type": "button", "position": [ 676, 18, 175, 36 ], "completed": false }, { "type": "button", "position": [ 887, 18, 116, 36 ], "completed": false } ] }, { "text": "#A page for navigation of a web# The page should have 7 links for users to click to learn some content such as development banking, career, and latest news. Two buttons are needed for users to click to check online banking and give feedback.", "region_id": "2794", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'development banking, career, latest news'] [item [el:link] ] ] [el:button [attr:value 'check banking'] ] [el:button [attr:value 'feedback'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 88 6 15 4 | button 104 6 10 4 | \" [ link 4 0 7 5 ] | [ link 12 0 9 5 ] | [ link 22 0 17 5 ] | [ link 39 0 18 5 ] | [ link 57 0 11 5 ] | [ link 69 0 7 5 ] | [ link 76 0 10 5 ] \"", "layout_seq_without_completion": "button 88 6 15 4 | button 104 6 10 4 | \" [ link 4 0 7 5 ] | [ link 12 0 9 5 ] | [ link 22 0 17 5 ] | [ link 39 0 18 5 ] | [ link 57 0 11 5 ] | [ link 69 0 7 5 ] | [ link 76 0 10 5 ] \"", "plain_layout_seq": "button 88 6 15 4 | button 104 6 10 4 | link 4 0 7 5 | link 12 0 9 5 | link 22 0 17 5 | link 39 0 18 5 | link 57 0 11 5 | link 69 0 7 5 | link 76 0 10 5", "canvas_width": 1024, "canvas_height": 98, "elements": [ { "type": "link", "position": [ 42, 0, 68, 50 ], "completed": false }, { "type": "link", "position": [ 110, 0, 78, 50 ], "completed": false }, { "type": "link", "position": [ 188, 0, 152, 50 ], "completed": false }, { "type": "link", "position": [ 340, 0, 154, 50 ], "completed": false }, { "type": "link", "position": [ 494, 0, 95, 50 ], "completed": false }, { "type": "link", "position": [ 589, 0, 62, 50 ], "completed": false }, { "type": "link", "position": [ 651, 0, 92, 50 ], "completed": false }, { "type": "button", "position": [ 758, 54, 132, 40 ], "completed": false }, { "type": "button", "position": [ 894, 54, 88, 40 ], "completed": false } ] }, { "text": "# A header page for an online shop named Good Nest. # The page should have the logo of the store in the middle, an icon for the side menu on the left, and three icons for the user to log in, search, and check the shopping cart on the right are needed.", "region_id": "8015", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:position 'left'][attr:value'menu'] ] [el:icon [attr:repeat '3'] [attr:position 'right'] [attr:value'log in, search, check the shopping cart']] ]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined", "layout_seq_with_completion": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7 | logo 52 0 15 7", "layout_seq_without_completion": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7 | logo 52 0 15 7", "plain_layout_seq": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7 | logo 52 0 15 7", "canvas_width": 1009, "canvas_height": 65, "elements": [ { "type": "logo", "position": [ 439, 0, 130, 65 ], "completed": false }, { "type": "icon", "position": [ 10, 1, 45, 63 ], "completed": false }, { "type": "icon", "position": [ 915, 2, 35, 61 ], "completed": false }, { "type": "icon", "position": [ 954, 2, 45, 61 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a two texts to call for users to buy, a logo of the web, 6 links for users to click to turn to the home page, know about Sea Moss and the FAQs, shop, and contact the company. 3 icons are needed for users to click to search, check the personal page, and shop.", "region_id": "7881", "region_type": "Header", "ir": "[region:Header [el:text[attr:repeat'2']] [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, Sea Moss, FQA, shop, Contact us'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'personal page'] ] [el:icon [attr:value 'shop'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 12 26 26 | text 0 5 119 5 | text 0 0 120 5 | \" [ link 36 22 5 4 ] | [ link 45 22 17 4 ] | [ link 66 22 9 4 ] | [ link 78 22 4 4 ] | [ link 50 26 5 4 ] | [ link 58 26 11 4 ] \" | \" [ icon 100 25 2 2 ] | [ icon 105 25 2 2 ] | [ icon 109 25 2 2 ] \"", "layout_seq_without_completion": "logo 6 12 26 26 | text 0 5 119 5 | text 0 0 120 5 | \" [ link 36 22 5 4 ] | [ link 45 22 17 4 ] | [ link 66 22 9 4 ] | [ link 78 22 4 4 ] | [ link 50 26 5 4 ] | [ link 58 26 11 4 ] \" | \" [ icon 100 25 2 2 ] | [ icon 105 25 2 2 ] | [ icon 109 25 2 2 ] \"", "plain_layout_seq": "icon 100 25 2 2 | icon 105 25 2 2 | icon 109 25 2 2 | link 36 22 5 4 | link 45 22 17 4 | link 66 22 9 4 | link 78 22 4 4 | link 50 26 5 4 | link 58 26 11 4 | logo 6 12 26 26 | text 0 5 119 5 | text 0 0 120 5", "canvas_width": 1024, "canvas_height": 355, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "text", "position": [ 2, 46, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 110, 229, 229 ], "completed": false }, { "type": "link", "position": [ 312, 188, 50, 36 ], "completed": false }, { "type": "link", "position": [ 388, 188, 150, 36 ], "completed": false }, { "type": "link", "position": [ 564, 188, 80, 36 ], "completed": false }, { "type": "link", "position": [ 670, 188, 42, 36 ], "completed": false }, { "type": "icon", "position": [ 856, 214, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 214, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 214, 20, 20 ], "completed": false }, { "type": "link", "position": [ 429, 224, 45, 36 ], "completed": false }, { "type": "link", "position": [ 500, 224, 95, 36 ], "completed": false } ] }, { "text": "#This page is mainly to introduce OtherShares to users.#In addition to the icon and name, this page also has its introduction, two download data and download time and other related information, and there is a download button on the far right.", "region_id": "5084", "region_type": "Header", "ir": "[region:Header [el:icon] [el:title] [el:description] [el:text [attr:repeat '4']] [el:button [attr:position 'right'] ] ]", "execution": "header : button right undefined | description undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "text 69 0 9 7 | text 79 0 10 7 | \" [ description 8 3 59 2 | icon 1 1 5 5 | title 8 1 11 2 ] | [ button 113 3 2 1 | complete link 94 0 20 2 | text 103 5 2 2 | text 94 2 18 2 ] \"", "layout_seq_without_completion": "text 69 0 9 7 | text 79 0 10 7 | \" [ description 8 3 59 2 | icon 1 1 5 5 | title 8 1 11 2 ] | [ button 113 3 2 1 | link 94 0 20 2 | text 103 5 2 2 | text 94 2 18 2 ] \"", "plain_layout_seq": "button 113 3 2 1 | description 8 3 59 2 | icon 1 1 5 5 | link 94 0 20 2 | text 69 0 9 7 | text 79 0 10 7 | text 103 5 2 2 | text 94 2 18 2 | title 8 1 11 2", "canvas_width": 926, "canvas_height": 62, "elements": [ { "type": "text", "position": [ 540, 0, 77, 61 ], "completed": false }, { "type": "text", "position": [ 617, 0, 78, 61 ], "completed": false }, { "type": "link", "position": [ 733, 2, 155, 18 ], "completed": true }, { "type": "icon", "position": [ 15, 8, 46, 46 ], "completed": false }, { "type": "title", "position": [ 68, 12, 86, 18 ], "completed": false }, { "type": "text", "position": [ 728, 22, 144, 18 ], "completed": false }, { "type": "button", "position": [ 875, 28, 18, 9 ], "completed": false }, { "type": "description", "position": [ 68, 30, 456, 16 ], "completed": false }, { "type": "text", "position": [ 801, 41, 19, 18 ], "completed": false } ] }, { "text": "#A page for users to login in or sign up the Wikiloc.# The page should have a logo of Wikiloc, two texts to represent an exciting, and a short description to attract users to use it. Two buttons are needed for users to click to login in or sign up.", "region_id": "4664", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text [attr:repeat '2'] ] [el:description [attr:size 'small'] ] [el:button [attr:value 'log in']] [el:button [attr:value 'sign up']] ]", "execution": "header : button undefined undefined | button undefined undefined | description undefined small | logo undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 105 2 9 4 | button 97 2 8 4 | description 42 7 53 10 | logo 4 1 29 6 | text 42 1 53 4", "layout_seq_without_completion": "button 105 2 9 4 | button 97 2 8 4 | description 42 7 53 10 | logo 4 1 29 6 | text 42 1 53 4", "plain_layout_seq": "button 105 2 9 4 | button 97 2 8 4 | description 42 7 53 10 | logo 4 1 29 6 | text 42 1 53 4", "canvas_width": 1024, "canvas_height": 162, "elements": [ { "type": "text", "position": [ 365, 15, 455, 37 ], "completed": false }, { "type": "logo", "position": [ 42, 17, 249, 54 ], "completed": false }, { "type": "button", "position": [ 829, 19, 70, 37 ], "completed": false }, { "type": "button", "position": [ 902, 19, 80, 37 ], "completed": false }, { "type": "description", "position": [ 365, 62, 455, 90 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop. # The page should have a logo and an input with a search icon for the user to search for things. Besides, there should also be two icons for the user to log in and check the shopping cart.", "region_id": "6795", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search']] [el:icon [attr:value 'search']] [el:icon [attr:value 'log in'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 6 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | input 6 8 6 5 | logo 52 3 15 15", "layout_seq_without_completion": "icon 6 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | input 6 8 6 5 | logo 52 3 15 15", "plain_layout_seq": "icon 6 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | input 6 8 6 5 | logo 52 3 15 15", "canvas_width": 1024, "canvas_height": 161, "elements": [ { "type": "logo", "position": [ 447, 30, 130, 131 ], "completed": false }, { "type": "input", "position": [ 55, 73, 59, 44 ], "completed": false }, { "type": "icon", "position": [ 52, 86, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 898, 86, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 943, 86, 22, 23 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is a logo on the page. There are two icons on the page. The page should have the title \"Menu\".", "region_id": "4152", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] [el:title [attr:value 'Menu']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 114 2 3 2 | icon 98 2 3 3 | logo 2 2 21 7 | title 106 2 6 3", "layout_seq_without_completion": "icon 114 2 3 2 | icon 98 2 3 3 | logo 2 2 21 7 | title 106 2 6 3", "plain_layout_seq": "icon 114 2 3 2 | icon 98 2 3 3 | logo 2 2 21 7 | title 106 2 6 3", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "logo", "position": [ 18, 18, 179, 60 ], "completed": false }, { "type": "icon", "position": [ 831, 18, 28, 28 ], "completed": false }, { "type": "title", "position": [ 893, 18, 58, 29 ], "completed": false }, { "type": "icon", "position": [ 963, 20, 28, 24 ], "completed": false } ] }, { "text": "#A page showing the interface of the website.#The page includes one Logo called SEKILAS TEKNO, one input for searching, and six links for users to click for easier web browsing.", "region_id": "5640", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search']] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] ]", "execution": "header : input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 5 | logo 3 0 22 5 | \" [ link 29 0 9 5 ] | [ link 38 0 12 5 ] | [ link 51 0 11 5 ] | [ link 62 0 8 5 ] | [ link 71 0 16 5 ] | [ link 87 0 13 5 ] \"", "layout_seq_without_completion": "background 0 0 120 5 | logo 3 0 22 5 | \" [ link 29 0 9 5 ] | [ link 38 0 12 5 ] | [ link 51 0 11 5 ] | [ link 62 0 8 5 ] | [ link 71 0 16 5 ] | [ link 87 0 13 5 ] \"", "plain_layout_seq": "background 0 0 120 5 | link 29 0 9 5 | link 38 0 12 5 | link 51 0 11 5 | link 62 0 8 5 | link 71 0 16 5 | link 87 0 13 5 | logo 3 0 22 5", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 50 ], "completed": true }, { "type": "logo", "position": [ 30, 0, 196, 45 ], "completed": false }, { "type": "link", "position": [ 254, 0, 77, 50 ], "completed": false }, { "type": "link", "position": [ 332, 0, 107, 50 ], "completed": false }, { "type": "link", "position": [ 439, 0, 94, 50 ], "completed": false }, { "type": "link", "position": [ 533, 0, 76, 50 ], "completed": false }, { "type": "link", "position": [ 609, 0, 138, 50 ], "completed": false }, { "type": "link", "position": [ 747, 0, 114, 50 ], "completed": false } ] }, { "text": "#A page showing the website to users.#The page should have three links.", "region_id": "2727", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete image 81 0 38 10 | complete image 40 0 38 10 | complete image 0 0 38 10 | link 9 3 19 2 | link 89 3 23 2 | link 54 3 11 2", "layout_seq_without_completion": "image 81 0 38 10 | image 40 0 38 10 | image 0 0 38 10 | link 9 3 19 2 | link 89 3 23 2 | link 54 3 11 2", "plain_layout_seq": "image 81 0 38 10 | image 40 0 38 10 | image 0 0 38 10 | link 9 3 19 2 | link 89 3 23 2 | link 54 3 11 2", "canvas_width": 900, "canvas_height": 76, "elements": [ { "type": "image", "position": [ 0, 0, 288, 76 ], "completed": true }, { "type": "image", "position": [ 306, 0, 288, 76 ], "completed": true }, { "type": "image", "position": [ 612, 0, 288, 76 ], "completed": true }, { "type": "link", "position": [ 73, 29, 143, 17 ], "completed": false }, { "type": "link", "position": [ 406, 29, 88, 17 ], "completed": false }, { "type": "link", "position": [ 669, 29, 175, 17 ], "completed": false } ] }, { "text": "#A page to show guidance for users.# On this page, there is the logo of the company, 7 links, two icons, a link of \"log-in\" and a button for \"build a resume\" .", "region_id": "5812", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] [el:link [attr:value 'login'] ] [el:button [attr:value 'build a resume'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 103 2 14 3 | icon 84 3 2 2 | icon 88 2 3 3 | complete icon 95 3 1 1 | link 97 3 3 1 | logo 1 2 14 4 | \" [ link 27 3 5 1 ] | [ link 34 3 7 1 ] | [ link 44 3 1 1 ] | [ link 47 3 9 1 ] | [ link 59 3 9 1 ] | [ link 70 3 5 1 ] | [ link 77 3 4 1 ] \"", "layout_seq_without_completion": "button 103 2 14 3 | icon 84 3 2 2 | icon 88 2 3 3 | icon 95 3 1 1 | link 97 3 3 1 | logo 1 2 14 4 | \" [ link 27 3 5 1 ] | [ link 34 3 7 1 ] | [ link 44 3 1 1 ] | [ link 47 3 9 1 ] | [ link 59 3 9 1 ] | [ link 70 3 5 1 ] | [ link 77 3 4 1 ] \"", "plain_layout_seq": "button 103 2 14 3 | icon 84 3 2 2 | icon 88 2 3 3 | icon 95 3 1 1 | link 97 3 3 1 | link 27 3 5 1 | link 34 3 7 1 | link 44 3 1 1 | link 47 3 9 1 | link 59 3 9 1 | link 70 3 5 1 | link 77 3 4 1 | logo 1 2 14 4", "canvas_width": 1024, "canvas_height": 77, "elements": [ { "type": "logo", "position": [ 15, 19, 120, 40 ], "completed": false }, { "type": "button", "position": [ 884, 22, 120, 33 ], "completed": false }, { "type": "icon", "position": [ 757, 25, 30, 29 ], "completed": false }, { "type": "icon", "position": [ 720, 29, 24, 20 ], "completed": false }, { "type": "link", "position": [ 236, 30, 45, 17 ], "completed": false }, { "type": "link", "position": [ 296, 30, 66, 17 ], "completed": false }, { "type": "link", "position": [ 377, 30, 17, 17 ], "completed": false }, { "type": "link", "position": [ 409, 30, 82, 17 ], "completed": false }, { "type": "link", "position": [ 506, 30, 77, 17 ], "completed": false }, { "type": "link", "position": [ 598, 30, 49, 17 ], "completed": false }, { "type": "link", "position": [ 662, 30, 41, 17 ], "completed": false }, { "type": "icon", "position": [ 811, 31, 13, 14 ], "completed": true }, { "type": "link", "position": [ 829, 31, 33, 14 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a text to show a tip, a logo of the web, and 3 icons for users to click to check the personal page, search and shop.", "region_id": "8586", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [el:icon [attr:value 'personal'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "logo 3 8 32 4 | text 0 0 120 5 | \" [ icon 103 8 2 3 ] | [ icon 108 8 2 3 ] | [ icon 113 8 2 3 ] \"", "layout_seq_without_completion": "logo 3 8 32 4 | text 0 0 120 5 | \" [ icon 103 8 2 3 ] | [ icon 108 8 2 3 ] | [ icon 113 8 2 3 ] \"", "plain_layout_seq": "icon 103 8 2 3 | icon 108 8 2 3 | icon 113 8 2 3 | logo 3 8 32 4 | text 0 0 120 5", "canvas_width": 1009, "canvas_height": 135, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 30, 73, 276, 35 ], "completed": false }, { "type": "icon", "position": [ 874, 75, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 913, 75, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 75, 21, 26 ], "completed": false } ] }, { "text": "#A header page of THE BOX GUYS for users to get information.# The page should include a logo of THE BOX GUYS. There are also seven links, including \"HOME\", \"PRODUCTS\", \"FQAS\", \"MOVING\", \"LOCATIONS\", \"CONTACT\", and \"CART\" for users to choose different categories.", "region_id": "7462", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'home, products, fqas, moving, locations, contact,CART'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 3 1 11 11 | \" [ link 50 0 4 13 ] | [ link 58 0 9 13 ] | [ link 71 0 3 13 ] | [ link 79 0 6 13 ] | [ link 89 0 8 13 ] | [ link 101 0 7 13 ] | [ link 112 0 3 13 ] \"", "layout_seq_without_completion": "logo 3 1 11 11 | \" [ link 50 0 4 13 ] | [ link 58 0 9 13 ] | [ link 71 0 3 13 ] | [ link 79 0 6 13 ] | [ link 89 0 8 13 ] | [ link 101 0 7 13 ] | [ link 112 0 3 13 ] \"", "plain_layout_seq": "link 50 0 4 13 | link 58 0 9 13 | link 71 0 3 13 | link 79 0 6 13 | link 89 0 8 13 | link 101 0 7 13 | link 112 0 3 13 | logo 3 1 11 11", "canvas_width": 1024, "canvas_height": 118, "elements": [ { "type": "link", "position": [ 430, 0, 38, 118 ], "completed": false }, { "type": "link", "position": [ 501, 0, 77, 118 ], "completed": false }, { "type": "link", "position": [ 611, 0, 32, 118 ], "completed": false }, { "type": "link", "position": [ 676, 0, 54, 118 ], "completed": false }, { "type": "link", "position": [ 763, 0, 71, 118 ], "completed": false }, { "type": "link", "position": [ 867, 0, 61, 118 ], "completed": false }, { "type": "link", "position": [ 961, 0, 33, 118 ], "completed": false }, { "type": "logo", "position": [ 30, 9, 99, 100 ], "completed": false } ] }, { "text": "#A page showing products and guiding users to register and login to the website.#The page should have six buttons for users to click to know the different content of the web fastly, such as best Cam sites, Cam69, and so on. There also should have two buttons for users to click to register or log in.", "region_id": "2677", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'best cam sites, cam sites,Cam69'] [item [el:button] ] ] [el:button [attr:value 'register'] ] [el:button [attr:value 'log in'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 52 2 8 3 | button 60 2 6 3 | \" [ button 26 0 11 1 ] | [ button 40 0 11 1 ] | [ button 54 0 9 1 ] | [ button 67 0 7 1 ] | [ button 77 0 6 1 ] | [ button 85 0 7 1 ] \"", "layout_seq_without_completion": "button 52 2 8 3 | button 60 2 6 3 | \" [ button 26 0 11 1 ] | [ button 40 0 11 1 ] | [ button 54 0 9 1 ] | [ button 67 0 7 1 ] | [ button 77 0 6 1 ] | [ button 85 0 7 1 ] \"", "plain_layout_seq": "button 52 2 8 3 | button 60 2 6 3 | button 26 0 11 1 | button 40 0 11 1 | button 54 0 9 1 | button 67 0 7 1 | button 77 0 6 1 | button 85 0 7 1", "canvas_width": 1024, "canvas_height": 61, "elements": [ { "type": "button", "position": [ 228, 6, 97, 14 ], "completed": false }, { "type": "button", "position": [ 344, 6, 102, 14 ], "completed": false }, { "type": "button", "position": [ 466, 6, 85, 14 ], "completed": false }, { "type": "button", "position": [ 572, 6, 67, 14 ], "completed": false }, { "type": "button", "position": [ 659, 6, 53, 14 ], "completed": false }, { "type": "button", "position": [ 732, 6, 65, 14 ], "completed": false }, { "type": "button", "position": [ 445, 25, 75, 30 ], "completed": false }, { "type": "button", "position": [ 520, 25, 59, 30 ], "completed": false } ] }, { "text": "#A page showing guidance to the users# On the left of the page, three links of \"Home\", \"Png Images\" and \"Png Vectors\" are set. And in the middle of the page, the logo of the company is involved. And on the right side of the page, two buttons are contained.", "region_id": "3835", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home,Png Images,Png Vectors'] [item [el:link [attr:position 'left'] ] ] ] [el:logo] [el:button [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : button right undefined | button right undefined | logo undefined undefined | { [ link left undefined ] | [ link left undefined ] | [ link left undefined ] }", "layout_seq_with_completion": "button 103 2 11 3 | button 87 2 12 3 | logo 52 3 15 2 | \" [ link 5 0 6 4 ] | [ link 12 0 11 4 ] | [ link 23 0 11 4 ] \"", "layout_seq_without_completion": "button 103 2 11 3 | button 87 2 12 3 | logo 52 3 15 2 | \" [ link 5 0 6 4 ] | [ link 12 0 11 4 ] | [ link 23 0 11 4 ] \"", "plain_layout_seq": "button 103 2 11 3 | button 87 2 12 3 | link 5 0 6 4 | link 12 0 11 4 | link 23 0 11 4 | logo 52 3 15 2", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "link", "position": [ 46, 4, 58, 40 ], "completed": false }, { "type": "link", "position": [ 104, 4, 97, 40 ], "completed": false }, { "type": "link", "position": [ 201, 4, 99, 40 ], "completed": false }, { "type": "button", "position": [ 746, 20, 109, 34 ], "completed": false }, { "type": "button", "position": [ 879, 20, 99, 34 ], "completed": false }, { "type": "logo", "position": [ 447, 28, 130, 22 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have six links for users to click to know the different content of the web fastly, such as News, Download, and so on, and two buttons.", "region_id": "5466", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'News, Download'] [item [el:link] ] ] [el:button [attr:repeat '2'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 114 0 4 4 | button 110 0 4 4 | \" [ link 39 0 5 4 ] | [ link 44 0 8 4 ] | [ link 53 0 7 4 ] | [ link 60 0 6 4 ] | [ link 67 0 4 4 ] | [ link 71 0 8 4 ] \"", "layout_seq_without_completion": "button 114 0 4 4 | button 110 0 4 4 | \" [ link 39 0 5 4 ] | [ link 44 0 8 4 ] | [ link 53 0 7 4 ] | [ link 60 0 6 4 ] | [ link 67 0 4 4 ] | [ link 71 0 8 4 ] \"", "plain_layout_seq": "button 114 0 4 4 | button 110 0 4 4 | link 39 0 5 4 | link 44 0 8 4 | link 53 0 7 4 | link 60 0 6 4 | link 67 0 4 4 | link 71 0 8 4", "canvas_width": 1024, "canvas_height": 43, "elements": [ { "type": "link", "position": [ 337, 0, 46, 40 ], "completed": false }, { "type": "link", "position": [ 383, 0, 74, 40 ], "completed": false }, { "type": "link", "position": [ 457, 0, 60, 40 ], "completed": false }, { "type": "link", "position": [ 517, 0, 55, 40 ], "completed": false }, { "type": "link", "position": [ 572, 0, 42, 40 ], "completed": false }, { "type": "link", "position": [ 614, 0, 71, 40 ], "completed": false }, { "type": "button", "position": [ 941, 0, 35, 40 ], "completed": false }, { "type": "button", "position": [ 976, 0, 35, 40 ], "completed": false } ] }, { "text": "#A header for users to choose from different functions.# There should have two buttons (\"LOGIN\" and \"TRY FOR FREE\") and an icon on the page.", "region_id": "5996", "region_type": "Header", "ir": "[region:Header [el:button [attr:value 'login'] ] [el:button [attr:value 'try for free'] ] [el:icon] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined", "layout_seq_with_completion": "button 91 3 5 2 | button 101 3 13 2 | icon 3 2 4 4", "layout_seq_without_completion": "button 91 3 5 2 | button 101 3 13 2 | icon 3 2 4 4", "plain_layout_seq": "button 91 3 5 2 | button 101 3 13 2 | icon 3 2 4 4", "canvas_width": 1024, "canvas_height": 76, "elements": [ { "type": "icon", "position": [ 28, 19, 36, 36 ], "completed": false }, { "type": "button", "position": [ 779, 26, 49, 24 ], "completed": false }, { "type": "button", "position": [ 870, 26, 113, 24 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is a logo in the middle of the page. Also, there are two icons on both sides, which are for users to get more information.", "region_id": "8652", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 111 2 3 3 | logo 17 1 84 6 | \" [ icon 5 3 2 0 ] | [ icon 5 4 2 0 ] | [ icon 5 5 2 0 ] \"", "layout_seq_without_completion": "icon 111 2 3 3 | logo 17 1 84 6 | \" [ icon 5 3 2 0 ] | [ icon 5 4 2 0 ] | [ icon 5 5 2 0 ] \"", "plain_layout_seq": "icon 111 2 3 3 | icon 5 3 2 0 | icon 5 4 2 0 | icon 5 5 2 0 | logo 17 1 84 6", "canvas_width": 1009, "canvas_height": 78, "elements": [ { "type": "logo", "position": [ 148, 10, 712, 58 ], "completed": false }, { "type": "icon", "position": [ 936, 24, 26, 30 ], "completed": false }, { "type": "icon", "position": [ 48, 30, 24, 2 ], "completed": false }, { "type": "icon", "position": [ 48, 38, 24, 2 ], "completed": false }, { "type": "icon", "position": [ 48, 46, 24, 2 ], "completed": false } ] }, { "text": "#A page for navigation of the web and guides the users to use it.#The page should have three groups of links. And each link includes one icon and one name for users to click for further information. Besides, there is one Logo, one search input, and one button 'Login/Register'.", "region_id": "4562", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:icon] [el:text]] ][el:logo][el:input[attr:value 'Search']][el:button[attr:value 'Login/Register']] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "button 99 1 18 4 | complete button 76 0 5 5 | input 45 0 30 5 | logo 1 1 10 4 | \" [ text 14 1 9 4 ] | [ text 23 1 11 4 ] | [ text 34 1 9 4 ] \"", "layout_seq_without_completion": "button 99 1 18 4 | button 76 0 5 5 | input 45 0 30 5 | logo 1 1 10 4 | \" [ text 14 1 9 4 ] | [ text 23 1 11 4 ] | [ text 34 1 9 4 ] \"", "plain_layout_seq": "button 99 1 18 4 | button 76 0 5 5 | input 45 0 30 5 | logo 1 1 10 4 | text 14 1 9 4 | text 23 1 11 4 | text 34 1 9 4", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "input", "position": [ 391, 8, 259, 44 ], "completed": false }, { "type": "button", "position": [ 649, 8, 51, 44 ], "completed": true }, { "type": "logo", "position": [ 16, 9, 89, 41 ], "completed": false }, { "type": "button", "position": [ 851, 10, 157, 39 ], "completed": false }, { "type": "text", "position": [ 121, 11, 77, 38 ], "completed": false }, { "type": "text", "position": [ 197, 11, 100, 38 ], "completed": false }, { "type": "text", "position": [ 297, 11, 85, 38 ], "completed": false } ] }, { "text": "#The page gives an introduction of the app to the user.# The page includes one title, one logo of the app, seven links for the user to click on to get further information, and three icons for the user to click on to enter the next activities.", "region_id": "7318", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link]]] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 75 14 1 1 | complete icon 36 9 1 1 | link 40 6 19 5 | link 78 6 9 5 | link 59 6 19 5 | link 88 6 11 5 | link 40 12 21 5 | link 22 8 13 2 | link 64 13 10 2 | logo 4 10 11 4 | title 0 0 120 4 | \" [ icon 99 10 3 3 ] | [ icon 105 10 3 3 ] | [ icon 112 10 3 3 ] \"", "layout_seq_without_completion": "icon 75 14 1 1 | icon 36 9 1 1 | link 40 6 19 5 | link 78 6 9 5 | link 59 6 19 5 | link 88 6 11 5 | link 40 12 21 5 | link 22 8 13 2 | link 64 13 10 2 | logo 4 10 11 4 | title 0 0 120 4 | \" [ icon 99 10 3 3 ] | [ icon 105 10 3 3 ] | [ icon 112 10 3 3 ] \"", "plain_layout_seq": "icon 75 14 1 1 | icon 36 9 1 1 | icon 99 10 3 3 | icon 105 10 3 3 | icon 112 10 3 3 | link 40 6 19 5 | link 78 6 9 5 | link 59 6 19 5 | link 88 6 11 5 | link 40 12 21 5 | link 22 8 13 2 | link 64 13 10 2 | logo 4 10 11 4 | title 0 0 120 4", "canvas_width": 1024, "canvas_height": 176, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 37 ], "completed": false }, { "type": "link", "position": [ 343, 57, 164, 49 ], "completed": false }, { "type": "link", "position": [ 506, 57, 168, 49 ], "completed": false }, { "type": "link", "position": [ 674, 57, 77, 49 ], "completed": false }, { "type": "link", "position": [ 751, 57, 97, 49 ], "completed": false }, { "type": "link", "position": [ 196, 69, 112, 23 ], "completed": false }, { "type": "icon", "position": [ 313, 77, 10, 10 ], "completed": true }, { "type": "logo", "position": [ 40, 88, 100, 35 ], "completed": false }, { "type": "icon", "position": [ 851, 92, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 904, 92, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 92, 28, 28 ], "completed": false }, { "type": "link", "position": [ 349, 105, 181, 49 ], "completed": false }, { "type": "link", "position": [ 550, 117, 90, 23 ], "completed": false }, { "type": "icon", "position": [ 645, 126, 10, 10 ], "completed": true } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has an icon for searching, a brand logo, an icon showing the account of users, and an icon showing the shopping list.", "region_id": "7681", "region_type": "Header", "ir": "[region:Header [el:icon [attr:value 'search']] [el:logo] [el:icon [attr:value 'the account of users']] [el:icon [attr:value 'the shopping list']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 5 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | complete input 6 9 6 5 | logo 47 3 25 15", "layout_seq_without_completion": "icon 5 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | input 6 9 6 5 | logo 47 3 25 15", "plain_layout_seq": "icon 5 10 2 2 | icon 105 10 2 2 | icon 110 10 2 2 | input 6 9 6 5 | logo 47 3 25 15", "canvas_width": 1024, "canvas_height": 168, "elements": [ { "type": "logo", "position": [ 402, 30, 220, 132 ], "completed": false }, { "type": "input", "position": [ 55, 77, 55, 44 ], "completed": true }, { "type": "icon", "position": [ 48, 88, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 898, 88, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 943, 88, 22, 23 ], "completed": false } ] }, { "text": "#A header page for introducing the Starlit jewellery to users.# On the left side, there should be a menu button. The logo of \"Starlit Jewellery\" should be placed in the middle of the page. On the right side, there should be a shopping cart icon and a button for users to select currencies of different countries.", "region_id": "8196", "region_type": "Header", "ir": "[region:Header [el:button [attr:position 'left'] ] [el:logo] [el:icon [attr:position 'right'] ] [el:button [attr:position 'right'] [attr:value 'select currencies'] ] ]", "execution": "header : button left undefined | button right undefined | icon right undefined | logo undefined undefined", "layout_seq_with_completion": "button 4 2 2 2 | button 110 3 3 1 | complete icon 106 2 3 2 | icon 101 2 2 2 | logo 48 0 23 8 | complete text 103 1 0 2", "layout_seq_without_completion": "button 4 2 2 2 | button 110 3 3 1 | icon 106 2 3 2 | icon 101 2 2 2 | logo 48 0 23 8 | text 103 1 0 2", "plain_layout_seq": "button 4 2 2 2 | button 110 3 3 1 | icon 106 2 3 2 | icon 101 2 2 2 | logo 48 0 23 8 | text 103 1 0 2", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 404, 0, 200, 69 ], "completed": false }, { "type": "text", "position": [ 874, 12, 8, 17 ], "completed": true }, { "type": "button", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 852, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 894, 24, 30, 20 ], "completed": true }, { "type": "button", "position": [ 928, 26, 33, 16 ], "completed": false } ] }, { "text": "# This page provides relevant information to the user. #This page has a total of 11 groups, in addition, there are two icons: Facebook and Instagram.", "region_id": "8716", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '11'] [item [el:link] ] ] [el:icon [attr:value 'Facebook'] ] [el:icon [attr:value 'Instagram'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 60 0 6 6 | icon 52 0 6 6 | \" [ link 4 9 8 4 ] | [ link 13 9 10 4 ] | [ link 23 9 8 4 ] | [ link 32 9 9 4 ] | [ link 42 9 18 4 ] | [ link 60 9 12 4 ] | [ link 72 9 9 4 ] | [ link 82 9 8 4 ] | [ link 90 9 9 4 ] | [ link 99 9 15 4 ] | [ link 46 13 26 4 ] \"", "layout_seq_without_completion": "icon 60 0 6 6 | icon 52 0 6 6 | \" [ link 4 9 8 4 ] | [ link 13 9 10 4 ] | [ link 23 9 8 4 ] | [ link 32 9 9 4 ] | [ link 42 9 18 4 ] | [ link 60 9 12 4 ] | [ link 72 9 9 4 ] | [ link 82 9 8 4 ] | [ link 90 9 9 4 ] | [ link 99 9 15 4 ] | [ link 46 13 26 4 ] \"", "plain_layout_seq": "icon 60 0 6 6 | icon 52 0 6 6 | link 4 9 8 4 | link 13 9 10 4 | link 23 9 8 4 | link 32 9 9 4 | link 42 9 18 4 | link 60 9 12 4 | link 72 9 9 4 | link 82 9 8 4 | link 90 9 9 4 | link 99 9 15 4 | link 46 13 26 4", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "icon", "position": [ 451, 5, 56, 56 ], "completed": false }, { "type": "icon", "position": [ 517, 5, 56, 56 ], "completed": false }, { "type": "link", "position": [ 40, 81, 75, 37 ], "completed": false }, { "type": "link", "position": [ 115, 81, 87, 37 ], "completed": false }, { "type": "link", "position": [ 202, 81, 73, 37 ], "completed": false }, { "type": "link", "position": [ 275, 81, 85, 37 ], "completed": false }, { "type": "link", "position": [ 360, 81, 154, 37 ], "completed": false }, { "type": "link", "position": [ 514, 81, 104, 37 ], "completed": false }, { "type": "link", "position": [ 618, 81, 84, 37 ], "completed": false }, { "type": "link", "position": [ 702, 81, 69, 37 ], "completed": false }, { "type": "link", "position": [ 771, 81, 79, 37 ], "completed": false }, { "type": "link", "position": [ 850, 81, 133, 37 ], "completed": false }, { "type": "link", "position": [ 398, 119, 228, 37 ], "completed": false } ] }, { "text": "#A page for navigation of the web driver couture.#The page has a logo on the left side. There are four links for users to click fastly, \"home\", \"catalog\", \"collections\", and \"project cars\". There are two icons for users to get more information.", "region_id": "7849", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, catalog, collections, project cars'] [item [el:link ] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 3 2 2 | icon 105 3 2 2 | logo 6 3 21 2 | \" [ link 41 3 4 2 ] | [ link 48 3 5 2 ] | [ link 57 3 8 2 ] | [ link 68 3 9 2 ] \"", "layout_seq_without_completion": "icon 109 3 2 2 | icon 105 3 2 2 | logo 6 3 21 2 | \" [ link 41 3 4 2 ] | [ link 48 3 5 2 ] | [ link 57 3 8 2 ] | [ link 68 3 9 2 ] \"", "plain_layout_seq": "icon 109 3 2 2 | icon 105 3 2 2 | link 41 3 4 2 | link 48 3 5 2 | link 57 3 8 2 | link 68 3 9 2 | logo 6 3 21 2", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 55, 27, 180, 25 ], "completed": false }, { "type": "link", "position": [ 354, 30, 40, 18 ], "completed": false }, { "type": "link", "position": [ 418, 30, 50, 18 ], "completed": false }, { "type": "link", "position": [ 492, 30, 72, 18 ], "completed": false }, { "type": "link", "position": [ 588, 30, 82, 18 ], "completed": false }, { "type": "icon", "position": [ 898, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 30, 20, 20 ], "completed": false } ] }, { "text": "#A page to show guidance for users.# On this page, from the left to the right, there is the logo of the company, an input, within which several words are set on the left, an icon \"magnifier\" next to the input, and 4 links, with the last link containing a down-pointing triangle.", "region_id": "3348", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:text [attr:position 'left'] ] [el:icon [attr:value 'magnifier']] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:icon] ]", "execution": "header : icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | text left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 61 1 4 4 | input 39 1 22 4 | link 95 2 9 2 | link 67 2 12 2 | link 81 2 12 2 | link 107 2 3 2 | logo 5 1 4 4 | text 10 1 13 3", "layout_seq_without_completion": "icon 61 1 4 4 | input 39 1 22 4 | link 95 2 9 2 | link 67 2 12 2 | link 81 2 12 2 | link 107 2 3 2 | logo 5 1 4 4 | text 10 1 13 3", "plain_layout_seq": "icon 61 1 4 4 | input 39 1 22 4 | link 95 2 9 2 | link 67 2 12 2 | link 81 2 12 2 | link 107 2 3 2 | logo 5 1 4 4 | text 10 1 13 3", "canvas_width": 1024, "canvas_height": 64, "elements": [ { "type": "logo", "position": [ 47, 9, 41, 40 ], "completed": false }, { "type": "input", "position": [ 333, 13, 195, 35 ], "completed": false }, { "type": "icon", "position": [ 527, 13, 42, 35 ], "completed": false }, { "type": "text", "position": [ 92, 14, 114, 31 ], "completed": false }, { "type": "link", "position": [ 577, 19, 104, 24 ], "completed": false }, { "type": "link", "position": [ 697, 19, 104, 24 ], "completed": false }, { "type": "link", "position": [ 817, 19, 84, 24 ], "completed": false }, { "type": "link", "position": [ 917, 19, 34, 24 ], "completed": false } ] }, { "text": "#A header page for navigation of an online shop.# There should be one logo and three links \"Home\", \"Catalog\", and \"Contact\". Users can return to the homepage, view products, and contact the shop by clicking the links. And there are two icons for search and the shopping cart.", "region_id": "6454", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, catalog, contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 5 2 2 | icon 110 4 5 5 | logo 5 3 11 7 | \" [ link 22 5 3 2 ] | [ link 28 5 4 2 ] | [ link 36 5 4 2 ] \"", "layout_seq_without_completion": "icon 106 5 2 2 | icon 110 4 5 5 | logo 5 3 11 7 | \" [ link 22 5 3 2 ] | [ link 28 5 4 2 ] | [ link 36 5 4 2 ] \"", "plain_layout_seq": "icon 106 5 2 2 | icon 110 4 5 5 | link 22 5 3 2 | link 28 5 4 2 | link 36 5 4 2 | logo 5 3 11 7", "canvas_width": 1024, "canvas_height": 120, "elements": [ { "type": "logo", "position": [ 50, 27, 100, 64 ], "completed": false }, { "type": "icon", "position": [ 942, 37, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 910, 49, 20, 20 ], "completed": false }, { "type": "link", "position": [ 190, 50, 32, 18 ], "completed": false }, { "type": "link", "position": [ 246, 50, 42, 18 ], "completed": false }, { "type": "link", "position": [ 312, 50, 42, 18 ], "completed": false } ] }, { "text": "#A header page of navigation of a website.# This page should include eight links for users to click to get further information.", "region_id": "4754", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 0 8 4 ] | [ link 17 0 10 4 ] | [ link 34 0 8 4 ] | [ link 49 0 8 4 ] | [ link 64 0 12 4 ] | [ link 82 0 5 4 ] | [ link 94 0 8 4 ] | [ link 109 0 6 4 ] \"", "layout_seq_without_completion": "\" [ link 3 0 8 4 ] | [ link 17 0 10 4 ] | [ link 34 0 8 4 ] | [ link 49 0 8 4 ] | [ link 64 0 12 4 ] | [ link 82 0 5 4 ] | [ link 94 0 8 4 ] | [ link 109 0 6 4 ] \"", "plain_layout_seq": "link 3 0 8 4 | link 17 0 10 4 | link 34 0 8 4 | link 49 0 8 4 | link 64 0 12 4 | link 82 0 5 4 | link 94 0 8 4 | link 109 0 6 4", "canvas_width": 1024, "canvas_height": 40, "elements": [ { "type": "link", "position": [ 30, 0, 70, 38 ], "completed": false }, { "type": "link", "position": [ 153, 0, 90, 38 ], "completed": false }, { "type": "link", "position": [ 297, 0, 73, 38 ], "completed": false }, { "type": "link", "position": [ 423, 0, 75, 38 ], "completed": false }, { "type": "link", "position": [ 552, 0, 103, 38 ], "completed": false }, { "type": "link", "position": [ 708, 0, 47, 38 ], "completed": false }, { "type": "link", "position": [ 809, 0, 74, 38 ], "completed": false }, { "type": "link", "position": [ 936, 0, 58, 38 ], "completed": false } ] }, { "text": "# A header page for YDbox.#On the page, there should be a logo, six links (\"Upload\", \"Premium\", \"Rewards\", \"Support\", \"Login\", and \"Sign Up\"), and a button \"English\".", "region_id": "2828", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'upload, premium, rewards, support, login, sign up'] [item [el:link] ] ] [el:button [attr:value 'english'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 103 3 12 5 | complete icon 105 5 1 1 | logo 3 0 23 7 | complete text 108 4 6 2 | \" [ link 55 4 6 3 ] | [ link 62 4 8 3 ] | [ link 72 4 7 3 ] | [ link 80 4 7 3 ] | [ link 89 4 5 3 ] | [ link 95 4 7 3 ] \"", "layout_seq_without_completion": "button 103 3 12 5 | icon 105 5 1 1 | logo 3 0 23 7 | text 108 4 6 2 | \" [ link 55 4 6 3 ] | [ link 62 4 8 3 ] | [ link 72 4 7 3 ] | [ link 80 4 7 3 ] | [ link 89 4 5 3 ] | [ link 95 4 7 3 ] \"", "plain_layout_seq": "button 103 3 12 5 | icon 105 5 1 1 | link 55 4 6 3 | link 62 4 8 3 | link 72 4 7 3 | link 80 4 7 3 | link 89 4 5 3 | link 95 4 7 3 | logo 3 0 23 7 | text 108 4 6 2", "canvas_width": 1009, "canvas_height": 85, "elements": [ { "type": "logo", "position": [ 30, 6, 200, 67 ], "completed": false }, { "type": "button", "position": [ 873, 27, 106, 46 ], "completed": false }, { "type": "link", "position": [ 463, 37, 55, 30 ], "completed": false }, { "type": "link", "position": [ 528, 37, 68, 30 ], "completed": false }, { "type": "link", "position": [ 606, 37, 64, 30 ], "completed": false }, { "type": "link", "position": [ 680, 37, 61, 30 ], "completed": false }, { "type": "link", "position": [ 751, 37, 43, 30 ], "completed": false }, { "type": "link", "position": [ 804, 37, 59, 30 ], "completed": false }, { "type": "text", "position": [ 912, 40, 54, 19 ], "completed": true }, { "type": "icon", "position": [ 888, 46, 16, 11 ], "completed": true } ] }, { "text": "# A header page for an online shop Escentials.# There should have a logo and name of the shop, and five navigation links: \"HOME PAGE\" \"DETERGENTS\" \"DIFFUSERS\" \"TOWELS\" and \"CONTACT US\" for the user to return to the home page, view products by category, and contact the shop. Also, there should include an icon for the shopping cart and an input to enter the things the user wants to search.", "region_id": "6513", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'HOME PAGE,DETERGENTS,DIFFUSERS,TOWELS,CONTACT US'] [item [el:link] ] ] [el:icon [attr:value 'shopping cart']] [el:input [attr:value 'search']] ]", "execution": "header : icon undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 112 0 7 4 | input 101 6 14 5 | logo 52 6 16 9 | \" [ link 2 5 8 5 ] | [ link 12 5 8 5 ] | [ link 23 5 7 5 ] | [ link 32 5 5 5 ] | [ link 2 11 8 5 ] \"", "layout_seq_without_completion": "icon 112 0 7 4 | input 101 6 14 5 | logo 52 6 16 9 | \" [ link 2 5 8 5 ] | [ link 12 5 8 5 ] | [ link 23 5 7 5 ] | [ link 32 5 5 5 ] | [ link 2 11 8 5 ] \"", "plain_layout_seq": "icon 112 0 7 4 | input 101 6 14 5 | link 2 5 8 5 | link 12 5 8 5 | link 23 5 7 5 | link 32 5 5 5 | link 2 11 8 5 | logo 52 6 16 9", "canvas_width": 1024, "canvas_height": 158, "elements": [ { "type": "icon", "position": [ 960, 0, 64, 40 ], "completed": false }, { "type": "link", "position": [ 25, 50, 69, 49 ], "completed": false }, { "type": "link", "position": [ 108, 50, 75, 49 ], "completed": false }, { "type": "link", "position": [ 197, 50, 64, 49 ], "completed": false }, { "type": "link", "position": [ 275, 50, 49, 49 ], "completed": false }, { "type": "input", "position": [ 869, 53, 120, 44 ], "completed": false }, { "type": "logo", "position": [ 450, 55, 144, 82 ], "completed": false }, { "type": "link", "position": [ 25, 99, 76, 49 ], "completed": false } ] }, { "text": "#A page for the navigation bar on the web of flowers.#The page should have three links for users to click to view the different flowers of the web fastly.", "region_id": "7939", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 40 5 ] | [ link 40 0 40 5 ] | [ link 80 0 40 5 ] \"", "layout_seq_without_completion": "\" [ link 0 0 40 5 ] | [ link 40 0 40 5 ] | [ link 80 0 40 5 ] \"", "plain_layout_seq": "link 0 0 40 5 | link 40 0 40 5 | link 80 0 40 5", "canvas_width": 963, "canvas_height": 42, "elements": [ { "type": "link", "position": [ 0, 0, 321, 42 ], "completed": false }, { "type": "link", "position": [ 322, 0, 321, 42 ], "completed": false }, { "type": "link", "position": [ 642, 0, 321, 42 ], "completed": false } ] }, { "text": "#A header for letting users know about ARROWHEAD PLAZA DRUG.# The page should have the title of the company's contact on the top in case the users need to mail multiple packages to different addresses. There should have the company's name, two links \"Home\" and \"Catalog\", and three icons down below.", "region_id": "6537", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:text] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,catalog'] [item [el:link]]] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 101 8 2 3 | icon 106 8 2 2 | icon 112 8 2 3 | complete input 100 7 6 4 | link 51 8 7 3 | link 59 8 9 3 | text 6 7 26 5 | title 0 0 120 5", "layout_seq_without_completion": "icon 101 8 2 3 | icon 106 8 2 2 | icon 112 8 2 3 | input 100 7 6 4 | link 51 8 7 3 | link 59 8 9 3 | text 6 7 26 5 | title 0 0 120 5", "plain_layout_seq": "icon 101 8 2 3 | icon 106 8 2 2 | icon 112 8 2 3 | input 100 7 6 4 | link 51 8 7 3 | link 59 8 9 3 | text 6 7 26 5 | title 0 0 120 5", "canvas_width": 1024, "canvas_height": 125, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "text", "position": [ 55, 60, 229, 48 ], "completed": false }, { "type": "input", "position": [ 859, 63, 55, 41 ], "completed": true }, { "type": "link", "position": [ 436, 69, 66, 30 ], "completed": false }, { "type": "link", "position": [ 508, 69, 80, 30 ], "completed": false }, { "type": "icon", "position": [ 864, 69, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 69, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 909, 75, 20, 20 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one logo of the website, four links for users to click to know the different content of the web fastly, such as Home, Bookmark, and so on, one search button, and one input for entering the content of searching. And there also should have one switch button for switching night mode.", "region_id": "2838", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, bookmark'] [item [el:link]]] [el:button [attr:value 'search']] [el:input [attr:value 'search']][el:button [attr:value 'dark'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 113 1 3 4 | button 81 1 3 1 | input 86 1 31 3 | logo 2 0 19 5 | complete text 81 3 3 1 | \" [ link 25 2 5 2 ] | [ link 34 2 10 2 ] | [ link 48 2 8 2 ] | [ link 60 2 7 2 ] \"", "layout_seq_without_completion": "button 113 1 3 4 | button 81 1 3 1 | input 86 1 31 3 | logo 2 0 19 5 | text 81 3 3 1 | \" [ link 25 2 5 2 ] | [ link 34 2 10 2 ] | [ link 48 2 8 2 ] | [ link 60 2 7 2 ] \"", "plain_layout_seq": "button 113 1 3 4 | button 81 1 3 1 | input 86 1 31 3 | link 25 2 5 2 | link 34 2 10 2 | link 48 2 8 2 | link 60 2 7 2 | logo 2 0 19 5 | text 81 3 3 1", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "logo", "position": [ 20, 8, 164, 50 ], "completed": false }, { "type": "button", "position": [ 692, 16, 32, 13 ], "completed": false }, { "type": "input", "position": [ 734, 16, 270, 34 ], "completed": false }, { "type": "button", "position": [ 972, 16, 30, 36 ], "completed": false }, { "type": "link", "position": [ 219, 23, 43, 19 ], "completed": false }, { "type": "link", "position": [ 292, 23, 88, 19 ], "completed": false }, { "type": "link", "position": [ 410, 23, 75, 19 ], "completed": false }, { "type": "link", "position": [ 515, 23, 61, 19 ], "completed": false }, { "type": "text", "position": [ 692, 31, 32, 17 ], "completed": true } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has an icon for users to click to expand all the categories of information, an icon for users to click to search for information, a logo of the brand, an icon representing the account of users, and an icon representing the shopping list of users.", "region_id": "8273", "region_type": "Header", "ir": "[region:Header [el:icon[attr:value'expand all the categories']] [el:icon[attr:value'search']] [el:logo][el:icon[attr:value'account']] [el:icon[attr:value'shopping list']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 108 2 2 2 | logo 52 0 14 6", "layout_seq_without_completion": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 108 2 2 2 | logo 52 0 14 6", "plain_layout_seq": "icon 9 2 2 2 | icon 4 2 2 2 | icon 112 2 2 2 | icon 108 2 2 2 | logo 52 0 14 6", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "logo", "position": [ 450, 0, 125, 59 ], "completed": false }, { "type": "icon", "position": [ 38, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 922, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 962, 18, 24, 24 ], "completed": false } ] }, { "text": "#A page to show guidance to website users.# A title is set on the top first on a black background picture. Under this, from the left to right, the logo of the company, seven links and three icons are set respectively.", "region_id": "8729", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:background_image] [el:logo ] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] [el:icon [attr:repeat '3']] ]", "execution": "header : background undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 26 20 | title 0 0 119 5 | \" [ link 34 12 27 2 ] | [ link 65 12 20 2 ] | [ link 37 16 21 2 ] | [ link 61 16 21 2 ] | [ link 37 20 10 2 ] | [ link 51 20 9 2 ] | [ link 63 20 18 2 ] \" | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 26 20 | title 0 0 119 5 | \" [ link 34 12 27 2 ] | [ link 65 12 20 2 ] | [ link 37 16 21 2 ] | [ link 61 16 21 2 ] | [ link 37 20 10 2 ] | [ link 51 20 9 2 ] | [ link 63 20 18 2 ] \" | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \"", "plain_layout_seq": "icon 100 16 2 2 | icon 105 16 2 2 | icon 109 16 2 2 | link 34 12 27 2 | link 65 12 20 2 | link 37 16 21 2 | link 61 16 21 2 | link 37 20 10 2 | link 51 20 9 2 | link 63 20 18 2 | logo 6 7 26 20 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 255, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 229, 173 ], "completed": false }, { "type": "link", "position": [ 294, 108, 236, 24 ], "completed": false }, { "type": "link", "position": [ 556, 108, 174, 24 ], "completed": false }, { "type": "link", "position": [ 316, 141, 181, 24 ], "completed": false }, { "type": "link", "position": [ 522, 141, 186, 24 ], "completed": false }, { "type": "icon", "position": [ 856, 145, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 145, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 145, 20, 20 ], "completed": false }, { "type": "link", "position": [ 322, 174, 92, 24 ], "completed": false }, { "type": "link", "position": [ 439, 174, 77, 24 ], "completed": false }, { "type": "link", "position": [ 541, 174, 161, 24 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is a description on the top. A logo and five links were set, the links are named, \"home\", \"hello world box\", \"create your own box\", \"shop all\", and \"contact us\". There are three icons for users to get more information.", "region_id": "6786", "region_type": "Header", "ir": "[region:Header [el:description[attr:position'top']] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, hello world box, create your own box, shop all, contact us'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 119 5 | logo 6 10 19 2 | \" [ link 38 9 5 2 ] | [ link 46 9 13 2 ] | [ link 63 9 18 2 ] | [ link 50 12 7 2 ] | [ link 60 12 9 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "layout_seq_without_completion": "description 0 0 119 5 | logo 6 10 19 2 | \" [ link 38 9 5 2 ] | [ link 46 9 13 2 ] | [ link 63 9 18 2 ] | [ link 50 12 7 2 ] | [ link 60 12 9 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "plain_layout_seq": "description 0 0 119 5 | icon 100 11 2 2 | icon 105 11 2 2 | icon 109 11 2 2 | link 38 9 5 2 | link 46 9 13 2 | link 63 9 18 2 | link 50 12 7 2 | link 60 12 9 2 | logo 6 10 19 2", "canvas_width": 1024, "canvas_height": 159, "elements": [ { "type": "description", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "link", "position": [ 326, 80, 46, 20 ], "completed": false }, { "type": "link", "position": [ 396, 80, 119, 20 ], "completed": false }, { "type": "link", "position": [ 538, 80, 160, 20 ], "completed": false }, { "type": "logo", "position": [ 55, 93, 168, 23 ], "completed": false }, { "type": "icon", "position": [ 856, 95, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 95, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 95, 20, 20 ], "completed": false }, { "type": "link", "position": [ 428, 108, 61, 20 ], "completed": false }, { "type": "link", "position": [ 514, 108, 82, 20 ], "completed": false } ] }, { "text": "#A header page for a movie website.# There is an image show the name of the website. Then, there are 14 buttons that are \"HOME\", \"HQ DUBBED MOVIES\",\"SOUTH MOVIES(HINDI)\", \"BOLLYWOOD MOVIES\", \"HOLLYWOOD MOVIES(HINDI)\", \"HOLLYWOOD MOVIES(ENGLISH)\", \"PUNJABI MOVIES\", \"300MB MOVIES\", \"BHOJPURI MOVIES\", \"TV SHOW\", \"WEB SERIES\", \"DMCA\", \"CONTACT US\", and \"SOUTH MOVIE HINDI DUBBED\".", "region_id": "3468", "region_type": "Header", "ir": "[region:Header [el:image] [gp:FlatNavGroup [gattr:repeat '14'] [gattr:names 'home, hq dubbed movies, south movies(hindi), bollywood movies, hollywood movies(hindi), hollywood movies(english),PUNJABI MOVIES,300MB MOVIES,BHOJPURI MOVIES,TV SHOW,WEB SERIES,DMCA, CONTACT US,SOUTH MOVIE HINDI DUBBED'] [item [el:button] ] ] ]", "execution": "header : image undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "image 2 2 115 9 | \" [ button 0 14 8 4 ] | [ button 8 14 18 4 ] | [ button 27 14 20 4 ] | [ button 47 14 19 4 ] | [ button 67 14 25 4 ] | [ button 0 19 27 4 ] | [ button 27 19 16 4 ] | [ button 44 19 14 4 ] | [ button 59 19 17 4 ] | [ button 76 19 10 4 ] | [ button 87 19 12 4 ] | [ button 99 19 8 4 ] | [ button 0 24 13 4 ] | [ button 13 24 25 4 ] \"", "layout_seq_without_completion": "image 2 2 115 9 | \" [ button 0 14 8 4 ] | [ button 8 14 18 4 ] | [ button 27 14 20 4 ] | [ button 47 14 19 4 ] | [ button 67 14 25 4 ] | [ button 0 19 27 4 ] | [ button 27 19 16 4 ] | [ button 44 19 14 4 ] | [ button 59 19 17 4 ] | [ button 76 19 10 4 ] | [ button 87 19 12 4 ] | [ button 99 19 8 4 ] | [ button 0 24 13 4 ] | [ button 13 24 25 4 ] \"", "plain_layout_seq": "button 0 14 8 4 | button 8 14 18 4 | button 27 14 20 4 | button 47 14 19 4 | button 67 14 25 4 | button 0 19 27 4 | button 27 19 16 4 | button 44 19 14 4 | button 59 19 17 4 | button 76 19 10 4 | button 87 19 12 4 | button 99 19 8 4 | button 0 24 13 4 | button 13 24 25 4 | image 2 2 115 9", "canvas_width": 973, "canvas_height": 244, "elements": [ { "type": "image", "position": [ 20, 20, 933, 81 ], "completed": false }, { "type": "button", "position": [ 0, 121, 67, 39 ], "completed": false }, { "type": "button", "position": [ 67, 121, 153, 39 ], "completed": false }, { "type": "button", "position": [ 220, 121, 167, 39 ], "completed": false }, { "type": "button", "position": [ 387, 121, 161, 39 ], "completed": false }, { "type": "button", "position": [ 548, 121, 209, 39 ], "completed": false }, { "type": "button", "position": [ 0, 160, 226, 39 ], "completed": false }, { "type": "button", "position": [ 226, 160, 132, 39 ], "completed": false }, { "type": "button", "position": [ 358, 160, 121, 39 ], "completed": false }, { "type": "button", "position": [ 479, 160, 141, 39 ], "completed": false }, { "type": "button", "position": [ 620, 160, 87, 39 ], "completed": false }, { "type": "button", "position": [ 707, 160, 101, 39 ], "completed": false }, { "type": "button", "position": [ 808, 160, 67, 39 ], "completed": false }, { "type": "button", "position": [ 0, 199, 108, 39 ], "completed": false }, { "type": "button", "position": [ 108, 199, 208, 39 ], "completed": false } ] }, { "text": "#A page for navigation of the GVA.#The page should have a logo and three links, \"login\", \"search database\" and \"contact us\". There are three icons, one is beside the \"search database\" and the other two are social media for users to share.", "region_id": "4922", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'login, search database, contact us'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 2 3 3 | icon 105 2 3 3 | icon 88 3 1 1 | link 75 3 8 2 | link 67 3 4 2 | link 90 3 11 2 | logo 6 2 12 12 | complete text 20 12 31 2", "layout_seq_without_completion": "icon 109 2 3 3 | icon 105 2 3 3 | icon 88 3 1 1 | link 75 3 8 2 | link 67 3 4 2 | link 90 3 11 2 | logo 6 2 12 12 | text 20 12 31 2", "plain_layout_seq": "icon 109 2 3 3 | icon 105 2 3 3 | icon 88 3 1 1 | link 75 3 8 2 | link 67 3 4 2 | link 90 3 11 2 | logo 6 2 12 12 | text 20 12 31 2", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "logo", "position": [ 58, 25, 110, 110 ], "completed": false }, { "type": "icon", "position": [ 900, 25, 30, 30 ], "completed": false }, { "type": "icon", "position": [ 936, 25, 30, 30 ], "completed": false }, { "type": "link", "position": [ 576, 31, 39, 18 ], "completed": false }, { "type": "link", "position": [ 646, 31, 74, 18 ], "completed": false }, { "type": "link", "position": [ 768, 31, 102, 18 ], "completed": false }, { "type": "icon", "position": [ 752, 34, 16, 16 ], "completed": false }, { "type": "text", "position": [ 178, 109, 270, 25 ], "completed": true } ] }, { "text": "# A header page for an online shop named Phelans Jewellers. # There should have two sentences to tell the user to visit their showroom because of limited stock online. In the middle, there should be a logo of the store. Below it, there should be three links \"Home\", \"Shop\" and \"About Us\" for the user to return to the home page, enter the shop, and know more info about the store. Also, three icons for search, login, and shopping cart are needed.", "region_id": "8039", "region_type": "Header", "ir": "[region:Header [el:text [attr:repeat '2'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home, Shop, About Us'] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 45 9 29 16 | text 0 0 119 5 | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \" | \" [ link 48 28 5 2 ] | [ link 56 28 4 2 ] | [ link 63 28 7 2 ] \"", "layout_seq_without_completion": "logo 45 9 29 16 | text 0 0 119 5 | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \" | \" [ link 48 28 5 2 ] | [ link 56 28 4 2 ] | [ link 63 28 7 2 ] \"", "plain_layout_seq": "icon 100 16 2 2 | icon 105 16 2 2 | icon 109 16 2 2 | link 48 28 5 2 | link 56 28 4 2 | link 63 28 7 2 | logo 45 9 29 16 | text 0 0 119 5", "canvas_width": 1024, "canvas_height": 319, "elements": [ { "type": "text", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 387, 81, 250, 141 ], "completed": false }, { "type": "icon", "position": [ 856, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 142, 20, 20 ], "completed": false }, { "type": "link", "position": [ 416, 247, 43, 21 ], "completed": false }, { "type": "link", "position": [ 483, 247, 37, 21 ], "completed": false }, { "type": "link", "position": [ 544, 247, 64, 21 ], "completed": false } ] }, { "text": "#A navigation bar of Panorama for users to get information.# The page should include the logo of Panorama and six links.", "region_id": "5863", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link]] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 0 0 11 3 | \" [ link 14 0 9 3 ] | [ link 26 0 13 3 ] | [ link 42 0 15 3 ] | [ link 59 0 16 3 ] | [ link 78 0 6 3 ] | [ link 87 0 8 3 ] \"", "layout_seq_without_completion": "logo 0 0 11 3 | \" [ link 14 0 9 3 ] | [ link 26 0 13 3 ] | [ link 42 0 15 3 ] | [ link 59 0 16 3 ] | [ link 78 0 6 3 ] | [ link 87 0 8 3 ] \"", "plain_layout_seq": "link 14 0 9 3 | link 26 0 13 3 | link 42 0 15 3 | link 59 0 16 3 | link 78 0 6 3 | link 87 0 8 3 | logo 0 0 11 3", "canvas_width": 964, "canvas_height": 29, "elements": [ { "type": "logo", "position": [ 0, 0, 94, 29 ], "completed": false }, { "type": "link", "position": [ 114, 0, 80, 29 ], "completed": false }, { "type": "link", "position": [ 213, 0, 105, 29 ], "completed": false }, { "type": "link", "position": [ 338, 0, 124, 29 ], "completed": false }, { "type": "link", "position": [ 481, 0, 130, 29 ], "completed": false }, { "type": "link", "position": [ 631, 0, 50, 29 ], "completed": false }, { "type": "link", "position": [ 701, 0, 69, 29 ], "completed": false } ] }, { "text": "#A head page for sign up.# On the top, there is one label\" SIGN UP NOW FOR $$$ OFF!\". Below is one icon, one search box, two buttons for logging in or signing up on the left, and one icon, one label showing the cart number on the right. Next, there is one logo on the left and one title\" The Hottest Streetwear Fashion for Generation Z and Millenials\".", "region_id": "8596", "region_type": "Header", "ir": "[region:Header [el:title [attr:value ' SIGN UP NOW FOR $$$ OFF!'] [attr:position 'top'] ] [el:icon [attr:position 'left'] ] [el:input [attr:position 'left'] ] [el:button [attr:value 'log in'][attr:position 'left'] ][el:button [attr:value 'sign up'][attr:position 'left'] ][el:icon [attr:position 'right']] [el:text [attr:position 'right'] ] [el:logo [attr:position 'left'] ] [el:title [attr:value 'The Hottest Streetwear Fashion for Generation Z and Millenials'] ] ]", "execution": "header : button left undefined | button left undefined | icon left undefined | icon right undefined | input left undefined | logo left undefined | text right undefined | title top undefined | title undefined undefined", "layout_seq_with_completion": "button 35 7 6 2 | button 26 7 5 2 | icon 4 8 2 2 | icon 106 8 2 2 | input 7 6 19 4 | logo 3 16 56 56 | text 109 7 6 2 | title 0 0 120 5 | title 60 39 56 9", "layout_seq_without_completion": "button 35 7 6 2 | button 26 7 5 2 | icon 4 8 2 2 | icon 106 8 2 2 | input 7 6 19 4 | logo 3 16 56 56 | text 109 7 6 2 | title 0 0 120 5 | title 60 39 56 9", "plain_layout_seq": "button 35 7 6 2 | button 26 7 5 2 | icon 4 8 2 2 | icon 106 8 2 2 | input 7 6 19 4 | logo 3 16 56 56 | text 109 7 6 2 | title 0 0 120 5 | title 60 39 56 9", "canvas_width": 1024, "canvas_height": 651, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 50 ], "completed": false }, { "type": "input", "position": [ 67, 59, 163, 42 ], "completed": false }, { "type": "button", "position": [ 229, 67, 44, 23 ], "completed": false }, { "type": "button", "position": [ 303, 67, 57, 23 ], "completed": false }, { "type": "text", "position": [ 937, 67, 57, 23 ], "completed": false }, { "type": "icon", "position": [ 36, 70, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 907, 70, 20, 20 ], "completed": false }, { "type": "logo", "position": [ 30, 139, 482, 482 ], "completed": false }, { "type": "title", "position": [ 512, 341, 482, 79 ], "completed": false } ] }, { "text": "# A header page for an online shop. # There should have 7 links \"Home\" \"Shop\" \"Behind The Brand\" \"Canine Models\" \"Advocacy\" \"PawClawset\" and \"Contact\". So the user can click the links for more info.", "region_id": "7778", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'Home,Shop,Behind The Brand,Canine Models,Advocacy,PawClawset,Contact'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 0 9 5 ] | [ link 21 0 8 5 ] | [ link 29 0 19 5 ] | [ link 49 0 17 5 ] | [ link 67 0 12 5 ] | [ link 80 0 16 5 ] | [ link 97 0 11 5 ] \"", "layout_seq_without_completion": "\" [ link 11 0 9 5 ] | [ link 21 0 8 5 ] | [ link 29 0 19 5 ] | [ link 49 0 17 5 ] | [ link 67 0 12 5 ] | [ link 80 0 16 5 ] | [ link 97 0 11 5 ] \"", "plain_layout_seq": "link 11 0 9 5 | link 21 0 8 5 | link 29 0 19 5 | link 49 0 17 5 | link 67 0 12 5 | link 80 0 16 5 | link 97 0 11 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 98, 0, 76, 50 ], "completed": false }, { "type": "link", "position": [ 178, 0, 69, 50 ], "completed": false }, { "type": "link", "position": [ 251, 0, 164, 50 ], "completed": false }, { "type": "link", "position": [ 419, 0, 143, 50 ], "completed": false }, { "type": "link", "position": [ 566, 0, 105, 50 ], "completed": false }, { "type": "link", "position": [ 676, 0, 137, 50 ], "completed": false }, { "type": "link", "position": [ 817, 0, 95, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page includes four links for users to click to get further information.", "region_id": "6037", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 2 30 3 ] | [ link 30 2 30 3 ] | [ link 60 2 29 3 ] | [ link 90 2 30 3 ] \"", "layout_seq_without_completion": "\" [ link 0 2 30 3 ] | [ link 30 2 30 3 ] | [ link 60 2 29 3 ] | [ link 90 2 30 3 ] \"", "plain_layout_seq": "link 0 2 30 3 | link 30 2 30 3 | link 60 2 29 3 | link 90 2 30 3", "canvas_width": 820, "canvas_height": 48, "elements": [ { "type": "link", "position": [ 0, 20, 205, 23 ], "completed": false }, { "type": "link", "position": [ 205, 20, 205, 23 ], "completed": false }, { "type": "link", "position": [ 410, 20, 204, 23 ], "completed": false }, { "type": "link", "position": [ 615, 20, 205, 23 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, two links for users to click to get further information, and an icon showing the shopping list of the user.", "region_id": "8427", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [item [el:link]]] [el:icon [attr:value 'shopping list']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 1 2 2 | link 97 11 8 4 | link 106 11 10 4 | logo 3 12 9 4", "layout_seq_without_completion": "icon 113 1 2 2 | link 97 11 8 4 | link 106 11 10 4 | logo 3 12 9 4", "plain_layout_seq": "icon 113 1 2 2 | link 97 11 8 4 | link 106 11 10 4 | logo 3 12 9 4", "canvas_width": 1024, "canvas_height": 195, "elements": [ { "type": "icon", "position": [ 969, 13, 25, 24 ], "completed": false }, { "type": "link", "position": [ 832, 102, 69, 41 ], "completed": false }, { "type": "link", "position": [ 907, 102, 87, 41 ], "completed": false }, { "type": "logo", "position": [ 30, 103, 80, 38 ], "completed": false } ] }, { "text": "#A page for navigation of HAGERLY.#The page should have a logo and an icon on the left side of the page. There are two links, named \"login\" and \"agents\".", "region_id": "3185", "region_type": "Header", "ir": "[region:Header [el:logo[attr:position 'left']] [el:icon [attr:position 'left'] ] [el:link [attr:value 'login'] ] [el:link [attr:value 'agents'] ] ]", "execution": "header : icon left undefined | link undefined undefined | link undefined undefined | logo left undefined", "layout_seq_with_completion": "icon 7 1 1 1 | link 95 0 8 4 | link 103 0 8 4 | logo 10 1 11 1", "layout_seq_without_completion": "icon 7 1 1 1 | link 95 0 8 4 | link 103 0 8 4 | logo 10 1 11 1", "plain_layout_seq": "icon 7 1 1 1 | link 95 0 8 4 | link 103 0 8 4 | logo 10 1 11 1", "canvas_width": 1024, "canvas_height": 44, "elements": [ { "type": "link", "position": [ 814, 3, 71, 38 ], "completed": false }, { "type": "link", "position": [ 885, 3, 75, 38 ], "completed": false }, { "type": "logo", "position": [ 88, 13, 97, 17 ], "completed": false }, { "type": "icon", "position": [ 64, 14, 16, 16 ], "completed": false } ] }, { "text": "#A header page of Gimme Some Oven for users to get information.# The page should include the logo of Gimme Some Oven and four links with icons.", "region_id": "5540", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] [el:icon] ] ] ]", "execution": "header : logo undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "logo 1 3 48 5 | \" [ link 64 2 10 9 ] | [ link 78 2 13 9 ] | [ link 94 2 12 9 ] | [ link 109 2 8 9 ] \"", "layout_seq_without_completion": "logo 1 3 48 5 | \" [ link 64 2 10 9 ] | [ link 78 2 13 9 ] | [ link 94 2 12 9 ] | [ link 109 2 8 9 ] \"", "plain_layout_seq": "link 64 2 10 9 | link 78 2 13 9 | link 94 2 12 9 | link 109 2 8 9 | logo 1 3 48 5", "canvas_width": 1024, "canvas_height": 122, "elements": [ { "type": "link", "position": [ 553, 25, 93, 78 ], "completed": false }, { "type": "link", "position": [ 671, 25, 112, 78 ], "completed": false }, { "type": "link", "position": [ 808, 25, 105, 78 ], "completed": false }, { "type": "link", "position": [ 938, 25, 76, 78 ], "completed": false }, { "type": "logo", "position": [ 10, 30, 410, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description and two icons of social media on the top. There is a logo in the middle of the page, and there are three icons for users to get more information.", "region_id": "8100", "region_type": "Header", "ir": "[region:Header [el:description] [el:icon [attr:repeat '2'] [attr:position 'top'] ] [el:logo] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description undefined undefined | icon top undefined | icon top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 8 120 18 | description 45 1 28 1 | icon 109 5 1 1 | icon 4 16 3 3 | icon 112 16 3 3 | icon 112 5 1 1 | icon 105 16 3 3 | logo 54 12 11 11", "layout_seq_without_completion": "background 0 8 120 18 | description 45 1 28 1 | icon 109 5 1 1 | icon 4 16 3 3 | icon 112 16 3 3 | icon 112 5 1 1 | icon 105 16 3 3 | logo 54 12 11 11", "plain_layout_seq": "background 0 8 120 18 | description 45 1 28 1 | icon 109 5 1 1 | icon 4 16 3 3 | icon 112 16 3 3 | icon 112 5 1 1 | icon 105 16 3 3 | logo 54 12 11 11", "canvas_width": 1024, "canvas_height": 234, "elements": [ { "type": "description", "position": [ 392, 14, 240, 14 ], "completed": false }, { "type": "icon", "position": [ 933, 49, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 49, 16, 16 ], "completed": false }, { "type": "background", "position": [ 0, 74, 1024, 160 ], "completed": true }, { "type": "logo", "position": [ 462, 104, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 40, 140, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 900, 140, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 140, 28, 28 ], "completed": false } ] }, { "text": "#A header for letting users know about nuvomed.# There should be a logo for the company, 4 links \"home\", \"shop\", \"about us\" and \"contact us\", with a search icon on the right.", "region_id": "7865", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, shop, about us, contact us'] [item [el:link] ] ] [el:icon [attr:position 'right'] ] ]", "execution": "header : icon right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 42 10 1 1 | icon 110 9 2 2 | link 65 9 10 2 | link 26 9 5 2 | link 49 9 9 2 | link 37 9 5 2 | logo 6 9 14 2 | complete text 0 0 119 5", "layout_seq_without_completion": "icon 42 10 1 1 | icon 110 9 2 2 | link 65 9 10 2 | link 26 9 5 2 | link 49 9 9 2 | link 37 9 5 2 | logo 6 9 14 2 | text 0 0 119 5", "plain_layout_seq": "icon 42 10 1 1 | icon 110 9 2 2 | link 65 9 10 2 | link 26 9 5 2 | link 49 9 9 2 | link 37 9 5 2 | logo 6 9 14 2 | text 0 0 119 5", "canvas_width": 1024, "canvas_height": 135, "elements": [ { "type": "text", "position": [ 2, 2, 1020, 46 ], "completed": true }, { "type": "link", "position": [ 222, 80, 51, 24 ], "completed": false }, { "type": "link", "position": [ 318, 80, 43, 24 ], "completed": false }, { "type": "link", "position": [ 420, 80, 77, 24 ], "completed": false }, { "type": "link", "position": [ 562, 80, 91, 24 ], "completed": false }, { "type": "logo", "position": [ 55, 81, 120, 23 ], "completed": false }, { "type": "icon", "position": [ 940, 84, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 366, 90, 9, 9 ], "completed": true } ] }, { "text": "#A page for users to search for more information.# The page has a logo named \u201cPorn Movies\u201d and one input with a button named \u201csearch\u201d for users to click to get further information.", "region_id": "2818", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:button [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 111 0 7 2 | input 90 1 19 2 | logo 1 1 9 2", "layout_seq_without_completion": "button 111 0 7 2 | input 90 1 19 2 | logo 1 1 9 2", "plain_layout_seq": "button 111 0 7 2 | input 90 1 19 2 | logo 1 1 9 2", "canvas_width": 926, "canvas_height": 33, "elements": [ { "type": "button", "position": [ 858, 7, 56, 18 ], "completed": false }, { "type": "input", "position": [ 701, 8, 149, 19 ], "completed": false }, { "type": "logo", "position": [ 8, 9, 73, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web of a brand.# The page has a brand logo, a button for users to click to search, a button for expanding all categories of information, and five links for users to click to get further information.", "region_id": "3090", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button [attr:value 'search']] [el:button [attr:value 'expand']] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 111 2 5 5 | button 3 2 5 5 | logo 11 2 22 5 | \" [ link 4 11 9 3 ] | [ link 15 11 8 3 ] | [ link 25 11 9 3 ] | [ link 37 11 9 3 ] | [ link 48 11 9 3 ] \"", "layout_seq_without_completion": "button 111 2 5 5 | button 3 2 5 5 | logo 11 2 22 5 | \" [ link 4 11 9 3 ] | [ link 15 11 8 3 ] | [ link 25 11 9 3 ] | [ link 37 11 9 3 ] | [ link 48 11 9 3 ] \"", "plain_layout_seq": "button 111 2 5 5 | button 3 2 5 5 | link 4 11 9 3 | link 15 11 8 3 | link 25 11 9 3 | link 37 11 9 3 | link 48 11 9 3 | logo 11 2 22 5", "canvas_width": 1009, "canvas_height": 132, "elements": [ { "type": "logo", "position": [ 99, 18, 190, 43 ], "completed": false }, { "type": "button", "position": [ 29, 20, 46, 46 ], "completed": false }, { "type": "button", "position": [ 934, 20, 46, 46 ], "completed": false }, { "type": "link", "position": [ 39, 94, 78, 30 ], "completed": false }, { "type": "link", "position": [ 131, 94, 73, 30 ], "completed": false }, { "type": "link", "position": [ 218, 94, 80, 30 ], "completed": false }, { "type": "link", "position": [ 312, 94, 79, 30 ], "completed": false }, { "type": "link", "position": [ 406, 94, 79, 30 ], "completed": false } ] }, { "text": "#A page for navigation of the BOWFILE.#The page should have a logo and three links for users to click fastly, home, premium, and FAQ. There are also two buttons to log in and register.", "region_id": "4362", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, premium, faq'] [item [el:link] ] ] [el:button [attr:value 'log in'] ] [el:button [attr:value 'register'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 99 1 12 3 | button 87 1 10 3 | logo 4 2 13 3 | \" [ link 17 2 4 2 ] | [ link 24 2 6 2 ] | [ link 32 2 2 2 ] \"", "layout_seq_without_completion": "button 99 1 12 3 | button 87 1 10 3 | logo 4 2 13 3 | \" [ link 17 2 4 2 ] | [ link 24 2 6 2 ] | [ link 32 2 2 2 ] \"", "plain_layout_seq": "button 99 1 12 3 | button 87 1 10 3 | link 17 2 4 2 | link 24 2 6 2 | link 32 2 2 2 | logo 4 2 13 3", "canvas_width": 1024, "canvas_height": 65, "elements": [ { "type": "button", "position": [ 744, 15, 88, 34 ], "completed": false }, { "type": "button", "position": [ 846, 15, 103, 34 ], "completed": false }, { "type": "logo", "position": [ 38, 19, 118, 26 ], "completed": false }, { "type": "link", "position": [ 150, 23, 37, 18 ], "completed": false }, { "type": "link", "position": [ 206, 23, 55, 18 ], "completed": false }, { "type": "link", "position": [ 280, 23, 25, 18 ], "completed": false } ] }, { "text": "# A head page for navigation of an online shop Lovedaimty.# The page should have a logo, a sentence as an announcement introducing the shipping, and three links \"HOME\" \"SHOP\" and \"CONTACT\" for the user to return to the homepage, view the product in the shop, and contact the shop. Also, there should be three icons for login, search, and shopping cart.", "region_id": "6446", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description] [gp:FlatNavGroup[gattr:repeat '3'][gattr:names 'HOME,SHOP,CONTACT'][item[el:link]]] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 4 1 110 2 | logo 48 7 22 4 | \" [ link 3 7 10 5 ] | [ link 13 7 9 5 ] | [ link 23 7 17 5 ] \" | \" [ icon 105 8 3 3 ] | [ icon 111 8 3 3 ] | [ icon 98 9 3 3 ] \"", "layout_seq_without_completion": "description 4 1 110 2 | logo 48 7 22 4 | \" [ link 3 7 10 5 ] | [ link 13 7 9 5 ] | [ link 23 7 17 5 ] \" | \" [ icon 105 8 3 3 ] | [ icon 111 8 3 3 ] | [ icon 98 9 3 3 ] \"", "plain_layout_seq": "description 4 1 110 2 | icon 105 8 3 3 | icon 111 8 3 3 | icon 98 9 3 3 | link 3 7 10 5 | link 13 7 9 5 | link 23 7 17 5 | logo 48 7 22 4", "canvas_width": 1009, "canvas_height": 134, "elements": [ { "type": "description", "position": [ 40, 10, 929, 23 ], "completed": false }, { "type": "link", "position": [ 28, 66, 85, 44 ], "completed": false }, { "type": "link", "position": [ 117, 66, 80, 44 ], "completed": false }, { "type": "link", "position": [ 201, 66, 143, 44 ], "completed": false }, { "type": "logo", "position": [ 411, 67, 188, 41 ], "completed": false }, { "type": "icon", "position": [ 885, 75, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 941, 75, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 828, 76, 28, 28 ], "completed": false } ] }, { "text": "# A header page for navigation of Paly HQ. # The page should have a logo, three links \"Discover\" \"For Organisations\", and \"About Us\" for the user to click for more info. Besides, there should be two buttons for the user to log in and sign up.", "region_id": "6027", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'discover, for organisations, about us'] [item [el:link] ] ] [el:button [attr:value 'sign up'] ] [el:button [attr:value 'log in'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 105 1 10 4 | button 94 1 9 4 | logo 3 1 9 4 | \" [ link 59 1 7 4 ] | [ link 69 1 14 4 ] | [ link 85 1 7 4 ] \"", "layout_seq_without_completion": "button 105 1 10 4 | button 94 1 9 4 | logo 3 1 9 4 | \" [ link 59 1 7 4 ] | [ link 69 1 14 4 ] | [ link 85 1 7 4 ] \"", "plain_layout_seq": "button 105 1 10 4 | button 94 1 9 4 | link 59 1 7 4 | link 69 1 14 4 | link 85 1 7 4 | logo 3 1 9 4", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 32, 16, 83, 37 ], "completed": false }, { "type": "link", "position": [ 510, 16, 63, 37 ], "completed": false }, { "type": "link", "position": [ 589, 16, 124, 35 ], "completed": false }, { "type": "link", "position": [ 729, 16, 64, 35 ], "completed": false }, { "type": "button", "position": [ 809, 16, 79, 36 ], "completed": false }, { "type": "button", "position": [ 904, 16, 88, 36 ], "completed": false } ] }, { "text": "#A page for navigation of the Little Green Refills.# The page should have a title, a icon for users to click to check the menu, and 3 icons for users to click to check the personal page, search and shop.", "region_id": "7537", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon [attr:value 'check the menu'] ] [el:icon [attr:value 'personal page'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 2 5 5 5 | title 22 5 75 4 | \" [ icon 103 5 2 3 ] | [ icon 108 5 2 3 ] | [ icon 113 5 2 3 ] \"", "layout_seq_without_completion": "icon 2 5 5 5 | title 22 5 75 4 | \" [ icon 103 5 2 3 ] | [ icon 108 5 2 3 ] | [ icon 113 5 2 3 ] \"", "plain_layout_seq": "icon 2 5 5 5 | icon 103 5 2 3 | icon 108 5 2 3 | icon 113 5 2 3 | title 22 5 75 4", "canvas_width": 1009, "canvas_height": 95, "elements": [ { "type": "icon", "position": [ 20, 44, 50, 50 ], "completed": false }, { "type": "title", "position": [ 188, 48, 633, 35 ], "completed": false }, { "type": "icon", "position": [ 872, 50, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 50, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 50, 21, 26 ], "completed": false } ] }, { "text": "# A header page for navigation of TCB Scans. # The page should have a logo and four links \"Home\" \"Projects\" \"Discord\", and \"Twitter\" for the user to know more info.", "region_id": "2623", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, projects, discord, twitter'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 1 0 17 5 | \" [ link 80 2 6 3 ] | [ link 88 2 9 3 ] | [ link 99 2 9 3 ] | [ link 109 2 8 3 ] \"", "layout_seq_without_completion": "logo 1 0 17 5 | \" [ link 80 2 6 3 ] | [ link 88 2 9 3 ] | [ link 99 2 9 3 ] | [ link 109 2 8 3 ] \"", "plain_layout_seq": "link 80 2 6 3 | link 88 2 9 3 | link 99 2 9 3 | link 109 2 8 3 | logo 1 0 17 5", "canvas_width": 1024, "canvas_height": 67, "elements": [ { "type": "logo", "position": [ 16, 8, 150, 51 ], "completed": false }, { "type": "link", "position": [ 683, 20, 58, 28 ], "completed": false }, { "type": "link", "position": [ 753, 20, 83, 28 ], "completed": false }, { "type": "link", "position": [ 848, 20, 77, 28 ], "completed": false }, { "type": "link", "position": [ 937, 20, 71, 28 ], "completed": false } ] }, { "text": "# A page for Boompaly. # On the page, there should include a logo, an input box for search, and two image links for the user to download the app from Google Play and Apple Store.", "region_id": "5935", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search']] [el:link [attr:value 'download the app from Google Play'] ] [el:link [attr:value 'download the app from Apple Store'] ] ]", "execution": "header : input undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "input 42 1 39 3 | link 84 1 15 4 | link 101 1 15 4 | logo 0 0 25 7", "layout_seq_without_completion": "input 42 1 39 3 | link 84 1 15 4 | link 101 1 15 4 | logo 0 0 25 7", "plain_layout_seq": "input 42 1 39 3 | link 84 1 15 4 | link 101 1 15 4 | logo 0 0 25 7", "canvas_width": 1024, "canvas_height": 62, "elements": [ { "type": "logo", "position": [ 0, 0, 220, 62 ], "completed": false }, { "type": "link", "position": [ 722, 12, 130, 40 ], "completed": false }, { "type": "link", "position": [ 864, 12, 130, 40 ], "completed": false }, { "type": "input", "position": [ 364, 16, 340, 32 ], "completed": false } ] }, { "text": "#A header page of THE GOALFATHER for users to get information.# The page should include the logo of THE GOALFATHER. There are two links, \"Home\" and \"Catalog\", for users to click. There are also two icons for users to search or check their carts.", "region_id": "7564", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,catalog'] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 104 3 2 2 | icon 109 3 2 2 | link 52 3 5 2 | link 60 3 7 2 | logo 6 3 24 2", "layout_seq_without_completion": "icon 104 3 2 2 | icon 109 3 2 2 | link 52 3 5 2 | link 60 3 7 2 | logo 6 3 24 2", "plain_layout_seq": "icon 104 3 2 2 | icon 109 3 2 2 | link 52 3 5 2 | link 60 3 7 2 | logo 6 3 24 2", "canvas_width": 1024, "canvas_height": 81, "elements": [ { "type": "logo", "position": [ 55, 28, 206, 24 ], "completed": false }, { "type": "icon", "position": [ 891, 29, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 29, 22, 23 ], "completed": false }, { "type": "link", "position": [ 446, 30, 46, 20 ], "completed": false }, { "type": "link", "position": [ 518, 30, 60, 20 ], "completed": false } ] }, { "text": "#A header page of MobileRdx for users to get information.# The page should include the logo of the MobileRdx and four links. There should also be an icon for users to search on the page.", "region_id": "3755", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:icon [attr:value 'search ']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 1 0 22 8 | \" [ link 59 0 13 10 ] | [ link 72 0 13 10 ] | [ link 86 0 13 10 ] | [ link 99 0 14 10 ] \"", "layout_seq_without_completion": "logo 1 0 22 8 | \" [ link 59 0 13 10 ] | [ link 72 0 13 10 ] | [ link 86 0 13 10 ] | [ link 99 0 14 10 ] \"", "plain_layout_seq": "link 59 0 13 10 | link 72 0 13 10 | link 86 0 13 10 | link 99 0 14 10 | logo 1 0 22 8", "canvas_width": 1024, "canvas_height": 91, "elements": [ { "type": "link", "position": [ 508, 0, 113, 90 ], "completed": false }, { "type": "link", "position": [ 621, 0, 114, 90 ], "completed": false }, { "type": "link", "position": [ 735, 0, 113, 90 ], "completed": false }, { "type": "link", "position": [ 848, 0, 121, 90 ], "completed": false }, { "type": "logo", "position": [ 15, 8, 190, 70 ], "completed": false } ] }, { "text": "#A page for users to learn about a product.# The page has a logo named \u201cFeelingSurf\u201d, three links for users to click to get further information, one button named \u201cSign in\u201d for users to sign in, and another button named \u201cCreate account\u201d for users to create a new account.", "region_id": "4565", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link]]] [el:button [attr:value 'sign in'] ] [el:button [attr:value 'create account'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 100 1 18 5 | button 91 1 8 5 | logo 1 1 14 5 | \" [ link 17 1 20 5 ] | [ link 37 1 10 5 ] | [ link 48 1 8 5 ] \"", "layout_seq_without_completion": "button 100 1 18 5 | button 91 1 8 5 | logo 1 1 14 5 | \" [ link 17 1 20 5 ] | [ link 37 1 10 5 ] | [ link 48 1 8 5 ] \"", "plain_layout_seq": "button 100 1 18 5 | button 91 1 8 5 | link 17 1 20 5 | link 37 1 10 5 | link 48 1 8 5 | logo 1 1 14 5", "canvas_width": 960, "canvas_height": 56, "elements": [ { "type": "logo", "position": [ 12, 8, 112, 40 ], "completed": false }, { "type": "link", "position": [ 140, 8, 162, 40 ], "completed": false }, { "type": "link", "position": [ 302, 8, 85, 40 ], "completed": false }, { "type": "link", "position": [ 387, 8, 70, 40 ], "completed": false }, { "type": "button", "position": [ 729, 8, 71, 40 ], "completed": false }, { "type": "button", "position": [ 800, 8, 148, 40 ], "completed": false } ] }, { "text": "$header$ A header page for navigation of an online shop. # The page should have a sentence as an announcement to introduce the free shipping condition, a logo, and five links \"SHOP ALL\" \"BEST SELLERS\", \"NEW ARRIVALS\" \"SALE\" and \"COLLECTION\" for the user to know more info about the product. Besides, three icons for the user to search for things, login, and check the shopping cart are needed.", "region_id": "7629", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'shop all, best sellers, new arrivals, sale, collection'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 19 15 | title 0 0 119 5 | \" [ link 35 12 8 2 ] | [ link 47 12 13 2 ] | [ link 63 12 13 2 ] | [ link 79 12 4 2 ] | [ link 53 16 12 2 ] \" | \" [ icon 100 14 2 2 ] | [ icon 105 14 2 2 ] | [ icon 109 14 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 19 15 | title 0 0 119 5 | \" [ link 35 12 8 2 ] | [ link 47 12 13 2 ] | [ link 63 12 13 2 ] | [ link 79 12 4 2 ] | [ link 53 16 12 2 ] \" | \" [ icon 100 14 2 2 ] | [ icon 105 14 2 2 ] | [ icon 109 14 2 2 ] \"", "plain_layout_seq": "icon 100 14 2 2 | icon 105 14 2 2 | icon 109 14 2 2 | link 35 12 8 2 | link 47 12 13 2 | link 63 12 13 2 | link 79 12 4 2 | link 53 16 12 2 | logo 6 7 19 15 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 213, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 170, 131 ], "completed": false }, { "type": "link", "position": [ 304, 108, 76, 18 ], "completed": false }, { "type": "link", "position": [ 404, 108, 113, 18 ], "completed": false }, { "type": "link", "position": [ 540, 108, 116, 18 ], "completed": false }, { "type": "link", "position": [ 680, 108, 40, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 122, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 122, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 122, 20, 20 ], "completed": false }, { "type": "link", "position": [ 458, 137, 108, 18 ], "completed": false } ] }, { "text": "#A page of information about an online shop.# There are three links that are \"Start a store\", \"Find products to sell\", and \"buy an existing online store\".", "region_id": "6724", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'start a store, find products to sell, buy an existing online store'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "layout_seq_without_completion": "\" [ link 33 5 9 2 ] | [ link 44 5 15 2 ] | [ link 63 5 21 2 ] \"", "plain_layout_seq": "link 33 5 9 2 | link 44 5 15 2 | link 63 5 21 2", "canvas_width": 1051, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 290, 50, 80, 25 ], "completed": false }, { "type": "link", "position": [ 393, 50, 137, 25 ], "completed": false }, { "type": "link", "position": [ 553, 50, 188, 25 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and three icons for users to get more information.", "region_id": "3009", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 110 1 1 1 | icon 104 1 1 1 | logo 1 1 9 2 | complete text 106 1 0 0", "layout_seq_without_completion": "icon 110 1 1 1 | icon 104 1 1 1 | logo 1 1 9 2 | text 106 1 0 0", "plain_layout_seq": "icon 110 1 1 1 | icon 104 1 1 1 | logo 1 1 9 2 | text 106 1 0 0", "canvas_width": 1009, "canvas_height": 40, "elements": [ { "type": "logo", "position": [ 16, 10, 80, 20 ], "completed": false }, { "type": "text", "position": [ 893, 10, 7, 7 ], "completed": true }, { "type": "icon", "position": [ 881, 12, 16, 15 ], "completed": false }, { "type": "icon", "position": [ 929, 12, 16, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has eight links showing eight different categories for users to click to learn about different information.", "region_id": "8138", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 10 5 ] | [ link 10 0 21 5 ] | [ link 32 0 10 5 ] | [ link 43 0 22 5 ] | [ link 66 0 19 5 ] | [ link 86 0 9 5 ] | [ link 96 0 13 5 ] | [ link 110 0 9 5 ] \"", "layout_seq_without_completion": "\" [ link 0 0 10 5 ] | [ link 10 0 21 5 ] | [ link 32 0 10 5 ] | [ link 43 0 22 5 ] | [ link 66 0 19 5 ] | [ link 86 0 9 5 ] | [ link 96 0 13 5 ] | [ link 110 0 9 5 ] \"", "plain_layout_seq": "link 0 0 10 5 | link 10 0 21 5 | link 32 0 10 5 | link 43 0 22 5 | link 66 0 19 5 | link 86 0 9 5 | link 96 0 13 5 | link 110 0 9 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 0, 0, 86, 50 ], "completed": false }, { "type": "link", "position": [ 90, 0, 181, 50 ], "completed": false }, { "type": "link", "position": [ 275, 0, 88, 50 ], "completed": false }, { "type": "link", "position": [ 367, 0, 186, 50 ], "completed": false }, { "type": "link", "position": [ 557, 0, 164, 50 ], "completed": false }, { "type": "link", "position": [ 725, 0, 81, 50 ], "completed": false }, { "type": "link", "position": [ 810, 0, 114, 50 ], "completed": false }, { "type": "link", "position": [ 928, 0, 81, 50 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop named BlossomBlueBoutique22. # The page should have a shop name, three links \"Home\" \"Catalog\", and \"Contact\" for the user to learn more info about the shop. Besides, there should have two icons for the user to search for things and check the shopping cart.", "region_id": "8519", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home,Catalog,Contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 2 2 | icon 110 2 5 5 | title 5 3 30 3 | \" [ link 40 3 4 2 ] | [ link 48 3 5 2 ] | [ link 56 3 5 2 ] \"", "layout_seq_without_completion": "icon 106 3 2 2 | icon 110 2 5 5 | title 5 3 30 3 | \" [ link 40 3 4 2 ] | [ link 48 3 5 2 ] | [ link 56 3 5 2 ] \"", "plain_layout_seq": "icon 106 3 2 2 | icon 110 2 5 5 | link 40 3 4 2 | link 48 3 5 2 | link 56 3 5 2 | title 5 3 30 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 50, 26, 260, 32 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 349, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 412, 33, 50, 18 ], "completed": false }, { "type": "link", "position": [ 486, 33, 51, 18 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop.# The page should have a sentence as an announcement, a logo, and two links \"HOME\" and \"COLLECTIONS\" for the user to click to return to the homepage and view the collections of the store. Then two icons for search and the shopping cart are needed.", "region_id": "8118", "region_type": "Header", "ir": "[region:Header [el:text [attr:value 'announce something here']] [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,collections'] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 16 2 3 | icon 113 16 2 3 | link 89 15 17 6 | link 79 15 9 6 | logo 3 7 21 21 | text 0 0 120 5", "layout_seq_without_completion": "icon 108 16 2 3 | icon 113 16 2 3 | link 89 15 17 6 | link 79 15 9 6 | logo 3 7 21 21 | text 0 0 120 5", "plain_layout_seq": "icon 108 16 2 3 | icon 113 16 2 3 | link 89 15 17 6 | link 79 15 9 6 | logo 3 7 21 21 | text 0 0 120 5", "canvas_width": 1009, "canvas_height": 255, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 30, 60, 180, 180 ], "completed": false }, { "type": "link", "position": [ 669, 127, 81, 52 ], "completed": false }, { "type": "link", "position": [ 754, 127, 146, 52 ], "completed": false }, { "type": "icon", "position": [ 912, 135, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 135, 21, 26 ], "completed": false } ] }, { "text": "# A header page for an online shop BungrassWild-Grazed Beef. # On the page, there should have one logo, one drop-down box \"Menu\" for the user to unfold the menu and click to see what they want, and two links \"HOME\" and \"SHOP\", where the user can back to the homepage and enter the shop to purchase goods. Then, three icons for login, search and shopping cart are needed.", "region_id": "7951", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text [attr:value 'Menu'] ] [el:link [attr:value 'HOME'] ] [el:link [attr:value 'SHOP'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 113 5 2 2 | icon 103 5 2 2 | icon 108 5 2 2 | link 94 4 8 6 | link 84 4 8 6 | logo 3 1 30 11 | text 72 4 11 6", "layout_seq_without_completion": "icon 113 5 2 2 | icon 103 5 2 2 | icon 108 5 2 2 | link 94 4 8 6 | link 84 4 8 6 | logo 3 1 30 11 | text 72 4 11 6", "plain_layout_seq": "icon 113 5 2 2 | icon 103 5 2 2 | icon 108 5 2 2 | link 94 4 8 6 | link 84 4 8 6 | logo 3 1 30 11 | text 72 4 11 6", "canvas_width": 1023, "canvas_height": 131, "elements": [ { "type": "logo", "position": [ 30, 15, 260, 101 ], "completed": false }, { "type": "text", "position": [ 621, 41, 98, 52 ], "completed": false }, { "type": "link", "position": [ 723, 41, 76, 52 ], "completed": false }, { "type": "link", "position": [ 802, 41, 73, 52 ], "completed": false }, { "type": "icon", "position": [ 886, 50, 22, 24 ], "completed": false }, { "type": "icon", "position": [ 926, 50, 21, 24 ], "completed": false }, { "type": "icon", "position": [ 965, 50, 21, 24 ], "completed": false } ] }, { "text": "#A page for introducing a website named \"freecycle\" to users.# This page should include one logo of \"freecycle\". There should be an input for users to search for items. Besides, a \"Sign up\" button and a \"Log in\" link should be provided for users to sign up and log in.", "region_id": "4939", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search for items']] [el:button [attr:value 'sign up'] ] [el:link [attr:value 'log in'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 91 3 10 4 | complete icon 108 4 2 2 | complete icon 74 5 2 2 | complete image 46 3 31 4 | input 47 3 25 4 | link 112 5 5 1 | logo 0 0 19 8", "layout_seq_without_completion": "button 91 3 10 4 | icon 108 4 2 2 | icon 74 5 2 2 | image 46 3 31 4 | input 47 3 25 4 | link 112 5 5 1 | logo 0 0 19 8", "plain_layout_seq": "button 91 3 10 4 | icon 108 4 2 2 | icon 74 5 2 2 | image 46 3 31 4 | input 47 3 25 4 | link 112 5 5 1 | logo 0 0 19 8", "canvas_width": 1054, "canvas_height": 102, "elements": [ { "type": "logo", "position": [ 0, 7, 167, 78 ], "completed": false }, { "type": "button", "position": [ 805, 33, 95, 40 ], "completed": false }, { "type": "image", "position": [ 407, 35, 275, 40 ], "completed": true }, { "type": "input", "position": [ 417, 35, 223, 40 ], "completed": false }, { "type": "icon", "position": [ 951, 43, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 652, 45, 20, 20 ], "completed": true }, { "type": "link", "position": [ 988, 45, 46, 16 ], "completed": false } ] }, { "text": "# A header page for an online shop. # On the top, there should be a slogan \"COME SHOP!!!\" to attract the user. There should also have a store logo in the middle, and two links \"Home\" and \"Catalog\" for the user to back to the homepage and shop by category. What's more, three icons for search, login, and shopping cart should be provided.", "region_id": "7370", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'COME SHOP!!!'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'Home, Catalog'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 53 16 4 2 | link 60 16 5 2 | logo 6 7 21 19 | title 0 0 119 5 | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \"", "layout_seq_without_completion": "link 53 16 4 2 | link 60 16 5 2 | logo 6 7 21 19 | title 0 0 119 5 | \" [ icon 100 16 2 2 ] | [ icon 105 16 2 2 ] | [ icon 109 16 2 2 ] \"", "plain_layout_seq": "icon 100 16 2 2 | icon 105 16 2 2 | icon 109 16 2 2 | link 53 16 4 2 | link 60 16 5 2 | logo 6 7 21 19 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 252, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 185, 170 ], "completed": false }, { "type": "link", "position": [ 455, 142, 40, 18 ], "completed": false }, { "type": "link", "position": [ 519, 142, 50, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 142, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 142, 20, 20 ], "completed": false } ] }, { "text": "#A header page for introducing the info of one company.# There is one title \"FREE SHIPPING ON ALL AUSTRALIAN ORDERS\". Meanwhile, there is one logo and four links \"Home\", \"Our Products\", \"About Us\", and \"Terms of service\". Users can log in by clicking one button and one label shows the cart number. In addition, users can search by clicking the search button.", "region_id": "8474", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free shipping on all australian orders'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'Home, Our Products, About Us, Terms of service'] [item [el:link] ] ] [el:button [attr:value 'log in'] ] [el:text] [el:button [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 97 9 18 5 | button 105 3 5 4 | link 35 8 5 5 | link 55 8 8 5 | link 65 8 14 5 | link 42 8 11 5 | logo 3 8 14 9 | text 116 3 2 4 | title 42 0 35 1", "layout_seq_without_completion": "button 97 9 18 5 | button 105 3 5 4 | link 35 8 5 5 | link 55 8 8 5 | link 65 8 14 5 | link 42 8 11 5 | logo 3 8 14 9 | text 116 3 2 4 | title 42 0 35 1", "plain_layout_seq": "button 97 9 18 5 | button 105 3 5 4 | link 35 8 5 5 | link 55 8 8 5 | link 65 8 14 5 | link 42 8 11 5 | logo 3 8 14 9 | text 116 3 2 4 | title 42 0 35 1", "canvas_width": 1024, "canvas_height": 156, "elements": [ { "type": "title", "position": [ 362, 8, 301, 13 ], "completed": false }, { "type": "text", "position": [ 990, 30, 19, 40 ], "completed": false }, { "type": "button", "position": [ 899, 31, 44, 37 ], "completed": false }, { "type": "link", "position": [ 305, 70, 44, 51 ], "completed": false }, { "type": "link", "position": [ 363, 70, 98, 51 ], "completed": false }, { "type": "link", "position": [ 475, 70, 69, 51 ], "completed": false }, { "type": "link", "position": [ 558, 70, 124, 51 ], "completed": false }, { "type": "logo", "position": [ 32, 74, 120, 78 ], "completed": false }, { "type": "button", "position": [ 829, 83, 160, 44 ], "completed": false } ] }, { "text": "# A page leading users to join its mailing list.# There is a title \"join our mailing list\". There is an input for users to write their email address and a button beside for them to subscribe. There are also two information sets on the right. Each group contains an icon and a link for users to find this organisation on other social media platforms, such as Facebook and Youtube.", "region_id": "5800", "region_type": "Header", "ir": "[region:Header [el:title[attr:value'join our mailing list']] [el:input [attr:value 'email address']] [el:button [attr:value 'subscribe']] [gp:FlatNavGroup [item[el:icon[attr:value'Facebook']][el:link]] [item[el:icon[attr:value'Youtube']][el:link]]]]", "execution": "header : button undefined undefined | input undefined undefined | title undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "button 52 4 16 5 | icon 91 5 4 4 | icon 69 5 4 4 | input 29 4 23 5 | link 75 6 15 1 | link 97 6 16 1 | title 5 5 21 2", "layout_seq_without_completion": "button 52 4 16 5 | icon 91 5 4 4 | icon 69 5 4 4 | input 29 4 23 5 | link 75 6 15 1 | link 97 6 16 1 | title 5 5 21 2", "plain_layout_seq": "button 52 4 16 5 | icon 91 5 4 4 | icon 69 5 4 4 | input 29 4 23 5 | link 75 6 15 1 | link 97 6 16 1 | title 5 5 21 2", "canvas_width": 1009, "canvas_height": 146, "elements": [ { "type": "input", "position": [ 244, 40, 200, 45 ], "completed": false }, { "type": "button", "position": [ 441, 41, 135, 45 ], "completed": false }, { "type": "icon", "position": [ 587, 45, 36, 36 ], "completed": false }, { "type": "icon", "position": [ 771, 45, 36, 36 ], "completed": false }, { "type": "title", "position": [ 47, 50, 184, 22 ], "completed": false }, { "type": "link", "position": [ 633, 55, 128, 16 ], "completed": false }, { "type": "link", "position": [ 817, 55, 135, 16 ], "completed": false } ] }, { "text": "# A header page for an online shop named FREDRIK CLEMENT. # There should have a logo and two icons for search and the shopping cart. Below it, there should be five links \"All Product\", \"Prints\" \"Posters\" \"Books\" and \"About Us\" for the user to know more info about the store.", "region_id": "7925", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'all product, prints, posters, books, about us'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 105 4 2 2 | icon 109 4 2 2 | logo 47 4 25 2 | \" [ link 38 11 9 2 ] | [ link 50 11 4 2 ] | [ link 57 11 5 2 ] | [ link 66 11 4 2 ] | [ link 74 11 7 2 ] \"", "layout_seq_without_completion": "icon 105 4 2 2 | icon 109 4 2 2 | logo 47 4 25 2 | \" [ link 38 11 9 2 ] | [ link 50 11 4 2 ] | [ link 57 11 5 2 ] | [ link 66 11 4 2 ] | [ link 74 11 7 2 ] \"", "plain_layout_seq": "icon 105 4 2 2 | icon 109 4 2 2 | link 38 11 9 2 | link 50 11 4 2 | link 57 11 5 2 | link 66 11 4 2 | link 74 11 7 2 | logo 47 4 25 2", "canvas_width": 1024, "canvas_height": 171, "elements": [ { "type": "logo", "position": [ 403, 39, 218, 24 ], "completed": false }, { "type": "icon", "position": [ 898, 42, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 42, 20, 20 ], "completed": false }, { "type": "link", "position": [ 328, 100, 79, 18 ], "completed": false }, { "type": "link", "position": [ 430, 100, 38, 18 ], "completed": false }, { "type": "link", "position": [ 492, 100, 51, 18 ], "completed": false }, { "type": "link", "position": [ 568, 100, 42, 18 ], "completed": false }, { "type": "link", "position": [ 634, 100, 63, 18 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop. # The page should have a shop logo, and two links \"Home\" and \"Catalog\" for the user to return to the home page and view the products. Also, there should have two icons for the user to search and check the shopping cart.", "region_id": "7600", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,Catalog'] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 105 4 2 2 | icon 109 4 2 2 | link 60 3 6 2 | link 52 3 5 2 | logo 6 1 8 6", "layout_seq_without_completion": "icon 105 4 2 2 | icon 109 4 2 2 | link 60 3 6 2 | link 52 3 5 2 | logo 6 1 8 6", "plain_layout_seq": "icon 105 4 2 2 | icon 109 4 2 2 | link 60 3 6 2 | link 52 3 5 2 | logo 6 1 8 6", "canvas_width": 1024, "canvas_height": 89, "elements": [ { "type": "logo", "position": [ 55, 15, 70, 58 ], "completed": false }, { "type": "link", "position": [ 449, 33, 44, 21 ], "completed": false }, { "type": "link", "position": [ 518, 33, 57, 21 ], "completed": false }, { "type": "icon", "position": [ 898, 35, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 35, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# There are six links representing six different categories for users to click to get further information.", "region_id": "3326", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 37 3 11 5 | link 4 3 28 5 | \" [ link 50 3 15 5 ] | [ link 67 3 15 5 ] | [ link 83 3 15 5 ] | [ link 99 3 15 5 ] \"", "layout_seq_without_completion": "link 37 3 11 5 | link 4 3 28 5 | \" [ link 50 3 15 5 ] | [ link 67 3 15 5 ] | [ link 83 3 15 5 ] | [ link 99 3 15 5 ] \"", "plain_layout_seq": "link 37 3 11 5 | link 4 3 28 5 | link 50 3 15 5 | link 67 3 15 5 | link 83 3 15 5 | link 99 3 15 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "link", "position": [ 42, 30, 244, 50 ], "completed": false }, { "type": "link", "position": [ 319, 30, 100, 50 ], "completed": false }, { "type": "link", "position": [ 435, 30, 136, 50 ], "completed": false }, { "type": "link", "position": [ 572, 30, 136, 50 ], "completed": false }, { "type": "link", "position": [ 709, 30, 136, 50 ], "completed": false }, { "type": "link", "position": [ 846, 30, 135, 50 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 8 links for users to click to jump to other pages in terms of careers, privacy, terms, and so on.", "region_id": "5610", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'careers, privacy, terms'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 0 8 3 ] | [ link 26 0 7 3 ] | [ link 39 0 6 3 ] | [ link 51 0 5 3 ] | [ link 63 0 7 3 ] | [ link 76 0 6 3 ] | [ link 89 0 5 3 ] | [ link 99 0 8 3 ] \"", "layout_seq_without_completion": "\" [ link 11 0 8 3 ] | [ link 26 0 7 3 ] | [ link 39 0 6 3 ] | [ link 51 0 5 3 ] | [ link 63 0 7 3 ] | [ link 76 0 6 3 ] | [ link 89 0 5 3 ] | [ link 99 0 8 3 ] \"", "plain_layout_seq": "link 11 0 8 3 | link 26 0 7 3 | link 39 0 6 3 | link 51 0 5 3 | link 63 0 7 3 | link 76 0 6 3 | link 89 0 5 3 | link 99 0 8 3", "canvas_width": 961, "canvas_height": 46, "elements": [ { "type": "link", "position": [ 96, 5, 70, 26 ], "completed": false }, { "type": "link", "position": [ 211, 5, 59, 26 ], "completed": false }, { "type": "link", "position": [ 315, 5, 54, 26 ], "completed": false }, { "type": "link", "position": [ 415, 5, 48, 26 ], "completed": false }, { "type": "link", "position": [ 508, 5, 62, 26 ], "completed": false }, { "type": "link", "position": [ 616, 5, 52, 26 ], "completed": false }, { "type": "link", "position": [ 713, 5, 42, 26 ], "completed": false }, { "type": "link", "position": [ 800, 5, 65, 26 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop.# The page should have a logo, and two icons for the user to search for things and check the shopping cart. Besides, there should have five links \"Home\" \"Men's Hair Care\" \"Women's Hair Care\" \"Body Care Collection\", and \"Contact Us\" for the user for more info and product of the shop.", "region_id": "6857", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, mens hair care, womens hair care, body care collection, contact us'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 9 2 2 | icon 110 7 5 5 | logo 52 3 14 14 | \" [ link 26 20 4 2 ] | [ link 33 20 12 2 ] | [ link 48 20 14 2 ] | [ link 66 20 16 2 ] | [ link 85 20 8 2 ] \"", "layout_seq_without_completion": "icon 7 9 2 2 | icon 110 7 5 5 | logo 52 3 14 14 | \" [ link 26 20 4 2 ] | [ link 33 20 12 2 ] | [ link 48 20 14 2 ] | [ link 66 20 16 2 ] | [ link 85 20 8 2 ] \"", "plain_layout_seq": "icon 7 9 2 2 | icon 110 7 5 5 | link 26 20 4 2 | link 33 20 12 2 | link 48 20 14 2 | link 66 20 16 2 | link 85 20 8 2 | logo 52 3 14 14", "canvas_width": 1024, "canvas_height": 208, "elements": [ { "type": "logo", "position": [ 452, 27, 120, 120 ], "completed": false }, { "type": "icon", "position": [ 942, 65, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 62, 77, 20, 20 ], "completed": false }, { "type": "link", "position": [ 224, 177, 39, 18 ], "completed": false }, { "type": "link", "position": [ 288, 177, 104, 18 ], "completed": false }, { "type": "link", "position": [ 416, 177, 127, 18 ], "completed": false }, { "type": "link", "position": [ 567, 177, 137, 18 ], "completed": false }, { "type": "link", "position": [ 728, 177, 72, 18 ], "completed": false } ] }, { "text": "#A header page for navigation of an online shop Flow.# There should have a shop logo, and two links \"SHOP\" and \"KONTAKTA\" for the user to click for more info.", "region_id": "7747", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'shop, kontakta'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 1 0 8 6 | link 10 0 11 6 | logo 48 1 23 4", "layout_seq_without_completion": "link 1 0 8 6 | link 10 0 11 6 | logo 48 1 23 4", "plain_layout_seq": "link 1 0 8 6 | link 10 0 11 6 | logo 48 1 23 4", "canvas_width": 1009, "canvas_height": 62, "elements": [ { "type": "link", "position": [ 15, 5, 68, 52 ], "completed": false }, { "type": "link", "position": [ 86, 5, 95, 52 ], "completed": false }, { "type": "logo", "position": [ 404, 10, 200, 42 ], "completed": false } ] }, { "text": "#A page for navigation of Moneywood Official Merch.# The page should have a logo of Moneywood Offical Merch, 2 links for users to check the home page and catalog, and 2 icons for users to search and shop.", "region_id": "8494", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,catalog'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 104 5 2 2 | icon 109 5 2 2 | link 52 12 5 2 | link 60 12 7 2 | logo 42 3 35 5", "layout_seq_without_completion": "icon 104 5 2 2 | icon 109 5 2 2 | link 52 12 5 2 | link 60 12 7 2 | logo 42 3 35 5", "plain_layout_seq": "icon 104 5 2 2 | icon 109 5 2 2 | link 52 12 5 2 | link 60 12 7 2 | logo 42 3 35 5", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "logo", "position": [ 360, 30, 305, 48 ], "completed": false }, { "type": "icon", "position": [ 891, 43, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 43, 22, 23 ], "completed": false }, { "type": "link", "position": [ 446, 105, 46, 20 ], "completed": false }, { "type": "link", "position": [ 518, 105, 60, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo and a button\"Take snapshot\". \"Webcam\", \"Microphone\", \"Headphones\", and \"Feedback\" are four links on the page.", "region_id": "4286", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button [attr:value 'take snapshot'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'webcam, microphone, headphones, feedback'] [item [el:link] ] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 100 1 14 3 | link 88 0 8 4 | logo 5 1 3 3 | \" [ link 14 1 6 2 ] | [ link 25 1 8 2 ] | [ link 38 1 9 2 ] \"", "layout_seq_without_completion": "button 100 1 14 3 | link 88 0 8 4 | logo 5 1 3 3 | \" [ link 14 1 6 2 ] | [ link 25 1 8 2 ] | [ link 38 1 9 2 ] \"", "plain_layout_seq": "button 100 1 14 3 | link 88 0 8 4 | link 14 1 6 2 | link 25 1 8 2 | link 38 1 9 2 | logo 5 1 3 3", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "link", "position": [ 758, 6, 76, 37 ], "completed": false }, { "type": "logo", "position": [ 47, 9, 32, 32 ], "completed": false }, { "type": "button", "position": [ 854, 9, 123, 32 ], "completed": false }, { "type": "link", "position": [ 127, 14, 55, 21 ], "completed": false }, { "type": "link", "position": [ 218, 14, 74, 21 ], "completed": false }, { "type": "link", "position": [ 328, 14, 79, 21 ], "completed": false } ] }, { "text": "#A page containing online shopping functions.#There are four groups on the page, each includes an icon and a link and these four links on the page are Shop, Cart, Account, and Search.", "region_id": "8562", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'shop,cart, account, search'] [item[el:link] [el:icon]] ] ]", "execution": "header : { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 6 | link 1 3 27 1 | link 31 3 27 1 | link 61 3 27 1 | link 90 3 27 1 | complete text 45 0 1 1", "layout_seq_without_completion": "background 0 0 120 6 | link 1 3 27 1 | link 31 3 27 1 | link 61 3 27 1 | link 90 3 27 1 | text 45 0 1 1", "plain_layout_seq": "background 0 0 120 6 | link 1 3 27 1 | link 31 3 27 1 | link 61 3 27 1 | link 90 3 27 1 | text 45 0 1 1", "canvas_width": 1024, "canvas_height": 55, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 55 ], "completed": true }, { "type": "text", "position": [ 389, 5, 15, 15 ], "completed": true }, { "type": "link", "position": [ 15, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 268, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 522, 34, 234, 11 ], "completed": false }, { "type": "link", "position": [ 776, 34, 234, 11 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#On the top of the web, there is a description. Under it, there is a icon and an input box for users to search, and there are two links next to it, named \"login\" and \"sign up\". On the rightmost side of the page, there is an icon and a description to show the quantity of cart is zero. At the bottom of the page, there is a title.", "region_id": "6717", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:icon] [el:input[attr:value 'search']][el:link[attr:value 'log in']][el:link[attr:value 'sign up']] [el:icon [attr:position 'right'] ] [el:description[attr:position 'right']] [el:title [attr:position 'bottom'] ] ]", "execution": "header : description top undefined | description right undefined | icon right undefined | icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | title bottom undefined", "layout_seq_with_completion": "description 110 7 6 2 | description 0 0 120 5 | icon 4 7 2 2 | icon 106 7 2 2 | input 7 6 19 4 | link 34 7 6 2 | link 26 7 5 2 | title 3 17 22 5", "layout_seq_without_completion": "description 110 7 6 2 | description 0 0 120 5 | icon 4 7 2 2 | icon 106 7 2 2 | input 7 6 19 4 | link 34 7 6 2 | link 26 7 5 2 | title 3 17 22 5", "plain_layout_seq": "description 110 7 6 2 | description 0 0 120 5 | icon 4 7 2 2 | icon 106 7 2 2 | input 7 6 19 4 | link 34 7 6 2 | link 26 7 5 2 | title 3 17 22 5", "canvas_width": 1024, "canvas_height": 245, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 49 ], "completed": false }, { "type": "input", "position": [ 66, 56, 163, 40 ], "completed": false }, { "type": "link", "position": [ 229, 66, 44, 19 ], "completed": false }, { "type": "link", "position": [ 295, 66, 55, 19 ], "completed": false }, { "type": "icon", "position": [ 912, 66, 20, 20 ], "completed": false }, { "type": "description", "position": [ 941, 66, 53, 19 ], "completed": false }, { "type": "icon", "position": [ 36, 67, 20, 20 ], "completed": false }, { "type": "title", "position": [ 30, 153, 196, 43 ], "completed": false } ] }, { "text": "#A header for an online shop website.# There is a title and a logo for \"delivyur\" online shop. Then, there is an icon for the user to click to get more information and a shopping cart icon.", "region_id": "6836", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [el:icon [attr:value 'get more information'] ] [el:icon [attr:value 'shopping cart ']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 17 120 2 | icon 112 8 3 4 | logo 55 6 9 9 | title 0 0 120 4 | \" [ icon 4 10 2 0 ] | [ icon 4 11 2 0 ] | [ icon 4 12 2 0 ] \"", "layout_seq_without_completion": "background 0 17 120 2 | icon 112 8 3 4 | logo 55 6 9 9 | title 0 0 120 4 | \" [ icon 4 10 2 0 ] | [ icon 4 11 2 0 ] | [ icon 4 12 2 0 ] \"", "plain_layout_seq": "background 0 17 120 2 | icon 112 8 3 4 | icon 4 10 2 0 | icon 4 11 2 0 | icon 4 12 2 0 | logo 55 6 9 9 | title 0 0 120 4", "canvas_width": 1024, "canvas_height": 172, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 42 ], "completed": false }, { "type": "logo", "position": [ 472, 57, 80, 80 ], "completed": false }, { "type": "icon", "position": [ 959, 73, 31, 37 ], "completed": false }, { "type": "icon", "position": [ 35, 93, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 100, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 107, 20, 2 ], "completed": false }, { "type": "background", "position": [ 0, 152, 1024, 20 ], "completed": true } ] }, { "text": "#A navigation page of SUSS.# The page should contain the logo of SUSS and an icon for users to unfold the menu.", "region_id": "4747", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'unfold the menu'] ] ]", "execution": "header : icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "logo 4 0 29 7 | \" [ icon 111 2 3 0 ] | [ icon 111 3 3 0 ] | [ icon 111 4 3 0 ] \"", "layout_seq_without_completion": "logo 4 0 29 7 | \" [ icon 111 2 3 0 ] | [ icon 111 3 3 0 ] | [ icon 111 4 3 0 ] \"", "plain_layout_seq": "icon 111 2 3 0 | icon 111 3 3 0 | icon 111 4 3 0 | logo 4 0 29 7", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 40, 4, 245, 62 ], "completed": false }, { "type": "icon", "position": [ 936, 25, 33, 3 ], "completed": false }, { "type": "icon", "position": [ 936, 33, 33, 3 ], "completed": false }, { "type": "icon", "position": [ 936, 41, 33, 3 ], "completed": false } ] }, { "text": "# A header page for the website World History Encyclopedia. # The page should have a logo on the left, an input box for searching by entering the things that the user wants to look for, and a button for the user to join the membership.", "region_id": "4219", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:input [attr:value 'search']] [el:button [attr:value 'membership'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | logo left undefined", "layout_seq_with_completion": "button 105 6 10 3 | input 71 6 29 4 | logo 3 3 38 9", "layout_seq_without_completion": "button 105 6 10 3 | input 71 6 29 4 | logo 3 3 38 9", "plain_layout_seq": "button 105 6 10 3 | input 71 6 29 4 | logo 3 3 38 9", "canvas_width": 990, "canvas_height": 102, "elements": [ { "type": "logo", "position": [ 30, 25, 318, 77 ], "completed": false }, { "type": "input", "position": [ 588, 50, 242, 33 ], "completed": false }, { "type": "button", "position": [ 870, 50, 90, 32 ], "completed": false } ] }, { "text": "# A header page for navigation of a website All About Shooting.# The page should have a website name and 4 links \"Home\" \"Catalog\" \"Blog\", and \"About us\" for the user to learn more info.", "region_id": "7842", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, catalog, blog, about us'] [item [el:link] ] ] ]", "execution": "header : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "title 3 4 31 4 | \" [ link 81 3 6 6 ] | [ link 89 3 9 6 ] | [ link 99 3 7 6 ] | [ link 107 3 9 6 ] \"", "layout_seq_without_completion": "title 3 4 31 4 | \" [ link 81 3 6 6 ] | [ link 89 3 9 6 ] | [ link 99 3 7 6 ] | [ link 107 3 9 6 ] \"", "plain_layout_seq": "link 81 3 6 6 | link 89 3 9 6 | link 99 3 7 6 | link 107 3 9 6 | title 3 4 31 4", "canvas_width": 1024, "canvas_height": 148, "elements": [ { "type": "link", "position": [ 698, 30, 58, 57 ], "completed": false }, { "type": "link", "position": [ 760, 30, 85, 57 ], "completed": false }, { "type": "link", "position": [ 849, 30, 62, 57 ], "completed": false }, { "type": "link", "position": [ 916, 30, 78, 57 ], "completed": false }, { "type": "title", "position": [ 30, 40, 265, 38 ], "completed": false } ] }, { "text": "#A page for signning up for Shopify and buying a store.# The page should have a logo of Shopify, text, and two buttons for users to click to sign up for Shopify and buy a store.", "region_id": "7957", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value 'Shopify']] [el:text] [el:button [attr:value 'sign up for shopify'] ] [el:button [attr:value 'buy a store']]]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 77 2 19 4 | button 101 2 13 4 | logo 3 1 15 4 | text 44 1 30 6", "layout_seq_without_completion": "button 77 2 19 4 | button 101 2 13 4 | logo 3 1 15 4 | text 44 1 30 6", "plain_layout_seq": "button 77 2 19 4 | button 101 2 13 4 | logo 3 1 15 4 | text 44 1 30 6", "canvas_width": 1051, "canvas_height": 70, "elements": [ { "type": "text", "position": [ 388, 10, 270, 60 ], "completed": false }, { "type": "logo", "position": [ 30, 16, 132, 36 ], "completed": false }, { "type": "button", "position": [ 676, 18, 175, 36 ], "completed": false }, { "type": "button", "position": [ 887, 18, 116, 36 ], "completed": false } ] }, { "text": "# A header page for a company My Starry Night. # There should contain a logo, a drop-down list \"CURRENCY\" for the user to choose the currency such as USD $, and a link \"FAQ\" for the user to know more info through the FAQ. There should also have an icon for the user to log in.", "region_id": "7445", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text [attr:value 'CURRENCY'] ] [el:link [attr:value 'FAQ'] ] [el:icon] ]", "execution": "header : icon undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 113 12 3 3 | link 100 13 4 2 | logo 4 7 21 13 | complete select 81 11 11 6 | text 81 11 11 3", "layout_seq_without_completion": "icon 113 12 3 3 | link 100 13 4 2 | logo 4 7 21 13 | select 81 11 11 6 | text 81 11 11 3", "plain_layout_seq": "icon 113 12 3 3 | link 100 13 4 2 | logo 4 7 21 13 | select 81 11 11 6 | text 81 11 11 3", "canvas_width": 989, "canvas_height": 178, "elements": [ { "type": "logo", "position": [ 36, 65, 174, 113 ], "completed": false }, { "type": "text", "position": [ 671, 95, 96, 26 ], "completed": false }, { "type": "icon", "position": [ 934, 106, 26, 26 ], "completed": false }, { "type": "link", "position": [ 830, 112, 36, 22 ], "completed": false } ] }, { "text": "#A page of Eastridge Flowers for users to search and buy products.# The page should include the logo of Eastridge Flowers, an input with a button for users to search, and an icon for users to check their cart.", "region_id": "8066", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value 'Eastridge Flowers']] [el:input[attr:value 'search']] [el:button] [el:icon[attr:value'heck cart']] ]", "execution": "header : button undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 103 6 2 2 | icon 111 6 3 2 | input 25 5 76 5 | logo 4 2 16 10 | complete text 114 5 2 2", "layout_seq_without_completion": "button 103 6 2 2 | icon 111 6 3 2 | input 25 5 76 5 | logo 4 2 16 10 | text 114 5 2 2", "plain_layout_seq": "button 103 6 2 2 | icon 111 6 3 2 | input 25 5 76 5 | logo 4 2 16 10 | text 114 5 2 2", "canvas_width": 1024, "canvas_height": 130, "elements": [ { "type": "logo", "position": [ 40, 20, 140, 90 ], "completed": false }, { "type": "input", "position": [ 215, 43, 650, 44 ], "completed": false }, { "type": "text", "position": [ 974, 46, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 953, 53, 27, 24 ], "completed": false }, { "type": "button", "position": [ 880, 56, 21, 21 ], "completed": false } ] }, { "text": "# A header page for Mouseflow. # There should include a logo, five links \"Product\" \"Why\" \"Resources\" \"Pricing\" and \"Book a demo\" for the user to click to know more info about Mouseflow. Then a link for logging in and a button for trying for free are needed.", "region_id": "2553", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Product, Why, Resources, Pricing, Book a demo'] [item [el:link] ] ] [el:link [attr:value 'log in'] ] [el:button [attr:value 'try for free']]]", "execution": "header : button undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 100 0 14 4 | link 92 2 4 1 | logo 5 1 17 3 | \" [ link 30 2 10 2 ] | [ link 41 2 7 2 ] | [ link 49 2 12 2 ] | [ link 61 2 9 2 ] | [ link 71 2 15 2 ] \"", "layout_seq_without_completion": "button 100 0 14 4 | link 92 2 4 1 | logo 5 1 17 3 | \" [ link 30 2 10 2 ] | [ link 41 2 7 2 ] | [ link 49 2 12 2 ] | [ link 61 2 9 2 ] | [ link 71 2 15 2 ] \"", "plain_layout_seq": "button 100 0 14 4 | link 92 2 4 1 | link 30 2 10 2 | link 41 2 7 2 | link 49 2 12 2 | link 61 2 9 2 | link 71 2 15 2 | logo 5 1 17 3", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "button", "position": [ 855, 7, 121, 42 ], "completed": false }, { "type": "logo", "position": [ 48, 15, 147, 28 ], "completed": false }, { "type": "link", "position": [ 262, 18, 93, 19 ], "completed": false }, { "type": "link", "position": [ 355, 18, 65, 19 ], "completed": false }, { "type": "link", "position": [ 420, 18, 109, 19 ], "completed": false }, { "type": "link", "position": [ 529, 18, 84, 19 ], "completed": false }, { "type": "link", "position": [ 613, 18, 130, 19 ], "completed": false }, { "type": "link", "position": [ 793, 19, 42, 17 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have an icon of the web, 2 links for users to click quickly to jump to the home and catalog page, and 2 icons for users to click to search and shop.", "region_id": "8195", "region_type": "Header", "ir": "[region:Header [el:icon] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,catalog '] [item [el:link]]] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 8 2 2 | icon 105 8 2 2 | icon 47 6 25 6 | link 53 15 4 2 | link 60 15 5 2", "layout_seq_without_completion": "icon 109 8 2 2 | icon 105 8 2 2 | icon 47 6 25 6 | link 53 15 4 2 | link 60 15 5 2", "plain_layout_seq": "icon 109 8 2 2 | icon 105 8 2 2 | icon 47 6 25 6 | link 53 15 4 2 | link 60 15 5 2", "canvas_width": 1024, "canvas_height": 207, "elements": [ { "type": "icon", "position": [ 404, 57, 215, 52 ], "completed": false }, { "type": "icon", "position": [ 898, 74, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 74, 20, 20 ], "completed": false }, { "type": "link", "position": [ 455, 136, 40, 18 ], "completed": false }, { "type": "link", "position": [ 519, 136, 50, 18 ], "completed": false } ] }, { "text": "#This is the header of the Journo portfolio. #This page has a logo of a Journo portfolio, with six links in the middle and two buttons on the right, namely: Log in and Create a Portfolio.", "region_id": "2941", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:button [attr:value 'log in'] [attr:position 'right'] ] [el:button [attr:value 'create a portfolio'] [attr:position 'right'] ] ]", "execution": "header : button right undefined | button right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 96 1 17 4 | button 85 1 8 4 | link 59 0 9 8 | link 29 0 8 8 | link 37 0 10 8 | link 48 0 11 8 | link 68 0 7 8 | link 75 0 7 8 | logo 4 1 19 5", "layout_seq_without_completion": "button 96 1 17 4 | button 85 1 8 4 | link 59 0 9 8 | link 29 0 8 8 | link 37 0 10 8 | link 48 0 11 8 | link 68 0 7 8 | link 75 0 7 8 | logo 4 1 19 5", "plain_layout_seq": "button 96 1 17 4 | button 85 1 8 4 | link 59 0 9 8 | link 29 0 8 8 | link 37 0 10 8 | link 48 0 11 8 | link 68 0 7 8 | link 75 0 7 8 | logo 4 1 19 5", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "link", "position": [ 249, 1, 72, 70 ], "completed": false }, { "type": "link", "position": [ 321, 1, 91, 70 ], "completed": false }, { "type": "link", "position": [ 412, 1, 96, 70 ], "completed": false }, { "type": "link", "position": [ 508, 1, 78, 70 ], "completed": false }, { "type": "link", "position": [ 586, 1, 61, 70 ], "completed": false }, { "type": "link", "position": [ 647, 1, 61, 70 ], "completed": false }, { "type": "logo", "position": [ 40, 9, 170, 50 ], "completed": false }, { "type": "button", "position": [ 728, 15, 73, 39 ], "completed": false }, { "type": "button", "position": [ 821, 15, 153, 39 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about the company.# The page contains a logo of the company and three links for users to click to realize different functions.", "region_id": "2466", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | logo 18 1 13 4 | \" [ link 75 0 8 7 ] | [ link 84 0 8 7 ] | [ link 92 0 9 7 ] \"", "layout_seq_without_completion": "background 0 0 120 7 | logo 18 1 13 4 | \" [ link 75 0 8 7 ] | [ link 84 0 8 7 ] | [ link 92 0 9 7 ] \"", "plain_layout_seq": "background 0 0 120 7 | link 75 0 8 7 | link 84 0 8 7 | link 92 0 9 7 | logo 18 1 13 4", "canvas_width": 1024, "canvas_height": 64, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 64 ], "completed": true }, { "type": "link", "position": [ 645, 0, 72, 64 ], "completed": false }, { "type": "link", "position": [ 717, 0, 69, 64 ], "completed": false }, { "type": "link", "position": [ 786, 0, 84, 64 ], "completed": false }, { "type": "logo", "position": [ 154, 14, 111, 36 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo. There are five links on the page, including \"Resize Image\", \"Compress Image\", \"Password Generator\", \"GIF Maker\", and \"MP3 Converter\".", "region_id": "2501", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'resize image, compress image, password generator, gif maker, mp3 converter'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 8 0 14 5 | link 38 0 19 5 | link 57 0 11 5 | link 22 0 16 5 | link 69 0 15 5 | logo 1 0 4 4", "layout_seq_without_completion": "link 8 0 14 5 | link 38 0 19 5 | link 57 0 11 5 | link 22 0 16 5 | link 69 0 15 5 | logo 1 0 4 4", "plain_layout_seq": "link 8 0 14 5 | link 38 0 19 5 | link 57 0 11 5 | link 22 0 16 5 | link 69 0 15 5 | logo 1 0 4 4", "canvas_width": 1034, "canvas_height": 50, "elements": [ { "type": "link", "position": [ 70, 0, 122, 50 ], "completed": false }, { "type": "link", "position": [ 192, 0, 142, 50 ], "completed": false }, { "type": "link", "position": [ 334, 0, 165, 50 ], "completed": false }, { "type": "link", "position": [ 499, 0, 102, 50 ], "completed": false }, { "type": "link", "position": [ 601, 0, 130, 50 ], "completed": false }, { "type": "logo", "position": [ 15, 5, 40, 40 ], "completed": false } ] }, { "text": "#A page for navigation of the web FNB.#The page should have a logo. There are three links, \"verify payments\", \"forgot username or password\", and \"register\". There are two input boxes, a button, and an icon, which are for users to import the username and password.", "region_id": "4201", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'verify payments, forgot username or password, register'] [item [el:link] ] ] [el:input [attr:value 'username']] [el:input [attr:value 'password'] ] [el:button] [el:icon] ]", "execution": "header : button undefined undefined | icon undefined undefined | input undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 112 0 1 1 | link 42 0 9 1 | link 53 0 18 1 | link 73 0 5 1 | logo 5 0 6 2 | \" [ input 79 0 12 2 ] | [ input 92 0 12 2 ] | [ button 105 0 6 2 ] \"", "layout_seq_without_completion": "icon 112 0 1 1 | link 42 0 9 1 | link 53 0 18 1 | link 73 0 5 1 | logo 5 0 6 2 | \" [ input 79 0 12 2 ] | [ input 92 0 12 2 ] | [ button 105 0 6 2 ] \"", "plain_layout_seq": "button 105 0 6 2 | icon 112 0 1 1 | input 79 0 12 2 | input 92 0 12 2 | link 42 0 9 1 | link 53 0 18 1 | link 73 0 5 1 | logo 5 0 6 2", "canvas_width": 1024, "canvas_height": 30, "elements": [ { "type": "logo", "position": [ 51, 4, 57, 20 ], "completed": false }, { "type": "input", "position": [ 682, 5, 103, 19 ], "completed": false }, { "type": "input", "position": [ 790, 5, 103, 19 ], "completed": false }, { "type": "button", "position": [ 899, 5, 54, 19 ], "completed": false }, { "type": "icon", "position": [ 958, 7, 15, 15 ], "completed": false }, { "type": "link", "position": [ 366, 8, 83, 15 ], "completed": false }, { "type": "link", "position": [ 459, 8, 161, 15 ], "completed": false }, { "type": "link", "position": [ 629, 8, 43, 15 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# There is a sentence reminding users of the way to ask for help with registration. Besides it, the page contains a logo of the brand, two links for users to click to get more information, a button named \"REGISTER NEW\", and another button named \"LOGIN\".", "region_id": "3616", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup[gattr:repeat '2'][item[el:link]]] [el:button [attr:value 'register new'] ] [el:button [attr:value 'login'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 6 120 9 | complete background 0 0 120 6 | button 90 8 14 3 | button 107 8 9 3 | link 80 9 5 2 | link 68 9 10 2 | logo 2 8 25 4 | text 18 1 83 2", "layout_seq_without_completion": "background 0 6 120 9 | background 0 0 120 6 | button 90 8 14 3 | button 107 8 9 3 | link 80 9 5 2 | link 68 9 10 2 | logo 2 8 25 4 | text 18 1 83 2", "plain_layout_seq": "background 0 6 120 9 | background 0 0 120 6 | button 90 8 14 3 | button 107 8 9 3 | link 80 9 5 2 | link 68 9 10 2 | logo 2 8 25 4 | text 18 1 83 2", "canvas_width": 1176, "canvas_height": 150, "elements": [ { "type": "background", "position": [ 0, 0, 1176, 60 ], "completed": true }, { "type": "text", "position": [ 178, 10, 821, 24 ], "completed": false }, { "type": "background", "position": [ 0, 60, 1176, 90 ], "completed": true }, { "type": "logo", "position": [ 28, 82, 250, 45 ], "completed": false }, { "type": "button", "position": [ 889, 88, 146, 34 ], "completed": false }, { "type": "button", "position": [ 1055, 88, 93, 34 ], "completed": false }, { "type": "link", "position": [ 672, 91, 102, 28 ], "completed": false }, { "type": "link", "position": [ 788, 91, 51, 28 ], "completed": false } ] }, { "text": "#A page for introducing Floatify's info.# There is one title \"Floatify\" between one search button and one collect button. And there are four links \"Home\", \"Catalog\", \"Contact\", and \"Sales\".", "region_id": "8114", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'floatify'] ] [el:button [attr:repeat '2'] [attr:value 'search ,collect ']] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, catalog, contact, sales'] [item [el:link] ] ] ]", "execution": "header : button undefined undefined | button undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 7 3 2 2 | button 110 2 5 5 | title 53 2 12 4 | \" [ link 44 10 4 2 ] | [ link 52 10 6 2 ] | [ link 61 10 6 2 ] | [ link 71 10 4 2 ] \"", "layout_seq_without_completion": "button 7 3 2 2 | button 110 2 5 5 | title 53 2 12 4 | \" [ link 44 10 4 2 ] | [ link 52 10 6 2 ] | [ link 61 10 6 2 ] | [ link 71 10 4 2 ] \"", "plain_layout_seq": "button 7 3 2 2 | button 110 2 5 5 | link 44 10 4 2 | link 52 10 6 2 | link 61 10 6 2 | link 71 10 4 2 | title 53 2 12 4", "canvas_width": 1024, "canvas_height": 119, "elements": [ { "type": "button", "position": [ 942, 21, 44, 44 ], "completed": false }, { "type": "title", "position": [ 457, 23, 110, 38 ], "completed": false }, { "type": "button", "position": [ 62, 33, 20, 20 ], "completed": false }, { "type": "link", "position": [ 381, 88, 40, 18 ], "completed": false }, { "type": "link", "position": [ 445, 88, 57, 18 ], "completed": false }, { "type": "link", "position": [ 526, 88, 56, 18 ], "completed": false }, { "type": "link", "position": [ 606, 88, 37, 18 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a logos of the web, 3 icons for users to search, check the personal page, and shop, and 5 links for users to click to view the shop page, the products for men, women, unisex, and the handmade products.", "region_id": "7401", "region_type": "Header", "ir": "[region:Header [el:logo][el:icon[attr:value'search']][el:icon[attr:value'check the personal page']][el:icon[attr:value'shop']] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'shop page, the products for men, women, unisex,handmade products'] [item[el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 7 2 2 | icon 7 7 2 2 | icon 110 5 5 5 | logo 54 5 11 6 | \" [ link 37 15 3 2 ] | [ link 44 15 3 2 ] | [ link 50 15 5 2 ] | [ link 59 15 4 2 ] | [ link 66 15 15 2 ] \"", "layout_seq_without_completion": "icon 106 7 2 2 | icon 7 7 2 2 | icon 110 5 5 5 | logo 54 5 11 6 | \" [ link 37 15 3 2 ] | [ link 44 15 3 2 ] | [ link 50 15 5 2 ] | [ link 59 15 4 2 ] | [ link 66 15 15 2 ] \"", "plain_layout_seq": "icon 106 7 2 2 | icon 7 7 2 2 | icon 110 5 5 5 | link 37 15 3 2 | link 44 15 3 2 | link 50 15 5 2 | link 59 15 4 2 | link 66 15 15 2 | logo 54 5 11 6", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "logo", "position": [ 462, 43, 100, 56 ], "completed": false }, { "type": "icon", "position": [ 942, 49, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 62, 61, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 61, 20, 20 ], "completed": false }, { "type": "link", "position": [ 324, 129, 32, 18 ], "completed": false }, { "type": "link", "position": [ 381, 129, 29, 18 ], "completed": false }, { "type": "link", "position": [ 433, 129, 48, 18 ], "completed": false }, { "type": "link", "position": [ 505, 129, 42, 18 ], "completed": false }, { "type": "link", "position": [ 571, 129, 129, 18 ], "completed": false } ] }, { "text": "#A header to guide users to browse the website.# There are two logos on top. Six links are provided for users to learn more. There is also a link for users to log in and a search icon next to it. At last, there is a button that says 'REQUEST A DEMO'.", "region_id": "2945", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'top'] [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:link [attr:value 'login'] ] [el:icon [attr:value 'search']] [el:button [attr:value 'request a demo'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | link undefined undefined | logo top undefined | logo top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 93 9 19 4 | icon 87 10 2 2 | link 75 10 11 3 | logo 96 0 21 5 | logo 1 0 21 8 | \" [ link 7 10 11 2 ] | [ link 22 10 8 2 ] | [ link 32 10 7 2 ] | [ link 42 10 10 2 ] | [ link 55 10 5 2 ] | [ link 62 10 7 2 ] \"", "layout_seq_without_completion": "button 93 9 19 4 | icon 87 10 2 2 | link 75 10 11 3 | logo 96 0 21 5 | logo 1 0 21 8 | \" [ link 7 10 11 2 ] | [ link 22 10 8 2 ] | [ link 32 10 7 2 ] | [ link 42 10 10 2 ] | [ link 55 10 5 2 ] | [ link 62 10 7 2 ] \"", "plain_layout_seq": "button 93 9 19 4 | icon 87 10 2 2 | link 75 10 11 3 | link 7 10 11 2 | link 22 10 8 2 | link 32 10 7 2 | link 42 10 10 2 | link 55 10 5 2 | link 62 10 7 2 | logo 96 0 21 5 | logo 1 0 21 8", "canvas_width": 1100, "canvas_height": 139, "elements": [ { "type": "logo", "position": [ 15, 4, 200, 74 ], "completed": false }, { "type": "logo", "position": [ 885, 8, 200, 52 ], "completed": false }, { "type": "button", "position": [ 859, 86, 176, 37 ], "completed": false }, { "type": "link", "position": [ 693, 93, 108, 31 ], "completed": false }, { "type": "icon", "position": [ 805, 98, 24, 22 ], "completed": false }, { "type": "link", "position": [ 73, 99, 110, 20 ], "completed": false }, { "type": "link", "position": [ 204, 99, 76, 20 ], "completed": false }, { "type": "link", "position": [ 301, 99, 68, 20 ], "completed": false }, { "type": "link", "position": [ 389, 99, 96, 20 ], "completed": false }, { "type": "link", "position": [ 506, 99, 47, 20 ], "completed": false }, { "type": "link", "position": [ 574, 99, 70, 20 ], "completed": false } ] }, { "text": "#A header page of RhythmicGymnastics.com for users to get information.# The page should include an input with an icon for users to search on the page and the heading of RhythmicGymnastics.com. There should also be two links with icons respectively are 'Account' and 'Cart'. The page also contains six navigation links.", "region_id": "6510", "region_type": "Header", "ir": "[region:Header [el:input[attr:value'search']][el:icon] [el:title [attr:value 'RhythmicGymnastics.com']] [el:icon [attr:repeat '2'] ][el:link [attr:value 'Account']][el:link [attr:value 'Cart']] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link]] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 86 2 3 3 | icon 104 2 3 3 | icon 27 2 3 3 | input 4 1 27 4 | link 91 2 10 2 | link 109 2 5 2 | title 41 2 36 3 | \" [ link 14 8 11 6 ] | [ link 25 8 29 6 ] | [ link 55 8 17 6 ] | [ link 72 8 18 6 ] | [ link 90 8 14 6 ] | [ link 44 14 30 6 ] \"", "layout_seq_without_completion": "icon 86 2 3 3 | icon 104 2 3 3 | icon 27 2 3 3 | input 4 1 27 4 | link 91 2 10 2 | link 109 2 5 2 | title 41 2 36 3 | \" [ link 14 8 11 6 ] | [ link 25 8 29 6 ] | [ link 55 8 17 6 ] | [ link 72 8 18 6 ] | [ link 90 8 14 6 ] | [ link 44 14 30 6 ] \"", "plain_layout_seq": "icon 86 2 3 3 | icon 104 2 3 3 | icon 27 2 3 3 | input 4 1 27 4 | link 91 2 10 2 | link 109 2 5 2 | link 14 8 11 6 | link 25 8 29 6 | link 55 8 17 6 | link 72 8 18 6 | link 90 8 14 6 | link 44 14 30 6 | title 41 2 36 3", "canvas_width": 1024, "canvas_height": 178, "elements": [ { "type": "input", "position": [ 40, 14, 238, 40 ], "completed": false }, { "type": "title", "position": [ 358, 19, 308, 29 ], "completed": false }, { "type": "icon", "position": [ 235, 20, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 895, 21, 27, 27 ], "completed": false }, { "type": "icon", "position": [ 740, 22, 27, 27 ], "completed": false }, { "type": "link", "position": [ 782, 23, 89, 23 ], "completed": false }, { "type": "link", "position": [ 937, 23, 47, 23 ], "completed": false }, { "type": "link", "position": [ 122, 69, 94, 54 ], "completed": false }, { "type": "link", "position": [ 216, 69, 254, 54 ], "completed": false }, { "type": "link", "position": [ 471, 69, 150, 54 ], "completed": false }, { "type": "link", "position": [ 621, 69, 155, 54 ], "completed": false }, { "type": "link", "position": [ 776, 69, 126, 54 ], "completed": false }, { "type": "link", "position": [ 382, 123, 261, 54 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo in the middle of the page. There are three icons for users to click fastly to get more information.", "region_id": "6400", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '3']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 8 | icon 9 3 2 2 | icon 4 3 2 1 | icon 112 3 2 2 | logo 56 2 7 3 | complete text 114 2 2 2", "layout_seq_without_completion": "background 0 0 120 8 | icon 9 3 2 2 | icon 4 3 2 1 | icon 112 3 2 2 | logo 56 2 7 3 | text 114 2 2 2", "plain_layout_seq": "background 0 0 120 8 | icon 9 3 2 2 | icon 4 3 2 1 | icon 112 3 2 2 | logo 56 2 7 3 | text 114 2 2 2", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 71 ], "completed": true }, { "type": "text", "position": [ 977, 18, 21, 21 ], "completed": true }, { "type": "logo", "position": [ 480, 21, 65, 29 ], "completed": false }, { "type": "icon", "position": [ 82, 26, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 964, 26, 20, 18 ], "completed": false }, { "type": "icon", "position": [ 40, 28, 18, 14 ], "completed": false } ] }, { "text": "#This page guides users to learn more about the product.# This page is mainly divided into five groups: ABOUT the US, CONTACT USE, PRIVACY POLICY, TERMS OF USE, and COPYRIGHT DISCLAIMER, and there are two icons on the right side of the page.", "region_id": "6365", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'ABOUT US, CONTACT US, PRIVACY POLICY, TERMS OF USE, COPYRIGHT DISCLAIMER'] [item [el:link] ] ] [el:icon [attr:repeat '2'] [attr:position 'right'] ] ]", "execution": "header : icon right undefined | icon right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 1 1 1 | icon 113 2 1 1 | \" [ link 5 0 9 5 ] | [ link 14 0 10 5 ] | [ link 25 0 13 5 ] | [ link 38 0 11 5 ] | [ link 50 0 17 5 ] \"", "layout_seq_without_completion": "icon 109 1 1 1 | icon 113 2 1 1 | \" [ link 5 0 9 5 ] | [ link 14 0 10 5 ] | [ link 25 0 13 5 ] | [ link 38 0 11 5 ] | [ link 50 0 17 5 ] \"", "plain_layout_seq": "icon 109 1 1 1 | icon 113 2 1 1 | link 5 0 9 5 | link 14 0 10 5 | link 25 0 13 5 | link 38 0 11 5 | link 50 0 17 5", "canvas_width": 1009, "canvas_height": 50, "elements": [ { "type": "link", "position": [ 44, 0, 77, 50 ], "completed": false }, { "type": "link", "position": [ 121, 0, 91, 50 ], "completed": false }, { "type": "link", "position": [ 212, 0, 110, 50 ], "completed": false }, { "type": "link", "position": [ 322, 0, 100, 50 ], "completed": false }, { "type": "link", "position": [ 422, 0, 151, 50 ], "completed": false }, { "type": "icon", "position": [ 917, 15, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 952, 18, 13, 13 ], "completed": false } ] }, { "text": "# A header page for an online shop Two Wild Kids. # On the page there should be two sentences to show the services of the shop: free shipping conditions and after-pay service. There should have a name of the shop and a background image. Two navigation links \"HOME\" and \"SHOP\" and three icons for login, search and shopping cart are necessary.", "region_id": "8487", "region_type": "Header", "ir": "[region:Header [el:text [attr:repeat '2'] ] [el:title] [el:background_image] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,shop'] [item [el:link] ] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : background undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | text undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 14 2 2 | icon 108 14 2 2 | icon 103 14 2 2 | link 84 13 9 6 | link 93 13 8 6 | text 0 0 120 5 | text 0 5 120 5 | title 3 13 25 4", "layout_seq_without_completion": "icon 113 14 2 2 | icon 108 14 2 2 | icon 103 14 2 2 | link 84 13 9 6 | link 93 13 8 6 | text 0 0 120 5 | text 0 5 120 5 | title 3 13 25 4", "plain_layout_seq": "icon 113 14 2 2 | icon 108 14 2 2 | icon 103 14 2 2 | link 84 13 9 6 | link 93 13 8 6 | text 0 0 120 5 | text 0 5 120 5 | title 3 13 25 4", "canvas_width": 1009, "canvas_height": 179, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 44 ], "completed": false }, { "type": "text", "position": [ 0, 44, 1009, 45 ], "completed": false }, { "type": "link", "position": [ 708, 110, 77, 52 ], "completed": false }, { "type": "link", "position": [ 788, 110, 73, 52 ], "completed": false }, { "type": "title", "position": [ 30, 117, 218, 35 ], "completed": false }, { "type": "icon", "position": [ 872, 119, 22, 24 ], "completed": false }, { "type": "icon", "position": [ 912, 119, 21, 24 ], "completed": false }, { "type": "icon", "position": [ 951, 119, 21, 24 ], "completed": false } ] }, { "text": "#A page to show guidance for the users.# On this page, from the left side to the right side, the logo of the company is firstly involved, which is placed next to five links \"Home\", \"Feature\", \"APIDocs\", \"Extensions\" and \"Report a Bug\". And on the right side of the page, two buttons are set.", "region_id": "3120", "region_type": "Header", "ir": "[region:Header [el:logo ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, feature, apidocs, extensions, report a bug'] [item [el:link ] ] ] [el:button [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : button right undefined | button right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 110 2 1 1 | button 115 2 1 1 | logo 3 1 13 3 | complete text 6 1 9 2 | \" [ link 20 2 4 1 ] | [ link 30 2 6 1 ] | [ link 41 2 6 1 ] | [ link 52 2 8 1 ] | [ link 65 2 9 1 ] \"", "layout_seq_without_completion": "button 110 2 1 1 | button 115 2 1 1 | logo 3 1 13 3 | text 6 1 9 2 | \" [ link 20 2 4 1 ] | [ link 30 2 6 1 ] | [ link 41 2 6 1 ] | [ link 52 2 8 1 ] | [ link 65 2 9 1 ] \"", "plain_layout_seq": "button 110 2 1 1 | button 115 2 1 1 | link 20 2 4 1 | link 30 2 6 1 | link 41 2 6 1 | link 52 2 8 1 | link 65 2 9 1 | logo 3 1 13 3 | text 6 1 9 2", "canvas_width": 1024, "canvas_height": 55, "elements": [ { "type": "logo", "position": [ 26, 14, 113, 27 ], "completed": false }, { "type": "text", "position": [ 58, 15, 81, 24 ], "completed": true }, { "type": "link", "position": [ 179, 20, 37, 15 ], "completed": false }, { "type": "link", "position": [ 256, 20, 57, 15 ], "completed": false }, { "type": "link", "position": [ 353, 20, 56, 15 ], "completed": false }, { "type": "link", "position": [ 449, 20, 70, 15 ], "completed": false }, { "type": "link", "position": [ 559, 20, 83, 15 ], "completed": false }, { "type": "button", "position": [ 945, 20, 16, 16 ], "completed": false }, { "type": "button", "position": [ 982, 20, 16, 16 ], "completed": false } ] }, { "text": "# A page for the website Animeflix. # On the page, there should have a logo and the name of the website in the middle, an icon for the side menu on the left, and an icon for login on the right. Then, an input box to enter keywords for searching is needed.", "region_id": "2527", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [el:icon [attr:value 'side menu'][attr:position 'left']][el:icon [attr:value 'login'][attr:position 'right']] [el:input[attr:value'enter keywords']] ]", "execution": "header : icon left undefined | icon right undefined | input undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 112 0 7 7 | input 1 7 116 4 | logo 52 1 3 3 | title 57 1 9 3", "layout_seq_without_completion": "icon 112 0 7 7 | input 1 7 116 4 | logo 52 1 3 3 | title 57 1 9 3", "plain_layout_seq": "icon 112 0 7 7 | input 1 7 116 4 | logo 52 1 3 3 | title 57 1 9 3", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "icon", "position": [ 944, 0, 60, 60 ], "completed": false }, { "type": "logo", "position": [ 443, 15, 30, 30 ], "completed": false }, { "type": "title", "position": [ 483, 15, 83, 30 ], "completed": false }, { "type": "input", "position": [ 15, 64, 979, 38 ], "completed": false } ] }, { "text": "#A header page for introducing one company's info.# There should be one logo and five links \"Home\", \"Pricing\", \"Products\", \"Features\", and \"Proof\". Users can learn more info from these links. And there are two buttons for PRO LOGIN and Al LOGIN.", "region_id": "4037", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Home, Pricing, Products, Features, Proof'] [item [el:link] ] ] [el:button [attr:value 'PRO LOGIN'] ] [el:button [attr:value 'Al LOGIN'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 9 | button 89 1 15 5 | button 104 1 13 5 | logo 2 2 16 3 | \" [ link 26 1 9 6 ] | [ link 35 1 10 6 ] | [ link 46 1 13 6 ] | [ link 59 1 11 6 ] | [ link 71 1 9 6 ] \"", "layout_seq_without_completion": "background 0 0 120 9 | button 89 1 15 5 | button 104 1 13 5 | logo 2 2 16 3 | \" [ link 26 1 9 6 ] | [ link 35 1 10 6 ] | [ link 46 1 13 6 ] | [ link 59 1 11 6 ] | [ link 71 1 9 6 ] \"", "plain_layout_seq": "background 0 0 120 9 | button 89 1 15 5 | button 104 1 13 5 | link 26 1 9 6 | link 35 1 10 6 | link 46 1 13 6 | link 59 1 11 6 | link 71 1 9 6 | logo 2 2 16 3", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 80 ], "completed": true }, { "type": "link", "position": [ 222, 12, 82, 56 ], "completed": false }, { "type": "link", "position": [ 304, 12, 89, 56 ], "completed": false }, { "type": "link", "position": [ 393, 12, 116, 56 ], "completed": false }, { "type": "link", "position": [ 509, 12, 102, 56 ], "completed": false }, { "type": "link", "position": [ 610, 12, 78, 56 ], "completed": false }, { "type": "button", "position": [ 761, 17, 128, 47 ], "completed": false }, { "type": "button", "position": [ 889, 17, 111, 47 ], "completed": false }, { "type": "logo", "position": [ 24, 24, 138, 32 ], "completed": false } ] }, { "text": "#A header to guide users to buy products.# There is a brief introduction on top. The logo of the brand is in the middle. On the left, there is a menu icon. On the other side, there are three icons for logging in, searching, and shopping bag. There is also a text next to the shopping bag to show the number of goods add to the shopping bag.", "region_id": "6681", "region_type": "Header", "ir": "[region:Header [el:description [attr:size 'small'] [attr:position 'top'] ] [el:logo] [el:icon [attr:position 'left'] [attr:value 'menu'] ] [el:icon [attr:value 'log in'] [attr:position 'right'] ] [el:icon [attr:value 'search'] [attr:position 'right'] ] [el:icon [attr:value 'shopping bag'] [attr:position 'right'] ] [el:text [attr:position 'right'] ] ]", "execution": "header : description top small | icon left undefined | icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | text right undefined", "layout_seq_with_completion": "description 1 0 116 5 | icon 1 18 3 1 | logo 48 7 23 23 | text 115 16 2 2", "layout_seq_without_completion": "description 1 0 116 5 | icon 1 18 3 1 | logo 48 7 23 23 | text 115 16 2 2", "plain_layout_seq": "description 1 0 116 5 | icon 1 18 3 1 | logo 48 7 23 23 | text 115 16 2 2", "canvas_width": 1009, "canvas_height": 270, "elements": [ { "type": "description", "position": [ 15, 0, 979, 50 ], "completed": false }, { "type": "logo", "position": [ 404, 60, 200, 200 ], "completed": false }, { "type": "text", "position": [ 973, 136, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 15, 153, 30, 16 ], "completed": false } ] }, { "text": "#A header page of ORAZZIA for users to get information.# The page should include a logo of ORAZZIA. There are five links, including \"Home\", \"Galleries\", \"Categories\", \"Models\", and \"Channels\". There are also two icons for users to search for or get more information.", "region_id": "2689", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, galleries, categories, models, channels'] [item [el:link] ] ] [el:icon [attr:value 'search for'] ] [el:icon [attr:value 'get more'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 9 | icon 115 3 2 2 | logo 1 1 22 7 | \" [ link 44 0 8 9 ] | [ link 54 0 10 9 ] | [ link 66 0 11 9 ] | [ link 80 0 9 9 ] | [ link 91 0 10 9 ] \"", "layout_seq_without_completion": "background 0 0 120 9 | icon 115 3 2 2 | logo 1 1 22 7 | \" [ link 44 0 8 9 ] | [ link 54 0 10 9 ] | [ link 66 0 11 9 ] | [ link 80 0 9 9 ] | [ link 91 0 10 9 ] \"", "plain_layout_seq": "background 0 0 120 9 | icon 115 3 2 2 | link 44 0 8 9 | link 54 0 10 9 | link 66 0 11 9 | link 80 0 9 9 | link 91 0 10 9 | logo 1 1 22 7", "canvas_width": 1009, "canvas_height": 79, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 79 ], "completed": true }, { "type": "link", "position": [ 373, 0, 70, 79 ], "completed": false }, { "type": "link", "position": [ 459, 0, 87, 79 ], "completed": false }, { "type": "link", "position": [ 562, 0, 99, 79 ], "completed": false }, { "type": "link", "position": [ 677, 0, 78, 79 ], "completed": false }, { "type": "link", "position": [ 771, 0, 90, 79 ], "completed": false }, { "type": "logo", "position": [ 15, 10, 187, 60 ], "completed": false }, { "type": "icon", "position": [ 972, 29, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and four links for users to click fastly, \"home\", \"products\", \"contact us\", and \"blog\". There are three icons for users to get more information.", "region_id": "7311", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, products, contact us, blog'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 14 2 2 | icon 101 14 2 2 | icon 110 12 5 5 | logo 5 3 27 24 | \" [ link 38 14 4 2 ] | [ link 45 14 6 2 ] | [ link 55 14 8 2 ] | [ link 66 14 3 2 ] \"", "layout_seq_without_completion": "icon 106 14 2 2 | icon 101 14 2 2 | icon 110 12 5 5 | logo 5 3 27 24 | \" [ link 38 14 4 2 ] | [ link 45 14 6 2 ] | [ link 55 14 8 2 ] | [ link 66 14 3 2 ] \"", "plain_layout_seq": "icon 106 14 2 2 | icon 101 14 2 2 | icon 110 12 5 5 | link 38 14 4 2 | link 45 14 6 2 | link 55 14 8 2 | link 66 14 3 2 | logo 5 3 27 24", "canvas_width": 1024, "canvas_height": 262, "elements": [ { "type": "logo", "position": [ 50, 27, 237, 206 ], "completed": false }, { "type": "icon", "position": [ 942, 108, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 866, 120, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 120, 20, 20 ], "completed": false }, { "type": "link", "position": [ 326, 121, 38, 18 ], "completed": false }, { "type": "link", "position": [ 389, 121, 59, 18 ], "completed": false }, { "type": "link", "position": [ 472, 121, 71, 18 ], "completed": false }, { "type": "link", "position": [ 567, 121, 29, 18 ], "completed": false } ] }, { "text": "#A navigation of the web.#The web should have a brief description on the top and a logo on the left. There are five links for users to click, \"home\", \"about us\", \"enrollment\", \"coyote kids\", and \"Q&A\". There are two icons on the right side for users to get more information.", "region_id": "7718", "region_type": "Header", "ir": "[region:Header [el:description [attr:size 'small'] [attr:position 'top'] ] [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, about us, enrollment, coyote kids, q&a'] [item [el:link] ] ] [el:icon [attr:position 'right'][attr:repeat '2'] ] ]", "execution": "header : description top small | icon right undefined | icon right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | icon 109 14 2 2 | icon 105 14 2 2 | logo 6 7 26 16 | \" [ link 37 12 5 2 ] | [ link 46 12 8 2 ] | [ link 57 12 10 2 ] | [ link 71 12 11 2 ] | [ link 57 15 4 2 ] \"", "layout_seq_without_completion": "description 0 0 120 5 | icon 109 14 2 2 | icon 105 14 2 2 | logo 6 7 26 16 | \" [ link 37 12 5 2 ] | [ link 46 12 8 2 ] | [ link 57 12 10 2 ] | [ link 71 12 11 2 ] | [ link 57 15 4 2 ] \"", "plain_layout_seq": "description 0 0 120 5 | icon 109 14 2 2 | icon 105 14 2 2 | link 37 12 5 2 | link 46 12 8 2 | link 57 12 10 2 | link 71 12 11 2 | link 57 15 4 2 | logo 6 7 26 16", "canvas_width": 1024, "canvas_height": 215, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 61, 229, 138 ], "completed": false }, { "type": "link", "position": [ 324, 105, 46, 20 ], "completed": false }, { "type": "link", "position": [ 395, 105, 73, 20 ], "completed": false }, { "type": "link", "position": [ 493, 105, 88, 20 ], "completed": false }, { "type": "link", "position": [ 606, 105, 94, 20 ], "completed": false }, { "type": "icon", "position": [ 898, 121, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 121, 20, 20 ], "completed": false }, { "type": "link", "position": [ 491, 135, 42, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have five links for users to click to fastly know the different content of the web in terms of the book, manage booking,miles&cash, flight status, and check-in.", "region_id": "5824", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'book, manage booking, miles&cash ,flight status,check-in'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 93 0 10 3 | link 27 0 19 3 | link 52 0 14 3 | link 16 0 5 3 | link 73 0 14 3", "layout_seq_without_completion": "link 93 0 10 3 | link 27 0 19 3 | link 52 0 14 3 | link 16 0 5 3 | link 73 0 14 3", "plain_layout_seq": "link 93 0 10 3 | link 27 0 19 3 | link 52 0 14 3 | link 16 0 5 3 | link 73 0 14 3", "canvas_width": 960, "canvas_height": 31, "elements": [ { "type": "link", "position": [ 130, 0, 47, 30 ], "completed": false }, { "type": "link", "position": [ 223, 0, 153, 30 ], "completed": false }, { "type": "link", "position": [ 422, 0, 118, 30 ], "completed": false }, { "type": "link", "position": [ 586, 0, 118, 30 ], "completed": false }, { "type": "link", "position": [ 750, 3, 80, 24 ], "completed": false } ] }, { "text": "# A page about the location selection. # On the page, there should have Three progressive menus\uff1a\u201cHome\u201d,\"Europa\", \"Nederland\".", "region_id": "4130", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home, Europa, Nederland'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 8 1 2 2 | complete icon 19 1 2 2 | link 1 1 5 2 | link 23 1 9 3 | link 11 1 6 2", "layout_seq_without_completion": "icon 8 1 2 2 | icon 19 1 2 2 | link 1 1 5 2 | link 23 1 9 3 | link 11 1 6 2", "plain_layout_seq": "icon 8 1 2 2 | icon 19 1 2 2 | link 1 1 5 2 | link 23 1 9 3 | link 11 1 6 2", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 197, 11, 80, 32 ], "completed": false }, { "type": "link", "position": [ 16, 16, 46, 22 ], "completed": false }, { "type": "link", "position": [ 102, 16, 55, 22 ], "completed": false }, { "type": "icon", "position": [ 70, 17, 24, 24 ], "completed": true }, { "type": "icon", "position": [ 165, 17, 24, 24 ], "completed": true } ] }, { "text": "#A page for guiding users to know different kinds of information about the web.# The page has a logo, four links for users to click to get further information, and one input with a button for searching.", "region_id": "6381", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:input[attr:value'search']] [el:button]]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "input 96 4 21 5 | logo 2 1 15 10 | \" [ link 25 3 14 6 ] | [ link 41 3 16 6 ] | [ link 59 3 12 5 ] | [ link 73 3 13 6 ] \"", "layout_seq_without_completion": "input 96 4 21 5 | logo 2 1 15 10 | \" [ link 25 3 14 6 ] | [ link 41 3 16 6 ] | [ link 59 3 12 5 ] | [ link 73 3 13 6 ] \"", "plain_layout_seq": "input 96 4 21 5 | link 25 3 14 6 | link 41 3 16 6 | link 59 3 12 5 | link 73 3 13 6 | logo 2 1 15 10", "canvas_width": 1024, "canvas_height": 114, "elements": [ { "type": "logo", "position": [ 20, 10, 135, 92 ], "completed": false }, { "type": "link", "position": [ 217, 31, 126, 52 ], "completed": false }, { "type": "link", "position": [ 357, 31, 138, 52 ], "completed": false }, { "type": "link", "position": [ 510, 31, 107, 51 ], "completed": false }, { "type": "link", "position": [ 631, 31, 111, 52 ], "completed": false }, { "type": "input", "position": [ 824, 35, 180, 44 ], "completed": false } ] }, { "text": "# A page for an online shop Full Circle.# On the page, there should be a name of the shop, one drop-down list named shop for the user to choose the shop, and three links \"SWAP\" \"Sustainability\" and \"Our Story\" for the user to click to know more info about the shop. Besides, two icons for search and shopping cart are needed.", "region_id": "7508", "region_type": "Header", "ir": "[region:Header [el:title] [el:link [attr:value 'shop'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'swap, sustainability, our story'] [item [el:link] ] ] [el:icon [attr:value 'search']] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 40 3 0 2 | icon 109 3 2 2 | icon 113 2 2 3 | link 46 1 5 5 | link 73 1 8 5 | link 57 1 10 5 | link 35 3 4 1 | title 5 3 23 2", "layout_seq_without_completion": "icon 40 3 0 2 | icon 109 3 2 2 | icon 113 2 2 3 | link 46 1 5 5 | link 73 1 8 5 | link 57 1 10 5 | link 35 3 4 1 | title 5 3 23 2", "plain_layout_seq": "icon 40 3 0 2 | icon 109 3 2 2 | icon 113 2 2 3 | link 46 1 5 5 | link 73 1 8 5 | link 57 1 10 5 | link 35 3 4 1 | title 5 3 23 2", "canvas_width": 1009, "canvas_height": 71, "elements": [ { "type": "link", "position": [ 393, 14, 46, 43 ], "completed": false }, { "type": "link", "position": [ 483, 14, 92, 43 ], "completed": false }, { "type": "link", "position": [ 619, 14, 69, 43 ], "completed": false }, { "type": "icon", "position": [ 956, 22, 23, 26 ], "completed": false }, { "type": "title", "position": [ 50, 26, 200, 20 ], "completed": false }, { "type": "icon", "position": [ 917, 26, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 339, 27, 5, 20 ], "completed": true }, { "type": "link", "position": [ 295, 28, 36, 15 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have four links for users to click fastly, \"about us\", \"support\", \"careers\", and \"pricing\".", "region_id": "4602", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'about us, support, careers, pricing'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 67 3 13 2 ] | [ link 81 3 12 2 ] | [ link 94 3 12 2 ] | [ link 106 3 11 2 ] \"", "layout_seq_without_completion": "\" [ link 67 3 13 2 ] | [ link 81 3 12 2 ] | [ link 94 3 12 2 ] | [ link 106 3 11 2 ] \"", "plain_layout_seq": "link 67 3 13 2 | link 81 3 12 2 | link 94 3 12 2 | link 106 3 11 2", "canvas_width": 960, "canvas_height": 68, "elements": [ { "type": "link", "position": [ 538, 24, 108, 20 ], "completed": false }, { "type": "link", "position": [ 650, 24, 99, 20 ], "completed": false }, { "type": "link", "position": [ 754, 24, 97, 20 ], "completed": false }, { "type": "link", "position": [ 854, 24, 90, 20 ], "completed": false } ] }, { "text": "#A page for showing the info.# There is one label showing the name \"The Witcher\", three links \"Official website\", \"Forum\", and \"Support\", two logos for sharing, and one button for users to buy now.", "region_id": "5435", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'the witcher'] ] [gp:FlatNavGroup[gattr:repeat '3'][gattr:names 'Official website,Forum,Support'][item[el:link]]][el:button [attr:value 'buy now'] ] ]", "execution": "header : button undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 96 0 12 3 | complete icon 90 0 3 3 | complete icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | title 0 0 44 4", "layout_seq_without_completion": "button 96 0 12 3 | icon 90 0 3 3 | icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | title 0 0 44 4", "plain_layout_seq": "button 96 0 12 3 | icon 90 0 3 3 | icon 86 0 3 3 | link 48 0 18 3 | link 76 1 10 2 | link 66 1 9 2 | title 0 0 44 4", "canvas_width": 944, "canvas_height": 32, "elements": [ { "type": "title", "position": [ 0, 0, 349, 32 ], "completed": false }, { "type": "icon", "position": [ 683, 3, 25, 25 ], "completed": true }, { "type": "icon", "position": [ 714, 3, 25, 25 ], "completed": true }, { "type": "link", "position": [ 378, 5, 149, 24 ], "completed": false }, { "type": "button", "position": [ 759, 5, 95, 24 ], "completed": false }, { "type": "link", "position": [ 527, 8, 71, 18 ], "completed": false }, { "type": "link", "position": [ 598, 8, 85, 18 ], "completed": false } ] }, { "text": "# A header page for an online shop named Cavendry. # There should have a logo, and four links \"Home\" \"Prints\" \"Purpose\" and \"Contact\", so the user can back to the home page and know more info about the shop. Then, three icons are necessary to search, log in, and check the shopping cart.", "region_id": "6874", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'Home, Prints, Purpose, Contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'log in'] ] [el:icon [attr:value 'check the shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 101 5 2 2 | icon 106 5 2 2 | icon 110 4 5 5 | logo 5 3 22 7 | \" [ link 32 5 4 2 ] | [ link 40 5 4 2 ] | [ link 47 5 5 2 ] | [ link 55 5 5 2 ] \"", "layout_seq_without_completion": "icon 101 5 2 2 | icon 106 5 2 2 | icon 110 4 5 5 | logo 5 3 22 7 | \" [ link 32 5 4 2 ] | [ link 40 5 4 2 ] | [ link 47 5 5 2 ] | [ link 55 5 5 2 ] \"", "plain_layout_seq": "icon 101 5 2 2 | icon 106 5 2 2 | icon 110 4 5 5 | link 32 5 4 2 | link 40 5 4 2 | link 47 5 5 2 | link 55 5 5 2 | logo 5 3 22 7", "canvas_width": 1024, "canvas_height": 117, "elements": [ { "type": "logo", "position": [ 50, 27, 190, 62 ], "completed": false }, { "type": "icon", "position": [ 942, 36, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 866, 48, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 48, 20, 20 ], "completed": false }, { "type": "link", "position": [ 280, 49, 38, 18 ], "completed": false }, { "type": "link", "position": [ 342, 49, 36, 18 ], "completed": false }, { "type": "link", "position": [ 402, 49, 50, 18 ], "completed": false }, { "type": "link", "position": [ 476, 49, 51, 18 ], "completed": false } ] }, { "text": "#A page for the navigation bar of shopping website product information.#The page should have three modules of product information, each of them should have one icon and one title. When users click this icon, it will be marked red.", "region_id": "6205", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:icon] [el:title] ] ] ]", "execution": "header : { [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "\" [ title 2 0 38 4 ] | [ title 41 0 35 4 ] | [ title 76 0 40 4 ] \"", "layout_seq_without_completion": "\" [ title 2 0 38 4 ] | [ title 41 0 35 4 ] | [ title 76 0 40 4 ] \"", "plain_layout_seq": "title 2 0 38 4 | title 41 0 35 4 | title 76 0 40 4", "canvas_width": 1024, "canvas_height": 47, "elements": [ { "type": "title", "position": [ 20, 6, 330, 35 ], "completed": false }, { "type": "title", "position": [ 350, 6, 307, 35 ], "completed": false }, { "type": "title", "position": [ 656, 6, 348, 35 ], "completed": false } ] }, { "text": "#A header page of the ColorZilla.# There is a logo and a title and a description of the ColorZilla.", "region_id": "3979", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [el:description] ]", "execution": "header : description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 15 | description 15 8 31 2 | logo 4 2 11 11 | title 15 2 23 5", "layout_seq_without_completion": "background 0 0 120 15 | description 15 8 31 2 | logo 4 2 11 11 | title 15 2 23 5", "plain_layout_seq": "background 0 0 120 15 | description 15 8 31 2 | logo 4 2 11 11 | title 15 2 23 5", "canvas_width": 900, "canvas_height": 115, "elements": [ { "type": "background", "position": [ 0, 0, 900, 115 ], "completed": true }, { "type": "logo", "position": [ 31, 15, 85, 85 ], "completed": false }, { "type": "title", "position": [ 116, 21, 178, 41 ], "completed": false }, { "type": "description", "position": [ 116, 61, 235, 20 ], "completed": false } ] }, { "text": "#A header page of SHUTTERGANG LABS for users to get information.# The page should include the logo of SHUTTERGANG LABS. There is an icon on the left for users to search on the page. There are two icons on the right for users to check their personal information.", "region_id": "8661", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:position 'left'] ] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | logo undefined undefined", "layout_seq_with_completion": "icon 7 5 2 3 | icon 112 5 2 3 | icon 106 6 2 2 | complete input 6 4 6 4 | logo 42 3 35 7", "layout_seq_without_completion": "icon 7 5 2 3 | icon 112 5 2 3 | icon 106 6 2 2 | input 6 4 6 4 | logo 42 3 35 7", "plain_layout_seq": "icon 7 5 2 3 | icon 112 5 2 3 | icon 106 6 2 2 | input 6 4 6 4 | logo 42 3 35 7", "canvas_width": 1024, "canvas_height": 97, "elements": [ { "type": "logo", "position": [ 360, 30, 305, 67 ], "completed": false }, { "type": "input", "position": [ 55, 42, 55, 42 ], "completed": true }, { "type": "icon", "position": [ 60, 48, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 48, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 909, 54, 20, 20 ], "completed": false } ] }, { "text": "#A header page about a website.# There is an logo show the name of the website. There are six buttons that are \"Home\", \"Shop\", \"About Us\", \"Learn\", \"And More\", and \"Blog\". There are two pull-down buttons next to \"Learn\" and \"And More\"to help user to get more information. Then there are two icons showing the search and shopping cart.", "region_id": "6609", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, shop, about us, learn, and more, blog'] [item [el:button] ] ] [el:button [attr:repeat '2']] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 68 4 0 0 | button 81 4 0 0 | button 37 3 4 2 | button 71 3 8 2 | button 62 3 4 2 | button 52 3 7 2 | button 58 6 3 2 | button 45 3 4 2 | icon 105 5 2 2 | icon 109 5 2 2 | logo 6 2 25 7", "layout_seq_without_completion": "button 68 4 0 0 | button 81 4 0 0 | button 37 3 4 2 | button 71 3 8 2 | button 62 3 4 2 | button 52 3 7 2 | button 58 6 3 2 | button 45 3 4 2 | icon 105 5 2 2 | icon 109 5 2 2 | logo 6 2 25 7", "plain_layout_seq": "button 68 4 0 0 | button 81 4 0 0 | button 37 3 4 2 | button 71 3 8 2 | button 62 3 4 2 | button 52 3 7 2 | button 58 6 3 2 | button 45 3 4 2 | icon 105 5 2 2 | icon 109 5 2 2 | logo 6 2 25 7", "canvas_width": 1024, "canvas_height": 108, "elements": [ { "type": "logo", "position": [ 55, 20, 220, 68 ], "completed": false }, { "type": "button", "position": [ 320, 30, 42, 19 ], "completed": false }, { "type": "button", "position": [ 386, 30, 36, 19 ], "completed": false }, { "type": "button", "position": [ 446, 30, 66, 19 ], "completed": false }, { "type": "button", "position": [ 536, 30, 39, 19 ], "completed": false }, { "type": "button", "position": [ 614, 30, 75, 19 ], "completed": false }, { "type": "button", "position": [ 582, 37, 8, 8 ], "completed": false }, { "type": "button", "position": [ 697, 37, 8, 8 ], "completed": false }, { "type": "icon", "position": [ 898, 45, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 45, 20, 20 ], "completed": false }, { "type": "button", "position": [ 496, 58, 32, 19 ], "completed": false } ] }, { "text": "#A page for navigation of the 123MOVIES.#The page should have a logo and six links, named \"home\", \"movies\", \"TV shows\", \"year\", \"genre\", and \"FAQ\". On the right side of the page, there is an input box for users to search for more. Also, there is a button \"login\" next to it.", "region_id": "3970", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, movies, tv shows, year, genre, faq'] [item [el:link] ] ] [el:input [attr:position 'right'] [attr:value 'search for more'] ] [el:button [attr:value'login'] ] ]", "execution": "header : button undefined undefined | input right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | button 106 1 8 3 | input 90 1 15 3 | logo 4 1 17 4 | \" [ link 26 0 4 8 ] | [ link 32 0 5 8 ] | [ link 39 0 7 8 ] | [ link 48 0 3 8 ] | [ link 53 0 5 8 ] | [ link 59 0 3 8 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | button 106 1 8 3 | input 90 1 15 3 | logo 4 1 17 4 | \" [ link 26 0 4 8 ] | [ link 32 0 5 8 ] | [ link 39 0 7 8 ] | [ link 48 0 3 8 ] | [ link 53 0 5 8 ] | [ link 59 0 3 8 ] \"", "plain_layout_seq": "background 0 0 120 8 | button 106 1 8 3 | input 90 1 15 3 | link 26 0 4 8 | link 32 0 5 8 | link 39 0 7 8 | link 48 0 3 8 | link 53 0 5 8 | link 59 0 3 8 | logo 4 1 17 4", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 70 ], "completed": true }, { "type": "link", "position": [ 225, 0, 40, 70 ], "completed": false }, { "type": "link", "position": [ 275, 0, 50, 70 ], "completed": false }, { "type": "link", "position": [ 335, 0, 67, 70 ], "completed": false }, { "type": "link", "position": [ 412, 0, 34, 70 ], "completed": false }, { "type": "link", "position": [ 456, 0, 44, 70 ], "completed": false }, { "type": "link", "position": [ 510, 0, 26, 70 ], "completed": false }, { "type": "logo", "position": [ 42, 14, 153, 40 ], "completed": false }, { "type": "input", "position": [ 768, 17, 135, 28 ], "completed": false }, { "type": "button", "position": [ 908, 17, 74, 34 ], "completed": false } ] }, { "text": "# A header page for an online store.# There should have three icons for the user to click to unfold the side menu for more info, search for something they want to look for, and check the shopping cart.", "region_id": "6394", "region_type": "Header", "ir": "[region:Header [el:icon [attr:value 'more info'] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined", "layout_seq_with_completion": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7", "layout_seq_without_completion": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7", "plain_layout_seq": "icon 1 0 5 7 | icon 108 0 4 7 | icon 113 0 5 7", "canvas_width": 1009, "canvas_height": 65, "elements": [ { "type": "icon", "position": [ 10, 0, 45, 64 ], "completed": false }, { "type": "icon", "position": [ 915, 2, 35, 60 ], "completed": false }, { "type": "icon", "position": [ 954, 2, 45, 60 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about the brand.# The page includes a logo, four links for users to click to get further information, one button named \u201cAccount\u201d with an icon beside it, and one button named \u201cSTART FOR FREE\u201d for users to click to use the product.", "region_id": "5657", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup[gattr:repeat '4'][item[el:link]]] [el:button[attr:value'Account']][el:icon] [el:button [attr:value 'start for free'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 81 0 11 3 | button 95 1 22 5 | link 36 0 3 3 | link 44 0 4 3 | link 54 0 5 3 | link 26 0 4 3 | logo 1 2 16 3 | complete text 84 1 7 2", "layout_seq_without_completion": "button 81 0 11 3 | button 95 1 22 5 | link 36 0 3 3 | link 44 0 4 3 | link 54 0 5 3 | link 26 0 4 3 | logo 1 2 16 3 | text 84 1 7 2", "plain_layout_seq": "button 81 0 11 3 | button 95 1 22 5 | link 36 0 3 3 | link 44 0 4 3 | link 54 0 5 3 | link 26 0 4 3 | logo 1 2 16 3 | text 84 1 7 2", "canvas_width": 1024, "canvas_height": 90, "elements": [ { "type": "link", "position": [ 229, 8, 36, 28 ], "completed": false }, { "type": "link", "position": [ 309, 8, 28, 28 ], "completed": false }, { "type": "link", "position": [ 381, 8, 41, 28 ], "completed": false }, { "type": "link", "position": [ 466, 8, 43, 28 ], "completed": false }, { "type": "button", "position": [ 694, 8, 100, 28 ], "completed": false }, { "type": "text", "position": [ 719, 12, 61, 19 ], "completed": true }, { "type": "button", "position": [ 819, 12, 190, 50 ], "completed": false }, { "type": "logo", "position": [ 15, 21, 144, 32 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a title, named \"love our Pi-The Destination for Single board computers\".The page should have five links, \"news\", \"buy on amazon\", \"shipping policy\", \"FAQ\", and \"about us\". There are three icons for users to get more information.", "region_id": "7011", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'love our pi-the destination for single board computers'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'news, buy on amazon, shipping policy, faq, about us'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 101 6 2 2 | icon 106 6 2 2 | icon 110 4 5 5 | title 5 3 40 6 | \" [ link 51 3 3 2 ] | [ link 58 3 11 2 ] | [ link 72 3 11 2 ] | [ link 87 3 2 2 ] | [ link 51 8 7 2 ] \"", "layout_seq_without_completion": "icon 101 6 2 2 | icon 106 6 2 2 | icon 110 4 5 5 | title 5 3 40 6 | \" [ link 51 3 3 2 ] | [ link 58 3 11 2 ] | [ link 72 3 11 2 ] | [ link 87 3 2 2 ] | [ link 51 8 7 2 ] \"", "plain_layout_seq": "icon 101 6 2 2 | icon 106 6 2 2 | icon 110 4 5 5 | link 51 3 3 2 | link 58 3 11 2 | link 72 3 11 2 | link 87 3 2 2 | link 51 8 7 2 | title 5 3 40 6", "canvas_width": 1024, "canvas_height": 125, "elements": [ { "type": "link", "position": [ 438, 32, 34, 18 ], "completed": false }, { "type": "link", "position": [ 496, 32, 101, 18 ], "completed": false }, { "type": "link", "position": [ 621, 32, 99, 18 ], "completed": false }, { "type": "link", "position": [ 744, 32, 25, 18 ], "completed": false }, { "type": "title", "position": [ 50, 34, 343, 56 ], "completed": false }, { "type": "icon", "position": [ 942, 40, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 866, 52, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 52, 20, 20 ], "completed": false }, { "type": "link", "position": [ 438, 74, 60, 18 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have five links for users to click to know the different content of the web fastly, such as Home, Categories, and so on, and one brief description.", "region_id": "3582", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, categories'] [item [el:link] ] ] [el:description [attr:size 'small'] ] ]", "execution": "header : description undefined small | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 1 7 117 2 | \" [ link 1 1 6 4 ] | [ link 7 1 9 4 ] | [ link 17 1 13 4 ] | [ link 31 1 13 4 ] | [ link 45 1 12 4 ] \"", "layout_seq_without_completion": "description 1 7 117 2 | \" [ link 1 1 6 4 ] | [ link 7 1 9 4 ] | [ link 17 1 13 4 ] | [ link 31 1 13 4 ] | [ link 45 1 12 4 ] \"", "plain_layout_seq": "description 1 7 117 2 | link 1 1 6 4 | link 7 1 9 4 | link 17 1 13 4 | link 31 1 13 4 | link 45 1 12 4", "canvas_width": 1009, "canvas_height": 102, "elements": [ { "type": "link", "position": [ 10, 15, 52, 36 ], "completed": false }, { "type": "link", "position": [ 65, 15, 79, 36 ], "completed": false }, { "type": "link", "position": [ 148, 15, 113, 36 ], "completed": false }, { "type": "link", "position": [ 265, 15, 117, 36 ], "completed": false }, { "type": "link", "position": [ 386, 15, 103, 36 ], "completed": false }, { "type": "description", "position": [ 10, 66, 989, 21 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have an image of the web and 6 buttons for users to click to check content about the web, contact them, search for goods, and shop for goods.", "region_id": "7573", "region_type": "Header", "ir": "[region:Header [el:image] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'the web,contact them, search for goods,shop for goods'] [item [el:button] ] ] ]", "execution": "header : image undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 109 5 2 2 | button 105 5 2 2 | image 6 1 9 9 | \" [ button 42 5 5 2 ] | [ button 50 5 6 2 ] | [ button 59 5 7 2 ] | [ button 70 5 6 2 ] \"", "layout_seq_without_completion": "button 109 5 2 2 | button 105 5 2 2 | image 6 1 9 9 | \" [ button 42 5 5 2 ] | [ button 50 5 6 2 ] | [ button 59 5 7 2 ] | [ button 70 5 6 2 ] \"", "plain_layout_seq": "button 109 5 2 2 | button 105 5 2 2 | button 42 5 5 2 | button 50 5 6 2 | button 59 5 7 2 | button 70 5 6 2 | image 6 1 9 9", "canvas_width": 1024, "canvas_height": 111, "elements": [ { "type": "image", "position": [ 55, 15, 80, 80 ], "completed": false }, { "type": "button", "position": [ 366, 46, 44, 19 ], "completed": false }, { "type": "button", "position": [ 434, 46, 53, 19 ], "completed": false }, { "type": "button", "position": [ 511, 46, 68, 19 ], "completed": false }, { "type": "button", "position": [ 603, 46, 55, 19 ], "completed": false }, { "type": "button", "position": [ 898, 46, 20, 20 ], "completed": false }, { "type": "button", "position": [ 938, 46, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There are seven images on the page. On the right side of the page, there is an input box for users to search-, and a button next to it. There are two links on the top, \"login\" and \"sign up\".", "region_id": "2610", "region_type": "Header", "ir": "[region:Header [el:image [attr:repeat '7'] ] [el:input [attr:position 'right'] [attr:value 'Search'] ] [el:button [attr:position 'right'] ] [el:link [attr:value 'login'] [attr:position 'top'] ] [el:link [attr:value 'sign up'] [attr:position 'top'] ] ]", "execution": "header : button right undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | image undefined undefined | input right undefined | link top undefined | link top undefined", "layout_seq_with_completion": "button 109 9 4 4 | image 5 6 9 9 | image 42 6 9 9 | image 55 6 9 9 | image 17 6 9 9 | image 30 6 9 9 | image 67 6 9 9 | image 79 6 9 9 | complete image 95 9 18 4 | input 97 11 22 1 | complete link 69 8 5 5 | complete link 19 8 5 5 | complete link 57 8 5 5 | complete link 7 8 5 5 | complete link 32 8 5 5 | complete link 44 8 5 5 | complete link 81 8 5 5 | \" [ link 103 3 3 1 ] | [ complete link 108 3 0 1 ] | [ link 109 3 5 1 ] \"", "layout_seq_without_completion": "button 109 9 4 4 | image 5 6 9 9 | image 42 6 9 9 | image 55 6 9 9 | image 17 6 9 9 | image 30 6 9 9 | image 67 6 9 9 | image 79 6 9 9 | image 95 9 18 4 | input 97 11 22 1 | link 69 8 5 5 | link 19 8 5 5 | link 57 8 5 5 | link 7 8 5 5 | link 32 8 5 5 | link 44 8 5 5 | link 81 8 5 5 | \" [ link 103 3 3 1 ] | [ link 108 3 0 1 ] | [ link 109 3 5 1 ] \"", "plain_layout_seq": "button 109 9 4 4 | image 5 6 9 9 | image 42 6 9 9 | image 55 6 9 9 | image 17 6 9 9 | image 30 6 9 9 | image 67 6 9 9 | image 79 6 9 9 | image 95 9 18 4 | input 97 11 22 1 | link 69 8 5 5 | link 19 8 5 5 | link 57 8 5 5 | link 7 8 5 5 | link 32 8 5 5 | link 44 8 5 5 | link 81 8 5 5 | link 103 3 3 1 | link 108 3 0 1 | link 109 3 5 1", "canvas_width": 1033, "canvas_height": 144, "elements": [ { "type": "link", "position": [ 893, 32, 34, 16 ], "completed": false }, { "type": "link", "position": [ 931, 32, 4, 16 ], "completed": true }, { "type": "link", "position": [ 939, 32, 47, 16 ], "completed": false }, { "type": "image", "position": [ 46, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 154, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 260, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 368, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 474, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 582, 60, 84, 84 ], "completed": false }, { "type": "image", "position": [ 688, 60, 84, 84 ], "completed": false }, { "type": "link", "position": [ 63, 77, 51, 45 ], "completed": true }, { "type": "link", "position": [ 170, 77, 51, 45 ], "completed": true }, { "type": "link", "position": [ 277, 77, 51, 45 ], "completed": true }, { "type": "link", "position": [ 384, 77, 51, 45 ], "completed": true }, { "type": "link", "position": [ 492, 77, 48, 45 ], "completed": true }, { "type": "link", "position": [ 600, 77, 48, 45 ], "completed": true }, { "type": "link", "position": [ 705, 77, 51, 45 ], "completed": true }, { "type": "image", "position": [ 826, 85, 160, 38 ], "completed": true }, { "type": "button", "position": [ 946, 86, 40, 36 ], "completed": false }, { "type": "input", "position": [ 838, 97, 195, 15 ], "completed": false } ] }, { "text": "#A page for navigation of a website to users.# This page should include two icons on the left. There should be five links in the middle. They are \"Advertisers\", \"Creators\", \"Developers\", \"Snap AR\", and \"Features\". A download button is needed for users to click to download.", "region_id": "5365", "region_type": "Header", "ir": "[region:Header [el:icon [attr:position 'left'] [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'advertisers, creators, developers, snap ar, features'] [item [el:link] ] ] [el:button [attr:value 'download'] ] ]", "execution": "header : button undefined undefined | icon left undefined | icon left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 95 1 17 5 | icon 13 2 3 3 | icon 8 2 2 2 | \" [ link 29 0 10 8 ] | [ link 43 0 7 8 ] | [ link 55 0 9 8 ] | [ link 68 0 7 8 ] | [ link 80 0 7 8 ] \"", "layout_seq_without_completion": "button 95 1 17 5 | icon 13 2 3 3 | icon 8 2 2 2 | \" [ link 29 0 10 8 ] | [ link 43 0 7 8 ] | [ link 55 0 9 8 ] | [ link 68 0 7 8 ] | [ link 80 0 7 8 ] \"", "plain_layout_seq": "button 95 1 17 5 | icon 13 2 3 3 | icon 8 2 2 2 | link 29 0 10 8 | link 43 0 7 8 | link 55 0 9 8 | link 68 0 7 8 | link 80 0 7 8", "canvas_width": 1024, "canvas_height": 74, "elements": [ { "type": "link", "position": [ 254, 0, 86, 74 ], "completed": false }, { "type": "link", "position": [ 372, 0, 66, 74 ], "completed": false }, { "type": "link", "position": [ 470, 0, 85, 74 ], "completed": false }, { "type": "link", "position": [ 587, 0, 64, 74 ], "completed": false }, { "type": "link", "position": [ 683, 0, 66, 74 ], "completed": false }, { "type": "button", "position": [ 813, 13, 151, 48 ], "completed": false }, { "type": "icon", "position": [ 116, 21, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 69, 25, 22, 24 ], "completed": false } ] }, { "text": "#A page for navigation of ImageVenue.#The page should have a logo to present the brand. On the right side of the page, there are two links for users to click fastly, \"log in\" and \"register\".", "region_id": "4752", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:position 'right'] [attr:value 'log in'] ] [el:link [attr:position 'right'] ] [el:link [attr:value 'register'] ] ]", "execution": "header : link right undefined | link right undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | link 106 1 8 4 | link 100 1 5 4 | logo 5 1 17 4", "layout_seq_without_completion": "background 0 0 120 7 | link 106 1 8 4 | link 100 1 5 4 | logo 5 1 17 4", "plain_layout_seq": "background 0 0 120 7 | link 106 1 8 4 | link 100 1 5 4 | logo 5 1 17 4", "canvas_width": 1024, "canvas_height": 66, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 66 ], "completed": true }, { "type": "logo", "position": [ 47, 13, 149, 40 ], "completed": false }, { "type": "link", "position": [ 856, 14, 51, 39 ], "completed": false }, { "type": "link", "position": [ 907, 14, 70, 39 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop.# The page should have a sentence as the announcement to introduce the free shipping condition, a shop logo, eight links for the user to learn more info, and three icons for the user to search, login, and check the shopping cart.", "region_id": "8168", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 26 19 | text 0 0 120 5 | \" [ link 36 12 5 2 ] | [ link 45 12 7 2 ] | [ link 55 12 11 2 ] | [ link 69 12 13 2 ] | [ link 37 15 12 2 ] | [ link 52 15 12 2 ] | [ link 67 15 14 2 ] | [ link 55 19 8 2 ] \" | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 26 19 | text 0 0 120 5 | \" [ link 36 12 5 2 ] | [ link 45 12 7 2 ] | [ link 55 12 11 2 ] | [ link 69 12 13 2 ] | [ link 37 15 12 2 ] | [ link 52 15 12 2 ] | [ link 67 15 14 2 ] | [ link 55 19 8 2 ] \" | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "plain_layout_seq": "icon 100 15 2 2 | icon 105 15 2 2 | icon 109 15 2 2 | link 36 12 5 2 | link 45 12 7 2 | link 55 12 11 2 | link 69 12 13 2 | link 37 15 12 2 | link 52 15 12 2 | link 67 15 14 2 | link 55 19 8 2 | logo 6 7 26 19 | text 0 0 120 5", "canvas_width": 1024, "canvas_height": 242, "elements": [ { "type": "text", "position": [ 0, 0, 1024, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 61, 229, 165 ], "completed": false }, { "type": "link", "position": [ 315, 103, 46, 20 ], "completed": false }, { "type": "link", "position": [ 386, 103, 60, 20 ], "completed": false }, { "type": "link", "position": [ 471, 103, 95, 20 ], "completed": false }, { "type": "link", "position": [ 591, 103, 118, 20 ], "completed": false }, { "type": "link", "position": [ 318, 133, 106, 20 ], "completed": false }, { "type": "link", "position": [ 448, 133, 107, 20 ], "completed": false }, { "type": "link", "position": [ 580, 133, 126, 20 ], "completed": false }, { "type": "icon", "position": [ 856, 134, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 134, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 134, 20, 20 ], "completed": false }, { "type": "link", "position": [ 476, 163, 72, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web shphies GiGi boutique.#The page should have a description and a title. There are two links for users to click, \"home\" and \"gift cards\". On the right side, there are three icons for users to get more information.", "region_id": "8006", "region_type": "Header", "ir": "[region:Header [el:description] [el:title] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,gift cards'] [item [el:link]]] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "header : description undefined undefined | icon right undefined | icon right undefined | icon right undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 39 0 41 2 | link 52 15 4 2 | link 60 15 7 2 | title 42 8 34 2 | \" [ icon 100 9 2 2 ] | [ icon 105 9 2 2 ] | [ icon 109 9 2 2 ] \"", "layout_seq_without_completion": "description 39 0 41 2 | link 52 15 4 2 | link 60 15 7 2 | title 42 8 34 2 | \" [ icon 100 9 2 2 ] | [ icon 105 9 2 2 ] | [ icon 109 9 2 2 ] \"", "plain_layout_seq": "description 39 0 41 2 | icon 100 9 2 2 | icon 105 9 2 2 | icon 109 9 2 2 | link 52 15 4 2 | link 60 15 7 2 | title 42 8 34 2", "canvas_width": 1024, "canvas_height": 208, "elements": [ { "type": "description", "position": [ 336, 7, 352, 23 ], "completed": false }, { "type": "title", "position": [ 366, 76, 291, 24 ], "completed": false }, { "type": "icon", "position": [ 856, 79, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 79, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 79, 20, 20 ], "completed": false }, { "type": "link", "position": [ 448, 136, 40, 18 ], "completed": false }, { "type": "link", "position": [ 512, 136, 64, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web VAPE.#The page should have a logo and three links for users to click fastly, \"forums\", \"contact\", and \"login\". There is a button, named \"buy now\".", "region_id": "5717", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'forums, contact, login'] [item [el:link] ] ] [el:button [attr:value 'buy now'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 99 3 16 5 | complete icon 89 4 7 2 | link 76 4 8 2 | link 66 4 7 2 | link 90 4 5 2 | logo 3 5 10 2", "layout_seq_without_completion": "button 99 3 16 5 | icon 89 4 7 2 | link 76 4 8 2 | link 66 4 7 2 | link 90 4 5 2 | logo 3 5 10 2", "plain_layout_seq": "button 99 3 16 5 | icon 89 4 7 2 | link 76 4 8 2 | link 66 4 7 2 | link 90 4 5 2 | logo 3 5 10 2", "canvas_width": 1024, "canvas_height": 116, "elements": [ { "type": "button", "position": [ 852, 27, 139, 50 ], "completed": false }, { "type": "link", "position": [ 565, 42, 60, 20 ], "completed": false }, { "type": "link", "position": [ 655, 42, 75, 20 ], "completed": false }, { "type": "icon", "position": [ 760, 42, 62, 20 ], "completed": true }, { "type": "link", "position": [ 776, 42, 46, 20 ], "completed": false }, { "type": "logo", "position": [ 32, 45, 88, 24 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo. There are six links on the page, including \"Shop\", \"KEEN\", \"Cloud\", \"Support\", \"Deals\", and \"Partner\". There are also three icons on the page.", "region_id": "3906", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'shop, keen, cloud, support, deals, partner'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 0 3 16 4 | \" [ link 62 0 4 10 ] | [ link 22 4 4 2 ] | [ link 31 4 4 2 ] | [ link 41 4 5 2 ] | [ link 51 4 7 2 ] | [ link 72 4 6 2 ] \"", "layout_seq_without_completion": "logo 0 3 16 4 | \" [ link 62 0 4 10 ] | [ link 22 4 4 2 ] | [ link 31 4 4 2 ] | [ link 41 4 5 2 ] | [ link 51 4 7 2 ] | [ link 72 4 6 2 ] \"", "plain_layout_seq": "link 62 0 4 10 | link 22 4 4 2 | link 31 4 4 2 | link 41 4 5 2 | link 51 4 7 2 | link 72 4 6 2 | logo 0 3 16 4", "canvas_width": 1024, "canvas_height": 90, "elements": [ { "type": "link", "position": [ 536, 1, 42, 88 ], "completed": false }, { "type": "logo", "position": [ 0, 26, 138, 35 ], "completed": false }, { "type": "link", "position": [ 194, 35, 38, 20 ], "completed": false }, { "type": "link", "position": [ 272, 35, 41, 20 ], "completed": false }, { "type": "link", "position": [ 353, 35, 43, 20 ], "completed": false }, { "type": "link", "position": [ 436, 35, 60, 20 ], "completed": false }, { "type": "link", "position": [ 618, 35, 56, 20 ], "completed": false } ] }, { "text": "# A header page for navigation of Warrior+Plus. # The page should have a logo, three links \"Home\" \"Features\" and \"Login\" for the user to return to the home page, view the features of the website, and log in to the website. Also, a button \"Free Signup\" is needed for the user to sign up for free.", "region_id": "4820", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, features, login'] [item [el:link] ] ] [el:button [attr:value 'free signup'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 1 12 4 | link 75 0 8 7 | link 83 0 10 7 | link 93 0 7 7 | logo 1 1 15 4", "layout_seq_without_completion": "button 101 1 12 4 | link 75 0 8 7 | link 83 0 10 7 | link 93 0 7 7 | logo 1 1 15 4", "plain_layout_seq": "button 101 1 12 4 | link 75 0 8 7 | link 83 0 10 7 | link 93 0 7 7 | logo 1 1 15 4", "canvas_width": 1024, "canvas_height": 68, "elements": [ { "type": "link", "position": [ 643, 0, 69, 68 ], "completed": false }, { "type": "link", "position": [ 712, 0, 90, 68 ], "completed": false }, { "type": "link", "position": [ 802, 0, 67, 68 ], "completed": false }, { "type": "button", "position": [ 869, 14, 110, 38 ], "completed": false }, { "type": "logo", "position": [ 15, 16, 130, 36 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo on the left side. There are three links for users to click fastly, \"about\", \"business\", and \"blog\". Also, two buttons were set on the right side, named \"login\" and \"sign up\".", "region_id": "3447", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'about, business, blog'] [item [el:link] ] ] [el:button [attr:position 'right'] [attr:value 'login'] ] [el:button [attr:position 'right'] [attr:value 'sign up'] ] ]", "execution": "header : button right undefined | button right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 108 2 9 4 | button 100 2 7 4 | logo 3 2 3 3 | complete title 7 3 8 2 | \" [ link 71 3 5 2 ] | [ link 80 3 7 2 ] | [ link 91 3 3 2 ] \"", "layout_seq_without_completion": "button 108 2 9 4 | button 100 2 7 4 | logo 3 2 3 3 | title 7 3 8 2 | \" [ link 71 3 5 2 ] | [ link 80 3 7 2 ] | [ link 91 3 3 2 ] \"", "plain_layout_seq": "button 108 2 9 4 | button 100 2 7 4 | link 71 3 5 2 | link 80 3 7 2 | link 91 3 3 2 | logo 3 2 3 3 | title 7 3 8 2", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "button", "position": [ 854, 20, 68, 40 ], "completed": false }, { "type": "button", "position": [ 930, 20, 78, 40 ], "completed": false }, { "type": "logo", "position": [ 28, 22, 32, 32 ], "completed": false }, { "type": "title", "position": [ 64, 26, 73, 24 ], "completed": true }, { "type": "link", "position": [ 608, 30, 43, 19 ], "completed": false }, { "type": "link", "position": [ 684, 30, 66, 19 ], "completed": false }, { "type": "link", "position": [ 781, 30, 33, 19 ], "completed": false } ] }, { "text": "#A header page for the Cotton Rose.# There is one title \"Cotton Rose\" and two links, one for signing in and the other for creating an account. Users can input the item names in one input box and start to search by clicking one icon or add the items to one cart by clicking one icon. Three links represent the info \"HOME\", \"CATALOG\", and \"BLOG\".", "region_id": "6576", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'cotton rose'] ] [el:link [attr:value 'sign in'] ] [el:link [attr:value 'create an account']] [el:input [attr:value 'search all products'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'cart'] ] [gp:FlatNavGroup [gattr:names 'HOME, CATALOG, BLOG'] [gattr:repeat '3'] [item [el:link]]]]", "execution": "header : icon undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 103 7 12 5 | icon 96 8 5 4 | input 67 7 33 5 | link 97 4 4 1 | link 105 4 11 1 | complete text 102 4 2 1 | title 3 6 56 3 | \" [ link 1 16 8 6 ] | [ link 10 16 10 6 ] | [ link 21 16 7 6 ] \"", "layout_seq_without_completion": "icon 103 7 12 5 | icon 96 8 5 4 | input 67 7 33 5 | link 97 4 4 1 | link 105 4 11 1 | text 102 4 2 1 | title 3 6 56 3 | \" [ link 1 16 8 6 ] | [ link 10 16 10 6 ] | [ link 21 16 7 6 ] \"", "plain_layout_seq": "icon 103 7 12 5 | icon 96 8 5 4 | input 67 7 33 5 | link 97 4 4 1 | link 105 4 11 1 | link 1 16 8 6 | link 10 16 10 6 | link 21 16 7 6 | text 102 4 2 1 | title 3 6 56 3", "canvas_width": 1024, "canvas_height": 193, "elements": [ { "type": "link", "position": [ 832, 35, 37, 14 ], "completed": false }, { "type": "text", "position": [ 872, 35, 21, 14 ], "completed": true }, { "type": "link", "position": [ 896, 35, 98, 14 ], "completed": false }, { "type": "title", "position": [ 30, 54, 482, 34 ], "completed": false }, { "type": "input", "position": [ 578, 67, 289, 44 ], "completed": false }, { "type": "icon", "position": [ 885, 67, 109, 44 ], "completed": false }, { "type": "icon", "position": [ 822, 69, 45, 42 ], "completed": false }, { "type": "link", "position": [ 15, 141, 73, 52 ], "completed": false }, { "type": "link", "position": [ 91, 141, 93, 52 ], "completed": false }, { "type": "link", "position": [ 187, 141, 67, 52 ], "completed": false } ] }, { "text": "#A navigation page of Obilido.# The page should include the logo of Obilido and three icons for users to unfold the menu, search on the page or check their carts.", "region_id": "6935", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'menu'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 112 2 2 2 | icon 4 2 2 2 | icon 9 2 2 2 | logo 52 1 15 5 | complete text 115 1 0 2", "layout_seq_without_completion": "icon 112 2 2 2 | icon 4 2 2 2 | icon 9 2 2 2 | logo 52 1 15 5 | text 115 1 0 2", "plain_layout_seq": "icon 112 2 2 2 | icon 4 2 2 2 | icon 9 2 2 2 | logo 52 1 15 5 | text 115 1 0 2", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 441, 10, 127, 48 ], "completed": false }, { "type": "text", "position": [ 969, 11, 8, 17 ], "completed": true }, { "type": "icon", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 947, 22, 24, 24 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one heading and ten links for users to click to know the different content of the web fastly, such as Russia, Ukraine, and so on.", "region_id": "5614", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '10'] [gattr:names 'russia, Ukraine'] [item [el:link] ] ] ]", "execution": "header : title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 28 0 5 1 | link 85 0 9 1 | link 54 0 10 1 | link 66 0 10 1 | link 22 0 4 1 | link 35 0 8 1 | link 45 0 6 1 | link 78 0 5 1 | link 95 0 2 1 | link 100 0 6 1 | title 13 0 7 1", "layout_seq_without_completion": "link 28 0 5 1 | link 85 0 9 1 | link 54 0 10 1 | link 66 0 10 1 | link 22 0 4 1 | link 35 0 8 1 | link 45 0 6 1 | link 78 0 5 1 | link 95 0 2 1 | link 100 0 6 1 | title 13 0 7 1", "plain_layout_seq": "link 28 0 5 1 | link 85 0 9 1 | link 54 0 10 1 | link 66 0 10 1 | link 22 0 4 1 | link 35 0 8 1 | link 45 0 6 1 | link 78 0 5 1 | link 95 0 2 1 | link 100 0 6 1 | title 13 0 7 1", "canvas_width": 1089, "canvas_height": 17, "elements": [ { "type": "title", "position": [ 120, 0, 67, 17 ], "completed": false }, { "type": "link", "position": [ 200, 0, 41, 17 ], "completed": false }, { "type": "link", "position": [ 255, 0, 50, 17 ], "completed": false }, { "type": "link", "position": [ 319, 0, 81, 17 ], "completed": false }, { "type": "link", "position": [ 414, 0, 63, 17 ], "completed": false }, { "type": "link", "position": [ 491, 0, 98, 17 ], "completed": false }, { "type": "link", "position": [ 603, 0, 94, 17 ], "completed": false }, { "type": "link", "position": [ 711, 0, 49, 17 ], "completed": false }, { "type": "link", "position": [ 774, 0, 83, 17 ], "completed": false }, { "type": "link", "position": [ 871, 0, 25, 17 ], "completed": false }, { "type": "link", "position": [ 910, 0, 59, 17 ], "completed": false } ] }, { "text": "#A page for navigation of the web VIACREDI.#The page should have a logo and two icons for users to get more information.", "region_id": "4721", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 105 2 4 4 | icon 111 2 4 4 | logo 3 1 18 5 | complete text 112 4 2 0", "layout_seq_without_completion": "icon 105 2 4 4 | icon 111 2 4 4 | logo 3 1 18 5 | text 112 4 2 0", "plain_layout_seq": "icon 105 2 4 4 | icon 111 2 4 4 | logo 3 1 18 5 | text 112 4 2 0", "canvas_width": 1024, "canvas_height": 67, "elements": [ { "type": "logo", "position": [ 32, 10, 160, 48 ], "completed": false }, { "type": "icon", "position": [ 900, 18, 38, 38 ], "completed": false }, { "type": "icon", "position": [ 954, 18, 38, 38 ], "completed": false }, { "type": "text", "position": [ 960, 36, 25, 2 ], "completed": true } ] }, { "text": "#A header page of health care website for users.# This page should include two links \"Health Care\" and \"Shop Now\" for users to click.", "region_id": "6501", "region_type": "Header", "ir": "[region:Header [el:link [attr:value 'health care'] ] [el:link [attr:value 'shop now'] ] ]", "execution": "header : link undefined undefined | link undefined undefined", "layout_seq_with_completion": "link 101 0 8 3 | link 88 0 10 2 | complete text 100 0 0 2", "layout_seq_without_completion": "link 101 0 8 3 | link 88 0 10 2 | text 100 0 0 2", "plain_layout_seq": "link 101 0 8 3 | link 88 0 10 2 | text 100 0 0 2", "canvas_width": 1009, "canvas_height": 31, "elements": [ { "type": "link", "position": [ 854, 0, 75, 31 ], "completed": false }, { "type": "link", "position": [ 745, 4, 89, 24 ], "completed": false }, { "type": "text", "position": [ 842, 4, 4, 24 ], "completed": true } ] }, { "text": "#A page for navigation of the FIDGET CUBE.#The page should have a brief description on the top. Also, there is a logo and eleven links, and there are two icons for users to get more information.", "region_id": "8696", "region_type": "Header", "ir": "[region:Header [el:description [attr:size 'small'] [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '11'] [item [el:link] ] ] [el:icon [attr:repeat '2']] ]", "execution": "header : description top small | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 119 5 | icon 105 12 2 2 | icon 109 12 2 2 | logo 6 12 19 2 | \" [ link 37 9 4 2 ] | [ link 45 9 8 2 ] | [ link 56 9 5 2 ] | [ link 64 9 17 2 ] | [ link 37 12 11 2 ] | [ link 52 12 4 2 ] | [ link 59 12 22 2 ] | [ link 38 16 8 2 ] | [ link 49 16 10 2 ] | [ link 63 16 6 2 ] | [ link 72 16 8 2 ] \"", "layout_seq_without_completion": "description 0 0 119 5 | icon 105 12 2 2 | icon 109 12 2 2 | logo 6 12 19 2 | \" [ link 37 9 4 2 ] | [ link 45 9 8 2 ] | [ link 56 9 5 2 ] | [ link 64 9 17 2 ] | [ link 37 12 11 2 ] | [ link 52 12 4 2 ] | [ link 59 12 22 2 ] | [ link 38 16 8 2 ] | [ link 49 16 10 2 ] | [ link 63 16 6 2 ] | [ link 72 16 8 2 ] \"", "plain_layout_seq": "description 0 0 119 5 | icon 105 12 2 2 | icon 109 12 2 2 | link 37 9 4 2 | link 45 9 8 2 | link 56 9 5 2 | link 64 9 17 2 | link 37 12 11 2 | link 52 12 4 2 | link 59 12 22 2 | link 38 16 8 2 | link 49 16 10 2 | link 63 16 6 2 | link 72 16 8 2 | logo 6 12 19 2", "canvas_width": 1024, "canvas_height": 188, "elements": [ { "type": "description", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "link", "position": [ 324, 81, 40, 18 ], "completed": false }, { "type": "link", "position": [ 388, 81, 74, 18 ], "completed": false }, { "type": "link", "position": [ 486, 81, 43, 18 ], "completed": false }, { "type": "link", "position": [ 554, 81, 146, 18 ], "completed": false }, { "type": "logo", "position": [ 55, 108, 170, 22 ], "completed": false }, { "type": "link", "position": [ 322, 110, 102, 18 ], "completed": false }, { "type": "link", "position": [ 448, 110, 38, 18 ], "completed": false }, { "type": "link", "position": [ 510, 110, 193, 18 ], "completed": false }, { "type": "icon", "position": [ 898, 110, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 110, 20, 20 ], "completed": false }, { "type": "link", "position": [ 332, 138, 70, 18 ], "completed": false }, { "type": "link", "position": [ 426, 138, 87, 18 ], "completed": false }, { "type": "link", "position": [ 538, 138, 56, 18 ], "completed": false }, { "type": "link", "position": [ 618, 138, 74, 18 ], "completed": false } ] }, { "text": "# A header page for the user to search png in PNG EGG. # The page should have a logo and an input box with a search icon where the user can enter the things they want to look for. Besides, there should be 12 links for the user to click to enter each theme.", "region_id": "2475", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:icon [attr:value 'search ']] [gp:FlatNavGroup [gattr:repeat '12'] [item [el:link]] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 94 29 5 5 | input 18 29 82 5 | logo 44 14 30 5 | \" [ link 26 39 6 1 ] | [ link 33 39 4 1 ] | [ link 38 39 5 1 ] | [ link 44 39 4 1 ] | [ link 49 39 7 1 ] | [ link 57 39 3 1 ] | [ link 60 39 5 1 ] | [ link 66 39 4 1 ] | [ link 71 39 5 1 ] | [ link 76 39 5 1 ] | [ link 82 39 5 1 ] | [ link 88 39 5 1 ] \"", "layout_seq_without_completion": "icon 94 29 5 5 | input 18 29 82 5 | logo 44 14 30 5 | \" [ link 26 39 6 1 ] | [ link 33 39 4 1 ] | [ link 38 39 5 1 ] | [ link 44 39 4 1 ] | [ link 49 39 7 1 ] | [ link 57 39 3 1 ] | [ link 60 39 5 1 ] | [ link 66 39 4 1 ] | [ link 71 39 5 1 ] | [ link 76 39 5 1 ] | [ link 82 39 5 1 ] | [ link 88 39 5 1 ] \"", "plain_layout_seq": "icon 94 29 5 5 | input 18 29 82 5 | link 26 39 6 1 | link 33 39 4 1 | link 38 39 5 1 | link 44 39 4 1 | link 49 39 7 1 | link 57 39 3 1 | link 60 39 5 1 | link 66 39 4 1 | link 71 39 5 1 | link 76 39 5 1 | link 82 39 5 1 | link 88 39 5 1 | logo 44 14 30 5", "canvas_width": 1024, "canvas_height": 552, "elements": [ { "type": "logo", "position": [ 382, 120, 260, 49 ], "completed": false }, { "type": "input", "position": [ 162, 252, 700, 50 ], "completed": false }, { "type": "icon", "position": [ 809, 252, 50, 50 ], "completed": false }, { "type": "link", "position": [ 227, 337, 55, 15 ], "completed": false }, { "type": "link", "position": [ 285, 337, 39, 15 ], "completed": false }, { "type": "link", "position": [ 327, 337, 47, 15 ], "completed": false }, { "type": "link", "position": [ 377, 337, 40, 15 ], "completed": false }, { "type": "link", "position": [ 420, 337, 64, 15 ], "completed": false }, { "type": "link", "position": [ 487, 337, 29, 15 ], "completed": false }, { "type": "link", "position": [ 519, 337, 45, 15 ], "completed": false }, { "type": "link", "position": [ 568, 337, 36, 15 ], "completed": false }, { "type": "link", "position": [ 608, 337, 45, 15 ], "completed": false }, { "type": "link", "position": [ 657, 337, 46, 15 ], "completed": false }, { "type": "link", "position": [ 706, 337, 45, 15 ], "completed": false }, { "type": "link", "position": [ 754, 337, 43, 15 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the shopping website.#The page should have one logo, and six links for users to click to know the different content of the web fastly, such as Products, Services, and so on. And there should also have three links to sign up, log in, and view help and one button to switch languages on the website.", "region_id": "5059", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'products, services'] [item [el:link] ] ] [el:link [attr:repeat '3'] [attr:value 'sign up, log in,help'] ] [el:button [attr:value 'switch language']] ]", "execution": "header : button undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 112 4 2 1 | link 80 4 7 1 | link 92 4 6 1 | link 34 10 11 2 | link 60 10 16 2 | link 80 10 9 2 | link 102 4 4 1 | link 23 10 7 2 | link 92 10 4 2 | link 49 10 7 2 | logo 7 4 11 11", "layout_seq_without_completion": "button 112 4 2 1 | link 80 4 7 1 | link 92 4 6 1 | link 34 10 11 2 | link 60 10 16 2 | link 80 10 9 2 | link 102 4 4 1 | link 23 10 7 2 | link 92 10 4 2 | link 49 10 7 2 | logo 7 4 11 11", "plain_layout_seq": "button 112 4 2 1 | link 80 4 7 1 | link 92 4 6 1 | link 34 10 11 2 | link 60 10 16 2 | link 80 10 9 2 | link 102 4 4 1 | link 23 10 7 2 | link 92 10 4 2 | link 49 10 7 2 | logo 7 4 11 11", "canvas_width": 1009, "canvas_height": 157, "elements": [ { "type": "link", "position": [ 681, 36, 60, 14 ], "completed": false }, { "type": "link", "position": [ 777, 36, 51, 14 ], "completed": false }, { "type": "link", "position": [ 864, 36, 37, 14 ], "completed": false }, { "type": "logo", "position": [ 60, 37, 96, 96 ], "completed": false }, { "type": "button", "position": [ 946, 37, 24, 14 ], "completed": false }, { "type": "link", "position": [ 195, 91, 67, 24 ], "completed": false }, { "type": "link", "position": [ 289, 91, 99, 24 ], "completed": false }, { "type": "link", "position": [ 414, 91, 65, 24 ], "completed": false }, { "type": "link", "position": [ 506, 91, 142, 24 ], "completed": false }, { "type": "link", "position": [ 674, 91, 78, 24 ], "completed": false }, { "type": "link", "position": [ 778, 91, 35, 24 ], "completed": false } ] }, { "text": "#A header of PlugShare for users to log in or register.# There is a logo of PlugShare on the left. On the right, there is a button for users to change the language, a button \"Login\" for users to log in and a button \"Register\" for users to register.", "region_id": "3598", "region_type": "Header", "ir": "[region:Header [el:logo [attr:value 'PlugShare'] [attr:position 'left'] ] [el:button [attr:position 'right'] ] [el:button [attr:position 'right'] [attr:value 'login'] ] [el:button [attr:value 'register'] [attr:position 'right'] ] ]", "execution": "header : button right undefined | button right undefined | button right undefined | logo left undefined", "layout_seq_with_completion": "complete background 0 0 120 5 | button 108 0 11 5 | button 98 0 9 5 | button 92 1 3 2 | logo 0 0 20 4", "layout_seq_without_completion": "background 0 0 120 5 | button 108 0 11 5 | button 98 0 9 5 | button 92 1 3 2 | logo 0 0 20 4", "plain_layout_seq": "background 0 0 120 5 | button 108 0 11 5 | button 98 0 9 5 | button 92 1 3 2 | logo 0 0 20 4", "canvas_width": 1024, "canvas_height": 45, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 45 ], "completed": true }, { "type": "button", "position": [ 837, 0, 85, 45 ], "completed": false }, { "type": "button", "position": [ 923, 0, 101, 45 ], "completed": false }, { "type": "logo", "position": [ 0, 2, 171, 40 ], "completed": false }, { "type": "button", "position": [ 786, 12, 30, 22 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is a description on the top. Also, there is a logo to present the brand, and three icons for users to get more information.", "region_id": "7132", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:logo] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 0 0 120 5 | icon 6 21 2 2 | icon 105 21 2 2 | icon 110 21 2 2 | complete input 6 20 6 5 | logo 45 8 29 27", "layout_seq_without_completion": "description 0 0 120 5 | icon 6 21 2 2 | icon 105 21 2 2 | icon 110 21 2 2 | input 6 20 6 5 | logo 45 8 29 27", "plain_layout_seq": "description 0 0 120 5 | icon 6 21 2 2 | icon 105 21 2 2 | icon 110 21 2 2 | input 6 20 6 5 | logo 45 8 29 27", "canvas_width": 1024, "canvas_height": 384, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "logo", "position": [ 387, 74, 250, 237 ], "completed": false }, { "type": "input", "position": [ 55, 171, 59, 44 ], "completed": true }, { "type": "icon", "position": [ 52, 182, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 898, 182, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 943, 182, 22, 23 ], "completed": false } ] }, { "text": "# A header page for an online store CREDIT HELPER SAUCE, # The page should have a store logo, three links \"Home\" \"Service\", and \"Contact\" for more info, and three icons for search, login, and the shopping cart.", "region_id": "8504", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, service, contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 13 2 2 | icon 105 13 2 2 | icon 109 12 5 5 | logo 45 5 29 19 | \" [ link 47 28 4 2 ] | [ link 54 28 8 2 ] | [ link 65 28 7 2 ] \"", "layout_seq_without_completion": "icon 7 13 2 2 | icon 105 13 2 2 | icon 109 12 5 5 | logo 45 5 29 19 | \" [ link 47 28 4 2 ] | [ link 54 28 8 2 ] | [ link 65 28 7 2 ] \"", "plain_layout_seq": "icon 7 13 2 2 | icon 105 13 2 2 | icon 109 12 5 5 | link 47 28 4 2 | link 54 28 8 2 | link 65 28 7 2 | logo 45 5 29 19", "canvas_width": 1024, "canvas_height": 276, "elements": [ { "type": "logo", "position": [ 387, 46, 250, 167 ], "completed": false }, { "type": "icon", "position": [ 938, 107, 46, 46 ], "completed": false }, { "type": "icon", "position": [ 65, 119, 21, 21 ], "completed": false }, { "type": "icon", "position": [ 904, 119, 21, 21 ], "completed": false }, { "type": "link", "position": [ 405, 245, 35, 18 ], "completed": false }, { "type": "link", "position": [ 465, 245, 69, 18 ], "completed": false }, { "type": "link", "position": [ 559, 245, 60, 18 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about the product.# The page has a logo of the product and ten links for users to click to get further information about the product. And then, there is also an icon of searching for users to click to search for more information.", "region_id": "6187", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '10'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 2 3 23 10 | \" [ link 2 29 8 2 ] | [ link 10 29 8 2 ] | [ link 19 29 16 2 ] | [ link 36 29 13 2 ] | [ link 49 29 9 2 ] | [ link 59 29 20 2 ] | [ link 79 29 7 2 ] | [ link 87 29 6 2 ] | [ link 94 29 5 2 ] | [ link 99 29 7 2 ] \"", "layout_seq_without_completion": "logo 2 3 23 10 | \" [ link 2 29 8 2 ] | [ link 10 29 8 2 ] | [ link 19 29 16 2 ] | [ link 36 29 13 2 ] | [ link 49 29 9 2 ] | [ link 59 29 20 2 ] | [ link 79 29 7 2 ] | [ link 87 29 6 2 ] | [ link 94 29 5 2 ] | [ link 99 29 7 2 ] \"", "plain_layout_seq": "link 2 29 8 2 | link 10 29 8 2 | link 19 29 16 2 | link 36 29 13 2 | link 49 29 9 2 | link 59 29 20 2 | link 79 29 7 2 | link 87 29 6 2 | link 94 29 5 2 | link 99 29 7 2 | logo 2 3 23 10", "canvas_width": 1024, "canvas_height": 280, "elements": [ { "type": "logo", "position": [ 22, 28, 200, 90 ], "completed": false }, { "type": "link", "position": [ 22, 254, 71, 25 ], "completed": false }, { "type": "link", "position": [ 93, 254, 72, 25 ], "completed": false }, { "type": "link", "position": [ 166, 254, 144, 25 ], "completed": false }, { "type": "link", "position": [ 310, 254, 115, 25 ], "completed": false }, { "type": "link", "position": [ 425, 254, 81, 25 ], "completed": false }, { "type": "link", "position": [ 505, 254, 173, 25 ], "completed": false }, { "type": "link", "position": [ 678, 254, 67, 25 ], "completed": false }, { "type": "link", "position": [ 745, 254, 59, 25 ], "completed": false }, { "type": "link", "position": [ 803, 254, 46, 25 ], "completed": false }, { "type": "link", "position": [ 849, 254, 66, 25 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop. # The page should have a shop logo, four links \"Home\" \"Shop\" \"About Us\", and \"Contact\" for the user to learn more info about the shop. What's more, two icons should be provided for the user to search and check the shopping cart.", "region_id": "7876", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, shop, about us, contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 105 5 2 2 | icon 109 5 2 2 | logo 6 1 22 9 | \" [ link 44 5 4 2 ] | [ link 52 5 3 2 ] | [ link 59 5 7 2 ] | [ link 69 5 5 2 ] \"", "layout_seq_without_completion": "icon 105 5 2 2 | icon 109 5 2 2 | logo 6 1 22 9 | \" [ link 44 5 4 2 ] | [ link 52 5 3 2 ] | [ link 59 5 7 2 ] | [ link 69 5 5 2 ] \"", "plain_layout_seq": "icon 105 5 2 2 | icon 109 5 2 2 | link 44 5 4 2 | link 52 5 3 2 | link 59 5 7 2 | link 69 5 5 2 | logo 6 1 22 9", "canvas_width": 1024, "canvas_height": 110, "elements": [ { "type": "logo", "position": [ 55, 15, 195, 79 ], "completed": false }, { "type": "link", "position": [ 383, 45, 40, 18 ], "completed": false }, { "type": "link", "position": [ 447, 45, 34, 18 ], "completed": false }, { "type": "link", "position": [ 505, 45, 61, 18 ], "completed": false }, { "type": "link", "position": [ 590, 45, 51, 18 ], "completed": false }, { "type": "icon", "position": [ 898, 45, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 45, 20, 20 ], "completed": false } ] }, { "text": "#A page to show guidance for customers.# On this page, from the left to the right, there is the logo of the company, six links and three icons.", "region_id": "6895", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link ] ] ] [el:icon [attr:repeat '3']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 13 | logo 4 3 23 6 | \" [ link 32 2 17 4 ] | [ link 50 2 11 4 ] | [ link 61 2 7 4 ] | [ link 69 2 17 4 ] | [ link 45 6 13 4 ] | [ link 58 6 16 4 ] \" | \" [ icon 99 5 3 3 ] | [ icon 105 5 3 3 ] | [ icon 112 5 3 3 ] \"", "layout_seq_without_completion": "background 0 0 120 13 | logo 4 3 23 6 | \" [ link 32 2 17 4 ] | [ link 50 2 11 4 ] | [ link 61 2 7 4 ] | [ link 69 2 17 4 ] | [ link 45 6 13 4 ] | [ link 58 6 16 4 ] \" | \" [ icon 99 5 3 3 ] | [ icon 105 5 3 3 ] | [ icon 112 5 3 3 ] \"", "plain_layout_seq": "background 0 0 120 13 | icon 99 5 3 3 | icon 105 5 3 3 | icon 112 5 3 3 | link 32 2 17 4 | link 50 2 11 4 | link 61 2 7 4 | link 69 2 17 4 | link 45 6 13 4 | link 58 6 16 4 | logo 4 3 23 6", "canvas_width": 1024, "canvas_height": 116, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 116 ], "completed": true }, { "type": "link", "position": [ 281, 22, 149, 36 ], "completed": false }, { "type": "link", "position": [ 430, 22, 98, 36 ], "completed": false }, { "type": "link", "position": [ 528, 22, 68, 36 ], "completed": false }, { "type": "link", "position": [ 596, 22, 148, 36 ], "completed": false }, { "type": "logo", "position": [ 40, 30, 200, 56 ], "completed": false }, { "type": "icon", "position": [ 904, 44, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 44, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 852, 45, 28, 28 ], "completed": false }, { "type": "link", "position": [ 385, 58, 113, 36 ], "completed": false }, { "type": "link", "position": [ 498, 58, 142, 36 ], "completed": false } ] }, { "text": "#A page of navigation.# The page should have five links, including \"Things you must know\", \"Why Life insurance\", \"Why Invest\", \"Go Mobile\", and \"Updated on - 08/06/2022\".", "region_id": "5535", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'things you must know, why life insurance, why invest, go mobile, updated on - 08/06/2022'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 2 20 2 ] | [ link 36 2 17 2 ] | [ link 58 2 10 2 ] | [ link 72 2 9 2 ] | [ link 85 2 22 2 ] \"", "layout_seq_without_completion": "\" [ link 11 2 20 2 ] | [ link 36 2 17 2 ] | [ link 58 2 10 2 ] | [ link 72 2 9 2 ] | [ link 85 2 22 2 ] \"", "plain_layout_seq": "link 11 2 20 2 | link 36 2 17 2 | link 58 2 10 2 | link 72 2 9 2 | link 85 2 22 2", "canvas_width": 1024, "canvas_height": 64, "elements": [ { "type": "link", "position": [ 101, 20, 177, 24 ], "completed": false }, { "type": "link", "position": [ 313, 20, 150, 24 ], "completed": false }, { "type": "link", "position": [ 498, 20, 86, 24 ], "completed": false }, { "type": "link", "position": [ 619, 20, 79, 24 ], "completed": false }, { "type": "link", "position": [ 733, 20, 190, 24 ], "completed": false } ] }, { "text": "#A header page of an online shop website.# There is one image and seven buttons that is \"FASHION\", \"BEAUTY\", \"HEALTH&SELF\", \"FOOD\", \"INTERIORS\", \"SUBSCRIBE\", and \"NEWSLETTER\".", "region_id": "6244", "region_type": "Header", "ir": "[region:Header [el:image] [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'fashion, beauty, health&self, food, interiors, subscribe,NEWSLETTER'] [item [el:button] ] ] ]", "execution": "header : image undefined undefined | { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "button 84 1 10 2 | button 97 2 12 2 | image 10 0 10 4 | \" [ button 22 2 8 2 ] | [ button 33 2 7 2 ] | [ button 42 2 14 2 ] | [ button 59 2 5 2 ] | [ button 67 2 10 2 ] \"", "layout_seq_without_completion": "button 84 1 10 2 | button 97 2 12 2 | image 10 0 10 4 | \" [ button 22 2 8 2 ] | [ button 33 2 7 2 ] | [ button 42 2 14 2 ] | [ button 59 2 5 2 ] | [ button 67 2 10 2 ] \"", "plain_layout_seq": "button 84 1 10 2 | button 97 2 12 2 | button 22 2 8 2 | button 33 2 7 2 | button 42 2 14 2 | button 59 2 5 2 | button 67 2 10 2 | image 10 0 10 4", "canvas_width": 1009, "canvas_height": 55, "elements": [ { "type": "image", "position": [ 87, 7, 88, 40 ], "completed": false }, { "type": "button", "position": [ 708, 16, 91, 21 ], "completed": false }, { "type": "button", "position": [ 185, 17, 73, 19 ], "completed": false }, { "type": "button", "position": [ 278, 17, 63, 19 ], "completed": false }, { "type": "button", "position": [ 361, 17, 120, 19 ], "completed": false }, { "type": "button", "position": [ 501, 17, 48, 19 ], "completed": false }, { "type": "button", "position": [ 569, 17, 86, 19 ], "completed": false }, { "type": "button", "position": [ 819, 17, 107, 21 ], "completed": false } ] }, { "text": "#A page for showing the info of one company.# There is one menu button, one title \"MOZZAFIATO COUTURE\", and three buttons for contacting, making a search, and adding items to a cart.", "region_id": "7536", "region_type": "Header", "ir": "[region:Header [el:button] [el:title [attr:value 'MOZZAFIATO COUTURE'] ] [el:button[attr:value'contacting']] [el:button[attr:value'search']] [el:button[attr:value'adding to a cart']]]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | button undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 2 5 5 | title 22 3 75 4 | \" [ button 103 3 2 3 ] | [ button 108 3 2 3 ] | [ button 113 3 2 3 ] \"", "layout_seq_without_completion": "button 2 2 5 5 | title 22 3 75 4 | \" [ button 103 3 2 3 ] | [ button 108 3 2 3 ] | [ button 113 3 2 3 ] \"", "plain_layout_seq": "button 2 2 5 5 | button 103 3 2 3 | button 108 3 2 3 | button 113 3 2 3 | title 22 3 75 4", "canvas_width": 1009, "canvas_height": 91, "elements": [ { "type": "button", "position": [ 20, 24, 50, 50 ], "completed": false }, { "type": "title", "position": [ 188, 28, 633, 35 ], "completed": false }, { "type": "button", "position": [ 872, 30, 22, 26 ], "completed": false }, { "type": "button", "position": [ 912, 30, 21, 26 ], "completed": false }, { "type": "button", "position": [ 951, 30, 21, 26 ], "completed": false } ] }, { "text": "#A navigation page of PC risk.# The page should include the logo of PC risk. There should also be five links.", "region_id": "3977", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete image 0 0 18 6 | logo 0 0 16 4 | \" [ link 19 2 11 1 ] | [ link 32 2 3 1 ] | [ link 39 2 3 1 ] | [ link 44 2 13 1 ] | [ link 60 2 12 1 ] \"", "layout_seq_without_completion": "image 0 0 18 6 | logo 0 0 16 4 | \" [ link 19 2 11 1 ] | [ link 32 2 3 1 ] | [ link 39 2 3 1 ] | [ link 44 2 13 1 ] | [ link 60 2 12 1 ] \"", "plain_layout_seq": "image 0 0 18 6 | link 19 2 11 1 | link 32 2 3 1 | link 39 2 3 1 | link 44 2 13 1 | link 60 2 12 1 | logo 0 0 16 4", "canvas_width": 1009, "canvas_height": 51, "elements": [ { "type": "image", "position": [ 0, 0, 152, 51 ], "completed": true }, { "type": "logo", "position": [ 5, 3, 142, 40 ], "completed": false }, { "type": "link", "position": [ 162, 19, 97, 12 ], "completed": false }, { "type": "link", "position": [ 277, 19, 33, 12 ], "completed": false }, { "type": "link", "position": [ 328, 19, 30, 12 ], "completed": false }, { "type": "link", "position": [ 376, 19, 110, 12 ], "completed": false }, { "type": "link", "position": [ 505, 19, 106, 12 ], "completed": false } ] }, { "text": "#A page for navigation of 12UP.#The page should have a logo and thirteen links, \"NFL\", \"MLB\", \"NBA\", \"NHL\", \"NCAA Football\", \"NCAA Basketball\", \"MMA\", \"Boxing\", \"Lists\", \"Highlights\", \"Dbltap\", \"12uppercut\", \"12upinions\". There are four icons on the right side for users to share with some social media and an icon beside this. There is an icon beside the logo to help users to get more information.", "region_id": "5623", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '13'] [gattr:names 'nfl, mlb, nba, nhl, ncaa football, ncaa basketball,MMA,Boxing,Lists,Highlights,Dbltap,12uppercut, 12upinions'] [item [el:link ] ] ] [el:icon [attr:repeat '5'][attr:position 'right'] ] [el:icon]]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | icon right undefined | icon right undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 116 2 1 1 | complete image 0 0 120 7 | \" [ icon 97 2 0 1 ] | [ icon 100 2 2 1 ] | [ icon 104 2 1 1 ] | [ icon 108 2 1 1 ] \" | \" [ logo 7 1 10 3 | complete text 1 3 1 0 | complete text 1 4 1 0 | complete text 1 2 1 0 ] | [ complete image 0 7 120 4 | link 6 7 3 2 | link 18 7 3 2 | link 23 7 12 2 | link 73 7 8 2 | link 83 7 5 2 | link 101 7 9 2 | link 1 7 3 2 | link 12 7 3 2 | link 37 7 14 2 | link 53 7 4 2 | link 60 7 5 2 | link 67 7 3 2 | link 90 7 9 2 ] \"", "layout_seq_without_completion": "icon 116 2 1 1 | image 0 0 120 7 | \" [ icon 97 2 0 1 ] | [ icon 100 2 2 1 ] | [ icon 104 2 1 1 ] | [ icon 108 2 1 1 ] \" | \" [ logo 7 1 10 3 | text 1 3 1 0 | text 1 4 1 0 | text 1 2 1 0 ] | [ image 0 7 120 4 | link 6 7 3 2 | link 18 7 3 2 | link 23 7 12 2 | link 73 7 8 2 | link 83 7 5 2 | link 101 7 9 2 | link 1 7 3 2 | link 12 7 3 2 | link 37 7 14 2 | link 53 7 4 2 | link 60 7 5 2 | link 67 7 3 2 | link 90 7 9 2 ] \"", "plain_layout_seq": "icon 116 2 1 1 | icon 97 2 0 1 | icon 100 2 2 1 | icon 104 2 1 1 | icon 108 2 1 1 | image 0 0 120 7 | image 0 7 120 4 | link 6 7 3 2 | link 18 7 3 2 | link 23 7 12 2 | link 73 7 8 2 | link 83 7 5 2 | link 101 7 9 2 | link 1 7 3 2 | link 12 7 3 2 | link 37 7 14 2 | link 53 7 4 2 | link 60 7 5 2 | link 67 7 3 2 | link 90 7 9 2 | logo 7 1 10 3 | text 1 3 1 0 | text 1 4 1 0 | text 1 2 1 0", "canvas_width": 1024, "canvas_height": 100, "elements": [ { "type": "image", "position": [ 0, 0, 1024, 60 ], "completed": true }, { "type": "logo", "position": [ 66, 15, 86, 30 ], "completed": false }, { "type": "icon", "position": [ 829, 20, 8, 15 ], "completed": false }, { "type": "icon", "position": [ 858, 20, 18, 15 ], "completed": false }, { "type": "icon", "position": [ 893, 20, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 926, 20, 15, 15 ], "completed": false }, { "type": "text", "position": [ 15, 22, 16, 2 ], "completed": true }, { "type": "icon", "position": [ 994, 22, 15, 15 ], "completed": false }, { "type": "text", "position": [ 15, 29, 16, 2 ], "completed": true }, { "type": "text", "position": [ 15, 36, 16, 2 ], "completed": true }, { "type": "image", "position": [ 0, 60, 1024, 40 ], "completed": true }, { "type": "link", "position": [ 15, 68, 29, 24 ], "completed": false }, { "type": "link", "position": [ 59, 68, 33, 24 ], "completed": false }, { "type": "link", "position": [ 107, 68, 32, 24 ], "completed": false }, { "type": "link", "position": [ 154, 68, 31, 24 ], "completed": false }, { "type": "link", "position": [ 200, 68, 105, 24 ], "completed": false }, { "type": "link", "position": [ 320, 68, 123, 24 ], "completed": false }, { "type": "link", "position": [ 458, 68, 39, 24 ], "completed": false }, { "type": "link", "position": [ 512, 68, 49, 24 ], "completed": false }, { "type": "link", "position": [ 576, 68, 34, 24 ], "completed": false }, { "type": "link", "position": [ 625, 68, 72, 24 ], "completed": false }, { "type": "link", "position": [ 712, 68, 46, 24 ], "completed": false }, { "type": "link", "position": [ 773, 68, 82, 24 ], "completed": false }, { "type": "link", "position": [ 870, 68, 79, 24 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click to jump to the home page, view the post and ad, users' ads, and check the help.", "region_id": "6246", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, post and ad, my ads, help'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ complete background 0 0 9 3 | link 2 0 4 1 ] | [ complete background 10 0 13 3 | link 12 0 8 1 ] | [ complete background 23 0 10 3 | link 26 0 5 1 ] | [ complete background 34 0 8 3 | link 36 0 3 1 ] \"", "layout_seq_without_completion": "\" [ background 0 0 9 3 | link 2 0 4 1 ] | [ background 10 0 13 3 | link 12 0 8 1 ] | [ background 23 0 10 3 | link 26 0 5 1 ] | [ background 34 0 8 3 | link 36 0 3 1 ] \"", "plain_layout_seq": "background 0 0 9 3 | background 10 0 13 3 | background 23 0 10 3 | background 34 0 8 3 | link 2 0 4 1 | link 12 0 8 1 | link 26 0 5 1 | link 36 0 3 1", "canvas_width": 960, "canvas_height": 30, "elements": [ { "type": "background", "position": [ 0, 0, 76, 30 ], "completed": true }, { "type": "background", "position": [ 80, 0, 106, 30 ], "completed": true }, { "type": "background", "position": [ 188, 0, 84, 30 ], "completed": true }, { "type": "background", "position": [ 275, 0, 68, 30 ], "completed": true }, { "type": "link", "position": [ 20, 7, 36, 15 ], "completed": false }, { "type": "link", "position": [ 100, 7, 66, 15 ], "completed": false }, { "type": "link", "position": [ 208, 7, 44, 15 ], "completed": false }, { "type": "link", "position": [ 295, 7, 28, 15 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 5 links for users to click to quickly learn about medical code, medical billing, medical auditing, practice management, and health compliance.", "region_id": "2453", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Medical Code, Medical Billing, medical auditing, Practice Management, Health Compliance'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 95 0 24 8 | link 71 0 23 8 | link 0 0 24 8 | link 24 0 24 8 | link 48 0 23 8", "layout_seq_without_completion": "link 95 0 24 8 | link 71 0 23 8 | link 0 0 24 8 | link 24 0 24 8 | link 48 0 23 8", "plain_layout_seq": "link 95 0 24 8 | link 71 0 23 8 | link 0 0 24 8 | link 24 0 24 8 | link 48 0 23 8", "canvas_width": 1004, "canvas_height": 76, "elements": [ { "type": "link", "position": [ 0, 1, 201, 75 ], "completed": false }, { "type": "link", "position": [ 201, 1, 201, 75 ], "completed": false }, { "type": "link", "position": [ 402, 1, 200, 75 ], "completed": false }, { "type": "link", "position": [ 602, 1, 200, 75 ], "completed": false }, { "type": "link", "position": [ 803, 1, 201, 75 ], "completed": false } ] }, { "text": "# A header page of the company Brush Busters.# The page should have a logo of the company and five categories of links \"Home\", \"Contact\", \"Buy Now\", \"Our Story\" and \"Blog\" for the user to click to know the company. Besides, there should be an icon for searching, and the other icon for checking favorites.", "region_id": "7808", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Home, Contact, Buy Now, Our Story, Blog'] [item [el:link] ] ] [el:icon [attr:value 'search']][el:icon [attr:value 'favorites'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 13 2 3 | icon 112 13 2 3 | complete input 105 12 6 4 | logo 6 1 26 26 | \" [ link 36 13 7 3 ] | [ link 44 13 9 3 ] | [ link 54 13 10 3 ] | [ link 65 13 11 3 ] | [ link 77 13 6 3 ] \"", "layout_seq_without_completion": "icon 106 13 2 3 | icon 112 13 2 3 | input 105 12 6 4 | logo 6 1 26 26 | \" [ link 36 13 7 3 ] | [ link 44 13 9 3 ] | [ link 54 13 10 3 ] | [ link 65 13 11 3 ] | [ link 77 13 6 3 ] \"", "plain_layout_seq": "icon 106 13 2 3 | icon 112 13 2 3 | input 105 12 6 4 | link 36 13 7 3 | link 44 13 9 3 | link 54 13 10 3 | link 65 13 11 3 | link 77 13 6 3 | logo 6 1 26 26", "canvas_width": 1024, "canvas_height": 260, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 229 ], "completed": false }, { "type": "input", "position": [ 904, 109, 55, 41 ], "completed": true }, { "type": "link", "position": [ 308, 114, 66, 30 ], "completed": false }, { "type": "link", "position": [ 380, 114, 83, 30 ], "completed": false }, { "type": "link", "position": [ 468, 114, 88, 30 ], "completed": false }, { "type": "link", "position": [ 560, 114, 96, 30 ], "completed": false }, { "type": "link", "position": [ 662, 114, 54, 30 ], "completed": false }, { "type": "icon", "position": [ 909, 114, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 114, 20, 30 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has a brand logo, eight links showing different categories of information for users to click to get further information, and two icons to realize different functions.", "region_id": "7386", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 11 2 2 | icon 110 9 5 5 | logo 5 3 15 18 | \" [ link 25 8 4 2 ] | [ link 33 8 5 2 ] | [ link 41 8 3 2 ] | [ link 47 8 5 2 ] | [ link 56 8 6 2 ] | [ link 65 8 8 2 ] | [ link 77 8 13 2 ] | [ link 25 13 12 2 ] \"", "layout_seq_without_completion": "icon 106 11 2 2 | icon 110 9 5 5 | logo 5 3 15 18 | \" [ link 25 8 4 2 ] | [ link 33 8 5 2 ] | [ link 41 8 3 2 ] | [ link 47 8 5 2 ] | [ link 56 8 6 2 ] | [ link 65 8 8 2 ] | [ link 77 8 13 2 ] | [ link 25 13 12 2 ] \"", "plain_layout_seq": "icon 106 11 2 2 | icon 110 9 5 5 | link 25 8 4 2 | link 33 8 5 2 | link 41 8 3 2 | link 47 8 5 2 | link 56 8 6 2 | link 65 8 8 2 | link 77 8 13 2 | link 25 13 12 2 | logo 5 3 15 18", "canvas_width": 1024, "canvas_height": 212, "elements": [ { "type": "logo", "position": [ 50, 27, 130, 156 ], "completed": false }, { "type": "link", "position": [ 220, 75, 38, 18 ], "completed": false }, { "type": "link", "position": [ 282, 75, 50, 18 ], "completed": false }, { "type": "link", "position": [ 356, 75, 27, 18 ], "completed": false }, { "type": "link", "position": [ 407, 75, 49, 18 ], "completed": false }, { "type": "link", "position": [ 480, 75, 56, 18 ], "completed": false }, { "type": "link", "position": [ 560, 75, 75, 18 ], "completed": false }, { "type": "link", "position": [ 658, 75, 117, 18 ], "completed": false }, { "type": "icon", "position": [ 942, 83, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 910, 95, 20, 20 ], "completed": false }, { "type": "link", "position": [ 220, 117, 108, 18 ], "completed": false } ] }, { "text": "# A header page for navigation of The Garden Gates. # The page should have a logo, an input box with a search icon for the user to search for things, and two links \"ACCOUNT\" and \"CART\" for the user to log in and check the shopping cart.", "region_id": "7504", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search ']] [el:icon] [el:link [attr:value 'account'] ] [el:link [attr:value 'CART'] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 72 5 3 3 | icon 79 5 3 3 | icon 102 5 3 3 | input 55 4 22 5 | link 84 5 15 3 | link 107 5 8 3 | logo 4 1 46 10", "layout_seq_without_completion": "icon 72 5 3 3 | icon 79 5 3 3 | icon 102 5 3 3 | input 55 4 22 5 | link 84 5 15 3 | link 107 5 8 3 | logo 4 1 46 10", "plain_layout_seq": "icon 72 5 3 3 | icon 79 5 3 3 | icon 102 5 3 3 | input 55 4 22 5 | link 84 5 15 3 | link 107 5 8 3 | logo 4 1 46 10", "canvas_width": 1024, "canvas_height": 123, "elements": [ { "type": "logo", "position": [ 40, 15, 400, 93 ], "completed": false }, { "type": "input", "position": [ 470, 38, 193, 47 ], "completed": false }, { "type": "link", "position": [ 717, 46, 130, 31 ], "completed": false }, { "type": "link", "position": [ 914, 46, 70, 31 ], "completed": false }, { "type": "icon", "position": [ 620, 48, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 675, 49, 27, 27 ], "completed": false }, { "type": "icon", "position": [ 872, 49, 27, 27 ], "completed": false } ] }, { "text": "#A page for guiding users to learn more about the web.# The page includes a label named \"Menu\" with an icon beside it for users to click to see the different categories, and an icon for searching for further information.", "region_id": "3379", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'menu'] ] [el:icon [attr:value 'different categories'] ] [el:icon [attr:value 'search']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 2 2 1 1 | icon 115 2 1 1 | title 4 2 5 2", "layout_seq_without_completion": "icon 2 2 1 1 | icon 115 2 1 1 | title 4 2 5 2", "plain_layout_seq": "icon 2 2 1 1 | icon 115 2 1 1 | title 4 2 5 2", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "title", "position": [ 35, 21, 47, 18 ], "completed": false }, { "type": "icon", "position": [ 20, 22, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 989, 22, 15, 15 ], "completed": false } ] }, { "text": "#A header page for introducing 2009-2021 LimeTorrents to users.# On the top, this page should contain seven links for users to click for further information such as \"home\", \"rss\", \"privacy\", \"DMCA\", \"webku\", \"techbar\", and \"contact us\". Below, there should be one title named \"2009-2021 LimeTorrents\".", "region_id": "3838", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'home,rss,privacy,DMCA,webku,techbar,contact us'] [item [el:link [attr:position 'top']]]] [el:title [attr:position 'bottom'] [attr:value '2009-2021 LimeTorrents'] ] ]", "execution": "header : title bottom undefined | { [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] | [ link top undefined ] }", "layout_seq_with_completion": "title 1 6 117 1 | \" [ link 12 0 4 3 ] | [ link 25 0 2 3 ] | [ link 37 0 6 3 ] | [ link 53 0 4 3 ] | [ link 66 0 5 3 ] | [ link 81 0 7 3 ] | [ link 97 0 10 3 ] \"", "layout_seq_without_completion": "title 1 6 117 1 | \" [ link 12 0 4 3 ] | [ link 25 0 2 3 ] | [ link 37 0 6 3 ] | [ link 53 0 4 3 ] | [ link 66 0 5 3 ] | [ link 81 0 7 3 ] | [ link 97 0 10 3 ] \"", "plain_layout_seq": "link 12 0 4 3 | link 25 0 2 3 | link 37 0 6 3 | link 53 0 4 3 | link 66 0 5 3 | link 81 0 7 3 | link 97 0 10 3 | title 1 6 117 1", "canvas_width": 1024, "canvas_height": 82, "elements": [ { "type": "link", "position": [ 105, 4, 42, 27 ], "completed": false }, { "type": "link", "position": [ 221, 4, 25, 27 ], "completed": false }, { "type": "link", "position": [ 320, 4, 59, 27 ], "completed": false }, { "type": "link", "position": [ 453, 4, 42, 27 ], "completed": false }, { "type": "link", "position": [ 569, 4, 51, 27 ], "completed": false }, { "type": "link", "position": [ 694, 4, 63, 27 ], "completed": false }, { "type": "link", "position": [ 831, 4, 88, 27 ], "completed": false }, { "type": "title", "position": [ 10, 56, 1004, 16 ], "completed": false } ] }, { "text": "#The page introducing the header of the app to the user.#There should be a logo of the app and five links for the user to click on to get further information and one button named \"Start Now\" for the user to click on to go into the next step.", "region_id": "3957", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:button [attr:value 'Start Now'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 1 12 5 | link 73 0 8 8 | link 55 0 8 8 | link 63 0 9 8 | link 82 0 9 8 | link 92 0 7 8 | logo 5 1 21 5", "layout_seq_without_completion": "button 101 1 12 5 | link 73 0 8 8 | link 55 0 8 8 | link 63 0 9 8 | link 82 0 9 8 | link 92 0 7 8 | logo 5 1 21 5", "plain_layout_seq": "button 101 1 12 5 | link 73 0 8 8 | link 55 0 8 8 | link 63 0 9 8 | link 82 0 9 8 | link 92 0 7 8 | logo 5 1 21 5", "canvas_width": 1024, "canvas_height": 74, "elements": [ { "type": "link", "position": [ 473, 0, 71, 74 ], "completed": false }, { "type": "link", "position": [ 544, 0, 84, 74 ], "completed": false }, { "type": "link", "position": [ 628, 0, 76, 74 ], "completed": false }, { "type": "link", "position": [ 704, 0, 85, 74 ], "completed": false }, { "type": "link", "position": [ 789, 0, 65, 74 ], "completed": false }, { "type": "logo", "position": [ 47, 14, 184, 45 ], "completed": false }, { "type": "button", "position": [ 870, 15, 107, 43 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has nine links for users to click to get more information.", "region_id": "7601", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 6 4 3 2 ] | [ link 12 4 8 2 ] | [ link 23 4 12 2 ] | [ link 37 4 7 2 ] | [ link 48 4 9 2 ] | [ link 60 4 14 2 ] | [ link 77 4 6 2 ] | [ link 87 4 17 2 ] | [ link 106 4 7 2 ] \"", "layout_seq_without_completion": "\" [ link 6 4 3 2 ] | [ link 12 4 8 2 ] | [ link 23 4 12 2 ] | [ link 37 4 7 2 ] | [ link 48 4 9 2 ] | [ link 60 4 14 2 ] | [ link 77 4 6 2 ] | [ link 87 4 17 2 ] | [ link 106 4 7 2 ] \"", "plain_layout_seq": "link 6 4 3 2 | link 12 4 8 2 | link 23 4 12 2 | link 37 4 7 2 | link 48 4 9 2 | link 60 4 14 2 | link 77 4 6 2 | link 87 4 17 2 | link 106 4 7 2", "canvas_width": 964, "canvas_height": 101, "elements": [ { "type": "link", "position": [ 49, 35, 29, 20 ], "completed": false }, { "type": "link", "position": [ 98, 35, 69, 20 ], "completed": false }, { "type": "link", "position": [ 187, 35, 98, 20 ], "completed": false }, { "type": "link", "position": [ 305, 35, 62, 20 ], "completed": false }, { "type": "link", "position": [ 387, 35, 79, 20 ], "completed": false }, { "type": "link", "position": [ 486, 35, 118, 20 ], "completed": false }, { "type": "link", "position": [ 624, 35, 55, 20 ], "completed": false }, { "type": "link", "position": [ 699, 35, 137, 20 ], "completed": false }, { "type": "link", "position": [ 856, 35, 59, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have eight links for users to click to know the different content of the web fastly, such as news, in-person, and so on. Also, there should include two icons and one input for searching.", "region_id": "5593", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'news, in-person'][item [el:link]] ] [el:icon [attr:repeat '2']] [el:input [attr:value 'search']]]", "execution": "header : icon undefined undefined | icon undefined undefined | input undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "input 108 10 10 3 | \" [ link 6 5 4 1 ] | [ link 16 5 5 1 ] | [ link 28 5 7 1 ] | [ link 42 5 10 1 ] | [ link 58 5 15 1 ] | [ link 79 5 6 1 ] | [ link 92 5 15 1 ] | [ link 6 8 10 1 ] \"", "layout_seq_without_completion": "input 108 10 10 3 | \" [ link 6 5 4 1 ] | [ link 16 5 5 1 ] | [ link 28 5 7 1 ] | [ link 42 5 10 1 ] | [ link 58 5 15 1 ] | [ link 79 5 6 1 ] | [ link 92 5 15 1 ] | [ link 6 8 10 1 ] \"", "plain_layout_seq": "input 108 10 10 3 | link 6 5 4 1 | link 16 5 5 1 | link 28 5 7 1 | link 42 5 10 1 | link 58 5 15 1 | link 79 5 6 1 | link 92 5 15 1 | link 6 8 10 1", "canvas_width": 1009, "canvas_height": 127, "elements": [ { "type": "link", "position": [ 56, 46, 34, 12 ], "completed": false }, { "type": "link", "position": [ 140, 46, 50, 12 ], "completed": false }, { "type": "link", "position": [ 240, 46, 63, 12 ], "completed": false }, { "type": "link", "position": [ 354, 46, 87, 12 ], "completed": false }, { "type": "link", "position": [ 490, 46, 132, 12 ], "completed": false }, { "type": "link", "position": [ 672, 46, 57, 12 ], "completed": false }, { "type": "link", "position": [ 780, 46, 127, 12 ], "completed": false }, { "type": "link", "position": [ 56, 72, 88, 12 ], "completed": false }, { "type": "input", "position": [ 912, 90, 85, 28 ], "completed": false } ] }, { "text": "# A header page for navigation of Car & Bids.# The page should have a logo, a link to \"Auctions\" to view auctions on the website, and two buttons \"Sell a car\" and \"Sign up\" for the user to sell a car and sign up for the website. Besides, there should be an input box where the user can search for cars.", "region_id": "4564", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:value 'auctions'] ] [el:button [attr:value 'sell a car'] ] [el:button [attr:value 'sign up'] ] [el:input [attr:value 'search for cars(ex. BMW,Audi,Ford)']] ]", "execution": "header : button undefined undefined | button undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 36 2 10 4 | button 100 2 14 5 | input 52 1 44 5 | link 27 1 7 6 | logo 4 3 19 3", "layout_seq_without_completion": "button 36 2 10 4 | button 100 2 14 5 | input 52 1 44 5 | link 27 1 7 6 | logo 4 3 19 3", "plain_layout_seq": "button 36 2 10 4 | button 100 2 14 5 | input 52 1 44 5 | link 27 1 7 6 | logo 4 3 19 3", "canvas_width": 1009, "canvas_height": 80, "elements": [ { "type": "link", "position": [ 234, 14, 59, 51 ], "completed": false }, { "type": "input", "position": [ 442, 16, 371, 46 ], "completed": false }, { "type": "button", "position": [ 847, 17, 122, 46 ], "completed": false }, { "type": "button", "position": [ 307, 22, 92, 36 ], "completed": false }, { "type": "logo", "position": [ 40, 26, 162, 28 ], "completed": false } ] }, { "text": "#A header page for one company.# On the left, there is one logo. In the middle, there are five info links \"Home\", \"Shop\", \"Contact Us\", \"Education\", and \"Find Us\". On the right, there are two buttons, one for search and the other for collecting.", "region_id": "7128", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, shop, contact us, education, find us'] [item [el:link] ] ] [el:button [attr:position 'right'] [attr:value 'search'] ] [el:button [attr:position 'right'] [attr:value 'collecting'] ] ]", "execution": "header : button right undefined | button right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 109 8 2 2 | button 105 8 2 2 | logo 6 1 26 15 | \" [ link 38 8 4 2 ] | [ link 46 8 3 2 ] | [ link 53 8 8 2 ] | [ link 64 8 7 2 ] | [ link 75 8 5 2 ] \"", "layout_seq_without_completion": "button 109 8 2 2 | button 105 8 2 2 | logo 6 1 26 15 | \" [ link 38 8 4 2 ] | [ link 46 8 3 2 ] | [ link 53 8 8 2 ] | [ link 64 8 7 2 ] | [ link 75 8 5 2 ] \"", "plain_layout_seq": "button 109 8 2 2 | button 105 8 2 2 | link 38 8 4 2 | link 46 8 3 2 | link 53 8 8 2 | link 64 8 7 2 | link 75 8 5 2 | logo 6 1 26 15", "canvas_width": 1024, "canvas_height": 164, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 133 ], "completed": false }, { "type": "link", "position": [ 332, 72, 40, 18 ], "completed": false }, { "type": "link", "position": [ 396, 72, 34, 18 ], "completed": false }, { "type": "link", "position": [ 454, 72, 74, 18 ], "completed": false }, { "type": "link", "position": [ 552, 72, 65, 18 ], "completed": false }, { "type": "link", "position": [ 641, 72, 51, 18 ], "completed": false }, { "type": "button", "position": [ 898, 72, 20, 20 ], "completed": false }, { "type": "button", "position": [ 938, 72, 20, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web JOHN DE LANCIE.#The page should have a logo and six links, \"home\", \"about\", \"works\", \"contact\", \"news\", \"autographs\". There are three icons for users to get more information.", "region_id": "8465", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, about, works, contact, news, autographs'] [item [el:link] ] ] [el:icon [attr:repeat '3'] [attr:value'more information']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 4 0 18 8 | complete text 111 1 2 5 | \" [ link 35 1 9 4 ] | [ link 45 1 9 4 ] | [ link 55 1 9 4 ] | [ link 66 1 12 4 ] | [ link 78 1 8 4 ] | [ link 52 7 17 4 ] \"", "layout_seq_without_completion": "logo 4 0 18 8 | text 111 1 2 5 | \" [ link 35 1 9 4 ] | [ link 45 1 9 4 ] | [ link 55 1 9 4 ] | [ link 66 1 12 4 ] | [ link 78 1 8 4 ] | [ link 52 7 17 4 ] \"", "plain_layout_seq": "link 35 1 9 4 | link 45 1 9 4 | link 55 1 9 4 | link 66 1 12 4 | link 78 1 8 4 | link 52 7 17 4 | logo 4 0 18 8 | text 111 1 2 5", "canvas_width": 1024, "canvas_height": 113, "elements": [ { "type": "logo", "position": [ 42, 5, 160, 70 ], "completed": false }, { "type": "text", "position": [ 951, 10, 23, 47 ], "completed": true }, { "type": "link", "position": [ 300, 13, 77, 40 ], "completed": false }, { "type": "link", "position": [ 384, 13, 82, 40 ], "completed": false }, { "type": "link", "position": [ 474, 13, 83, 40 ], "completed": false }, { "type": "link", "position": [ 564, 13, 104, 40 ], "completed": false }, { "type": "link", "position": [ 674, 13, 72, 40 ], "completed": false }, { "type": "link", "position": [ 448, 63, 152, 40 ], "completed": false } ] }, { "text": "# A header page for an online shop named Foxmoth. # On the top, there should have a sentence \"free US shipping on orders $99+\" introducing the free shipping condition. Then the page should have a background image, the name of the store in the middle, an icon for the side menu on the left, and three icons for the account, search, and shopping cart on the right are needed.", "region_id": "8749", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free US shipping on orders $99+'] [attr:position 'top'] ] [el:background_image] [el:text] [el:icon [attr:position 'left'][attr:value'side menu'] ] [el:icon [attr:position 'right'] [attr:repeat '3'][attr:value'account, search,shopping cart ']] ]", "execution": "header : background undefined undefined | icon left undefined | icon right undefined | icon right undefined | icon right undefined | text undefined undefined | title top undefined", "layout_seq_with_completion": "icon 4 8 3 3 | text 43 7 32 4 | title 0 0 120 3 | \" [ icon 102 8 3 3 ] | [ icon 107 8 3 3 ] | [ icon 112 8 3 3 ] \"", "layout_seq_without_completion": "icon 4 8 3 3 | text 43 7 32 4 | title 0 0 120 3 | \" [ icon 102 8 3 3 ] | [ icon 107 8 3 3 ] | [ icon 112 8 3 3 ] \"", "plain_layout_seq": "icon 4 8 3 3 | icon 102 8 3 3 | icon 107 8 3 3 | icon 112 8 3 3 | text 43 7 32 4 | title 0 0 120 3", "canvas_width": 1024, "canvas_height": 140, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 32 ], "completed": false }, { "type": "text", "position": [ 372, 65, 280, 42 ], "completed": false }, { "type": "icon", "position": [ 36, 72, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 871, 72, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 916, 72, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 960, 72, 28, 28 ], "completed": false } ] }, { "text": "#A header page of a web for users to get information.# The page should include a logo of the web. There are three links with icons, including \"Random\", \"Login\" and \"Register\" for users to click. There is also an input with a button for users to search on the page.", "region_id": "6364", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'random, login, register'] [item [el:link][el:icon] ] ] [el:input] [el:button] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 12 | button 82 0 4 4 | input 39 0 47 4 | link 108 0 11 6 | link 16 0 12 4 | link 98 0 9 6 | logo 1 0 7 5 | \" [ link 1 6 7 6 ] | [ link 9 6 10 6 ] | [ link 19 6 8 6 ] | [ link 28 6 12 6 ] | [ link 40 6 9 6 ] \"", "layout_seq_without_completion": "background 0 0 120 12 | button 82 0 4 4 | input 39 0 47 4 | link 108 0 11 6 | link 16 0 12 4 | link 98 0 9 6 | logo 1 0 7 5 | \" [ link 1 6 7 6 ] | [ link 9 6 10 6 ] | [ link 19 6 8 6 ] | [ link 28 6 12 6 ] | [ link 40 6 9 6 ] \"", "plain_layout_seq": "background 0 0 120 12 | button 82 0 4 4 | input 39 0 47 4 | link 108 0 11 6 | link 16 0 12 4 | link 98 0 9 6 | link 1 6 7 6 | link 9 6 10 6 | link 19 6 8 6 | link 28 6 12 6 | link 40 6 9 6 | logo 1 0 7 5", "canvas_width": 1009, "canvas_height": 104, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 104 ], "completed": true }, { "type": "link", "position": [ 828, 0, 82, 52 ], "completed": false }, { "type": "link", "position": [ 910, 0, 99, 52 ], "completed": false }, { "type": "logo", "position": [ 15, 4, 59, 44 ], "completed": false }, { "type": "link", "position": [ 140, 6, 104, 39 ], "completed": false }, { "type": "input", "position": [ 332, 8, 400, 34 ], "completed": false }, { "type": "button", "position": [ 690, 8, 42, 36 ], "completed": false }, { "type": "link", "position": [ 15, 52, 61, 52 ], "completed": false }, { "type": "link", "position": [ 76, 52, 88, 52 ], "completed": false }, { "type": "link", "position": [ 164, 52, 73, 52 ], "completed": false }, { "type": "link", "position": [ 237, 52, 103, 52 ], "completed": false }, { "type": "link", "position": [ 340, 52, 79, 52 ], "completed": false } ] }, { "text": "#The page shows the header of the App Leden to the user.# There should be one title, one logo of the app, six links for the user to click on to learn more about the detail, five icons for the user to click on to search for information or collect something the user like, and so on.", "region_id": "8380", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link]]] [el:icon [attr:repeat '5'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete button 60 1 1 0 | icon 112 6 1 1 | link 105 5 6 2 | logo 4 13 12 4 | title 4 1 110 2 | \" [ link 25 11 11 4 ] | [ link 37 11 19 4 ] | [ link 56 11 19 4 ] | [ link 76 11 18 4 ] | [ link 51 15 17 4 ] \" | \" [ icon 95 14 3 3 ] | [ icon 101 14 3 3 ] | [ icon 106 14 2 2 ] | [ icon 112 14 3 3 ] \"", "layout_seq_without_completion": "button 60 1 1 0 | icon 112 6 1 1 | link 105 5 6 2 | logo 4 13 12 4 | title 4 1 110 2 | \" [ link 25 11 11 4 ] | [ link 37 11 19 4 ] | [ link 56 11 19 4 ] | [ link 76 11 18 4 ] | [ link 51 15 17 4 ] \" | \" [ icon 95 14 3 3 ] | [ icon 101 14 3 3 ] | [ icon 106 14 2 2 ] | [ icon 112 14 3 3 ] \"", "plain_layout_seq": "button 60 1 1 0 | icon 112 6 1 1 | icon 95 14 3 3 | icon 101 14 3 3 | icon 106 14 2 2 | icon 112 14 3 3 | link 105 5 6 2 | link 25 11 11 4 | link 37 11 19 4 | link 56 11 19 4 | link 76 11 18 4 | link 51 15 17 4 | logo 4 13 12 4 | title 4 1 110 2", "canvas_width": 1024, "canvas_height": 198, "elements": [ { "type": "title", "position": [ 40, 10, 944, 21 ], "completed": false }, { "type": "button", "position": [ 512, 10, 12, 2 ], "completed": true }, { "type": "link", "position": [ 900, 48, 56, 20 ], "completed": false }, { "type": "icon", "position": [ 963, 52, 11, 11 ], "completed": false }, { "type": "link", "position": [ 221, 95, 96, 41 ], "completed": false }, { "type": "link", "position": [ 317, 95, 169, 41 ], "completed": false }, { "type": "link", "position": [ 486, 95, 163, 41 ], "completed": false }, { "type": "link", "position": [ 649, 95, 154, 41 ], "completed": false }, { "type": "logo", "position": [ 40, 118, 110, 37 ], "completed": false }, { "type": "icon", "position": [ 865, 122, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 122, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 813, 123, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 912, 126, 20, 20 ], "completed": false }, { "type": "link", "position": [ 436, 136, 153, 41 ], "completed": false } ] }, { "text": "$header$ A header page for navigation of an online shop RESN. # The page should have a sentence as an announcement telling the free shipping, a logo, and four links \"HOME\" \"SHOP\", \"ABOUT US\", and \"ATHLETES\" for the user to know more info. Also, there should be three icons for the user to log in, search for things and check the shopping cart.", "region_id": "7838", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, shop, about us, athletes'] [item [el:link] ] ] [el:icon [attr:value 'log in'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 4 9 21 6 | title 0 0 120 3 | \" [ link 33 6 15 5 ] | [ link 48 6 14 5 ] | [ link 63 6 23 5 ] | [ link 48 12 23 5 ] \" | \" [ icon 99 10 3 3 ] | [ icon 105 10 3 3 ] | [ icon 111 10 3 3 ] \"", "layout_seq_without_completion": "logo 4 9 21 6 | title 0 0 120 3 | \" [ link 33 6 15 5 ] | [ link 48 6 14 5 ] | [ link 63 6 23 5 ] | [ link 48 12 23 5 ] \" | \" [ icon 99 10 3 3 ] | [ icon 105 10 3 3 ] | [ icon 111 10 3 3 ] \"", "plain_layout_seq": "icon 99 10 3 3 | icon 105 10 3 3 | icon 111 10 3 3 | link 33 6 15 5 | link 48 6 14 5 | link 63 6 23 5 | link 48 12 23 5 | logo 4 9 21 6 | title 0 0 120 3", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 29 ], "completed": false }, { "type": "link", "position": [ 284, 59, 131, 47 ], "completed": false }, { "type": "link", "position": [ 415, 59, 126, 47 ], "completed": false }, { "type": "link", "position": [ 541, 59, 199, 47 ], "completed": false }, { "type": "logo", "position": [ 40, 79, 187, 53 ], "completed": false }, { "type": "icon", "position": [ 852, 91, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 904, 91, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 955, 91, 28, 28 ], "completed": false }, { "type": "link", "position": [ 410, 105, 204, 47 ], "completed": false } ] }, { "text": "#A page for navigation of the Black Coffin Club.#The page should have a logo and four icons for users to get more information.", "region_id": "7950", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '4']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 4 4 3 2 | icon 9 4 3 2 | icon 107 4 3 2 | icon 112 4 3 2 | logo 46 1 27 8", "layout_seq_without_completion": "icon 4 4 3 2 | icon 9 4 3 2 | icon 107 4 3 2 | icon 112 4 3 2 | logo 46 1 27 8", "plain_layout_seq": "icon 4 4 3 2 | icon 9 4 3 2 | icon 107 4 3 2 | icon 112 4 3 2 | logo 46 1 27 8", "canvas_width": 1024, "canvas_height": 100, "elements": [ { "type": "logo", "position": [ 396, 15, 233, 70 ], "completed": false }, { "type": "icon", "position": [ 38, 38, 26, 24 ], "completed": false }, { "type": "icon", "position": [ 79, 38, 26, 24 ], "completed": false }, { "type": "icon", "position": [ 920, 38, 26, 24 ], "completed": false }, { "type": "icon", "position": [ 961, 38, 26, 24 ], "completed": false } ] }, { "text": "#A page for navigation of a My Medi ads.# The page should have a logo of My Medi ads, two links for users to click to sign in and join, and a button for users to post new ads.", "region_id": "2569", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'sign in,join'] [item [el:link]]] [el:button [attr:value 'post new ads'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 0 13 3 | link 95 0 6 4 | link 87 0 8 4 | logo 3 0 19 3", "layout_seq_without_completion": "button 101 0 13 3 | link 95 0 6 4 | link 87 0 8 4 | logo 3 0 19 3", "plain_layout_seq": "button 101 0 13 3 | link 95 0 6 4 | link 87 0 8 4 | logo 3 0 19 3", "canvas_width": 1009, "canvas_height": 40, "elements": [ { "type": "logo", "position": [ 30, 4, 160, 31 ], "completed": false }, { "type": "link", "position": [ 732, 5, 68, 35 ], "completed": false }, { "type": "link", "position": [ 800, 5, 52, 35 ], "completed": false }, { "type": "button", "position": [ 852, 5, 117, 30 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop.# The page should have five links \"Shop\" \"Wishlist\" \"Cart\" \"Account\" and \"search\" for the user to click to enter the shop, check the wishlist, the shopping cart, login, and search for things the user wants to look for.", "region_id": "8414", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Shop, Wishlist, Cart, Account, search'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 6 | link 96 4 21 1 | link 1 4 21 1 | link 49 4 21 1 | link 73 4 21 1 | link 25 4 21 1 | complete text 36 0 1 1 | complete text 60 0 1 1", "layout_seq_without_completion": "background 0 0 120 6 | link 96 4 21 1 | link 1 4 21 1 | link 49 4 21 1 | link 73 4 21 1 | link 25 4 21 1 | text 36 0 1 1 | text 60 0 1 1", "plain_layout_seq": "background 0 0 120 6 | link 96 4 21 1 | link 1 4 21 1 | link 49 4 21 1 | link 73 4 21 1 | link 25 4 21 1 | text 36 0 1 1 | text 60 0 1 1", "canvas_width": 1009, "canvas_height": 55, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 55 ], "completed": true }, { "type": "text", "position": [ 309, 4, 15, 15 ], "completed": true }, { "type": "text", "position": [ 508, 4, 15, 15 ], "completed": true }, { "type": "link", "position": [ 15, 34, 180, 11 ], "completed": false }, { "type": "link", "position": [ 215, 34, 180, 11 ], "completed": false }, { "type": "link", "position": [ 415, 34, 180, 11 ], "completed": false }, { "type": "link", "position": [ 614, 34, 180, 11 ], "completed": false }, { "type": "link", "position": [ 814, 34, 180, 11 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have five links for users to click to know more information fastly, such as Home, Dresses, and so on.", "region_id": "6728", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:total_link '5'] [gattr:names 'home, dresses'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 26 0 9 5 ] | [ link 36 0 12 5 ] | [ link 49 0 13 5 ] | [ link 63 0 18 5 ] | [ link 83 0 10 5 ] \"", "layout_seq_without_completion": "\" [ link 26 0 9 5 ] | [ link 36 0 12 5 ] | [ link 49 0 13 5 ] | [ link 63 0 18 5 ] | [ link 83 0 10 5 ] \"", "plain_layout_seq": "link 26 0 9 5 | link 36 0 12 5 | link 49 0 13 5 | link 63 0 18 5 | link 83 0 10 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 222, 0, 80, 50 ], "completed": false }, { "type": "link", "position": [ 306, 0, 108, 50 ], "completed": false }, { "type": "link", "position": [ 419, 0, 115, 50 ], "completed": false }, { "type": "link", "position": [ 538, 0, 157, 50 ], "completed": false }, { "type": "link", "position": [ 699, 0, 88, 50 ], "completed": false } ] }, { "text": "#A header page for one company.# There is one logo and three links \"Home\", \"Catalog\", and \"Contact\". In addition, there are three buttons.", "region_id": "6707", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, catalog, contact'] [item [el:link] ] ] [el:button [attr:repeat '3'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 7 2 2 | button 106 7 2 2 | button 110 6 5 5 | logo 5 3 11 11 | \" [ link 22 7 4 2 ] | [ link 29 7 5 2 ] | [ link 38 7 5 2 ] \"", "layout_seq_without_completion": "button 101 7 2 2 | button 106 7 2 2 | button 110 6 5 5 | logo 5 3 11 11 | \" [ link 22 7 4 2 ] | [ link 29 7 5 2 ] | [ link 38 7 5 2 ] \"", "plain_layout_seq": "button 101 7 2 2 | button 106 7 2 2 | button 110 6 5 5 | link 22 7 4 2 | link 29 7 5 2 | link 38 7 5 2 | logo 5 3 11 11", "canvas_width": 1024, "canvas_height": 156, "elements": [ { "type": "logo", "position": [ 50, 27, 100, 100 ], "completed": false }, { "type": "button", "position": [ 942, 55, 44, 44 ], "completed": false }, { "type": "button", "position": [ 866, 67, 20, 20 ], "completed": false }, { "type": "button", "position": [ 910, 67, 20, 20 ], "completed": false }, { "type": "link", "position": [ 190, 68, 38, 18 ], "completed": false }, { "type": "link", "position": [ 252, 68, 50, 18 ], "completed": false }, { "type": "link", "position": [ 326, 68, 51, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top. There is a logo and three links, \"home\", \"shop all\", and \"collection\". There are three icons for users to get more information.", "region_id": "6656", "region_type": "Header", "ir": "[region:Header [el:description[attr:position'top']][el:logo][gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home, shop all, collection'] [item [el:link] ] ][el:icon[attr:repeat'3']] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 119 5 | logo 48 10 23 3 | \" [ icon 100 10 2 2 ] | [ icon 105 10 2 2 ] | [ icon 109 10 2 2 ] \" | \" [ link 46 17 4 2 ] | [ link 54 17 6 2 ] | [ link 63 17 9 2 ] \"", "layout_seq_without_completion": "description 0 0 119 5 | logo 48 10 23 3 | \" [ icon 100 10 2 2 ] | [ icon 105 10 2 2 ] | [ icon 109 10 2 2 ] \" | \" [ link 46 17 4 2 ] | [ link 54 17 6 2 ] | [ link 63 17 9 2 ] \"", "plain_layout_seq": "description 0 0 119 5 | icon 100 10 2 2 | icon 105 10 2 2 | icon 109 10 2 2 | link 46 17 4 2 | link 54 17 6 2 | link 63 17 9 2 | logo 48 10 23 3", "canvas_width": 1024, "canvas_height": 222, "elements": [ { "type": "description", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 414, 88, 197, 28 ], "completed": false }, { "type": "icon", "position": [ 856, 93, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 93, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 93, 20, 20 ], "completed": false }, { "type": "link", "position": [ 400, 150, 40, 19 ], "completed": false }, { "type": "link", "position": [ 464, 150, 58, 19 ], "completed": false }, { "type": "link", "position": [ 546, 150, 78, 19 ], "completed": false } ] }, { "text": "#A header page of Domino's Pizza encouraging users to order online.# The page should include the logo of Domino's Pizza and a background image. There are five links such as \"OUR MENU\" and \"CONTACT\", for users to click and get more information. There is also a button for users to download the app. The page should also contain the title \"Domino's online\", a slogan, a button \"ORDER ONLINE\", and an image.", "region_id": "3232", "region_type": "Header", "ir": "[region:Header [el:logo] [el:background_image] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'OUR MENU,CONTACT'] [item [el:link]]] [el:button [attr:value 'download app'] ] [el:title [attr:value 'Dominos online'] ] [el:text] [el:button [attr:value 'ORDER ONLINE'] ] [el:image] ]", "execution": "header : background undefined undefined | button undefined undefined | button undefined undefined | image undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 25 9 94 45 | button 102 0 15 4 | button 10 32 42 6 | complete image 0 0 120 7 | image 10 40 42 12 | logo 6 1 22 3 | text 10 28 42 2 | \" [ link 34 2 8 1 ] | [ link 46 2 13 1 ] | [ link 63 2 7 1 ] | [ link 74 2 16 1 ] | [ link 93 2 7 1 ] \"", "layout_seq_without_completion": "background 25 9 94 45 | button 102 0 15 4 | button 10 32 42 6 | image 0 0 120 7 | image 10 40 42 12 | logo 6 1 22 3 | text 10 28 42 2 | \" [ link 34 2 8 1 ] | [ link 46 2 13 1 ] | [ link 63 2 7 1 ] | [ link 74 2 16 1 ] | [ link 93 2 7 1 ] \"", "plain_layout_seq": "background 25 9 94 45 | button 102 0 15 4 | button 10 32 42 6 | image 0 0 120 7 | image 10 40 42 12 | link 34 2 8 1 | link 46 2 13 1 | link 63 2 7 1 | link 74 2 16 1 | link 93 2 7 1 | logo 6 1 22 3 | text 10 28 42 2", "canvas_width": 1142, "canvas_height": 519, "elements": [ { "type": "image", "position": [ 0, 0, 1142, 71 ], "completed": true }, { "type": "button", "position": [ 978, 9, 148, 45 ], "completed": false }, { "type": "logo", "position": [ 64, 14, 211, 33 ], "completed": false }, { "type": "link", "position": [ 331, 24, 79, 15 ], "completed": false }, { "type": "link", "position": [ 440, 24, 133, 15 ], "completed": false }, { "type": "link", "position": [ 603, 24, 76, 15 ], "completed": false }, { "type": "link", "position": [ 709, 24, 155, 15 ], "completed": false }, { "type": "link", "position": [ 894, 24, 68, 15 ], "completed": false }, { "type": "background", "position": [ 247, 86, 895, 433 ], "completed": false }, { "type": "text", "position": [ 96, 267, 405, 21 ], "completed": false }, { "type": "button", "position": [ 96, 312, 400, 60 ], "completed": false }, { "type": "image", "position": [ 96, 383, 403, 120 ], "completed": false } ] }, { "text": "#A page for showing the info of \"PRECIOUS ASHES\".# There is one logo and four links \"Home\", \"Catalogue\", \"Personalised Gifts\", and \"Contact Us\". Two buttons are used for searching or collecting.", "region_id": "7732", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, catalogue, personalised gifts, contact us'] [item [el:link] ] ] [el:button [attr:value 'search'] ] [el:button [attr:value 'collect'] ]]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 109 5 2 2 | button 104 5 2 2 | logo 6 5 26 2 | \" [ link 36 3 7 2 ] | [ link 47 3 11 2 ] | [ link 62 3 21 2 ] | [ link 53 7 12 2 ] \"", "layout_seq_without_completion": "button 109 5 2 2 | button 104 5 2 2 | logo 6 5 26 2 | \" [ link 36 3 7 2 ] | [ link 47 3 11 2 ] | [ link 62 3 21 2 ] | [ link 53 7 12 2 ] \"", "plain_layout_seq": "button 109 5 2 2 | button 104 5 2 2 | link 36 3 7 2 | link 47 3 11 2 | link 62 3 21 2 | link 53 7 12 2 | logo 6 5 26 2", "canvas_width": 1024, "canvas_height": 123, "elements": [ { "type": "link", "position": [ 314, 31, 62, 24 ], "completed": false }, { "type": "link", "position": [ 402, 31, 102, 24 ], "completed": false }, { "type": "link", "position": [ 530, 31, 180, 24 ], "completed": false }, { "type": "logo", "position": [ 55, 48, 227, 25 ], "completed": false }, { "type": "button", "position": [ 891, 50, 22, 23 ], "completed": false }, { "type": "button", "position": [ 933, 50, 22, 23 ], "completed": false }, { "type": "link", "position": [ 458, 67, 107, 24 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the Panamanian iPhone store.#The page should have one logo, one search input, one search icon, and one shopping cart button.", "region_id": "6415", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search ']] [el:icon [attr:value 'search ']] [el:button [attr:value 'shopping cart']] ]", "execution": "header : button undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 118 5 1 2 | icon 96 5 2 2 | input 26 4 73 4 | logo 0 2 22 8", "layout_seq_without_completion": "button 118 5 1 2 | icon 96 5 2 2 | input 26 4 73 4 | logo 0 2 22 8", "plain_layout_seq": "button 118 5 1 2 | icon 96 5 2 2 | input 26 4 73 4 | logo 0 2 22 8", "canvas_width": 1058, "canvas_height": 162, "elements": [ { "type": "logo", "position": [ 0, 24, 200, 78 ], "completed": false }, { "type": "input", "position": [ 233, 41, 649, 44 ], "completed": false }, { "type": "button", "position": [ 1042, 50, 16, 22 ], "completed": false }, { "type": "icon", "position": [ 851, 52, 22, 22 ], "completed": false } ] }, { "text": "#A navigation page of Luz de Mano for users to get information.# The page should include the logo of Luz de Mano, 7 links, and 2 icons.", "region_id": "7893", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 4 2 3 | icon 112 4 2 3 | complete input 105 3 6 4 | logo 6 3 26 6 | \" [ link 42 2 7 3 ] | [ link 50 2 7 3 ] | [ link 59 2 7 3 ] | [ link 67 2 10 3 ] | [ link 41 6 17 3 ] | [ link 60 6 9 3 ] | [ link 70 6 7 3 ] \"", "layout_seq_without_completion": "icon 106 4 2 3 | icon 112 4 2 3 | input 105 3 6 4 | logo 6 3 26 6 | \" [ link 42 2 7 3 ] | [ link 50 2 7 3 ] | [ link 59 2 7 3 ] | [ link 67 2 10 3 ] | [ link 41 6 17 3 ] | [ link 60 6 9 3 ] | [ link 70 6 7 3 ] \"", "plain_layout_seq": "icon 106 4 2 3 | icon 112 4 2 3 | input 105 3 6 4 | link 42 2 7 3 | link 50 2 7 3 | link 59 2 7 3 | link 67 2 10 3 | link 41 6 17 3 | link 60 6 9 3 | link 70 6 7 3 | logo 6 3 26 6", "canvas_width": 1024, "canvas_height": 111, "elements": [ { "type": "link", "position": [ 362, 25, 66, 30 ], "completed": false }, { "type": "link", "position": [ 432, 25, 68, 30 ], "completed": false }, { "type": "link", "position": [ 506, 25, 63, 30 ], "completed": false }, { "type": "link", "position": [ 574, 25, 89, 30 ], "completed": false }, { "type": "logo", "position": [ 55, 28, 229, 54 ], "completed": false }, { "type": "input", "position": [ 904, 34, 55, 41 ], "completed": true }, { "type": "icon", "position": [ 909, 40, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 40, 20, 30 ], "completed": false }, { "type": "link", "position": [ 358, 55, 152, 30 ], "completed": false }, { "type": "link", "position": [ 516, 55, 83, 30 ], "completed": false }, { "type": "link", "position": [ 604, 55, 62, 30 ], "completed": false } ] }, { "text": "#A page for showing the info of MIT.# There is one title \"USA Government Jobs Today\" and four links \"Home\", \"About Us\", \"Privacy Policy\", and \"Contact Us\". In addition, there is one image.", "region_id": "5671", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'usa government jobs today'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, about us, privacy policy, contact us'] [item [el:link] ] ] [el:image] ]", "execution": "header : image undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "image 0 12 118 32 | title 4 4 46 3 | \" [ link 61 2 9 7 ] | [ link 71 2 12 7 ] | [ link 84 2 16 7 ] | [ link 101 2 14 7 ] \"", "layout_seq_without_completion": "image 0 12 118 32 | title 4 4 46 3 | \" [ link 61 2 9 7 ] | [ link 71 2 12 7 ] | [ link 84 2 16 7 ] | [ link 101 2 14 7 ] \"", "plain_layout_seq": "image 0 12 118 32 | link 61 2 9 7 | link 71 2 12 7 | link 84 2 16 7 | link 101 2 14 7 | title 4 4 46 3", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "link", "position": [ 528, 20, 84, 60 ], "completed": false }, { "type": "link", "position": [ 612, 20, 108, 60 ], "completed": false }, { "type": "link", "position": [ 720, 20, 142, 60 ], "completed": false }, { "type": "link", "position": [ 862, 20, 122, 60 ], "completed": false }, { "type": "title", "position": [ 40, 35, 398, 29 ], "completed": false }, { "type": "image", "position": [ 8, 110, 1009, 280 ], "completed": false } ] }, { "text": "#A page for guiding users to learn more about the web.# The page contains a description, a logo, four links for users to click to get further information, and two icons to realize different functions.", "region_id": "6964", "region_type": "Header", "ir": "[region:Header [el:description] [el:logo] [gp:FlatNavGroup[gattr:repeat '4'][item[el:link]]] [el:icon [attr:repeat '2'] ] ]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | icon 110 9 2 2 | icon 114 9 2 2 | link 83 8 12 6 | link 60 8 10 6 | link 70 8 11 6 | link 96 8 12 6 | logo 3 7 30 7", "layout_seq_without_completion": "description 0 0 120 5 | icon 110 9 2 2 | icon 114 9 2 2 | link 83 8 12 6 | link 60 8 10 6 | link 70 8 11 6 | link 96 8 12 6 | logo 3 7 30 7", "plain_layout_seq": "description 0 0 120 5 | icon 110 9 2 2 | icon 114 9 2 2 | link 83 8 12 6 | link 60 8 10 6 | link 70 8 11 6 | link 96 8 12 6 | logo 3 7 30 7", "canvas_width": 1009, "canvas_height": 140, "elements": [ { "type": "description", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 30, 60, 260, 65 ], "completed": false }, { "type": "link", "position": [ 505, 68, 86, 52 ], "completed": false }, { "type": "link", "position": [ 595, 68, 99, 52 ], "completed": false }, { "type": "link", "position": [ 698, 68, 108, 52 ], "completed": false }, { "type": "link", "position": [ 809, 68, 106, 52 ], "completed": false }, { "type": "icon", "position": [ 927, 77, 21, 24 ], "completed": false }, { "type": "icon", "position": [ 966, 77, 21, 24 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop named Gig Dipper Dough.# The page should have a shop logo, and five links \"Home\" \"Offerings\" \"Capabilities\" \"Our Brand\", and \"Testimonials\" for the user to know more info about the shop. Also, a button \"Contact\" is needed for the user to contact the shop.", "region_id": "7846", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, offerings, capabilities, our brand, testimonials'] [item [el:link] ] ] [el:button [attr:value 'contact'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 103 7 8 2 | logo 3 3 18 9 | \" [ link 26 6 5 3 ] | [ link 35 6 9 3 ] | [ link 49 6 12 3 ] | [ link 65 6 12 3 ] | [ link 81 6 11 3 ] \"", "layout_seq_without_completion": "button 103 7 8 2 | logo 3 3 18 9 | \" [ link 26 6 5 3 ] | [ link 35 6 9 3 ] | [ link 49 6 12 3 ] | [ link 65 6 12 3 ] | [ link 81 6 11 3 ] \"", "plain_layout_seq": "button 103 7 8 2 | link 26 6 5 3 | link 35 6 9 3 | link 49 6 12 3 | link 65 6 12 3 | link 81 6 11 3 | logo 3 3 18 9", "canvas_width": 1024, "canvas_height": 140, "elements": [ { "type": "logo", "position": [ 32, 30, 158, 80 ], "completed": false }, { "type": "link", "position": [ 227, 56, 48, 27 ], "completed": false }, { "type": "link", "position": [ 307, 56, 82, 27 ], "completed": false }, { "type": "link", "position": [ 421, 56, 104, 27 ], "completed": false }, { "type": "link", "position": [ 557, 56, 106, 27 ], "completed": false }, { "type": "link", "position": [ 695, 56, 98, 27 ], "completed": false }, { "type": "button", "position": [ 882, 60, 71, 20 ], "completed": false } ] }, { "text": "#A page showing the navigation bar of the website to users.#The page should have one slogan of the website, one search icon, one input for entering the search content, and two links for users to click to log in or sign up. And there also should have one cart icon with text show the number and one picture.", "region_id": "7482", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon [attr:value 'search']] [el:input [attr:value 'search'] ] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'log in,sign up'] [item [el:link]]] [el:icon [attr:value 'cart']] [el:text] [el:image] ]", "execution": "header : icon undefined undefined | icon undefined undefined | image undefined undefined | input undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 4 7 2 2 | icon 107 7 2 2 | image 3 14 28 28 | input 7 6 19 4 | link 26 7 4 1 | link 33 7 5 1 | text 110 7 5 1 | title 0 0 120 5", "layout_seq_without_completion": "icon 4 7 2 2 | icon 107 7 2 2 | image 3 14 28 28 | input 7 6 19 4 | link 26 7 4 1 | link 33 7 5 1 | text 110 7 5 1 | title 0 0 120 5", "plain_layout_seq": "icon 4 7 2 2 | icon 107 7 2 2 | image 3 14 28 28 | input 7 6 19 4 | link 26 7 4 1 | link 33 7 5 1 | text 110 7 5 1 | title 0 0 120 5", "canvas_width": 1024, "canvas_height": 397, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "input", "position": [ 66, 52, 163, 36 ], "completed": false }, { "type": "icon", "position": [ 916, 60, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 36, 61, 20, 20 ], "completed": false }, { "type": "link", "position": [ 229, 62, 39, 16 ], "completed": false }, { "type": "link", "position": [ 290, 62, 48, 16 ], "completed": false }, { "type": "text", "position": [ 945, 62, 49, 16 ], "completed": false }, { "type": "image", "position": [ 30, 127, 240, 240 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#There is an input box and an icon, which are for users to search for information. On the right side, there is an icon and a description. And, there is a logo.", "region_id": "7121", "region_type": "Header", "ir": "[region:Header [el:input [attr:value 'search']] [el:icon] [el:description [attr:position 'right'] ] [el:icon [attr:position 'right'] ] [el:logo] ]", "execution": "header : description right undefined | icon right undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "description 110 2 5 1 | icon 4 2 2 2 | icon 107 2 2 2 | input 7 1 19 4 | logo 3 12 23 4", "layout_seq_without_completion": "description 110 2 5 1 | icon 4 2 2 2 | icon 107 2 2 2 | input 7 1 19 4 | logo 3 12 23 4", "plain_layout_seq": "description 110 2 5 1 | icon 4 2 2 2 | icon 107 2 2 2 | input 7 1 19 4 | logo 3 12 23 4", "canvas_width": 1024, "canvas_height": 197, "elements": [ { "type": "input", "position": [ 65, 12, 163, 36 ], "completed": false }, { "type": "icon", "position": [ 916, 20, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 36, 21, 20, 20 ], "completed": false }, { "type": "description", "position": [ 944, 22, 50, 17 ], "completed": false }, { "type": "logo", "position": [ 30, 107, 200, 41 ], "completed": false } ] }, { "text": "#This page is the navigation bar for user searches.# It has 12 links.", "region_id": "7129", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '12'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 0 0 7 3 ] | [ link 7 0 10 3 ] | [ link 17 0 14 3 ] | [ link 31 0 14 3 ] | [ link 46 0 12 3 ] | [ link 58 0 6 3 ] | [ link 65 0 10 3 ] | [ link 75 0 7 3 ] | [ link 83 0 8 3 ] | [ link 91 0 13 3 ] | [ link 105 0 8 3 ] | [ link 113 0 6 3 ] \"", "layout_seq_without_completion": "\" [ link 0 0 7 3 ] | [ link 7 0 10 3 ] | [ link 17 0 14 3 ] | [ link 31 0 14 3 ] | [ link 46 0 12 3 ] | [ link 58 0 6 3 ] | [ link 65 0 10 3 ] | [ link 75 0 7 3 ] | [ link 83 0 8 3 ] | [ link 91 0 13 3 ] | [ link 105 0 8 3 ] | [ link 113 0 6 3 ] \"", "plain_layout_seq": "link 0 0 7 3 | link 7 0 10 3 | link 17 0 14 3 | link 31 0 14 3 | link 46 0 12 3 | link 58 0 6 3 | link 65 0 10 3 | link 75 0 7 3 | link 83 0 8 3 | link 91 0 13 3 | link 105 0 8 3 | link 113 0 6 3", "canvas_width": 1029, "canvas_height": 30, "elements": [ { "type": "link", "position": [ 4, 0, 62, 30 ], "completed": false }, { "type": "link", "position": [ 66, 0, 88, 30 ], "completed": false }, { "type": "link", "position": [ 154, 0, 121, 30 ], "completed": false }, { "type": "link", "position": [ 274, 0, 124, 30 ], "completed": false }, { "type": "link", "position": [ 398, 0, 104, 30 ], "completed": false }, { "type": "link", "position": [ 502, 0, 55, 30 ], "completed": false }, { "type": "link", "position": [ 558, 0, 86, 30 ], "completed": false }, { "type": "link", "position": [ 644, 0, 68, 30 ], "completed": false }, { "type": "link", "position": [ 712, 0, 76, 30 ], "completed": false }, { "type": "link", "position": [ 788, 0, 117, 30 ], "completed": false }, { "type": "link", "position": [ 904, 0, 69, 30 ], "completed": false }, { "type": "link", "position": [ 974, 0, 53, 30 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website of popular in various countries.#The page should have one logo, four links for users to click to know popular of the different countries, and one button for users to click to see all fastly.", "region_id": "2473", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:button [attr:value 'see all'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 110 1 7 2 | \" [ logo 0 0 14 5 ] | [ link 14 0 6 5 ] | [ link 21 0 9 5 ] | [ link 30 0 12 5 ] | [ link 43 0 9 5 ] \"", "layout_seq_without_completion": "button 110 1 7 2 | \" [ logo 0 0 14 5 ] | [ link 14 0 6 5 ] | [ link 21 0 9 5 ] | [ link 30 0 12 5 ] | [ link 43 0 9 5 ] \"", "plain_layout_seq": "button 110 1 7 2 | link 14 0 6 5 | link 21 0 9 5 | link 30 0 12 5 | link 43 0 9 5 | logo 0 0 14 5", "canvas_width": 984, "canvas_height": 72, "elements": [ { "type": "logo", "position": [ 0, 0, 120, 42 ], "completed": false }, { "type": "link", "position": [ 120, 0, 55, 42 ], "completed": false }, { "type": "link", "position": [ 175, 0, 79, 42 ], "completed": false }, { "type": "link", "position": [ 254, 0, 104, 42 ], "completed": false }, { "type": "link", "position": [ 358, 0, 77, 42 ], "completed": false }, { "type": "button", "position": [ 904, 13, 60, 19 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should include one logo, one title, and three icons that search, personal center, and message notification. There should also have one label that represents the number of messages.", "region_id": "6563", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [el:icon[attr:value'search']] [el:icon[attr:value'personal center']] [el:icon[attr:value'message notification']] [el:text] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 0 1 3 4 | icon 104 2 2 2 | icon 108 1 2 2 | icon 113 2 3 2 | logo 53 1 13 4 | text 116 1 1 1", "layout_seq_without_completion": "icon 0 1 3 4 | icon 104 2 2 2 | icon 108 1 2 2 | icon 113 2 3 2 | logo 53 1 13 4 | text 116 1 1 1", "plain_layout_seq": "icon 0 1 3 4 | icon 104 2 2 2 | icon 108 1 2 2 | icon 113 2 3 2 | logo 53 1 13 4 | text 116 1 1 1", "canvas_width": 1009, "canvas_height": 62, "elements": [ { "type": "logo", "position": [ 449, 10, 110, 34 ], "completed": false }, { "type": "icon", "position": [ 0, 11, 32, 40 ], "completed": false }, { "type": "text", "position": [ 980, 14, 15, 15 ], "completed": false }, { "type": "icon", "position": [ 916, 16, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 877, 17, 23, 23 ], "completed": false }, { "type": "icon", "position": [ 956, 19, 30, 17 ], "completed": false } ] }, { "text": "#A navigation page of Long Island University.# The page should include the logo of Long Island University, four links and an input with an icon for users to search on the page.", "region_id": "3760", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value'Long Island University']] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] [el:input[attr:value'search']][el:icon]]", "execution": "header : icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 0 4 4 | input 100 0 13 4 | link 66 0 9 5 | link 75 0 8 5 | link 90 0 7 5 | link 84 0 6 5 | logo 3 0 47 4", "layout_seq_without_completion": "icon 113 0 4 4 | input 100 0 13 4 | link 66 0 9 5 | link 75 0 8 5 | link 90 0 7 5 | link 84 0 6 5 | logo 3 0 47 4", "plain_layout_seq": "icon 113 0 4 4 | input 100 0 13 4 | link 66 0 9 5 | link 75 0 8 5 | link 90 0 7 5 | link 84 0 6 5 | logo 3 0 47 4", "canvas_width": 1009, "canvas_height": 47, "elements": [ { "type": "link", "position": [ 555, 2, 83, 43 ], "completed": false }, { "type": "link", "position": [ 638, 2, 69, 43 ], "completed": false }, { "type": "link", "position": [ 707, 2, 55, 43 ], "completed": false }, { "type": "link", "position": [ 762, 2, 65, 43 ], "completed": false }, { "type": "logo", "position": [ 28, 6, 397, 34 ], "completed": false }, { "type": "input", "position": [ 842, 6, 116, 34 ], "completed": false }, { "type": "icon", "position": [ 956, 6, 35, 34 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo in the middle of the page. Under the logo, there are five links, \"home\", \"collections\", \"jewelry\", \"blog\", and \"contact us\". There are five icons for users to get more information. Also, there is a description at the bottom of the page.", "region_id": "8659", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, collections, jewelry, blog, contact us'] [item [el:link] ] ] [el:icon [attr:repeat '5'] ] [el:description [attr:position 'bottom'] ] ]", "execution": "header : description bottom undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 29 29 60 2 | icon 109 0 1 1 | icon 4 11 3 3 | icon 105 11 3 3 | icon 112 0 1 1 | icon 112 11 3 3 | logo 47 7 25 12 | \" [ link 31 20 9 5 ] | [ link 40 20 13 5 ] | [ link 55 20 10 5 ] | [ link 66 20 7 5 ] | [ link 74 20 13 5 ] \"", "layout_seq_without_completion": "description 29 29 60 2 | icon 109 0 1 1 | icon 4 11 3 3 | icon 105 11 3 3 | icon 112 0 1 1 | icon 112 11 3 3 | logo 47 7 25 12 | \" [ link 31 20 9 5 ] | [ link 40 20 13 5 ] | [ link 55 20 10 5 ] | [ link 66 20 7 5 ] | [ link 74 20 13 5 ] \"", "plain_layout_seq": "description 29 29 60 2 | icon 109 0 1 1 | icon 4 11 3 3 | icon 105 11 3 3 | icon 112 0 1 1 | icon 112 11 3 3 | link 31 20 9 5 | link 40 20 13 5 | link 55 20 10 5 | link 66 20 7 5 | link 74 20 13 5 | logo 47 7 25 12", "canvas_width": 1024, "canvas_height": 281, "elements": [ { "type": "icon", "position": [ 933, 7, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 963, 7, 16, 16 ], "completed": false }, { "type": "logo", "position": [ 402, 61, 220, 104 ], "completed": false }, { "type": "icon", "position": [ 40, 101, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 101, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 899, 102, 28, 28 ], "completed": false }, { "type": "link", "position": [ 266, 175, 78, 44 ], "completed": false }, { "type": "link", "position": [ 349, 175, 119, 44 ], "completed": false }, { "type": "link", "position": [ 473, 175, 90, 44 ], "completed": false }, { "type": "link", "position": [ 568, 175, 66, 44 ], "completed": false }, { "type": "link", "position": [ 639, 175, 119, 44 ], "completed": false }, { "type": "description", "position": [ 252, 250, 520, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the NASCAR.#The page should have a logo and an icon next to it, which is for users to get more information. On the rightmost side of the page, there are two links, named \"TICKETS\" and \"SHOP\".", "region_id": "3068", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon] [el:link [attr:position 'right'] [attr:value 'TICKETS'] ] [el:link [attr:position 'right'] [attr:value 'SHOP'] ] ]", "execution": "header : icon undefined undefined | link right undefined | link right undefined | logo undefined undefined", "layout_seq_with_completion": "icon 1 2 2 0 | link 110 0 8 2 | link 99 0 10 2 | logo 4 0 15 3", "layout_seq_without_completion": "icon 1 2 2 0 | link 110 0 8 2 | link 99 0 10 2 | logo 4 0 15 3", "plain_layout_seq": "icon 1 2 2 0 | link 110 0 8 2 | link 99 0 10 2 | logo 4 0 15 3", "canvas_width": 1009, "canvas_height": 40, "elements": [ { "type": "logo", "position": [ 40, 0, 128, 30 ], "completed": false }, { "type": "link", "position": [ 836, 8, 87, 25 ], "completed": false }, { "type": "link", "position": [ 930, 8, 69, 25 ], "completed": false }, { "type": "icon", "position": [ 10, 20, 20, 2 ], "completed": false } ] }, { "text": "#A navigation page for users to get information about hygiene.# The page should contain 4 links including \"Home\", \"Cleaning Solutions\", \"Premium Tissue Paper\", and \"Reusable Dispensers\".", "region_id": "7307", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, cleaning solutions, premium tissue paper, reusable dispensers'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 29 0 4 2 ] | [ link 37 0 14 2 ] | [ link 54 0 17 2 ] | [ link 74 0 15 2 ] \"", "layout_seq_without_completion": "\" [ link 29 0 4 2 ] | [ link 37 0 14 2 ] | [ link 54 0 17 2 ] | [ link 74 0 15 2 ] \"", "plain_layout_seq": "link 29 0 4 2 | link 37 0 14 2 | link 54 0 17 2 | link 74 0 15 2", "canvas_width": 1024, "canvas_height": 73, "elements": [ { "type": "link", "position": [ 254, 2, 41, 18 ], "completed": false }, { "type": "link", "position": [ 319, 2, 122, 18 ], "completed": false }, { "type": "link", "position": [ 465, 2, 147, 18 ], "completed": false }, { "type": "link", "position": [ 636, 2, 134, 18 ], "completed": false } ] }, { "text": "#A page showing the promotion to users and guiding users to sign up it.#The page should have one text heading on the top. Under it, there also should have two icons, two inputs are used to fill in email address and mobile phone number respectively, and one button for users to click to sign up fastly.", "region_id": "5787", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:icon [attr:repeat '2'] ] [el:input [attr:value 'email address'] ] [el:input [attr:value 'mobile number'] ] \n [el:button [attr:value 'sign up'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | input undefined undefined | title top undefined", "layout_seq_with_completion": "button 93 8 22 4 | icon 50 7 4 4 | icon 6 7 4 4 | input 10 7 35 4 | input 55 7 35 4 | title 0 0 119 4", "layout_seq_without_completion": "button 93 8 22 4 | icon 50 7 4 4 | icon 6 7 4 4 | input 10 7 35 4 | input 55 7 35 4 | title 0 0 119 4", "plain_layout_seq": "button 93 8 22 4 | icon 50 7 4 4 | icon 6 7 4 4 | input 10 7 35 4 | input 55 7 35 4 | title 0 0 119 4", "canvas_width": 961, "canvas_height": 150, "elements": [ { "type": "title", "position": [ 1, 1, 960, 38 ], "completed": false }, { "type": "icon", "position": [ 49, 63, 39, 39 ], "completed": false }, { "type": "input", "position": [ 88, 63, 286, 39 ], "completed": false }, { "type": "icon", "position": [ 406, 63, 39, 39 ], "completed": false }, { "type": "input", "position": [ 445, 63, 286, 39 ], "completed": false }, { "type": "button", "position": [ 747, 65, 182, 38 ], "completed": false } ] }, { "text": "#A page for guiding users to sign up for the website of newsletters.#The page should have one text heading, two inputs used to fill in the name and email respectively\uff0c and one button for users to click to sign up.", "region_id": "8262", "region_type": "Header", "ir": "[region:Header [el:title] [el:input [attr:value 'name'] ] [el:input [attr:value 'email'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | input undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 75 6 19 5 | input 44 6 13 5 | input 59 6 13 5 | title 24 5 15 7", "layout_seq_without_completion": "button 75 6 19 5 | input 44 6 13 5 | input 59 6 13 5 | title 24 5 15 7", "plain_layout_seq": "button 75 6 19 5 | input 44 6 13 5 | input 59 6 13 5 | title 24 5 15 7", "canvas_width": 1009, "canvas_height": 140, "elements": [ { "type": "title", "position": [ 203, 46, 128, 64 ], "completed": false }, { "type": "input", "position": [ 371, 58, 110, 45 ], "completed": false }, { "type": "input", "position": [ 502, 58, 111, 45 ], "completed": false }, { "type": "button", "position": [ 632, 58, 160, 44 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should only have five links for users to click to know more information fastly.", "region_id": "3954", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:total_link '5'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 65 1 7 1 ] | [ link 72 1 15 1 ] | [ link 87 1 12 1 ] | [ link 100 1 11 1 ] | [ link 111 1 8 1 ] \"", "layout_seq_without_completion": "\" [ link 65 1 7 1 ] | [ link 72 1 15 1 ] | [ link 87 1 12 1 ] | [ link 100 1 11 1 ] | [ link 111 1 8 1 ] \"", "plain_layout_seq": "link 65 1 7 1 | link 72 1 15 1 | link 87 1 12 1 | link 100 1 11 1 | link 111 1 8 1", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "link", "position": [ 557, 17, 60, 16 ], "completed": false }, { "type": "link", "position": [ 617, 17, 131, 16 ], "completed": false }, { "type": "link", "position": [ 748, 17, 108, 16 ], "completed": false }, { "type": "link", "position": [ 856, 17, 96, 16 ], "completed": false }, { "type": "link", "position": [ 952, 17, 72, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has twelve links for users to click to get further information.", "region_id": "6577", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '12'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 11 0 17 3 ] | [ link 30 0 21 3 ] | [ link 52 0 13 3 ] | [ link 66 0 20 3 ] | [ link 87 0 20 3 ] | [ link 0 3 25 3 ] | [ link 26 3 23 3 ] | [ link 50 3 26 3 ] | [ link 77 3 41 3 ] | [ link 24 7 27 3 ] | [ link 52 7 23 3 ] | [ link 77 7 18 3 ] \"", "layout_seq_without_completion": "\" [ link 11 0 17 3 ] | [ link 30 0 21 3 ] | [ link 52 0 13 3 ] | [ link 66 0 20 3 ] | [ link 87 0 20 3 ] | [ link 0 3 25 3 ] | [ link 26 3 23 3 ] | [ link 50 3 26 3 ] | [ link 77 3 41 3 ] | [ link 24 7 27 3 ] | [ link 52 7 23 3 ] | [ link 77 7 18 3 ] \"", "plain_layout_seq": "link 11 0 17 3 | link 30 0 21 3 | link 52 0 13 3 | link 66 0 20 3 | link 87 0 20 3 | link 0 3 25 3 | link 26 3 23 3 | link 50 3 26 3 | link 77 3 41 3 | link 24 7 27 3 | link 52 7 23 3 | link 77 7 18 3", "canvas_width": 944, "canvas_height": 87, "elements": [ { "type": "link", "position": [ 90, 0, 141, 29 ], "completed": false }, { "type": "link", "position": [ 236, 0, 172, 29 ], "completed": false }, { "type": "link", "position": [ 413, 0, 109, 29 ], "completed": false }, { "type": "link", "position": [ 526, 0, 161, 29 ], "completed": false }, { "type": "link", "position": [ 692, 0, 162, 29 ], "completed": false }, { "type": "link", "position": [ 7, 29, 198, 29 ], "completed": false }, { "type": "link", "position": [ 210, 29, 184, 29 ], "completed": false }, { "type": "link", "position": [ 398, 29, 207, 29 ], "completed": false }, { "type": "link", "position": [ 611, 29, 327, 29 ], "completed": false }, { "type": "link", "position": [ 195, 58, 215, 29 ], "completed": false }, { "type": "link", "position": [ 415, 58, 186, 29 ], "completed": false }, { "type": "link", "position": [ 606, 58, 143, 29 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has eight links for users to click to get further information.", "region_id": "2492", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 4 | link 48 1 5 1 | link 1 1 4 1 | link 8 1 8 1 | link 88 1 7 1 | link 57 1 9 1 | link 26 1 4 1 | link 19 1 6 1 | link 34 1 10 1 | complete text 109 1 5 1 | complete text 102 1 4 1 | complete text 107 1 1 1", "layout_seq_without_completion": "background 0 0 120 4 | link 48 1 5 1 | link 1 1 4 1 | link 8 1 8 1 | link 88 1 7 1 | link 57 1 9 1 | link 26 1 4 1 | link 19 1 6 1 | link 34 1 10 1 | text 109 1 5 1 | text 102 1 4 1 | text 107 1 1 1", "plain_layout_seq": "background 0 0 120 4 | link 48 1 5 1 | link 1 1 4 1 | link 8 1 8 1 | link 88 1 7 1 | link 57 1 9 1 | link 26 1 4 1 | link 19 1 6 1 | link 34 1 10 1 | text 109 1 5 1 | text 102 1 4 1 | text 107 1 1 1", "canvas_width": 973, "canvas_height": 36, "elements": [ { "type": "background", "position": [ 0, 0, 973, 36 ], "completed": true }, { "type": "link", "position": [ 11, 10, 36, 16 ], "completed": false }, { "type": "link", "position": [ 72, 10, 65, 16 ], "completed": false }, { "type": "link", "position": [ 162, 10, 54, 16 ], "completed": false }, { "type": "link", "position": [ 215, 10, 33, 16 ], "completed": false }, { "type": "link", "position": [ 283, 10, 86, 16 ], "completed": false }, { "type": "link", "position": [ 394, 10, 46, 16 ], "completed": false }, { "type": "link", "position": [ 464, 10, 75, 16 ], "completed": false }, { "type": "link", "position": [ 717, 10, 60, 16 ], "completed": false }, { "type": "text", "position": [ 834, 10, 37, 16 ], "completed": true }, { "type": "text", "position": [ 874, 10, 13, 16 ], "completed": true }, { "type": "text", "position": [ 890, 10, 46, 16 ], "completed": true } ] }, { "text": "# A page to show guidance for website users.# On the top of the page, a title is involved. Under this, From the left to right, an icon of \"magnifier\", two links of \"Home\" and \"Shop\", the logo of the company, two links of \"contact\" and \"about\" and an icon of \"cart\" are set respectively.", "region_id": "8261", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:icon [attr:value 'magnifier'] ] [el:link[attr:repeat'2'][attr:value 'home, shop'] ] [el:logo] [el:link [attr:repeat'2'][attr:value 'contact, about'] ] [el:icon [attr:value'cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | title top undefined", "layout_seq_with_completion": "complete background 0 4 120 12 | icon 112 8 3 3 | icon 4 8 3 3 | link 90 10 8 3 | link 19 8 7 3 | link 27 8 7 3 | link 89 6 9 3 | logo 38 7 43 5 | title 31 1 56 1", "layout_seq_without_completion": "background 0 4 120 12 | icon 112 8 3 3 | icon 4 8 3 3 | link 90 10 8 3 | link 19 8 7 3 | link 27 8 7 3 | link 89 6 9 3 | logo 38 7 43 5 | title 31 1 56 1", "plain_layout_seq": "background 0 4 120 12 | icon 112 8 3 3 | icon 4 8 3 3 | link 90 10 8 3 | link 19 8 7 3 | link 27 8 7 3 | link 89 6 9 3 | logo 38 7 43 5 | title 31 1 56 1", "canvas_width": 1024, "canvas_height": 141, "elements": [ { "type": "title", "position": [ 270, 11, 484, 14 ], "completed": false }, { "type": "background", "position": [ 0, 37, 1024, 104 ], "completed": true }, { "type": "link", "position": [ 762, 57, 85, 32 ], "completed": false }, { "type": "logo", "position": [ 327, 67, 370, 43 ], "completed": false }, { "type": "link", "position": [ 168, 72, 65, 32 ], "completed": false }, { "type": "link", "position": [ 233, 72, 64, 32 ], "completed": false }, { "type": "icon", "position": [ 40, 74, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 74, 28, 28 ], "completed": false }, { "type": "link", "position": [ 769, 88, 71, 32 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have a logo of the web, an introduction to the discount, 8 links for users to jump to the home page, contact the company, and check different items, and 2 icons for users to search and shop.", "region_id": "7809", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 119 5 | icon 109 14 2 2 | icon 105 14 2 2 | logo 6 7 25 14 | \" [ link 34 12 5 2 ] | [ link 42 12 7 2 ] | [ link 52 12 4 2 ] | [ link 60 12 4 2 ] | [ link 67 12 7 2 ] | [ link 78 12 7 2 ] | [ link 49 15 8 2 ] | [ link 61 15 8 2 ] \"", "layout_seq_without_completion": "description 0 0 119 5 | icon 109 14 2 2 | icon 105 14 2 2 | logo 6 7 25 14 | \" [ link 34 12 5 2 ] | [ link 42 12 7 2 ] | [ link 52 12 4 2 ] | [ link 60 12 4 2 ] | [ link 67 12 7 2 ] | [ link 78 12 7 2 ] | [ link 49 15 8 2 ] | [ link 61 15 8 2 ] \"", "plain_layout_seq": "description 0 0 119 5 | icon 109 14 2 2 | icon 105 14 2 2 | link 34 12 5 2 | link 42 12 7 2 | link 52 12 4 2 | link 60 12 4 2 | link 67 12 7 2 | link 78 12 7 2 | link 49 15 8 2 | link 61 15 8 2 | logo 6 7 25 14", "canvas_width": 1024, "canvas_height": 209, "elements": [ { "type": "description", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 215, 127 ], "completed": false }, { "type": "link", "position": [ 298, 106, 43, 19 ], "completed": false }, { "type": "link", "position": [ 366, 106, 63, 19 ], "completed": false }, { "type": "link", "position": [ 452, 106, 35, 19 ], "completed": false }, { "type": "link", "position": [ 512, 106, 42, 19 ], "completed": false }, { "type": "link", "position": [ 578, 106, 64, 19 ], "completed": false }, { "type": "link", "position": [ 666, 106, 60, 19 ], "completed": false }, { "type": "icon", "position": [ 898, 120, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 120, 20, 20 ], "completed": false }, { "type": "link", "position": [ 426, 134, 72, 19 ], "completed": false }, { "type": "link", "position": [ 522, 134, 76, 19 ], "completed": false } ] }, { "text": "#A header page of zepto for users to get information.# The page should include the logo of zepto. There are five links, including \"Home\", \"Delivery Areas\", \"Careers\" with a button \"We're hiring!\", \"Press\", and \"Customer Support\".", "region_id": "3444", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, delivery areas, careers, press, customer support'] [item [el:link] ] ] [el:button [attr:value 'Were hiring!'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 63 4 10 2 | link 30 0 11 7 | link 61 0 13 7 | link 74 0 12 7 | link 86 0 24 7 | link 41 0 19 7 | logo 9 0 11 3", "layout_seq_without_completion": "button 63 4 10 2 | link 30 0 11 7 | link 61 0 13 7 | link 74 0 12 7 | link 86 0 24 7 | link 41 0 19 7 | logo 9 0 11 3", "plain_layout_seq": "button 63 4 10 2 | link 30 0 11 7 | link 61 0 13 7 | link 74 0 12 7 | link 86 0 24 7 | link 41 0 19 7 | logo 9 0 11 3", "canvas_width": 1246, "canvas_height": 74, "elements": [ { "type": "logo", "position": [ 100, 0, 120, 39 ], "completed": false }, { "type": "link", "position": [ 312, 0, 121, 74 ], "completed": false }, { "type": "link", "position": [ 433, 0, 207, 74 ], "completed": false }, { "type": "link", "position": [ 640, 0, 143, 74 ], "completed": false }, { "type": "link", "position": [ 769, 0, 125, 74 ], "completed": false }, { "type": "link", "position": [ 894, 0, 252, 74 ], "completed": false }, { "type": "button", "position": [ 662, 48, 107, 26 ], "completed": false } ] }, { "text": "#A page for navigation of the web DigitalOcean.#The page should have a logo, and there is a link \"log in\" and a button \"sign up\". On the right side, there is an icon for users to get more information.", "region_id": "4673", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:value 'log in'] ] [el:button [attr:value 'sign up'] ] [el:icon [attr:position 'right'] ] ]", "execution": "header : button undefined undefined | icon right undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 92 1 12 4 | icon 112 2 3 3 | link 85 3 4 2 | logo 1 2 22 3 | complete text 109 2 2 0", "layout_seq_without_completion": "button 92 1 12 4 | icon 112 2 3 3 | link 85 3 4 2 | logo 1 2 22 3 | text 109 2 2 0", "plain_layout_seq": "button 92 1 12 4 | icon 112 2 3 3 | link 85 3 4 2 | logo 1 2 22 3 | text 109 2 2 0", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "button", "position": [ 788, 16, 108, 40 ], "completed": false }, { "type": "logo", "position": [ 16, 20, 191, 32 ], "completed": false }, { "type": "icon", "position": [ 962, 20, 32, 32 ], "completed": false }, { "type": "text", "position": [ 932, 24, 24, 3 ], "completed": true }, { "type": "link", "position": [ 732, 26, 40, 20 ], "completed": false } ] }, { "text": "#A header page of Reflection for users to buy products.# The page should include the logo of Reflection and four links, including \"Shop\" with a drop-down list, \"New Arrivals\", \"Best Sellers\", and \"Track Orders\". There should also be an icon for users to search on the page and two icons for users to check their personal information.", "region_id": "6943", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value 'Reflection']] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'shop, new arrivals, best sellers, track orders'] [item [el:link] ] ] [el:icon[attr:value 'search']] [el:icon[attr:repeat '2'][attr:value 'personal information']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 109 1 5 5 | icon 4 1 5 5 | icon 103 1 5 5 | logo 42 7 35 3 | \" [ link 35 13 10 3 ] | [ link 45 13 12 3 ] | [ link 59 13 12 3 ] | [ link 71 13 13 3 ] \"", "layout_seq_without_completion": "icon 109 1 5 5 | icon 4 1 5 5 | icon 103 1 5 5 | logo 42 7 35 3 | \" [ link 35 13 10 3 ] | [ link 45 13 12 3 ] | [ link 59 13 12 3 ] | [ link 71 13 13 3 ] \"", "plain_layout_seq": "icon 109 1 5 5 | icon 4 1 5 5 | icon 103 1 5 5 | link 35 13 10 3 | link 45 13 12 3 | link 59 13 12 3 | link 71 13 13 3 | logo 42 7 35 3", "canvas_width": 1024, "canvas_height": 165, "elements": [ { "type": "icon", "position": [ 41, 10, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 883, 10, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 933, 10, 50, 50 ], "completed": false }, { "type": "logo", "position": [ 362, 66, 300, 33 ], "completed": false }, { "type": "link", "position": [ 301, 114, 86, 31 ], "completed": false }, { "type": "link", "position": [ 390, 114, 110, 31 ], "completed": false }, { "type": "link", "position": [ 504, 114, 104, 31 ], "completed": false }, { "type": "link", "position": [ 612, 114, 111, 31 ], "completed": false } ] }, { "text": "#A header to guide users to browse the website.# There is a logo in the middle. On the left side of the page, there is a menu icon for users to get more information. On the other side, there are two icons. The shopping cart icon has a small text box on it to show the number of goods.", "region_id": "6925", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:position 'left'] ] [el:icon [attr:repeat '2'] [attr:position 'right'] ][el:text] ]", "execution": "header : icon left undefined | icon right undefined | icon right undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 115 4 2 2 | icon 110 4 2 2 | logo 53 1 11 9 | text 117 3 2 2", "layout_seq_without_completion": "icon 115 4 2 2 | icon 110 4 2 2 | logo 53 1 11 9 | text 117 3 2 2", "plain_layout_seq": "icon 115 4 2 2 | icon 110 4 2 2 | logo 53 1 11 9 | text 117 3 2 2", "canvas_width": 1009, "canvas_height": 87, "elements": [ { "type": "logo", "position": [ 454, 10, 100, 77 ], "completed": false }, { "type": "text", "position": [ 985, 29, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 928, 40, 22, 22 ], "completed": false }, { "type": "icon", "position": [ 972, 40, 22, 22 ], "completed": false } ] }, { "text": "#A page for navigation of Durer Edition.# The page should have a logo of Durer Edition, and 3 links of \"Books\", \"About\", \"Contact\". An icon is needed for users to check the shopping cart.", "region_id": "7161", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'books,about, contact'] [item [el:link] ] ] [el:icon [attr:value 'shopping cart']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 1 2 2 | logo 45 9 29 7 | \" [ link 45 19 8 4 ] | [ link 54 19 10 4 ] | [ link 64 19 9 4 ] \"", "layout_seq_without_completion": "icon 113 1 2 2 | logo 45 9 29 7 | \" [ link 45 19 8 4 ] | [ link 54 19 10 4 ] | [ link 64 19 9 4 ] \"", "plain_layout_seq": "icon 113 1 2 2 | link 45 19 8 4 | link 54 19 10 4 | link 64 19 9 4 | logo 45 9 29 7", "canvas_width": 1024, "canvas_height": 237, "elements": [ { "type": "icon", "position": [ 970, 13, 24, 24 ], "completed": false }, { "type": "logo", "position": [ 387, 79, 250, 60 ], "completed": false }, { "type": "link", "position": [ 386, 170, 73, 36 ], "completed": false }, { "type": "link", "position": [ 463, 170, 86, 36 ], "completed": false }, { "type": "link", "position": [ 554, 170, 84, 36 ], "completed": false } ] }, { "text": "# A header page for navigation of sipandshopstratford.# The page should have a shop name, a link \"Home\" for the user to return to the homepage, and three icons for the user to search for things, log in, and check the shopping cart.", "region_id": "8020", "region_type": "Header", "ir": "[region:Header [el:title] [el:link [attr:value 'home'] ] [el:icon[attr:value'search']] [el:icon[attr:value'log in']] [el:icon[attr:value'shopping cart']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 101 3 2 2 | icon 106 3 2 2 | icon 110 2 5 5 | link 35 3 4 2 | title 5 3 24 3", "layout_seq_without_completion": "icon 101 3 2 2 | icon 106 3 2 2 | icon 110 2 5 5 | link 35 3 4 2 | title 5 3 24 3", "plain_layout_seq": "icon 101 3 2 2 | icon 106 3 2 2 | icon 110 2 5 5 | link 35 3 4 2 | title 5 3 24 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 50, 26, 213, 32 ], "completed": false }, { "type": "icon", "position": [ 866, 32, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 303, 33, 38, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and five icons on the left. Also, there are two buttons, \"login\" and \"sign up\".", "region_id": "3374", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:icon [attr:repeat '5'] [attr:position 'left'] ] [el:button [attr:value 'login'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | icon left undefined | icon left undefined | icon left undefined | icon left undefined | icon left undefined | logo left undefined", "layout_seq_with_completion": "complete background 0 0 120 7 | button 95 1 9 3 | complete icon 108 2 2 2 | logo 1 0 6 6 | complete text 111 2 5 1 | \" [ icon 10 2 2 2 ] | [ icon 17 2 2 2 ] | [ icon 23 2 2 2 ] | [ icon 30 2 2 2 ] | [ icon 35 2 2 2 ] \"", "layout_seq_without_completion": "background 0 0 120 7 | button 95 1 9 3 | icon 108 2 2 2 | logo 1 0 6 6 | text 111 2 5 1 | \" [ icon 10 2 2 2 ] | [ icon 17 2 2 2 ] | [ icon 23 2 2 2 ] | [ icon 30 2 2 2 ] | [ icon 35 2 2 2 ] \"", "plain_layout_seq": "background 0 0 120 7 | button 95 1 9 3 | icon 108 2 2 2 | icon 10 2 2 2 | icon 17 2 2 2 | icon 23 2 2 2 | icon 30 2 2 2 | icon 35 2 2 2 | logo 1 0 6 6 | text 111 2 5 1", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 60 ], "completed": true }, { "type": "logo", "position": [ 10, 0, 54, 54 ], "completed": false }, { "type": "button", "position": [ 814, 16, 77, 28 ], "completed": false }, { "type": "icon", "position": [ 90, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 146, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 202, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 258, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 302, 18, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 923, 20, 20, 20 ], "completed": true }, { "type": "text", "position": [ 949, 22, 43, 16 ], "completed": true } ] }, { "text": "#A page for navigation of the web.#The page should have an icon and ten links, \"home\", \"problem\", \"status\", \"contest\", \"workbook\", \"jser\", \"group\", \"forum\", \"login\", and \"register\".", "region_id": "3639", "region_type": "Header", "ir": "[region:Header [el:icon] [gp:FlatNavGroup [gattr:repeat '10'] [gattr:names 'home, problem, status, contest, workbook, jser, group, forum, login, register'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 1 1 3 3 | link 5 1 6 2 | \" [ link 14 0 7 4 ] | [ link 23 0 5 4 ] | [ link 30 0 6 4 ] | [ link 38 0 8 4 ] | [ link 48 0 3 4 ] | [ link 54 0 5 4 ] | [ link 61 0 5 4 ] | [ link 104 0 4 4 ] | [ link 111 0 6 4 ] \"", "layout_seq_without_completion": "icon 1 1 3 3 | link 5 1 6 2 | \" [ link 14 0 7 4 ] | [ link 23 0 5 4 ] | [ link 30 0 6 4 ] | [ link 38 0 8 4 ] | [ link 48 0 3 4 ] | [ link 54 0 5 4 ] | [ link 61 0 5 4 ] | [ link 104 0 4 4 ] | [ link 111 0 6 4 ] \"", "plain_layout_seq": "icon 1 1 3 3 | link 5 1 6 2 | link 14 0 7 4 | link 23 0 5 4 | link 30 0 6 4 | link 38 0 8 4 | link 48 0 3 4 | link 54 0 5 4 | link 61 0 5 4 | link 104 0 4 4 | link 111 0 6 4", "canvas_width": 1024, "canvas_height": 56, "elements": [ { "type": "link", "position": [ 121, 8, 60, 38 ], "completed": false }, { "type": "link", "position": [ 197, 8, 46, 38 ], "completed": false }, { "type": "link", "position": [ 258, 8, 56, 38 ], "completed": false }, { "type": "link", "position": [ 330, 8, 72, 38 ], "completed": false }, { "type": "link", "position": [ 418, 8, 33, 38 ], "completed": false }, { "type": "link", "position": [ 466, 8, 43, 38 ], "completed": false }, { "type": "link", "position": [ 526, 8, 46, 38 ], "completed": false }, { "type": "link", "position": [ 894, 8, 39, 38 ], "completed": false }, { "type": "link", "position": [ 949, 8, 59, 38 ], "completed": false }, { "type": "icon", "position": [ 16, 14, 30, 30 ], "completed": false }, { "type": "link", "position": [ 46, 15, 59, 24 ], "completed": false } ] }, { "text": "#A header page of SuperSoluce for users to get information.# The page should include the logo of SuperSoluce. There are two icons for users to check personal information or search on the page.", "region_id": "5539", "region_type": "Header", "ir": "[region:Header [el:logo[attr:value'SuperSoluce']] [el:icon [attr:value 'personal information'] ] [el:icon [attr:value 'search'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 3 0 112 7 | icon 101 0 8 2 | logo 20 0 32 7", "layout_seq_without_completion": "background 3 0 112 7 | icon 101 0 8 2 | logo 20 0 32 7", "plain_layout_seq": "background 3 0 112 7 | icon 101 0 8 2 | logo 20 0 32 7", "canvas_width": 1024, "canvas_height": 63, "elements": [ { "type": "background", "position": [ 31, 0, 962, 63 ], "completed": true }, { "type": "logo", "position": [ 171, 0, 276, 63 ], "completed": false }, { "type": "icon", "position": [ 865, 0, 75, 22 ], "completed": false } ] }, { "text": "# A header page for Wevideo. # The page should have a logo, four navigation links \"Features\" \"Create\" \"For schools\" and \"Learn\" with a small icon on the right to unfold them by clicking them. Besides, there should have two single links for \"Pricing\" and \"Log in\" for the user to know the price and log in. Also, a button named \"Sign up\" is necessary for the user to create a free WeVideo account.", "region_id": "3736", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'Features, Create, For schools, Learn'] [item [el:link] [el:icon [attr:size 'small'] [attr:position 'right'] ]] ] [el:link[attr:value'Pricing']] [el:link[attr:value'Log in']] [el:button [attr:value 'Sign up'] ] ]", "execution": "header : button undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | { [ icon right small | link undefined undefined ] | [ icon right small | link undefined undefined ] | [ icon right small | link undefined undefined ] | [ icon right small | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | button 104 1 9 4 | icon 25 2 9 2 | icon 48 2 11 2 | icon 63 2 6 2 | icon 37 2 7 2 | link 74 2 7 2 | link 95 2 4 2 | link 25 2 7 2 | link 48 2 9 2 | link 63 2 4 2 | link 37 2 5 2 | logo 3 1 16 3", "layout_seq_without_completion": "background 0 0 120 7 | button 104 1 9 4 | icon 25 2 9 2 | icon 48 2 11 2 | icon 63 2 6 2 | icon 37 2 7 2 | link 74 2 7 2 | link 95 2 4 2 | link 25 2 7 2 | link 48 2 9 2 | link 63 2 4 2 | link 37 2 5 2 | logo 3 1 16 3", "plain_layout_seq": "background 0 0 120 7 | button 104 1 9 4 | icon 25 2 9 2 | icon 48 2 11 2 | icon 63 2 6 2 | icon 37 2 7 2 | link 74 2 7 2 | link 95 2 4 2 | link 25 2 7 2 | link 48 2 9 2 | link 63 2 4 2 | link 37 2 5 2 | logo 3 1 16 3", "canvas_width": 1009, "canvas_height": 62, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 62 ], "completed": true }, { "type": "button", "position": [ 881, 10, 84, 40 ], "completed": false }, { "type": "logo", "position": [ 27, 12, 137, 29 ], "completed": false }, { "type": "icon", "position": [ 212, 19, 79, 22 ], "completed": false }, { "type": "icon", "position": [ 317, 19, 66, 22 ], "completed": false }, { "type": "icon", "position": [ 409, 19, 97, 22 ], "completed": false }, { "type": "icon", "position": [ 532, 19, 57, 22 ], "completed": false }, { "type": "link", "position": [ 625, 19, 66, 22 ], "completed": false }, { "type": "link", "position": [ 799, 19, 42, 22 ], "completed": false }, { "type": "link", "position": [ 212, 20, 62, 19 ], "completed": false }, { "type": "link", "position": [ 317, 20, 49, 19 ], "completed": false }, { "type": "link", "position": [ 409, 20, 80, 19 ], "completed": false }, { "type": "link", "position": [ 532, 20, 40, 19 ], "completed": false } ] }, { "text": "#A page for guiding users to use the product and learn more about the information product.# The page has a logo of the product, four links for users to click to get further information, and there is an icon beside each link. And then, there is also a label showing the telephone number of the company, with an image of the country beside it.", "region_id": "2956", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] [el:icon]] ] [el:text] [el:image] ]", "execution": "header : image undefined undefined | logo undefined undefined | text undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 7 | icon 62 2 1 1 | icon 52 2 1 1 | icon 33 2 1 1 | icon 77 2 1 1 | image 92 2 3 2 | link 55 2 5 2 | link 65 2 10 2 | link 35 2 15 2 | link 79 2 10 2 | logo 5 0 17 5 | text 96 2 16 2", "layout_seq_without_completion": "background 0 0 120 7 | icon 62 2 1 1 | icon 52 2 1 1 | icon 33 2 1 1 | icon 77 2 1 1 | image 92 2 3 2 | link 55 2 5 2 | link 65 2 10 2 | link 35 2 15 2 | link 79 2 10 2 | logo 5 0 17 5 | text 96 2 16 2", "plain_layout_seq": "background 0 0 120 7 | icon 62 2 1 1 | icon 52 2 1 1 | icon 33 2 1 1 | icon 77 2 1 1 | image 92 2 3 2 | link 55 2 5 2 | link 65 2 10 2 | link 35 2 15 2 | link 79 2 10 2 | logo 5 0 17 5 | text 96 2 16 2", "canvas_width": 1024, "canvas_height": 66, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 66 ], "completed": true }, { "type": "logo", "position": [ 47, 8, 153, 50 ], "completed": false }, { "type": "link", "position": [ 305, 23, 131, 19 ], "completed": false }, { "type": "link", "position": [ 471, 23, 46, 19 ], "completed": false }, { "type": "link", "position": [ 555, 23, 88, 19 ], "completed": false }, { "type": "link", "position": [ 680, 23, 93, 19 ], "completed": false }, { "type": "image", "position": [ 789, 23, 33, 20 ], "completed": false }, { "type": "text", "position": [ 826, 23, 143, 19 ], "completed": false }, { "type": "icon", "position": [ 287, 25, 10, 13 ], "completed": false }, { "type": "icon", "position": [ 452, 25, 12, 13 ], "completed": false }, { "type": "icon", "position": [ 533, 25, 13, 13 ], "completed": false }, { "type": "icon", "position": [ 659, 25, 13, 13 ], "completed": false } ] }, { "text": "#A header page for introducing one company's info.# There is one label and two drop-down lists. Below are seven titles for types of info.", "region_id": "3261", "region_type": "Header", "ir": "[region:Header [el:title] [el:icon [attr:repeat '2'] ] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:title] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined | { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "icon 110 2 2 1 | icon 104 2 3 2 | title 4 1 24 4 | \" [ title 4 7 15 5 ] | [ title 19 7 25 5 ] | [ title 44 7 10 5 ] | [ title 54 7 7 5 ] | [ title 62 7 17 5 ] | [ title 79 7 6 5 ] | [ title 86 7 7 5 ] \"", "layout_seq_without_completion": "icon 110 2 2 1 | icon 104 2 3 2 | title 4 1 24 4 | \" [ title 4 7 15 5 ] | [ title 19 7 25 5 ] | [ title 44 7 10 5 ] | [ title 54 7 7 5 ] | [ title 62 7 17 5 ] | [ title 79 7 6 5 ] | [ title 86 7 7 5 ] \"", "plain_layout_seq": "icon 110 2 2 1 | icon 104 2 3 2 | title 4 1 24 4 | title 4 7 15 5 | title 19 7 25 5 | title 44 7 10 5 | title 54 7 7 5 | title 62 7 17 5 | title 79 7 6 5 | title 86 7 7 5", "canvas_width": 1024, "canvas_height": 113, "elements": [ { "type": "title", "position": [ 40, 15, 210, 35 ], "completed": false }, { "type": "icon", "position": [ 891, 22, 29, 22 ], "completed": false }, { "type": "icon", "position": [ 944, 24, 22, 16 ], "completed": false }, { "type": "title", "position": [ 40, 65, 129, 48 ], "completed": false }, { "type": "title", "position": [ 168, 65, 214, 48 ], "completed": false }, { "type": "title", "position": [ 383, 65, 86, 48 ], "completed": false }, { "type": "title", "position": [ 469, 65, 66, 48 ], "completed": false }, { "type": "title", "position": [ 534, 65, 147, 48 ], "completed": false }, { "type": "title", "position": [ 682, 65, 59, 48 ], "completed": false }, { "type": "title", "position": [ 740, 65, 60, 48 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 6 links for users to click to check the tutorial, docs, examples, blog, FAQ, and open collective.", "region_id": "4746", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'tutorial, docs, examples, blog, faq,open collective'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 30 4 9 4 ] | [ link 40 4 6 4 ] | [ link 47 4 11 4 ] | [ link 58 4 6 4 ] | [ link 65 4 6 4 ] | [ link 71 4 17 4 ] \"", "layout_seq_without_completion": "\" [ link 30 4 9 4 ] | [ link 40 4 6 4 ] | [ link 47 4 11 4 ] | [ link 58 4 6 4 ] | [ link 65 4 6 4 ] | [ link 71 4 17 4 ] \"", "plain_layout_seq": "link 30 4 9 4 | link 40 4 6 4 | link 47 4 11 4 | link 58 4 6 4 | link 65 4 6 4 | link 71 4 17 4", "canvas_width": 1024, "canvas_height": 117, "elements": [ { "type": "link", "position": [ 264, 40, 82, 37 ], "completed": false }, { "type": "link", "position": [ 346, 40, 59, 37 ], "completed": false }, { "type": "link", "position": [ 405, 40, 97, 37 ], "completed": false }, { "type": "link", "position": [ 502, 40, 57, 37 ], "completed": false }, { "type": "link", "position": [ 559, 40, 52, 37 ], "completed": false }, { "type": "link", "position": [ 611, 40, 149, 37 ], "completed": false } ] }, { "text": "#A page for navigation of Money Robot.# The page should have a background image, and 6 links for users to click to check the home page, forum,buy now, Facebook group, affiliates, buy and contact the company.", "region_id": "4629", "region_type": "Header", "ir": "[region:Header [el:background_image] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home ,forum,buy now,Facebook group,affiliates,contact'] [item [el:link] ] ] ]", "execution": "header : background undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 14 | \" [ link 48 0 6 2 ] | [ link 56 0 7 2 ] | [ link 65 0 9 2 ] | [ link 76 0 15 2 ] | [ link 93 0 10 2 ] | [ link 105 0 9 2 ] \"", "layout_seq_without_completion": "background 0 0 120 14 | \" [ link 48 0 6 2 ] | [ link 56 0 7 2 ] | [ link 65 0 9 2 ] | [ link 76 0 15 2 ] | [ link 93 0 10 2 ] | [ link 105 0 9 2 ] \"", "plain_layout_seq": "background 0 0 120 14 | link 48 0 6 2 | link 56 0 7 2 | link 65 0 9 2 | link 76 0 15 2 | link 93 0 10 2 | link 105 0 9 2", "canvas_width": 1030, "canvas_height": 127, "elements": [ { "type": "background", "position": [ 0, 0, 1030, 127 ], "completed": false }, { "type": "link", "position": [ 414, 4, 60, 20 ], "completed": false }, { "type": "link", "position": [ 485, 4, 68, 20 ], "completed": false }, { "type": "link", "position": [ 564, 4, 82, 20 ], "completed": false }, { "type": "link", "position": [ 657, 4, 137, 20 ], "completed": false }, { "type": "link", "position": [ 805, 4, 91, 20 ], "completed": false }, { "type": "link", "position": [ 907, 4, 81, 20 ], "completed": false } ] }, { "text": "# A header page for navigation of a company TATUNG.# The page should have a logo, and five links \"Multi Cookers\" \"Hot Water Dispensers\" \"Parts and Accessories\" \"More Products\", and \"Contact\" for the user to view the product and contact the company. Also, three icons for search, login, and shopping cart.", "region_id": "7483", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'multi cookers, hot water dispensers, parts and accessories, more products, contact'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 6 2 2 | icon 101 6 2 2 | icon 110 5 5 5 | logo 5 5 17 4 | \" [ link 28 3 13 2 ] | [ link 43 3 20 2 ] | [ link 66 3 20 2 ] | [ link 28 9 13 2 ] | [ link 44 9 7 2 ] \"", "layout_seq_without_completion": "icon 106 6 2 2 | icon 101 6 2 2 | icon 110 5 5 5 | logo 5 5 17 4 | \" [ link 28 3 13 2 ] | [ link 43 3 20 2 ] | [ link 66 3 20 2 ] | [ link 28 9 13 2 ] | [ link 44 9 7 2 ] \"", "plain_layout_seq": "icon 106 6 2 2 | icon 101 6 2 2 | icon 110 5 5 5 | link 28 3 13 2 | link 43 3 20 2 | link 66 3 20 2 | link 28 9 13 2 | link 44 9 7 2 | logo 5 5 17 4", "canvas_width": 1024, "canvas_height": 136, "elements": [ { "type": "link", "position": [ 240, 32, 111, 23 ], "completed": false }, { "type": "link", "position": [ 374, 32, 172, 23 ], "completed": false }, { "type": "link", "position": [ 570, 32, 172, 23 ], "completed": false }, { "type": "icon", "position": [ 942, 45, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 47, 150, 41 ], "completed": false }, { "type": "icon", "position": [ 866, 57, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 57, 20, 20 ], "completed": false }, { "type": "link", "position": [ 240, 79, 117, 23 ], "completed": false }, { "type": "link", "position": [ 380, 79, 63, 23 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have one black background image and seven links for users to click to know more content on the web fastly.", "region_id": "3458", "region_type": "Header", "ir": "[region:Header [el:background_image] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] ]", "execution": "header : background undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 6 | \" [ link 4 0 13 5 ] | [ link 18 0 15 5 ] | [ link 33 0 16 5 ] | [ link 50 0 14 5 ] | [ link 64 0 13 5 ] | [ link 77 0 13 5 ] | [ link 91 0 14 5 ] \"", "layout_seq_without_completion": "background 0 0 120 6 | \" [ link 4 0 13 5 ] | [ link 18 0 15 5 ] | [ link 33 0 16 5 ] | [ link 50 0 14 5 ] | [ link 64 0 13 5 ] | [ link 77 0 13 5 ] | [ link 91 0 14 5 ] \"", "plain_layout_seq": "background 0 0 120 6 | link 4 0 13 5 | link 18 0 15 5 | link 33 0 16 5 | link 50 0 14 5 | link 64 0 13 5 | link 77 0 13 5 | link 91 0 14 5", "canvas_width": 1024, "canvas_height": 52, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 52 ], "completed": false }, { "type": "link", "position": [ 42, 1, 118, 50 ], "completed": false }, { "type": "link", "position": [ 160, 1, 129, 50 ], "completed": false }, { "type": "link", "position": [ 289, 1, 138, 50 ], "completed": false }, { "type": "link", "position": [ 427, 1, 120, 50 ], "completed": false }, { "type": "link", "position": [ 547, 1, 115, 50 ], "completed": false }, { "type": "link", "position": [ 662, 1, 117, 50 ], "completed": false }, { "type": "link", "position": [ 779, 1, 126, 50 ], "completed": false } ] }, { "text": "# A header page for navigation of Clockify.# The page should have three links \"FEATURE\" \"DOWNLOAD\", and \"LOG IN\", and a button \"SIGN UP FREE\" for the user to sign up to the website.", "region_id": "3200", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'feature, download, log in'] [item [el:link] ] ] [el:button [attr:value 'sign up free'] ] ]", "execution": "header : button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 94 2 16 4 | link 29 4 7 1 | link 41 4 8 1 | link 84 4 4 1 | complete logo 9 3 15 3", "layout_seq_without_completion": "button 94 2 16 4 | link 29 4 7 1 | link 41 4 8 1 | link 84 4 4 1 | logo 9 3 15 3", "plain_layout_seq": "button 94 2 16 4 | link 29 4 7 1 | link 41 4 8 1 | link 84 4 4 1 | logo 9 3 15 3", "canvas_width": 1009, "canvas_height": 65, "elements": [ { "type": "button", "position": [ 793, 25, 140, 40 ], "completed": false }, { "type": "logo", "position": [ 76, 28, 130, 32 ], "completed": true }, { "type": "link", "position": [ 246, 38, 62, 15 ], "completed": false }, { "type": "link", "position": [ 347, 38, 70, 15 ], "completed": false }, { "type": "link", "position": [ 713, 38, 41, 15 ], "completed": false } ] }, { "text": "#A page to show the navigation for the users.# From left to right on this page, the logo of the company and six links of \"solutions\", \"Demo\", \"buy\" and so on are involved respectively.", "region_id": "5494", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'solutions, demo, buy'] [item [el:link] ] ] ]", "execution": "header : logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 2 1 29 6 | \" [ link 60 3 12 5 ] | [ link 72 3 9 5 ] | [ link 81 3 7 5 ] | [ link 88 3 10 5 ] | [ link 99 3 9 5 ] | [ link 108 3 8 5 ] \"", "layout_seq_without_completion": "logo 2 1 29 6 | \" [ link 60 3 12 5 ] | [ link 72 3 9 5 ] | [ link 81 3 7 5 ] | [ link 88 3 10 5 ] | [ link 99 3 9 5 ] | [ link 108 3 8 5 ] \"", "plain_layout_seq": "link 60 3 12 5 | link 72 3 9 5 | link 81 3 7 5 | link 88 3 10 5 | link 99 3 9 5 | link 108 3 8 5 | logo 2 1 29 6", "canvas_width": 984, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 20, 14, 240, 56 ], "completed": false }, { "type": "link", "position": [ 496, 32, 100, 42 ], "completed": false }, { "type": "link", "position": [ 596, 32, 74, 42 ], "completed": false }, { "type": "link", "position": [ 670, 32, 58, 42 ], "completed": false }, { "type": "link", "position": [ 728, 32, 88, 42 ], "completed": false }, { "type": "link", "position": [ 816, 32, 74, 42 ], "completed": false }, { "type": "link", "position": [ 890, 32, 70, 42 ], "completed": false } ] }, { "text": "#A page for navigation of the web Weava.#The page should have a logo and five links for users to get more information, \"pricing\", \"resources\", \"help center\", \"join us\", and \"sign-in\". There is a button on the rightmost side of the page for users to sign up for free.", "region_id": "5730", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'pricing, resources, help center, join us, sign-in'] [item [el:link] ] ] [el:button [attr:position 'right'] [attr:value 'sign up for free'] ] ]", "execution": "header : button right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 95 2 21 4 | logo 2 2 18 3 | \" [ link 41 0 9 8 ] | [ link 50 0 11 8 ] | [ link 62 0 12 8 ] | [ link 75 0 9 8 ] | [ link 84 0 8 8 ] \"", "layout_seq_without_completion": "button 95 2 21 4 | logo 2 2 18 3 | \" [ link 41 0 9 8 ] | [ link 50 0 11 8 ] | [ link 62 0 12 8 ] | [ link 75 0 9 8 ] | [ link 84 0 8 8 ] \"", "plain_layout_seq": "button 95 2 21 4 | link 41 0 9 8 | link 50 0 11 8 | link 62 0 12 8 | link 75 0 9 8 | link 84 0 8 8 | logo 2 2 18 3", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "link", "position": [ 353, 0, 78, 70 ], "completed": false }, { "type": "link", "position": [ 431, 0, 101, 70 ], "completed": false }, { "type": "link", "position": [ 532, 0, 109, 70 ], "completed": false }, { "type": "link", "position": [ 641, 0, 80, 70 ], "completed": false }, { "type": "link", "position": [ 721, 0, 76, 70 ], "completed": false }, { "type": "logo", "position": [ 20, 18, 158, 33 ], "completed": false }, { "type": "button", "position": [ 817, 18, 187, 35 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, a brief description, five links for users to click to get further information, and a sentence.", "region_id": "2874", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description [attr:size 'small'] ] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]]] [el:text] ]", "execution": "header : description undefined small | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 1 14 56 3 | logo 1 9 24 4 | text 1 27 56 2 | \" [ link 66 26 6 3 ] | [ link 74 26 8 3 ] | [ link 84 26 10 3 ] | [ link 96 26 6 3 ] | [ link 104 26 11 3 ] \"", "layout_seq_without_completion": "description 1 14 56 3 | logo 1 9 24 4 | text 1 27 56 2 | \" [ link 66 26 6 3 ] | [ link 74 26 8 3 ] | [ link 84 26 10 3 ] | [ link 96 26 6 3 ] | [ link 104 26 11 3 ] \"", "plain_layout_seq": "description 1 14 56 3 | link 66 26 6 3 | link 74 26 8 3 | link 84 26 10 3 | link 96 26 6 3 | link 104 26 11 3 | logo 1 9 24 4 | text 1 27 56 2", "canvas_width": 1024, "canvas_height": 286, "elements": [ { "type": "logo", "position": [ 15, 83, 209, 42 ], "completed": false }, { "type": "description", "position": [ 15, 126, 482, 30 ], "completed": false }, { "type": "link", "position": [ 565, 227, 53, 34 ], "completed": false }, { "type": "link", "position": [ 633, 227, 74, 34 ], "completed": false }, { "type": "link", "position": [ 722, 227, 87, 34 ], "completed": false }, { "type": "link", "position": [ 824, 227, 54, 34 ], "completed": false }, { "type": "link", "position": [ 893, 227, 101, 34 ], "completed": false }, { "type": "text", "position": [ 15, 235, 482, 18 ], "completed": false } ] }, { "text": "#A page for navigation of a web.# The page should have 4 links for users to click to quickly jump to other pages in terms of fountains, outdoor decor, outdoor and patio furniture, planters, and urns.", "region_id": "7501", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'fountains, outdoor decor, outdoor and patio furniture, planters,urns'] [item [el:link ] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 2 0 22 7 ] | [ link 25 0 32 7 ] | [ link 57 0 53 7 ] | [ link 2 7 33 7 ] \"", "layout_seq_without_completion": "\" [ link 2 0 22 7 ] | [ link 25 0 32 7 ] | [ link 57 0 53 7 ] | [ link 2 7 33 7 ] \"", "plain_layout_seq": "link 2 0 22 7 | link 25 0 32 7 | link 57 0 53 7 | link 2 7 33 7", "canvas_width": 1024, "canvas_height": 126, "elements": [ { "type": "link", "position": [ 20, 0, 195, 63 ], "completed": false }, { "type": "link", "position": [ 215, 0, 276, 63 ], "completed": false }, { "type": "link", "position": [ 491, 0, 455, 63 ], "completed": false }, { "type": "link", "position": [ 20, 63, 286, 63 ], "completed": false } ] }, { "text": "#This page is the header of Capital one. #This page has a logo of Capital one on the left, six groups in the middle, and four icons and a sign-in text on the right.", "region_id": "4598", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:text ] ] ][el:icon[attr:repeat'4']] [el:text [attr:position 'right'] [attr:value'sign-in'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo left undefined | text right undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "complete button 91 0 4 7 | logo 5 1 12 4 | text 109 2 5 2 | \" [ text 22 0 8 7 ] | [ text 32 0 14 7 ] | [ text 48 0 3 7 ] | [ text 54 0 6 7 ] | [ text 62 0 8 7 ] | [ text 72 0 9 7 ] \"", "layout_seq_without_completion": "button 91 0 4 7 | logo 5 1 12 4 | text 109 2 5 2 | \" [ text 22 0 8 7 ] | [ text 32 0 14 7 ] | [ text 48 0 3 7 ] | [ text 54 0 6 7 ] | [ text 62 0 8 7 ] | [ text 72 0 9 7 ] \"", "plain_layout_seq": "button 91 0 4 7 | logo 5 1 12 4 | text 109 2 5 2 | text 22 0 8 7 | text 32 0 14 7 | text 48 0 3 7 | text 54 0 6 7 | text 62 0 8 7 | text 72 0 9 7", "canvas_width": 1024, "canvas_height": 79, "elements": [ { "type": "button", "position": [ 782, 0, 40, 64 ], "completed": true }, { "type": "text", "position": [ 189, 2, 74, 62 ], "completed": false }, { "type": "text", "position": [ 279, 2, 120, 62 ], "completed": false }, { "type": "text", "position": [ 415, 2, 30, 62 ], "completed": false }, { "type": "text", "position": [ 461, 2, 53, 62 ], "completed": false }, { "type": "text", "position": [ 530, 2, 72, 62 ], "completed": false }, { "type": "text", "position": [ 618, 2, 83, 62 ], "completed": false }, { "type": "logo", "position": [ 48, 15, 109, 39 ], "completed": false }, { "type": "text", "position": [ 933, 20, 43, 22 ], "completed": false } ] }, { "text": "#A header page for showing some info.# There is one title \"Free shipping on all orders\".# Below is one logo and two links \"Home\" and \"Catalog\". One icon represents search and one icon represents collecting.", "region_id": "7488", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free shipping on all orders'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'Home,Catalog'] [item [el:link]]][el:icon [attr:value 'search'] ] [el:icon [attr:value 'collect'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 11 2 3 | icon 112 11 2 3 | icon 106 10 6 4 | link 59 11 9 3 | link 51 11 7 3 | logo 6 6 17 11 | title 0 0 120 5", "layout_seq_without_completion": "icon 106 11 2 3 | icon 112 11 2 3 | icon 106 10 6 4 | link 59 11 9 3 | link 51 11 7 3 | logo 6 6 17 11 | title 0 0 120 5", "plain_layout_seq": "icon 106 11 2 3 | icon 112 11 2 3 | icon 106 10 6 4 | link 59 11 9 3 | link 51 11 7 3 | logo 6 6 17 11 | title 0 0 120 5", "canvas_width": 1024, "canvas_height": 177, "elements": [ { "type": "title", "position": [ 0, 0, 1024, 44 ], "completed": false }, { "type": "logo", "position": [ 55, 59, 150, 102 ], "completed": false }, { "type": "icon", "position": [ 909, 89, 55, 41 ], "completed": false }, { "type": "link", "position": [ 436, 95, 66, 30 ], "completed": false }, { "type": "link", "position": [ 508, 95, 80, 30 ], "completed": false }, { "type": "icon", "position": [ 906, 95, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 95, 20, 30 ], "completed": false } ] }, { "text": "#A page for showing one company's info.# There is one slogan on the top. Below is one logo and two links, one for the HOME and the other for the CATALOG. On the right, there are two buttons.", "region_id": "6755", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,CATALOG'] [item [el:link]]] [el:button [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : button right undefined | button right undefined | logo undefined undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 108 9 2 3 | button 113 9 2 3 | link 84 8 9 6 | link 94 8 12 6 | logo 3 7 37 8 | title 0 0 120 5", "layout_seq_without_completion": "button 108 9 2 3 | button 113 9 2 3 | link 84 8 9 6 | link 94 8 12 6 | logo 3 7 37 8 | title 0 0 120 5", "plain_layout_seq": "button 108 9 2 3 | button 113 9 2 3 | link 84 8 9 6 | link 94 8 12 6 | logo 3 7 37 8 | title 0 0 120 5", "canvas_width": 1009, "canvas_height": 145, "elements": [ { "type": "title", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 30, 60, 316, 70 ], "completed": false }, { "type": "link", "position": [ 707, 72, 81, 52 ], "completed": false }, { "type": "link", "position": [ 791, 72, 109, 52 ], "completed": false }, { "type": "button", "position": [ 912, 80, 21, 26 ], "completed": false }, { "type": "button", "position": [ 951, 80, 21, 26 ], "completed": false } ] }, { "text": "# A page for navigation of Travelmath.# The page should have a logo and 6 links: \"DRIVING\" \"DISTANCE\" \"FLYING\" \"TIME\" \"COST\", and \"PLACES\" for the user to get more info.", "region_id": "6216", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'driving, distance, flying, time, cost, places'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 0 1 28 9 | \" [ link 39 4 12 4 ] | [ link 53 4 14 4 ] | [ link 69 4 10 4 ] | [ link 82 4 8 4 ] | [ link 92 4 9 4 ] | [ link 103 4 11 4 ] \"", "layout_seq_without_completion": "logo 0 1 28 9 | \" [ link 39 4 12 4 ] | [ link 53 4 14 4 ] | [ link 69 4 10 4 ] | [ link 82 4 8 4 ] | [ link 92 4 9 4 ] | [ link 103 4 11 4 ] \"", "plain_layout_seq": "link 39 4 12 4 | link 53 4 14 4 | link 69 4 10 4 | link 82 4 8 4 | link 92 4 9 4 | link 103 4 11 4 | logo 0 1 28 9", "canvas_width": 961, "canvas_height": 90, "elements": [ { "type": "logo", "position": [ 0, 10, 230, 80 ], "completed": false }, { "type": "link", "position": [ 315, 37, 102, 33 ], "completed": false }, { "type": "link", "position": [ 430, 37, 114, 33 ], "completed": false }, { "type": "link", "position": [ 557, 37, 87, 33 ], "completed": false }, { "type": "link", "position": [ 657, 37, 70, 33 ], "completed": false }, { "type": "link", "position": [ 740, 37, 79, 33 ], "completed": false }, { "type": "link", "position": [ 832, 37, 96, 33 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop named WhiteOut. # The page should have a logo, six links \"Home\" \"Shop All\" \"Toothbrushes\" \"Holders & Squeezers\" \"Other Oral Hygiene\", and \"Contact Us\" for the user to learn more info. Also, two icons for search and shopping cart should be provided.", "region_id": "6420", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, shop all, toothbrushes, holders & squeezers, other oral hygiene, contact us'] [item [el:link] ] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 5 2 2 | icon 110 4 5 5 | logo 47 3 24 7 | \" [ link 21 14 4 2 ] | [ link 28 14 6 2 ] | [ link 38 14 10 2 ] | [ link 51 14 16 2 ] | [ link 71 14 15 2 ] | [ link 89 14 9 2 ] \"", "layout_seq_without_completion": "icon 7 5 2 2 | icon 110 4 5 5 | logo 47 3 24 7 | \" [ link 21 14 4 2 ] | [ link 28 14 6 2 ] | [ link 38 14 10 2 ] | [ link 51 14 16 2 ] | [ link 71 14 15 2 ] | [ link 89 14 9 2 ] \"", "plain_layout_seq": "icon 7 5 2 2 | icon 110 4 5 5 | link 21 14 4 2 | link 28 14 6 2 | link 38 14 10 2 | link 51 14 16 2 | link 71 14 15 2 | link 89 14 9 2 | logo 47 3 24 7", "canvas_width": 1024, "canvas_height": 153, "elements": [ { "type": "logo", "position": [ 407, 27, 210, 65 ], "completed": false }, { "type": "icon", "position": [ 942, 38, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 62, 50, 20, 20 ], "completed": false }, { "type": "link", "position": [ 180, 122, 40, 18 ], "completed": false }, { "type": "link", "position": [ 245, 122, 57, 18 ], "completed": false }, { "type": "link", "position": [ 325, 122, 90, 18 ], "completed": false }, { "type": "link", "position": [ 440, 122, 144, 18 ], "completed": false }, { "type": "link", "position": [ 608, 122, 135, 18 ], "completed": false }, { "type": "link", "position": [ 767, 122, 77, 18 ], "completed": false } ] }, { "text": "#A Page for the navigation bar of performing ICO operations.#The page should have one button to return to the home page and three links for users to click to do different operations fastly.", "region_id": "5816", "region_type": "Header", "ir": "[region:Header [el:button [attr:value 'home'] ] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link]] ] ]", "execution": "header : button undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 5 | button 3 0 7 4 | link 10 0 23 4 | link 51 0 18 4 | link 34 0 17 4", "layout_seq_without_completion": "background 0 0 120 5 | button 3 0 7 4 | link 10 0 23 4 | link 51 0 18 4 | link 34 0 17 4", "plain_layout_seq": "background 0 0 120 5 | button 3 0 7 4 | link 10 0 23 4 | link 51 0 18 4 | link 34 0 17 4", "canvas_width": 940, "canvas_height": 44, "elements": [ { "type": "background", "position": [ 0, 0, 940, 44 ], "completed": true }, { "type": "button", "position": [ 26, 3, 59, 38 ], "completed": false }, { "type": "link", "position": [ 86, 3, 184, 38 ], "completed": false }, { "type": "link", "position": [ 272, 3, 134, 38 ], "completed": false }, { "type": "link", "position": [ 407, 3, 143, 38 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website of the Queensland government.#The page should have one logo, three links, one headline, one input, and one search button.", "region_id": "2546", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] [el:title] [el:input] [el:button [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 56 0 8 3 | complete background 64 0 9 3 | complete background 74 0 5 3 | button 109 1 8 2 | input 81 0 28 3 | link 57 0 6 2 | link 75 0 4 2 | link 65 0 8 2 | logo 1 0 28 4 | title 1 6 48 2", "layout_seq_without_completion": "background 56 0 8 3 | background 64 0 9 3 | background 74 0 5 3 | button 109 1 8 2 | input 81 0 28 3 | link 57 0 6 2 | link 75 0 4 2 | link 65 0 8 2 | logo 1 0 28 4 | title 1 6 48 2", "plain_layout_seq": "background 56 0 8 3 | background 64 0 9 3 | background 74 0 5 3 | button 109 1 8 2 | input 81 0 28 3 | link 57 0 6 2 | link 75 0 4 2 | link 65 0 8 2 | logo 1 0 28 4 | title 1 6 48 2", "canvas_width": 1024, "canvas_height": 90, "elements": [ { "type": "logo", "position": [ 16, 5, 240, 42 ], "completed": false }, { "type": "background", "position": [ 481, 6, 71, 29 ], "completed": true }, { "type": "background", "position": [ 552, 6, 82, 29 ], "completed": true }, { "type": "background", "position": [ 634, 6, 48, 29 ], "completed": true }, { "type": "link", "position": [ 487, 8, 59, 24 ], "completed": false }, { "type": "link", "position": [ 558, 8, 69, 24 ], "completed": false }, { "type": "link", "position": [ 640, 8, 37, 24 ], "completed": false }, { "type": "input", "position": [ 694, 8, 240, 27 ], "completed": false }, { "type": "button", "position": [ 936, 10, 71, 25 ], "completed": false }, { "type": "title", "position": [ 16, 54, 418, 22 ], "completed": false } ] }, { "text": "#A page for searching information about xcalibr scans.# The page should include one logo and near it the name of the company. A search box should be placed in the center of the page. And there should be a link and an icon for users to click and offer thr discord service.", "region_id": "4462", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text] [el:input [attr:value 'search'] ] [el:link [attr:value 'discord service'] ] [el:icon] ]", "execution": "header : icon undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 67 2 3 1 | input 29 1 41 3 | link 96 2 13 3 | logo 2 0 22 5 | text 111 2 5 2", "layout_seq_without_completion": "icon 67 2 3 1 | input 29 1 41 3 | link 96 2 13 3 | logo 2 0 22 5 | text 111 2 5 2", "plain_layout_seq": "icon 67 2 3 1 | input 29 1 41 3 | link 96 2 13 3 | logo 2 0 22 5 | text 111 2 5 2", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "logo", "position": [ 20, 5, 190, 50 ], "completed": false }, { "type": "input", "position": [ 255, 13, 350, 34 ], "completed": false }, { "type": "link", "position": [ 821, 18, 113, 31 ], "completed": false }, { "type": "text", "position": [ 949, 18, 45, 25 ], "completed": false }, { "type": "icon", "position": [ 573, 21, 30, 16 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about the brand.# The page has a brand logo, five links for users to click to get further information, and one button for searching.", "region_id": "4938", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:button] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 110 3 4 3 | link 57 3 12 4 | link 92 3 16 4 | link 45 3 11 4 | link 69 3 10 4 | link 80 3 11 4 | logo 4 2 21 5", "layout_seq_without_completion": "button 110 3 4 3 | link 57 3 12 4 | link 92 3 16 4 | link 45 3 11 4 | link 69 3 10 4 | link 80 3 11 4 | logo 4 2 21 5", "plain_layout_seq": "button 110 3 4 3 | link 57 3 12 4 | link 92 3 16 4 | link 45 3 11 4 | link 69 3 10 4 | link 80 3 11 4 | logo 4 2 21 5", "canvas_width": 1024, "canvas_height": 86, "elements": [ { "type": "logo", "position": [ 42, 20, 180, 48 ], "completed": false }, { "type": "link", "position": [ 390, 30, 95, 40 ], "completed": false }, { "type": "link", "position": [ 487, 30, 107, 40 ], "completed": false }, { "type": "link", "position": [ 596, 30, 90, 40 ], "completed": false }, { "type": "link", "position": [ 688, 30, 100, 40 ], "completed": false }, { "type": "link", "position": [ 790, 30, 140, 40 ], "completed": false }, { "type": "button", "position": [ 940, 33, 42, 34 ], "completed": false } ] }, { "text": "#A header page of ComfyClogs for users to buy products.# The page should include propaganda text and the logo of ComfyClogs. There should also be three icons for users to unfold the menu, search on the page or check their carts.", "region_id": "6763", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo[attr:value 'ComfyClogs']] [el:icon [attr:value 'unfold the menu'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'carts'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 3 9 2 2 | icon 108 9 2 2 | icon 113 9 2 2 | logo 47 5 24 11 | text 0 0 120 5", "layout_seq_without_completion": "icon 3 9 2 2 | icon 108 9 2 2 | icon 113 9 2 2 | logo 47 5 24 11 | text 0 0 120 5", "plain_layout_seq": "icon 3 9 2 2 | icon 108 9 2 2 | icon 113 9 2 2 | logo 47 5 24 11 | text 0 0 120 5", "canvas_width": 1009, "canvas_height": 147, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 44 ], "completed": false }, { "type": "logo", "position": [ 400, 47, 209, 100 ], "completed": false }, { "type": "icon", "position": [ 955, 82, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 913, 83, 24, 25 ], "completed": false }, { "type": "icon", "position": [ 30, 84, 24, 25 ], "completed": false } ] }, { "text": "# A header page for navigation of ANGEL TOURISM.# The page should have a logo and three links \"Golf Courses\" \"About\", and \"Reservation Guides\" for the user for more info. Besides, there should have a search icon for the user to search for things they want to look for.", "region_id": "6908", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'golf courses, about, reservation guides'] [item [el:link] ] ] [el:icon [attr:value 'search']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 111 2 3 3 | logo 2 1 16 4 | \" [ link 35 0 11 6 ] | [ link 63 0 5 6 ] | [ link 85 0 17 6 ] \"", "layout_seq_without_completion": "icon 111 2 3 3 | logo 2 1 16 4 | \" [ link 35 0 11 6 ] | [ link 63 0 5 6 ] | [ link 85 0 17 6 ] \"", "plain_layout_seq": "icon 111 2 3 3 | link 35 0 11 6 | link 63 0 5 6 | link 85 0 17 6 | logo 2 1 16 4", "canvas_width": 1009, "canvas_height": 68, "elements": [ { "type": "link", "position": [ 298, 0, 95, 54 ], "completed": false }, { "type": "link", "position": [ 531, 0, 48, 54 ], "completed": false }, { "type": "link", "position": [ 716, 0, 145, 54 ], "completed": false }, { "type": "logo", "position": [ 24, 16, 135, 36 ], "completed": false }, { "type": "icon", "position": [ 941, 20, 28, 28 ], "completed": false } ] }, { "text": "#A page for navigation of the web of a brand.# The page contains a headline named \"CELESTIAL IS EXPANDING - REGISTER YOUR INTEREST HERE\", a logo of the brand named \"Celestial Comer\", six links with different aims, and three icons for users to click to get more information.", "region_id": "6999", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'celestial is expanding - register your interest here'] ] [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 7 11 11 | title 0 0 119 5 | \" [ link 38 10 5 2 ] | [ link 46 10 8 2 ] | [ link 58 10 5 2 ] | [ link 66 10 8 2 ] | [ link 77 10 3 2 ] | [ link 45 14 28 2 ] \" | \" [ icon 100 12 2 2 ] | [ icon 105 12 2 2 ] | [ icon 109 12 2 2 ] \"", "layout_seq_without_completion": "logo 6 7 11 11 | title 0 0 119 5 | \" [ link 38 10 5 2 ] | [ link 46 10 8 2 ] | [ link 58 10 5 2 ] | [ link 66 10 8 2 ] | [ link 77 10 3 2 ] | [ link 45 14 28 2 ] \" | \" [ icon 100 12 2 2 ] | [ icon 105 12 2 2 ] | [ icon 109 12 2 2 ] \"", "plain_layout_seq": "icon 100 12 2 2 | icon 105 12 2 2 | icon 109 12 2 2 | link 38 10 5 2 | link 46 10 8 2 | link 58 10 5 2 | link 66 10 8 2 | link 77 10 3 2 | link 45 14 28 2 | logo 6 7 11 11 | title 0 0 119 5", "canvas_width": 1024, "canvas_height": 182, "elements": [ { "type": "title", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 66, 100, 100 ], "completed": false }, { "type": "link", "position": [ 329, 92, 46, 18 ], "completed": false }, { "type": "link", "position": [ 399, 92, 73, 18 ], "completed": false }, { "type": "link", "position": [ 496, 92, 48, 18 ], "completed": false }, { "type": "link", "position": [ 568, 92, 72, 18 ], "completed": false }, { "type": "link", "position": [ 664, 92, 31, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 107, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 107, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 107, 20, 20 ], "completed": false }, { "type": "link", "position": [ 391, 121, 242, 18 ], "completed": false } ] }, { "text": "#A header page for navigation of the web.# The page should have 3 links for users to click to check the term and privacy, and back to the top.", "region_id": "2710", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'term, privacy, back to the top'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 16 8 11 2 | link 5 8 10 2 | link 101 9 10 1", "layout_seq_without_completion": "link 16 8 11 2 | link 5 8 10 2 | link 101 9 10 1", "plain_layout_seq": "link 16 8 11 2 | link 5 8 10 2 | link 101 9 10 1", "canvas_width": 1024, "canvas_height": 147, "elements": [ { "type": "link", "position": [ 47, 76, 91, 20 ], "completed": false }, { "type": "link", "position": [ 141, 76, 98, 20 ], "completed": false }, { "type": "link", "position": [ 867, 78, 86, 14 ], "completed": false } ] }, { "text": "#The page showing the interface of a website named House Beautiful.#The page contains one Logo, an input to subscribe, and six links for users to click to know the different content of the web fastly.", "region_id": "6361", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'subscribe'] ] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] ]", "execution": "header : input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete icon 5 1 3 3 | input 93 1 13 3 | logo 10 1 13 2 | text 109 1 6 3 | \" [ link 27 0 9 5 ] | [ link 42 0 6 5 ] | [ link 55 0 9 5 ] | [ link 71 0 8 5 ] | [ link 85 0 8 5 ] \"", "layout_seq_without_completion": "icon 5 1 3 3 | input 93 1 13 3 | logo 10 1 13 2 | text 109 1 6 3 | \" [ link 27 0 9 5 ] | [ link 42 0 6 5 ] | [ link 55 0 9 5 ] | [ link 71 0 8 5 ] | [ link 85 0 8 5 ] \"", "plain_layout_seq": "icon 5 1 3 3 | input 93 1 13 3 | link 27 0 9 5 | link 42 0 6 5 | link 55 0 9 5 | link 71 0 8 5 | link 85 0 8 5 | logo 10 1 13 2 | text 109 1 6 3", "canvas_width": 1009, "canvas_height": 50, "elements": [ { "type": "link", "position": [ 234, 0, 76, 50 ], "completed": false }, { "type": "link", "position": [ 361, 0, 53, 50 ], "completed": false }, { "type": "link", "position": [ 464, 0, 83, 50 ], "completed": false }, { "type": "link", "position": [ 597, 0, 74, 50 ], "completed": false }, { "type": "link", "position": [ 721, 0, 68, 50 ], "completed": false }, { "type": "text", "position": [ 917, 9, 52, 32 ], "completed": false }, { "type": "icon", "position": [ 50, 10, 30, 30 ], "completed": true }, { "type": "input", "position": [ 789, 10, 113, 30 ], "completed": false }, { "type": "logo", "position": [ 90, 13, 114, 22 ], "completed": false } ] }, { "text": "#This page is a navigation bar for a company.#This page has five groups: Home, View Ads, Statistics, Help, and Terms. There are also two buttons with icons on the right side of the page, namely: Log in and Register.", "region_id": "4434", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, View Ads, Statistics, help, terms'] [item [el:link] ] ] [el:button [attr:value 'log in'] [attr:position 'right']] [el:button [attr:value 'Register'] [attr:position 'right'] ] [el:icon [attr:position 'right'] ] ]", "execution": "header : button right undefined | button right undefined | icon right undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 78 2 12 4 | button 93 2 15 4 | \" [ link 11 1 8 6 ] | [ link 20 1 11 6 ] | [ link 31 1 11 6 ] | [ link 43 1 7 6 ] | [ link 51 1 9 6 ] \"", "layout_seq_without_completion": "button 78 2 12 4 | button 93 2 15 4 | \" [ link 11 1 8 6 ] | [ link 20 1 11 6 ] | [ link 31 1 11 6 ] | [ link 43 1 7 6 ] | [ link 51 1 9 6 ] \"", "plain_layout_seq": "button 78 2 12 4 | button 93 2 15 4 | link 11 1 8 6 | link 20 1 11 6 | link 31 1 11 6 | link 43 1 7 6 | link 51 1 9 6", "canvas_width": 1024, "canvas_height": 90, "elements": [ { "type": "link", "position": [ 95, 16, 76, 58 ], "completed": false }, { "type": "link", "position": [ 171, 16, 102, 58 ], "completed": false }, { "type": "link", "position": [ 273, 16, 99, 58 ], "completed": false }, { "type": "link", "position": [ 372, 16, 67, 58 ], "completed": false }, { "type": "link", "position": [ 439, 16, 78, 58 ], "completed": false }, { "type": "button", "position": [ 671, 24, 107, 42 ], "completed": false }, { "type": "button", "position": [ 798, 24, 131, 42 ], "completed": false } ] }, { "text": "# A page for a website \"YOULIKEHITS\". # The page should have a logo on the left, and two buttons \"Login\" and \"Signup\" for the user to log in and create an account by clicking them.", "region_id": "3929", "region_type": "Header", "ir": "[region:Header [el:logo[attr:position 'left']][el:button [attr:value 'Login']][el:button [attr:value 'Signup']]]", "execution": "header : button undefined undefined | button undefined undefined | logo left undefined", "layout_seq_with_completion": "button 108 0 9 5 | button 98 0 9 5 | logo 2 0 29 5", "layout_seq_without_completion": "button 108 0 9 5 | button 98 0 9 5 | logo 2 0 29 5", "plain_layout_seq": "button 108 0 9 5 | button 98 0 9 5 | logo 2 0 29 5", "canvas_width": 1024, "canvas_height": 50, "elements": [ { "type": "logo", "position": [ 22, 0, 250, 46 ], "completed": false }, { "type": "button", "position": [ 842, 0, 80, 50 ], "completed": false }, { "type": "button", "position": [ 922, 0, 80, 50 ], "completed": false } ] }, { "text": "#Here is a page about SOCCER STREAMS.#On this page, there is a title of \"SOCCER STREAMS\" with the name of its founder, and there are 7 links of related information and two small icons on the right side of the page.", "region_id": "5279", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'soccer streams'] ] [el:text] [gp:FlatNavGroup [gattr:repeat '7'] [item [el:link] ] ] [el:icon [attr:size 'small'] [attr:repeat '2'] [attr:position 'right'] ] ]", "execution": "header : icon right small | icon right small | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | icon 102 4 3 3 | icon 106 4 3 3 | text 9 5 23 2 | title 11 1 28 2 | \" [ link 40 4 5 3 ] | [ link 46 4 13 3 ] | [ link 59 4 10 3 ] | [ link 70 4 11 3 ] | [ link 81 4 6 3 ] | [ link 87 4 6 3 ] | [ link 93 4 8 3 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | icon 102 4 3 3 | icon 106 4 3 3 | text 9 5 23 2 | title 11 1 28 2 | \" [ link 40 4 5 3 ] | [ link 46 4 13 3 ] | [ link 59 4 10 3 ] | [ link 70 4 11 3 ] | [ link 81 4 6 3 ] | [ link 87 4 6 3 ] | [ link 93 4 8 3 ] \"", "plain_layout_seq": "background 0 0 120 8 | icon 102 4 3 3 | icon 106 4 3 3 | link 40 4 5 3 | link 46 4 13 3 | link 59 4 10 3 | link 70 4 11 3 | link 81 4 6 3 | link 87 4 6 3 | link 93 4 8 3 | text 9 5 23 2 | title 11 1 28 2", "canvas_width": 1351, "canvas_height": 100, "elements": [ { "type": "background", "position": [ 0, 0, 1351, 100 ], "completed": true }, { "type": "title", "position": [ 130, 15, 320, 30 ], "completed": false }, { "type": "link", "position": [ 458, 52, 61, 40 ], "completed": false }, { "type": "link", "position": [ 520, 52, 154, 40 ], "completed": false }, { "type": "link", "position": [ 673, 52, 122, 40 ], "completed": false }, { "type": "link", "position": [ 795, 52, 127, 40 ], "completed": false }, { "type": "link", "position": [ 922, 52, 68, 40 ], "completed": false }, { "type": "link", "position": [ 990, 52, 68, 40 ], "completed": false }, { "type": "link", "position": [ 1058, 52, 94, 40 ], "completed": false }, { "type": "icon", "position": [ 1152, 52, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 1200, 52, 40, 40 ], "completed": false }, { "type": "text", "position": [ 110, 58, 260, 28 ], "completed": false } ] }, { "text": "#A navigation page of ME.# The page should include the logo of ME and four icons.", "region_id": "7524", "region_type": "Header", "ir": "[region:Header [el:logo [attr:value 'ME']] [el:icon [attr:repeat '4']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 9 2 2 2 | icon 112 2 2 2 | icon 4 2 2 2 | icon 13 2 2 2 | logo 56 0 7 8 | complete text 115 1 0 1 | complete text 11 1 0 1", "layout_seq_without_completion": "icon 9 2 2 2 | icon 112 2 2 2 | icon 4 2 2 2 | icon 13 2 2 2 | logo 56 0 7 8 | text 115 1 0 1 | text 11 1 0 1", "plain_layout_seq": "icon 9 2 2 2 | icon 112 2 2 2 | icon 4 2 2 2 | icon 13 2 2 2 | logo 56 0 7 8 | text 115 1 0 1 | text 11 1 0 1", "canvas_width": 1024, "canvas_height": 70, "elements": [ { "type": "logo", "position": [ 482, 0, 60, 69 ], "completed": false }, { "type": "text", "position": [ 100, 12, 8, 17 ], "completed": true }, { "type": "text", "position": [ 984, 12, 8, 17 ], "completed": true }, { "type": "icon", "position": [ 38, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 78, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 118, 22, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 962, 22, 24, 24 ], "completed": false } ] }, { "text": "# A header page for an online shop Little Griddle. # The page should have a logo on the left, five links \"HOME\" \"CATALOG\" \"RECIPES\" \"FAQ\" and \"BLOG\" for the user to know more info. Besides, two icons should be included for the user to log in and check the shopping cart.", "region_id": "7958", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'HOME, CATALOG, RECIPES, FAQ, BLOG'] [item [el:link] ] ] [el:icon [attr:value'log in'] ] [el:icon [attr:value 'check the shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 4 2 3 | icon 113 4 2 3 | link 53 4 9 6 | link 77 4 12 6 | link 89 4 7 6 | link 97 4 9 6 | link 63 4 12 6 | logo 3 1 21 9", "layout_seq_without_completion": "icon 108 4 2 3 | icon 113 4 2 3 | link 53 4 9 6 | link 77 4 12 6 | link 89 4 7 6 | link 97 4 9 6 | link 63 4 12 6 | logo 3 1 21 9", "plain_layout_seq": "icon 108 4 2 3 | icon 113 4 2 3 | link 53 4 9 6 | link 77 4 12 6 | link 89 4 7 6 | link 97 4 9 6 | link 63 4 12 6 | logo 3 1 21 9", "canvas_width": 1009, "canvas_height": 99, "elements": [ { "type": "logo", "position": [ 30, 15, 180, 84 ], "completed": false }, { "type": "link", "position": [ 451, 34, 81, 52 ], "completed": false }, { "type": "link", "position": [ 536, 34, 109, 52 ], "completed": false }, { "type": "link", "position": [ 649, 34, 101, 52 ], "completed": false }, { "type": "link", "position": [ 753, 34, 65, 52 ], "completed": false }, { "type": "link", "position": [ 823, 34, 78, 52 ], "completed": false }, { "type": "icon", "position": [ 912, 42, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 42, 21, 26 ], "completed": false } ] }, { "text": "#A header page for showing the info.# There is one logo, five links \"Home\", \"Products\", \"Digital Courses\", \"Gear\", and \"Support\", and one label \"podcast.\" In addition, there are three icons.", "region_id": "7640", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, products, digital courses, gear, support, podcast'] [item [el:link] ] ] [el:title [attr:value ' podcast.'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 1 9 11 | \" [ link 34 4 5 2 ] | [ link 42 4 8 2 ] | [ link 54 4 13 2 ] | [ link 70 4 4 2 ] | [ link 78 4 7 2 ] | [ title 56 7 7 2 ] \" | \" [ icon 98 5 2 2 ] | [ icon 103 5 2 2 ] | [ icon 109 5 2 2 ] \"", "layout_seq_without_completion": "logo 6 1 9 11 | \" [ link 34 4 5 2 ] | [ link 42 4 8 2 ] | [ link 54 4 13 2 ] | [ link 70 4 4 2 ] | [ link 78 4 7 2 ] | [ title 56 7 7 2 ] \" | \" [ icon 98 5 2 2 ] | [ icon 103 5 2 2 ] | [ icon 109 5 2 2 ] \"", "plain_layout_seq": "icon 98 5 2 2 | icon 103 5 2 2 | icon 109 5 2 2 | link 34 4 5 2 | link 42 4 8 2 | link 54 4 13 2 | link 70 4 4 2 | link 78 4 7 2 | logo 6 1 9 11 | title 56 7 7 2", "canvas_width": 1024, "canvas_height": 125, "elements": [ { "type": "logo", "position": [ 55, 15, 85, 94 ], "completed": false }, { "type": "link", "position": [ 294, 37, 46, 20 ], "completed": false }, { "type": "link", "position": [ 366, 37, 71, 20 ], "completed": false }, { "type": "link", "position": [ 462, 37, 117, 20 ], "completed": false }, { "type": "link", "position": [ 604, 37, 37, 20 ], "completed": false }, { "type": "link", "position": [ 666, 37, 64, 20 ], "completed": false }, { "type": "icon", "position": [ 844, 51, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 886, 51, 22, 23 ], "completed": false }, { "type": "icon", "position": [ 933, 51, 22, 23 ], "completed": false }, { "type": "title", "position": [ 480, 67, 63, 20 ], "completed": false } ] }, { "text": "# A page to show guidance for the users.# From the left to right, the logo of the company, an icon, five links, an icon of \"magnifier\" and two buttons \"Log in\" and \"Sign up\" are set respectively.", "region_id": "4900", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]]] [el:icon [attr:value 'magnifier']] [el:button [attr:value 'log in'] ] [el:button [attr:value 'Sign up'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 110 2 8 4 | button 102 2 6 4 | icon 21 1 5 5 | icon 93 2 4 4 | complete image 102 1 17 6 | link 79 1 10 5 | link 60 1 10 5 | link 28 1 12 5 | link 42 1 17 5 | link 72 1 6 5 | logo 1 1 18 12", "layout_seq_without_completion": "button 110 2 8 4 | button 102 2 6 4 | icon 21 1 5 5 | icon 93 2 4 4 | image 102 1 17 6 | link 79 1 10 5 | link 60 1 10 5 | link 28 1 12 5 | link 42 1 17 5 | link 72 1 6 5 | logo 1 1 18 12", "plain_layout_seq": "button 110 2 8 4 | button 102 2 6 4 | icon 21 1 5 5 | icon 93 2 4 4 | image 102 1 17 6 | link 79 1 10 5 | link 60 1 10 5 | link 28 1 12 5 | link 42 1 17 5 | link 72 1 6 5 | logo 1 1 18 12", "canvas_width": 1024, "canvas_height": 126, "elements": [ { "type": "logo", "position": [ 13, 16, 159, 110 ], "completed": false }, { "type": "icon", "position": [ 182, 16, 50, 50 ], "completed": false }, { "type": "link", "position": [ 242, 16, 107, 50 ], "completed": false }, { "type": "link", "position": [ 360, 16, 149, 50 ], "completed": false }, { "type": "link", "position": [ 519, 16, 89, 50 ], "completed": false }, { "type": "link", "position": [ 619, 16, 53, 50 ], "completed": false }, { "type": "link", "position": [ 682, 16, 90, 50 ], "completed": false }, { "type": "image", "position": [ 872, 16, 147, 52 ], "completed": true }, { "type": "icon", "position": [ 796, 21, 40, 40 ], "completed": false }, { "type": "button", "position": [ 876, 23, 59, 39 ], "completed": false }, { "type": "button", "position": [ 943, 23, 72, 39 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the business website.#The page should have one logo, one text headline, one input for entering search content, and one search button. Under it, there also should have four links for users to click to know more information fastly, such as Web Directory, Submit Link, and so on.", "region_id": "3526", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [el:input [attr:value 'search ']] [el:button] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'web directory,submit link'] [item [el:link] ] ] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 118 11 | button 112 3 4 5 | input 73 3 38 5 | logo 4 0 40 6 | \" [ link 0 11 19 3 ] | [ link 20 11 19 3 ] | [ link 40 11 19 3 ] | [ link 59 11 19 3 ] \"", "layout_seq_without_completion": "background 0 0 118 11 | button 112 3 4 5 | input 73 3 38 5 | logo 4 0 40 6 | \" [ link 0 11 19 3 ] | [ link 20 11 19 3 ] | [ link 40 11 19 3 ] | [ link 59 11 19 3 ] \"", "plain_layout_seq": "background 0 0 118 11 | button 112 3 4 5 | input 73 3 38 5 | link 0 11 19 3 | link 20 11 19 3 | link 40 11 19 3 | link 59 11 19 3 | logo 4 0 40 6", "canvas_width": 1009, "canvas_height": 128, "elements": [ { "type": "background", "position": [ 4, 0, 1000, 98 ], "completed": true }, { "type": "logo", "position": [ 38, 6, 344, 56 ], "completed": false }, { "type": "input", "position": [ 620, 31, 321, 43 ], "completed": false }, { "type": "button", "position": [ 942, 31, 38, 43 ], "completed": false }, { "type": "link", "position": [ 4, 98, 167, 30 ], "completed": false }, { "type": "link", "position": [ 171, 98, 167, 30 ], "completed": false }, { "type": "link", "position": [ 338, 98, 167, 30 ], "completed": false }, { "type": "link", "position": [ 504, 98, 167, 30 ], "completed": false } ] }, { "text": "#A page for navigation of Hair2Have.com.# The page should have a logo, and 3 links for jumping to the home page, the category page, and contacting the workers, and 2 icons for shopping and searching.", "region_id": "8664", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home,catalog,contact'] [item [el:link] ] ] [el:icon [attr:value 'shopping'] ] [el:icon [attr:value 'searching'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 2 2 | icon 110 2 5 5 | logo 5 3 19 3 | \" [ link 29 3 4 2 ] | [ link 36 3 5 2 ] | [ link 45 3 5 2 ] \"", "layout_seq_without_completion": "icon 106 3 2 2 | icon 110 2 5 5 | logo 5 3 19 3 | \" [ link 29 3 4 2 ] | [ link 36 3 5 2 ] | [ link 45 3 5 2 ] \"", "plain_layout_seq": "icon 106 3 2 2 | icon 110 2 5 5 | link 29 3 4 2 | link 36 3 5 2 | link 45 3 5 2 | logo 5 3 19 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "logo", "position": [ 50, 26, 163, 32 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 252, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 315, 33, 50, 18 ], "completed": false }, { "type": "link", "position": [ 389, 33, 51, 18 ], "completed": false } ] }, { "text": "#A header page of SIMPLYTRE for users to get information.# The page should include a slogan and the logo of SIMPLYTRE. There are also five links, including \"HOME\", \"SHOP\", \"FAQS\", \"ABOUT US\", and \"CONTACT US\". There are also two icons, one for users to search on the page and one for users to check their carts.", "region_id": "6878", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo [attr:value 'SIMPLYTRE']] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, shop, faqs, about us, contact us'] [item [el:link] ] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 4 7 3 4 | icon 114 9 1 1 | logo 50 6 18 6 | title 36 1 65 2 | \" [ link 38 14 6 4 ] | [ link 45 14 6 4 ] | [ link 51 14 6 4 ] | [ link 58 14 10 4 ] | [ link 68 14 12 4 ] \"", "layout_seq_without_completion": "icon 4 7 3 4 | icon 114 9 1 1 | logo 50 6 18 6 | title 36 1 65 2 | \" [ link 38 14 6 4 ] | [ link 45 14 6 4 ] | [ link 51 14 6 4 ] | [ link 58 14 10 4 ] | [ link 68 14 12 4 ] \"", "plain_layout_seq": "icon 4 7 3 4 | icon 114 9 1 1 | link 38 14 6 4 | link 45 14 6 4 | link 51 14 6 4 | link 58 14 10 4 | link 68 14 12 4 | logo 50 6 18 6 | title 36 1 65 2", "canvas_width": 1009, "canvas_height": 162, "elements": [ { "type": "title", "position": [ 311, 10, 552, 18 ], "completed": false }, { "type": "logo", "position": [ 427, 53, 155, 52 ], "completed": false }, { "type": "icon", "position": [ 35, 61, 31, 36 ], "completed": false }, { "type": "icon", "position": [ 965, 78, 14, 16 ], "completed": false }, { "type": "link", "position": [ 326, 121, 57, 40 ], "completed": false }, { "type": "link", "position": [ 383, 121, 55, 40 ], "completed": false }, { "type": "link", "position": [ 437, 121, 53, 40 ], "completed": false }, { "type": "link", "position": [ 490, 121, 86, 40 ], "completed": false }, { "type": "link", "position": [ 576, 121, 107, 40 ], "completed": false } ] }, { "text": "#A page for navigation of the Talkcharge.# The page should have a logo of Talkcharge, and two groups while each group has an icon and a link for users to check their wallet, login, or register.", "region_id": "2756", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'wallet, login/register'] [item [el:icon] [el:link ] ] ] ]", "execution": "header : logo undefined undefined | { [ icon undefined undefined | link undefined undefined ] | [ icon undefined undefined | link undefined undefined ] }", "layout_seq_with_completion": "icon 96 2 2 2 | icon 81 2 2 2 | link 85 2 5 1 | link 99 2 10 2 | logo 10 1 17 3", "layout_seq_without_completion": "icon 96 2 2 2 | icon 81 2 2 2 | link 85 2 5 1 | link 99 2 10 2 | logo 10 1 17 3", "plain_layout_seq": "icon 96 2 2 2 | icon 81 2 2 2 | link 85 2 5 1 | link 99 2 10 2 | logo 10 1 17 3", "canvas_width": 1024, "canvas_height": 61, "elements": [ { "type": "logo", "position": [ 87, 15, 153, 30 ], "completed": false }, { "type": "icon", "position": [ 696, 18, 25, 25 ], "completed": false }, { "type": "icon", "position": [ 821, 18, 25, 25 ], "completed": false }, { "type": "link", "position": [ 851, 21, 86, 18 ], "completed": false }, { "type": "link", "position": [ 727, 25, 44, 17 ], "completed": false } ] }, { "text": "# A header page for a website.# There are seven buttons that are \"HOME\", \"ESSENTIALS\", \"Y.O.D.M.H\", \"BREE$KI\", \"DETAILS\", \"HEADWEAR\", and \"THRIFT, SHOP\", user can learn more info by clicking it.", "region_id": "7680", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '7'] [gattr:names 'home, essentials, y.o.d.m.h, bree$ki, details, headwear,THRIFT SHOP'] [item [el:button] ] ] ]", "execution": "header : { [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] | [ button undefined undefined ] }", "layout_seq_with_completion": "\" [ link 3 0 10 5 ] | [ link 15 0 17 5 ] | [ link 33 0 14 5 ] | [ link 49 0 13 5 ] | [ link 64 0 13 5 ] | [ link 78 0 17 5 ] | [ link 97 0 19 5 ] \"", "layout_seq_without_completion": "\" [ link 3 0 10 5 ] | [ link 15 0 17 5 ] | [ link 33 0 14 5 ] | [ link 49 0 13 5 ] | [ link 64 0 13 5 ] | [ link 78 0 17 5 ] | [ link 97 0 19 5 ] \"", "plain_layout_seq": "link 3 0 10 5 | link 15 0 17 5 | link 33 0 14 5 | link 49 0 13 5 | link 64 0 13 5 | link 78 0 17 5 | link 97 0 19 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 30, 0, 89, 50 ], "completed": false }, { "type": "link", "position": [ 128, 0, 148, 50 ], "completed": false }, { "type": "link", "position": [ 285, 0, 125, 50 ], "completed": false }, { "type": "link", "position": [ 419, 0, 114, 50 ], "completed": false }, { "type": "link", "position": [ 543, 0, 111, 50 ], "completed": false }, { "type": "link", "position": [ 663, 0, 146, 50 ], "completed": false }, { "type": "link", "position": [ 818, 0, 162, 50 ], "completed": false } ] }, { "text": "# A header page for an online store named On Course Consignment. # There should have a logo, five links \"HOME\" \"Contact Us\" \"Catalog\" \"Saddle Inventory\" and \"Forms\" for more info for the user. On the right, three icons are needed to search for products, login, and check the shopping cart.", "region_id": "8175", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'home, contact us, catalog, saddle inventory, forms'] [item [el:link] ] ] [el:icon [attr:value 'search'] [attr:position 'right'] ] [el:icon [attr:value 'login'] [attr:position 'right'] ] [el:icon [attr:value 'shopping cart'] [attr:position 'right'] ]]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 1 20 20 | \" [ link 35 10 4 2 ] | [ link 43 10 8 2 ] | [ link 54 10 5 2 ] | [ link 63 10 13 2 ] | [ link 79 10 4 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "layout_seq_without_completion": "logo 6 1 20 20 | \" [ link 35 10 4 2 ] | [ link 43 10 8 2 ] | [ link 54 10 5 2 ] | [ link 63 10 13 2 ] | [ link 79 10 4 2 ] \" | \" [ icon 100 11 2 2 ] | [ icon 105 11 2 2 ] | [ icon 109 11 2 2 ] \"", "plain_layout_seq": "icon 100 11 2 2 | icon 105 11 2 2 | icon 109 11 2 2 | link 35 10 4 2 | link 43 10 8 2 | link 54 10 5 2 | link 63 10 13 2 | link 79 10 4 2 | logo 6 1 20 20", "canvas_width": 1024, "canvas_height": 205, "elements": [ { "type": "logo", "position": [ 55, 15, 175, 174 ], "completed": false }, { "type": "link", "position": [ 306, 91, 40, 23 ], "completed": false }, { "type": "link", "position": [ 370, 91, 74, 23 ], "completed": false }, { "type": "link", "position": [ 468, 91, 50, 23 ], "completed": false }, { "type": "link", "position": [ 542, 91, 111, 23 ], "completed": false }, { "type": "link", "position": [ 676, 91, 42, 23 ], "completed": false }, { "type": "icon", "position": [ 856, 95, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 95, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 95, 20, 20 ], "completed": false } ] }, { "text": "# A header page for an online store named Tasty Straw. # There should have a logo in the middle, and two links \"HOME\" and \"SHOP\" on the left for the user to back to the homepage and enter the shop. On the right, three links \"SEARCH\" \"ACCOUNT\" and \"CART\" are needed to search for products, log in, and check the shopping cart.", "region_id": "8470", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'middle' ] ] [el:link [attr:value 'home'] [attr:position 'left'] ] [el:link [attr:value 'shop'] [attr:position 'left'] ] [el:link [attr:value 'search'] [attr:position 'right'] ] [el:link [attr:value 'account'] [attr:position 'right'] ] [el:link [attr:value 'cart'] [attr:position 'right'] ] ]", "execution": "header : link left undefined | link left undefined | link right undefined | link right undefined | link right undefined | logo center undefined", "layout_seq_with_completion": "link 1 4 10 7 | link 12 4 9 7 | logo 50 1 19 13 | \" [ link 86 7 6 2 ] | [ link 98 7 7 2 ] | [ link 111 7 4 2 ] \"", "layout_seq_without_completion": "link 1 4 10 7 | link 12 4 9 7 | logo 50 1 19 13 | \" [ link 86 7 6 2 ] | [ link 98 7 7 2 ] | [ link 111 7 4 2 ] \"", "plain_layout_seq": "link 1 4 10 7 | link 12 4 9 7 | link 86 7 6 2 | link 98 7 7 2 | link 111 7 4 2 | logo 50 1 19 13", "canvas_width": 1009, "canvas_height": 140, "elements": [ { "type": "logo", "position": [ 424, 15, 160, 110 ], "completed": false }, { "type": "link", "position": [ 15, 41, 85, 59 ], "completed": false }, { "type": "link", "position": [ 105, 41, 81, 59 ], "completed": false }, { "type": "link", "position": [ 728, 61, 52, 19 ], "completed": false }, { "type": "link", "position": [ 827, 61, 64, 19 ], "completed": false }, { "type": "link", "position": [ 941, 61, 35, 19 ], "completed": false } ] }, { "text": "# A header page for navigation of YTMP4. # The page should have a logo, six links \"Home\" \"FAQ\" \"News\" \"FBDOWN\" \"INSTADOWN\". and \"TTDOWN\" for the user to learn more info, and an icon for the user to select the language for the website.", "region_id": "2661", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, faq, news, fbdown, instadown, ttdown'] [item [el:link] ] ] [el:icon [attr:value 'select the language']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 3 3 | link 51 3 4 1 | link 32 3 4 1 | link 61 3 7 1 | link 90 3 7 1 | link 42 3 3 1 | link 74 3 10 1 | logo 1 3 12 3", "layout_seq_without_completion": "icon 106 3 3 3 | link 51 3 4 1 | link 32 3 4 1 | link 61 3 7 1 | link 90 3 7 1 | link 42 3 3 1 | link 74 3 10 1 | logo 1 3 12 3", "plain_layout_seq": "icon 106 3 3 3 | link 51 3 4 1 | link 32 3 4 1 | link 61 3 7 1 | link 90 3 7 1 | link 42 3 3 1 | link 74 3 10 1 | logo 1 3 12 3", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "icon", "position": [ 912, 32, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 12, 34, 110, 34 ], "completed": false }, { "type": "link", "position": [ 277, 34, 39, 17 ], "completed": false }, { "type": "link", "position": [ 364, 34, 27, 17 ], "completed": false }, { "type": "link", "position": [ 439, 34, 38, 17 ], "completed": false }, { "type": "link", "position": [ 525, 34, 62, 17 ], "completed": false }, { "type": "link", "position": [ 635, 34, 86, 17 ], "completed": false }, { "type": "link", "position": [ 769, 34, 63, 17 ], "completed": false } ] }, { "text": "# A page for introducing how to use the app.#There should be a logo of the app and two links for users to click on to get further information, and three icons for users to click on to search for information or buy things.", "region_id": "6690", "region_type": "Header", "ir": "[region:Header [el:logo] [el:link [attr:repeat '2'] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'buy'] ] [el:icon] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete icon 10 4 0 2 | icon 104 4 2 2 | complete icon 36 4 0 2 | icon 109 3 2 2 | icon 113 3 2 3 | link 3 4 5 2 | link 17 4 18 2 | logo 56 1 7 7", "layout_seq_without_completion": "icon 10 4 0 2 | icon 104 4 2 2 | icon 36 4 0 2 | icon 109 3 2 2 | icon 113 3 2 3 | link 3 4 5 2 | link 17 4 18 2 | logo 56 1 7 7", "plain_layout_seq": "icon 10 4 0 2 | icon 104 4 2 2 | icon 36 4 0 2 | icon 109 3 2 2 | icon 113 3 2 3 | link 3 4 5 2 | link 17 4 18 2 | logo 56 1 7 7", "canvas_width": 1009, "canvas_height": 135, "elements": [ { "type": "logo", "position": [ 474, 15, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 956, 31, 23, 27 ], "completed": false }, { "type": "icon", "position": [ 918, 32, 19, 25 ], "completed": false }, { "type": "icon", "position": [ 879, 36, 20, 20 ], "completed": false }, { "type": "link", "position": [ 30, 39, 48, 17 ], "completed": false }, { "type": "icon", "position": [ 86, 39, 5, 20 ], "completed": true }, { "type": "link", "position": [ 144, 39, 156, 17 ], "completed": false }, { "type": "icon", "position": [ 308, 39, 5, 20 ], "completed": true } ] }, { "text": "#A header page for introducing the info.# There is one label \"Free Worldwide Shipping\", one menu button, one title \"GEORGE PARASCHOS\", and three icons.", "region_id": "8160", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free worldwide shipping'] ] [el:button] [el:title [attr:value 'george paraschos'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | title undefined undefined", "layout_seq_with_completion": "button 2 8 5 5 | title 22 8 75 4 | title 0 0 120 5 | \" [ icon 103 8 2 3 ] | [ icon 108 8 2 3 ] | [ icon 113 8 2 3 ] \"", "layout_seq_without_completion": "button 2 8 5 5 | title 22 8 75 4 | title 0 0 120 5 | \" [ icon 103 8 2 3 ] | [ icon 108 8 2 3 ] | [ icon 113 8 2 3 ] \"", "plain_layout_seq": "button 2 8 5 5 | icon 103 8 2 3 | icon 108 8 2 3 | icon 113 8 2 3 | title 22 8 75 4 | title 0 0 120 5", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "title", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "button", "position": [ 20, 69, 50, 50 ], "completed": false }, { "type": "title", "position": [ 188, 73, 633, 35 ], "completed": false }, { "type": "icon", "position": [ 872, 75, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 75, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 75, 21, 26 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description and a button on the top. There is a logo and an icon on the left side. Also, there are two icons on the right side.", "region_id": "7647", "region_type": "Header", "ir": "[region:Header [el:description] [el:button [attr:position 'top'] ] [el:logo [attr:position 'left'] ] [el:icon [attr:position 'left'] ] [el:icon [attr:repeat '2'] [attr:position 'right']] ]", "execution": "header : button top undefined | description undefined undefined | icon left undefined | icon right undefined | icon right undefined | logo left undefined", "layout_seq_with_completion": "button 78 0 4 4 | description 41 0 36 2 | icon 114 5 2 4 | icon 2 5 2 4 | icon 109 5 2 4 | logo 7 4 16 6", "layout_seq_without_completion": "button 78 0 4 4 | description 41 0 36 2 | icon 114 5 2 4 | icon 2 5 2 4 | icon 109 5 2 4 | logo 7 4 16 6", "plain_layout_seq": "button 78 0 4 4 | description 41 0 36 2 | icon 114 5 2 4 | icon 2 5 2 4 | icon 109 5 2 4 | logo 7 4 16 6", "canvas_width": 1024, "canvas_height": 89, "elements": [ { "type": "button", "position": [ 668, 0, 36, 36 ], "completed": false }, { "type": "description", "position": [ 354, 6, 315, 24 ], "completed": false }, { "type": "logo", "position": [ 64, 35, 138, 53 ], "completed": false }, { "type": "icon", "position": [ 931, 43, 24, 36 ], "completed": false }, { "type": "icon", "position": [ 980, 43, 24, 36 ], "completed": false }, { "type": "icon", "position": [ 20, 45, 24, 36 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the platform LA.#The page should have one text heading, five links for users to click to know the different content of the web fastly, and two icons.", "region_id": "7403", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon [attr:repeat '2'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 113 2 2 2 | icon 105 2 2 2 | link 110 3 2 1 | link 100 3 4 1 | title 48 2 22 3 | \" [ link 3 2 6 2 ] | [ link 10 2 9 2 ] | [ link 21 2 10 2 ] \"", "layout_seq_without_completion": "icon 113 2 2 2 | icon 105 2 2 2 | link 110 3 2 1 | link 100 3 4 1 | title 48 2 22 3 | \" [ link 3 2 6 2 ] | [ link 10 2 9 2 ] | [ link 21 2 10 2 ] \"", "plain_layout_seq": "icon 113 2 2 2 | icon 105 2 2 2 | link 110 3 2 1 | link 100 3 4 1 | link 3 2 6 2 | link 10 2 9 2 | link 21 2 10 2 | title 48 2 22 3", "canvas_width": 1009, "canvas_height": 75, "elements": [ { "type": "title", "position": [ 412, 22, 186, 28 ], "completed": false }, { "type": "icon", "position": [ 883, 24, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 955, 24, 24, 24 ], "completed": false }, { "type": "link", "position": [ 30, 25, 56, 22 ], "completed": false }, { "type": "link", "position": [ 90, 25, 83, 22 ], "completed": false }, { "type": "link", "position": [ 177, 25, 85, 22 ], "completed": false }, { "type": "link", "position": [ 841, 29, 35, 14 ], "completed": false }, { "type": "link", "position": [ 927, 29, 21, 14 ], "completed": false } ] }, { "text": "#A page for navigation of the web RedShelf.#The page should have a logo on the left side, there is an input box and an icon next to it. There are three icons for users to get more information.", "region_id": "4796", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:input] [el:icon [attr:repeat '4'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo left undefined", "layout_seq_with_completion": "complete background 0 0 120 6 | icon 96 2 2 2 | complete image 106 0 4 6 | complete image 112 0 4 6 | complete image 100 0 4 6 | complete image 41 1 58 3 | input 41 1 53 3 | logo 1 0 21 4 | \" [ icon 101 1 2 2 ] | [ icon 107 1 2 2 ] | [ icon 114 1 2 2 ] \"", "layout_seq_without_completion": "background 0 0 120 6 | icon 96 2 2 2 | image 106 0 4 6 | image 112 0 4 6 | image 100 0 4 6 | image 41 1 58 3 | input 41 1 53 3 | logo 1 0 21 4 | \" [ icon 101 1 2 2 ] | [ icon 107 1 2 2 ] | [ icon 114 1 2 2 ] \"", "plain_layout_seq": "background 0 0 120 6 | icon 96 2 2 2 | icon 101 1 2 2 | icon 107 1 2 2 | icon 114 1 2 2 | image 106 0 4 6 | image 112 0 4 6 | image 100 0 4 6 | image 41 1 58 3 | input 41 1 53 3 | logo 1 0 21 4", "canvas_width": 1024, "canvas_height": 57, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 56 ], "completed": true }, { "type": "image", "position": [ 858, 0, 42, 57 ], "completed": true }, { "type": "image", "position": [ 910, 0, 42, 57 ], "completed": true }, { "type": "image", "position": [ 962, 0, 42, 57 ], "completed": true }, { "type": "logo", "position": [ 15, 8, 182, 40 ], "completed": false }, { "type": "image", "position": [ 351, 13, 502, 30 ], "completed": true }, { "type": "input", "position": [ 352, 14, 458, 28 ], "completed": false }, { "type": "icon", "position": [ 869, 17, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 921, 17, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 973, 17, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 823, 18, 20, 20 ], "completed": false } ] }, { "text": "#This page is convenient for users to query information. #On this page, there is a Loobylou logo, a search box on the top, and a small icon of a magnifying glass next to it, There are also log-in and sign-up links next to the search box. a small icon of a shopping cart on the right, and the text Cart and Check Out.", "region_id": "7285", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:position 'top'] [attr:value 'search'] ] [el:icon [attr:size 'small'] [attr:value 'a magnifying glass'] ] [el:link [attr:value 'log-in'] ] [el:link [attr:value 'sign-up'] ] [el:icon [attr:position 'right'] [attr:size 'small'] [attr:value 'shopping cart'] ] [el:text [attr:value 'Cart '] ] [el:text [attr:value 'Check Out'] ] ]", "execution": "header : icon right small | icon undefined small | input top undefined | link undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 4 1 2 2 | icon 99 1 2 2 | input 7 1 19 4 | link 34 2 6 1 | link 27 2 4 1 | logo 3 10 18 18 | text 111 2 8 1 | text 103 2 6 1", "layout_seq_without_completion": "icon 4 1 2 2 | icon 99 1 2 2 | input 7 1 19 4 | link 34 2 6 1 | link 27 2 4 1 | logo 3 10 18 18 | text 111 2 8 1 | text 103 2 6 1", "plain_layout_seq": "icon 4 1 2 2 | icon 99 1 2 2 | input 7 1 19 4 | link 34 2 6 1 | link 27 2 4 1 | logo 3 10 18 18 | text 111 2 8 1 | text 103 2 6 1", "canvas_width": 979, "canvas_height": 262, "elements": [ { "type": "input", "position": [ 65, 9, 160, 35 ], "completed": false }, { "type": "icon", "position": [ 815, 15, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 36, 16, 20, 20 ], "completed": false }, { "type": "link", "position": [ 226, 17, 40, 15 ], "completed": false }, { "type": "link", "position": [ 285, 17, 49, 15 ], "completed": false }, { "type": "text", "position": [ 843, 17, 52, 15 ], "completed": false }, { "type": "text", "position": [ 911, 17, 68, 15 ], "completed": false }, { "type": "logo", "position": [ 30, 82, 150, 150 ], "completed": false } ] }, { "text": "#A page for navigation of BITPORNO.#The page should have a logo on the left side of the page. Behind this, there is an input box for users to import information to search. There are two buttons for users to log in and register fastly.", "region_id": "3411", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [el:input [attr:value 'search']] [el:button [attr:value 'log in'] ] [el:button [attr:value 'register'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | input undefined undefined | logo left undefined", "layout_seq_with_completion": "button 94 1 10 4 | button 106 1 12 4 | input 25 1 38 4 | logo 0 0 24 7", "layout_seq_without_completion": "button 94 1 10 4 | button 106 1 12 4 | input 25 1 38 4 | logo 0 0 24 7", "plain_layout_seq": "button 94 1 10 4 | button 106 1 12 4 | input 25 1 38 4 | logo 0 0 24 7", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "logo", "position": [ 8, 4, 208, 60 ], "completed": false }, { "type": "input", "position": [ 220, 14, 330, 40 ], "completed": false }, { "type": "button", "position": [ 807, 15, 90, 40 ], "completed": false }, { "type": "button", "position": [ 905, 15, 105, 40 ], "completed": false } ] }, { "text": "# A header page for introducing the software Vyapar. # On the page, there should have a logo and eight links \"Home\" \"Pricing\" \"About Us\" \"Desktop\" \"Blog\" \"FAQ\" \"Partner with us\" and \"Login\" for the user to choose to click for more info or service.", "region_id": "4038", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '8'] [gattr:names 'Home, Pricing, About Us, Desktop, Blog, FAQ, Partner with us, Login'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 11 3 19 4 | \" [ link 33 0 9 5 ] | [ link 42 0 9 5 ] | [ link 52 0 11 5 ] | [ link 63 0 11 5 ] | [ link 75 0 7 5 ] | [ link 82 0 7 5 ] | [ link 90 0 17 5 ] | [ link 33 5 8 5 ] \"", "layout_seq_without_completion": "logo 11 3 19 4 | \" [ link 33 0 9 5 ] | [ link 42 0 9 5 ] | [ link 52 0 11 5 ] | [ link 63 0 11 5 ] | [ link 75 0 7 5 ] | [ link 82 0 7 5 ] | [ link 90 0 17 5 ] | [ link 33 5 8 5 ] \"", "plain_layout_seq": "link 33 0 9 5 | link 42 0 9 5 | link 52 0 11 5 | link 63 0 11 5 | link 75 0 7 5 | link 82 0 7 5 | link 90 0 17 5 | link 33 5 8 5 | logo 11 3 19 4", "canvas_width": 1024, "canvas_height": 100, "elements": [ { "type": "link", "position": [ 285, 0, 77, 50 ], "completed": false }, { "type": "link", "position": [ 362, 0, 83, 50 ], "completed": false }, { "type": "link", "position": [ 445, 0, 101, 50 ], "completed": false }, { "type": "link", "position": [ 546, 0, 97, 50 ], "completed": false }, { "type": "link", "position": [ 643, 0, 64, 50 ], "completed": false }, { "type": "link", "position": [ 707, 0, 63, 50 ], "completed": false }, { "type": "link", "position": [ 770, 0, 149, 50 ], "completed": false }, { "type": "logo", "position": [ 100, 31, 170, 38 ], "completed": false }, { "type": "link", "position": [ 285, 50, 70, 50 ], "completed": false } ] }, { "text": "# A page for navigation of a company RUNCLOUD.# The page should have a logo, and five links: \"Products\" \"Pricing\" \"Resources\" \"Company\", and \"Sign in\" for the user to know more info about the company and sign in. Also, a button \"Sign up\" is needed for the user to sign up to create an account.", "region_id": "4245", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'products, pricing, resources, company, sign in'] [item [el:link] ] ] [el:button [attr:value 'Sign up'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 104 3 10 4 | link 94 2 9 5 | logo 5 4 21 2 | \" [ link 37 2 12 5 ] | [ link 49 2 9 5 ] | [ link 59 2 13 5 ] | [ link 73 2 12 5 ] \"", "layout_seq_without_completion": "button 104 3 10 4 | link 94 2 9 5 | logo 5 4 21 2 | \" [ link 37 2 12 5 ] | [ link 49 2 9 5 ] | [ link 59 2 13 5 ] | [ link 73 2 12 5 ] \"", "plain_layout_seq": "button 104 3 10 4 | link 94 2 9 5 | link 37 2 12 5 | link 49 2 9 5 | link 59 2 13 5 | link 73 2 12 5 | logo 5 4 21 2", "canvas_width": 1024, "canvas_height": 93, "elements": [ { "type": "link", "position": [ 321, 24, 103, 45 ], "completed": false }, { "type": "link", "position": [ 424, 24, 85, 45 ], "completed": false }, { "type": "link", "position": [ 509, 24, 114, 45 ], "completed": false }, { "type": "link", "position": [ 623, 24, 110, 45 ], "completed": false }, { "type": "link", "position": [ 809, 24, 81, 45 ], "completed": false }, { "type": "button", "position": [ 890, 27, 87, 39 ], "completed": false }, { "type": "logo", "position": [ 47, 36, 181, 23 ], "completed": false } ] }, { "text": "#A page to show guidance for users.# On this page, from left to right, the logo of the company six links, a button for \"play destiny 2\" and the link of \"my account\" placed next to three icons are involved.", "region_id": "5718", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left' ] ] [gp:FlatNavGroup [gattr:repeat '6'][item[el:link]]][el:button [attr:value 'play destiny 2'] ] [el:link[attr:value'my account'] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | link undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 76 2 14 4 | link 58 0 7 9 | link 40 0 12 9 | link 52 0 6 9 | link 66 0 10 9 | link 19 0 10 9 | link 30 0 9 9 | link 92 0 12 18 | logo 1 0 14 9 | \" [ icon 105 2 3 3 ] | [ icon 109 2 3 3 ] | [ icon 114 2 3 3 ] \"", "layout_seq_without_completion": "button 76 2 14 4 | link 58 0 7 9 | link 40 0 12 9 | link 52 0 6 9 | link 66 0 10 9 | link 19 0 10 9 | link 30 0 9 9 | link 92 0 12 18 | logo 1 0 14 9 | \" [ icon 105 2 3 3 ] | [ icon 109 2 3 3 ] | [ icon 114 2 3 3 ] \"", "plain_layout_seq": "button 76 2 14 4 | icon 105 2 3 3 | icon 109 2 3 3 | icon 114 2 3 3 | link 58 0 7 9 | link 40 0 12 9 | link 52 0 6 9 | link 66 0 10 9 | link 19 0 10 9 | link 30 0 9 9 | link 92 0 12 18 | logo 1 0 14 9", "canvas_width": 1010, "canvas_height": 156, "elements": [ { "type": "logo", "position": [ 14, 0, 126, 78 ], "completed": false }, { "type": "link", "position": [ 168, 0, 87, 78 ], "completed": false }, { "type": "link", "position": [ 255, 0, 83, 78 ], "completed": false }, { "type": "link", "position": [ 339, 0, 101, 78 ], "completed": false }, { "type": "link", "position": [ 439, 0, 54, 78 ], "completed": false }, { "type": "link", "position": [ 494, 0, 65, 78 ], "completed": false }, { "type": "link", "position": [ 559, 0, 86, 78 ], "completed": false }, { "type": "link", "position": [ 780, 0, 103, 156 ], "completed": false }, { "type": "button", "position": [ 645, 21, 121, 36 ], "completed": false }, { "type": "icon", "position": [ 888, 25, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 925, 25, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 963, 25, 28, 28 ], "completed": false } ] }, { "text": "#A header page for showing the info of UnTwitch.# There are one logo and three links \"Instructions\", \"About\", and \"Contact\".", "region_id": "5165", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'instructions, about, contact'] [item [el:link]]] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 103 2 12 6 | link 75 2 16 6 | link 92 2 10 6 | logo 3 2 17 6", "layout_seq_without_completion": "link 103 2 12 6 | link 75 2 16 6 | link 92 2 10 6 | logo 3 2 17 6", "plain_layout_seq": "link 103 2 12 6 | link 75 2 16 6 | link 92 2 10 6 | logo 3 2 17 6", "canvas_width": 1024, "canvas_height": 106, "elements": [ { "type": "logo", "position": [ 31, 24, 153, 58 ], "completed": false }, { "type": "link", "position": [ 641, 25, 141, 56 ], "completed": false }, { "type": "link", "position": [ 790, 25, 87, 56 ], "completed": false }, { "type": "link", "position": [ 885, 25, 104, 56 ], "completed": false } ] }, { "text": "$header$ A header page for navigation of an online shop ZABICOLife. # The page should have a sentence as an announcement introducing the free shipping condition, a logo, and six links for the user to click for more info. Also, there should be three icons for the user to log in, search for things, and check the shopping cart.", "region_id": "6595", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:icon [attr:value ' log in'] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 5 8 21 9 | text 44 1 30 2 | \" [ link 27 8 15 4 ] | [ link 44 8 19 4 ] | [ link 64 8 7 4 ] | [ link 72 8 10 4 ] | [ link 84 8 8 4 ] | [ link 52 13 14 4 ] \" | \" [ icon 99 11 3 3 ] | [ icon 105 11 3 3 ] | [ icon 112 11 3 3 ] \"", "layout_seq_without_completion": "logo 5 8 21 9 | text 44 1 30 2 | \" [ link 27 8 15 4 ] | [ link 44 8 19 4 ] | [ link 64 8 7 4 ] | [ link 72 8 10 4 ] | [ link 84 8 8 4 ] | [ link 52 13 14 4 ] \" | \" [ icon 99 11 3 3 ] | [ icon 105 11 3 3 ] | [ icon 112 11 3 3 ] \"", "plain_layout_seq": "icon 99 11 3 3 | icon 105 11 3 3 | icon 112 11 3 3 | link 27 8 15 4 | link 44 8 19 4 | link 64 8 7 4 | link 72 8 10 4 | link 84 8 8 4 | link 52 13 14 4 | logo 5 8 21 9 | text 44 1 30 2", "canvas_width": 1009, "canvas_height": 181, "elements": [ { "type": "text", "position": [ 376, 12, 258, 18 ], "completed": false }, { "type": "link", "position": [ 234, 71, 132, 41 ], "completed": false }, { "type": "link", "position": [ 371, 71, 166, 41 ], "completed": false }, { "type": "link", "position": [ 542, 71, 66, 41 ], "completed": false }, { "type": "link", "position": [ 613, 71, 89, 41 ], "completed": false }, { "type": "link", "position": [ 707, 71, 68, 41 ], "completed": false }, { "type": "logo", "position": [ 44, 73, 180, 78 ], "completed": false }, { "type": "icon", "position": [ 890, 98, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 943, 98, 28, 28 ], "completed": false }, { "type": "icon", "position": [ 837, 99, 28, 28 ], "completed": false }, { "type": "link", "position": [ 442, 112, 126, 41 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a logo and six links beside this, \"about\", \"features\", \"status\", \"add to server\", \"premium\", and \"support\". There is a button to control the panel.", "region_id": "4426", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'about, features, status, add to server, premium, support'] [item [el:link] ] ] [el:button [attr:value 'control panel'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 101 2 15 4 | logo 1 1 5 5 | \" [ link 9 2 7 4 ] | [ link 17 2 10 4 ] | [ link 27 2 8 4 ] | [ link 35 2 14 4 ] | [ link 50 2 10 4 ] | [ link 60 2 9 4 ] \"", "layout_seq_without_completion": "button 101 2 15 4 | logo 1 1 5 5 | \" [ link 9 2 7 4 ] | [ link 17 2 10 4 ] | [ link 27 2 8 4 ] | [ link 35 2 14 4 ] | [ link 50 2 10 4 ] | [ link 60 2 9 4 ] \"", "plain_layout_seq": "button 101 2 15 4 | link 9 2 7 4 | link 17 2 10 4 | link 27 2 8 4 | link 35 2 14 4 | link 50 2 10 4 | link 60 2 9 4 | logo 1 1 5 5", "canvas_width": 1024, "canvas_height": 77, "elements": [ { "type": "logo", "position": [ 16, 13, 50, 50 ], "completed": false }, { "type": "link", "position": [ 82, 18, 66, 40 ], "completed": false }, { "type": "link", "position": [ 148, 18, 87, 40 ], "completed": false }, { "type": "link", "position": [ 235, 18, 70, 40 ], "completed": false }, { "type": "link", "position": [ 305, 18, 125, 40 ], "completed": false }, { "type": "link", "position": [ 430, 18, 87, 40 ], "completed": false }, { "type": "link", "position": [ 517, 18, 82, 40 ], "completed": false }, { "type": "button", "position": [ 864, 19, 136, 38 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the food website.#The page should have one logo on the top. Under it, there should be ten links for users to click to know the different food fastly, such as breakfast, brunch, and so on.", "region_id": "4844", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'top'] ] [gp:FlatNavGroup [gattr:repeat '10'] [gattr:names 'breakfast, brunch'] [item [el:link] ] ] ]", "execution": "header : logo top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 1 2 19 5 | \" [ link 67 9 13 11 ] | [ link 80 9 14 11 ] | [ link 1 11 10 8 ] | [ link 12 11 11 8 ] | [ link 23 11 11 8 ] | [ link 35 11 11 8 ] | [ link 46 11 10 8 ] | [ link 57 11 10 8 ] | [ link 94 11 9 8 ] | [ link 104 11 11 8 ] \"", "layout_seq_without_completion": "logo 1 2 19 5 | \" [ link 67 9 13 11 ] | [ link 80 9 14 11 ] | [ link 1 11 10 8 ] | [ link 12 11 11 8 ] | [ link 23 11 11 8 ] | [ link 35 11 11 8 ] | [ link 46 11 10 8 ] | [ link 57 11 10 8 ] | [ link 94 11 9 8 ] | [ link 104 11 11 8 ] \"", "plain_layout_seq": "link 67 9 13 11 | link 80 9 14 11 | link 1 11 10 8 | link 12 11 11 8 | link 23 11 11 8 | link 35 11 11 8 | link 46 11 10 8 | link 57 11 10 8 | link 94 11 9 8 | link 104 11 11 8 | logo 1 2 19 5", "canvas_width": 1024, "canvas_height": 192, "elements": [ { "type": "logo", "position": [ 15, 25, 170, 44 ], "completed": false }, { "type": "link", "position": [ 575, 79, 114, 98 ], "completed": false }, { "type": "link", "position": [ 689, 79, 120, 98 ], "completed": false }, { "type": "link", "position": [ 15, 94, 93, 69 ], "completed": false }, { "type": "link", "position": [ 108, 94, 96, 69 ], "completed": false }, { "type": "link", "position": [ 204, 94, 98, 69 ], "completed": false }, { "type": "link", "position": [ 302, 94, 94, 69 ], "completed": false }, { "type": "link", "position": [ 396, 94, 91, 69 ], "completed": false }, { "type": "link", "position": [ 487, 94, 88, 69 ], "completed": false }, { "type": "link", "position": [ 809, 94, 85, 69 ], "completed": false }, { "type": "link", "position": [ 894, 94, 95, 69 ], "completed": false } ] }, { "text": "#This is the header of Kiersten Dyer Fine Art. #This page has a title of \"Kiersten Dyer Fine Art\" on the left, five groups next to it: Main, Portfolio, K.D., Print Editions, and Original Works for Sale, and three icons on the right.", "region_id": "8675", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'kiersten dyer fine art'] [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Main, Portfolio, K.D., Print Editions, Original Works for Sale'] [item [el:text] ] ] [el:icon [attr:repeat '3'][attr:position 'right']]]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | title left undefined | { [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] | [ text undefined undefined ] }", "layout_seq_with_completion": "title 6 2 26 7 | \" [ text 39 3 3 1 ] | [ text 46 3 8 1 ] | [ text 59 3 3 1 ] | [ text 66 3 13 1 ] | [ text 48 6 22 1 ] \" | \" [ icon 100 4 2 2 ] | [ icon 105 4 2 2 ] | [ icon 109 4 2 2 ] \"", "layout_seq_without_completion": "title 6 2 26 7 | \" [ text 39 3 3 1 ] | [ text 46 3 8 1 ] | [ text 59 3 3 1 ] | [ text 66 3 13 1 ] | [ text 48 6 22 1 ] \" | \" [ icon 100 4 2 2 ] | [ icon 105 4 2 2 ] | [ icon 109 4 2 2 ] \"", "plain_layout_seq": "icon 100 4 2 2 | icon 105 4 2 2 | icon 109 4 2 2 | text 39 3 3 1 | text 46 3 8 1 | text 59 3 3 1 | text 66 3 13 1 | text 48 6 22 1 | title 6 2 26 7", "canvas_width": 1024, "canvas_height": 105, "elements": [ { "type": "title", "position": [ 55, 22, 229, 60 ], "completed": false }, { "type": "text", "position": [ 339, 30, 34, 17 ], "completed": false }, { "type": "text", "position": [ 401, 30, 76, 17 ], "completed": false }, { "type": "text", "position": [ 505, 30, 34, 17 ], "completed": false }, { "type": "text", "position": [ 567, 30, 118, 17 ], "completed": false }, { "type": "icon", "position": [ 856, 42, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 42, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 42, 20, 20 ], "completed": false }, { "type": "text", "position": [ 415, 57, 193, 17 ], "completed": false } ] }, { "text": "# A header page for navigation of a website.# The page should have 11 links for the user to click to learn more info.", "region_id": "4750", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '11'] [item [el:link]] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 0 9 4 ] | [ link 11 0 11 4 ] | [ link 22 0 9 4 ] | [ link 32 0 11 4 ] | [ link 44 0 12 4 ] | [ link 56 0 10 4 ] | [ link 67 0 12 4 ] | [ link 80 0 9 4 ] | [ link 90 0 13 4 ] | [ link 104 0 14 4 ] | [ link 1 4 12 4 ] \"", "layout_seq_without_completion": "\" [ link 1 0 9 4 ] | [ link 11 0 11 4 ] | [ link 22 0 9 4 ] | [ link 32 0 11 4 ] | [ link 44 0 12 4 ] | [ link 56 0 10 4 ] | [ link 67 0 12 4 ] | [ link 80 0 9 4 ] | [ link 90 0 13 4 ] | [ link 104 0 14 4 ] | [ link 1 4 12 4 ] \"", "plain_layout_seq": "link 1 0 9 4 | link 11 0 11 4 | link 22 0 9 4 | link 32 0 11 4 | link 44 0 12 4 | link 56 0 10 4 | link 67 0 12 4 | link 80 0 9 4 | link 90 0 13 4 | link 104 0 14 4 | link 1 4 12 4", "canvas_width": 1024, "canvas_height": 71, "elements": [ { "type": "link", "position": [ 12, 0, 80, 35 ], "completed": false }, { "type": "link", "position": [ 94, 0, 97, 35 ], "completed": false }, { "type": "link", "position": [ 193, 0, 80, 35 ], "completed": false }, { "type": "link", "position": [ 275, 0, 100, 35 ], "completed": false }, { "type": "link", "position": [ 377, 0, 107, 35 ], "completed": false }, { "type": "link", "position": [ 486, 0, 92, 35 ], "completed": false }, { "type": "link", "position": [ 580, 0, 103, 35 ], "completed": false }, { "type": "link", "position": [ 685, 0, 82, 35 ], "completed": false }, { "type": "link", "position": [ 769, 0, 119, 35 ], "completed": false }, { "type": "link", "position": [ 890, 0, 120, 35 ], "completed": false }, { "type": "link", "position": [ 12, 35, 109, 35 ], "completed": false } ] }, { "text": "#A page for navigation of the web of a brand.# The page includes a brand logo and six links showing different categories for users to click to get more information.", "region_id": "3177", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] ]", "execution": "header : logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 2 0 48 12 | \" [ link 54 3 7 9 ] | [ link 61 3 9 9 ] | [ link 70 3 13 9 ] | [ link 84 3 9 9 ] | [ link 93 3 10 9 ] | [ link 104 3 7 9 ] \"", "layout_seq_without_completion": "logo 2 0 48 12 | \" [ link 54 3 7 9 ] | [ link 61 3 9 9 ] | [ link 70 3 13 9 ] | [ link 84 3 9 9 ] | [ link 93 3 10 9 ] | [ link 104 3 7 9 ] \"", "plain_layout_seq": "link 54 3 7 9 | link 61 3 9 9 | link 70 3 13 9 | link 84 3 9 9 | link 93 3 10 9 | link 104 3 7 9 | logo 2 0 48 12", "canvas_width": 1024, "canvas_height": 107, "elements": [ { "type": "logo", "position": [ 22, 0, 410, 106 ], "completed": false }, { "type": "link", "position": [ 464, 28, 63, 78 ], "completed": false }, { "type": "link", "position": [ 527, 28, 78, 78 ], "completed": false }, { "type": "link", "position": [ 605, 28, 115, 78 ], "completed": false }, { "type": "link", "position": [ 720, 28, 82, 78 ], "completed": false }, { "type": "link", "position": [ 802, 28, 90, 78 ], "completed": false }, { "type": "link", "position": [ 892, 28, 62, 78 ], "completed": false } ] }, { "text": "# A header page for navigation of an online shop PEACH FIT. # The page should have a sentence as an announcement telling the free shipping, a logo, and three links \"Home\" \"Shop\", and \"Contact Us\" for the user to return to the homepage, view the products on the shop, and contact the shop. Also, there should be two icons for the user to search for things and check the shopping cart.", "region_id": "8499", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'free shipping']] [el:logo] [gp:FlatNavGroup [gattr:names 'Home,Shop,Contact Us'] [gattr:repeat '3'] [item [el:link] ] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 4 120 10 | icon 4 8 3 3 | icon 112 8 3 3 | link 35 7 7 4 | link 84 7 11 4 | link 76 7 7 4 | logo 46 8 26 3 | title 46 1 26 2", "layout_seq_without_completion": "background 0 4 120 10 | icon 4 8 3 3 | icon 112 8 3 3 | link 35 7 7 4 | link 84 7 11 4 | link 76 7 7 4 | logo 46 8 26 3 | title 46 1 26 2", "plain_layout_seq": "background 0 4 120 10 | icon 4 8 3 3 | icon 112 8 3 3 | link 35 7 7 4 | link 84 7 11 4 | link 76 7 7 4 | logo 46 8 26 3 | title 46 1 26 2", "canvas_width": 1024, "canvas_height": 130, "elements": [ { "type": "title", "position": [ 398, 12, 228, 18 ], "completed": false }, { "type": "background", "position": [ 0, 42, 1024, 88 ], "completed": true }, { "type": "link", "position": [ 299, 67, 68, 37 ], "completed": false }, { "type": "link", "position": [ 657, 67, 63, 37 ], "completed": false }, { "type": "link", "position": [ 725, 67, 100, 37 ], "completed": false }, { "type": "icon", "position": [ 40, 72, 28, 28 ], "completed": false }, { "type": "logo", "position": [ 397, 72, 230, 28 ], "completed": false }, { "type": "icon", "position": [ 956, 72, 28, 28 ], "completed": false } ] }, { "text": "#A header page of a web for users to buy products.# The page should include propaganda text with an icon and the logo of the web. There should also be three icons for users to click.", "region_id": "8153", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [el:icon [attr:repeat '4'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "icon 112 11 5 5 | icon 79 2 2 3 | icon 106 11 4 5 | icon 3 13 2 1 | logo 51 9 17 6 | text 37 2 39 2", "layout_seq_without_completion": "icon 112 11 5 5 | icon 79 2 2 3 | icon 106 11 4 5 | icon 3 13 2 1 | logo 51 9 17 6 | text 37 2 39 2", "plain_layout_seq": "icon 112 11 5 5 | icon 79 2 2 3 | icon 106 11 4 5 | icon 3 13 2 1 | logo 51 9 17 6 | text 37 2 39 2", "canvas_width": 1009, "canvas_height": 162, "elements": [ { "type": "icon", "position": [ 671, 23, 24, 30 ], "completed": false }, { "type": "text", "position": [ 314, 25, 331, 25 ], "completed": false }, { "type": "logo", "position": [ 430, 84, 150, 58 ], "completed": false }, { "type": "icon", "position": [ 893, 95, 38, 43 ], "completed": false }, { "type": "icon", "position": [ 943, 95, 46, 43 ], "completed": false }, { "type": "icon", "position": [ 28, 110, 17, 15 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have four links for users to click to know the different content fastly, such as support, terms, and so on.", "region_id": "4214", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'support, terms'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 38 2 9 3 ] | [ link 48 2 8 3 ] | [ link 57 2 8 3 ] | [ link 66 2 15 3 ] \"", "layout_seq_without_completion": "\" [ link 38 2 9 3 ] | [ link 48 2 8 3 ] | [ link 57 2 8 3 ] | [ link 66 2 15 3 ] \"", "plain_layout_seq": "link 38 2 9 3 | link 48 2 8 3 | link 57 2 8 3 | link 66 2 15 3", "canvas_width": 1024, "canvas_height": 104, "elements": [ { "type": "link", "position": [ 328, 25, 83, 30 ], "completed": false }, { "type": "link", "position": [ 414, 25, 72, 30 ], "completed": false }, { "type": "link", "position": [ 489, 25, 75, 30 ], "completed": false }, { "type": "link", "position": [ 566, 25, 129, 30 ], "completed": false } ] }, { "text": "#This page mainly introduces Segment to users.#This page has a logo and the title \"Segment\" and a description of it.", "region_id": "5400", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title [attr:value 'segment'] ] [el:description] ]", "execution": "header : description undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "description 50 18 18 6 | complete image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "layout_seq_without_completion": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "plain_layout_seq": "description 50 18 18 6 | image 45 0 28 29 | logo 56 5 6 6 | title 50 13 18 3", "canvas_width": 928, "canvas_height": 229, "elements": [ { "type": "image", "position": [ 352, 0, 223, 229 ], "completed": true }, { "type": "logo", "position": [ 440, 41, 48, 48 ], "completed": false }, { "type": "title", "position": [ 394, 105, 141, 27 ], "completed": false }, { "type": "description", "position": [ 394, 140, 141, 48 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should include a logo. There are six links on the page, including \"Literature Guides\", \"Poetry Guides\", \"Literary Terms\", \"Shakespeare Translations\", \"Citation Generator\", and \"Sign in\". There is also a button \"Sign up for A\" for users to sign up.", "region_id": "4983", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'literature guides, poetry guides, literary terms, shakespeare translations, citation generator, sign in'] [item [el:link] ] ] [el:button [attr:value 'sign up for a'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 104 1 13 3 | link 96 2 5 2 | logo 2 2 19 3 | complete text 105 2 9 2 | complete text 115 2 0 1 | \" [ link 52 1 7 4 ] | [ link 61 1 5 4 ] | [ link 68 1 5 4 ] | [ link 75 1 9 4 ] | [ link 87 1 7 4 ] \"", "layout_seq_without_completion": "button 104 1 13 3 | link 96 2 5 2 | logo 2 2 19 3 | text 105 2 9 2 | text 115 2 0 1 | \" [ link 52 1 7 4 ] | [ link 61 1 5 4 ] | [ link 68 1 5 4 ] | [ link 75 1 9 4 ] | [ link 87 1 7 4 ] \"", "plain_layout_seq": "button 104 1 13 3 | link 96 2 5 2 | link 52 1 7 4 | link 61 1 5 4 | link 68 1 5 4 | link 75 1 9 4 | link 87 1 7 4 | logo 2 2 19 3 | text 105 2 9 2 | text 115 2 0 1", "canvas_width": 1024, "canvas_height": 66, "elements": [ { "type": "link", "position": [ 450, 12, 60, 40 ], "completed": false }, { "type": "link", "position": [ 526, 12, 43, 40 ], "completed": false }, { "type": "link", "position": [ 585, 12, 47, 40 ], "completed": false }, { "type": "link", "position": [ 648, 12, 79, 40 ], "completed": false }, { "type": "link", "position": [ 743, 12, 62, 40 ], "completed": false }, { "type": "button", "position": [ 889, 16, 115, 32 ], "completed": false }, { "type": "logo", "position": [ 20, 18, 164, 28 ], "completed": false }, { "type": "text", "position": [ 986, 20, 6, 15 ], "completed": true }, { "type": "link", "position": [ 825, 22, 44, 19 ], "completed": false }, { "type": "text", "position": [ 901, 22, 85, 19 ], "completed": true } ] }, { "text": "#A page for guiding users to search for information about a brand.# The page includes a brand logo and an input with a button named \u201cSearch\u201d for users to click to search for information.", "region_id": "5148", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search listings']] [el:button [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 111 2 5 2 | input 89 2 21 2 | logo 2 2 53 9", "layout_seq_without_completion": "button 111 2 5 2 | input 89 2 21 2 | logo 2 2 53 9", "plain_layout_seq": "button 111 2 5 2 | input 89 2 21 2 | logo 2 2 53 9", "canvas_width": 1000, "canvas_height": 140, "elements": [ { "type": "logo", "position": [ 20, 20, 446, 78 ], "completed": false }, { "type": "input", "position": [ 746, 20, 183, 24 ], "completed": false }, { "type": "button", "position": [ 932, 20, 48, 24 ], "completed": false } ] }, { "text": "#A page for users to search for information about a brand.# The page has a brand logo, an input with an icon for searching for users to click, an icon for showing the account, and another icon showing the shopping list.", "region_id": "8275", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:icon] [el:icon] [el:icon] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 98 7 2 2 | icon 107 6 2 2 | icon 111 6 3 2 | input 25 5 71 5 | logo 4 2 16 11 | complete text 114 5 2 2", "layout_seq_without_completion": "icon 98 7 2 2 | icon 107 6 2 2 | icon 111 6 3 2 | input 25 5 71 5 | logo 4 2 16 11 | text 114 5 2 2", "plain_layout_seq": "icon 98 7 2 2 | icon 107 6 2 2 | icon 111 6 3 2 | input 25 5 71 5 | logo 4 2 16 11 | text 114 5 2 2", "canvas_width": 1024, "canvas_height": 138, "elements": [ { "type": "logo", "position": [ 40, 20, 140, 98 ], "completed": false }, { "type": "input", "position": [ 215, 47, 612, 44 ], "completed": false }, { "type": "text", "position": [ 974, 50, 20, 20 ], "completed": true }, { "type": "icon", "position": [ 953, 57, 27, 24 ], "completed": false }, { "type": "icon", "position": [ 917, 58, 20, 22 ], "completed": false }, { "type": "icon", "position": [ 842, 60, 21, 21 ], "completed": false } ] }, { "text": "#A page of a social media website.# There are three links that are \"REVIEWS\", \"TWEETS\", and \"MEDIA QUOTES\".", "region_id": "4799", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup[gattr:repeat'3'][gattr:names'REVIEWS, TWEETS, MEDIA QUOTES'][item[el:link]]]]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 41 0 10 5 ] | [ link 52 0 10 5 ] | [ link 62 0 15 5 ] \"", "layout_seq_without_completion": "\" [ link 41 0 10 5 ] | [ link 52 0 10 5 ] | [ link 62 0 15 5 ] \"", "plain_layout_seq": "link 41 0 10 5 | link 52 0 10 5 | link 62 0 15 5", "canvas_width": 1024, "canvas_height": 45, "elements": [ { "type": "link", "position": [ 354, 0, 92, 45 ], "completed": false }, { "type": "link", "position": [ 446, 0, 87, 45 ], "completed": false }, { "type": "link", "position": [ 534, 0, 136, 45 ], "completed": false } ] }, { "text": "# A header page for an online shop BuzeWear. # The page should have a store logo, and six links \"Home\" \"SHOP BY COLLECTION\" \"SALE\" \"About Us\" \"Contact\" and \"Become an Ambassador\". And it is necessary to have two icons for search and shopping cart.", "region_id": "6414", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'Home, SHOP BY COLLECTION, SALE, About Us, Contact, Become an Ambassador'] [item [el:link] ] ] [el:icon [attr:value 'search']][el:icon [attr:value 'shopping cart']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 7 2 2 | icon 110 6 5 5 | logo 5 3 11 11 | \" [ link 22 7 4 2 ] | [ link 29 7 19 2 ] | [ link 52 7 4 2 ] | [ link 59 7 7 2 ] | [ link 69 7 6 2 ] | [ link 78 7 19 2 ] \"", "layout_seq_without_completion": "icon 106 7 2 2 | icon 110 6 5 5 | logo 5 3 11 11 | \" [ link 22 7 4 2 ] | [ link 29 7 19 2 ] | [ link 52 7 4 2 ] | [ link 59 7 7 2 ] | [ link 69 7 6 2 ] | [ link 78 7 19 2 ] \"", "plain_layout_seq": "icon 106 7 2 2 | icon 110 6 5 5 | link 22 7 4 2 | link 29 7 19 2 | link 52 7 4 2 | link 59 7 7 2 | link 69 7 6 2 | link 78 7 19 2 | logo 5 3 11 11", "canvas_width": 1024, "canvas_height": 156, "elements": [ { "type": "logo", "position": [ 50, 27, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 942, 55, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 910, 67, 20, 20 ], "completed": false }, { "type": "link", "position": [ 190, 68, 40, 18 ], "completed": false }, { "type": "link", "position": [ 254, 68, 166, 18 ], "completed": false }, { "type": "link", "position": [ 444, 68, 37, 18 ], "completed": false }, { "type": "link", "position": [ 505, 68, 61, 18 ], "completed": false }, { "type": "link", "position": [ 590, 68, 53, 18 ], "completed": false }, { "type": "link", "position": [ 667, 68, 167, 18 ], "completed": false } ] }, { "text": "#A header page for navigation of one online shop.# There should have four links \"Home\" \"Products\" \"Track Orders\", and \"Contact Us\". Users can learn more info from these links. Besides, two icons are needed for the user to search and check the shopping cart.", "region_id": "8522", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, products, track orders, contact us'] [item [el:link] ] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 4 1 5 5 | icon 109 3 5 5 | \" [ link 37 14 4 2 ] | [ link 47 14 5 2 ] | [ link 59 14 9 2 ] | [ link 74 14 7 2 ] \"", "layout_seq_without_completion": "icon 4 1 5 5 | icon 109 3 5 5 | \" [ link 37 14 4 2 ] | [ link 47 14 5 2 ] | [ link 59 14 9 2 ] | [ link 74 14 7 2 ] \"", "plain_layout_seq": "icon 4 1 5 5 | icon 109 3 5 5 | link 37 14 4 2 | link 47 14 5 2 | link 59 14 9 2 | link 74 14 7 2", "canvas_width": 1024, "canvas_height": 160, "elements": [ { "type": "icon", "position": [ 41, 10, 50, 50 ], "completed": false }, { "type": "icon", "position": [ 933, 30, 50, 50 ], "completed": false }, { "type": "link", "position": [ 319, 124, 38, 21 ], "completed": false }, { "type": "link", "position": [ 407, 124, 49, 21 ], "completed": false }, { "type": "link", "position": [ 506, 124, 81, 21 ], "completed": false }, { "type": "link", "position": [ 637, 124, 68, 21 ], "completed": false } ] }, { "text": "# A header page for a company called RJSIMTECH. The page should have a sentence telling the user to visit a website to join Discord on the top. Then, the name of the company, three links \"HOME\" \"CATALOG\" and \"CONTACT\" and three icons for login, search and shopping cart are needed.", "region_id": "6429", "region_type": "Header", "ir": "[region:Header [el:text [attr:position 'top'] ] [el:title] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'home,catalog,contact'] [item [el:link] ] ] [el:icon [attr:value 'login']] [el:icon [attr:value 'search']] [el:icon [attr:value 'shopping cart']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | text top undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 8 2 2 | icon 103 8 2 2 | icon 113 8 2 2 | link 91 7 10 6 | link 81 7 10 6 | link 72 7 7 6 | text 0 0 120 5 | title 3 8 15 4", "layout_seq_without_completion": "icon 108 8 2 2 | icon 103 8 2 2 | icon 113 8 2 2 | link 91 7 10 6 | link 81 7 10 6 | link 72 7 7 6 | text 0 0 120 5 | title 3 8 15 4", "plain_layout_seq": "icon 108 8 2 2 | icon 103 8 2 2 | icon 113 8 2 2 | link 91 7 10 6 | link 81 7 10 6 | link 72 7 7 6 | text 0 0 120 5 | title 3 8 15 4", "canvas_width": 1009, "canvas_height": 135, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "link", "position": [ 612, 66, 67, 52 ], "completed": false }, { "type": "link", "position": [ 682, 66, 87, 52 ], "completed": false }, { "type": "link", "position": [ 773, 66, 88, 52 ], "completed": false }, { "type": "title", "position": [ 30, 73, 133, 35 ], "completed": false }, { "type": "icon", "position": [ 872, 75, 22, 25 ], "completed": false }, { "type": "icon", "position": [ 912, 75, 21, 25 ], "completed": false }, { "type": "icon", "position": [ 951, 75, 21, 25 ], "completed": false } ] }, { "text": "#A header page of KOKOIST to encourage users to buy products.# The page is comprised of a slogan, the logo of KOKOIST, and four icons.", "region_id": "6468", "region_type": "Header", "ir": "[region:Header [el:title] [el:logo] [el:icon [attr:repeat '4'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 98 9 2 2 | icon 103 9 2 2 | icon 109 9 2 2 | logo 2 5 17 10 | complete text 105 10 0 1 | title 42 1 36 2", "layout_seq_without_completion": "icon 98 9 2 2 | icon 103 9 2 2 | icon 109 9 2 2 | logo 2 5 17 10 | text 105 10 0 1 | title 42 1 36 2", "plain_layout_seq": "icon 98 9 2 2 | icon 103 9 2 2 | icon 109 9 2 2 | logo 2 5 17 10 | text 105 10 0 1 | title 42 1 36 2", "canvas_width": 1009, "canvas_height": 144, "elements": [ { "type": "title", "position": [ 357, 10, 305, 17 ], "completed": false }, { "type": "logo", "position": [ 20, 48, 150, 86 ], "completed": false }, { "type": "icon", "position": [ 874, 78, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 830, 79, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 918, 79, 24, 24 ], "completed": false }, { "type": "text", "position": [ 883, 87, 6, 12 ], "completed": true } ] }, { "text": "#A page for introducing products on the web.#The page should have one black background image, six icons, and six names of products.", "region_id": "3393", "region_type": "Header", "ir": "[region:Header [el:background_image] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:icon] [el:text] ] ] ]", "execution": "header : background undefined undefined | { [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] | [ icon undefined undefined | text undefined undefined ] }", "layout_seq_with_completion": "\" [ text 30 3 8 2 ] | [ text 43 3 7 2 ] | [ text 55 3 7 2 ] | [ text 67 3 7 2 ] | [ text 79 3 4 2 ] | [ text 88 3 3 2 ] \"", "layout_seq_without_completion": "\" [ text 30 3 8 2 ] | [ text 43 3 7 2 ] | [ text 55 3 7 2 ] | [ text 67 3 7 2 ] | [ text 79 3 4 2 ] | [ text 88 3 3 2 ] \"", "plain_layout_seq": "text 30 3 8 2 | text 43 3 7 2 | text 55 3 7 2 | text 67 3 7 2 | text 79 3 4 2 | text 88 3 3 2", "canvas_width": 1024, "canvas_height": 81, "elements": [ { "type": "text", "position": [ 258, 30, 71, 20 ], "completed": false }, { "type": "text", "position": [ 370, 30, 60, 20 ], "completed": false }, { "type": "text", "position": [ 470, 30, 62, 20 ], "completed": false }, { "type": "text", "position": [ 574, 30, 63, 20 ], "completed": false }, { "type": "text", "position": [ 679, 30, 41, 20 ], "completed": false }, { "type": "text", "position": [ 759, 30, 27, 20 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top, and there is a logo on the left side. There are four links for users to click, \"home\", \"shop\", \"sale\", and \"contact us\". There are three icons for users to get more information.", "region_id": "7249", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, shop, sale, contact us'] [item [el:link ] ] ] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | logo 6 7 26 17 | \" [ link 43 14 5 2 ] | [ link 52 14 4 2 ] | [ link 59 14 3 2 ] | [ link 66 14 9 2 ] \" | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "layout_seq_without_completion": "description 0 0 120 5 | logo 6 7 26 17 | \" [ link 43 14 5 2 ] | [ link 52 14 4 2 ] | [ link 59 14 3 2 ] | [ link 66 14 9 2 ] \" | \" [ icon 100 15 2 2 ] | [ icon 105 15 2 2 ] | [ icon 109 15 2 2 ] \"", "plain_layout_seq": "description 0 0 120 5 | icon 100 15 2 2 | icon 105 15 2 2 | icon 109 15 2 2 | link 43 14 5 2 | link 52 14 4 2 | link 59 14 3 2 | link 66 14 9 2 | logo 6 7 26 17", "canvas_width": 1024, "canvas_height": 229, "elements": [ { "type": "description", "position": [ 0, 0, 1024, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 61, 229, 152 ], "completed": false }, { "type": "link", "position": [ 375, 126, 44, 21 ], "completed": false }, { "type": "link", "position": [ 444, 126, 38, 21 ], "completed": false }, { "type": "link", "position": [ 507, 126, 33, 21 ], "completed": false }, { "type": "link", "position": [ 565, 126, 84, 21 ], "completed": false }, { "type": "icon", "position": [ 856, 128, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 128, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 128, 20, 20 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about products on the web.# The page includes four links representing four categories of information for users to click to get further information.", "region_id": "3500", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 88 3 5 2 | link 55 3 14 2 | link 26 3 24 2 | link 74 3 8 2", "layout_seq_without_completion": "link 88 3 5 2 | link 55 3 14 2 | link 26 3 24 2 | link 74 3 8 2", "plain_layout_seq": "link 88 3 5 2 | link 55 3 14 2 | link 26 3 24 2 | link 74 3 8 2", "canvas_width": 1024, "canvas_height": 72, "elements": [ { "type": "link", "position": [ 223, 30, 206, 21 ], "completed": false }, { "type": "link", "position": [ 472, 30, 124, 21 ], "completed": false }, { "type": "link", "position": [ 639, 30, 73, 21 ], "completed": false }, { "type": "link", "position": [ 755, 30, 46, 21 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has a logo, and a label named \u201cMENU\u201d with an icon for users to click to expand all the categories of information.", "region_id": "3770", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title [attr:value 'menu'] ] [el:icon [attr:value 'expand']] ]", "execution": "header : icon undefined undefined | logo undefined undefined | title undefined undefined", "layout_seq_with_completion": "icon 1 3 3 3 | logo 27 1 69 11 | title 1 7 4 1", "layout_seq_without_completion": "icon 1 3 3 3 | logo 27 1 69 11 | title 1 7 4 1", "plain_layout_seq": "icon 1 3 3 3 | logo 27 1 69 11 | title 1 7 4 1", "canvas_width": 1031, "canvas_height": 114, "elements": [ { "type": "logo", "position": [ 240, 10, 600, 96 ], "completed": false }, { "type": "icon", "position": [ 17, 34, 34, 30 ], "completed": false }, { "type": "title", "position": [ 16, 64, 35, 16 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page has a logo of the brand, an input with an icon for users to search for more information, five links for users to click to get further information, and one icon representing the account of users.", "region_id": "7550", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:icon][gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] [el:icon] ]", "execution": "header : icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ icon 108 6 5 5 | input 75 7 39 5 | logo 5 3 11 11 ] | [ icon 105 20 3 3 | link 12 19 8 7 | link 21 21 13 2 | link 40 21 13 2 | link 58 21 9 2 | link 73 21 15 2 ] \"", "layout_seq_without_completion": "\" [ icon 108 6 5 5 | input 75 7 39 5 | logo 5 3 11 11 ] | [ icon 105 20 3 3 | link 12 19 8 7 | link 21 21 13 2 | link 40 21 13 2 | link 58 21 9 2 | link 73 21 15 2 ] \"", "plain_layout_seq": "icon 108 6 5 5 | icon 105 20 3 3 | input 75 7 39 5 | link 12 19 8 7 | link 21 21 13 2 | link 40 21 13 2 | link 58 21 9 2 | link 73 21 15 2 | logo 5 3 11 11", "canvas_width": 1024, "canvas_height": 225, "elements": [ { "type": "logo", "position": [ 47, 30, 100, 100 ], "completed": false }, { "type": "icon", "position": [ 930, 59, 47, 47 ], "completed": false }, { "type": "input", "position": [ 640, 60, 337, 44 ], "completed": false }, { "type": "link", "position": [ 107, 164, 76, 61 ], "completed": false }, { "type": "icon", "position": [ 900, 174, 34, 34 ], "completed": false }, { "type": "link", "position": [ 186, 184, 117, 20 ], "completed": false }, { "type": "link", "position": [ 343, 184, 118, 20 ], "completed": false }, { "type": "link", "position": [ 502, 184, 83, 20 ], "completed": false }, { "type": "link", "position": [ 625, 184, 128, 20 ], "completed": false } ] }, { "text": "#A page for introducing some info about one company and recruiting people.# There is one logo and three links \"SUCCESSOR STORIES\", \"OUR METHODS\", and \"SIGN IN\". Users can join in by clicking one button.", "region_id": "4905", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'successor stories, our methods, sign in'] [item [el:link] ] ] [el:button [attr:value 'join us'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 98 1 9 4 | link 74 2 10 4 | link 57 2 13 4 | link 88 2 6 4 | logo 12 1 19 5", "layout_seq_without_completion": "button 98 1 9 4 | link 74 2 10 4 | link 57 2 13 4 | link 88 2 6 4 | logo 12 1 19 5", "plain_layout_seq": "button 98 1 9 4 | link 74 2 10 4 | link 57 2 13 4 | link 88 2 6 4 | logo 12 1 19 5", "canvas_width": 1009, "canvas_height": 90, "elements": [ { "type": "logo", "position": [ 101, 15, 166, 48 ], "completed": false }, { "type": "button", "position": [ 830, 16, 78, 38 ], "completed": false }, { "type": "link", "position": [ 485, 17, 112, 36 ], "completed": false }, { "type": "link", "position": [ 627, 17, 91, 36 ], "completed": false }, { "type": "link", "position": [ 748, 17, 52, 36 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one logo, one input for entering products to search, and two buttons are search and shopping cart on the top. Under it, there also have four links for users to click to know more information fastly.", "region_id": "7859", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'top'] ] [el:input [attr:value 'search all products'] [attr:position 'top'] ] [el:button [attr:value 'search '] [attr:position 'top'] ] [el:button [attr:value 'cart'] [attr:position 'top'] ] [gp:FlatNavGroup [gattr:repeat '4'] [item [el:link]] ] ]", "execution": "header : button top undefined | button top undefined | input top undefined | logo top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 96 17 5 4 | button 103 17 12 5 | input 67 17 33 5 | \" [ link 1 39 8 6 ] | [ link 10 39 14 6 ] | [ link 25 39 10 6 ] | [ link 36 39 16 6 ] \"", "layout_seq_without_completion": "button 96 17 5 4 | button 103 17 12 5 | input 67 17 33 5 | \" [ link 1 39 8 6 ] | [ link 10 39 14 6 ] | [ link 25 39 10 6 ] | [ link 36 39 16 6 ] \"", "plain_layout_seq": "button 96 17 5 4 | button 103 17 12 5 | input 67 17 33 5 | link 1 39 8 6 | link 10 39 14 6 | link 25 39 10 6 | link 36 39 16 6", "canvas_width": 1024, "canvas_height": 392, "elements": [ { "type": "input", "position": [ 579, 148, 289, 44 ], "completed": false }, { "type": "button", "position": [ 886, 148, 108, 44 ], "completed": false }, { "type": "button", "position": [ 823, 150, 45, 42 ], "completed": false }, { "type": "link", "position": [ 15, 340, 73, 52 ], "completed": false }, { "type": "link", "position": [ 91, 340, 123, 52 ], "completed": false }, { "type": "link", "position": [ 217, 340, 93, 52 ], "completed": false }, { "type": "link", "position": [ 313, 340, 138, 52 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the shopping website.#The page should have one background picture, one pagination, one text heading, three links for users to click to view more products, and one button for users to click to view the shopping cart. And there also should have one label representing the number of goods in the shopping cart.", "region_id": "8523", "region_type": "Header", "ir": "[region:Header [el:background_image] [el:pagination] [el:title] [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link]]] [el:button [attr:value 'shopping cart']] [el:text] ]", "execution": "header : background undefined undefined | button undefined undefined | pagination undefined undefined | text undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 61 | button 110 5 3 3 | complete icon 57 53 4 4 | text 114 6 1 2 | title 43 4 32 6 | \" [ link 4 6 5 3 ] | [ link 12 6 11 3 ] | [ link 27 6 5 3 ] \"", "layout_seq_without_completion": "background 0 0 120 61 | button 110 5 3 3 | icon 57 53 4 4 | text 114 6 1 2 | title 43 4 32 6 | \" [ link 4 6 5 3 ] | [ link 12 6 11 3 ] | [ link 27 6 5 3 ] \"", "plain_layout_seq": "background 0 0 120 61 | button 110 5 3 3 | icon 57 53 4 4 | link 4 6 5 3 | link 12 6 11 3 | link 27 6 5 3 | text 114 6 1 2 | title 43 4 32 6", "canvas_width": 1024, "canvas_height": 522, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 522 ], "completed": false }, { "type": "title", "position": [ 372, 40, 280, 54 ], "completed": false }, { "type": "button", "position": [ 943, 51, 32, 32 ], "completed": false }, { "type": "link", "position": [ 40, 54, 45, 29 ], "completed": false }, { "type": "link", "position": [ 109, 54, 95, 29 ], "completed": false }, { "type": "link", "position": [ 238, 54, 50, 29 ], "completed": false }, { "type": "text", "position": [ 974, 56, 10, 19 ], "completed": false }, { "type": "icon", "position": [ 492, 460, 40, 40 ], "completed": true } ] }, { "text": "#A page for navigation of the web.#The page should have nine links, named \"alltopmanga\", \"donate us\", \"join our discord\", \"24hromance\", \"romance\", \"drama\", \"fantasy\", \"action\", and \"more\". A set of pagination was set next to the link \"donate us\" and \"more\". On the right side, there are two buttons, \"sign in\" and \"sign up\".", "region_id": "5006", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '9'] [gattr:names 'alltopmanga, donate us, join our discord, 24hromance, romance, drama,fantasy,action,more'] [item [el:link] ] ] [el:pagination [attr:repeat '2'] ] [el:button [attr:value 'sign in'] [attr:position 'right']] [el:button [attr:value 'sign up'] [attr:position 'right'] ] ]", "execution": "header : button right undefined | button right undefined | pagination undefined undefined | pagination undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 104 5 10 4 | button 94 5 9 4 | \" [ link 20 0 10 8 ] | [ link 3 3 16 5 ] | [ link 33 3 19 5 ] | [ link 54 3 15 5 ] | [ link 71 3 11 5 ] | [ link 3 8 9 5 ] | [ link 14 8 10 5 ] | [ link 26 8 9 5 ] | [ link 38 8 10 5 ] \"", "layout_seq_without_completion": "button 104 5 10 4 | button 94 5 9 4 | \" [ link 20 0 10 8 ] | [ link 3 3 16 5 ] | [ link 33 3 19 5 ] | [ link 54 3 15 5 ] | [ link 71 3 11 5 ] | [ link 3 8 9 5 ] | [ link 14 8 10 5 ] | [ link 26 8 9 5 ] | [ link 38 8 10 5 ] \"", "plain_layout_seq": "button 104 5 10 4 | button 94 5 9 4 | link 20 0 10 8 | link 3 3 16 5 | link 33 3 19 5 | link 54 3 15 5 | link 71 3 11 5 | link 3 8 9 5 | link 14 8 10 5 | link 26 8 9 5 | link 38 8 10 5", "canvas_width": 1009, "canvas_height": 129, "elements": [ { "type": "link", "position": [ 176, 7, 90, 68 ], "completed": false }, { "type": "link", "position": [ 26, 28, 135, 47 ], "completed": false }, { "type": "link", "position": [ 280, 28, 164, 47 ], "completed": false }, { "type": "link", "position": [ 458, 28, 127, 47 ], "completed": false }, { "type": "link", "position": [ 598, 28, 98, 47 ], "completed": false }, { "type": "button", "position": [ 796, 47, 82, 35 ], "completed": false }, { "type": "button", "position": [ 882, 47, 88, 35 ], "completed": false }, { "type": "link", "position": [ 26, 75, 79, 47 ], "completed": false }, { "type": "link", "position": [ 120, 75, 90, 47 ], "completed": false }, { "type": "link", "position": [ 224, 75, 82, 47 ], "completed": false }, { "type": "link", "position": [ 320, 75, 90, 47 ], "completed": false } ] }, { "text": "# A header page for Cala Luna Jewellery. # On the page, there should have a title \"C.ALA LUNA JEWELLERY\". On the left, there should be a side menu. On the right, three small icons are needed for login, search and shopping cart.", "region_id": "8485", "region_type": "Header", "ir": "[region:Header [el:title [attr:value 'C.ALA LUNA JEWELLERY']] [el:icon [attr:position 'left'] ] [el:icon [attr:position 'right'] [attr:repeat '3'] [attr:size 'small'] [attr:value 'login, search and shopping cart'] ] ]", "execution": "header : icon left undefined | icon right small | icon right small | icon right small | title undefined undefined", "layout_seq_with_completion": "title 22 5 75 5 | \" [ complete text 4 7 2 0 ] | [ complete text 4 8 2 0 ] | [ complete text 4 9 2 0 ] \" | \" [ icon 102 5 2 3 ] | [ icon 107 5 2 3 ] | [ icon 112 5 2 3 ] \"", "layout_seq_without_completion": "title 22 5 75 5 | \" [ text 4 7 2 0 ] | [ text 4 8 2 0 ] | [ text 4 9 2 0 ] \" | \" [ icon 102 5 2 3 ] | [ icon 107 5 2 3 ] | [ icon 112 5 2 3 ] \"", "plain_layout_seq": "icon 102 5 2 3 | icon 107 5 2 3 | icon 112 5 2 3 | text 4 7 2 0 | text 4 8 2 0 | text 4 9 2 0 | title 22 5 75 5", "canvas_width": 1009, "canvas_height": 114, "elements": [ { "type": "title", "position": [ 188, 45, 633, 44 ], "completed": false }, { "type": "icon", "position": [ 863, 50, 25, 31 ], "completed": false }, { "type": "icon", "position": [ 906, 50, 24, 31 ], "completed": false }, { "type": "icon", "position": [ 948, 50, 24, 31 ], "completed": false }, { "type": "text", "position": [ 35, 63, 20, 2 ], "completed": true }, { "type": "text", "position": [ 35, 70, 20, 2 ], "completed": true }, { "type": "text", "position": [ 35, 77, 20, 2 ], "completed": true } ] }, { "text": "# A header page for navigation of an online shop named Tiviss. # The page should have a logo, a sentence as the announcement to introduce the free shipping condition, and four links \"RINGS\" \"EARRINGS\" \"NECKLACES\", and \"BRACELETS\" for the user to shop by category. Besides, there should have three icons for the user to log in, search for things, and check the shopping cart.", "region_id": "7194", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description [attr:value 'free shipping for every orders over $80']] [gp:FlatNavGroup [gattr:names 'RINGS,EARRINGS,NECKLACES,BRACELETS'] [gattr:repeat '4'] [item [el:link] ] ] [el:icon [attr:value 'log in'] ] [el:icon [attr:value 'search '] ] [el:icon [attr:value 'shopping cart'] ] ]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 120 5 | icon 108 8 2 3 | icon 113 8 2 3 | icon 103 8 2 3 | link 45 7 9 6 | link 70 7 15 6 | link 86 7 15 6 | link 56 7 13 6 | logo 3 7 21 5", "layout_seq_without_completion": "description 0 0 120 5 | icon 108 8 2 3 | icon 113 8 2 3 | icon 103 8 2 3 | link 45 7 9 6 | link 70 7 15 6 | link 86 7 15 6 | link 56 7 13 6 | logo 3 7 21 5", "plain_layout_seq": "description 0 0 120 5 | icon 108 8 2 3 | icon 113 8 2 3 | icon 103 8 2 3 | link 45 7 9 6 | link 70 7 15 6 | link 86 7 15 6 | link 56 7 13 6 | logo 3 7 21 5", "canvas_width": 1009, "canvas_height": 120, "elements": [ { "type": "description", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "logo", "position": [ 30, 67, 180, 46 ], "completed": false }, { "type": "link", "position": [ 384, 67, 82, 52 ], "completed": false }, { "type": "link", "position": [ 472, 67, 115, 52 ], "completed": false }, { "type": "link", "position": [ 594, 67, 129, 52 ], "completed": false }, { "type": "link", "position": [ 728, 67, 127, 52 ], "completed": false }, { "type": "icon", "position": [ 868, 75, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 910, 75, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 75, 21, 26 ], "completed": false } ] }, { "text": "# A header page for an email marketing software named Mailmodo. # The page should contain a logo, the name of the software, and five links \"Product\" \"Solutions\" \"Resources\" \"API & Integrations\" and \"Pricing\", so the user can click them to know more info. Also, a link \"Login\" and a button \"Sign up\" are needed for the user to log in or sign up.", "region_id": "4722", "region_type": "Header", "ir": "[region:Header [el:logo] [el:title] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'Product, Solutions, Resources, API & Integrations, Pricing'] [item [el:link] ] ] [el:link [attr:value 'Login'] ] [el:button [attr:value 'sign up'] ] ]", "execution": "header : button undefined undefined | link undefined undefined | logo undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 104 3 7 3 | link 96 2 6 5 | logo 7 2 17 4 | \" [ link 36 3 5 3 ] | [ link 44 3 6 3 ] | [ link 54 3 7 3 ] | [ link 64 3 12 3 ] | [ link 79 3 4 3 ] \"", "layout_seq_without_completion": "button 104 3 7 3 | link 96 2 6 5 | logo 7 2 17 4 | \" [ link 36 3 5 3 ] | [ link 44 3 6 3 ] | [ link 54 3 7 3 ] | [ link 64 3 12 3 ] | [ link 79 3 4 3 ] \"", "plain_layout_seq": "button 104 3 7 3 | link 96 2 6 5 | link 36 3 5 3 | link 44 3 6 3 | link 54 3 7 3 | link 64 3 12 3 | link 79 3 4 3 | logo 7 2 17 4", "canvas_width": 1089, "canvas_height": 77, "elements": [ { "type": "link", "position": [ 876, 21, 58, 48 ], "completed": false }, { "type": "logo", "position": [ 72, 26, 160, 39 ], "completed": false }, { "type": "link", "position": [ 332, 29, 52, 32 ], "completed": false }, { "type": "link", "position": [ 408, 29, 61, 32 ], "completed": false }, { "type": "link", "position": [ 493, 29, 69, 32 ], "completed": false }, { "type": "link", "position": [ 586, 29, 115, 32 ], "completed": false }, { "type": "link", "position": [ 725, 29, 44, 32 ], "completed": false }, { "type": "button", "position": [ 948, 29, 70, 33 ], "completed": false } ] }, { "text": "# A header for an online shop TIM HYDE ATELIER. # There should have an announcement about the Covid-19 update on the top, a shop name on the left, five links: \"HOME\" \"BOOK\" \"ETHOS\" \"PRICES\" and \"FIND US\", and three icons for login, search, and the shopping cart.", "region_id": "7238", "region_type": "Header", "ir": "[region:Header[el:text [attr:position 'top'] ] [el:title [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'HOME, BOOK, ETHOS, PRICES, FIND US'] [item [el:link] ] ] [el:icon [attr:value 'login'] ] [el:icon [attr:value 'search'] ] [el:icon [attr:value 'the shopping cart'] ]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | text top undefined | title left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 103 8 2 3 | icon 108 8 2 3 | icon 113 8 2 3 | link 48 7 9 6 | link 90 7 11 6 | link 58 7 9 6 | link 68 7 10 6 | link 79 7 10 6 | text 0 0 120 5 | title 3 8 33 4", "layout_seq_without_completion": "icon 103 8 2 3 | icon 108 8 2 3 | icon 113 8 2 3 | link 48 7 9 6 | link 90 7 11 6 | link 58 7 9 6 | link 68 7 10 6 | link 79 7 10 6 | text 0 0 120 5 | title 3 8 33 4", "plain_layout_seq": "icon 103 8 2 3 | icon 108 8 2 3 | icon 113 8 2 3 | link 48 7 9 6 | link 90 7 11 6 | link 58 7 9 6 | link 68 7 10 6 | link 79 7 10 6 | text 0 0 120 5 | title 3 8 33 4", "canvas_width": 1009, "canvas_height": 135, "elements": [ { "type": "text", "position": [ 0, 0, 1009, 45 ], "completed": false }, { "type": "link", "position": [ 407, 67, 81, 52 ], "completed": false }, { "type": "link", "position": [ 492, 67, 81, 52 ], "completed": false }, { "type": "link", "position": [ 577, 67, 86, 52 ], "completed": false }, { "type": "link", "position": [ 667, 67, 90, 52 ], "completed": false }, { "type": "link", "position": [ 761, 67, 100, 52 ], "completed": false }, { "type": "title", "position": [ 30, 73, 284, 35 ], "completed": false }, { "type": "icon", "position": [ 872, 75, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 75, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 75, 21, 26 ], "completed": false } ] }, { "text": "# A page for navigation of the Poo~Pourri website.# There is a link named 'Poo~Pourri Fresh Air is here' on the top, under which is a logo and four navigation links that respectively is \"Shop\", \"Build your own bundle\", \"How it works\" and \"Help!\". Besides, another link 'free shopping' is needed and three icons are on the right.", "region_id": "8639", "region_type": "Header", "ir": "[region:Header [el:link [attr:value 'Poo~Pourri Fresh Air is here' ][attr:position 'top']][el:logo] [gp:FlatNavGroup [gattr:repeat'4'][gattr:names 'Shop,Build your own bundle,How it works,Help!'][item [el:link]] ] [el:link [attr:value 'free shopping']][el:icon [attr:repeat '3'] [attr:position 'right']] ]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | link top undefined | link undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 46 1 26 2 | link 92 6 11 1 | \" [ link 17 6 8 2 | link 25 6 28 2 | link 54 6 17 2 | link 71 6 8 2 | logo 1 5 14 4 ] | [ icon 110 6 2 2 | icon 106 6 2 2 | icon 115 6 2 2 | complete text 117 7 0 1 ] \"", "layout_seq_without_completion": "link 46 1 26 2 | link 92 6 11 1 | \" [ link 17 6 8 2 | link 25 6 28 2 | link 54 6 17 2 | link 71 6 8 2 | logo 1 5 14 4 ] | [ icon 110 6 2 2 | icon 106 6 2 2 | icon 115 6 2 2 | text 117 7 0 1 ] \"", "plain_layout_seq": "icon 110 6 2 2 | icon 106 6 2 2 | icon 115 6 2 2 | link 46 1 26 2 | link 92 6 11 1 | link 17 6 8 2 | link 25 6 28 2 | link 54 6 17 2 | link 71 6 8 2 | logo 1 5 14 4 | text 117 7 0 1", "canvas_width": 1024, "canvas_height": 92, "elements": [ { "type": "link", "position": [ 400, 9, 223, 19 ], "completed": false }, { "type": "logo", "position": [ 16, 47, 120, 37 ], "completed": false }, { "type": "icon", "position": [ 905, 52, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 945, 52, 18, 18 ], "completed": false }, { "type": "link", "position": [ 151, 53, 69, 22 ], "completed": false }, { "type": "link", "position": [ 220, 53, 241, 22 ], "completed": false }, { "type": "link", "position": [ 462, 53, 151, 22 ], "completed": false }, { "type": "link", "position": [ 613, 53, 70, 22 ], "completed": false }, { "type": "icon", "position": [ 985, 53, 18, 18 ], "completed": false }, { "type": "link", "position": [ 787, 56, 96, 16 ], "completed": false }, { "type": "text", "position": [ 1003, 63, 7, 12 ], "completed": true } ] }, { "text": "#A page for the navigation bar of the website.#The page should have one logo for the name of a website and some icons for many payment methods.", "region_id": "7819", "region_type": "Header", "ir": "[region:Header [el:logo][el:icon[attr:repeat'several']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "logo 2 2 18 2 | \" [ icon 55 1 4 3 ] | [ icon 61 1 4 3 ] | [ icon 66 1 4 3 ] | [ icon 72 1 4 3 ] | [ icon 78 1 4 3 ] | [ icon 84 1 4 3 ] | [ icon 90 1 4 3 ] | [ icon 96 1 4 3 ] | [ icon 101 1 4 3 ] | [ icon 107 1 4 3 ] | [ icon 113 1 4 3 ] \"", "layout_seq_without_completion": "logo 2 2 18 2 | \" [ icon 55 1 4 3 ] | [ icon 61 1 4 3 ] | [ icon 66 1 4 3 ] | [ icon 72 1 4 3 ] | [ icon 78 1 4 3 ] | [ icon 84 1 4 3 ] | [ icon 90 1 4 3 ] | [ icon 96 1 4 3 ] | [ icon 101 1 4 3 ] | [ icon 107 1 4 3 ] | [ icon 113 1 4 3 ] \"", "plain_layout_seq": "icon 55 1 4 3 | icon 61 1 4 3 | icon 66 1 4 3 | icon 72 1 4 3 | icon 78 1 4 3 | icon 84 1 4 3 | icon 90 1 4 3 | icon 96 1 4 3 | icon 101 1 4 3 | icon 107 1 4 3 | icon 113 1 4 3 | logo 2 2 18 2", "canvas_width": 945, "canvas_height": 41, "elements": [ { "type": "icon", "position": [ 435, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 481, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 527, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 573, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 619, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 665, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 711, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 757, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 803, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 849, 12, 38, 24 ], "completed": false }, { "type": "icon", "position": [ 895, 12, 38, 24 ], "completed": false }, { "type": "logo", "position": [ 16, 16, 147, 20 ], "completed": false } ] }, { "text": "#A page of CMS government.# The page should include the logo of CMS, a button for users to open the home page, text, and a logo.", "region_id": "5106", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button [attr:value 'home'] ] [el:text] [el:logo] ]", "execution": "header : button undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "button 2 4 7 3 | logo 110 3 6 6 | logo 13 4 17 3 | text 36 4 64 4", "layout_seq_without_completion": "button 2 4 7 3 | logo 110 3 6 6 | logo 13 4 17 3 | text 36 4 64 4", "plain_layout_seq": "button 2 4 7 3 | logo 110 3 6 6 | logo 13 4 17 3 | text 36 4 64 4", "canvas_width": 960, "canvas_height": 117, "elements": [ { "type": "logo", "position": [ 887, 25, 52, 52 ], "completed": false }, { "type": "text", "position": [ 288, 32, 515, 38 ], "completed": false }, { "type": "button", "position": [ 21, 35, 61, 31 ], "completed": false }, { "type": "logo", "position": [ 106, 35, 137, 31 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a brand logo, an input with an icon for searching for users to click to search for more information, nine links for navigation of the web, a button named \u201cLOGIN\u201d with an icon, and a button named \u201cCART\u201d with an icon showing the shopping list.", "region_id": "7793", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'search for']] [el:icon] [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link]]] [el:button [attr:value 'login'] ] [el:icon] [el:button [attr:value 'CART'] ] [el:icon] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 113 6 2 1 | button 109 6 2 1 | icon 109 4 2 2 | icon 113 4 2 2 | icon 101 5 2 2 | input 24 4 76 3 | logo 4 4 16 4 | \" [ link 3 10 8 5 ] | [ link 11 10 17 5 ] | [ link 28 10 18 5 ] | [ link 47 10 18 5 ] | [ link 65 10 10 5 ] | [ link 76 10 13 5 ] | [ link 90 10 16 5 ] | [ link 3 16 18 5 ] | [ link 21 16 7 5 ] \"", "layout_seq_without_completion": "button 113 6 2 1 | button 109 6 2 1 | icon 109 4 2 2 | icon 113 4 2 2 | icon 101 5 2 2 | input 24 4 76 3 | logo 4 4 16 4 | \" [ link 3 10 8 5 ] | [ link 11 10 17 5 ] | [ link 28 10 18 5 ] | [ link 47 10 18 5 ] | [ link 65 10 10 5 ] | [ link 76 10 13 5 ] | [ link 90 10 16 5 ] | [ link 3 16 18 5 ] | [ link 21 16 7 5 ] \"", "plain_layout_seq": "button 113 6 2 1 | button 109 6 2 1 | icon 109 4 2 2 | icon 113 4 2 2 | icon 101 5 2 2 | input 24 4 76 3 | link 3 10 8 5 | link 11 10 17 5 | link 28 10 18 5 | link 47 10 18 5 | link 65 10 10 5 | link 76 10 13 5 | link 90 10 16 5 | link 3 16 18 5 | link 21 16 7 5 | logo 4 4 16 4", "canvas_width": 1024, "canvas_height": 189, "elements": [ { "type": "logo", "position": [ 37, 35, 140, 38 ], "completed": false }, { "type": "input", "position": [ 207, 37, 649, 34 ], "completed": false }, { "type": "icon", "position": [ 935, 38, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 968, 38, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 864, 43, 22, 22 ], "completed": false }, { "type": "button", "position": [ 931, 56, 25, 15 ], "completed": false }, { "type": "button", "position": [ 966, 56, 21, 15 ], "completed": false }, { "type": "link", "position": [ 26, 93, 70, 48 ], "completed": false }, { "type": "link", "position": [ 96, 93, 147, 48 ], "completed": false }, { "type": "link", "position": [ 243, 93, 161, 48 ], "completed": false }, { "type": "link", "position": [ 404, 93, 158, 48 ], "completed": false }, { "type": "link", "position": [ 563, 93, 93, 48 ], "completed": false }, { "type": "link", "position": [ 656, 93, 119, 48 ], "completed": false }, { "type": "link", "position": [ 775, 93, 140, 48 ], "completed": false }, { "type": "link", "position": [ 26, 141, 161, 48 ], "completed": false }, { "type": "link", "position": [ 187, 141, 61, 48 ], "completed": false } ] }, { "text": "#A page for showing users that free shipping on all orders over $100.#The page should have a description in the middle of the page. There are two icons on the rightmost side of the page.", "region_id": "6813", "region_type": "Header", "ir": "[region:Header [el:description] [el:icon [attr:position 'right'] [attr:repeat '2'] ] ]", "execution": "header : description undefined undefined | icon right undefined | icon right undefined", "layout_seq_with_completion": "description 32 1 55 3 | icon 111 1 1 1 | icon 115 1 1 1", "layout_seq_without_completion": "description 32 1 55 3 | icon 111 1 1 1 | icon 115 1 1 1", "plain_layout_seq": "description 32 1 55 3 | icon 111 1 1 1 | icon 115 1 1 1", "canvas_width": 1024, "canvas_height": 46, "elements": [ { "type": "description", "position": [ 277, 10, 470, 26 ], "completed": false }, { "type": "icon", "position": [ 953, 15, 16, 16 ], "completed": false }, { "type": "icon", "position": [ 985, 15, 16, 16 ], "completed": false } ] }, { "text": "#A header page of NEWAGEROOTS for users to get information.# The page should include a logo of the NEWAGEROOTS. There are four titles, including \"Home\", \"About us\", \"Contact us\", and \"FAQs\". There are also two icons on the right for users to search or check their personal information.", "region_id": "6711", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, about us, contact us, faqs'] [item [el:title] ] ] [el:icon [attr:value 'search'] [attr:position 'right'] ] [el:icon [attr:value 'heck their personal information'] [attr:position 'right'] ]]", "execution": "header : icon right undefined | icon right undefined | logo undefined undefined | { [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] | [ title undefined undefined ] }", "layout_seq_with_completion": "icon 105 6 2 2 | icon 109 6 2 2 | logo 6 6 21 2 | \" [ title 43 6 4 2 ] | [ title 51 6 6 2 ] | [ title 60 6 8 2 ] | [ title 71 6 4 2 ] \"", "layout_seq_without_completion": "icon 105 6 2 2 | icon 109 6 2 2 | logo 6 6 21 2 | \" [ title 43 6 4 2 ] | [ title 51 6 6 2 ] | [ title 60 6 8 2 ] | [ title 71 6 4 2 ] \"", "plain_layout_seq": "icon 105 6 2 2 | icon 109 6 2 2 | logo 6 6 21 2 | title 43 6 4 2 | title 51 6 6 2 | title 60 6 8 2 | title 71 6 4 2", "canvas_width": 1024, "canvas_height": 107, "elements": [ { "type": "logo", "position": [ 55, 54, 182, 24 ], "completed": false }, { "type": "title", "position": [ 372, 57, 40, 18 ], "completed": false }, { "type": "title", "position": [ 436, 57, 58, 18 ], "completed": false }, { "type": "title", "position": [ 518, 57, 71, 18 ], "completed": false }, { "type": "title", "position": [ 613, 57, 39, 18 ], "completed": false }, { "type": "icon", "position": [ 898, 57, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 57, 20, 20 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a logo of the brand, an input with an icon for searching, a button named \u201cPOST YOUR CHEAT\u201d for users to click, an icon showing the messages of users, an icon showing the account of users, and an icon for expanding all the categories of information.", "region_id": "6039", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input [attr:value 'site search']] [el:icon] [el:button [attr:value 'post your cheat'] ] [el:icon [attr:value 'messages of users']] [el:icon [attr:value 'account of users']] [el:icon [attr:value 'expand']] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 8 | button 80 2 16 3 | icon 23 2 4 4 | icon 106 2 4 4 | icon 103 2 2 2 | input 23 2 52 4 | logo 3 2 16 4", "layout_seq_without_completion": "background 0 0 120 8 | button 80 2 16 3 | icon 23 2 4 4 | icon 106 2 4 4 | icon 103 2 2 2 | input 23 2 52 4 | logo 3 2 16 4", "plain_layout_seq": "background 0 0 120 8 | button 80 2 16 3 | icon 23 2 4 4 | icon 106 2 4 4 | icon 103 2 2 2 | input 23 2 52 4 | logo 3 2 16 4", "canvas_width": 1024, "canvas_height": 76, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 76 ], "completed": true }, { "type": "logo", "position": [ 32, 18, 145, 40 ], "completed": false }, { "type": "input", "position": [ 197, 18, 448, 40 ], "completed": false }, { "type": "icon", "position": [ 197, 18, 40, 40 ], "completed": false }, { "type": "icon", "position": [ 881, 18, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 911, 18, 40, 40 ], "completed": false }, { "type": "button", "position": [ 685, 24, 141, 34 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page includes three links showings different categories of information for users to click to get further information.", "region_id": "5363", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '3'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 33 0 21 6 ] | [ link 55 0 18 6 ] | [ link 74 0 11 6 ] \"", "layout_seq_without_completion": "\" [ link 33 0 21 6 ] | [ link 55 0 18 6 ] | [ link 74 0 11 6 ] \"", "plain_layout_seq": "link 33 0 21 6 | link 55 0 18 6 | link 74 0 11 6", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 285, 0, 180, 51 ], "completed": false }, { "type": "link", "position": [ 469, 0, 156, 51 ], "completed": false }, { "type": "link", "position": [ 629, 0, 95, 51 ], "completed": false } ] }, { "text": "#A page for navigation of the web Cloudinary.#The page should have a logo and an icon for users to get more information.", "region_id": "4720", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon] ]", "execution": "header : icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 5 | logo 3 1 18 3 | \" [ icon 113 1 2 0 ] | [ icon 113 2 2 0 ] | [ icon 113 3 2 0 ] \"", "layout_seq_without_completion": "background 0 0 120 5 | logo 3 1 18 3 | \" [ icon 113 1 2 0 ] | [ icon 113 2 2 0 ] | [ icon 113 3 2 0 ] \"", "plain_layout_seq": "background 0 0 120 5 | icon 113 1 2 0 | icon 113 2 2 0 | icon 113 3 2 0 | logo 3 1 18 3", "canvas_width": 1024, "canvas_height": 51, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 51 ], "completed": true }, { "type": "logo", "position": [ 30, 12, 156, 30 ], "completed": false }, { "type": "icon", "position": [ 967, 13, 22, 2 ], "completed": false }, { "type": "icon", "position": [ 967, 23, 22, 2 ], "completed": false }, { "type": "icon", "position": [ 967, 33, 22, 2 ], "completed": false } ] }, { "text": "#A page for showing the services of the web.#The web should have six links for users to click fastly, \"home\", \"shop now\", \"store locations\", \"return policy\", \"FAQs\", and \"contact us\".", "region_id": "7127", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, shop now, store locations, return policy, faqs, contact us'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 15 0 9 5 ] | [ link 24 0 14 5 ] | [ link 39 0 21 5 ] | [ link 61 0 18 5 ] | [ link 80 0 8 5 ] | [ link 89 0 15 5 ] \"", "layout_seq_without_completion": "\" [ link 15 0 9 5 ] | [ link 24 0 14 5 ] | [ link 39 0 21 5 ] | [ link 61 0 18 5 ] | [ link 80 0 8 5 ] | [ link 89 0 15 5 ] \"", "plain_layout_seq": "link 15 0 9 5 | link 24 0 14 5 | link 39 0 21 5 | link 61 0 18 5 | link 80 0 8 5 | link 89 0 15 5", "canvas_width": 1009, "canvas_height": 52, "elements": [ { "type": "link", "position": [ 127, 0, 78, 50 ], "completed": false }, { "type": "link", "position": [ 209, 0, 118, 50 ], "completed": false }, { "type": "link", "position": [ 332, 0, 179, 50 ], "completed": false }, { "type": "link", "position": [ 514, 0, 157, 50 ], "completed": false }, { "type": "link", "position": [ 676, 0, 70, 50 ], "completed": false }, { "type": "link", "position": [ 750, 0, 132, 50 ], "completed": false } ] }, { "text": "#A header page about the BigDipper company.# There are six links that are \"Home\", \"Offerings\", \"Capabilities\", \"Our Brand\", \"Testimonials\", and \"Contact\". Then, there are three social media logos and one text.", "region_id": "7302", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'home, offerings, capabilities, our brand, testimonials, contact'] [item [el:link] ] ] [el:logo [attr:repeat '3'] ] [el:text] ]", "execution": "header : logo undefined undefined | logo undefined undefined | logo undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete logo 50 5 18 9 | text 5 35 108 6 | \" [ link 22 18 4 2 ] | [ link 33 18 7 2 ] | [ link 45 18 9 2 ] | [ link 60 18 8 2 ] | [ link 75 18 10 2 ] | [ link 90 18 6 2 ] \"", "layout_seq_without_completion": "logo 50 5 18 9 | text 5 35 108 6 | \" [ link 22 18 4 2 ] | [ link 33 18 7 2 ] | [ link 45 18 9 2 ] | [ link 60 18 8 2 ] | [ link 75 18 10 2 ] | [ link 90 18 6 2 ] \"", "plain_layout_seq": "link 22 18 4 2 | link 33 18 7 2 | link 45 18 9 2 | link 60 18 8 2 | link 75 18 10 2 | link 90 18 6 2 | logo 50 5 18 9 | text 5 35 108 6", "canvas_width": 1024, "canvas_height": 374, "elements": [ { "type": "logo", "position": [ 433, 50, 158, 80 ], "completed": true }, { "type": "link", "position": [ 196, 160, 42, 19 ], "completed": false }, { "type": "link", "position": [ 282, 160, 68, 19 ], "completed": false }, { "type": "link", "position": [ 392, 160, 85, 19 ], "completed": false }, { "type": "link", "position": [ 520, 160, 76, 19 ], "completed": false }, { "type": "link", "position": [ 640, 160, 89, 19 ], "completed": false }, { "type": "link", "position": [ 772, 160, 56, 19 ], "completed": false }, { "type": "text", "position": [ 47, 300, 930, 54 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page includes a logo of the brand, an icon for expanding all the categories of information, an icon showing the account of users, an icon for searching, and an icon representing the shopping list.", "region_id": "7092", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon[attr:value'expanding all']] [el:icon[attr:value'showing the account of users']] [el:icon[attr:value'search']] [el:icon[attr:value'shopping list']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "logo 44 1 30 29 | \" [ icon 4 15 2 0 ] | [ complete icon 4 16 2 0 ] | [ complete icon 4 17 2 0 ] \" | \" [ icon 103 14 2 3 ] | [ icon 108 14 2 3 ] | [ icon 113 14 2 3 ] \"", "layout_seq_without_completion": "logo 44 1 30 29 | \" [ icon 4 15 2 0 ] | [ icon 4 16 2 0 ] | [ icon 4 17 2 0 ] \" | \" [ icon 103 14 2 3 ] | [ icon 108 14 2 3 ] | [ icon 113 14 2 3 ] \"", "plain_layout_seq": "icon 4 15 2 0 | icon 4 16 2 0 | icon 4 17 2 0 | icon 103 14 2 3 | icon 108 14 2 3 | icon 113 14 2 3 | logo 44 1 30 29", "canvas_width": 1009, "canvas_height": 277, "elements": [ { "type": "logo", "position": [ 374, 15, 260, 247 ], "completed": false }, { "type": "icon", "position": [ 872, 123, 22, 26 ], "completed": false }, { "type": "icon", "position": [ 912, 123, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 951, 123, 21, 26 ], "completed": false }, { "type": "icon", "position": [ 35, 134, 20, 2 ], "completed": false }, { "type": "icon", "position": [ 35, 142, 20, 2 ], "completed": true }, { "type": "icon", "position": [ 35, 148, 20, 2 ], "completed": true } ] }, { "text": "#A page for navigation of the web FUNKY DESIGNS 2.0.#The page should have a logo and four links for users to click fastly, \"home\", \"catalog\", \"collections\", and \"view all\". There are three icons on the rightmost side of the page, to help users get more information.", "region_id": "8332", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'home, catalog, collections, view all'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:repeat '3'] ] ]", "execution": "header : icon right undefined | icon right undefined | icon right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "logo 6 1 26 5 | \" [ link 43 3 4 2 ] | [ link 50 3 5 2 ] | [ link 59 3 8 2 ] | [ link 70 3 6 2 ] \" | \" [ icon 100 3 2 2 ] | [ icon 105 3 2 2 ] | [ icon 109 3 2 2 ] \"", "layout_seq_without_completion": "logo 6 1 26 5 | \" [ link 43 3 4 2 ] | [ link 50 3 5 2 ] | [ link 59 3 8 2 ] | [ link 70 3 6 2 ] \" | \" [ icon 100 3 2 2 ] | [ icon 105 3 2 2 ] | [ icon 109 3 2 2 ] \"", "plain_layout_seq": "icon 100 3 2 2 | icon 105 3 2 2 | icon 109 3 2 2 | link 43 3 4 2 | link 50 3 5 2 | link 59 3 8 2 | link 70 3 6 2 | logo 6 1 26 5", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "logo", "position": [ 55, 15, 229, 48 ], "completed": false }, { "type": "link", "position": [ 369, 30, 40, 18 ], "completed": false }, { "type": "link", "position": [ 433, 30, 50, 18 ], "completed": false }, { "type": "link", "position": [ 507, 30, 72, 18 ], "completed": false }, { "type": "link", "position": [ 603, 30, 52, 18 ], "completed": false }, { "type": "icon", "position": [ 856, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 30, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 30, 20, 20 ], "completed": false } ] }, { "text": "# A header page for a website Ab Creations. # On the top, there should be a website name with a brief introduction below. On the left, there should be a date and a time. Then, there should also be five links \"HOME\" \"ABOUT US\" \"CONTACT US\" \"DMCA\" and \"PRIVACY POLICY\" for the user to learn more info.", "region_id": "4740", "region_type": "Header", "ir": "[region:Header [el:title [attr:position 'top'] ] [el:description [attr:size 'small'] ] [el:text [attr:position 'left'] [attr:repeat '2']] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'HOME, ABOUT US, CONTACT US, DMCA, PRIVACY POLICY'] [item [el:link]]] ]", "execution": "header : description undefined small | text left undefined | text left undefined | title top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 16 | description 41 9 36 3 | text 21 6 9 2 | text 1 6 18 2 | title 47 3 24 4 | \" [ link 1 16 10 5 ] | [ link 12 16 14 5 ] | [ link 27 16 16 5 ] | [ link 44 16 10 5 ] | [ link 54 16 20 5 ] \"", "layout_seq_without_completion": "background 0 0 120 16 | description 41 9 36 3 | text 21 6 9 2 | text 1 6 18 2 | title 47 3 24 4 | \" [ link 1 16 10 5 ] | [ link 12 16 14 5 ] | [ link 27 16 16 5 ] | [ link 44 16 10 5 ] | [ link 54 16 20 5 ] \"", "plain_layout_seq": "background 0 0 120 16 | description 41 9 36 3 | link 1 16 10 5 | link 12 16 14 5 | link 27 16 16 5 | link 44 16 10 5 | link 54 16 20 5 | text 21 6 9 2 | text 1 6 18 2 | title 47 3 24 4", "canvas_width": 1024, "canvas_height": 189, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 139 ], "completed": true }, { "type": "title", "position": [ 408, 26, 209, 42 ], "completed": false }, { "type": "text", "position": [ 15, 59, 161, 19 ], "completed": false }, { "type": "text", "position": [ 181, 59, 82, 20 ], "completed": false }, { "type": "description", "position": [ 356, 84, 311, 30 ], "completed": false }, { "type": "link", "position": [ 15, 139, 91, 50 ], "completed": false }, { "type": "link", "position": [ 106, 139, 126, 50 ], "completed": false }, { "type": "link", "position": [ 232, 139, 145, 50 ], "completed": false }, { "type": "link", "position": [ 377, 139, 92, 50 ], "completed": false }, { "type": "link", "position": [ 469, 139, 173, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have a description on the top, and there is an icon for users to close the page. Also, there is a logo and four icons for users to get more information.", "region_id": "8394", "region_type": "Header", "ir": "[region:Header [el:description [attr:position 'top'] ] [el:icon [attr:value 'close ']] [el:logo] [el:icon [attr:repeat '4'] ] ]", "execution": "header : description top undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "complete background 0 4 120 13 | description 53 1 12 1 | icon 105 9 2 2 | icon 113 0 1 1 | icon 112 9 2 2 | icon 11 9 2 2 | icon 4 9 2 0 | logo 42 4 35 12 | complete text 113 8 2 2", "layout_seq_without_completion": "background 0 4 120 13 | description 53 1 12 1 | icon 105 9 2 2 | icon 113 0 1 1 | icon 112 9 2 2 | icon 11 9 2 2 | icon 4 9 2 0 | logo 42 4 35 12 | text 113 8 2 2", "plain_layout_seq": "background 0 4 120 13 | description 53 1 12 1 | icon 105 9 2 2 | icon 113 0 1 1 | icon 112 9 2 2 | icon 11 9 2 2 | icon 4 9 2 0 | logo 42 4 35 12 | text 113 8 2 2", "canvas_width": 1024, "canvas_height": 149, "elements": [ { "type": "icon", "position": [ 972, 8, 17, 17 ], "completed": false }, { "type": "description", "position": [ 460, 12, 104, 14 ], "completed": false }, { "type": "background", "position": [ 0, 38, 1024, 111 ], "completed": true }, { "type": "logo", "position": [ 362, 39, 300, 107 ], "completed": false }, { "type": "text", "position": [ 965, 76, 23, 24 ], "completed": true }, { "type": "icon", "position": [ 97, 83, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 901, 83, 21, 21 ], "completed": false }, { "type": "icon", "position": [ 956, 83, 21, 21 ], "completed": false }, { "type": "icon", "position": [ 37, 85, 24, 2 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have five links for users to click to know the different content of the web fastly and to create accounts and log in.", "region_id": "8624", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "link 111 0 8 7 | link 92 0 19 7 | \" [ link 0 0 7 7 ] | [ link 8 0 16 7 ] | [ link 26 0 12 7 ] \"", "layout_seq_without_completion": "link 111 0 8 7 | link 92 0 19 7 | \" [ link 0 0 7 7 ] | [ link 8 0 16 7 ] | [ link 26 0 12 7 ] \"", "plain_layout_seq": "link 111 0 8 7 | link 92 0 19 7 | link 0 0 7 7 | link 8 0 16 7 | link 26 0 12 7", "canvas_width": 915, "canvas_height": 57, "elements": [ { "type": "link", "position": [ 0, 0, 60, 57 ], "completed": false }, { "type": "link", "position": [ 65, 0, 129, 57 ], "completed": false }, { "type": "link", "position": [ 199, 0, 97, 57 ], "completed": false }, { "type": "link", "position": [ 703, 0, 145, 57 ], "completed": false }, { "type": "link", "position": [ 853, 0, 61, 57 ], "completed": false } ] }, { "text": "# A header page for navigation for PHOTO KING.# The page should have a logo, six links \"Create\" \"Templates\" \"Features\" \"Learn\" \"Pricing\", and \"Log in\" for the user to click for more info. There should also be a button \"Sign Up Free\" for the user to sign up.", "region_id": "2601", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [gattr:names 'create, templates, features, learn, pricing, log in'] [item [el:link] ] ] [el:button [attr:value 'sign up free'] ] ]", "execution": "header : button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 99 8 11 1 | link 89 7 7 3 | logo 27 3 19 4 | \" [ link 48 3 7 3 ] | [ link 56 3 11 3 ] | [ link 67 3 9 3 ] | [ link 77 3 6 3 ] | [ link 84 3 8 3 ] \"", "layout_seq_without_completion": "button 99 8 11 1 | link 89 7 7 3 | logo 27 3 19 4 | \" [ link 48 3 7 3 ] | [ link 56 3 11 3 ] | [ link 67 3 9 3 ] | [ link 77 3 6 3 ] | [ link 84 3 8 3 ] \"", "plain_layout_seq": "button 99 8 11 1 | link 89 7 7 3 | link 48 3 7 3 | link 56 3 11 3 | link 67 3 9 3 | link 77 3 6 3 | link 84 3 8 3 | logo 27 3 19 4", "canvas_width": 1024, "canvas_height": 129, "elements": [ { "type": "logo", "position": [ 235, 27, 170, 37 ], "completed": false }, { "type": "link", "position": [ 415, 33, 66, 32 ], "completed": false }, { "type": "link", "position": [ 481, 33, 95, 32 ], "completed": false }, { "type": "link", "position": [ 576, 33, 83, 32 ], "completed": false }, { "type": "link", "position": [ 659, 33, 59, 32 ], "completed": false }, { "type": "link", "position": [ 718, 33, 70, 32 ], "completed": false }, { "type": "link", "position": [ 764, 67, 64, 32 ], "completed": false }, { "type": "button", "position": [ 850, 76, 95, 14 ], "completed": false } ] }, { "text": "#A header page for showing the info.# There are two icons, one title \"BLACK CAT LINGERIE\", and nine links for more info.", "region_id": "6543", "region_type": "Header", "ir": "[region:Header [el:icon [attr:repeat '2'] ] [el:title [attr:value 'black cat lingerie'] ] [gp:FlatNavGroup [gattr:repeat '9'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 7 6 2 3 | icon 112 6 2 3 | complete input 6 5 6 4 | title 45 6 28 2 | \" [ link 4 13 7 3 ] | [ link 12 13 9 3 ] | [ link 22 13 11 3 ] | [ link 34 13 20 3 ] | [ link 56 13 11 3 ] | [ link 68 13 11 3 ] | [ link 80 13 16 3 ] | [ link 97 13 17 3 ] | [ link 55 16 9 3 ] \"", "layout_seq_without_completion": "icon 7 6 2 3 | icon 112 6 2 3 | input 6 5 6 4 | title 45 6 28 2 | \" [ link 4 13 7 3 ] | [ link 12 13 9 3 ] | [ link 22 13 11 3 ] | [ link 34 13 20 3 ] | [ link 56 13 11 3 ] | [ link 68 13 11 3 ] | [ link 80 13 16 3 ] | [ link 97 13 17 3 ] | [ link 55 16 9 3 ] \"", "plain_layout_seq": "icon 7 6 2 3 | icon 112 6 2 3 | input 6 5 6 4 | link 4 13 7 3 | link 12 13 9 3 | link 22 13 11 3 | link 34 13 20 3 | link 56 13 11 3 | link 68 13 11 3 | link 80 13 16 3 | link 97 13 17 3 | link 55 16 9 3 | title 45 6 28 2", "canvas_width": 1024, "canvas_height": 218, "elements": [ { "type": "input", "position": [ 55, 50, 55, 41 ], "completed": true }, { "type": "icon", "position": [ 60, 56, 20, 30 ], "completed": false }, { "type": "icon", "position": [ 956, 56, 20, 30 ], "completed": false }, { "type": "title", "position": [ 389, 59, 245, 24 ], "completed": false }, { "type": "link", "position": [ 37, 116, 66, 27 ], "completed": false }, { "type": "link", "position": [ 108, 116, 82, 27 ], "completed": false }, { "type": "link", "position": [ 195, 116, 95, 27 ], "completed": false }, { "type": "link", "position": [ 295, 116, 178, 27 ], "completed": false }, { "type": "link", "position": [ 478, 116, 100, 27 ], "completed": false }, { "type": "link", "position": [ 583, 116, 98, 27 ], "completed": false }, { "type": "link", "position": [ 686, 116, 144, 27 ], "completed": false }, { "type": "link", "position": [ 835, 116, 152, 27 ], "completed": false }, { "type": "link", "position": [ 473, 143, 78, 27 ], "completed": false } ] }, { "text": "# A header page for an online shop named Copper + Pink. # There should have a logo, a text \"menu\", and three icons for the user to log in, search the products, and check the shopping cart.", "region_id": "8561", "region_type": "Header", "ir": "[region:Header [el:logo] [el:text [attr:value 'menu']] [el:icon [attr:value 'login']] [el:icon [attr:value 'search']] [el:icon [attr:value 'shopping cart']]]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | text undefined undefined", "layout_seq_with_completion": "complete background 0 0 120 12 | logo 0 1 22 9 | text 56 14 6 2 | \" [ icon 106 1 4 4 ] | [ icon 115 1 4 4 ] | [ icon 115 7 4 4 ] \"", "layout_seq_without_completion": "background 0 0 120 12 | logo 0 1 22 9 | text 56 14 6 2 | \" [ icon 106 1 4 4 ] | [ icon 115 1 4 4 ] | [ icon 115 7 4 4 ] \"", "plain_layout_seq": "background 0 0 120 12 | icon 106 1 4 4 | icon 115 1 4 4 | icon 115 7 4 4 | logo 0 1 22 9 | text 56 14 6 2", "canvas_width": 959, "canvas_height": 148, "elements": [ { "type": "background", "position": [ 0, 1, 959, 102 ], "completed": true }, { "type": "icon", "position": [ 851, 12, 32, 32 ], "completed": false }, { "type": "icon", "position": [ 927, 12, 32, 32 ], "completed": false }, { "type": "logo", "position": [ 0, 13, 180, 78 ], "completed": false }, { "type": "icon", "position": [ 927, 63, 32, 32 ], "completed": false }, { "type": "text", "position": [ 455, 113, 49, 20 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a description, a logo of the brand, five links for users to click to get further information, and three icons for realizing different functions.", "region_id": "7270", "region_type": "Header", "ir": "[region:Header [el:description] [el:logo] [gp:FlatNavGroup [gattr:repeat '5'] [item [el:link]]] [el:icon [attr:repeat '3'] ] ]", "execution": "header : description undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "description 0 0 119 5 | logo 6 9 16 10 | \" [ link 50 9 10 2 ] | [ link 64 9 5 2 ] | [ link 44 13 30 2 ] | [ link 38 16 23 2 ] | [ link 65 16 15 2 ] \" | \" [ icon 100 13 2 2 ] | [ icon 105 13 2 2 ] | [ icon 109 13 2 2 ] \"", "layout_seq_without_completion": "description 0 0 119 5 | logo 6 9 16 10 | \" [ link 50 9 10 2 ] | [ link 64 9 5 2 ] | [ link 44 13 30 2 ] | [ link 38 16 23 2 ] | [ link 65 16 15 2 ] \" | \" [ icon 100 13 2 2 ] | [ icon 105 13 2 2 ] | [ icon 109 13 2 2 ] \"", "plain_layout_seq": "description 0 0 119 5 | icon 100 13 2 2 | icon 105 13 2 2 | icon 109 13 2 2 | link 50 9 10 2 | link 64 9 5 2 | link 44 13 30 2 | link 38 16 23 2 | link 65 16 15 2 | logo 6 9 16 10", "canvas_width": 1024, "canvas_height": 197, "elements": [ { "type": "description", "position": [ 2, 2, 1020, 46 ], "completed": false }, { "type": "logo", "position": [ 55, 79, 145, 89 ], "completed": false }, { "type": "link", "position": [ 431, 81, 91, 21 ], "completed": false }, { "type": "link", "position": [ 547, 81, 46, 21 ], "completed": false }, { "type": "link", "position": [ 381, 112, 262, 21 ], "completed": false }, { "type": "icon", "position": [ 856, 114, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 896, 114, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 938, 114, 20, 20 ], "completed": false }, { "type": "link", "position": [ 331, 144, 202, 21 ], "completed": false }, { "type": "link", "position": [ 558, 144, 135, 21 ], "completed": false } ] }, { "text": "#A page for showing the info of TradeStation.# There is one logo, two links \"Call me\", and \"Contact us\". Users can click the button to log in or click another button to open an account.", "region_id": "6159", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'call me,Contact us'] [item [el:link]]] [el:button [attr:value 'log in'] ] [el:button [attr:value 'open account'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 84 1 8 3 | button 94 1 13 3 | link 59 1 9 3 | link 70 1 11 3 | logo 12 1 23 3", "layout_seq_without_completion": "button 84 1 8 3 | button 94 1 13 3 | link 59 1 9 3 | link 70 1 11 3 | logo 12 1 23 3", "plain_layout_seq": "button 84 1 8 3 | button 94 1 13 3 | link 59 1 9 3 | link 70 1 11 3 | logo 12 1 23 3", "canvas_width": 1024, "canvas_height": 51, "elements": [ { "type": "logo", "position": [ 105, 9, 204, 31 ], "completed": false }, { "type": "link", "position": [ 510, 9, 81, 31 ], "completed": false }, { "type": "button", "position": [ 717, 9, 73, 32 ], "completed": false }, { "type": "button", "position": [ 804, 9, 118, 32 ], "completed": false }, { "type": "link", "position": [ 605, 10, 98, 30 ], "completed": false } ] }, { "text": "#A page for users to subscribe to news.#The page should have one link title on the top. Under it , there should be one input for filling out an E-mail address and a subscribe button.", "region_id": "8404", "region_type": "Header", "ir": "[region:Header [el:link [attr:position 'top'] ] [el:input [attr:value 'Email address '] ] [el:button [attr:value 'subscribe']] ]", "execution": "header : button undefined undefined | input undefined undefined | link top undefined", "layout_seq_with_completion": "button 101 7 9 1 | input 61 6 37 5 | link 61 0 51 2", "layout_seq_without_completion": "button 101 7 9 1 | input 61 6 37 5 | link 61 0 51 2", "plain_layout_seq": "button 101 7 9 1 | input 61 6 37 5 | link 61 0 51 2", "canvas_width": 1024, "canvas_height": 143, "elements": [ { "type": "link", "position": [ 527, 0, 442, 22 ], "completed": false }, { "type": "input", "position": [ 527, 52, 324, 46 ], "completed": false }, { "type": "button", "position": [ 870, 67, 80, 15 ], "completed": false } ] }, { "text": "# A header page for Nanako. # On the left, there should have a logo, and two links \"Home\" and \"Our Products\" for the user click to back to the homepage, and view the products. Then there should a small icon for the user to search for things their look for.", "region_id": "8057", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left'] ] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'home,our products'] [item [el:link]] ][el:icon [attr:value 'search'] [attr:size 'small'] ] ]", "execution": "header : icon undefined small | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 110 3 2 2 | link 24 3 4 2 | link 31 3 10 2 | logo 5 3 14 2", "layout_seq_without_completion": "icon 110 3 2 2 | link 24 3 4 2 | link 31 3 10 2 | logo 5 3 14 2", "plain_layout_seq": "icon 110 3 2 2 | link 24 3 4 2 | link 31 3 10 2 | logo 5 3 14 2", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "logo", "position": [ 50, 30, 120, 25 ], "completed": false }, { "type": "icon", "position": [ 942, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 210, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 272, 33, 86, 18 ], "completed": false } ] }, { "text": "#A navigation page of Webs.# The page should include the logo of Webs, six links, a button for users to change the language, and a button for users to sign in.", "region_id": "2508", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:button [attr:value 'change the language']] [el:button [attr:value 'sign in'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 95 2 8 4 | button 104 2 11 4 | logo 3 2 9 3 | \" [ link 39 3 11 1 ] | [ link 52 3 6 1 ] | [ link 61 3 6 1 ] | [ link 69 3 7 1 ] | [ link 78 3 8 1 ] | [ link 89 3 3 1 ] \"", "layout_seq_without_completion": "button 95 2 8 4 | button 104 2 11 4 | logo 3 2 9 3 | \" [ link 39 3 11 1 ] | [ link 52 3 6 1 ] | [ link 61 3 6 1 ] | [ link 69 3 7 1 ] | [ link 78 3 8 1 ] | [ link 89 3 3 1 ] \"", "plain_layout_seq": "button 95 2 8 4 | button 104 2 11 4 | link 39 3 11 1 | link 52 3 6 1 | link 61 3 6 1 | link 69 3 7 1 | link 78 3 8 1 | link 89 3 3 1 | logo 3 2 9 3", "canvas_width": 1024, "canvas_height": 80, "elements": [ { "type": "button", "position": [ 811, 21, 69, 38 ], "completed": false }, { "type": "button", "position": [ 893, 21, 98, 37 ], "completed": false }, { "type": "logo", "position": [ 32, 22, 82, 28 ], "completed": false }, { "type": "link", "position": [ 334, 34, 98, 10 ], "completed": false }, { "type": "link", "position": [ 450, 34, 53, 10 ], "completed": false }, { "type": "link", "position": [ 521, 34, 53, 10 ], "completed": false }, { "type": "link", "position": [ 592, 34, 63, 10 ], "completed": false }, { "type": "link", "position": [ 673, 34, 70, 10 ], "completed": false }, { "type": "link", "position": [ 761, 34, 34, 10 ], "completed": false } ] }, { "text": "#A page for guiding users to learn about a brand.# The page contains a brand logo, a description, six links for users to click to get further information, and one button named \"Registration\" for users to click to register.", "region_id": "2505", "region_type": "Header", "ir": "[region:Header [el:logo] [el:description] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link]]] [el:button [attr:value 'Registration'] ] ]", "execution": "header : button undefined undefined | description undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 97 1 14 4 | logo 8 2 18 4 | \" [ complete text 7 0 0 8 ] | [ complete text 59 0 0 8 ] | [ complete text 111 0 0 8 ] \" | \" [ link 43 1 11 6 ] | [ link 55 1 14 6 ] | [ link 70 1 8 6 ] | [ link 79 1 5 6 ] | [ link 84 1 6 6 ] | [ link 90 1 4 6 ] \"", "layout_seq_without_completion": "button 97 1 14 4 | logo 8 2 18 4 | \" [ text 7 0 0 8 ] | [ text 59 0 0 8 ] | [ text 111 0 0 8 ] \" | \" [ link 43 1 11 6 ] | [ link 55 1 14 6 ] | [ link 70 1 8 6 ] | [ link 79 1 5 6 ] | [ link 84 1 6 6 ] | [ link 90 1 4 6 ] \"", "plain_layout_seq": "button 97 1 14 4 | link 43 1 11 6 | link 55 1 14 6 | link 70 1 8 6 | link 79 1 5 6 | link 84 1 6 6 | link 90 1 4 6 | logo 8 2 18 4 | text 7 0 0 8 | text 59 0 0 8 | text 111 0 0 8", "canvas_width": 1133, "canvas_height": 78, "elements": [ { "type": "text", "position": [ 74, 0, 2, 78 ], "completed": true }, { "type": "text", "position": [ 566, 0, 2, 78 ], "completed": true }, { "type": "text", "position": [ 1057, 0, 2, 78 ], "completed": true }, { "type": "link", "position": [ 414, 10, 113, 58 ], "completed": false }, { "type": "link", "position": [ 526, 10, 139, 58 ], "completed": false }, { "type": "link", "position": [ 666, 10, 80, 58 ], "completed": false }, { "type": "link", "position": [ 746, 10, 52, 58 ], "completed": false }, { "type": "link", "position": [ 798, 10, 59, 58 ], "completed": false }, { "type": "link", "position": [ 856, 10, 39, 58 ], "completed": false }, { "type": "button", "position": [ 918, 18, 139, 42 ], "completed": false }, { "type": "logo", "position": [ 76, 19, 178, 40 ], "completed": false } ] }, { "text": "#A header page of Shopkutique for users to buy products.# The page should include propaganda text and the logo of Shopkutique. There should also be two links, \"Log in\" and \"Create account\", and the word \"or\" between them. The page also contains a link for users to check their carts, an input with an icon for users to search on the page, and 12 links for users to see different products.", "region_id": "8603", "region_type": "Header", "ir": "[region:Header [el:text] [el:logo] [el:link [attr:value 'log in'] ] [el:link [attr:value 'create account'] ] [el:text[attr:value'or']] [el:link [attr:value 'cart'] ] [el:input[attr:value'search']] [el:icon] [gp:FlatNavGroup [gattr:repeat '12'] [item [el:link] ] ] ]", "execution": "header : icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | text undefined undefined | text undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 97 1 3 3 | input 97 1 18 3 | link 70 2 3 1 | link 92 2 2 2 | link 77 2 8 1 | logo 3 15 21 4 | text 75 2 1 2 | text 3 0 37 5 | \" [ link 54 11 7 4 ] | [ link 62 11 17 4 ] | [ link 81 11 15 4 ] | [ link 97 11 8 4 ] | [ link 107 11 9 4 ] | [ link 64 15 13 4 ] | [ link 78 15 12 4 ] | [ link 91 15 24 4 ] | [ link 48 20 24 4 ] | [ link 73 20 11 4 ] | [ link 85 20 17 4 ] | [ link 103 20 12 4 ] \"", "layout_seq_without_completion": "icon 97 1 3 3 | input 97 1 18 3 | link 70 2 3 1 | link 92 2 2 2 | link 77 2 8 1 | logo 3 15 21 4 | text 75 2 1 2 | text 3 0 37 5 | \" [ link 54 11 7 4 ] | [ link 62 11 17 4 ] | [ link 81 11 15 4 ] | [ link 97 11 8 4 ] | [ link 107 11 9 4 ] | [ link 64 15 13 4 ] | [ link 78 15 12 4 ] | [ link 91 15 24 4 ] | [ link 48 20 24 4 ] | [ link 73 20 11 4 ] | [ link 85 20 17 4 ] | [ link 103 20 12 4 ] \"", "plain_layout_seq": "icon 97 1 3 3 | input 97 1 18 3 | link 70 2 3 1 | link 92 2 2 2 | link 77 2 8 1 | link 54 11 7 4 | link 62 11 17 4 | link 81 11 15 4 | link 97 11 8 4 | link 107 11 9 4 | link 64 15 13 4 | link 78 15 12 4 | link 91 15 24 4 | link 48 20 24 4 | link 73 20 11 4 | link 85 20 17 4 | link 103 20 12 4 | logo 3 15 21 4 | text 75 2 1 2 | text 3 0 37 5", "canvas_width": 1024, "canvas_height": 278, "elements": [ { "type": "text", "position": [ 30, 8, 321, 48 ], "completed": false }, { "type": "icon", "position": [ 834, 16, 32, 33 ], "completed": false }, { "type": "input", "position": [ 834, 16, 160, 32 ], "completed": false }, { "type": "text", "position": [ 643, 20, 10, 24 ], "completed": false }, { "type": "link", "position": [ 790, 20, 21, 24 ], "completed": false }, { "type": "link", "position": [ 604, 24, 30, 15 ], "completed": false }, { "type": "link", "position": [ 662, 24, 75, 15 ], "completed": false }, { "type": "link", "position": [ 464, 94, 65, 41 ], "completed": false }, { "type": "link", "position": [ 535, 94, 153, 41 ], "completed": false }, { "type": "link", "position": [ 693, 94, 136, 41 ], "completed": false }, { "type": "link", "position": [ 835, 94, 76, 41 ], "completed": false }, { "type": "link", "position": [ 917, 94, 77, 41 ], "completed": false }, { "type": "logo", "position": [ 30, 135, 182, 40 ], "completed": false }, { "type": "link", "position": [ 551, 135, 111, 41 ], "completed": false }, { "type": "link", "position": [ 668, 135, 109, 41 ], "completed": false }, { "type": "link", "position": [ 783, 135, 211, 41 ], "completed": false }, { "type": "link", "position": [ 417, 176, 206, 41 ], "completed": false }, { "type": "link", "position": [ 629, 176, 99, 41 ], "completed": false }, { "type": "link", "position": [ 733, 176, 147, 41 ], "completed": false }, { "type": "link", "position": [ 885, 176, 109, 41 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should have a logo of the web, and two icons for users to click to check the menu and shop.", "region_id": "6674", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:value 'menu'] ] [el:icon [attr:value 'shop'] ] ]", "execution": "header : icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 4 4 3 2 | icon 112 4 3 2 | logo 53 1 13 8", "layout_seq_without_completion": "icon 4 4 3 2 | icon 112 4 3 2 | logo 53 1 13 8", "plain_layout_seq": "icon 4 4 3 2 | icon 112 4 3 2 | logo 53 1 13 8", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "logo", "position": [ 446, 15, 117, 70 ], "completed": false }, { "type": "icon", "position": [ 38, 39, 26, 22 ], "completed": false }, { "type": "icon", "position": [ 946, 39, 26, 22 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has ten links for users to click to get further information.", "region_id": "5150", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '10'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 18 0 8 5 ] | [ link 26 0 6 5 ] | [ link 33 0 8 5 ] | [ link 41 0 11 5 ] | [ link 53 0 7 5 ] | [ link 60 0 7 5 ] | [ link 68 0 10 5 ] | [ link 79 0 6 5 ] | [ link 86 0 8 5 ] | [ link 94 0 7 5 ] \"", "layout_seq_without_completion": "\" [ link 18 0 8 5 ] | [ link 26 0 6 5 ] | [ link 33 0 8 5 ] | [ link 41 0 11 5 ] | [ link 53 0 7 5 ] | [ link 60 0 7 5 ] | [ link 68 0 10 5 ] | [ link 79 0 6 5 ] | [ link 86 0 8 5 ] | [ link 94 0 7 5 ] \"", "plain_layout_seq": "link 18 0 8 5 | link 26 0 6 5 | link 33 0 8 5 | link 41 0 11 5 | link 53 0 7 5 | link 60 0 7 5 | link 68 0 10 5 | link 79 0 6 5 | link 86 0 8 5 | link 94 0 7 5", "canvas_width": 1009, "canvas_height": 44, "elements": [ { "type": "link", "position": [ 154, 0, 72, 44 ], "completed": false }, { "type": "link", "position": [ 226, 0, 55, 44 ], "completed": false }, { "type": "link", "position": [ 282, 0, 71, 44 ], "completed": false }, { "type": "link", "position": [ 352, 0, 95, 44 ], "completed": false }, { "type": "link", "position": [ 448, 0, 65, 44 ], "completed": false }, { "type": "link", "position": [ 512, 0, 61, 44 ], "completed": false }, { "type": "link", "position": [ 574, 0, 92, 44 ], "completed": false }, { "type": "link", "position": [ 666, 0, 58, 44 ], "completed": false }, { "type": "link", "position": [ 724, 0, 72, 44 ], "completed": false }, { "type": "link", "position": [ 796, 0, 59, 44 ], "completed": false } ] }, { "text": "#A header page of JUMIA for users to log in and get more information.# The page contains the logo of JUMIA, an input with an icon for users to search products, brands and categories, and a button \"SEARCH\" for users to click. There are three titles with icons for users to click, including \"Account\", \"Help\", and \"Cart\". Besides the titles \"Account\" and \"Help\", there is an arrow icon for users to unfold the list.", "region_id": "4880", "region_type": "Header", "ir": "[region:Header [el:logo [attr:value 'JUMIA'] ] [el:input [attr:value 'search products, brands and categories'] ] [el:icon] [el:button [attr:value 'search'] ] [gp:FlatNavGroup [gattr:repeat '2'] [gattr:names 'Account, Help'] [item [el:title] [el:icon [attr:repeat '2'] ] ] ] [el:title [attr:value 'Cart'] ] [el:icon] ]", "execution": "header : button undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | logo undefined undefined | title undefined undefined | { [ icon undefined undefined | icon undefined undefined | title undefined undefined ] | [ icon undefined undefined | icon undefined undefined | title undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | button 67 2 10 4 | icon 27 3 2 2 | icon 94 2 2 2 | icon 103 3 2 2 | icon 79 2 2 2 | icon 107 3 2 2 | icon 90 3 2 2 | complete image 26 2 40 4 | input 30 2 34 4 | logo 5 2 15 3 | title 111 3 3 2 | title 82 3 7 2 | title 98 3 3 2", "layout_seq_without_completion": "background 0 0 120 8 | button 67 2 10 4 | icon 27 3 2 2 | icon 94 2 2 2 | icon 103 3 2 2 | icon 79 2 2 2 | icon 107 3 2 2 | icon 90 3 2 2 | image 26 2 40 4 | input 30 2 34 4 | logo 5 2 15 3 | title 111 3 3 2 | title 82 3 7 2 | title 98 3 3 2", "plain_layout_seq": "background 0 0 120 8 | button 67 2 10 4 | icon 27 3 2 2 | icon 94 2 2 2 | icon 103 3 2 2 | icon 79 2 2 2 | icon 107 3 2 2 | icon 90 3 2 2 | image 26 2 40 4 | input 30 2 34 4 | logo 5 2 15 3 | title 111 3 3 2 | title 82 3 7 2 | title 98 3 3 2", "canvas_width": 1024, "canvas_height": 76, "elements": [ { "type": "background", "position": [ 0, 2, 1024, 72 ], "completed": true }, { "type": "image", "position": [ 223, 18, 343, 40 ], "completed": true }, { "type": "button", "position": [ 574, 18, 86, 40 ], "completed": false }, { "type": "input", "position": [ 264, 19, 293, 38 ], "completed": false }, { "type": "logo", "position": [ 45, 23, 134, 30 ], "completed": false }, { "type": "icon", "position": [ 676, 24, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 810, 24, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 232, 26, 24, 24 ], "completed": false }, { "type": "icon", "position": [ 917, 26, 24, 24 ], "completed": false }, { "type": "title", "position": [ 708, 28, 60, 19 ], "completed": false }, { "type": "title", "position": [ 842, 28, 33, 19 ], "completed": false }, { "type": "title", "position": [ 949, 28, 30, 19 ], "completed": false }, { "type": "icon", "position": [ 776, 29, 18, 18 ], "completed": false }, { "type": "icon", "position": [ 883, 29, 18, 18 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#The page should have one logo on the top. Under it, one button to return to the home screen, and six links for users to click to know more content on the web fastly. Also, there should be one input and one search button to quickly search for what you're looking for.", "region_id": "5505", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'top'] ] [el:button [attr:value 'home']] [gp:FlatNavGroup [gattr:repeat '6'] [item [el:link] ] ] [el:input [attr:value 'search for']] [el:button [attr:value 'search'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | input undefined undefined | logo top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 4 9 11 6 | button 92 18 22 5 | complete image 0 9 120 6 | input 4 18 87 5 | link 63 9 21 6 | link 28 9 13 6 | link 102 9 12 6 | link 16 9 12 6 | link 42 9 20 6 | link 84 9 17 6 | logo 4 2 27 4", "layout_seq_without_completion": "button 4 9 11 6 | button 92 18 22 5 | image 0 9 120 6 | input 4 18 87 5 | link 63 9 21 6 | link 28 9 13 6 | link 102 9 12 6 | link 16 9 12 6 | link 42 9 20 6 | link 84 9 17 6 | logo 4 2 27 4", "plain_layout_seq": "button 4 9 11 6 | button 92 18 22 5 | image 0 9 120 6 | input 4 18 87 5 | link 63 9 21 6 | link 28 9 13 6 | link 102 9 12 6 | link 16 9 12 6 | link 42 9 20 6 | link 84 9 17 6 | logo 4 2 27 4", "canvas_width": 1024, "canvas_height": 206, "elements": [ { "type": "logo", "position": [ 42, 20, 238, 40 ], "completed": false }, { "type": "image", "position": [ 0, 80, 1024, 52 ], "completed": true }, { "type": "button", "position": [ 42, 80, 98, 52 ], "completed": false }, { "type": "link", "position": [ 140, 80, 106, 52 ], "completed": false }, { "type": "link", "position": [ 247, 80, 116, 52 ], "completed": false }, { "type": "link", "position": [ 363, 80, 178, 52 ], "completed": false }, { "type": "link", "position": [ 541, 80, 181, 52 ], "completed": false }, { "type": "link", "position": [ 721, 80, 151, 52 ], "completed": false }, { "type": "link", "position": [ 873, 80, 109, 52 ], "completed": false }, { "type": "input", "position": [ 42, 156, 750, 50 ], "completed": false }, { "type": "button", "position": [ 792, 156, 190, 50 ], "completed": false } ] }, { "text": "#A page for navigation of the BACAMANGA.#The page should have a logo, and there be an input box and a link for users to search for information. On the rightmost side of the page, there are three links, \"BacaManga\", \"Genres\", and \"Komik Hot\". There is an icon beside them.", "region_id": "2994", "region_type": "Header", "ir": "[region:Header [el:logo] [el:input] [el:link [attr:value 'search']] [gp:FlatNavGroup [gattr:names 'BacaManga,Genres,Komik Hot'] [gattr:repeat '3'] [item [el:link [attr:position 'right']] ] ] [el:icon] ]", "execution": "header : icon undefined undefined | input undefined undefined | link undefined undefined | logo undefined undefined | { [ link right undefined ] | [ link right undefined ] | [ link right undefined ] }", "layout_seq_with_completion": "icon 111 2 5 2 | input 29 1 41 3 | link 67 2 3 1 | logo 2 0 22 4 | \" [ link 81 2 11 3 ] | [ link 92 2 7 3 ] | [ link 99 2 9 3 ] \"", "layout_seq_without_completion": "icon 111 2 5 2 | input 29 1 41 3 | link 67 2 3 1 | logo 2 0 22 4 | \" [ link 81 2 11 3 ] | [ link 92 2 7 3 ] | [ link 99 2 9 3 ] \"", "plain_layout_seq": "icon 111 2 5 2 | input 29 1 41 3 | link 67 2 3 1 | link 81 2 11 3 | link 92 2 7 3 | link 99 2 9 3 | logo 2 0 22 4", "canvas_width": 1024, "canvas_height": 60, "elements": [ { "type": "logo", "position": [ 20, 5, 195, 42 ], "completed": false }, { "type": "input", "position": [ 255, 13, 350, 34 ], "completed": false }, { "type": "link", "position": [ 694, 18, 94, 31 ], "completed": false }, { "type": "link", "position": [ 788, 18, 65, 31 ], "completed": false }, { "type": "link", "position": [ 853, 18, 81, 31 ], "completed": false }, { "type": "icon", "position": [ 949, 18, 45, 25 ], "completed": false }, { "type": "link", "position": [ 573, 21, 30, 16 ], "completed": false } ] }, { "text": "#A page for navigation of the web.#In the middle of the page, there is a logo to present the brand. There are four icons for users to get more information.", "region_id": "7631", "region_type": "Header", "ir": "[region:Header [el:logo] [el:icon [attr:repeat '4']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | logo undefined undefined", "layout_seq_with_completion": "icon 9 4 3 3 | icon 107 4 3 3 | icon 112 4 3 3 | icon 4 4 3 3 | logo 56 2 7 7", "layout_seq_without_completion": "icon 9 4 3 3 | icon 107 4 3 3 | icon 112 4 3 3 | icon 4 4 3 3 | logo 56 2 7 7", "plain_layout_seq": "icon 9 4 3 3 | icon 107 4 3 3 | icon 112 4 3 3 | icon 4 4 3 3 | logo 56 2 7 7", "canvas_width": 1009, "canvas_height": 100, "elements": [ { "type": "logo", "position": [ 474, 20, 60, 60 ], "completed": false }, { "type": "icon", "position": [ 38, 36, 26, 27 ], "completed": false }, { "type": "icon", "position": [ 79, 36, 26, 27 ], "completed": false }, { "type": "icon", "position": [ 905, 36, 26, 27 ], "completed": false }, { "type": "icon", "position": [ 946, 36, 26, 27 ], "completed": false } ] }, { "text": "#A page for the navigation bar of the traveling website.#The page should have one logo, one background picture, and five links to five continents for users to click to know more information fastly, such as Asia, Africa, and so on", "region_id": "3207", "region_type": "Header", "ir": "[region:Header [el:logo] [el:background_image] [gp:FlatNavGroup [gattr:repeat '5'] [gattr:names 'asia, africa'] [item [el:link] ] ] ]", "execution": "header : background undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "background 0 0 120 45 | logo 9 1 28 8 | \" [ link 56 1 13 5 ] | [ link 74 1 6 5 ] | [ link 84 1 13 5 ] | [ link 101 1 3 5 ] | [ link 109 1 5 5 ] \"", "layout_seq_without_completion": "background 0 0 120 45 | logo 9 1 28 8 | \" [ link 56 1 13 5 ] | [ link 74 1 6 5 ] | [ link 84 1 13 5 ] | [ link 101 1 3 5 ] | [ link 109 1 5 5 ] \"", "plain_layout_seq": "background 0 0 120 45 | link 56 1 13 5 | link 74 1 6 5 | link 84 1 13 5 | link 101 1 3 5 | link 109 1 5 5 | logo 9 1 28 8", "canvas_width": 1024, "canvas_height": 390, "elements": [ { "type": "background", "position": [ 0, 0, 1024, 389 ], "completed": false }, { "type": "logo", "position": [ 81, 12, 242, 70 ], "completed": false }, { "type": "link", "position": [ 485, 12, 112, 48 ], "completed": false }, { "type": "link", "position": [ 632, 12, 53, 48 ], "completed": false }, { "type": "link", "position": [ 720, 12, 111, 48 ], "completed": false }, { "type": "link", "position": [ 866, 12, 32, 48 ], "completed": false }, { "type": "link", "position": [ 933, 12, 49, 48 ], "completed": false } ] }, { "text": "#This hider page shows the user the movie hub. #There is a \"Movies hub\" logo on the left side of this page, and then there are eight groups of links in the middle, and there is a search box on the right side with a magnifying glass icon.", "region_id": "3279", "region_type": "Header", "ir": "[region:Header [el:logo [attr:position 'left']] [gp:FlatNavGroup [gattr:repeat '8'] [item [el:link ] ] ] [el:input [attr:position 'right'] [attr:value 'search'] ] [el:icon [attr:position 'right'] ] ]", "execution": "header : icon right undefined | input right undefined | logo left undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "complete background 0 0 120 8 | icon 114 5 1 0 | input 99 2 16 4 | logo 4 1 18 4 | \" [ link 25 0 3 8 ] | [ link 30 0 3 8 ] | [ link 35 0 5 8 ] | [ link 43 0 3 8 ] | [ link 47 0 4 8 ] | [ link 53 0 6 8 ] | [ link 60 0 6 8 ] | [ link 68 0 8 8 ] \"", "layout_seq_without_completion": "background 0 0 120 8 | icon 114 5 1 0 | input 99 2 16 4 | logo 4 1 18 4 | \" [ link 25 0 3 8 ] | [ link 30 0 3 8 ] | [ link 35 0 5 8 ] | [ link 43 0 3 8 ] | [ link 47 0 4 8 ] | [ link 53 0 6 8 ] | [ link 60 0 6 8 ] | [ link 68 0 8 8 ] \"", "plain_layout_seq": "background 0 0 120 8 | icon 114 5 1 0 | input 99 2 16 4 | link 25 0 3 8 | link 30 0 3 8 | link 35 0 5 8 | link 43 0 3 8 | link 47 0 4 8 | link 53 0 6 8 | link 60 0 6 8 | link 68 0 8 8 | logo 4 1 18 4", "canvas_width": 1009, "canvas_height": 70, "elements": [ { "type": "background", "position": [ 0, 0, 1009, 70 ], "completed": true }, { "type": "link", "position": [ 218, 0, 31, 70 ], "completed": false }, { "type": "link", "position": [ 258, 0, 33, 70 ], "completed": false }, { "type": "link", "position": [ 302, 0, 50, 70 ], "completed": false }, { "type": "link", "position": [ 362, 0, 27, 70 ], "completed": false }, { "type": "link", "position": [ 398, 0, 40, 70 ], "completed": false }, { "type": "link", "position": [ 448, 0, 52, 70 ], "completed": false }, { "type": "link", "position": [ 510, 0, 51, 70 ], "completed": false }, { "type": "link", "position": [ 572, 0, 72, 70 ], "completed": false }, { "type": "logo", "position": [ 34, 14, 153, 40 ], "completed": false }, { "type": "input", "position": [ 834, 17, 135, 34 ], "completed": false }, { "type": "icon", "position": [ 962, 49, 12, 2 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page has 25 links for users to click to get further information.", "region_id": "3194", "region_type": "Header", "ir": "[region:Header [gp:FlatNavGroup [gattr:repeat '25'] [item [el:link] ] ] ]", "execution": "header : { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "\" [ link 1 1 14 4 ] | [ link 17 1 9 4 ] | [ link 29 1 5 4 ] | [ link 37 1 10 4 ] | [ link 50 1 6 4 ] | [ link 59 1 6 4 ] | [ link 68 1 18 4 ] | [ link 89 1 8 4 ] | [ link 99 1 8 4 ] | [ link 1 5 11 4 ] | [ link 15 5 5 4 ] | [ link 22 5 14 4 ] | [ link 39 5 11 4 ] | [ link 53 5 12 4 ] | [ link 68 5 14 4 ] | [ link 84 5 13 4 ] | [ link 100 5 7 4 ] | [ link 1 10 11 4 ] | [ link 15 10 11 4 ] | [ link 28 10 12 4 ] | [ link 43 10 16 4 ] | [ link 62 10 7 4 ] | [ link 72 10 12 4 ] | [ link 88 10 16 4 ] | [ link 107 10 4 4 ] \"", "layout_seq_without_completion": "\" [ link 1 1 14 4 ] | [ link 17 1 9 4 ] | [ link 29 1 5 4 ] | [ link 37 1 10 4 ] | [ link 50 1 6 4 ] | [ link 59 1 6 4 ] | [ link 68 1 18 4 ] | [ link 89 1 8 4 ] | [ link 99 1 8 4 ] | [ link 1 5 11 4 ] | [ link 15 5 5 4 ] | [ link 22 5 14 4 ] | [ link 39 5 11 4 ] | [ link 53 5 12 4 ] | [ link 68 5 14 4 ] | [ link 84 5 13 4 ] | [ link 100 5 7 4 ] | [ link 1 10 11 4 ] | [ link 15 10 11 4 ] | [ link 28 10 12 4 ] | [ link 43 10 16 4 ] | [ link 62 10 7 4 ] | [ link 72 10 12 4 ] | [ link 88 10 16 4 ] | [ link 107 10 4 4 ] \"", "plain_layout_seq": "link 1 1 14 4 | link 17 1 9 4 | link 29 1 5 4 | link 37 1 10 4 | link 50 1 6 4 | link 59 1 6 4 | link 68 1 18 4 | link 89 1 8 4 | link 99 1 8 4 | link 1 5 11 4 | link 15 5 5 4 | link 22 5 14 4 | link 39 5 11 4 | link 53 5 12 4 | link 68 5 14 4 | link 84 5 13 4 | link 100 5 7 4 | link 1 10 11 4 | link 15 10 11 4 | link 28 10 12 4 | link 43 10 16 4 | link 62 10 7 4 | link 72 10 12 4 | link 88 10 16 4 | link 107 10 4 4", "canvas_width": 1024, "canvas_height": 140, "elements": [ { "type": "link", "position": [ 10, 10, 121, 40 ], "completed": false }, { "type": "link", "position": [ 152, 10, 81, 40 ], "completed": false }, { "type": "link", "position": [ 253, 10, 47, 40 ], "completed": false }, { "type": "link", "position": [ 321, 10, 92, 40 ], "completed": false }, { "type": "link", "position": [ 433, 10, 56, 40 ], "completed": false }, { "type": "link", "position": [ 510, 10, 52, 40 ], "completed": false }, { "type": "link", "position": [ 582, 10, 158, 40 ], "completed": false }, { "type": "link", "position": [ 761, 10, 69, 40 ], "completed": false }, { "type": "link", "position": [ 850, 10, 76, 40 ], "completed": false }, { "type": "link", "position": [ 10, 50, 100, 40 ], "completed": false }, { "type": "link", "position": [ 131, 50, 45, 40 ], "completed": false }, { "type": "link", "position": [ 196, 50, 122, 40 ], "completed": false }, { "type": "link", "position": [ 339, 50, 97, 40 ], "completed": false }, { "type": "link", "position": [ 456, 50, 104, 40 ], "completed": false }, { "type": "link", "position": [ 581, 50, 124, 40 ], "completed": false }, { "type": "link", "position": [ 725, 50, 111, 40 ], "completed": false }, { "type": "link", "position": [ 857, 50, 66, 40 ], "completed": false }, { "type": "link", "position": [ 10, 90, 97, 40 ], "completed": false }, { "type": "link", "position": [ 128, 90, 97, 40 ], "completed": false }, { "type": "link", "position": [ 245, 90, 106, 40 ], "completed": false }, { "type": "link", "position": [ 372, 90, 143, 40 ], "completed": false }, { "type": "link", "position": [ 535, 90, 66, 40 ], "completed": false }, { "type": "link", "position": [ 622, 90, 110, 40 ], "completed": false }, { "type": "link", "position": [ 752, 90, 143, 40 ], "completed": false }, { "type": "link", "position": [ 916, 90, 42, 40 ], "completed": false } ] }, { "text": "# A header shop for an online shop 22 Memory Lane.# On the page, there should have the name of the shop, three links \"Home\" \"Catalog\" and \"Contact\" for the user to click to return to the home page, shop according to a category, and contact the shop. Besides, it is necessary to have three icons for search, login, and shopping cart.", "region_id": "7020", "region_type": "Header", "ir": "[region:Header [el:title] [gp:FlatNavGroup [gattr:repeat '3'] [gattr:names 'Home, Catalog, Contact'] [item [el:link]]] [el:icon [attr:value 'search']] [el:icon [attr:value 'log in']][el:icon [attr:value 'shopping cart']] ]", "execution": "header : icon undefined undefined | icon undefined undefined | icon undefined undefined | title undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 3 2 2 | icon 101 3 2 2 | icon 110 2 5 5 | title 5 3 20 3 | \" [ link 30 3 4 2 ] | [ link 38 3 5 2 ] | [ link 46 3 5 2 ] \"", "layout_seq_without_completion": "icon 106 3 2 2 | icon 101 3 2 2 | icon 110 2 5 5 | title 5 3 20 3 | \" [ link 30 3 4 2 ] | [ link 38 3 5 2 ] | [ link 46 3 5 2 ] \"", "plain_layout_seq": "icon 106 3 2 2 | icon 101 3 2 2 | icon 110 2 5 5 | link 30 3 4 2 | link 38 3 5 2 | link 46 3 5 2 | title 5 3 20 3", "canvas_width": 1024, "canvas_height": 85, "elements": [ { "type": "icon", "position": [ 942, 20, 44, 44 ], "completed": false }, { "type": "title", "position": [ 50, 26, 173, 32 ], "completed": false }, { "type": "icon", "position": [ 866, 32, 20, 20 ], "completed": false }, { "type": "icon", "position": [ 910, 32, 20, 20 ], "completed": false }, { "type": "link", "position": [ 263, 33, 38, 18 ], "completed": false }, { "type": "link", "position": [ 325, 33, 50, 18 ], "completed": false }, { "type": "link", "position": [ 400, 33, 51, 18 ], "completed": false } ] }, { "text": "# A header page for an online shop. # On the page, there should have a store logo, three links \"Home\" \"Bossy Bangle Collection\", and \"Beaded Bracelets\" for the user to click to return to the homepage and view the products in the shop. Also, two icons for search and shopping cart on the right are necessary.", "region_id": "7898", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:names 'Home,Bossy Bangle Collection,Beaded Bracelets'] [gattr:repeat '3'] [item [el:link] ] ] [el:icon [attr:position 'right'] [attr:value 'search'] ] [el:icon [attr:position 'right'] [attr:value 'shopping cart'] ] ]", "execution": "header : icon right undefined | icon right undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 106 11 2 2 | icon 110 10 5 5 | logo 5 3 19 19 | \" [ link 30 12 4 2 ] | [ link 37 12 19 2 ] | [ link 60 12 14 2 ] \"", "layout_seq_without_completion": "icon 106 11 2 2 | icon 110 10 5 5 | logo 5 3 19 19 | \" [ link 30 12 4 2 ] | [ link 37 12 19 2 ] | [ link 60 12 14 2 ] \"", "plain_layout_seq": "icon 106 11 2 2 | icon 110 10 5 5 | link 30 12 4 2 | link 37 12 19 2 | link 60 12 14 2 | logo 5 3 19 19", "canvas_width": 1024, "canvas_height": 225, "elements": [ { "type": "logo", "position": [ 50, 28, 170, 170 ], "completed": false }, { "type": "icon", "position": [ 942, 90, 44, 44 ], "completed": false }, { "type": "icon", "position": [ 910, 102, 20, 20 ], "completed": false }, { "type": "link", "position": [ 260, 103, 40, 18 ], "completed": false }, { "type": "link", "position": [ 324, 103, 166, 18 ], "completed": false }, { "type": "link", "position": [ 514, 103, 122, 18 ], "completed": false } ] }, { "text": "# A header page for a website for software Hyperbeam. # On the page, there should have a logo and the name of the software. Then two buttons \"Download\" and \"Get Started\" are needed for the user to click to download and get started Hyperbeam.", "region_id": "6145", "region_type": "Header", "ir": "[region:Header [el:logo] [el:button [attr:value 'download'] ] [el:button [attr:value 'get started'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined", "layout_seq_with_completion": "button 95 2 16 6 | button 78 2 14 6 | logo 7 2 30 5", "layout_seq_without_completion": "button 95 2 16 6 | button 78 2 14 6 | logo 7 2 30 5", "plain_layout_seq": "button 95 2 16 6 | button 78 2 14 6 | logo 7 2 30 5", "canvas_width": 1009, "canvas_height": 96, "elements": [ { "type": "button", "position": [ 663, 22, 126, 51 ], "completed": false }, { "type": "button", "position": [ 805, 22, 140, 51 ], "completed": false }, { "type": "logo", "position": [ 64, 24, 254, 48 ], "completed": false } ] }, { "text": "#A page for navigation of the web.# The page should include a logo. There are four links on the page, including Blog, Free Tools, Resources, and About Us. There are also two buttons on the page. One button is for users to search for information, and if users click the other button \"Google Ads Grader\", they will know the performance of Google Ads.", "region_id": "5426", "region_type": "Header", "ir": "[region:Header [el:logo] [gp:FlatNavGroup [gattr:repeat '4'] [gattr:names 'blog, free tools, resources, about us'] [item [el:link] ] ] [el:button[attr:value 'search']] [el:button [attr:value 'google ads grader'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | logo undefined undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "button 87 4 4 5 | button 95 4 21 5 | logo 3 4 32 5 | \" [ link 39 4 6 8 ] | [ link 46 4 11 8 ] | [ link 57 4 11 8 ] | [ link 69 4 10 8 ] \"", "layout_seq_without_completion": "button 87 4 4 5 | button 95 4 21 5 | logo 3 4 32 5 | \" [ link 39 4 6 8 ] | [ link 46 4 11 8 ] | [ link 57 4 11 8 ] | [ link 69 4 10 8 ] \"", "plain_layout_seq": "button 87 4 4 5 | button 95 4 21 5 | link 39 4 6 8 | link 46 4 11 8 | link 57 4 11 8 | link 69 4 10 8 | logo 3 4 32 5", "canvas_width": 1024, "canvas_height": 112, "elements": [ { "type": "link", "position": [ 340, 36, 54, 73 ], "completed": false }, { "type": "link", "position": [ 394, 36, 98, 73 ], "completed": false }, { "type": "link", "position": [ 492, 36, 98, 73 ], "completed": false }, { "type": "link", "position": [ 590, 36, 91, 73 ], "completed": false }, { "type": "button", "position": [ 748, 36, 38, 51 ], "completed": false }, { "type": "button", "position": [ 816, 36, 182, 48 ], "completed": false }, { "type": "logo", "position": [ 26, 38, 279, 48 ], "completed": false } ] }, { "text": "#A header page of meble furniture for users to get some information.# There is a sentence on the top of the page. There should be a logo of meble furniture, and input with an icon for users to search by product type. Under it, there are 11 furniture types for users to choose from. On the right, there are two links for users to get more information, and two links with icons. There are also two icon buttons for users to click.", "region_id": "8662", "region_type": "Header", "ir": "[region:Header [el:text [attr:position 'top'] ] [el:logo [attr:value 'meble furniture']] [el:input [attr:value 'search by product type']] [el:icon] [gp:FlatNavGroup [gattr:repeat '11'] [item [el:link] ] ] [el:link [attr:repeat '2'] ] [el:link [attr:repeat '2'] ] [el:icon [attr:repeat '2'] ] [el:button [attr:repeat '2'] ] ]", "execution": "header : button undefined undefined | button undefined undefined | icon undefined undefined | icon undefined undefined | icon undefined undefined | input undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | link undefined undefined | logo undefined undefined | text top undefined | { [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] | [ link undefined undefined ] }", "layout_seq_with_completion": "icon 108 14 1 1 | complete image 2 11 113 7 | input 28 5 34 4 | link 84 4 9 1 | link 86 8 8 1 | link 99 8 18 1 | link 97 4 20 1 | logo 1 2 23 8 | text 0 0 120 2 | \" [ link 2 11 9 3 ] | [ link 13 11 22 3 ] | [ link 36 11 11 3 ] | [ link 49 11 11 3 ] | [ link 61 11 10 3 ] | [ link 73 11 12 3 ] | [ link 87 11 6 3 ] | [ link 94 11 7 3 ] | [ link 2 15 5 3 ] | [ link 9 15 4 3 ] | [ link 15 15 7 3 ] \"", "layout_seq_without_completion": "icon 108 14 1 1 | image 2 11 113 7 | input 28 5 34 4 | link 84 4 9 1 | link 86 8 8 1 | link 99 8 18 1 | link 97 4 20 1 | logo 1 2 23 8 | text 0 0 120 2 | \" [ link 2 11 9 3 ] | [ link 13 11 22 3 ] | [ link 36 11 11 3 ] | [ link 49 11 11 3 ] | [ link 61 11 10 3 ] | [ link 73 11 12 3 ] | [ link 87 11 6 3 ] | [ link 94 11 7 3 ] | [ link 2 15 5 3 ] | [ link 9 15 4 3 ] | [ link 15 15 7 3 ] \"", "plain_layout_seq": "icon 108 14 1 1 | image 2 11 113 7 | input 28 5 34 4 | link 84 4 9 1 | link 86 8 8 1 | link 99 8 18 1 | link 97 4 20 1 | link 2 11 9 3 | link 13 11 22 3 | link 36 11 11 3 | link 49 11 11 3 | link 61 11 10 3 | link 73 11 12 3 | link 87 11 6 3 | link 94 11 7 3 | link 2 15 5 3 | link 9 15 4 3 | link 15 15 7 3 | logo 1 2 23 8 | text 0 0 120 2", "canvas_width": 1024, "canvas_height": 164, "elements": [ { "type": "text", "position": [ 0, 2, 1024, 19 ], "completed": false }, { "type": "logo", "position": [ 15, 23, 200, 71 ], "completed": false }, { "type": "link", "position": [ 719, 37, 85, 17 ], "completed": false }, { "type": "link", "position": [ 834, 37, 175, 17 ], "completed": false }, { "type": "input", "position": [ 240, 46, 295, 35 ], "completed": false }, { "type": "link", "position": [ 739, 69, 70, 17 ], "completed": false }, { "type": "link", "position": [ 849, 69, 160, 17 ], "completed": false }, { "type": "image", "position": [ 20, 95, 968, 68 ], "completed": true }, { "type": "link", "position": [ 21, 96, 81, 32 ], "completed": false }, { "type": "link", "position": [ 112, 96, 191, 32 ], "completed": false }, { "type": "link", "position": [ 313, 96, 98, 32 ], "completed": false }, { "type": "link", "position": [ 421, 96, 98, 32 ], "completed": false }, { "type": "link", "position": [ 529, 96, 92, 32 ], "completed": false }, { "type": "link", "position": [ 631, 96, 104, 32 ], "completed": false }, { "type": "link", "position": [ 745, 96, 55, 32 ], "completed": false }, { "type": "link", "position": [ 810, 96, 64, 32 ], "completed": false }, { "type": "icon", "position": [ 929, 122, 15, 15 ], "completed": false }, { "type": "link", "position": [ 21, 129, 49, 32 ], "completed": false }, { "type": "link", "position": [ 80, 129, 38, 32 ], "completed": false }, { "type": "link", "position": [ 128, 129, 67, 32 ], "completed": false } ] } ]